Repository: solidtime-io/solidtime
Branch: main
Commit: 192c8c3b887a
Files: 1208
Total size: 3.9 MB

Directory structure:
gitextract_ryuvl2mb/

├── .editorconfig
├── .gitattributes
├── .github/
│   ├── FUNDING.yml
│   ├── ISSUE_TEMPLATE/
│   │   ├── 1_bug_report.yml
│   │   └── config.yml
│   ├── PULL_REQUEST_TEMPLATE.md
│   ├── dependabot.yml
│   └── workflows/
│       ├── build-onpremise.yml
│       ├── build-private.yml
│       ├── build-public.yml
│       ├── generate-api-docs.yml
│       ├── npm-build.yml
│       ├── npm-format-check.yml
│       ├── npm-lint.yml
│       ├── npm-publish-api.yml
│       ├── npm-publish-ui.yml
│       ├── npm-typecheck.yml
│       ├── phpstan.yml
│       ├── phpunit.yml
│       ├── pint.yml
│       └── playwright.yml
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── CODE_OF_CONDUCT.md
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
├── SECURITY.md
├── app/
│   ├── Actions/
│   │   ├── Fortify/
│   │   │   ├── CreateNewUser.php
│   │   │   ├── PasswordValidationRules.php
│   │   │   ├── ResetUserPassword.php
│   │   │   ├── UpdateUserPassword.php
│   │   │   └── UpdateUserProfileInformation.php
│   │   └── Jetstream/
│   │       ├── AddOrganizationMember.php
│   │       ├── CreateOrganization.php
│   │       ├── DeleteOrganization.php
│   │       ├── DeleteUser.php
│   │       ├── InviteOrganizationMember.php
│   │       ├── RemoveOrganizationMember.php
│   │       ├── UpdateMemberRole.php
│   │       ├── UpdateOrganization.php
│   │       └── ValidateOrganizationDeletion.php
│   ├── Console/
│   │   ├── Commands/
│   │   │   ├── Admin/
│   │   │   │   ├── OrganizationDeleteCommand.php
│   │   │   │   ├── UserCreateCommand.php
│   │   │   │   └── UserVerifyCommand.php
│   │   │   ├── Auth/
│   │   │   │   └── AuthSendReminderForExpiringApiTokensCommand.php
│   │   │   ├── Correction/
│   │   │   │   └── CorrectionPlaceholderMembersCommand.php
│   │   │   ├── Report/
│   │   │   │   └── ReportSetExpiredToPrivateCommand.php
│   │   │   ├── SelfHost/
│   │   │   │   ├── SelfHostCheckForUpdateCommand.php
│   │   │   │   ├── SelfHostDatabaseConsistency.php
│   │   │   │   ├── SelfHostGenerateKeysCommand.php
│   │   │   │   └── SelfHostTelemetryCommand.php
│   │   │   ├── Test/
│   │   │   │   ├── TestEmailCommand.php
│   │   │   │   ├── TestJobCommand.php
│   │   │   │   └── TestOutputCommand.php
│   │   │   └── TimeEntry/
│   │   │       └── TimeEntrySendStillRunningMailsCommand.php
│   │   └── Kernel.php
│   ├── Enums/
│   │   ├── CurrencyFormat.php
│   │   ├── DateFormat.php
│   │   ├── ExportFormat.php
│   │   ├── IntervalFormat.php
│   │   ├── NumberFormat.php
│   │   ├── Role.php
│   │   ├── TimeEntryAggregationType.php
│   │   ├── TimeEntryAggregationTypeInterval.php
│   │   ├── TimeEntryRoundingType.php
│   │   ├── TimeFormat.php
│   │   └── Weekday.php
│   ├── Events/
│   │   ├── AfterCreateOrganization.php
│   │   ├── BeforeOrganizationDeletion.php
│   │   ├── DatabaseSeederAfterSeed.php
│   │   ├── DatabaseSeederBeforeDelete.php
│   │   ├── MemberMadeToPlaceholder.php
│   │   ├── MemberRemoved.php
│   │   └── NewsletterRegistered.php
│   ├── Exceptions/
│   │   ├── Api/
│   │   │   ├── ApiException.php
│   │   │   ├── CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers.php
│   │   │   ├── CanNotRemoveOwnerFromOrganization.php
│   │   │   ├── ChangingRoleOfPlaceholderIsNotAllowed.php
│   │   │   ├── ChangingRoleToPlaceholderIsNotAllowed.php
│   │   │   ├── EntityStillInUseApiException.php
│   │   │   ├── FeatureIsNotAvailableInFreePlanApiException.php
│   │   │   ├── InactiveUserCanNotBeUsedApiException.php
│   │   │   ├── InvitationForTheEmailAlreadyExistsApiException.php
│   │   │   ├── OnlyOwnerCanChangeOwnership.php
│   │   │   ├── OnlyPlaceholdersCanBeMergedIntoAnotherMember.php
│   │   │   ├── OrganizationHasNoSubscriptionButMultipleMembersException.php
│   │   │   ├── OrganizationNeedsAtLeastOneOwner.php
│   │   │   ├── OverlappingTimeEntryApiException.php
│   │   │   ├── PdfRendererIsNotConfiguredException.php
│   │   │   ├── PersonalAccessClientIsNotConfiguredException.php
│   │   │   ├── ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException.php
│   │   │   ├── TimeEntryCanNotBeRestartedApiException.php
│   │   │   ├── TimeEntryStillRunningApiException.php
│   │   │   ├── UserIsAlreadyMemberOfOrganizationApiException.php
│   │   │   ├── UserIsAlreadyMemberOfProjectApiException.php
│   │   │   └── UserNotPlaceholderApiException.php
│   │   ├── Handler.php
│   │   └── MovedToApiException.php
│   ├── Extensions/
│   │   ├── Auditing/
│   │   │   └── Resolvers/
│   │   │       └── CustomIpAddressResolver.php
│   │   ├── Fortify/
│   │   │   ├── CustomLoginResponse.php
│   │   │   └── CustomTwoFactorLoginResponse.php
│   │   └── Scramble/
│   │       ├── ApiExceptionTypeToSchema.php
│   │       └── PaginatedResourceCollectionTypeToSchema.php
│   ├── Filament/
│   │   ├── Resources/
│   │   │   ├── AuditResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateAudit.php
│   │   │   │       ├── ListAudits.php
│   │   │   │       └── ViewAudit.php
│   │   │   ├── AuditResource.php
│   │   │   ├── ClientResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateClient.php
│   │   │   │       ├── EditClient.php
│   │   │   │       └── ListClients.php
│   │   │   ├── ClientResource.php
│   │   │   ├── FailedJobResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── ListFailedJobs.php
│   │   │   │       └── ViewFailedJobs.php
│   │   │   ├── FailedJobResource.php
│   │   │   ├── OrganizationInvitationResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── EditOrganizationInvitation.php
│   │   │   │       ├── ListOrganizationInvitations.php
│   │   │   │       └── ViewOrganizationInvitation.php
│   │   │   ├── OrganizationInvitationResource.php
│   │   │   ├── OrganizationResource/
│   │   │   │   ├── Actions/
│   │   │   │   │   └── DeleteOrganization.php
│   │   │   │   ├── Pages/
│   │   │   │   │   ├── CreateOrganization.php
│   │   │   │   │   ├── EditOrganization.php
│   │   │   │   │   ├── ListOrganizations.php
│   │   │   │   │   └── ViewOrganization.php
│   │   │   │   └── RelationManagers/
│   │   │   │       ├── InvitationsRelationManager.php
│   │   │   │       └── UsersRelationManager.php
│   │   │   ├── OrganizationResource.php
│   │   │   ├── ProjectMemberResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateProjectMember.php
│   │   │   │       ├── EditProjectMember.php
│   │   │   │       ├── ListProjectMembers.php
│   │   │   │       └── ViewProjectMembers.php
│   │   │   ├── ProjectMemberResource.php
│   │   │   ├── ProjectResource/
│   │   │   │   ├── Pages/
│   │   │   │   │   ├── CreateProject.php
│   │   │   │   │   ├── EditProject.php
│   │   │   │   │   └── ListProjects.php
│   │   │   │   └── RelationManagers/
│   │   │   │       └── ProjectMembersRelationManager.php
│   │   │   ├── ProjectResource.php
│   │   │   ├── ReportResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── EditReport.php
│   │   │   │       ├── ListReports.php
│   │   │   │       └── ViewReport.php
│   │   │   ├── ReportResource.php
│   │   │   ├── TagResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateTag.php
│   │   │   │       ├── EditTag.php
│   │   │   │       └── ListTags.php
│   │   │   ├── TagResource.php
│   │   │   ├── TaskResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateTask.php
│   │   │   │       ├── EditTask.php
│   │   │   │       └── ListTasks.php
│   │   │   ├── TaskResource.php
│   │   │   ├── TimeEntryResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── CreateTimeEntry.php
│   │   │   │       ├── EditTimeEntry.php
│   │   │   │       └── ListTimeEntries.php
│   │   │   ├── TimeEntryResource.php
│   │   │   ├── TokenResource/
│   │   │   │   └── Pages/
│   │   │   │       ├── ListTokens.php
│   │   │   │       └── ViewToken.php
│   │   │   ├── TokenResource.php
│   │   │   ├── UserResource/
│   │   │   │   ├── Actions/
│   │   │   │   │   └── DeleteUser.php
│   │   │   │   ├── Pages/
│   │   │   │   │   ├── CreateUser.php
│   │   │   │   │   ├── EditUser.php
│   │   │   │   │   ├── ListUsers.php
│   │   │   │   │   └── ViewUser.php
│   │   │   │   └── RelationManagers/
│   │   │   │       ├── OrganizationsRelationManager.php
│   │   │   │       └── OwnedOrganizationsRelationManager.php
│   │   │   └── UserResource.php
│   │   └── Widgets/
│   │       ├── ActiveUserOverview.php
│   │       ├── ServerOverview.php
│   │       ├── TimeEntriesCreated.php
│   │       ├── TimeEntriesImported.php
│   │       └── UserRegistrations.php
│   ├── Http/
│   │   ├── Controllers/
│   │   │   ├── Api/
│   │   │   │   └── V1/
│   │   │   │       ├── ApiTokenController.php
│   │   │   │       ├── ChartController.php
│   │   │   │       ├── ClientController.php
│   │   │   │       ├── Controller.php
│   │   │   │       ├── CurrencyController.php
│   │   │   │       ├── ExportController.php
│   │   │   │       ├── ImportController.php
│   │   │   │       ├── InvitationController.php
│   │   │   │       ├── MemberController.php
│   │   │   │       ├── OrganizationController.php
│   │   │   │       ├── ProjectController.php
│   │   │   │       ├── ProjectMemberController.php
│   │   │   │       ├── Public/
│   │   │   │       │   └── ReportController.php
│   │   │   │       ├── ReportController.php
│   │   │   │       ├── TagController.php
│   │   │   │       ├── TaskController.php
│   │   │   │       ├── TimeEntryController.php
│   │   │   │       ├── UserController.php
│   │   │   │       ├── UserMembershipController.php
│   │   │   │       └── UserTimeEntryController.php
│   │   │   ├── Controller.php
│   │   │   └── Web/
│   │   │       ├── Controller.php
│   │   │       ├── DashboardController.php
│   │   │       ├── HealthCheckController.php
│   │   │       └── HomeController.php
│   │   ├── Kernel.php
│   │   ├── Middleware/
│   │   │   ├── Authenticate.php
│   │   │   ├── CheckOrganizationBlocked.php
│   │   │   ├── EncryptCookies.php
│   │   │   ├── EnsureEmailIsVerified.php
│   │   │   ├── ForceHttps.php
│   │   │   ├── ForceJsonResponse.php
│   │   │   ├── HandleInertiaRequests.php
│   │   │   ├── PreventRequestsDuringMaintenance.php
│   │   │   ├── RedirectIfAuthenticated.php
│   │   │   ├── ShareInertiaData.php
│   │   │   ├── TrimStrings.php
│   │   │   ├── TrustProxies.php
│   │   │   ├── ValidateSignature.php
│   │   │   └── VerifyCsrfToken.php
│   │   ├── Requests/
│   │   │   └── V1/
│   │   │       ├── ApiToken/
│   │   │       │   └── ApiTokenStoreRequest.php
│   │   │       ├── BaseFormRequest.php
│   │   │       ├── Client/
│   │   │       │   ├── ClientIndexRequest.php
│   │   │       │   ├── ClientStoreRequest.php
│   │   │       │   └── ClientUpdateRequest.php
│   │   │       ├── Import/
│   │   │       │   └── ImportRequest.php
│   │   │       ├── Invitation/
│   │   │       │   ├── InvitationIndexRequest.php
│   │   │       │   └── InvitationStoreRequest.php
│   │   │       ├── Member/
│   │   │       │   ├── MemberDestroyRequest.php
│   │   │       │   ├── MemberIndexRequest.php
│   │   │       │   ├── MemberMergeIntoRequest.php
│   │   │       │   └── MemberUpdateRequest.php
│   │   │       ├── Organization/
│   │   │       │   └── OrganizationUpdateRequest.php
│   │   │       ├── Project/
│   │   │       │   ├── ProjectIndexRequest.php
│   │   │       │   ├── ProjectStoreRequest.php
│   │   │       │   └── ProjectUpdateRequest.php
│   │   │       ├── ProjectMember/
│   │   │       │   ├── ProjectMemberIndexRequest.php
│   │   │       │   ├── ProjectMemberStoreRequest.php
│   │   │       │   └── ProjectMemberUpdateRequest.php
│   │   │       ├── Report/
│   │   │       │   ├── ReportIndexRequest.php
│   │   │       │   ├── ReportStoreRequest.php
│   │   │       │   └── ReportUpdateRequest.php
│   │   │       ├── Tag/
│   │   │       │   ├── TagIndexRequest.php
│   │   │       │   ├── TagStoreRequest.php
│   │   │       │   └── TagUpdateRequest.php
│   │   │       ├── Task/
│   │   │       │   ├── TaskIndexRequest.php
│   │   │       │   ├── TaskStoreRequest.php
│   │   │       │   └── TaskUpdateRequest.php
│   │   │       └── TimeEntry/
│   │   │           ├── TimeEntryAggregateExportRequest.php
│   │   │           ├── TimeEntryAggregateRequest.php
│   │   │           ├── TimeEntryDestroyMultipleRequest.php
│   │   │           ├── TimeEntryIndexExportRequest.php
│   │   │           ├── TimeEntryIndexRequest.php
│   │   │           ├── TimeEntryStoreRequest.php
│   │   │           ├── TimeEntryUpdateMultipleRequest.php
│   │   │           └── TimeEntryUpdateRequest.php
│   │   └── Resources/
│   │       ├── PaginatedResourceCollection.php
│   │       └── V1/
│   │           ├── ApiToken/
│   │           │   ├── ApiTokenCollection.php
│   │           │   ├── ApiTokenResource.php
│   │           │   └── ApiTokenWithAccessTokenResource.php
│   │           ├── BaseResource.php
│   │           ├── Client/
│   │           │   ├── ClientCollection.php
│   │           │   └── ClientResource.php
│   │           ├── Invitation/
│   │           │   ├── InvitationCollection.php
│   │           │   └── InvitationResource.php
│   │           ├── Member/
│   │           │   ├── MemberCollection.php
│   │           │   ├── MemberResource.php
│   │           │   ├── PersonalMembershipCollection.php
│   │           │   └── PersonalMembershipResource.php
│   │           ├── Organization/
│   │           │   └── OrganizationResource.php
│   │           ├── Project/
│   │           │   ├── ProjectCollection.php
│   │           │   └── ProjectResource.php
│   │           ├── ProjectMember/
│   │           │   ├── ProjectMemberCollection.php
│   │           │   └── ProjectMemberResource.php
│   │           ├── Report/
│   │           │   ├── DetailedReportResource.php
│   │           │   ├── DetailedWithDataReportResource.php
│   │           │   ├── ReportCollection.php
│   │           │   └── ReportResource.php
│   │           ├── Tag/
│   │           │   ├── TagCollection.php
│   │           │   └── TagResource.php
│   │           ├── Task/
│   │           │   ├── TaskCollection.php
│   │           │   └── TaskResource.php
│   │           ├── TimeEntry/
│   │           │   ├── TimeEntryCollection.php
│   │           │   └── TimeEntryResource.php
│   │           └── User/
│   │               └── UserResource.php
│   ├── Jobs/
│   │   ├── RecalculateSpentTimeForProject.php
│   │   ├── RecalculateSpentTimeForTask.php
│   │   └── Test/
│   │       └── TestJob.php
│   ├── Listeners/
│   │   └── RemovePlaceholder.php
│   ├── Mail/
│   │   ├── AuthApiTokenExpirationReminderMail.php
│   │   ├── AuthApiTokenExpiredMail.php
│   │   ├── OrganizationInvitationMail.php
│   │   └── TimeEntryStillRunningMail.php
│   ├── Models/
│   │   ├── Audit.php
│   │   ├── Client.php
│   │   ├── Concerns/
│   │   │   ├── CustomAuditable.php
│   │   │   └── HasUuids.php
│   │   ├── FailedJob.php
│   │   ├── Member.php
│   │   ├── Organization.php
│   │   ├── OrganizationInvitation.php
│   │   ├── Passport/
│   │   │   ├── AuthCode.php
│   │   │   ├── Client.php
│   │   │   ├── RefreshToken.php
│   │   │   └── Token.php
│   │   ├── Project.php
│   │   ├── ProjectMember.php
│   │   ├── Report.php
│   │   ├── Tag.php
│   │   ├── Task.php
│   │   ├── TimeEntry.php
│   │   └── User.php
│   ├── Policies/
│   │   └── OrganizationPolicy.php
│   ├── Providers/
│   │   ├── AppServiceProvider.php
│   │   ├── AuthServiceProvider.php
│   │   ├── EventServiceProvider.php
│   │   ├── Filament/
│   │   │   └── AdminPanelProvider.php
│   │   ├── FortifyServiceProvider.php
│   │   ├── JetstreamServiceProvider.php
│   │   ├── RouteServiceProvider.php
│   │   └── TelescopeServiceProvider.php
│   ├── Rules/
│   │   ├── ColorRule.php
│   │   └── CurrencyRule.php
│   └── Service/
│       ├── ApiService.php
│       ├── BillableRateService.php
│       ├── BillingContract.php
│       ├── ColorService.php
│       ├── CurrencyService.php
│       ├── DashboardService.php
│       ├── DeletionService.php
│       ├── Dto/
│       │   └── ReportPropertiesDto.php
│       ├── Export/
│       │   ├── ExportException.php
│       │   └── ExportService.php
│       ├── Import/
│       │   ├── ImportDatabaseHelper.php
│       │   ├── ImportService.php
│       │   └── Importers/
│       │       ├── ClockifyProjectsImporter.php
│       │       ├── ClockifyTimeEntriesImporter.php
│       │       ├── DefaultImporter.php
│       │       ├── GenericProjectsImporter.php
│       │       ├── GenericTimeEntriesImporter.php
│       │       ├── HarvestClientsImporter.php
│       │       ├── HarvestProjectsImporter.php
│       │       ├── HarvestTimeEntriesImporter.php
│       │       ├── ImportException.php
│       │       ├── ImporterContract.php
│       │       ├── ImporterProvider.php
│       │       ├── ReportDto.php
│       │       ├── SolidtimeImporter.php
│       │       ├── TogglDataImporter.php
│       │       └── TogglTimeEntriesImporter.php
│       ├── IntervalService.php
│       ├── InvitationService.php
│       ├── IpLookup/
│       │   ├── IpLookupResponseDto.php
│       │   ├── IpLookupServiceContract.php
│       │   └── NoIpLookupService.php
│       ├── LocalizationService.php
│       ├── MemberService.php
│       ├── OrganizationInvitationService.php
│       ├── OrganizationService.php
│       ├── PermissionStore.php
│       ├── ReportExport/
│       │   ├── CsvExport.php
│       │   ├── TimeEntriesDetailedCsvExport.php
│       │   ├── TimeEntriesDetailedExport.php
│       │   └── TimeEntriesReportExport.php
│       ├── ReportService.php
│       ├── TimeEntryAggregationService.php
│       ├── TimeEntryFilter.php
│       ├── TimeEntryService.php
│       ├── TimezoneService.php
│       └── UserService.php
├── artisan
├── bootstrap/
│   ├── app.php
│   └── cache/
│       └── .gitignore
├── components.json
├── composer.json
├── config/
│   ├── app.php
│   ├── audit.php
│   ├── auth.php
│   ├── broadcasting.php
│   ├── cache.php
│   ├── cors.php
│   ├── database.php
│   ├── excel.php
│   ├── filament.php
│   ├── filesystems.php
│   ├── fortify.php
│   ├── hashing.php
│   ├── jetstream.php
│   ├── logging.php
│   ├── mail.php
│   ├── modules.php
│   ├── octane.php
│   ├── passport.php
│   ├── queue.php
│   ├── scheduling.php
│   ├── scramble.php
│   ├── services.php
│   ├── session.php
│   ├── telescope.php
│   ├── trustedproxy.php
│   └── view.php
├── database/
│   ├── .gitignore
│   ├── factories/
│   │   ├── AuditFactory.php
│   │   ├── ClientFactory.php
│   │   ├── FailedJobFactory.php
│   │   ├── MemberFactory.php
│   │   ├── OrganizationFactory.php
│   │   ├── OrganizationInvitationFactory.php
│   │   ├── Passport/
│   │   │   ├── ClientFactory.php
│   │   │   └── TokenFactory.php
│   │   ├── ProjectFactory.php
│   │   ├── ProjectMemberFactory.php
│   │   ├── ReportFactory.php
│   │   ├── TagFactory.php
│   │   ├── TaskFactory.php
│   │   ├── TimeEntryFactory.php
│   │   └── UserFactory.php
│   ├── migrations/
│   │   ├── 2014_10_12_000000_create_users_table.php
│   │   ├── 2014_10_12_100000_create_password_reset_tokens_table.php
│   │   ├── 2014_10_12_200000_add_two_factor_columns_to_users_table.php
│   │   ├── 2016_06_01_000001_create_oauth_auth_codes_table.php
│   │   ├── 2016_06_01_000002_create_oauth_access_tokens_table.php
│   │   ├── 2016_06_01_000003_create_oauth_refresh_tokens_table.php
│   │   ├── 2016_06_01_000004_create_oauth_clients_table.php
│   │   ├── 2016_06_01_000005_create_oauth_personal_access_clients_table.php
│   │   ├── 2018_08_08_100000_create_telescope_entries_table.php
│   │   ├── 2019_08_19_000000_create_failed_jobs_table.php
│   │   ├── 2019_12_14_000001_create_personal_access_tokens_table.php
│   │   ├── 2020_05_21_100000_create_organizations_table.php
│   │   ├── 2020_05_21_200000_create_organization_user_table.php
│   │   ├── 2020_05_21_300000_create_organization_invitations_table.php
│   │   ├── 2024_01_16_161030_create_sessions_table.php
│   │   ├── 2024_01_20_110218_create_clients_table.php
│   │   ├── 2024_01_20_110439_create_projects_table.php
│   │   ├── 2024_01_20_110444_create_tasks_table.php
│   │   ├── 2024_01_20_110452_create_tags_table.php
│   │   ├── 2024_01_20_110837_create_time_entries_table.php
│   │   ├── 2024_03_26_171253_create_project_members_table.php
│   │   ├── 2024_04_11_150130_create_jobs_table.php
│   │   ├── 2024_04_12_095010_create_cache_table.php
│   │   ├── 2024_05_07_134711_move_from_user_id_to_member_id_in_project_members_table.php
│   │   ├── 2024_05_07_141842_move_from_user_id_to_member_id_in_time_entries_table.php
│   │   ├── 2024_05_13_171020_rename_table_organization_user_to_members.php
│   │   ├── 2024_05_22_151226_add_client_id_to_time_entries_table.php
│   │   ├── 2024_05_30_175801_add_is_billable_column_to_projects_table.php
│   │   ├── 2024_05_30_175825_add_is_imported_column_to_time_entries_table.php
│   │   ├── 2024_06_01_000001_create_oauth_device_codes_table.php
│   │   ├── 2024_06_07_113443_change_member_id_foreign_keys_to_restrict_on_delete.php
│   │   ├── 2024_06_10_161831_reset_billable_rates_with_zero_as_value.php
│   │   ├── 2024_06_21_122754_add_is_archived_columns_to_projects_and_clients_table.php
│   │   ├── 2024_06_24_114433_add_done_at_to_tasks_table.php
│   │   ├── 2024_07_02_134307_add_estimated_time_to_projects_and_tasks_table.php
│   │   ├── 2024_07_03_145445_change_data_type_of_id_column_in_failed_jobs_table.php
│   │   ├── 2024_07_18_080906_add_still_active_email_sent_at_to_time_entries_table.php
│   │   ├── 2024_08_01_104840_create_reports_table.php
│   │   ├── 2024_09_02_094105_create_audits_table.php
│   │   ├── 2024_09_18_120203_add_spent_time_to_projects_and_tasks_table.php
│   │   ├── 2024_10_01_143608_add_employees_can_see_billable_rates_to_organizations_table.php
│   │   ├── 2024_11_04_164807_add_foreign_key_to_organizations_and_members_table.php
│   │   ├── 2024_11_04_170614_add_foreign_keys_to_oauth_tables.php
│   │   ├── 2025_04_03_101827_add_localization_columns_to_organizations_table.php
│   │   ├── 2025_04_25_202047_change_data_type_for_spent_time_columns.php
│   │   ├── 2025_05_06_152804_fix_typos_in_organizations_table_format_columns.php
│   │   ├── 2025_05_16_075757_add_foreign_key_for_current_team_id_in_users_table.php
│   │   ├── 2025_06_30_095942_remove_oauth_personal_access_clients_table.php
│   │   ├── 2025_06_30_132538_update_oauth_clients_table.php
│   │   ├── 2025_07_15_105949_hash_oauth_clients.php
│   │   ├── 2025_07_17_104903_add_reminder_sent_at_to_oauth_access_tokens_table.php
│   │   ├── 2025_10_02_000001_add_prevent_overlapping_time_entries_to_organizations_table.php
│   │   ├── 2025_10_16_000001_extend_time_entry_description.php
│   │   └── 2025_10_24_120845_add_employees_can_manage_tasks_to_organizations_table.php
│   ├── schema/
│   │   └── pgsql_test-schema.sql
│   └── seeders/
│       └── DatabaseSeeder.php
├── docker/
│   ├── local/
│   │   ├── 8.3/
│   │   │   ├── Dockerfile
│   │   │   ├── php.ini
│   │   │   ├── start-container
│   │   │   └── supervisord.conf
│   │   ├── minio/
│   │   │   └── create_bucket.sh
│   │   └── pgsql/
│   │       └── create-testing-database.sql
│   └── prod/
│       ├── Dockerfile
│       ├── LICENSE
│       └── deployment/
│           ├── healthcheck
│           ├── octane/
│           │   └── FrankenPHP/
│           │       ├── Caddyfile
│           │       └── supervisord.frankenphp.conf
│           ├── php.ini
│           ├── start-container
│           ├── supervisord.conf
│           ├── supervisord.horizon.conf
│           ├── supervisord.reverb.conf
│           ├── supervisord.scheduler.conf
│           └── supervisord.worker.conf
├── docker-compose.yml
├── e2e/
│   ├── auth.spec.ts
│   ├── calendar-settings.spec.ts
│   ├── calendar.spec.ts
│   ├── clients.spec.ts
│   ├── command-palette.spec.ts
│   ├── dashboard.spec.ts
│   ├── import-export.spec.ts
│   ├── members.spec.ts
│   ├── organization.spec.ts
│   ├── profile.spec.ts
│   ├── project-members.spec.ts
│   ├── projects.spec.ts
│   ├── reporting-detailed.spec.ts
│   ├── reporting.spec.ts
│   ├── shared-reports.spec.ts
│   ├── tags.spec.ts
│   ├── tasks.spec.ts
│   ├── time.spec.ts
│   ├── timetracker.spec.ts
│   └── utils/
│       ├── api.ts
│       ├── currentTimeEntry.ts
│       ├── mailpit.ts
│       ├── members.ts
│       ├── money.ts
│       ├── reporting.ts
│       ├── table.ts
│       └── tags.ts
├── eslint.config.mjs
├── jsconfig.json
├── lang/
│   └── en/
│       ├── auth.php
│       ├── enum.php
│       ├── exceptions.php
│       ├── importer.php
│       ├── pagination.php
│       ├── passwords.php
│       └── validation.php
├── openapi.json
├── package.json
├── phpstan.neon
├── phpunit.xml
├── pint.json
├── playwright/
│   ├── config.ts
│   └── fixtures.ts
├── playwright.config.ts
├── postcss.config.js
├── public/
│   ├── .htaccess
│   ├── desktop-version/
│   │   ├── latest-linux.yml
│   │   ├── latest-mac.yml
│   │   └── latest.yml
│   ├── favicons/
│   │   ├── browserconfig.xml
│   │   └── site.webmanifest
│   ├── index.php
│   ├── robots.txt
│   └── security.txt
├── resources/
│   ├── css/
│   │   ├── app.css
│   │   └── filament/
│   │       └── admin/
│   │           ├── tailwind.config.js
│   │           └── theme.css
│   ├── js/
│   │   ├── Components/
│   │   │   ├── ActionMessage.vue
│   │   │   ├── ActionSection.vue
│   │   │   ├── ApplicationLogo.vue
│   │   │   ├── ApplicationMark.vue
│   │   │   ├── AuthenticationCard.vue
│   │   │   ├── AuthenticationCardLogo.vue
│   │   │   ├── Banner.vue
│   │   │   ├── Billing/
│   │   │   │   └── BillingBanner.vue
│   │   │   ├── CommandPalette/
│   │   │   │   ├── CommandPaletteProvider.vue
│   │   │   │   └── index.ts
│   │   │   ├── Common/
│   │   │   │   ├── Card.vue
│   │   │   │   ├── Client/
│   │   │   │   │   ├── ClientCreateModal.vue
│   │   │   │   │   ├── ClientEditModal.vue
│   │   │   │   │   ├── ClientMoreOptionsDropdown.vue
│   │   │   │   │   ├── ClientMultiselectDropdown.vue
│   │   │   │   │   ├── ClientTable.vue
│   │   │   │   │   ├── ClientTableHeading.vue
│   │   │   │   │   └── ClientTableRow.vue
│   │   │   │   ├── Invitation/
│   │   │   │   │   ├── InvitationMoreOptionsDropdown.vue
│   │   │   │   │   ├── InvitationTable.vue
│   │   │   │   │   ├── InvitationTableHeading.vue
│   │   │   │   │   └── InvitationTableRow.vue
│   │   │   │   ├── Member/
│   │   │   │   │   ├── MemberBillableRateModal.vue
│   │   │   │   │   ├── MemberBillableSelect.vue
│   │   │   │   │   ├── MemberCombobox.vue
│   │   │   │   │   ├── MemberDeleteModal.vue
│   │   │   │   │   ├── MemberEditModal.vue
│   │   │   │   │   ├── MemberInviteModal.vue
│   │   │   │   │   ├── MemberMakePlaceholderModal.vue
│   │   │   │   │   ├── MemberMergeModal.vue
│   │   │   │   │   ├── MemberMoreOptionsDropdown.vue
│   │   │   │   │   ├── MemberMultiselectDropdown.vue
│   │   │   │   │   ├── MemberOwnershipTransferConfirmModal.vue
│   │   │   │   │   ├── MemberRoleSelect.vue
│   │   │   │   │   ├── MemberTable.vue
│   │   │   │   │   ├── MemberTableHeading.vue
│   │   │   │   │   └── MemberTableRow.vue
│   │   │   │   ├── Notification/
│   │   │   │   │   └── Notification.vue
│   │   │   │   ├── Organization/
│   │   │   │   │   └── OrganizationBillableRateModal.vue
│   │   │   │   ├── PageTitle.vue
│   │   │   │   ├── Project/
│   │   │   │   │   ├── BaseFilterBadge.vue
│   │   │   │   │   ├── ProjectClientFilterBadge.vue
│   │   │   │   │   ├── ProjectDropdown.vue
│   │   │   │   │   ├── ProjectEditModal.vue
│   │   │   │   │   ├── ProjectMoreOptionsDropdown.vue
│   │   │   │   │   ├── ProjectMultiselectDropdown.vue
│   │   │   │   │   ├── ProjectStatusFilterBadge.vue
│   │   │   │   │   ├── ProjectTable.vue
│   │   │   │   │   ├── ProjectTableHeading.vue
│   │   │   │   │   ├── ProjectTableRow.vue
│   │   │   │   │   ├── ProjectsFilterDropdown.vue
│   │   │   │   │   └── constants.ts
│   │   │   │   ├── ProjectMember/
│   │   │   │   │   ├── ProjectMemberBillableRateModal.vue
│   │   │   │   │   ├── ProjectMemberCreateModal.vue
│   │   │   │   │   ├── ProjectMemberEditModal.vue
│   │   │   │   │   ├── ProjectMemberMoreOptionsDropdown.vue
│   │   │   │   │   ├── ProjectMemberTable.vue
│   │   │   │   │   ├── ProjectMemberTableHeading.vue
│   │   │   │   │   └── ProjectMemberTableRow.vue
│   │   │   │   ├── Report/
│   │   │   │   │   ├── ReportCreateModal.vue
│   │   │   │   │   ├── ReportEditModal.vue
│   │   │   │   │   ├── ReportMoreOptionsDropdown.vue
│   │   │   │   │   ├── ReportSaveButton.vue
│   │   │   │   │   ├── ReportTable.vue
│   │   │   │   │   ├── ReportTableHeading.vue
│   │   │   │   │   └── ReportTableRow.vue
│   │   │   │   ├── Reporting/
│   │   │   │   │   ├── ReportingChart.vue
│   │   │   │   │   ├── ReportingExportButton.vue
│   │   │   │   │   ├── ReportingExportModal.vue
│   │   │   │   │   ├── ReportingFilterBadge.vue
│   │   │   │   │   ├── ReportingFilterBar.vue
│   │   │   │   │   ├── ReportingGroupBySelect.vue
│   │   │   │   │   ├── ReportingOverview.vue
│   │   │   │   │   ├── ReportingPieChart.vue
│   │   │   │   │   ├── ReportingRoundingControls.vue
│   │   │   │   │   ├── ReportingRow.vue
│   │   │   │   │   └── ReportingTabNavbar.vue
│   │   │   │   ├── StatCard.vue
│   │   │   │   ├── TabBar/
│   │   │   │   │   ├── TabBar.vue
│   │   │   │   │   └── TabBarItem.vue
│   │   │   │   ├── TableHeading.vue
│   │   │   │   ├── Tag/
│   │   │   │   │   ├── TagEditModal.vue
│   │   │   │   │   ├── TagMoreOptionsDropdown.vue
│   │   │   │   │   ├── TagTable.vue
│   │   │   │   │   ├── TagTableHeading.vue
│   │   │   │   │   └── TagTableRow.vue
│   │   │   │   ├── Task/
│   │   │   │   │   ├── TaskCreateModal.vue
│   │   │   │   │   ├── TaskEditModal.vue
│   │   │   │   │   ├── TaskMoreOptionsDropdown.vue
│   │   │   │   │   ├── TaskMultiselectDropdown.vue
│   │   │   │   │   ├── TaskTable.vue
│   │   │   │   │   ├── TaskTableHeading.vue
│   │   │   │   │   └── TaskTableRow.vue
│   │   │   │   ├── UpgradeBadge.vue
│   │   │   │   ├── UpgradeModal.vue
│   │   │   │   └── User/
│   │   │   │       └── UserTimezoneMismatchModal.vue
│   │   │   ├── ConfirmationModal.vue
│   │   │   ├── ConfirmsPassword.vue
│   │   │   ├── CurrentSidebarTimer.vue
│   │   │   ├── Dashboard/
│   │   │   │   ├── ActivityGraphCard.vue
│   │   │   │   ├── DashboardCard.vue
│   │   │   │   ├── DayOverviewCardChart.vue
│   │   │   │   ├── DayOverviewCardEntry.vue
│   │   │   │   ├── LastSevenDaysCard.vue
│   │   │   │   ├── ProjectsChartCard.vue
│   │   │   │   ├── RecentlyTrackedTasksCard.vue
│   │   │   │   ├── RecentlyTrackedTasksCardEntry.vue
│   │   │   │   ├── TeamActivityCard.vue
│   │   │   │   ├── TeamActivityCardEntry.vue
│   │   │   │   ├── ThisWeekOverview.vue
│   │   │   │   └── ThisWeekReportingTable.vue
│   │   │   ├── DropdownLink.vue
│   │   │   ├── FormSection.vue
│   │   │   ├── NavLink.vue
│   │   │   ├── NavigationSidebarItem.vue
│   │   │   ├── NavigationSidebarLink.vue
│   │   │   ├── NotificationContainer.vue
│   │   │   ├── OrganizationSwitcher.vue
│   │   │   ├── ResponsiveNavLink.vue
│   │   │   ├── SectionBorder.vue
│   │   │   ├── SectionTitle.vue
│   │   │   ├── TableRow.vue
│   │   │   ├── TimeTracker.vue
│   │   │   ├── UpdateSidebarNotification.vue
│   │   │   ├── UserSettingsIcon.vue
│   │   │   └── ui/
│   │   │       ├── alert-dialog/
│   │   │       │   ├── AlertDialog.vue
│   │   │       │   ├── AlertDialogAction.vue
│   │   │       │   ├── AlertDialogCancel.vue
│   │   │       │   ├── AlertDialogContent.vue
│   │   │       │   ├── AlertDialogDescription.vue
│   │   │       │   ├── AlertDialogFooter.vue
│   │   │       │   ├── AlertDialogHeader.vue
│   │   │       │   ├── AlertDialogTitle.vue
│   │   │       │   ├── AlertDialogTrigger.vue
│   │   │       │   └── index.ts
│   │   │       ├── calendar/
│   │   │       │   ├── Calendar.vue
│   │   │       │   ├── CalendarCell.vue
│   │   │       │   ├── CalendarCellTrigger.vue
│   │   │       │   ├── CalendarDateInput.vue
│   │   │       │   ├── CalendarGrid.vue
│   │   │       │   ├── CalendarGridBody.vue
│   │   │       │   ├── CalendarGridHead.vue
│   │   │       │   ├── CalendarGridRow.vue
│   │   │       │   ├── CalendarHeadCell.vue
│   │   │       │   ├── CalendarHeader.vue
│   │   │       │   ├── CalendarHeading.vue
│   │   │       │   ├── CalendarNextButton.vue
│   │   │       │   ├── CalendarPrevButton.vue
│   │   │       │   └── index.ts
│   │   │       ├── dialog/
│   │   │       │   ├── Dialog.vue
│   │   │       │   ├── DialogClose.vue
│   │   │       │   ├── DialogContent.vue
│   │   │       │   ├── DialogDescription.vue
│   │   │       │   ├── DialogFooter.vue
│   │   │       │   ├── DialogHeader.vue
│   │   │       │   ├── DialogScrollContent.vue
│   │   │       │   ├── DialogTitle.vue
│   │   │       │   ├── DialogTrigger.vue
│   │   │       │   └── index.ts
│   │   │       ├── dropdown-menu/
│   │   │       │   ├── DropdownMenu.vue
│   │   │       │   ├── DropdownMenuCheckboxItem.vue
│   │   │       │   ├── DropdownMenuContent.vue
│   │   │       │   ├── DropdownMenuGroup.vue
│   │   │       │   ├── DropdownMenuItem.vue
│   │   │       │   ├── DropdownMenuLabel.vue
│   │   │       │   ├── DropdownMenuRadioGroup.vue
│   │   │       │   ├── DropdownMenuRadioItem.vue
│   │   │       │   ├── DropdownMenuSeparator.vue
│   │   │       │   ├── DropdownMenuShortcut.vue
│   │   │       │   ├── DropdownMenuSub.vue
│   │   │       │   ├── DropdownMenuSubContent.vue
│   │   │       │   ├── DropdownMenuSubTrigger.vue
│   │   │       │   ├── DropdownMenuTrigger.vue
│   │   │       │   └── index.ts
│   │   │       ├── label/
│   │   │       │   ├── Label.vue
│   │   │       │   └── index.ts
│   │   │       ├── number-field/
│   │   │       │   ├── NumberField.vue
│   │   │       │   ├── NumberFieldContent.vue
│   │   │       │   ├── NumberFieldDecrement.vue
│   │   │       │   ├── NumberFieldIncrement.vue
│   │   │       │   ├── NumberFieldInput.vue
│   │   │       │   └── index.ts
│   │   │       ├── select/
│   │   │       │   ├── Select.vue
│   │   │       │   ├── SelectContent.vue
│   │   │       │   ├── SelectGroup.vue
│   │   │       │   ├── SelectItem.vue
│   │   │       │   ├── SelectItemText.vue
│   │   │       │   ├── SelectLabel.vue
│   │   │       │   ├── SelectScrollDownButton.vue
│   │   │       │   ├── SelectScrollUpButton.vue
│   │   │       │   ├── SelectSeparator.vue
│   │   │       │   ├── SelectTrigger.vue
│   │   │       │   ├── SelectValue.vue
│   │   │       │   └── index.ts
│   │   │       ├── switch/
│   │   │       │   ├── Switch.vue
│   │   │       │   └── index.ts
│   │   │       ├── table/
│   │   │       │   ├── Table.vue
│   │   │       │   ├── TableBody.vue
│   │   │       │   ├── TableCaption.vue
│   │   │       │   ├── TableCell.vue
│   │   │       │   ├── TableEmpty.vue
│   │   │       │   ├── TableFooter.vue
│   │   │       │   ├── TableHead.vue
│   │   │       │   ├── TableHeader.vue
│   │   │       │   ├── TableRow.vue
│   │   │       │   └── index.ts
│   │   │       └── tabs/
│   │   │           ├── Tabs.vue
│   │   │           ├── TabsContent.vue
│   │   │           ├── TabsList.vue
│   │   │           ├── TabsTrigger.vue
│   │   │           └── index.ts
│   │   ├── Layouts/
│   │   │   └── AppLayout.vue
│   │   ├── Pages/
│   │   │   ├── API/
│   │   │   │   ├── Index.vue
│   │   │   │   └── Partials/
│   │   │   │       └── ApiTokenManager.vue
│   │   │   ├── Auth/
│   │   │   │   ├── ConfirmPassword.vue
│   │   │   │   ├── ForgotPassword.vue
│   │   │   │   ├── Login.vue
│   │   │   │   ├── Register.vue
│   │   │   │   ├── ResetPassword.vue
│   │   │   │   ├── TwoFactorChallenge.vue
│   │   │   │   └── VerifyEmail.vue
│   │   │   ├── Calendar.vue
│   │   │   ├── Clients.vue
│   │   │   ├── Dashboard.vue
│   │   │   ├── Import.vue
│   │   │   ├── Members.vue
│   │   │   ├── PrivacyPolicy.vue
│   │   │   ├── Profile/
│   │   │   │   ├── Partials/
│   │   │   │   │   ├── ApiTokensForm.vue
│   │   │   │   │   ├── DeleteUserForm.vue
│   │   │   │   │   ├── LogoutOtherBrowserSessionsForm.vue
│   │   │   │   │   ├── ThemeForm.vue
│   │   │   │   │   ├── TwoFactorAuthenticationForm.vue
│   │   │   │   │   ├── UpdatePasswordForm.vue
│   │   │   │   │   └── UpdateProfileInformationForm.vue
│   │   │   │   └── Show.vue
│   │   │   ├── ProjectShow.vue
│   │   │   ├── Projects.vue
│   │   │   ├── Reporting.vue
│   │   │   ├── ReportingDetailed.vue
│   │   │   ├── ReportingShared.vue
│   │   │   ├── SharedReport.vue
│   │   │   ├── Tags.vue
│   │   │   ├── Teams/
│   │   │   │   ├── Create.vue
│   │   │   │   ├── Partials/
│   │   │   │   │   ├── CreateTeamForm.vue
│   │   │   │   │   ├── DeleteTeamForm.vue
│   │   │   │   │   ├── ExportData.vue
│   │   │   │   │   ├── ImportData.vue
│   │   │   │   │   ├── OrganizationBillableRate.vue
│   │   │   │   │   ├── OrganizationFormatSettings.vue
│   │   │   │   │   ├── OrganizationTimeEntrySettings.vue
│   │   │   │   │   ├── TeamMemberManager.vue
│   │   │   │   │   └── UpdateTeamNameForm.vue
│   │   │   │   └── Show.vue
│   │   │   ├── TermsOfService.vue
│   │   │   ├── Time.vue
│   │   │   └── Welcome.vue
│   │   ├── app.ts
│   │   ├── bootstrap.js
│   │   ├── lib/
│   │   │   └── utils.ts
│   │   ├── packages/
│   │   │   ├── api/
│   │   │   │   ├── .gitignore
│   │   │   │   ├── package.json
│   │   │   │   ├── src/
│   │   │   │   │   ├── index.ts
│   │   │   │   │   └── openapi.json.client.ts
│   │   │   │   ├── tsconfig.json
│   │   │   │   └── vite.config.js
│   │   │   └── ui/
│   │   │       ├── .gitignore
│   │   │       ├── package.json
│   │   │       ├── src/
│   │   │       │   ├── Badge.vue
│   │   │       │   ├── BillableRateModal.vue
│   │   │       │   ├── Buttons/
│   │   │       │   │   ├── Button.vue
│   │   │       │   │   ├── DangerButton.vue
│   │   │       │   │   ├── PrimaryButton.vue
│   │   │       │   │   ├── SecondaryButton.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── CardTitle.vue
│   │   │       │   ├── Client/
│   │   │       │   │   ├── ClientDropdown.vue
│   │   │       │   │   └── ClientDropdownItem.vue
│   │   │       │   ├── CommandPalette/
│   │   │       │   │   ├── CommandPalette.vue
│   │   │       │   │   ├── CommandPaletteTypes.ts
│   │   │       │   │   └── index.ts
│   │   │       │   ├── DialogModal.vue
│   │   │       │   ├── EstimatedTimeProgress.vue
│   │   │       │   ├── EstimatedTimeSection.vue
│   │   │       │   ├── FullCalendar/
│   │   │       │   │   ├── CalendarSettingsPopover.vue
│   │   │       │   │   ├── FullCalendarDayHeader.vue
│   │   │       │   │   ├── FullCalendarEventContent.vue
│   │   │       │   │   ├── TimeEntryCalendar.vue
│   │   │       │   │   ├── calendarSettings.ts
│   │   │       │   │   ├── idleStatusPlugin.ts
│   │   │       │   │   └── useVisualSnap.ts
│   │   │       │   ├── GroupedItemsCountButton.vue
│   │   │       │   ├── Icons/
│   │   │       │   │   ├── BillableIcon.vue
│   │   │       │   │   ├── DollarIcon.vue
│   │   │       │   │   ├── EuroIcon.vue
│   │   │       │   │   └── ListFilterIcon.vue
│   │   │       │   ├── Input/
│   │   │       │   │   ├── BillableRateInput.vue
│   │   │       │   │   ├── BillableToggleButton.vue
│   │   │       │   │   ├── Checkbox.vue
│   │   │       │   │   ├── DatePicker.vue
│   │   │       │   │   ├── DateRangePicker.vue
│   │   │       │   │   ├── Dropdown.vue
│   │   │       │   │   ├── DurationHumanInput.vue
│   │   │       │   │   ├── EstimatedTimeInput.vue
│   │   │       │   │   ├── InputError.vue
│   │   │       │   │   ├── InputLabel.vue
│   │   │       │   │   ├── MultiselectDropdown.vue
│   │   │       │   │   ├── TextInput.vue
│   │   │       │   │   ├── TextareaInput.vue
│   │   │       │   │   ├── TimePickerSimple.vue
│   │   │       │   │   └── TimeRangeSelector.vue
│   │   │       │   ├── LoadingSpinner.vue
│   │   │       │   ├── MainContainer.vue
│   │   │       │   ├── Modal.vue
│   │   │       │   ├── Project/
│   │   │       │   │   ├── ProjectBadge.vue
│   │   │       │   │   ├── ProjectBillableRateModal.vue
│   │   │       │   │   ├── ProjectBillableSelect.vue
│   │   │       │   │   ├── ProjectColorSelector.vue
│   │   │       │   │   ├── ProjectCreateModal.vue
│   │   │       │   │   ├── ProjectDropdownItem.vue
│   │   │       │   │   └── ProjectEditBillableSection.vue
│   │   │       │   ├── Tag/
│   │   │       │   │   ├── TagBadge.vue
│   │   │       │   │   ├── TagCreateModal.vue
│   │   │       │   │   └── TagDropdown.vue
│   │   │       │   ├── TimeEntry/
│   │   │       │   │   ├── TimeEntryAggregateRow.vue
│   │   │       │   │   ├── TimeEntryCreateModal.vue
│   │   │       │   │   ├── TimeEntryDescriptionInput.vue
│   │   │       │   │   ├── TimeEntryEditModal.vue
│   │   │       │   │   ├── TimeEntryGroupedTable.vue
│   │   │       │   │   ├── TimeEntryMassActionRow.vue
│   │   │       │   │   ├── TimeEntryMassUpdateModal.vue
│   │   │       │   │   ├── TimeEntryMoreOptionsDropdown.vue
│   │   │       │   │   ├── TimeEntryRangeSelector.vue
│   │   │       │   │   ├── TimeEntryRow.vue
│   │   │       │   │   ├── TimeEntryRowDurationInput.vue
│   │   │       │   │   ├── TimeEntryRowHeading.vue
│   │   │       │   │   └── TimeEntryRowTagDropdown.vue
│   │   │       │   ├── TimeTracker/
│   │   │       │   │   ├── TimeTrackerControls.vue
│   │   │       │   │   ├── TimeTrackerMoreOptionsDropdown.vue
│   │   │       │   │   ├── TimeTrackerProjectTaskDropdown.vue
│   │   │       │   │   ├── TimeTrackerRangeSelector.vue
│   │   │       │   │   ├── TimeTrackerRecentlyTrackedEntry.vue
│   │   │       │   │   ├── TimeTrackerRunningInDifferentOrganizationOverlay.vue
│   │   │       │   │   └── TimeTrackerTagDropdown.vue
│   │   │       │   ├── TimeTrackerStartStop.vue
│   │   │       │   ├── TimezoneMismatchModal.vue
│   │   │       │   ├── accordion/
│   │   │       │   │   ├── Accordion.vue
│   │   │       │   │   ├── AccordionContent.vue
│   │   │       │   │   ├── AccordionItem.vue
│   │   │       │   │   ├── AccordionTrigger.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── command/
│   │   │       │   │   ├── Command.vue
│   │   │       │   │   ├── CommandGroup.vue
│   │   │       │   │   ├── CommandInput.vue
│   │   │       │   │   ├── CommandItem.vue
│   │   │       │   │   ├── CommandList.vue
│   │   │       │   │   ├── CommandSeparator.vue
│   │   │       │   │   ├── CommandShortcut.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── field/
│   │   │       │   │   ├── Field.vue
│   │   │       │   │   ├── FieldContent.vue
│   │   │       │   │   ├── FieldDescription.vue
│   │   │       │   │   ├── FieldError.vue
│   │   │       │   │   ├── FieldGroup.vue
│   │   │       │   │   ├── FieldLabel.vue
│   │   │       │   │   ├── FieldLegend.vue
│   │   │       │   │   ├── FieldSeparator.vue
│   │   │       │   │   ├── FieldSet.vue
│   │   │       │   │   ├── FieldTitle.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── index.ts
│   │   │       │   ├── popover/
│   │   │       │   │   ├── Popover.vue
│   │   │       │   │   ├── PopoverContent.vue
│   │   │       │   │   ├── PopoverTrigger.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── range-calendar/
│   │   │       │   │   ├── RangeCalendar.vue
│   │   │       │   │   ├── RangeCalendarCell.vue
│   │   │       │   │   ├── RangeCalendarCellTrigger.vue
│   │   │       │   │   ├── RangeCalendarGrid.vue
│   │   │       │   │   ├── RangeCalendarGridBody.vue
│   │   │       │   │   ├── RangeCalendarGridHead.vue
│   │   │       │   │   ├── RangeCalendarGridRow.vue
│   │   │       │   │   ├── RangeCalendarHeadCell.vue
│   │   │       │   │   ├── RangeCalendarHeader.vue
│   │   │       │   │   ├── RangeCalendarHeading.vue
│   │   │       │   │   ├── RangeCalendarNextButton.vue
│   │   │       │   │   ├── RangeCalendarPrevButton.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── separator/
│   │   │       │   │   ├── Separator.vue
│   │   │       │   │   └── index.ts
│   │   │       │   ├── tooltip/
│   │   │       │   │   ├── Tooltip.vue
│   │   │       │   │   ├── TooltipContent.vue
│   │   │       │   │   ├── TooltipProvider.vue
│   │   │       │   │   ├── TooltipTrigger.vue
│   │   │       │   │   └── index.ts
│   │   │       │   └── utils/
│   │   │       │       ├── cn.ts
│   │   │       │       ├── color.ts
│   │   │       │       ├── money.ts
│   │   │       │       ├── number.ts
│   │   │       │       ├── random.ts
│   │   │       │       ├── select.ts
│   │   │       │       ├── settings.ts
│   │   │       │       └── time.ts
│   │   │       ├── styles.css
│   │   │       ├── tailwind.theme.js
│   │   │       ├── tsconfig.json
│   │   │       └── vite.config.js
│   │   ├── types/
│   │   │   ├── dom.d.ts
│   │   │   ├── dom.ts
│   │   │   ├── global.d.ts
│   │   │   ├── inertia.d.ts
│   │   │   ├── jetstream.ts
│   │   │   ├── models.d.ts
│   │   │   ├── models.ts
│   │   │   ├── projects.d.ts
│   │   │   ├── reporting.ts
│   │   │   ├── time-entries.d.ts
│   │   │   ├── vite-env.d.ts
│   │   │   └── vue-shim.d.ts
│   │   ├── utils/
│   │   │   ├── billing.ts
│   │   │   ├── commandPaletteCommands.ts
│   │   │   ├── feedback.ts
│   │   │   ├── fetchAllPages.ts
│   │   │   ├── format.ts
│   │   │   ├── init.ts
│   │   │   ├── money.ts
│   │   │   ├── notification.ts
│   │   │   ├── permissions.ts
│   │   │   ├── prefetch.ts
│   │   │   ├── roles.ts
│   │   │   ├── session.ts
│   │   │   ├── theme.ts
│   │   │   ├── useAggregatedTimeEntriesQuery.ts
│   │   │   ├── useClients.ts
│   │   │   ├── useClientsQuery.ts
│   │   │   ├── useCommandPalette.ts
│   │   │   ├── useCssVariable.ts
│   │   │   ├── useCurrentTimeEntry.ts
│   │   │   ├── useInvitations.ts
│   │   │   ├── useMembers.ts
│   │   │   ├── useMembersQuery.ts
│   │   │   ├── useOrganization.ts
│   │   │   ├── useOrganizationQuery.ts
│   │   │   ├── useProjectMembers.ts
│   │   │   ├── useProjectMembersQuery.ts
│   │   │   ├── useProjects.ts
│   │   │   ├── useProjectsQuery.ts
│   │   │   ├── useReporting.ts
│   │   │   ├── useReportsQuery.ts
│   │   │   ├── useTags.ts
│   │   │   ├── useTagsQuery.ts
│   │   │   ├── useTasks.ts
│   │   │   ├── useTasksQuery.ts
│   │   │   ├── useTimeEntriesCalendarQuery.ts
│   │   │   ├── useTimeEntriesInfiniteQuery.ts
│   │   │   ├── useTimeEntriesMutations.ts
│   │   │   ├── useTimeEntriesReportQuery.ts
│   │   │   └── useUser.ts
│   │   ├── ziggy.d.ts
│   │   └── ziggy.js
│   ├── markdown/
│   │   ├── policy.md
│   │   └── terms.md
│   ├── testfiles/
│   │   ├── clockify_projects_import_test_1.csv
│   │   ├── clockify_time_entries_import_test_1.csv
│   │   ├── clockify_time_entries_import_test_2.csv
│   │   ├── clockify_time_entries_import_test_3.csv
│   │   ├── generic_projects_import_test_1.csv
│   │   ├── generic_time_entries_import_test_1.csv
│   │   ├── harvest_clients_import_test_1.csv
│   │   ├── harvest_projects_import_test_1.csv
│   │   ├── harvest_time_entries_import_test_1.csv
│   │   ├── solidtime_import_test_1/
│   │   │   ├── clients.csv
│   │   │   ├── members.csv
│   │   │   ├── meta.json
│   │   │   ├── organization_invitations.csv
│   │   │   ├── organizations.csv
│   │   │   ├── project_members.csv
│   │   │   ├── projects.csv
│   │   │   ├── tags.csv
│   │   │   ├── tasks.csv
│   │   │   └── time_entries.csv
│   │   ├── toggl_data_import_test_1/
│   │   │   ├── clients.json
│   │   │   ├── projects.json
│   │   │   ├── projects_users/
│   │   │   │   ├── 401.json
│   │   │   │   ├── 402.json
│   │   │   │   └── 403.json
│   │   │   ├── tags.json
│   │   │   ├── tasks/
│   │   │   │   ├── 401.json
│   │   │   │   ├── 402.json
│   │   │   │   └── 403.json
│   │   │   └── workspace_users.json
│   │   ├── toggl_data_import_test_2/
│   │   │   ├── clients.json
│   │   │   ├── projects.json
│   │   │   ├── projects_users/
│   │   │   │   ├── 401.json
│   │   │   │   ├── 402.json
│   │   │   │   └── 403.json
│   │   │   ├── tags.json
│   │   │   ├── tasks/
│   │   │   │   ├── 401.json
│   │   │   │   ├── 402.json
│   │   │   │   └── 403.json
│   │   │   └── workspace_users.json
│   │   ├── toggl_time_entries_import_test_1.csv
│   │   └── toggl_time_entries_import_test_2.csv
│   └── views/
│       ├── app.blade.php
│       ├── auth/
│       │   └── oauth/
│       │       └── authorize.blade.php
│       ├── emails/
│       │   ├── auth-api-expiration-reminder.blade.php
│       │   ├── auth-api-token-expired.blade.php
│       │   ├── organization-invitation.blade.php
│       │   └── time-entry-still-running.blade.php
│       ├── filament/
│       │   └── widgets/
│       │       └── server-overview.blade.php
│       ├── reports/
│       │   ├── time-entry-aggregate/
│       │   │   ├── pdf-footer.blade.php
│       │   │   ├── pdf.blade.php
│       │   │   └── spreadsheet.blade.php
│       │   └── time-entry-index/
│       │       ├── pdf-footer.blade.php
│       │       └── pdf.blade.php
│       └── vendor/
│           └── mail/
│               ├── html/
│               │   ├── button.blade.php
│               │   ├── footer.blade.php
│               │   ├── header.blade.php
│               │   ├── layout.blade.php
│               │   ├── message.blade.php
│               │   ├── panel.blade.php
│               │   ├── subcopy.blade.php
│               │   ├── table.blade.php
│               │   └── themes/
│               │       └── default.css
│               └── text/
│                   ├── button.blade.php
│                   ├── footer.blade.php
│                   ├── header.blade.php
│                   ├── layout.blade.php
│                   ├── message.blade.php
│                   ├── panel.blade.php
│                   ├── subcopy.blade.php
│                   └── table.blade.php
├── routes/
│   ├── api.php
│   └── web.php
├── storage/
│   ├── app/
│   │   └── .gitignore
│   ├── framework/
│   │   ├── .gitignore
│   │   ├── cache/
│   │   │   └── .gitignore
│   │   ├── sessions/
│   │   │   └── .gitignore
│   │   ├── testing/
│   │   │   └── .gitignore
│   │   └── views/
│   │       └── .gitignore
│   └── logs/
│       └── .gitignore
├── tailwind.config.js
├── tests/
│   ├── CreatesApplication.php
│   ├── Feature/
│   │   ├── AuthenticationTest.php
│   │   ├── BrowserSessionsTest.php
│   │   ├── CreateOrganizationTest.php
│   │   ├── DeleteAccountTest.php
│   │   ├── DeleteOrganizationTest.php
│   │   ├── EmailVerificationTest.php
│   │   ├── InviteTeamMemberTest.php
│   │   ├── LeaveTeamTest.php
│   │   ├── PasswordConfirmationTest.php
│   │   ├── PasswordResetTest.php
│   │   ├── ProfileInformationTest.php
│   │   ├── RegistrationTest.php
│   │   ├── RemoveTeamMemberTest.php
│   │   ├── TwoFactorAuthenticationSettingsTest.php
│   │   ├── UpdatePasswordTest.php
│   │   ├── UpdateTeamMemberRoleTest.php
│   │   └── UpdateTeamTest.php
│   ├── TestCase.php
│   ├── TestCaseWithDatabase.php
│   └── Unit/
│       ├── Console/
│       │   ├── Commands/
│       │   │   ├── Admin/
│       │   │   │   ├── OrganizationDeleteCommandTest.php
│       │   │   │   ├── UserCreateCommandCommandTest.php
│       │   │   │   └── UserVerifyCommandTest.php
│       │   │   ├── Auth/
│       │   │   │   └── AuthSendReminderForExpiringApiTokensCommandTest.php
│       │   │   ├── Correction/
│       │   │   │   └── CorrectionPlaceholderMembersCommandTest.php
│       │   │   ├── Report/
│       │   │   │   └── ReportSetExpiredToPrivateCommandTest.php
│       │   │   ├── SelfHost/
│       │   │   │   ├── SelfHostCheckForUpdateCommandTest.php
│       │   │   │   ├── SelfHostDatabaseConsistencyCommandTest.php
│       │   │   │   ├── SelfHostGenerateKeysCommandTest.php
│       │   │   │   └── SelfHostTelemetryCommandTest.php
│       │   │   └── TimeEntry/
│       │   │       └── TimeEntrySendStillRunningMailsCommandTest.php
│       │   └── KernelTest.php
│       ├── Database/
│       │   ├── MigrationTest.php
│       │   └── SeederTest.php
│       ├── Endpoint/
│       │   ├── Api/
│       │   │   └── V1/
│       │   │       ├── ApiEndpointTestAbstract.php
│       │   │       ├── ApiTokenEndpointTest.php
│       │   │       ├── ChartEndpointTest.php
│       │   │       ├── ClientEndpointTest.php
│       │   │       ├── CurrencyEndpointTest.php
│       │   │       ├── ExportEndpointTest.php
│       │   │       ├── ImportEndpointTest.php
│       │   │       ├── InvitationEndpointTest.php
│       │   │       ├── MemberEndpointTest.php
│       │   │       ├── OrganizationEndpointTest.php
│       │   │       ├── ProjectEndpointTest.php
│       │   │       ├── ProjectMemberEndpointTest.php
│       │   │       ├── Public/
│       │   │       │   └── PublicReportEndpointTest.php
│       │   │       ├── ReportEndpointTest.php
│       │   │       ├── TagEndpointTest.php
│       │   │       ├── TaskEndpointTest.php
│       │   │       ├── TimeEntryEndpointTest.php
│       │   │       ├── UserEndpointTest.php
│       │   │       ├── UserMembershipEndpointTest.php
│       │   │       └── UserTimeEntryEndpointTest.php
│       │   └── Web/
│       │       ├── DashboardEndpointTest.php
│       │       ├── EndpointTestAbstract.php
│       │       ├── HealthCheckEndpointTest.php
│       │       └── HomeEndpointTest.php
│       ├── Filament/
│       │   ├── FilamentTestCase.php
│       │   ├── Resources/
│       │   │   ├── AuditResourceTest.php
│       │   │   ├── ClientResourceTest.php
│       │   │   ├── FailedJobResourceTest.php
│       │   │   ├── OrganizationInvitationResourceTest.php
│       │   │   ├── OrganizationResourceTest.php
│       │   │   ├── ProjectResourceTest.php
│       │   │   ├── ReportResourceTest.php
│       │   │   ├── TagResourceTest.php
│       │   │   ├── TaskResourceTest.php
│       │   │   ├── TimeEntryResourceTest.php
│       │   │   ├── TokenResourceTest.php
│       │   │   └── UserResourceTest.php
│       │   └── Widgets/
│       │       └── ServerOverviewWidgetTest.php
│       ├── Jobs/
│       │   ├── RecalculateSpentTimeForProjectTest.php
│       │   ├── RecalculateSpentTimeForTaskTest.php
│       │   └── Test/
│       │       └── TestJobTest.php
│       ├── Mail/
│       │   ├── AuthApiTokenExpirationReminderMailTest.php
│       │   ├── AuthApiTokenExpiredMailTest.php
│       │   ├── OrganizationInvitationMailTest.php
│       │   └── TimeEntryStillRunningMailTest.php
│       ├── Middleware/
│       │   ├── CheckOrganizationBlockedMiddlewareTest.php
│       │   ├── EnsureEmailIsVerifiedMiddlewareTest.php
│       │   ├── ForceHttpsMiddlewareTest.php
│       │   ├── HandleInertiaRequestsMiddlewareTest.php
│       │   └── MiddlewareTestAbstract.php
│       ├── Model/
│       │   ├── ClientModelTest.php
│       │   ├── MemberModelTest.php
│       │   ├── ModelTestAbstract.php
│       │   ├── OrganizationModelTest.php
│       │   ├── Passport/
│       │   │   └── TokenModelTest.php
│       │   ├── ProjectMemberModelTest.php
│       │   ├── ProjectModelTest.php
│       │   ├── ReportModelTest.php
│       │   ├── TagModelTest.php
│       │   ├── TaskModelTest.php
│       │   ├── TimeEntryModelTest.php
│       │   └── UserModelTest.php
│       ├── Rules/
│       │   ├── ColorRuleTest.php
│       │   └── CurrencyRuleTest.php
│       └── Service/
│           ├── BillableRateServiceTest.php
│           ├── CurrencyServiceTest.php
│           ├── DashboardServiceTest.php
│           ├── DeletionServiceTest.php
│           ├── Export/
│           │   └── ExportServiceTest.php
│           ├── Import/
│           │   ├── ImportDatabaseHelperTest.php
│           │   ├── ImportServiceTest.php
│           │   └── Importers/
│           │       ├── ClockifyProjectsImporterTest.php
│           │       ├── ClockifyTimeEntriesImporterTest.php
│           │       ├── GenericProjectsImporterTest.php
│           │       ├── GenericTimeEntriesImporterTest.php
│           │       ├── HarvestClientsImporterTest.php
│           │       ├── HarvestProjectsImporterTest.php
│           │       ├── HarvestTimeEntriesImporterTest.php
│           │       ├── ImporterProviderTest.php
│           │       ├── ImporterTestAbstract.php
│           │       ├── SolidtimeImporterTest.php
│           │       ├── TogglDataImporterTest.php
│           │       └── TogglTimeEntriesImporterTest.php
│           ├── IntervalServiceTest.php
│           ├── LocalizationServiceTest.php
│           ├── MemberServiceTest.php
│           ├── PermissionStoreTest.php
│           ├── TimeEntryAggregationServiceTest.php
│           ├── TimeEntryFilterTest.php
│           ├── TimezoneServiceTest.php
│           └── UserServiceTest.php
├── tsconfig.json
├── vite-module-loader.js
└── vite.config.js

================================================
FILE CONTENTS
================================================

================================================
FILE: .editorconfig
================================================
root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 4
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

[*.{yml,yaml}]
indent_size = 2

[docker-compose.yml]
indent_size = 4


================================================
FILE: .gitattributes
================================================
* text=auto eol=lf

*.blade.php diff=html
*.css diff=css
*.html diff=html
*.md diff=markdown
*.php diff=php

/.github export-ignore
CHANGELOG.md export-ignore
.styleci.yml export-ignore


================================================
FILE: .github/FUNDING.yml
================================================
github: solidtime-io


================================================
FILE: .github/ISSUE_TEMPLATE/1_bug_report.yml
================================================
name: Bug Report
description: "Report a bug"
body:
  - type: markdown
    attributes:
      value: |
        Before creating a new bug report, please check that there isn't already a similar issue.

  - type: textarea
    attributes:
      label: Description
      description: A clear and concise description of what the bug is.
    validations:
      required: true

  - type: textarea
    attributes:
      label: "Steps To Reproduce"
      description: How do you trigger this bug? Please walk us through it step by step.
      value: |
        1.
        2.
        3.
        ...
    validations:
      required: false

  - type: dropdown
    attributes:
      label: "Self-hosted or Cloud?"
      options:
        - Self-Hosted
        - solidtime Cloud
        - Both

  - type: input
    attributes:
      label: "Version of solidtime: (for self-hosted)"
    validations:
      required: false

  - type: input
    attributes:
      label: "solidtime self-hosting guide: (for self-hosted)"
      description: "Did you use the official guide to self-host solidtime? If yes, which one?"
    validations:
      required: false


================================================
FILE: .github/ISSUE_TEMPLATE/config.yml
================================================
blank_issues_enabled: false
contact_links:
  - name: 🚀 Feature Request
    url: https://github.com/solidtime-io/solidtime/discussions/new?category=feature-requests
    about: Share ideas for new features
  - name: ❓ Ask a Question
    url: https://github.com/solidtime-io/solidtime/discussions/new?category=general
    about: Ask the community for help


================================================
FILE: .github/PULL_REQUEST_TEMPLATE.md
================================================
## What does this PR do?

<!-- Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change. -->

- Fixes #XXXX (GitHub issue number)

## Checklist (DO NOT REMOVE)

- [ ] I read the [contributing guide](https://github.com/solidtime-io/solidtime/blob/main/CONTRIBUTING.md)
- [ ] I signed the [Contributor License Agreement](https://cla-assistant.io/solidtime-io/solidtime).
- [ ] I commented my code, particularly in hard-to-understand areas


================================================
FILE: .github/dependabot.yml
================================================
version: 2
updates:
  - package-ecosystem: "github-actions"
    directory: "/"
    schedule:
      interval: "daily"
    target-branch: "main"
  - package-ecosystem: "docker"
    directory: "/"
    schedule:
      interval: "daily"
    target-branch: "main"
  - package-ecosystem: "composer"
    directory: "/"
    schedule:
      interval: "weekly"
    target-branch: "main"
    groups:
      major-updates:
        update-types:
          - "major"
      minor-updates:
        update-types:
          - "minor"
          - "patch"
      security-updates:
        applies-to: version-updates
        update-types:
          - "minor"
          - "patch"
  - package-ecosystem: "npm"
    directory: "/"
    schedule:
      interval: "weekly"
    target-branch: "main"
    groups:
      major-updates:
        update-types:
          - "major"
      minor-updates:
        update-types:
          - "minor"
          - "patch"
      security-updates:
        applies-to: version-updates
        update-types:
          - "minor"
          - "patch"


================================================
FILE: .github/workflows/build-onpremise.yml
================================================
on:
  push:
    branches:
      - main
      - develop
    tags:
      - '*'
  pull_request:
    paths:
      - '.github/workflows/build-onpremise.yml'
      - 'docker/prod/**'
  workflow_dispatch:

permissions:
  packages: write
  contents: read
  attestations: write
  id-token: write

env:
  DOCKER_REPO: registry.on-premise.solidtime.io/solidtime/solidtime

name: Build - On Premise
jobs:
  build:
    strategy:
      matrix:
        include:
          - runs-on: "ubuntu-24.04-arm"
            platform: "linux/arm64"
          - runs-on: "ubuntu-24.04"
            platform: "linux/amd64"
    runs-on: ${{ matrix.runs-on }}
    timeout-minutes: 90

    steps:
      - name: "Check out code"
        uses: actions/checkout@v4
        with:
          fetch-depth: 0 # Required for WyriHaximus/github-action-get-previous-tag

      - name: "Get build"
        id: release-build
        run: echo "build=$(git rev-parse --short=8 HEAD)" >> "$GITHUB_OUTPUT"

      - name: "Get Previous tag (normal push)"
        id: previoustag
        if: ${{ !startsWith(github.ref, 'refs/tags/v') }}
        uses: "WyriHaximus/github-action-get-previous-tag@v1"
        with:
          prefix: "v"

      - name: "Get version"
        id: release-version
        run: |
          if ${{ !startsWith(github.ref, 'refs/tags/v') }}; then
            if ${{ startsWith(steps.previoustag.outputs.tag, 'v') }}; then
              version=$(echo "${{ steps.previoustag.outputs.tag }}" | cut -c 2-)
              echo "app_version=${version}" >> "$GITHUB_OUTPUT"
            else
              echo "ERROR: No previous tag found";
              exit 1;
            fi
          else
            version=$(echo "${{ github.ref }}" | cut -c 12-)
            echo "app_version=${version}" >> "$GITHUB_OUTPUT"
          fi

      - name: "Copy .env template for production"
        run: |
          cp .env.production .env
          rm .env.production .env.ci .env.example

      - name: "Add version to .env"
        run: sed -i 's/APP_VERSION=0.0.0/APP_VERSION=${{ steps.release-version.outputs.app_version }}/g' .env

      - name: "Add build to .env"
        run: sed -i 's/APP_BUILD=0/APP_BUILD=${{ steps.release-build.outputs.build }}/g' .env

      - name: "Output .env"
        run: cat .env

      - name: "Setup PHP with PECL extension"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: mbstring, dom, fileinfo, pgsql

      - name: "Install dependencies"
        run: composer install --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
        if: steps.cache-vendor.outputs.cache-hit != 'true' # Skip if cache hit

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Checkout invoicing extension"
        uses: actions/checkout@v4
        with:
          repository: solidtime-io/extension-invoicing
          path: extensions/Invoicing
          ssh-key: ${{ secrets.SSH_PRIVATE_KEY_INVOICING_EXTENSION }}

      - name: "Install composer dependencies in invoicing extension"
        run: cd extensions/Invoicing && composer install --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative

      - name: "Install npm dependencies in invoicing extension"
        run: cd extensions/Invoicing && npm ci

      - name: "Activate invoicing extension"
        run: php artisan module:enable Invoicing

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Build"
        run: npm run build

      - name: "Prepare"
        run: |
          platform=${{ matrix.platform }}
          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV

      - name: "Docker meta"
        id: "meta"
        uses: docker/metadata-action@v5
        with:
          images: |
            ${{ env.DOCKER_REPO }}

      - name: "Login to solidtime OnPremise Registry"
        uses: docker/login-action@v3
        with:
          registry: registry.on-premise.solidtime.io
          username: ${{ secrets.ONPREMISE_USERNAME }}
          password: ${{ secrets.ONPREMISE_TOKEN }}

      - name: "Set up QEMU"
        uses: docker/setup-qemu-action@v3

      - name: "Set up Docker Buildx"
        uses: docker/setup-buildx-action@v3

      - name: "Build and push by digest"
        id: build
        uses: docker/build-push-action@v6
        with:
          context: .
          file: docker/prod/Dockerfile
          build-args: |
            DOCKER_FILES_BASE_PATH=docker/prod/
          platforms: ${{ matrix.platform }}
          labels: ${{ steps.meta.outputs.labels }}
          outputs: type=image,"name=${{ env.DOCKER_REPO }}",push-by-digest=true,name-canonical=true,push=true
          cache-from: type=gha
          cache-to: type=gha,mode=max

      - name: "Export digest"
        run: |
          mkdir -p ${{ runner.temp }}/digests
          digest="${{ steps.build.outputs.digest }}"
          touch "${{ runner.temp }}/digests/${digest#sha256:}"

      - name: "Upload digest"
        uses: actions/upload-artifact@v4
        with:
          name: digests-${{ env.PLATFORM_PAIR }}
          path: ${{ runner.temp }}/digests/*
          if-no-files-found: error
          retention-days: 1

  merge:
    runs-on: ubuntu-latest
    timeout-minutes: 90
    needs:
      - build
    steps:
      - name: "Download digests"
        uses: actions/download-artifact@v4
        with:
          path: ${{ runner.temp }}/digests
          pattern: digests-*
          merge-multiple: true

      - name: "Login to solidtime OnPremise Registry"
        uses: docker/login-action@v3
        with:
          registry: registry.on-premise.solidtime.io
          username: ${{ secrets.ONPREMISE_USERNAME }}
          password: ${{ secrets.ONPREMISE_TOKEN }}

      - name: "Set up Docker Buildx"
        uses: docker/setup-buildx-action@v3

      - name: "Docker meta"
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: |
            ${{ env.DOCKER_REPO }}
          tags: |
            type=ref,event=branch
            type=ref,event=pr
            type=semver,pattern={{version}}
            type=semver,pattern={{major}}.{{minor}}

      - name: "Create manifest list and push"
        working-directory: ${{ runner.temp }}/digests
        run: |
          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
            $(printf '${{ env.DOCKER_REPO }}@sha256:%s ' *)

      - name: "Inspect image"
        run: |
          docker buildx imagetools inspect ${{ env.DOCKER_REPO }}:${{ steps.meta.outputs.version }}


================================================
FILE: .github/workflows/build-private.yml
================================================
on:
  push:
    branches:
      - main
      - develop
    tags:
      - '*'
  pull_request:
    paths:
      - '.github/workflows/build-private.yml'
      - 'docker/prod/**'
  workflow_dispatch:
permissions:
  contents: read

name: Build - Private
jobs:
  build:
    runs-on: ubuntu-latest
    timeout-minutes: 20


    steps:
      - name: "Check out code"
        uses: actions/checkout@v4
        with:
          fetch-depth: 0 # Required for WyriHaximus/github-action-get-previous-tag

      - name: "Get build"
        id: build
        run: echo "build=$(git rev-parse --short=8 HEAD)" >> "$GITHUB_OUTPUT"

      - name: "Get Previous tag (normal push)"
        id: previoustag
        if: ${{ !startsWith(github.ref, 'refs/tags/v') }}
        uses: "WyriHaximus/github-action-get-previous-tag@v1"
        with:
          prefix: "v"

      - name: "Get version"
        id: version
        run: |
          if ${{ !startsWith(github.ref, 'refs/tags/v') }}; then
            if ${{ startsWith(steps.previoustag.outputs.tag, 'v') }}; then
              version=$(echo "${{ steps.previoustag.outputs.tag }}" | cut -c 2-)
              echo "app_version=${version}" >> "$GITHUB_OUTPUT"
            else
              echo "ERROR: No previous tag found";
              exit 1;
            fi
          else
            version=$(echo "${{ github.ref }}" | cut -c 12-)
            echo "app_version=${version}" >> "$GITHUB_OUTPUT"
          fi

      - name: "Copy .env template for production"
        run: |
          cp .env.production .env
          rm .env.production .env.ci .env.example

      - name: "Add version to .env"
        run: sed -i 's/APP_VERSION=0.0.0/APP_VERSION=${{ steps.version.outputs.app_version }}/g' .env

      - name: "Add build to .env"
        run: sed -i 's/APP_BUILD=0/APP_BUILD=${{ steps.build.outputs.build }}/g' .env

      - name: "Output .env"
        run: cat .env

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Checkout billing extension"
        uses: actions/checkout@v4
        with:
          repository: solidtime-io/extension-billing
          path: extensions/Billing
          ssh-key: ${{ secrets.SSH_PRIVATE_KEY_BILLING_EXTENSION }}

      - name: "Install dependencies in billing extension"
        uses: php-actions/composer@v6
        env:
          COMPOSER_AUTH: '{"http-basic": {"spark.laravel.com": {"username": "gregor@vostrak.at", "password": "${{ secrets.LARAVEL_SPARK_API_KEY }}"}}}'
        with:
          working_dir: "extensions/Billing"
          command: install
          only_args: --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
          php_version: 8.3

      - name: "Install npm dependencies in billing extension"
        run: cd extensions/Billing && npm ci

      - name: "Checkout services extension"
        uses: actions/checkout@v4
        with:
          repository: solidtime-io/extension-services
          path: extensions/Services
          ssh-key: ${{ secrets.SSH_PRIVATE_KEY_SERVICES_EXTENSION }}

      - name: "Install composer dependencies in services extension"
        uses: php-actions/composer@v6
        with:
          working_dir: "extensions/Services"
          command: install
          only_args: --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
          php_version: 8.3

      - name: "Install npm dependencies in services extension"
        run: cd extensions/Services && npm ci

      - name: "Checkout invoicing extension"
        uses: actions/checkout@v4
        with:
          repository: solidtime-io/extension-invoicing
          path: extensions/Invoicing
          ssh-key: ${{ secrets.SSH_PRIVATE_KEY_INVOICING_EXTENSION }}

      - name: "Install composer dependencies in invoicing extension"
        uses: php-actions/composer@v6
        with:
          working_dir: "extensions/Invoicing"
          command: install
          only_args: --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
          php_version: 8.3

      - name: "Install npm dependencies in invoicing extension"
        run: cd extensions/Invoicing && npm ci

      - name: "Setup PHP with PECL extension"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: mbstring, dom, fileinfo, pgsql

      - name: "Install dependencies"
        uses: php-actions/composer@v6
        if: steps.cache-vendor.outputs.cache-hit != 'true' # Skip if cache hit
        with:
          command: install
          only_args: --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
          php_version: 8.3

      - name: "Activate billing extension"
        run: php artisan module:enable Billing

      - name: "Activate services extension"
        run: php artisan module:enable Services

      - name: "Activate invoicing extension"
        run: php artisan module:enable Invoicing

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Build"
        run: npm run build
        env:
          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}

      - name: "Login to GitHub Container Registry"
        uses: docker/login-action@v3
        with:
          registry: rg.fr-par.scw.cloud/solidtime
          username: nologin
          password: ${{ secrets.SCALEWAY_REGISTRY_TOKEN }}

      - name: "Docker meta"
        id: "meta"
        uses: docker/metadata-action@v5
        with:
          images: rg.fr-par.scw.cloud/solidtime/solidtime
          tags: |
            type=ref,event=branch
            type=ref,event=pr
            type=semver,pattern={{version}}
            type=semver,pattern={{major}}.{{minor}}
            type=sha,format=long

      - name: "Set up QEMU"
        uses: docker/setup-qemu-action@v3

      - name: "Set up Docker Buildx"
        uses: docker/setup-buildx-action@v3

      - name: "Build and push"
        uses: docker/build-push-action@v6
        with:
          context: .
          build-args: |
            DOCKER_FILES_BASE_PATH=docker/prod/
          file: docker/prod/Dockerfile
          push: true
          platforms: linux/amd64
          tags: ${{ steps.meta.outputs.tags }}
          labels: ${{ steps.meta.outputs.labels }}
          cache-from: type=gha
          cache-to: type=gha,mode=max


================================================
FILE: .github/workflows/build-public.yml
================================================
on:
  push:
    branches:
      - main
      - develop
    tags:
      - '*'
  pull_request:
    paths:
      - '.github/workflows/build-public.yml'
      - 'docker/prod/**'
  workflow_dispatch:

permissions:
  packages: write
  contents: read
  attestations: write
  id-token: write

env:
  DOCKERHUB_REPO: solidtime/solidtime
  GHCR_REPO: ghcr.io/solidtime-io/solidtime

name: Build - Public
jobs:
  build:
    strategy:
      matrix:
        include:
          - runs-on: "ubuntu-24.04-arm"
            platform: "linux/arm64"
          - runs-on: "ubuntu-24.04"
            platform: "linux/amd64"
    runs-on: ${{ matrix.runs-on }}
    timeout-minutes: 90

    steps:
      - name: "Check out code"
        uses: actions/checkout@v4
        with:
          fetch-depth: 0 # Required for WyriHaximus/github-action-get-previous-tag

      - name: "Get build"
        id: release-build
        run: echo "build=$(git rev-parse --short=8 HEAD)" >> "$GITHUB_OUTPUT"

      - name: "Get Previous tag (normal push)"
        id: previoustag
        if: ${{ !startsWith(github.ref, 'refs/tags/v') }}
        uses: "WyriHaximus/github-action-get-previous-tag@v1"
        with:
          prefix: "v"

      - name: "Get version"
        id: release-version
        run: |
          if ${{ !startsWith(github.ref, 'refs/tags/v') }}; then
            if ${{ startsWith(steps.previoustag.outputs.tag, 'v') }}; then
              version=$(echo "${{ steps.previoustag.outputs.tag }}" | cut -c 2-)
              echo "app_version=${version}" >> "$GITHUB_OUTPUT"
            else
              echo "ERROR: No previous tag found";
              exit 1;
            fi
          else
            version=$(echo "${{ github.ref }}" | cut -c 12-)
            echo "app_version=${version}" >> "$GITHUB_OUTPUT"
          fi

      - name: "Copy .env template for production"
        run: |
          cp .env.production .env
          rm .env.production .env.ci .env.example

      - name: "Add version to .env"
        run: sed -i 's/APP_VERSION=0.0.0/APP_VERSION=${{ steps.release-version.outputs.app_version }}/g' .env

      - name: "Add build to .env"
        run: sed -i 's/APP_BUILD=0/APP_BUILD=${{ steps.release-build.outputs.build }}/g' .env

      - name: "Output .env"
        run: cat .env

      - name: "Setup PHP with PECL extension"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: mbstring, dom, fileinfo, pgsql

      - name: "Install dependencies"
        run: composer install --no-dev --no-ansi --no-interaction --prefer-dist --ignore-platform-reqs --classmap-authoritative
        if: steps.cache-vendor.outputs.cache-hit != 'true' # Skip if cache hit

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Build"
        run: npm run build

      - name: "Prepare"
        run: |
          platform=${{ matrix.platform }}
          echo "PLATFORM_PAIR=${platform//\//-}" >> $GITHUB_ENV

      - name: "Docker meta"
        id: "meta"
        uses: docker/metadata-action@v5
        with:
          images: |
            ${{ env.DOCKERHUB_REPO }}
            ${{ env.GHCR_REPO }}

      - name: "Login to Docker Hub Container Registry"
        uses: docker/login-action@v3
        with:
          username: ${{ secrets.DOCKERHUB_USERNAME }}
          password: ${{ secrets.DOCKERHUB_TOKEN }}

      - name: "Login to GitHub Container Registry"
        uses: docker/login-action@v3
        with:
          registry: ghcr.io
          username: ${{ github.actor }}
          password: ${{ secrets.GITHUB_TOKEN }}

      - name: "Set up QEMU"
        uses: docker/setup-qemu-action@v3

      - name: "Set up Docker Buildx"
        uses: docker/setup-buildx-action@v3

      - name: "Build and push by digest"
        id: build
        uses: docker/build-push-action@v6
        with:
          context: .
          file: docker/prod/Dockerfile
          build-args: |
            DOCKER_FILES_BASE_PATH=docker/prod/
          platforms: ${{ matrix.platform }}
          labels: ${{ steps.meta.outputs.labels }}
          outputs: type=image,"name=${{ env.DOCKERHUB_REPO }},${{ env.GHCR_REPO }}",push-by-digest=true,name-canonical=true,push=true
          cache-from: type=gha
          cache-to: type=gha,mode=max

      - name: "Export digest"
        run: |
          mkdir -p ${{ runner.temp }}/digests
          digest="${{ steps.build.outputs.digest }}"
          touch "${{ runner.temp }}/digests/${digest#sha256:}"

      - name: "Upload digest"
        uses: actions/upload-artifact@v4
        with:
          name: digests-${{ env.PLATFORM_PAIR }}
          path: ${{ runner.temp }}/digests/*
          if-no-files-found: error
          retention-days: 1

  merge:
    runs-on: ubuntu-latest
    timeout-minutes: 90
    needs:
      - build
    steps:
      - name: "Download digests"
        uses: actions/download-artifact@v4
        with:
          path: ${{ runner.temp }}/digests
          pattern: digests-*
          merge-multiple: true

      - name: "Login to Docker Hub"
        uses: docker/login-action@v3
        with:
          username: ${{ secrets.DOCKERHUB_USERNAME }}
          password: ${{ secrets.DOCKERHUB_TOKEN }}

      - name: "Login to GHCR"
        uses: docker/login-action@v3
        with:
          registry: ghcr.io
          username: ${{ github.actor }}
          password: ${{ secrets.GITHUB_TOKEN }}

      - name: "Set up Docker Buildx"
        uses: docker/setup-buildx-action@v3

      - name: "Docker meta"
        id: meta
        uses: docker/metadata-action@v5
        with:
          images: |
            ${{ env.DOCKERHUB_REPO }}
            ${{ env.GHCR_REPO }}
          tags: |
            type=ref,event=branch
            type=ref,event=pr
            type=semver,pattern={{version}}
            type=semver,pattern={{major}}.{{minor}}

      - name: "Create manifest list and push"
        working-directory: ${{ runner.temp }}/digests
        run: |
          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
            $(printf '${{ env.DOCKERHUB_REPO }}@sha256:%s ' *)
          docker buildx imagetools create $(jq -cr '.tags | map("-t " + .) | join(" ")' <<< "$DOCKER_METADATA_OUTPUT_JSON") \
            $(printf '${{ env.GHCR_REPO }}@sha256:%s ' *)

      - name: "Inspect image"
        run: |
          docker buildx imagetools inspect ${{ env.DOCKERHUB_REPO }}:${{ steps.meta.outputs.version }}
          docker buildx imagetools inspect ${{ env.GHCR_REPO }}:${{ steps.meta.outputs.version }}


================================================
FILE: .github/workflows/generate-api-docs.yml
================================================
name: Generate API docs
on:
  push:
    branches:
      - main
permissions:
  contents: read

jobs:
  api_docs:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    services:
      pgsql_test:
        image: postgres:15
        env:
          PGPASSWORD: 'root'
          POSTGRES_DB: 'laravel'
          POSTGRES_USER: 'root'
          POSTGRES_PASSWORD: 'root'
        ports:
          - 5432:5432
        options: >-
          --health-cmd pg_isready
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup PHP"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv

      - name: "Run composer install"
        run: composer install -n --prefer-dist

      - name: "Create build directory"
        run: mkdir build

      - name: Prepare Laravel Application
        run: |
          cp .env.ci .env
          php artisan migrate

      - name: "Export API docs"
        run: php artisan scramble:export --path=build/api-docs.json

      - name: "Upload API docs to GitHub"
        uses: actions/upload-artifact@v4
        with:
          name: api-docs.json
          path: build/api-docs.json

      - name: "Download Fastfront CLI"
        run: curl https://fastfront-cli.s3.fr-par.scw.cloud/fastfront-cli.phar -o fastfront-cli.phar

      - name: "Deploy with Fastfront"
        run: php fastfront-cli.phar deploy 9beab6cf-f459-446b-85f1-38ec007cf457 ./build
        env:
          FASTFRONT_API_KEY: ${{ secrets.FASTFRONT_API_DOCS_API_KEY }}


================================================
FILE: .github/workflows/npm-build.yml
================================================
name: NPM Build

on: [push]
permissions:
  contents: read

jobs:
  build:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup PHP (for Ziggy)"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: intl, zip
          coverage: none

      - name: "Run composer install (for Ziggy)"
        run: composer install -n --prefer-dist

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Build"
        run: npm run build


================================================
FILE: .github/workflows/npm-format-check.yml
================================================
name: NPM Format Check

on: [push]

jobs:
  format-check:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Check code formatting"
        run: npm run format:check 

================================================
FILE: .github/workflows/npm-lint.yml
================================================
name: NPM Lint

on: [push]
permissions:
  contents: read

jobs:
  build:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Run linter"
        run: npm run lint


================================================
FILE: .github/workflows/npm-publish-api.yml
================================================
name: Publish API package to NPM
on:
  workflow_dispatch
permissions:
  contents: read
jobs:
  build:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      id-token: write
    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4
      # Setup .npmrc file to publish to npm
      - name: Install root project dependencies
        run: npm ci
      - uses: actions/setup-node@v4
        with:
          node-version: '20.x'
          registry-url: 'https://registry.npmjs.org'
      - name: Install dependencies
        run: npm ci
        working-directory: ./resources/js/packages/api
      - name: Build package
        run: npm run build
        working-directory: ./resources/js/packages/api
      - name: Publish Package
        run: npm publish --provenance --access public
        working-directory: ./resources/js/packages/api
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}


================================================
FILE: .github/workflows/npm-publish-ui.yml
================================================
name: Publish UI package to NPM
on:
  workflow_dispatch
permissions:
  contents: read
jobs:
  build:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      id-token: write
    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4
      # Setup .npmrc file to publish to npm
      - uses: actions/setup-node@v4
        with:
          node-version: '20.x'
          registry-url: 'https://registry.npmjs.org'
      - name: Install root project dependencies
        run: npm ci
      - name: Install package dependencies
        run: npm ci
        working-directory: ./resources/js/packages/ui
      - name: Build package
        run: npm run build
        working-directory: ./resources/js/packages/ui
      - name: Publish Package
        run: npm publish --provenance --access public
        working-directory: ./resources/js/packages/ui
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}


================================================
FILE: .github/workflows/npm-typecheck.yml
================================================
name: NPM Typecheck

on: [push]
permissions:
  contents: read
jobs:
  build:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup PHP (for Ziggy)"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: intl, zip
          coverage: none

      - name: "Run composer install (for Ziggy)"
        run: composer install -n --prefer-dist

      - name: "Use Node.js"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install npm dependencies"
        run: npm ci

      - name: "Run type check"
        run: npm run type-check


================================================
FILE: .github/workflows/phpstan.yml
================================================
name: Static code analysis (PHPStan)
on: push
permissions:
  contents: read
jobs:
  phpstan:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup PHP"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv
          coverage: none

      - name: "Run composer install"
        run: composer install -n --prefer-dist

      - name: "Run PHPStan"
        run: composer analyse




================================================
FILE: .github/workflows/phpunit.yml
================================================
name: PHPUnit Tests
on: push
permissions:
  contents: read
jobs:
  phpunit:
    runs-on: ubuntu-latest
    timeout-minutes: 10
    strategy:
      matrix:
        postgres_version: [ 15, 16, 17 ]

    services:
      pgsql_test:
        image: postgres:${{ matrix.postgres_version }}
        env:
          PGPASSWORD: 'root'
          POSTGRES_DB: 'laravel'
          POSTGRES_USER: 'root'
          POSTGRES_PASSWORD: 'root'
        ports:
          - 5432:5432
        options: >-
          --health-cmd pg_isready
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5
      gotenberg:
        image: gotenberg/gotenberg:8
        ports:
          - 3000:3000
        options: >-
          --health-cmd "curl --silent --fail http://localhost:3000/health"
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5
    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup PHP"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, sqlite, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv
          coverage: pcov

      - name: "Run composer install"
        run: composer install -n --prefer-dist

      - uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install dependencies"
        run: npm ci

      - name: "Build Frontend"
        run: npm run build

      - name: "Prepare Laravel Application"
        run: |
          cp .env.ci .env
          php artisan key:generate
          php artisan passport:keys

      - name: "Run PHPUnit"
        run: php artisan test --stop-on-failure --coverage-text --coverage-clover=coverage.xml

      - name: "Upload coverage reports to Codecov"
        uses: codecov/codecov-action@v5.4.3
        with:
          token: ${{ secrets.CODECOV_TOKEN }}
          slug: solidtime-io/solidtime


================================================
FILE: .github/workflows/pint.yml
================================================
name: PHP Linting
on: push
permissions:
  contents: read
jobs:
  pint:
    runs-on: ubuntu-latest
    timeout-minutes: 10

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Check code style"
        uses: aglipanci/laravel-pint-action@2.5
        with:
          configPath: "pint.json"


================================================
FILE: .github/workflows/playwright.yml
================================================
name: Playwright Tests
on: [push]
permissions:
  contents: read
jobs:
  test:
    runs-on: ubuntu-latest
    timeout-minutes: 60
    strategy:
      fail-fast: false
      matrix:
        shardIndex: [1, 2, 3, 4, 5, 6, 7, 8]
        shardTotal: [8]

    services:
      mailpit:
        image: 'axllent/mailpit:latest'
        ports:
          - 1025:1025
          - 8025:8025
      pgsql_test:
        image: postgres:15
        env:
          PGPASSWORD: 'root'
          POSTGRES_DB: 'laravel'
          POSTGRES_USER: 'root'
          POSTGRES_PASSWORD: 'root'
        ports:
          - 5432:5432
        options: >-
          --health-cmd pg_isready
          --health-interval 10s
          --health-timeout 5s
          --health-retries 5

    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup node"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Setup PHP"
        uses: shivammathur/setup-php@v2
        with:
          php-version: '8.3'
          extensions: dom, curl, libxml, mbstring, zip, pcntl, pdo, pdo_sqlite, bcmath, soap, intl, gd, exif, iconv
          coverage: none

      - name: "Run composer install"
        run: composer install -n --prefer-dist

      - name: "Prepare Laravel Application"
        run: |
          cp .env.ci .env
          php artisan key:generate
          php artisan passport:keys
          php artisan migrate --seed

      - name: "Install dependencies"
        run: npm ci

      - name: "Build Frontend"
        run: npm run build

      - name: "Install FrankenPHP"
        run: |
          ARCH="$(uname -m)"
          curl -fsSL "https://github.com/dunglas/frankenphp/releases/latest/download/frankenphp-linux-${ARCH}" -o /usr/local/bin/frankenphp
          chmod +x /usr/local/bin/frankenphp

      - name: "Run Laravel Octane Server"
        run: php artisan octane:start --server=frankenphp --host=127.0.0.1 --port=8000 --workers=4 --max-requests=500 > /dev/null 2>&1 &
        env:
          OCTANE_SERVER: frankenphp

      - name: "Install Playwright Browsers"
        run: npx playwright install --with-deps

      - name: "Run Playwright tests"
        run: npx playwright test --shard=${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
        env:
          PLAYWRIGHT_BASE_URL: 'http://127.0.0.1:8000'
          MAILPIT_BASE_URL: 'http://localhost:8025'

      - name: "Upload blob report"
        uses: actions/upload-artifact@v4
        if: always()
        with:
          name: blob-report-${{ matrix.shardIndex }}
          path: blob-report/
          retention-days: 7

  merge-reports:
    if: always()
    needs: [test]
    runs-on: ubuntu-latest
    steps:
      - name: "Checkout code"
        uses: actions/checkout@v4

      - name: "Setup node"
        uses: actions/setup-node@v4
        with:
          node-version: '20.x'

      - name: "Install dependencies"
        run: npm ci

      - name: "Download blob reports"
        uses: actions/download-artifact@v4
        with:
          path: all-blob-reports
          pattern: blob-report-*
          merge-multiple: true

      - name: "Merge reports"
        run: npx playwright merge-reports --reporter html ./all-blob-reports

      - name: "Upload merged HTML report"
        uses: actions/upload-artifact@v4
        with:
          name: playwright-report
          path: playwright-report/
          retention-days: 30


================================================
FILE: .gitignore
================================================
/.phpunit.cache
node_modules
dist
/public/build
/public/hot
/public/storage
/public/css
/public/js
/public/vendor
/lang/vendor
/storage/*.key
/vendor
.env
.env.backup
.phpunit.result.cache
Homestead.json
Homestead.yaml
auth.json
npm-debug.log
yarn-error.log
/.fleet
/.idea
/.vscode
/test-results/
/playwright-report/
/blob-report/
/playwright/.cache/
/coverage
/extensions
!/extensions/.gitkeep
!/extensions/extensions_autoload.php
/auth.json
/modules_statuses.json
/k8s
/_ide_helper.php
/.phpstorm.meta.php
/.rnd

/caddy
/frankenphp
/public/frankenphp-worker.php
/data
/config/caddy
/config/composer


================================================
FILE: .prettierignore
================================================
# Ignore build outputs
node_modules/
vendor/
storage/
bootstrap/cache/
public/build/
public/hot/

# Ignore lock files
package-lock.json
composer.lock

# Ignore generated files
*.min.js
*.min.css

# Ignore test results
test-results/
playwright-report/

# Ignore IDE files
.idea/
.vscode/

# Ignore OS files
.DS_Store
Thumbs.db 

================================================
FILE: .prettierrc.json
================================================
{
    "trailingComma": "es5",
    "tabWidth": 4,
    "singleQuote": true,
    "bracketSameLine": true,
    "quoteProps": "preserve",
    "printWidth": 100
}


================================================
FILE: CODE_OF_CONDUCT.md
================================================
# Code of Conduct

The goal is to create a community that is open and welcoming to all individuals.
To achieve this, we have developed a code of conduct that outlines the expectations for behavior of all members of our community.

## Pledge

This community is founded on respect and understanding.
All members are expected to treat others with respect and empathy, and to not tolerate any form of discrimination,
harassment, or attacks.

## Expectations

Examples of behavior that contributes to creating a positive environment include:

- Using welcoming and inclusive language
- Being respectful of differing viewpoints and experiences
- Gracefully accepting constructive criticism
- Focusing on what is best for the community
- Showing empathy towards other community members

Examples of unacceptable behavior by participants include:

- The use of sexualized language or imagery and sexual attention or advances
- Trolling, insulting/derogatory comments, and personal or political attacks
- Public or private harassment
- Publishing others' private information, such as a physical or electronic address, without explicit permission
- Other conduct which could reasonably be considered inappropriate in a professional setting

## Responsibilities

Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate
and fair corrective action in response to any instances of unacceptable behavior.

Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits,
issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily
or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.

## Contact

If you feel uncomfortable or believe that someone has violated the code of conduct, please contact us at [hello@solidtime.io](mailto:hello@solidtime.io).
We will thoroughly investigate the incident and aim for the best possible outcome.


================================================
FILE: CONTRIBUTING.md
================================================
# Contributing to solidtime

Contributions are greatly apprecited, please make sure to read the rules and vision for solidtime before contributing. 

## Rules

### Issues for Bugs, Discussions for Feature requests

In order to keep the issues of the repository clean we decided to only use them for bugs. Feature Requests and enhancement are handled in discussions. This also helps us to see which feature requests are popular as they can be upvoted. 

### Only work on approved issues

To respect your time and help us manage contributions effectively, please open an issue or start a discussion and wait for approval before submitting a pull request (PR). This does not apply to tiny fixes or changes however, please keep in mind that we might not merge PRs for various reasons. 

### Contributor License Agreement

You'll also notice that we’ve set up a [Contributor License Agreement (CLA)](https://cla-assistant.io/solidtime-io/solidtime), which must be signed before any PR can be merged. Don’t worry - the process is quick and only takes a few clicks.

We want to be transparent about why we require the CLA and what it means for your contributions and the codebase. That’s why we’ve written a few paragraphs below outlining our plans and vision for solidtime in the **Vision** part of this document. 

### Prevent Duplicate Work

Before you submit a new PR, make sure that none exists already. If you plan to work on an issue, make sure to let us and others know by commenting on the issue/discussion. 

### Give context

Tell us what you thinking was behind the decisions you made while drafting the PR. Treat the PR itself as documentation for everyone who wants to go back and understand why certain decisions were made. 

### Summarize your PR

Please make sure to include a short summary at the top of your PR to make it easy for us to quickly check what the PR is about, without looking at the code changes. 

### Use Github Keywords and Auto-Link Issues

Use phrases like "Closes #123" or "Fixes #123" in the PR description to link the PR with the issue that you are adressing. 

### Mention what you tested and how

Explain how you tested and validated the implementation. 

### Keep Naming consistent

Look at existing code patterns and use naming conventions that already exist in the code base. 

### Testing

We have an exhaustive test-suite of PHPUnit (Backend) and Playwright (Frontend) testing. Whereever applicable please make sure to write add tests to the codebase. 

### Linting & Formatting

Make sure to run linting and formatting commands before you commit the changes. 

For backend changes:

```
composer fix
composer analyse
```

For frontend changes: 

```
npm run lint:fix
npm run format
```

## Vision

We started solidtime to provide an open infrastructure solution for time tracking—one that empowers teams and individuals to fully own their data, instead of depending on proprietary platforms. We believe infrastructure software should be open, accessible, and built to last. However, competing with established market leaders in this space requires long-term financial sustainability.

solidtime is licensed under the AGPL, which we believe is the best available license to strike a balance between openness and financial viability. The AGPL gives us, as the copyright holders, certain exclusive rights that we plan to leverage to fund development. To ensure we retain those rights across the entire codebase, we've put a CLA in place that contributors must sign before submitting code.

One of solidtime’s key advantages is that it's built to be self-hostable. This makes it a great solution for organizations like governments, healthcare providers, and enterprises that are required to keep data on their own infrastructure due to regulations or internal policies. These organizations may need custom licenses, integrations, or modifications that aren't suitable for the open-source version. To support them, we offer relicensed versions of solidtime along with support plans.

We’ll also provide proprietary extensions for solidtime. These will be available to enterprise customers with support plans, but also to individual users or teams who don’t need support, at much more accessible price points. For companies running solidtime on their own infrastructure, this is the easiest way to support the project while gaining additional functionality. While we plan to make it easier to build custom extensions in the future, our current APIs are still highly experimental.

Finally - and perhaps most importantly - we offer a hosted SaaS version called solidtime Cloud, for users who can’t or don’t want to run the software themselves. This version includes proprietary extensions, always runs the latest commit, and includes monitoring and billing features available exclusively on this hosted instance. We expect solidtime Cloud to play a critical role in funding the project long-term.

Having full control over the source code’s licensing also gives us the ability to change the license of the main project in the future. That said, we have no plans to do so and would only consider it in extreme cases - for example, if a malicious actor were to directly compete with our hosted service in a way that threatens the sustainability of the project, the legal interpretation of AGPL changes in a way that would make it unreasonable to use for certain companies, or a new similar license gains wide-spread adoption. Regardless, solidtime will always remain free to self-host for individuals and companies who use it as part of their work, and all previous releases will remain licensed under AGPL.

If you are using the open-source version of solidtime and want to support us, the best way to do so is to spread the word. 


================================================
FILE: LICENSE.md
================================================
GNU Affero General Public License
=================================

_Version 3, 19 November 2007_
_Copyright © 2007 Free Software Foundation, Inc. &lt;<http://fsf.org/>&gt;_

Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.

## Preamble

The GNU Affero General Public License is a free, copyleft license for
software and other kinds of works, specifically designed to ensure
cooperation with the community in the case of network server software.

The licenses for most software and other practical works are designed
to take away your freedom to share and change the works.  By contrast,
our General Public Licenses are intended to guarantee your freedom to
share and change all versions of a program--to make sure it remains free
software for all its users.

When we speak of free software, we are referring to freedom, not
price.  Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
them if you wish), that you receive source code or can get it if you
want it, that you can change the software or use pieces of it in new
free programs, and that you know you can do these things.

Developers that use our General Public Licenses protect your rights
with two steps: **(1)** assert copyright on the software, and **(2)** offer
you this License which gives you legal permission to copy, distribute
and/or modify the software.

A secondary benefit of defending all users' freedom is that
improvements made in alternate versions of the program, if they
receive widespread use, become available for other developers to
incorporate.  Many developers of free software are heartened and
encouraged by the resulting cooperation.  However, in the case of
software used on network servers, this result may fail to come about.
The GNU General Public License permits making a modified version and
letting the public access it on a server without ever releasing its
source code to the public.

The GNU Affero General Public License is designed specifically to
ensure that, in such cases, the modified source code becomes available
to the community.  It requires the operator of a network server to
provide the source code of the modified version running there to the
users of that server.  Therefore, public use of a modified version, on
a publicly accessible server, gives the public access to the source
code of the modified version.

An older license, called the Affero General Public License and
published by Affero, was designed to accomplish similar goals.  This is
a different license, not a version of the Affero GPL, but Affero has
released a new version of the Affero GPL which permits relicensing under
this license.

The precise terms and conditions for copying, distribution and
modification follow.

## TERMS AND CONDITIONS

### 0. Definitions

“This License” refers to version 3 of the GNU Affero General Public License.

“Copyright” also means copyright-like laws that apply to other kinds of
works, such as semiconductor masks.

“The Program” refers to any copyrightable work licensed under this
License.  Each licensee is addressed as “you”.  “Licensees” and
“recipients” may be individuals or organizations.

To “modify” a work means to copy from or adapt all or part of the work
in a fashion requiring copyright permission, other than the making of an
exact copy.  The resulting work is called a “modified version” of the
earlier work or a work “based on” the earlier work.

A “covered work” means either the unmodified Program or a work based
on the Program.

To “propagate” a work means to do anything with it that, without
permission, would make you directly or secondarily liable for
infringement under applicable copyright law, except executing it on a
computer or modifying a private copy.  Propagation includes copying,
distribution (with or without modification), making available to the
public, and in some countries other activities as well.

To “convey” a work means any kind of propagation that enables other
parties to make or receive copies.  Mere interaction with a user through
a computer network, with no transfer of a copy, is not conveying.

An interactive user interface displays “Appropriate Legal Notices”
to the extent that it includes a convenient and prominently visible
feature that **(1)** displays an appropriate copyright notice, and **(2)**
tells the user that there is no warranty for the work (except to the
extent that warranties are provided), that licensees may convey the
work under this License, and how to view a copy of this License.  If
the interface presents a list of user commands or options, such as a
menu, a prominent item in the list meets this criterion.

### 1. Source Code

The “source code” for a work means the preferred form of the work
for making modifications to it.  “Object code” means any non-source
form of a work.

A “Standard Interface” means an interface that either is an official
standard defined by a recognized standards body, or, in the case of
interfaces specified for a particular programming language, one that
is widely used among developers working in that language.

The “System Libraries” of an executable work include anything, other
than the work as a whole, that **(a)** is included in the normal form of
packaging a Major Component, but which is not part of that Major
Component, and **(b)** serves only to enable use of the work with that
Major Component, or to implement a Standard Interface for which an
implementation is available to the public in source code form.  A
“Major Component”, in this context, means a major essential component
(kernel, window system, and so on) of the specific operating system
(if any) on which the executable work runs, or a compiler used to
produce the work, or an object code interpreter used to run it.

The “Corresponding Source” for a work in object code form means all
the source code needed to generate, install, and (for an executable
work) run the object code and to modify the work, including scripts to
control those activities.  However, it does not include the work's
System Libraries, or general-purpose tools or generally available free
programs which are used unmodified in performing those activities but
which are not part of the work.  For example, Corresponding Source
includes interface definition files associated with source files for
the work, and the source code for shared libraries and dynamically
linked subprograms that the work is specifically designed to require,
such as by intimate data communication or control flow between those
subprograms and other parts of the work.

The Corresponding Source need not include anything that users
can regenerate automatically from other parts of the Corresponding
Source.

The Corresponding Source for a work in source code form is that
same work.

### 2. Basic Permissions

All rights granted under this License are granted for the term of
copyright on the Program, and are irrevocable provided the stated
conditions are met.  This License explicitly affirms your unlimited
permission to run the unmodified Program.  The output from running a
covered work is covered by this License only if the output, given its
content, constitutes a covered work.  This License acknowledges your
rights of fair use or other equivalent, as provided by copyright law.

You may make, run and propagate covered works that you do not
convey, without conditions so long as your license otherwise remains
in force.  You may convey covered works to others for the sole purpose
of having them make modifications exclusively for you, or provide you
with facilities for running those works, provided that you comply with
the terms of this License in conveying all material for which you do
not control copyright.  Those thus making or running the covered works
for you must do so exclusively on your behalf, under your direction
and control, on terms that prohibit them from making any copies of
your copyrighted material outside their relationship with you.

Conveying under any other circumstances is permitted solely under
the conditions stated below.  Sublicensing is not allowed; section 10
makes it unnecessary.

### 3. Protecting Users' Legal Rights From Anti-Circumvention Law

No covered work shall be deemed part of an effective technological
measure under any applicable law fulfilling obligations under article
11 of the WIPO copyright treaty adopted on 20 December 1996, or
similar laws prohibiting or restricting circumvention of such
measures.

When you convey a covered work, you waive any legal power to forbid
circumvention of technological measures to the extent such circumvention
is effected by exercising rights under this License with respect to
the covered work, and you disclaim any intention to limit operation or
modification of the work as a means of enforcing, against the work's
users, your or third parties' legal rights to forbid circumvention of
technological measures.

### 4. Conveying Verbatim Copies

You may convey verbatim copies of the Program's source code as you
receive it, in any medium, provided that you conspicuously and
appropriately publish on each copy an appropriate copyright notice;
keep intact all notices stating that this License and any
non-permissive terms added in accord with section 7 apply to the code;
keep intact all notices of the absence of any warranty; and give all
recipients a copy of this License along with the Program.

You may charge any price or no price for each copy that you convey,
and you may offer support or warranty protection for a fee.

### 5. Conveying Modified Source Versions

You may convey a work based on the Program, or the modifications to
produce it from the Program, in the form of source code under the
terms of section 4, provided that you also meet all of these conditions:

* **a)** The work must carry prominent notices stating that you modified
it, and giving a relevant date.
* **b)** The work must carry prominent notices stating that it is
released under this License and any conditions added under section 7.
This requirement modifies the requirement in section 4 to
“keep intact all notices”.
* **c)** You must license the entire work, as a whole, under this
License to anyone who comes into possession of a copy.  This
License will therefore apply, along with any applicable section 7
additional terms, to the whole of the work, and all its parts,
regardless of how they are packaged.  This License gives no
permission to license the work in any other way, but it does not
invalidate such permission if you have separately received it.
* **d)** If the work has interactive user interfaces, each must display
Appropriate Legal Notices; however, if the Program has interactive
interfaces that do not display Appropriate Legal Notices, your
work need not make them do so.

A compilation of a covered work with other separate and independent
works, which are not by their nature extensions of the covered work,
and which are not combined with it such as to form a larger program,
in or on a volume of a storage or distribution medium, is called an
“aggregate” if the compilation and its resulting copyright are not
used to limit the access or legal rights of the compilation's users
beyond what the individual works permit.  Inclusion of a covered work
in an aggregate does not cause this License to apply to the other
parts of the aggregate.

### 6. Conveying Non-Source Forms

You may convey a covered work in object code form under the terms
of sections 4 and 5, provided that you also convey the
machine-readable Corresponding Source under the terms of this License,
in one of these ways:

* **a)** Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by the
Corresponding Source fixed on a durable physical medium
customarily used for software interchange.
* **b)** Convey the object code in, or embodied in, a physical product
(including a physical distribution medium), accompanied by a
written offer, valid for at least three years and valid for as
long as you offer spare parts or customer support for that product
model, to give anyone who possesses the object code either **(1)** a
copy of the Corresponding Source for all the software in the
product that is covered by this License, on a durable physical
medium customarily used for software interchange, for a price no
more than your reasonable cost of physically performing this
conveying of source, or **(2)** access to copy the
Corresponding Source from a network server at no charge.
* **c)** Convey individual copies of the object code with a copy of the
written offer to provide the Corresponding Source.  This
alternative is allowed only occasionally and noncommercially, and
only if you received the object code with such an offer, in accord
with subsection 6b.
* **d)** Convey the object code by offering access from a designated
place (gratis or for a charge), and offer equivalent access to the
Corresponding Source in the same way through the same place at no
further charge.  You need not require recipients to copy the
Corresponding Source along with the object code.  If the place to
copy the object code is a network server, the Corresponding Source
may be on a different server (operated by you or a third party)
that supports equivalent copying facilities, provided you maintain
clear directions next to the object code saying where to find the
Corresponding Source.  Regardless of what server hosts the
Corresponding Source, you remain obligated to ensure that it is
available for as long as needed to satisfy these requirements.
* **e)** Convey the object code using peer-to-peer transmission, provided
you inform other peers where the object code and Corresponding
Source of the work are being offered to the general public at no
charge under subsection 6d.

A separable portion of the object code, whose source code is excluded
from the Corresponding Source as a System Library, need not be
included in conveying the object code work.

A “User Product” is either **(1)** a “consumer product”, which means any
tangible personal property which is normally used for personal, family,
or household purposes, or **(2)** anything designed or sold for incorporation
into a dwelling.  In determining whether a product is a consumer product,
doubtful cases shall be resolved in favor of coverage.  For a particular
product received by a particular user, “normally used” refers to a
typical or common use of that class of product, regardless of the status
of the particular user or of the way in which the particular user
actually uses, or expects or is expected to use, the product.  A product
is a consumer product regardless of whether the product has substantial
commercial, industrial or non-consumer uses, unless such uses represent
the only significant mode of use of the product.

“Installation Information” for a User Product means any methods,
procedures, authorization keys, or other information required to install
and execute modified versions of a covered work in that User Product from
a modified version of its Corresponding Source.  The information must
suffice to ensure that the continued functioning of the modified object
code is in no case prevented or interfered with solely because
modification has been made.

If you convey an object code work under this section in, or with, or
specifically for use in, a User Product, and the conveying occurs as
part of a transaction in which the right of possession and use of the
User Product is transferred to the recipient in perpetuity or for a
fixed term (regardless of how the transaction is characterized), the
Corresponding Source conveyed under this section must be accompanied
by the Installation Information.  But this requirement does not apply
if neither you nor any third party retains the ability to install
modified object code on the User Product (for example, the work has
been installed in ROM).

The requirement to provide Installation Information does not include a
requirement to continue to provide support service, warranty, or updates
for a work that has been modified or installed by the recipient, or for
the User Product in which it has been modified or installed.  Access to a
network may be denied when the modification itself materially and
adversely affects the operation of the network or violates the rules and
protocols for communication across the network.

Corresponding Source conveyed, and Installation Information provided,
in accord with this section must be in a format that is publicly
documented (and with an implementation available to the public in
source code form), and must require no special password or key for
unpacking, reading or copying.

### 7. Additional Terms

“Additional permissions” are terms that supplement the terms of this
License by making exceptions from one or more of its conditions.
Additional permissions that are applicable to the entire Program shall
be treated as though they were included in this License, to the extent
that they are valid under applicable law.  If additional permissions
apply only to part of the Program, that part may be used separately
under those permissions, but the entire Program remains governed by
this License without regard to the additional permissions.

When you convey a copy of a covered work, you may at your option
remove any additional permissions from that copy, or from any part of
it.  (Additional permissions may be written to require their own
removal in certain cases when you modify the work.)  You may place
additional permissions on material, added by you to a covered work,
for which you have or can give appropriate copyright permission.

Notwithstanding any other provision of this License, for material you
add to a covered work, you may (if authorized by the copyright holders of
that material) supplement the terms of this License with terms:

* **a)** Disclaiming warranty or limiting liability differently from the
terms of sections 15 and 16 of this License; or
* **b)** Requiring preservation of specified reasonable legal notices or
author attributions in that material or in the Appropriate Legal
Notices displayed by works containing it; or
* **c)** Prohibiting misrepresentation of the origin of that material, or
requiring that modified versions of such material be marked in
reasonable ways as different from the original version; or
* **d)** Limiting the use for publicity purposes of names of licensors or
authors of the material; or
* **e)** Declining to grant rights under trademark law for use of some
trade names, trademarks, or service marks; or
* **f)** Requiring indemnification of licensors and authors of that
material by anyone who conveys the material (or modified versions of
it) with contractual assumptions of liability to the recipient, for
any liability that these contractual assumptions directly impose on
those licensors and authors.

All other non-permissive additional terms are considered “further
restrictions” within the meaning of section 10.  If the Program as you
received it, or any part of it, contains a notice stating that it is
governed by this License along with a term that is a further
restriction, you may remove that term.  If a license document contains
a further restriction but permits relicensing or conveying under this
License, you may add to a covered work material governed by the terms
of that license document, provided that the further restriction does
not survive such relicensing or conveying.

If you add terms to a covered work in accord with this section, you
must place, in the relevant source files, a statement of the
additional terms that apply to those files, or a notice indicating
where to find the applicable terms.

Additional terms, permissive or non-permissive, may be stated in the
form of a separately written license, or stated as exceptions;
the above requirements apply either way.

### 8. Termination

You may not propagate or modify a covered work except as expressly
provided under this License.  Any attempt otherwise to propagate or
modify it is void, and will automatically terminate your rights under
this License (including any patent licenses granted under the third
paragraph of section 11).

However, if you cease all violation of this License, then your
license from a particular copyright holder is reinstated **(a)**
provisionally, unless and until the copyright holder explicitly and
finally terminates your license, and **(b)** permanently, if the copyright
holder fails to notify you of the violation by some reasonable means
prior to 60 days after the cessation.

Moreover, your license from a particular copyright holder is
reinstated permanently if the copyright holder notifies you of the
violation by some reasonable means, this is the first time you have
received notice of violation of this License (for any work) from that
copyright holder, and you cure the violation prior to 30 days after
your receipt of the notice.

Termination of your rights under this section does not terminate the
licenses of parties who have received copies or rights from you under
this License.  If your rights have been terminated and not permanently
reinstated, you do not qualify to receive new licenses for the same
material under section 10.

### 9. Acceptance Not Required for Having Copies

You are not required to accept this License in order to receive or
run a copy of the Program.  Ancillary propagation of a covered work
occurring solely as a consequence of using peer-to-peer transmission
to receive a copy likewise does not require acceptance.  However,
nothing other than this License grants you permission to propagate or
modify any covered work.  These actions infringe copyright if you do
not accept this License.  Therefore, by modifying or propagating a
covered work, you indicate your acceptance of this License to do so.

### 10. Automatic Licensing of Downstream Recipients

Each time you convey a covered work, the recipient automatically
receives a license from the original licensors, to run, modify and
propagate that work, subject to this License.  You are not responsible
for enforcing compliance by third parties with this License.

An “entity transaction” is a transaction transferring control of an
organization, or substantially all assets of one, or subdividing an
organization, or merging organizations.  If propagation of a covered
work results from an entity transaction, each party to that
transaction who receives a copy of the work also receives whatever
licenses to the work the party's predecessor in interest had or could
give under the previous paragraph, plus a right to possession of the
Corresponding Source of the work from the predecessor in interest, if
the predecessor has it or can get it with reasonable efforts.

You may not impose any further restrictions on the exercise of the
rights granted or affirmed under this License.  For example, you may
not impose a license fee, royalty, or other charge for exercise of
rights granted under this License, and you may not initiate litigation
(including a cross-claim or counterclaim in a lawsuit) alleging that
any patent claim is infringed by making, using, selling, offering for
sale, or importing the Program or any portion of it.

### 11. Patents

A “contributor” is a copyright holder who authorizes use under this
License of the Program or a work on which the Program is based.  The
work thus licensed is called the contributor's “contributor version”.

A contributor's “essential patent claims” are all patent claims
owned or controlled by the contributor, whether already acquired or
hereafter acquired, that would be infringed by some manner, permitted
by this License, of making, using, or selling its contributor version,
but do not include claims that would be infringed only as a
consequence of further modification of the contributor version.  For
purposes of this definition, “control” includes the right to grant
patent sublicenses in a manner consistent with the requirements of
this License.

Each contributor grants you a non-exclusive, worldwide, royalty-free
patent license under the contributor's essential patent claims, to
make, use, sell, offer for sale, import and otherwise run, modify and
propagate the contents of its contributor version.

In the following three paragraphs, a “patent license” is any express
agreement or commitment, however denominated, not to enforce a patent
(such as an express permission to practice a patent or covenant not to
sue for patent infringement).  To “grant” such a patent license to a
party means to make such an agreement or commitment not to enforce a
patent against the party.

If you convey a covered work, knowingly relying on a patent license,
and the Corresponding Source of the work is not available for anyone
to copy, free of charge and under the terms of this License, through a
publicly available network server or other readily accessible means,
then you must either **(1)** cause the Corresponding Source to be so
available, or **(2)** arrange to deprive yourself of the benefit of the
patent license for this particular work, or **(3)** arrange, in a manner
consistent with the requirements of this License, to extend the patent
license to downstream recipients.  “Knowingly relying” means you have
actual knowledge that, but for the patent license, your conveying the
covered work in a country, or your recipient's use of the covered work
in a country, would infringe one or more identifiable patents in that
country that you have reason to believe are valid.

If, pursuant to or in connection with a single transaction or
arrangement, you convey, or propagate by procuring conveyance of, a
covered work, and grant a patent license to some of the parties
receiving the covered work authorizing them to use, propagate, modify
or convey a specific copy of the covered work, then the patent license
you grant is automatically extended to all recipients of the covered
work and works based on it.

A patent license is “discriminatory” if it does not include within
the scope of its coverage, prohibits the exercise of, or is
conditioned on the non-exercise of one or more of the rights that are
specifically granted under this License.  You may not convey a covered
work if you are a party to an arrangement with a third party that is
in the business of distributing software, under which you make payment
to the third party based on the extent of your activity of conveying
the work, and under which the third party grants, to any of the
parties who would receive the covered work from you, a discriminatory
patent license **(a)** in connection with copies of the covered work
conveyed by you (or copies made from those copies), or **(b)** primarily
for and in connection with specific products or compilations that
contain the covered work, unless you entered into that arrangement,
or that patent license was granted, prior to 28 March 2007.

Nothing in this License shall be construed as excluding or limiting
any implied license or other defenses to infringement that may
otherwise be available to you under applicable patent law.

### 12. No Surrender of Others' Freedom

If conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License.  If you cannot convey a
covered work so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you may
not convey it at all.  For example, if you agree to terms that obligate you
to collect a royalty for further conveying from those to whom you convey
the Program, the only way you could satisfy both those terms and this
License would be to refrain entirely from conveying the Program.

### 13. Remote Network Interaction; Use with the GNU General Public License

Notwithstanding any other provision of this License, if you modify the
Program, your modified version must prominently offer all users
interacting with it remotely through a computer network (if your version
supports such interaction) an opportunity to receive the Corresponding
Source of your version by providing access to the Corresponding Source
from a network server at no charge, through some standard or customary
means of facilitating copying of software.  This Corresponding Source
shall include the Corresponding Source for any work covered by version 3
of the GNU General Public License that is incorporated pursuant to the
following paragraph.

Notwithstanding any other provision of this License, you have
permission to link or combine any covered work with a work licensed
under version 3 of the GNU General Public License into a single
combined work, and to convey the resulting work.  The terms of this
License will continue to apply to the part which is the covered work,
but the work with which it is combined will remain governed by version
3 of the GNU General Public License.

### 14. Revised Versions of this License

The Free Software Foundation may publish revised and/or new versions of
the GNU Affero General Public License from time to time.  Such new versions
will be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.

Each version is given a distinguishing version number.  If the
Program specifies that a certain numbered version of the GNU Affero General
Public License “or any later version” applies to it, you have the
option of following the terms and conditions either of that numbered
version or of any later version published by the Free Software
Foundation.  If the Program does not specify a version number of the
GNU Affero General Public License, you may choose any version ever published
by the Free Software Foundation.

If the Program specifies that a proxy can decide which future
versions of the GNU Affero General Public License can be used, that proxy's
public statement of acceptance of a version permanently authorizes you
to choose that version for the Program.

Later license versions may give you additional or different
permissions.  However, no additional obligations are imposed on any
author or copyright holder as a result of your choosing to follow a
later version.

### 15. Disclaimer of Warranty

THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM “AS IS” WITHOUT WARRANTY
OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.

### 16. Limitation of Liability

IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
SUCH DAMAGES.

### 17. Interpretation of Sections 15 and 16

If the disclaimer of warranty and limitation of liability provided
above cannot be given local legal effect according to their terms,
reviewing courts shall apply local law that most closely approximates
an absolute waiver of all civil liability in connection with the
Program, unless a warranty or assumption of liability accompanies a
copy of the Program in return for a fee.

_END OF TERMS AND CONDITIONS_

## How to Apply These Terms to Your New Programs

If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.

To do so, attach the following notices to the program.  It is safest
to attach them to the start of each source file to most effectively
state the exclusion of warranty; and each file should have at least
the “copyright” line and a pointer to where the full notice is found.

    <one line to give the program's name and a brief idea of what it does.>
    Copyright (C) 2024 Gregor Vostrak & Constantin Graf

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

Also add information on how to contact you by electronic and paper mail.

If your software can interact with users remotely through a computer
network, you should also make sure that it provides a way for users to
get its source.  For example, if your program is a web application, its
interface could display a “Source” link that leads users to an archive
of the code.  There are many ways you could offer source, and different
solutions will be better for different programs; see section 13 for the
specific requirements.

You should also get your employer (if you work as a programmer) or school,
if any, to sign a “copyright disclaimer” for the program, if necessary.
For more information on this, and how to apply and follow the GNU AGPL, see
&lt;<http://www.gnu.org/licenses/>&gt;.


================================================
FILE: README.md
================================================
# solidtime - The modern Open-Source Time Tracker

[![GitHub License](https://img.shields.io/github/license/solidtime-io/solidtime?style=flat-square)](https://github.com/solidtime-io/solidtime/blob/main/LICENSE.md)
[![Codecov](https://img.shields.io/codecov/c/github/solidtime-io/solidtime?style=flat-square&logo=codecov)](https://codecov.io/gh/solidtime-io/solidtime)
![GitHub Actions Unit Tests Status](https://img.shields.io/github/actions/workflow/status/solidtime-io/solidtime/phpunit.yml?style=flat-square)
![PHPStan badge](https://img.shields.io/badge/PHPStan-Level_7-blue?style=flat-square&color=blue)

![Screenshot of the solidtime application with header: solidtime - The modern Open-Source Time Tracker](docs/solidtime-banner.png "solidtime Banner")

solidtime is a modern open-source time tracking application for Freelancers and Agencies.

## Features

 - Time tracking: Track your time with a modern and easy-to-use interface
 - Projects: Create and manage projects and assign project members
 - Tasks: Create and manage tasks and assign tasks to projects
 - Clients: Create and manage clients and assign clients to projects
 - Billable rates: Set billable rates for projects, project members, organization members and organizations 
 - Multiple organizations: Create and manage multiple organizations with one account
 - Roles and permissions: Create and manage organizations
 - Import: Import your time tracking data from other time tracking applications (Supported: Toggl, Clockify, Timeentry CSV)

## Self Hosting

If you are looking into self-hosting solidtime, you can find the guides [here](https://docs.solidtime.io/self-hosting/intro)

We also have an examples repository [here](https://github.com/solidtime-io/self-hosting-examples)

If you do not want to self-host solidtime or try it out you can sign up for [solidtime cloud](https://www.solidtime.io/)

## Issues & Feature Requests

If you find any **bugs in solidtime**, please feel free to [**open an issue**](https://github.com/solidtime-io/solidtime/issues/new) in this repository, with instructions on how to reproduce the bug. 
If you have a **feature request**, please [**create a discussion**](https://github.com/solidtime-io/solidtime/discussions/new?category=feature-requests) in this repository.

## Contributing

Please open an issue or start a discussion and wait for approval before submitting a pull request. This does not apply to tiny fixes or changes however, please keep in mind that we might not merge PRs for various reasons. 

**If you submit an AI slop pull request (especially without following the proper procedure), you will be banned from future contributions to solidtime.**

Please read the [CONTRIBUTING.md](./CONTRIBUTING.md) before sumbitting a Pull Request.

We do accept contributions in the [documentation repository](https://github.com/solidtime-io/docs) f.e. to add new self-hosting guides.

## Security

Looking to report a vulnerability? Please refer our [SECURITY.md](./SECURITY.md) file.

## License

This project is open-source and available under the GNU Affero General Public License v3.0 (AGPL v3). Please see the [license file](LICENSE.md) for more information.


================================================
FILE: SECURITY.md
================================================
# Security Policy

## Reporting a Vulnerability

If you discover a security vulnerability regarding this project, please e-mail me to [security@solidtime.io](mailto:security@solidtime.io)!


================================================
FILE: app/Actions/Fortify/CreateNewUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Fortify;

use App\Enums\Weekday;
use App\Events\NewsletterRegistered;
use App\Models\User;
use App\Service\IpLookup\IpLookupServiceContract;
use App\Service\TimezoneService;
use App\Service\UserService;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Validator;
use Illuminate\Validation\ValidationException;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;
use Laravel\Fortify\Contracts\CreatesNewUsers;
use Laravel\Jetstream\Jetstream;
use Log;

class CreateNewUser implements CreatesNewUsers
{
    use PasswordValidationRules;

    /**
     * Create a newly registered user.
     *
     * @param  array<string, mixed>  $input
     *
     * @throws ValidationException
     */
    public function create(array $input): User
    {
        if (! config('app.enable_registration')) {
            throw ValidationException::withMessages([
                'email' => [__('Registration is disabled.')],
            ]);
        }

        Validator::make($input, [
            'name' => [
                'required',
                'string',
                'max:255',
            ],
            'email' => [
                'required',
                'string',
                'email:rfc,strict',
                'max:255',
                UniqueEloquent::make(User::class, 'email', function (Builder $builder): Builder {
                    /** @var Builder<User> $builder */
                    return $builder->where('is_placeholder', '=', false);
                }),
            ],
            'password' => $this->passwordRules(),
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',
            'newsletter_consent' => [
                'boolean',
            ],
        ])->validate();

        $timezone = null;
        if (array_key_exists('timezone', $input) && is_string($input['timezone'])) {
            if (app(TimezoneService::class)->isValid($input['timezone'])) {
                $timezone = $input['timezone'];
            } else {
                $timezone = app(TimezoneService::class)->mapLegacyTimezone($input['timezone']);
                if ($timezone === null) {
                    Log::debug('Invalid timezone', ['timezone' => $input['timezone']]);
                }
            }
        }

        $ipLookupResponse = app(IpLookupServiceContract::class)->lookup(request()->ip());

        $startOfWeek = Weekday::Monday;
        $numberFormat = null;
        $currencyFormat = null;
        $dateFormat = null;
        $intervalFormat = null;
        $timeFormat = null;
        $currency = null;
        if ($ipLookupResponse !== null) {
            $startOfWeek = $ipLookupResponse->startOfWeek ?? Weekday::Monday;
            if ($timezone === null) {
                $timezone = $ipLookupResponse->timezone;
            }
            $currency = $ipLookupResponse->currency;
        }
        $user = null;
        DB::transaction(function () use (&$user, $input, $timezone, $startOfWeek, $currency, $numberFormat, $currencyFormat, $dateFormat, $intervalFormat, $timeFormat): void {
            $userService = app(UserService::class);
            $user = $userService->createUser(
                $input['name'],
                $input['email'],
                $input['password'],
                $timezone ?? 'UTC',
                $startOfWeek,
                $currency,
                $numberFormat,
                $currencyFormat,
                $dateFormat,
                $intervalFormat,
                $timeFormat
            );
        });

        $newsletterConsent = isset($input['newsletter_consent']) && (bool) $input['newsletter_consent'];
        if ($newsletterConsent) {
            NewsletterRegistered::dispatch($input['name'], $input['email'], $user->getKey());
        }

        return $user;
    }
}


================================================
FILE: app/Actions/Fortify/PasswordValidationRules.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Fortify;

use Illuminate\Contracts\Validation\Rule;
use Illuminate\Validation\Rules\Password;

trait PasswordValidationRules
{
    /**
     * Get the validation rules used to validate passwords.
     *
     * @return array<int, Rule|string>
     */
    protected function passwordRules(): array
    {
        return ['required', 'string', Password::default(), 'confirmed'];
    }
}


================================================
FILE: app/Actions/Fortify/ResetUserPassword.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Fortify;

use App\Models\User;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\Validator;
use Laravel\Fortify\Contracts\ResetsUserPasswords;

class ResetUserPassword implements ResetsUserPasswords
{
    use PasswordValidationRules;

    /**
     * Validate and reset the user's forgotten password.
     *
     * @param  array<string, string>  $input
     */
    public function reset(User $user, array $input): void
    {
        Validator::make($input, [
            'password' => $this->passwordRules(),
        ])->validate();

        $user->forceFill([
            'password' => Hash::make($input['password']),
        ])->save();
    }
}


================================================
FILE: app/Actions/Fortify/UpdateUserPassword.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Fortify;

use App\Models\User;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\Validator;
use Laravel\Fortify\Contracts\UpdatesUserPasswords;

class UpdateUserPassword implements UpdatesUserPasswords
{
    use PasswordValidationRules;

    /**
     * Validate and update the user's password.
     *
     * @param  array<string, string>  $input
     */
    public function update(User $user, array $input): void
    {
        Validator::make($input, [
            'current_password' => ['required', 'string', 'current_password:web'],
            'password' => $this->passwordRules(),
        ], [
            'current_password.current_password' => __('The provided password does not match your current password.'),
        ])->validateWithBag('updatePassword');

        $user->forceFill([
            'password' => Hash::make($input['password']),
        ])->save();
    }
}


================================================
FILE: app/Actions/Fortify/UpdateUserProfileInformation.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Fortify;

use App\Enums\Weekday;
use App\Models\User;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Validator;
use Illuminate\Validation\Rule;
use Illuminate\Validation\ValidationException;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;
use Laravel\Fortify\Contracts\UpdatesUserProfileInformation;

class UpdateUserProfileInformation implements UpdatesUserProfileInformation
{
    /**
     * Validate and update the given user's profile information.
     *
     * @param  array<string, mixed>  $input
     *
     * @throws ValidationException
     */
    public function update(User $user, array $input): void
    {
        Validator::make($input, [
            'name' => [
                'required',
                'string',
                'max:255',
            ],
            'email' => [
                'required',
                'email',
                'max:255',
                UniqueEloquent::make(User::class, 'email')->ignore($user->id)->query(function (Builder $query) {
                    /** @var Builder<User> $query */
                    return $query->where('is_placeholder', '=', false);
                }),
            ],
            'photo' => [
                'nullable',
                'mimes:jpg,jpeg,png',
                'max:1024',
            ],
            'timezone' => [
                'required',
                'timezone:all',
            ],
            'week_start' => [
                'required',
                Rule::enum(Weekday::class),
            ],
        ])->validateWithBag('updateProfileInformation');

        if (isset($input['photo'])) {
            $user->updateProfilePhoto($input['photo']);
        }

        if ($input['email'] !== $user->email) {
            $user->forceFill([
                'name' => $input['name'],
                'email' => $input['email'],
                'email_verified_at' => null,
                'timezone' => $input['timezone'],
                'week_start' => $input['week_start'],
            ])->save();

            $user->sendEmailVerificationNotification();
        } else {
            $user->forceFill([
                'name' => $input['name'],
                'timezone' => $input['timezone'],
                'week_start' => $input['week_start'],
            ])->save();
        }
    }
}


================================================
FILE: app/Actions/Jetstream/AddOrganizationMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Enums\Role;
use App\Models\Organization;
use App\Models\User;
use App\Service\MemberService;
use Closure;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Gate;
use Illuminate\Support\Facades\Validator;
use Illuminate\Validation\Rule;
use Illuminate\Validation\Rules\In;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;
use Laravel\Jetstream\Contracts\AddsTeamMembers;

class AddOrganizationMember implements AddsTeamMembers
{
    /**
     * Add a new team member to the given team.
     */
    public function add(User $owner, Organization $organization, string $email, ?string $role = null): void
    {
        Gate::forUser($owner)->authorize('addTeamMember', $organization); // TODO: refactor after owner refactoring

        $this->validate($organization, $email, $role);

        $newOrganizationMember = User::query()
            ->where('email', $email)
            ->where('is_placeholder', '=', false)
            ->firstOrFail();

        app(MemberService::class)->addMember($newOrganizationMember, $organization, Role::from($role));
    }

    /**
     * Validate the add member operation.
     */
    protected function validate(Organization $organization, string $email, ?string $role): void
    {
        Validator::make([
            'email' => $email,
            'role' => $role,
        ], $this->rules())->after(
            $this->ensureUserIsNotAlreadyOnTeam($organization, $email)
        )->validateWithBag('addTeamMember');
    }

    /**
     * Get the validation rules for adding a team member.
     *
     * @return array<string, array<ValidationRule|Rule|string|In>>
     */
    protected function rules(): array
    {
        return [
            'email' => [
                'required',
                'email',
                ExistsEloquent::make(User::class, 'email', function (Builder $builder) {
                    /** @var Builder<User> $builder */
                    return $builder->where('is_placeholder', '=', false);
                })->withMessage(__('We were unable to find a registered user with this email address.')),
            ],
            'role' => [
                'required',
                'string',
                Rule::in([
                    Role::Admin->value,
                    Role::Manager->value,
                    Role::Employee->value,
                ]),
            ],
        ];
    }

    /**
     * Ensure that the user is not already on the team.
     */
    protected function ensureUserIsNotAlreadyOnTeam(Organization $team, string $email): Closure
    {
        return function ($validator) use ($team, $email): void {
            $validator->errors()->addIf(
                $team->hasRealUserWithEmail($email),
                'email',
                __('This user already belongs to the team.')
            );
        };
    }
}


================================================
FILE: app/Actions/Jetstream/CreateOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Events\AfterCreateOrganization;
use App\Models\Organization;
use App\Models\User;
use App\Service\IpLookup\IpLookupServiceContract;
use App\Service\OrganizationService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Support\Facades\Gate;
use Illuminate\Support\Facades\Validator;
use Illuminate\Validation\ValidationException;
use Laravel\Jetstream\Contracts\CreatesTeams;
use Laravel\Jetstream\Jetstream;

class CreateOrganization implements CreatesTeams
{
    /**
     * Validate and create a new team for the given user.
     *
     * @param  array<string, string>  $input
     *
     * @throws AuthorizationException
     * @throws ValidationException
     */
    public function create(User $user, array $input): Organization
    {
        Gate::forUser($user)->authorize('create', Jetstream::newTeamModel());

        Validator::make($input, [
            'name' => ['required', 'string', 'max:255'],
        ])->validateWithBag('createTeam');

        $ipLookupResponse = app(IpLookupServiceContract::class)->lookup(request()->ip());

        $currency = null;
        if ($ipLookupResponse !== null) {
            $currency = $ipLookupResponse->currency;
        }

        $organization = app(OrganizationService::class)->createOrganization(
            $input['name'],
            $user,
            false,
            $currency
        );

        $user->switchTeam($organization);

        // Note: The refresh is necessary for currently unknown reasons. Do not remove it.
        $organization = $organization->refresh();
        AfterCreateOrganization::dispatch($organization);

        return $organization;
    }
}


================================================
FILE: app/Actions/Jetstream/DeleteOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Models\Organization;
use App\Service\DeletionService;
use Laravel\Jetstream\Contracts\DeletesTeams;

class DeleteOrganization implements DeletesTeams
{
    /**
     * Delete the given team.
     */
    public function delete(Organization $organization): void
    {
        /** @see ValidateOrganizationDeletion */
        app(DeletionService::class)->deleteOrganization($organization);
    }
}


================================================
FILE: app/Actions/Jetstream/DeleteUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Exceptions\Api\ApiException;
use App\Models\User;
use App\Service\DeletionService;
use Illuminate\Validation\ValidationException;
use Laravel\Jetstream\Contracts\DeletesUsers;

class DeleteUser implements DeletesUsers
{
    /**
     * Delete the given user.
     *
     * @throws ValidationException
     */
    public function delete(User $user): void
    {
        try {
            app(DeletionService::class)->deleteUser($user);
        } catch (ApiException $exception) {
            throw ValidationException::withMessages([
                'password' => $exception->getTranslatedMessage(),
            ]);
        }
    }
}


================================================
FILE: app/Actions/Jetstream/InviteOrganizationMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Exceptions\MovedToApiException;
use App\Models\Organization;
use App\Models\User;
use Exception;
use Laravel\Jetstream\Contracts\InvitesTeamMembers;

class InviteOrganizationMember implements InvitesTeamMembers
{
    /**
     * Invite a new team member to the given team.
     *
     * @throws Exception
     */
    public function invite(User $user, Organization $organization, string $email, ?string $role = null): void
    {
        throw new MovedToApiException;
    }
}


================================================
FILE: app/Actions/Jetstream/RemoveOrganizationMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Exceptions\MovedToApiException;
use App\Models\Organization;
use App\Models\User;
use Exception;
use Laravel\Jetstream\Contracts\RemovesTeamMembers;

class RemoveOrganizationMember implements RemovesTeamMembers
{
    /**
     * Remove the team member from the given team.
     *
     * @throws Exception
     */
    public function remove(User $user, Organization $organization, User $teamMember): void
    {
        throw new MovedToApiException;
    }
}


================================================
FILE: app/Actions/Jetstream/UpdateMemberRole.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Enums\Role;
use App\Exceptions\MovedToApiException;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Exception;

class UpdateMemberRole
{
    /**
     * Update the role for the given team member.
     *
     * @throws Exception
     */
    public function update(User $actingUser, Organization $organization, string $userId, string $role): void
    {
        throw new MovedToApiException;
    }
}


================================================
FILE: app/Actions/Jetstream/UpdateOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Models\Organization;
use App\Models\User;
use App\Rules\CurrencyRule;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Support\Facades\Gate;
use Illuminate\Support\Facades\Validator;
use Illuminate\Validation\ValidationException;
use Laravel\Jetstream\Contracts\UpdatesTeamNames;

class UpdateOrganization implements UpdatesTeamNames
{
    /**
     * Validate and update the given team's name.
     *
     * @param  array<string, string>  $input
     *
     * @throws AuthorizationException
     * @throws ValidationException
     */
    public function update(User $user, Organization $organization, array $input): void
    {
        Gate::forUser($user)->authorize('update', $organization);

        Validator::make($input, [
            'name' => [
                'required',
                'string',
                'max:255',
            ],
            'currency' => [
                'required',
                'string',
                new CurrencyRule,
            ],
        ])->validateWithBag('updateTeamName');

        $organization->forceFill([
            'name' => $input['name'],
            'currency' => $input['currency'],
        ])->save();
    }
}


================================================
FILE: app/Actions/Jetstream/ValidateOrganizationDeletion.php
================================================
<?php

declare(strict_types=1);

namespace App\Actions\Jetstream;

use App\Models\Organization;
use App\Models\User;
use App\Service\PermissionStore;
use Illuminate\Auth\Access\AuthorizationException;

class ValidateOrganizationDeletion
{
    /**
     * Validate that the team can be deleted by the given user.
     *
     * @param  User  $user  Authenticated user
     * @param  Organization  $organization  Organization to be deleted
     *
     * @throws AuthorizationException
     */
    public function validate(User $user, Organization $organization): void
    {
        if (! app(PermissionStore::class)->userHas($organization, $user, 'organizations:delete')) {
            throw new AuthorizationException;
        }
    }
}


================================================
FILE: app/Console/Commands/Admin/OrganizationDeleteCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Admin;

use App\Models\Organization;
use App\Service\DeletionService;
use Illuminate\Console\Command;
use Illuminate\Support\Str;

class OrganizationDeleteCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'admin:organization:delete
                { organization : The ID of the organization to delete }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Delete a organization';

    /**
     * Execute the console command.
     */
    public function handle(DeletionService $deletionService): int
    {
        $organizationId = $this->argument('organization');

        if (! Str::isUuid($organizationId)) {
            $this->error('Organization ID must be a valid UUID.');

            return self::FAILURE;

        }

        /** @var Organization|null $organization */
        $organization = Organization::find($organizationId);
        if ($organization === null) {
            $this->error('Organization with ID '.$organizationId.' not found.');

            return self::FAILURE;
        }

        $this->info('Deleting organization with ID '.$organization->getKey());

        $deletionService->deleteOrganization($organization);

        $this->info('Organization with ID '.$organization->getKey().' has been deleted.');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Admin/UserCreateCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Admin;

use App\Enums\Weekday;
use App\Models\Organization;
use App\Models\User;
use App\Service\UserService;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\DB;
use LogicException;

class UserCreateCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'admin:user:create
                { name : The name of the user }
                { email : The email of the user }
                { --ask-for-password : Ask for the password, otherwise the command will generate a random one }
                { --verify-email : Verify the email address of the user }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Create a new user';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $name = $this->argument('name');
        $email = $this->argument('email');
        $askForPassword = (bool) $this->option('ask-for-password');
        $verifyEmail = (bool) $this->option('verify-email');

        if (User::query()->where('email', $email)->where('is_placeholder', '=', false)->exists()) {
            $this->error('User with email "'.$email.'" already exists.');

            return self::FAILURE;
        }

        if ($askForPassword) {
            $outputPassword = false;
            $password = $this->secret('Enter the password');
        } else {
            $outputPassword = true;
            $password = bin2hex(random_bytes(16));
        }

        $user = null;
        DB::transaction(function () use (&$user, $name, $email, $password, $verifyEmail): void {
            $user = app(UserService::class)->createUser(
                $name,
                $email,
                $password,
                'UTC',
                Weekday::Monday,
                null,
                verifyEmail: $verifyEmail
            );
        });
        /** @var Organization|null $organization */
        $organization = $user->ownedTeams->first();
        if ($organization === null) {
            throw new LogicException('User does not have an organization');
        }

        $this->info('Created user "'.$name.'" ("'.$email.'")');
        $this->line('ID: '.$user->getKey());
        $this->line('Name: '.$name);
        $this->line('Email: '.$email);
        if ($outputPassword) {
            $this->line('Password: '.$password);
        }
        $this->line('Timezone: '.$user->timezone);
        $this->line('Week start: '.$user->week_start->value);

        // Organization
        $this->line('Currency: '.$organization->currency);

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Admin/UserVerifyCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Admin;

use App\Models\User;
use Illuminate\Auth\Events\Verified;
use Illuminate\Console\Command;

class UserVerifyCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'admin:user:verify
                { email : The email of the user to verify }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Verify the email address of an user';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $email = $this->argument('email');

        $this->info('Start verifying user with email "'.$email.'"');

        /** @var User|null $user */
        $user = User::query()->where('email', $email)
            ->where('is_placeholder', '=', false)
            ->first();

        if ($user === null) {
            $this->error('User with email "'.$email.'" not found.');

            return self::FAILURE;
        }

        if ($user->hasVerifiedEmail()) {
            $this->info('User with email "'.$email.'" already verified.');

            return self::FAILURE;
        }

        $user->markEmailAsVerified();
        event(new Verified($user));

        $this->info('User with email "'.$email.'" has been verified.');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Auth/AuthSendReminderForExpiringApiTokensCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Auth;

use App\Mail\AuthApiTokenExpirationReminderMail;
use App\Mail\AuthApiTokenExpiredMail;
use App\Models\Passport\Token;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Mail;

class AuthSendReminderForExpiringApiTokensCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'auth:send-mails-expiring-api-tokens '.
        ' { --dry-run : Do not actually send emails or save anything to the database, just output what would happen }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Sends emails about expiring API tokens, one week before and when they expired.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $dryRun = (bool) $this->option('dry-run');
        if ($dryRun) {
            $this->comment('Running in dry-run mode. No emails will be sent and nothing will be saved to the database.');
        }

        $this->comment('Sending reminder emails about expiring API tokens...');
        $sentMails = 0;
        Token::query()
            ->where('expires_at', '<=', Carbon::now()->addDays(7))
            ->whereNull('reminder_sent_at')
            ->with([
                'client',
                'user',
            ])
            ->whereHas('user', function (Builder $query): void {
                /** @var Builder<User> $query */
                $query->where('is_placeholder', '=', false);
            })
            ->isApiToken(true)
            ->orderBy('created_at', 'asc')
            ->chunk(500, function (Collection $tokens) use ($dryRun, &$sentMails): void {
                /** @var Collection<int, Token> $tokens */
                foreach ($tokens as $token) {
                    $user = $token->user;
                    $this->info('Start sending email to user "'.$user->email.'" ('.$user->getKey().') reminding about API token '.$token->getKey());
                    $sentMails++;
                    if (! $dryRun) {
                        Mail::to($user->email)
                            ->queue(new AuthApiTokenExpirationReminderMail($token, $user));
                        $token->reminder_sent_at = Carbon::now();
                        $token->save();
                    }
                }
            });
        $this->comment('Finished sending '.$sentMails.' expiring API token emails...');

        $this->comment('Sent emails about expired API tokens');
        $sentMails = 0;
        Token::query()
            ->where('expires_at', '<=', Carbon::now())
            ->whereNull('expired_info_sent_at')
            ->with([
                'client',
                'user',
            ])
            ->whereHas('user', function (Builder $query): void {
                /** @var Builder<User> $query */
                $query->where('is_placeholder', '=', false);
            })
            ->isApiToken(true)
            ->orderBy('created_at', 'asc')
            ->chunk(500, function (Collection $tokens) use ($dryRun, &$sentMails): void {
                /** @var Collection<int, Token> $tokens */
                foreach ($tokens as $token) {
                    $user = $token->user;
                    $this->info('Start sending email to user "'.$user->email.'" ('.$user->getKey().') about expired API token '.$token->getKey());
                    $sentMails++;
                    if (! $dryRun) {
                        Mail::to($user->email)
                            ->queue(new AuthApiTokenExpiredMail($token, $user));
                        $token->expired_info_sent_at = Carbon::now();
                        $token->save();
                    }
                }
            });
        $this->comment('Finished sending '.$sentMails.' expired API token emails...');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Correction/CorrectionPlaceholderMembersCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Correction;

use App\Enums\Role;
use App\Models\Member;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Database\Eloquent\Builder;

class CorrectionPlaceholderMembersCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'correction:placeholder-members '.
        ' { --dry-run : Do not actually save anything to the database, just output what would happen }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Sets all members who belong to a placeholder user to role placeholder';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $this->comment('Sets all members who belong to a placeholder user to role placeholder...');
        $dryRun = (bool) $this->option('dry-run');
        if ($dryRun) {
            $this->comment('Running in dry-run mode. Nothing will be saved to the database.');
        }

        $members = Member::query()
            ->where('role', '!=', Role::Placeholder->value)
            ->whereHas('user', function (Builder $builder): void {
                /** @var Builder<User> $builder */
                $builder->where('is_placeholder', '=', true);
            })
            ->get();
        foreach ($members as $member) {
            /** @var Member $member */
            $member->role = Role::Placeholder->value;
            if (! $dryRun) {
                $member->save();
            }
            $this->line('Set role of member (id='.$member->getKey().') to placeholder');
        }

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Report/ReportSetExpiredToPrivateCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Report;

use App\Models\Report;
use Illuminate\Console\Command;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Support\Carbon;
use LogicException;

class ReportSetExpiredToPrivateCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'report:set-expired-to-private '.
        ' { --dry-run : Do not actually save anything to the database, just output what would happen }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Makes public reports private if the public_until date has passed.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $this->comment('Makes public reports private if the public_until date has passed...');
        $dryRun = (bool) $this->option('dry-run');
        if ($dryRun) {
            $this->comment('Running in dry-run mode. Nothing will be saved to the database.');
        }

        $resetReports = 0;
        Report::query()
            ->where('public_until', '<', Carbon::now())
            ->orderBy('created_at', 'asc')
            ->chunk(500, function (Collection $reports) use ($dryRun, &$resetReports): void {
                /** @var Collection<int, Report> $reports */
                foreach ($reports as $report) {
                    $publicUntil = $report->public_until;
                    if ($publicUntil === null) {
                        throw new LogicException('public_until should not be null');
                    }
                    $this->info('Make report "'.$report->name.'" ('.$report->getKey().') private, expired: '.
                        $publicUntil->toIso8601ZuluString().' ('.$publicUntil->diffForHumans().')');
                    $resetReports++;
                    if (! $dryRun) {
                        $report->is_public = false;
                        $report->share_secret = null;
                        $report->save();
                    }
                }
            });

        $this->comment('Finished setting '.$resetReports.' expired reports to private...');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/SelfHost/SelfHostCheckForUpdateCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\SelfHost;

use App\Service\ApiService;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Cache;

class SelfHostCheckForUpdateCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'self-host:check-for-update';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = '';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $apiService = app(ApiService::class);

        $latestVersion = $apiService->checkForUpdate();
        if ($latestVersion === null) {
            $this->error('Failed to check for update, check the logs for more information.');

            return self::FAILURE;
        }

        // Note: Cache for 13 hours, because the command runs twice daily (every 12 hours).
        Cache::put('latest_version', $latestVersion, 60 * 60 * 12);

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/SelfHost/SelfHostDatabaseConsistency.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\SelfHost;

use Illuminate\Console\Command;
use Illuminate\Database\Query\Builder;
use Illuminate\Database\Query\JoinClause;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;

class SelfHostDatabaseConsistency extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'self-host:database-consistency';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = '';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $hadAProblem = false;

        // Task need to be part of project in time entries
        $problems = DB::table('time_entries')
            ->select(['time_entries.id as id'])
            ->join('tasks', 'time_entries.task_id', '=', 'tasks.id')
            ->where('tasks.project_id', '!=', DB::raw('time_entries.project_id'))
            ->get();
        $this->logProblems($problems, 'Time entries have a task that does not belong to the project of the time entry', $hadAProblem);

        // Client id is the client id of the project
        $problems = DB::table('time_entries')
            ->select(['time_entries.id as id'])
            ->join('projects', 'time_entries.project_id', '=', 'projects.id')
            ->where(DB::raw('coalesce(projects.client_id::varchar, \'\')'), '!=', DB::raw('coalesce(time_entries.client_id::varchar, \'\')'))
            ->get();
        $this->logProblems($problems, 'Time entries have a client that does not match the client of the project', $hadAProblem);

        // Client id can only be not null if the project id is not null
        $problems = DB::table('time_entries')
            ->select(['time_entries.id as id'])
            ->whereNotNull('client_id')
            ->whereNull('project_id')
            ->get();
        $this->logProblems($problems, 'Time entries have a client but no project', $hadAProblem);

        // Every user needs to be a member of at least one organization
        $problems = DB::table('users')
            ->select(['users.id as id'])
            ->leftJoin('members', 'users.id', '=', 'members.user_id')
            ->whereNull('members.id')
            ->get();
        $this->logProblems($problems, 'Users are not member of any organization', $hadAProblem);

        // Every organization needs at least an owner
        $problems = DB::table('organizations')
            ->select(['organizations.id as id'])
            ->leftJoin('members', function (JoinClause $join): void {
                $join->on('organizations.id', '=', 'members.organization_id')
                    ->where('members.role', '=', 'owner');
            })
            ->whereNull('members.id')
            ->get();
        $this->logProblems($problems, 'Organizations without an owner', $hadAProblem);

        // Every member can only have one running time entry
        $problems = DB::table('time_entries')
            ->select(['user_id as id'])
            ->whereNull('end')
            ->groupBy('user_id')
            ->havingRaw('count(*) > 1')
            ->get(['user_id', DB::raw('count(*) as count')]);
        $this->logProblems($problems, 'Users with more than one running time entry', $hadAProblem);

        // Users have a current organization that they are not a member of
        $problems = DB::table('users')
            ->select(['users.id as id'])
            ->whereNotNull('current_team_id')
            ->whereNotIn('current_team_id', function (Builder $query): void {
                $query->select('organization_id')
                    ->from('members')
                    ->whereColumn('members.user_id', 'users.id');
            })->get();
        $this->logProblems($problems, 'Users have a current organization that they are not a member of', $hadAProblem);

        return $hadAProblem ? self::FAILURE : self::SUCCESS;
    }

    /**
     * @param  Collection<int, \stdClass>  $problems
     */
    private function logProblems(Collection $problems, string $message, bool &$hadAProblem): void
    {
        $message = 'Consistency problem: '.$message;
        if ($problems->isNotEmpty()) {
            $ids = $problems->pluck('id');
            $hadAProblem = true;
            Log::error($message, [
                'ids' => $ids,
            ]);

            $error = $message;
            foreach ($ids as $id) {
                $error .= "\n  - ".$id;
            }
            $this->error($error);
        }
    }
}


================================================
FILE: app/Console/Commands/SelfHost/SelfHostGenerateKeysCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\SelfHost;

use Illuminate\Console\Command;
use Illuminate\Encryption\Encrypter;
use Illuminate\Support\Str;
use phpseclib3\Crypt\RSA;

class SelfHostGenerateKeysCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'self-host:generate-keys
                { --length=4096 : The length of the passport private key }
                { --multi-line : Whether to output the keys in multiple lines }
                { --format=env : The format of the output (env, yaml) }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Generate random keys for the env variables.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $format = $this->option('format');
        $key = RSA::createKey((int) $this->option('length'));
        $multiLine = (bool) $this->option('multi-line');

        $publicKey = (string) $key->getPublicKey();
        $privateKey = (string) $key;
        $appKey = 'base64:'.base64_encode(Encrypter::generateKey(config('app.cipher')));

        if ($format === 'env') {
            $this->line('APP_KEY="'.$appKey.'"');
            if ($multiLine) {
                $this->line('PASSPORT_PRIVATE_KEY="'.Str::replace("\r\n", "\n", $privateKey).'"');
                $this->line('PASSPORT_PUBLIC_KEY="'.Str::replace("\r\n", "\n", $publicKey).'"');
            } else {
                $this->line('PASSPORT_PRIVATE_KEY="'.Str::replace("\r\n", '\n', $privateKey).'"');
                $this->line('PASSPORT_PUBLIC_KEY="'.Str::replace("\r\n", '\n', $publicKey).'"');
            }
        } elseif ($format === 'yaml') {
            $this->line('APP_KEY: "'.$appKey.'"');
            $this->line("PASSPORT_PRIVATE_KEY: |\n  ".Str::replace("\r\n", "\n  ", $privateKey));
            $this->line("PASSPORT_PUBLIC_KEY: |\n  ".Str::replace("\r\n", "\n  ", $publicKey));
        } else {
            $this->error('Invalid format');

            return self::FAILURE;
        }

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/SelfHost/SelfHostTelemetryCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\SelfHost;

use App\Service\ApiService;
use Illuminate\Console\Command;

class SelfHostTelemetryCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'self-host:telemetry';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = '';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $apiService = app(ApiService::class);

        $success = $apiService->telemetry();

        if (! $success) {
            $this->error('Failed to send telemetry data, check the logs for more information.');

            return self::FAILURE;

        }

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Test/TestEmailCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Test;

use Illuminate\Console\Command;
use Illuminate\Mail\Message;
use Illuminate\Support\Facades\Mail;

class TestEmailCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'test:email { email : Email address to send the email to }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'This test command sends an email.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $email = $this->argument('email');
        Mail::raw('Hello World!', function (Message $message) use ($email): void {
            $message->to($email)
                ->subject('Test Email')
                ->html('<h1>Hello World!</h1>');
        });

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Test/TestJobCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Test;

use App\Jobs\Test\TestJob;
use App\Models\User;
use Illuminate\Console\Command;

class TestJobCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'test:job {--fail}';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'This test command start an async job.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $user = User::firstOrFail();
        $fail = (bool) $this->option('fail');

        TestJob::dispatch($user, 'Test job message.', $fail);

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/Test/TestOutputCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\Test;

use Illuminate\Console\Command;

class TestOutputCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'test:output';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'This test command outputs some text.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $this->info('Test command output');
        $this->error('Test command output error');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Commands/TimeEntry/TimeEntrySendStillRunningMailsCommand.php
================================================
<?php

declare(strict_types=1);

namespace App\Console\Commands\TimeEntry;

use App\Mail\TimeEntryStillRunningMail;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Mail;

class TimeEntrySendStillRunningMailsCommand extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = 'time-entry:send-still-running-mails '.
        ' { --dry-run : Do not actually send emails or save anything to the database, just output what would happen }';

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = 'Sends emails to users who have running time entries for more than 8 hours.';

    /**
     * Execute the console command.
     */
    public function handle(): int
    {
        $this->comment('Sending still running time entry emails...');
        $dryRun = (bool) $this->option('dry-run');
        if ($dryRun) {
            $this->comment('Running in dry-run mode. No emails will be sent and nothing will be saved to the database.');
        }

        $sentMails = 0;
        TimeEntry::query()
            ->whereNull('end')
            ->where('start', '<', now()->subHours(8))
            ->whereNull('still_active_email_sent_at')
            ->with([
                'user',
            ])
            ->whereHas('user', function (Builder $query): void {
                /** @var Builder<User> $query */
                $query->where('is_placeholder', '=', false);
            })
            ->orderBy('created_at', 'asc')
            ->chunk(500, function (Collection $timeEntries) use ($dryRun, &$sentMails): void {
                /** @var Collection<int, TimeEntry> $timeEntries */
                foreach ($timeEntries as $timeEntry) {
                    $user = $timeEntry->user;
                    $this->info('Start sending email to user "'.$user->email.'" ('.$user->getKey().') for time entry '.$timeEntry->getKey());
                    $sentMails++;
                    if (! $dryRun) {
                        Mail::to($user->email)
                            ->queue(new TimeEntryStillRunningMail($timeEntry, $user));
                        $timeEntry->still_active_email_sent_at = Carbon::now();
                        $timeEntry->save();
                    }
                }
            });

        $this->comment('Finished sending '.$sentMails.' still running time entry emails...');

        return self::SUCCESS;
    }
}


================================================
FILE: app/Console/Kernel.php
================================================
<?php

declare(strict_types=1);

namespace App\Console;

use Illuminate\Console\Scheduling\Schedule;
use Illuminate\Foundation\Console\Kernel as ConsoleKernel;

class Kernel extends ConsoleKernel
{
    /**
     * Define the application's command schedule.
     */
    protected function schedule(Schedule $schedule): void
    {
        $schedule->command('time-entry:send-still-running-mails')
            ->when(fn (): bool => config('scheduling.tasks.time_entry_send_still_running_mails'))
            ->everyTenMinutes();

        $schedule->command('auth:send-mails-expiring-api-tokens')
            ->when(fn (): bool => config('scheduling.tasks.auth_send_mails_expiring_api_tokens'))
            ->everyTenMinutes();

        if (config('app.key') && (config('scheduling.tasks.self_hosting_check_for_update') || config('scheduling.tasks.self_hosting_telemetry'))) {
            // Convert string to a stable integer for seeding
            /** @var int $seed Take the first 8 hex chars → 32-bit int */
            $seed = hexdec(substr(hash('md5', config('app.key')), 0, 8));
            $seed = abs($seed); // Ensure it's positive
            mt_srand($seed);
            $firstHour = mt_rand(0, 23);
            $secondHour = ($firstHour + 12) % 24;
            $minuteOffset = mt_rand(0, 59);
            mt_srand(null); // Reset the random number generator

            if (config('scheduling.tasks.self_hosting_check_for_update')) {
                $schedule->command('self-host:check-for-update')
                    ->twiceDailyAt($firstHour, $secondHour, $minuteOffset);
            }

            if (config('scheduling.tasks.self_hosting_telemetry')) {
                $schedule->command('self-host:telemetry')
                    ->twiceDailyAt($firstHour, $secondHour, $minuteOffset);
            }
        }

        $schedule->command('self-host:database-consistency')
            ->when(fn (): bool => config('scheduling.tasks.self_hosting_database_consistency'))
            ->everySixHours();
    }

    /**
     * Register the commands for the application.
     */
    protected function commands(): void
    {
        $this->load(__DIR__.'/Commands');
    }
}


================================================
FILE: app/Enums/CurrencyFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum CurrencyFormat: string
{
    use LaravelEnumHelper;

    case ISOCodeBeforeWithSpace = 'iso-code-before-with-space';
    case ISOCodeAfterWithSpace = 'iso-code-after-with-space';

    case SymbolBefore = 'symbol-before';

    case SymbolAfter = 'symbol-after';

    case SymbolBeforeWithSpace = 'symbol-before-with-space';

    case SymbolAfterWithSpace = 'symbol-after-with-space';

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        $selectArray = [];
        foreach (self::values() as $value) {
            $selectArray[(string) $value] = (string) __('enum.currency_format.'.$value);
        }

        return $selectArray;
    }
}


================================================
FILE: app/Enums/DateFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum DateFormat: string
{
    use LaravelEnumHelper;

    case PointSeparatedDMYYYY = 'point-separated-d-m-yyyy';
    case SlashSeparatedMMDDYYYY = 'slash-separated-mm-dd-yyyy';

    case SlashSeparatedDDMMYYYY = 'slash-separated-dd-mm-yyyy';

    case HyphenSeparatedDDMMYYY = 'hyphen-separated-dd-mm-yyyy';

    case HyphenSeparatedMMDDDYYYY = 'hyphen-separated-mm-dd-yyyy';

    case HyphenSeparatedYYYYMMDD = 'hyphen-separated-yyyy-mm-dd';

    public function toCarbonFormat(): string
    {
        return match ($this->value) {
            self::PointSeparatedDMYYYY->value => 'j.n.Y',
            self::SlashSeparatedMMDDYYYY->value => 'm/d/Y',
            self::SlashSeparatedDDMMYYYY->value => 'd/m/Y',
            self::HyphenSeparatedDDMMYYY->value => 'd-m-Y',
            self::HyphenSeparatedMMDDDYYYY->value => 'm-d-Y',
            self::HyphenSeparatedYYYYMMDD->value => 'Y-m-d',
        };
    }

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        $selectArray = [];
        foreach (self::values() as $value) {
            $selectArray[(string) $value] = (string) __('enum.date_format.'.$value);
        }

        return $selectArray;
    }
}


================================================
FILE: app/Enums/ExportFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Maatwebsite\Excel\Excel;

enum ExportFormat: string
{
    case CSV = 'csv';
    case PDF = 'pdf';
    case XLSX = 'xlsx';
    case ODS = 'ods';

    public function getFileExtension(): string
    {
        return match ($this) {
            self::CSV => 'csv',
            self::PDF => 'pdf',
            self::XLSX => 'xlsx',
            self::ODS => 'ods',
        };
    }

    public function getExportPackageType(): string
    {
        return match ($this) {
            self::CSV => Excel::CSV,
            self::PDF => Excel::MPDF,
            self::XLSX => Excel::XLSX,
            self::ODS => Excel::ODS,
        };
    }
}


================================================
FILE: app/Enums/IntervalFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum IntervalFormat: string
{
    use LaravelEnumHelper;

    case Decimal = 'decimal';
    case HoursMinutes = 'hours-minutes';

    case HoursMinutesColonSeparated = 'hours-minutes-colon-separated';

    case HoursMinutesSecondsColonSeparated = 'hours-minutes-seconds-colon-separated';

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        $selectArray = [];
        foreach (self::values() as $value) {
            $selectArray[(string) $value] = (string) __('enum.interval_format.'.$value);
        }

        return $selectArray;
    }
}


================================================
FILE: app/Enums/NumberFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

/**
 * @info https://en.wikipedia.org/wiki/Decimal_separator
 */
enum NumberFormat: string
{
    use LaravelEnumHelper;

    case ThousandsPointDecimalComma = 'point-comma';

    case ThousandsCommaDecimalPoint = 'comma-point';
    case ThousandsSpaceDecimalComma = 'space-comma';

    case ThousandsSpaceDecimalPoint = 'space-point';

    case ThousandsApostropheDecimalPoint = 'apostrophe-point';

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        $selectArray = [];
        foreach (self::values() as $value) {
            $selectArray[(string) $value] = (string) __('enum.number_format.'.$value);
        }

        return $selectArray;
    }
}


================================================
FILE: app/Enums/Role.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

enum Role: string
{
    case Owner = 'owner';
    case Admin = 'admin';
    case Manager = 'manager';
    case Employee = 'employee';
    case Placeholder = 'placeholder';
}


================================================
FILE: app/Enums/TimeEntryAggregationType.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum TimeEntryAggregationType: string
{
    use LaravelEnumHelper;

    case Day = 'day';
    case Week = 'week';
    case Month = 'month';
    case Year = 'year';
    case User = 'user';
    case Project = 'project';
    case Task = 'task';
    case Client = 'client';
    case Billable = 'billable';
    case Description = 'description';
    case Tag = 'tag';

    public static function fromInterval(TimeEntryAggregationTypeInterval $timeEntryAggregationTypeInterval): TimeEntryAggregationType
    {
        return match ($timeEntryAggregationTypeInterval) {
            TimeEntryAggregationTypeInterval::Day => TimeEntryAggregationType::Day,
            TimeEntryAggregationTypeInterval::Week => TimeEntryAggregationType::Week,
            TimeEntryAggregationTypeInterval::Month => TimeEntryAggregationType::Month,
            TimeEntryAggregationTypeInterval::Year => TimeEntryAggregationType::Year,
        };
    }

    public function toInterval(): ?TimeEntryAggregationTypeInterval
    {
        return match ($this) {
            TimeEntryAggregationType::Day => TimeEntryAggregationTypeInterval::Day,
            TimeEntryAggregationType::Week => TimeEntryAggregationTypeInterval::Week,
            TimeEntryAggregationType::Month => TimeEntryAggregationTypeInterval::Month,
            TimeEntryAggregationType::Year => TimeEntryAggregationTypeInterval::Year,
            default => null
        };
    }
}


================================================
FILE: app/Enums/TimeEntryAggregationTypeInterval.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

enum TimeEntryAggregationTypeInterval: string
{
    case Day = 'day';
    case Week = 'week';
    case Month = 'month';
    case Year = 'year';
}


================================================
FILE: app/Enums/TimeEntryRoundingType.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum TimeEntryRoundingType: string
{
    use LaravelEnumHelper;

    case Up = 'up';
    case Down = 'down';
    case Nearest = 'nearest';
}


================================================
FILE: app/Enums/TimeFormat.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;

enum TimeFormat: string
{
    use LaravelEnumHelper;

    case TwelveHours = '12-hours';
    case TwentyFourHours = '24-hours';

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        $selectArray = [];
        foreach (self::values() as $value) {
            $selectArray[(string) $value] = (string) __('enum.time_format.'.$value);
        }

        return $selectArray;
    }
}


================================================
FILE: app/Enums/Weekday.php
================================================
<?php

declare(strict_types=1);

namespace App\Enums;

use Datomatic\LaravelEnumHelper\LaravelEnumHelper;
use Illuminate\Support\Carbon;

enum Weekday: string
{
    use LaravelEnumHelper;

    case Monday = 'monday';
    case Tuesday = 'tuesday';
    case Wednesday = 'wednesday';
    case Thursday = 'thursday';
    case Friday = 'friday';
    case Saturday = 'saturday';
    case Sunday = 'sunday';

    public function toEndOfWeek(): self
    {
        return match ($this) {
            Weekday::Monday => Weekday::Sunday,
            Weekday::Tuesday => Weekday::Monday,
            Weekday::Wednesday => Weekday::Tuesday,
            Weekday::Thursday => Weekday::Wednesday,
            Weekday::Friday => Weekday::Thursday,
            Weekday::Saturday => Weekday::Friday,
            Weekday::Sunday => Weekday::Saturday,
        };
    }

    public function carbonWeekDay(): int
    {
        return match ($this) {
            Weekday::Monday => Carbon::MONDAY,
            Weekday::Tuesday => Carbon::TUESDAY,
            Weekday::Wednesday => Carbon::WEDNESDAY,
            Weekday::Thursday => Carbon::THURSDAY,
            Weekday::Friday => Carbon::FRIDAY,
            Weekday::Saturday => Carbon::SATURDAY,
            Weekday::Sunday => Carbon::SUNDAY,
        };
    }

    /**
     * @return array<string, string>
     */
    public static function toSelectArray(): array
    {
        return [
            Weekday::Monday->value => __('enum.weekday.'.Weekday::Monday->value),
            Weekday::Tuesday->value => __('enum.weekday.'.Weekday::Tuesday->value),
            Weekday::Wednesday->value => __('enum.weekday.'.Weekday::Wednesday->value),
            Weekday::Thursday->value => __('enum.weekday.'.Weekday::Thursday->value),
            Weekday::Friday->value => __('enum.weekday.'.Weekday::Friday->value),
            Weekday::Saturday->value => __('enum.weekday.'.Weekday::Saturday->value),
            Weekday::Sunday->value => __('enum.weekday.'.Weekday::Sunday->value),
        ];
    }
}


================================================
FILE: app/Events/AfterCreateOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use App\Models\Organization;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;

/**
 * This event is fired after an organization has been created.
 * This event does NOT fire when an organization is created as part of a registration.
 */
class AfterCreateOrganization
{
    use Dispatchable;
    use SerializesModels;

    public Organization $organization;

    public function __construct(Organization $organization)
    {
        $this->organization = $organization;
    }
}


================================================
FILE: app/Events/BeforeOrganizationDeletion.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use App\Models\Organization;
use Illuminate\Foundation\Events\Dispatchable;

class BeforeOrganizationDeletion
{
    use Dispatchable;

    public Organization $organization;

    public function __construct(Organization $organization)
    {
        $this->organization = $organization;
    }
}


================================================
FILE: app/Events/DatabaseSeederAfterSeed.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use Illuminate\Foundation\Events\Dispatchable;

class DatabaseSeederAfterSeed
{
    use Dispatchable;

    public function __construct() {}
}


================================================
FILE: app/Events/DatabaseSeederBeforeDelete.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use Illuminate\Foundation\Events\Dispatchable;

class DatabaseSeederBeforeDelete
{
    use Dispatchable;

    public function __construct() {}
}


================================================
FILE: app/Events/MemberMadeToPlaceholder.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use App\Models\Member;
use App\Models\Organization;
use Illuminate\Foundation\Events\Dispatchable;

class MemberMadeToPlaceholder
{
    use Dispatchable;

    public Organization $organization;

    public Member $member;

    public function __construct(Member $member, Organization $organization)
    {
        $this->member = $member;
        $this->organization = $organization;
    }
}


================================================
FILE: app/Events/MemberRemoved.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use App\Models\Member;
use App\Models\Organization;
use Illuminate\Foundation\Events\Dispatchable;

class MemberRemoved
{
    use Dispatchable;

    public Organization $organization;

    public Member $member;

    public function __construct(Member $member, Organization $organization)
    {
        $this->member = $member;
        $this->organization = $organization;
    }
}


================================================
FILE: app/Events/NewsletterRegistered.php
================================================
<?php

declare(strict_types=1);

namespace App\Events;

use Illuminate\Foundation\Events\Dispatchable;

class NewsletterRegistered
{
    use Dispatchable;

    public string $name;

    public string $email;

    public string $id;

    /**
     * Create a new event instance.
     */
    public function __construct(string $name, string $email, string $id)
    {
        $this->name = $name;
        $this->email = $email;
        $this->id = $id;
    }
}


================================================
FILE: app/Exceptions/Api/ApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

use Exception;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Request;
use LogicException;

abstract class ApiException extends Exception
{
    public const string KEY = 'api_exception';

    public function __construct()
    {
        parent::__construct(static::KEY);
    }

    /**
     * Render the exception into an HTTP response.
     */
    public function render(Request $request): JsonResponse
    {
        return response()
            ->json([
                'error' => true,
                'key' => $this->getKey(),
                'message' => $this->getTranslatedMessage(),
            ], 400);
    }

    /**
     * Get the key for the exception.
     */
    public function getKey(): string
    {
        $key = static::KEY;

        if ($key === ApiException::KEY) {
            throw new LogicException('API exceptions need the KEY constant defined.');
        }

        return $key;
    }

    /**
     * Get the translated message for the exception.
     */
    public function getTranslatedMessage(): string
    {
        return __('exceptions.api.'.$this->getKey());
    }

    /**
     * Report the exception.
     *
     * @return bool true means the exception handler will not report it again
     */
    public function report(): bool
    {
        // TODO: temporary activated
        return false;
    }
}


================================================
FILE: app/Exceptions/Api/CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers extends ApiException
{
    public const string KEY = 'can_not_delete_user_who_is_owner_of_organization_with_multiple_members';
}


================================================
FILE: app/Exceptions/Api/CanNotRemoveOwnerFromOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class CanNotRemoveOwnerFromOrganization extends ApiException
{
    public const string KEY = 'can_not_remove_owner_from_organization';
}


================================================
FILE: app/Exceptions/Api/ChangingRoleOfPlaceholderIsNotAllowed.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class ChangingRoleOfPlaceholderIsNotAllowed extends ApiException
{
    public const string KEY = 'changing_role_of_placeholder_is_not_allowed';
}


================================================
FILE: app/Exceptions/Api/ChangingRoleToPlaceholderIsNotAllowed.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class ChangingRoleToPlaceholderIsNotAllowed extends ApiException
{
    public const string KEY = 'changing_role_to_placeholder_is_not_allowed';
}


================================================
FILE: app/Exceptions/Api/EntityStillInUseApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class EntityStillInUseApiException extends ApiException
{
    private string $modelToDelete;

    private string $modelInUse;

    public function __construct(string $modelToDelete, string $modelInUse)
    {
        parent::__construct();
        $this->modelToDelete = $modelToDelete;
        $this->modelInUse = $modelInUse;
    }

    public const string KEY = 'entity_still_in_use';

    /**
     * Get the translated message for the exception.
     */
    #[\Override]
    public function getTranslatedMessage(): string
    {
        return __('exceptions.api.'.$this->getKey(), [
            'modelToDelete' => __('validation.entities.'.$this->modelToDelete),
            'modelInUse' => __('validation.entities.'.$this->modelInUse),
        ]);
    }
}


================================================
FILE: app/Exceptions/Api/FeatureIsNotAvailableInFreePlanApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class FeatureIsNotAvailableInFreePlanApiException extends ApiException
{
    public const string KEY = 'feature_is_not_available_in_free_plan';
}


================================================
FILE: app/Exceptions/Api/InactiveUserCanNotBeUsedApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class InactiveUserCanNotBeUsedApiException extends ApiException
{
    public const string KEY = 'inactive_user_can_not_be_used';
}


================================================
FILE: app/Exceptions/Api/InvitationForTheEmailAlreadyExistsApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class InvitationForTheEmailAlreadyExistsApiException extends ApiException
{
    public const string KEY = 'invitation_for_the_email_already_exists';
}


================================================
FILE: app/Exceptions/Api/OnlyOwnerCanChangeOwnership.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class OnlyOwnerCanChangeOwnership extends ApiException
{
    public const string KEY = 'only_owner_can_change_ownership';
}


================================================
FILE: app/Exceptions/Api/OnlyPlaceholdersCanBeMergedIntoAnotherMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class OnlyPlaceholdersCanBeMergedIntoAnotherMember extends ApiException
{
    public const string KEY = 'only_placeholders_can_be_merged_into_another_member';
}


================================================
FILE: app/Exceptions/Api/OrganizationHasNoSubscriptionButMultipleMembersException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class OrganizationHasNoSubscriptionButMultipleMembersException extends ApiException
{
    public const string KEY = 'organization_has_no_subscription_but_multiple_members';
}


================================================
FILE: app/Exceptions/Api/OrganizationNeedsAtLeastOneOwner.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class OrganizationNeedsAtLeastOneOwner extends ApiException
{
    public const string KEY = 'organization_needs_at_least_one_owner';
}


================================================
FILE: app/Exceptions/Api/OverlappingTimeEntryApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class OverlappingTimeEntryApiException extends ApiException
{
    public const string KEY = 'overlapping_time_entry';
}


================================================
FILE: app/Exceptions/Api/PdfRendererIsNotConfiguredException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class PdfRendererIsNotConfiguredException extends ApiException
{
    public const string KEY = 'pdf_renderer_is_not_configured';
}


================================================
FILE: app/Exceptions/Api/PersonalAccessClientIsNotConfiguredException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class PersonalAccessClientIsNotConfiguredException extends ApiException
{
    public const string KEY = 'personal_access_client_is_not_configured';
}


================================================
FILE: app/Exceptions/Api/ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException extends ApiException
{
    public const string KEY = 'this_placeholder_can_not_be_invited_use_the_merge_tool_instead_api_exception';
}


================================================
FILE: app/Exceptions/Api/TimeEntryCanNotBeRestartedApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class TimeEntryCanNotBeRestartedApiException extends ApiException
{
    public const string KEY = 'time_entry_can_not_be_restarted';
}


================================================
FILE: app/Exceptions/Api/TimeEntryStillRunningApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class TimeEntryStillRunningApiException extends ApiException
{
    public const string KEY = 'time_entry_still_running';
}


================================================
FILE: app/Exceptions/Api/UserIsAlreadyMemberOfOrganizationApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class UserIsAlreadyMemberOfOrganizationApiException extends ApiException
{
    public const string KEY = 'user_is_already_member_of_organization';
}


================================================
FILE: app/Exceptions/Api/UserIsAlreadyMemberOfProjectApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class UserIsAlreadyMemberOfProjectApiException extends ApiException
{
    public const string KEY = 'user_is_already_member_of_project';
}


================================================
FILE: app/Exceptions/Api/UserNotPlaceholderApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions\Api;

class UserNotPlaceholderApiException extends ApiException
{
    public const string KEY = 'user_not_placeholder';
}


================================================
FILE: app/Exceptions/Handler.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions;

use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
use Illuminate\Http\RedirectResponse;
use Symfony\Component\HttpFoundation\Response;
use Throwable;

class Handler extends ExceptionHandler
{
    /**
     * The list of the inputs that are never flashed to the session on validation exceptions.
     *
     * @var array<int, string>
     */
    protected $dontFlash = [
        'current_password',
        'password',
        'password_confirmation',
    ];

    /**
     * Register the exception handling callbacks for the application.
     */
    public function register(): void
    {
        $this->reportable(function (Throwable $e): void {
            //
        });
    }

    public function render($request, Throwable $e): Response|RedirectResponse
    {
        $response = parent::render($request, $e);

        if ($response->getStatusCode() === 419) {
            return back()->with([
                'message' => 'The page expired, please try again.',
            ]);
        }

        return $response;
    }
}


================================================
FILE: app/Exceptions/MovedToApiException.php
================================================
<?php

declare(strict_types=1);

namespace App\Exceptions;

use Symfony\Component\HttpKernel\Exception\HttpException;

class MovedToApiException extends HttpException
{
    public function __construct()
    {
        parent::__construct(403, 'Moved to API');
    }
}


================================================
FILE: app/Extensions/Auditing/Resolvers/CustomIpAddressResolver.php
================================================
<?php

declare(strict_types=1);

namespace App\Extensions\Auditing\Resolvers;

use Illuminate\Support\Facades\Request;
use OwenIt\Auditing\Contracts\Auditable;
use OwenIt\Auditing\Contracts\Resolver;

class CustomIpAddressResolver implements Resolver
{
    private static function anonymizeIpAddress(string $ipAddress): string
    {
        /** @source https://stackoverflow.com/a/48777412 */
        return preg_replace(
            ['/\.\d*$/', '/[\da-f]*:[\da-f]*$/'],
            ['.0', '0:0'],
            $ipAddress
        );
    }

    public static function resolve(Auditable $auditable): string
    {
        $ip = $auditable->preloadedResolverData['ip_address'] ?? Request::ip();

        if ($ip !== null) {
            $ip = self::anonymizeIpAddress($ip);
        }

        return $ip;
    }
}


================================================
FILE: app/Extensions/Fortify/CustomLoginResponse.php
================================================
<?php

declare(strict_types=1);

namespace App\Extensions\Fortify;

use Illuminate\Http\Request;
use Inertia\Inertia;
use Laravel\Fortify\Http\Responses\LoginResponse;
use Symfony\Component\HttpFoundation\Response;

class CustomLoginResponse extends LoginResponse
{
    /**
     * Create an HTTP response that represents the object.
     *
     * @param  Request  $request
     */
    public function toResponse($request): Response
    {
        $redirectPath = session()->pull('url.intended', route('dashboard', [], false));

        return $request->wantsJson()
            ? response()->json(['two_factor' => false])
            : Inertia::location($redirectPath);
    }
}


================================================
FILE: app/Extensions/Fortify/CustomTwoFactorLoginResponse.php
================================================
<?php

declare(strict_types=1);

namespace App\Extensions\Fortify;

use Illuminate\Http\JsonResponse;
use Illuminate\Http\Request;
use Inertia\Inertia;
use Laravel\Fortify\Contracts\TwoFactorLoginResponse as TwoFactorLoginResponseContract;
use Symfony\Component\HttpFoundation\Response;

class CustomTwoFactorLoginResponse implements TwoFactorLoginResponseContract
{
    /**
     * Create an HTTP response that represents the object.
     *
     * @param  Request  $request
     */
    public function toResponse($request): Response
    {
        $redirectPath = session()->pull('url.intended', route('dashboard', [], false));

        return $request->wantsJson()
            ? new JsonResponse('', 204)
            : Inertia::location($redirectPath);
    }
}


================================================
FILE: app/Extensions/Scramble/ApiExceptionTypeToSchema.php
================================================
<?php

declare(strict_types=1);

namespace App\Extensions\Scramble;

use App\Exceptions\Api\ApiException;
use Dedoc\Scramble\Extensions\ExceptionToResponseExtension;
use Dedoc\Scramble\Support\Generator\Reference;
use Dedoc\Scramble\Support\Generator\Response;
use Dedoc\Scramble\Support\Generator\Schema;
use Dedoc\Scramble\Support\Generator\Types as OpenApiTypes;
use Dedoc\Scramble\Support\Type\ObjectType;
use Dedoc\Scramble\Support\Type\Type;
use Illuminate\Support\Str;

class ApiExceptionTypeToSchema extends ExceptionToResponseExtension
{
    public function shouldHandle(Type $type): bool
    {
        return $type instanceof ObjectType
            && $type->isInstanceOf(ApiException::class);
    }

    public function toResponse(Type $type): Response
    {
        $validationResponseBodyType = (new OpenApiTypes\ObjectType)
            ->addProperty(
                'error',
                (new OpenApiTypes\BooleanType)
                    ->setDescription('Whether the response is an error.')
            )
            ->addProperty(
                'key',
                (new OpenApiTypes\StringType)
                    ->setDescription('Error key.')
            )
            ->addProperty(
                'message',
                (new OpenApiTypes\StringType)
                    ->setDescription('Error message.')
            )
            ->setRequired(['error', 'key', 'message']);

        return Response::make(400)
            ->description('API exception')
            ->setContent(
                'application/json',
                Schema::fromType($validationResponseBodyType)
            );
    }

    public function reference(ObjectType $type): Reference
    {
        return new Reference('responses', Str::start($type->name, '\\'), $this->components);
    }
}


================================================
FILE: app/Extensions/Scramble/PaginatedResourceCollectionTypeToSchema.php
================================================
<?php

declare(strict_types=1);

namespace App\Extensions\Scramble;

use App\Http\Resources\PaginatedResourceCollection;
use App\Http\Resources\V1\TimeEntry\TimeEntryCollection;
use Dedoc\Scramble\Extensions\TypeToSchemaExtension;
use Dedoc\Scramble\Support\Generator\Response;
use Dedoc\Scramble\Support\Generator\Schema;
use Dedoc\Scramble\Support\Generator\Types\ArrayType;
use Dedoc\Scramble\Support\Generator\Types\BooleanType;
use Dedoc\Scramble\Support\Generator\Types\IntegerType;
use Dedoc\Scramble\Support\Generator\Types\ObjectType as OpenApiObjectType;
use Dedoc\Scramble\Support\Generator\Types\StringType;
use Dedoc\Scramble\Support\Type\Generic;
use Dedoc\Scramble\Support\Type\ObjectType;
use Dedoc\Scramble\Support\Type\Type;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Http\Resources\Json\JsonResource;

class PaginatedResourceCollectionTypeToSchema extends TypeToSchemaExtension
{
    public function shouldHandle(Type $type): bool
    {
        return $type instanceof ObjectType
            && $type->isInstanceOf(PaginatedResourceCollection::class);
    }

    public function toSchema(Type $type): ?OpenApiObjectType
    {
        /** @var Type|null $collectingClassType */
        $collectingClassType = $type->templateTypes[0] ?? null;

        if (! $collectingClassType instanceof ObjectType) {
            return null;
        }

        if (! $collectingClassType->isInstanceOf(JsonResource::class) && ! $collectingClassType->isInstanceOf(Model::class)) {
            return null;
        }

        $collectingType = $this->openApiTransformer->transform($collectingClassType);

        $newType = new OpenApiObjectType;
        $newType->addProperty('data', (new ArrayType)->setItems($collectingType));
        if ($type instanceof ObjectType && $type->isInstanceOf(TimeEntryCollection::class)) {
            $newType->addProperty(
                'meta',
                (new OpenApiObjectType)
                    ->addProperty('total', (new IntegerType)->setDescription('Total number of items being paginated.'))
                    ->setRequired(['total'])
            );
            $newType->setRequired(['data', 'meta']);
        } else {
            $newType->addProperty(
                'links',
                (new OpenApiObjectType)
                    ->addProperty('first', (new StringType)->nullable(true))
                    ->addProperty('last', (new StringType)->nullable(true))
                    ->addProperty('prev', (new StringType)->nullable(true))
                    ->addProperty('next', (new StringType)->nullable(true))
                    ->setRequired(['first', 'last', 'prev', 'next'])
            );
            $newType->addProperty(
                'meta',
                (new OpenApiObjectType)
                    ->addProperty('current_page', new IntegerType)
                    ->addProperty('from', (new IntegerType)->nullable(true))
                    ->addProperty('last_page', new IntegerType)
                    ->addProperty('links', (new ArrayType)->setItems(
                        (new OpenApiObjectType)
                            ->addProperty('url', (new StringType)->nullable(true))
                            ->addProperty('label', new StringType)
                            ->addProperty('active', new BooleanType)
                            ->setRequired(['url', 'label', 'active'])
                    )->setDescription('Generated paginator links.'))
                    ->addProperty('path', (new StringType)->nullable(true)->setDescription('Base path for paginator generated URLs.'))
                    ->addProperty('per_page', (new IntegerType)->setDescription('Number of items shown per page.'))
                    ->addProperty('to', (new IntegerType)->nullable(true)->setDescription('Number of the last item in the slice.'))
                    ->addProperty('total', (new IntegerType)->setDescription('Total number of items being paginated.'))
                    ->setRequired(['current_page', 'from', 'last_page', 'links', 'path', 'per_page', 'to', 'total'])
            );
            $newType->setRequired(['data', 'links', 'meta']);
        }

        return $newType;
    }

    /**
     * @param  Generic  $type
     */
    public function toResponse(Type $type): ?Response
    {
        /** @var ObjectType|null $collectingClassType */
        $collectingClassType = $type->templateTypes[0] ?? null;
        if (! $collectingClassType instanceof ObjectType) {
            return null;
        }
        $type = $this->toSchema($type);

        return Response::make(200)
            ->description('Paginated set of `'.$this->components->uniqueSchemaName($collectingClassType->name).'`')
            ->setContent('application/json', Schema::fromType($type));
    }
}


================================================
FILE: app/Filament/Resources/AuditResource/Pages/CreateAudit.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\AuditResource\Pages;

use App\Filament\Resources\AuditResource;
use Filament\Resources\Pages\CreateRecord;

class CreateAudit extends CreateRecord
{
    protected static string $resource = AuditResource::class;
}


================================================
FILE: app/Filament/Resources/AuditResource/Pages/ListAudits.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\AuditResource\Pages;

use App\Filament\Resources\AuditResource;
use Filament\Resources\Pages\ListRecords;

class ListAudits extends ListRecords
{
    protected static string $resource = AuditResource::class;

    protected function getHeaderActions(): array
    {
        return [];
    }
}


================================================
FILE: app/Filament/Resources/AuditResource/Pages/ViewAudit.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\AuditResource\Pages;

use App\Filament\Resources\AuditResource;
use Filament\Resources\Pages\ViewRecord;

class ViewAudit extends ViewRecord
{
    protected static string $resource = AuditResource::class;
}


================================================
FILE: app/Filament/Resources/AuditResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\AuditResource\Pages;
use App\Models\Audit;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Columns\IconColumn;
use Filament\Tables\Table;
use Illuminate\Support\Str;
use Novadaemon\FilamentPrettyJson\Form\PrettyJsonField;

class AuditResource extends Resource
{
    protected static ?string $model = Audit::class;

    protected static ?string $navigationIcon = 'heroicon-o-archive-box';

    protected static ?string $navigationGroup = 'System';

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('user_type')
                    ->maxLength(255),
                Forms\Components\TextInput::make('user_id'),
                Forms\Components\TextInput::make('event')
                    ->required()
                    ->maxLength(255),
                Forms\Components\TextInput::make('auditable_type')
                    ->required()
                    ->maxLength(255),
                Forms\Components\TextInput::make('auditable_id')
                    ->required(),
                PrettyJsonField::make('old_values'),
                PrettyJsonField::make('new_values'),
                Forms\Components\Textarea::make('url'),
                Forms\Components\TextInput::make('ip_address'),
                Forms\Components\TextInput::make('user_agent')
                    ->maxLength(1023),
                Forms\Components\TextInput::make('tags')
                    ->maxLength(255),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('user.name'),
                Tables\Columns\TextColumn::make('event'),
                Tables\Columns\TextColumn::make('auditable_type'),
                Tables\Columns\TextColumn::make('auditable_id'),
                IconColumn::make('was_command')
                    ->getStateUsing(fn (Audit $record) => Str::startsWith($record->url, 'artisan '))
                    ->boolean(),
                Tables\Columns\TextColumn::make('created_at')
                    ->sortable()
                    ->dateTime(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->sortable()
                    ->dateTime(),
            ])
            ->filters([
                //
            ])
            ->actions([
                Tables\Actions\ViewAction::make(),
            ])
            ->bulkActions([
            ])
            ->defaultSort('created_at', 'desc');
    }

    public static function getRelations(): array
    {
        return [
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListAudits::route('/'),
            'create' => Pages\CreateAudit::route('/create'),
            'view' => Pages\ViewAudit::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ClientResource/Pages/CreateClient.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ClientResource\Pages;

use App\Filament\Resources\ClientResource;
use Filament\Resources\Pages\CreateRecord;

class CreateClient extends CreateRecord
{
    protected static string $resource = ClientResource::class;
}


================================================
FILE: app/Filament/Resources/ClientResource/Pages/EditClient.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ClientResource\Pages;

use App\Filament\Resources\ClientResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditClient extends EditRecord
{
    protected static string $resource = ClientResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ClientResource/Pages/ListClients.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ClientResource\Pages;

use App\Filament\Resources\ClientResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListClients extends ListRecords
{
    protected static string $resource = ClientResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ClientResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\ClientResource\Pages;
use App\Models\Client;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;

class ClientResource extends Resource
{
    protected static ?string $model = Client::class;

    protected static ?string $navigationIcon = 'heroicon-o-briefcase';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 4;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->label('Name')
                    ->required(),
                Select::make('organization_id')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->label('Organization')
                    ->searchable(['name'])
                    ->required(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->label('Name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('organization.name')
                    ->sortable()
                    ->label('Organization'),
                Tables\Columns\TextColumn::make('created_at')
                    ->label('Created at')
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->label('Updated at')
                    ->sortable(),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            //
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListClients::route('/'),
            'create' => Pages\CreateClient::route('/create'),
            'edit' => Pages\EditClient::route('/{record}/edit'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/FailedJobResource/Pages/ListFailedJobs.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\FailedJobResource\Pages;

use App\Filament\Resources\FailedJobResource;
use App\Models\FailedJob;
use Filament\Actions\Action;
use Filament\Notifications\Notification;
use Filament\Resources\Pages\ListRecords;
use Illuminate\Support\Facades\Artisan;

class ListFailedJobs extends ListRecords
{
    protected static string $resource = FailedJobResource::class;

    public function getHeaderActions(): array
    {
        return [
            Action::make('retry_all')
                ->icon('heroicon-o-arrow-path')
                ->label('Retry all')
                ->requiresConfirmation()
                ->action(function (): void {
                    Artisan::call('queue:retry all');
                    Notification::make()
                        ->title('All failed jobs have been pushed back onto the queue.')
                        ->success()
                        ->send();
                }),

            Action::make('delete_all')
                ->icon('heroicon-o-trash')
                ->label('Delete all')
                ->requiresConfirmation()
                ->color('danger')
                ->action(function (): void {
                    FailedJob::truncate();
                    Notification::make()
                        ->title('All failed jobs have been removed.')
                        ->success()
                        ->send();
                }),
        ];
    }
}


================================================
FILE: app/Filament/Resources/FailedJobResource/Pages/ViewFailedJobs.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\FailedJobResource\Pages;

use App\Filament\Resources\FailedJobResource;
use Filament\Resources\Pages\ViewRecord;

class ViewFailedJobs extends ViewRecord
{
    protected static string $resource = FailedJobResource::class;
}


================================================
FILE: app/Filament/Resources/FailedJobResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\FailedJobResource\Pages\ListFailedJobs;
use App\Filament\Resources\FailedJobResource\Pages\ViewFailedJobs;
use App\Models\FailedJob;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Notifications\Notification;
use Filament\Resources\Resource;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\BulkAction;
use Filament\Tables\Actions\DeleteAction;
use Filament\Tables\Actions\DeleteBulkAction;
use Filament\Tables\Actions\ViewAction;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Artisan;
use Novadaemon\FilamentPrettyJson\Form\PrettyJsonField;

/**
 * @source https://gitlab.com/amvisor/filament-failed-jobs
 */
class FailedJobResource extends Resource
{
    protected static ?string $model = FailedJob::class;

    protected static ?string $navigationIcon = 'heroicon-o-exclamation-circle';

    protected static ?string $navigationGroup = 'System';

    public static function getNavigationBadge(): ?string
    {
        return (string) FailedJob::query()->count();
    }

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('uuid')->disabled()->columnSpan(4),
                TextInput::make('failed_at')->disabled(),
                TextInput::make('id')->disabled(),
                TextInput::make('connection')->disabled(),
                TextInput::make('queue')->disabled(),

                // make text a little bit smaller because often a complete Stack Trace is shown:
                TextArea::make('exception')->disabled()->columnSpan(4)->extraInputAttributes(['style' => 'font-size: 80%;']),
                PrettyJsonField::make('payload')->disabled()->columnSpan(4),
            ])->columns(4);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->defaultSort('id', 'desc')
            ->columns([
                TextColumn::make('id')->sortable()->searchable()->toggleable(),
                TextColumn::make('failed_at')->sortable()->searchable(false)->toggleable(),
                TextColumn::make('exception')
                    ->sortable()
                    ->searchable()
                    ->toggleable()
                    ->wrap()
                    ->limit(200)
                    ->tooltip(fn (FailedJob $record) => "{$record->failed_at} UUID: {$record->uuid}; Connection: {$record->connection}; Queue: {$record->queue};"),
                TextColumn::make('uuid')->sortable()->searchable()->toggleable(isToggledHiddenByDefault: true),
                TextColumn::make('connection')->sortable()->searchable()->toggleable(isToggledHiddenByDefault: true),
                TextColumn::make('queue')->sortable()->searchable()->toggleable(isToggledHiddenByDefault: true),
            ])
            ->filters([])
            ->bulkActions([
                BulkAction::make('retry')
                    ->icon('heroicon-o-arrow-path')
                    ->label('Retry selected')
                    ->requiresConfirmation()
                    ->action(function (Collection $records): void {
                        /** @var FailedJob $record */
                        foreach ($records as $record) {
                            Artisan::call("queue:retry {$record->uuid}");
                        }
                        Notification::make()
                            ->title("{$records->count()} jobs have been pushed back onto the queue.")
                            ->success()
                            ->send();
                    }),
                DeleteBulkAction::make(),
            ])
            ->actions([
                DeleteAction::make(),
                ViewAction::make(),
                Action::make('retry')
                    ->icon('heroicon-o-arrow-path')
                    ->label('Retry')
                    ->requiresConfirmation()
                    ->action(function (FailedJob $record): void {
                        Artisan::call("queue:retry {$record->uuid}");
                        Notification::make()
                            ->title("The job with uuid '{$record->uuid}' has been pushed back onto the queue.")
                            ->success()
                            ->send();
                    }),
            ]);
    }

    public static function getPages(): array
    {
        return [
            'index' => ListFailedJobs::route('/'),
            'view' => ViewFailedJobs::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationInvitationResource/Pages/EditOrganizationInvitation.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationInvitationResource\Pages;

use App\Filament\Resources\OrganizationInvitationResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditOrganizationInvitation extends EditRecord
{
    protected static string $resource = OrganizationInvitationResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationInvitationResource/Pages/ListOrganizationInvitations.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationInvitationResource\Pages;

use App\Filament\Resources\OrganizationInvitationResource;
use Filament\Resources\Pages\ListRecords;

class ListOrganizationInvitations extends ListRecords
{
    protected static string $resource = OrganizationInvitationResource::class;

    protected function getHeaderActions(): array
    {
        return [
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationInvitationResource/Pages/ViewOrganizationInvitation.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationInvitationResource\Pages;

use App\Filament\Resources\OrganizationInvitationResource;
use Filament\Actions\EditAction;
use Filament\Resources\Pages\ViewRecord;

class ViewOrganizationInvitation extends ViewRecord
{
    protected static string $resource = OrganizationInvitationResource::class;

    protected function getHeaderActions(): array
    {
        return [
            EditAction::make('edit')
                ->icon('heroicon-s-pencil'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationInvitationResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Enums\Role;
use App\Filament\Resources\OrganizationInvitationResource\Pages;
use App\Models\OrganizationInvitation;
use App\Service\OrganizationInvitationService;
use Filament\Forms;
use Filament\Forms\Components\Select;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Table;
use Illuminate\Support\Collection;

class OrganizationInvitationResource extends Resource
{
    protected static ?string $model = OrganizationInvitation::class;

    protected static ?string $label = 'Invitations';

    protected static ?string $navigationIcon = 'heroicon-o-user-plus';

    protected static ?string $navigationGroup = 'Users';

    protected static ?int $navigationSort = 9;

    public static function form(Form $form): Form
    {
        return $form
            ->columns(1)
            ->schema([
                Forms\Components\TextInput::make('email')
                    ->label('Email')
                    ->disabledOn(['edit'])
                    ->required(),
                Select::make('role')
                    ->options(Role::class),
                Forms\Components\Select::make('organization_id')
                    ->label('Organization')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->disabledOn(['edit'])
                    ->required(),
                Forms\Components\DateTimePicker::make('created_at')
                    ->label('Created At')
                    ->hiddenOn(['create'])
                    ->disabled(),
                Forms\Components\DateTimePicker::make('updated_at')
                    ->label('Updated At')
                    ->hiddenOn(['create'])
                    ->disabled(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('organization.name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('email')
                    ->sortable(),
                Tables\Columns\TextColumn::make('role'),
                Tables\Columns\TextColumn::make('created_at')
                    ->label('Created At')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->label('Updated At')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                //
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\BulkAction::make('resend')
                        ->label('Resend')
                        ->action(function (Collection $records): void {
                            foreach ($records as $organizationInvite) {
                                app(OrganizationInvitationService::class)->resend($organizationInvite);
                            }
                        }),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListOrganizationInvitations::route('/'),
            'edit' => Pages\EditOrganizationInvitation::route('/{record}/edit'),
            'view' => Pages\ViewOrganizationInvitation::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/Actions/DeleteOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\Actions;

use App\Exceptions\Api\ApiException;
use App\Models\Organization;
use App\Service\DeletionService;
use Filament\Actions\DeleteAction;
use Throwable;

class DeleteOrganization extends DeleteAction
{
    protected function setUp(): void
    {
        parent::setUp();
        $this->icon('heroicon-m-trash');
        $this->action(function (): void {
            $result = $this->process(function (Organization $record): bool {
                try {
                    $deletionService = app(DeletionService::class);
                    $deletionService->deleteOrganization($record);

                    return true;
                } catch (ApiException $exception) {
                    $this->failureNotificationTitle($exception->getTranslatedMessage());
                    report($exception);
                } catch (Throwable $exception) {
                    $this->failureNotificationTitle(__('exceptions.unknown_error_in_admin_panel'));
                    report($exception);
                }

                return false;
            });

            if (! $result) {
                $this->failure();

                return;
            }

            $this->success();
        });
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/Pages/CreateOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\Pages;

use App\Enums\Role;
use App\Filament\Resources\OrganizationResource;
use App\Models\Organization;
use Filament\Resources\Pages\CreateRecord;

class CreateOrganization extends CreateRecord
{
    protected static string $resource = OrganizationResource::class;

    protected function mutateFormDataBeforeCreate(array $data): array
    {
        $data['personal_team'] = false;

        return $data;
    }

    protected function afterCreate(): void
    {
        /** @var Organization $organization */
        $organization = $this->record;

        $user = $organization->owner;

        $organization->users()->attach(
            $user, [
                'role' => Role::Owner->value,
            ]
        );
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/Pages/EditOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\Pages;

use App\Filament\Resources\OrganizationResource;
use Filament\Resources\Pages\EditRecord;

class EditOrganization extends EditRecord
{
    protected static string $resource = OrganizationResource::class;

    protected function getHeaderActions(): array
    {
        return [
            OrganizationResource\Actions\DeleteOrganization::make(),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/Pages/ListOrganizations.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\Pages;

use App\Filament\Resources\OrganizationResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListOrganizations extends ListRecords
{
    protected static string $resource = OrganizationResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/Pages/ViewOrganization.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\Pages;

use App\Filament\Resources\OrganizationResource;
use Filament\Actions\EditAction;
use Filament\Resources\Pages\ViewRecord;

class ViewOrganization extends ViewRecord
{
    protected static string $resource = OrganizationResource::class;

    protected function getHeaderActions(): array
    {
        return [
            EditAction::make('edit')
                ->icon('heroicon-s-pencil'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/RelationManagers/InvitationsRelationManager.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\RelationManagers;

use App\Enums\Role;
use App\Filament\Resources\OrganizationInvitationResource;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Service\InvitationService;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Validation\Rule;

class InvitationsRelationManager extends RelationManager
{
    protected static string $relationship = 'teamInvitations';

    protected static ?string $title = 'Invitations';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('email')
                    ->label('Email')
                    ->disabledOn(['edit'])
                    ->required(),
                Select::make('role')
                    ->options(Role::class)
                    ->label('Role')
                    ->rules([
                        'required',
                        'string',
                        Rule::enum(Role::class)
                            ->except([Role::Owner, Role::Placeholder]),
                    ])
                    ->required(),
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->recordTitleAttribute('email')
            ->modelLabel('Invitation')
            ->pluralModelLabel('Invitations')
            ->columns([
                Tables\Columns\TextColumn::make('email'),
                Tables\Columns\TextColumn::make('role'),
            ])
            ->headerActions([
                Tables\Actions\CreateAction::make()
                    ->icon('heroicon-s-plus')
                    ->using(function (array $data, string $model): Model {
                        /** @var Organization $ownerRecord */
                        $ownerRecord = $this->getOwnerRecord();

                        return app(InvitationService::class)
                            ->inviteUser($ownerRecord, $data['email'], Role::from($data['role']));
                    }),
            ])
            ->actions([
                Action::make('view')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->url(fn (OrganizationInvitation $record): string => OrganizationInvitationResource::getUrl('view', [
                        'record' => $record->getKey(),
                    ])),
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DetachBulkAction::make(),
                ]),
            ]);
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource/RelationManagers/UsersRelationManager.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\OrganizationResource\RelationManagers;

use App\Enums\Role;
use App\Exceptions\Api\ApiException;
use App\Filament\Resources\UserResource;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use App\Service\BillableRateService;
use App\Service\MemberService;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Notifications\Notification;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Actions\AttachAction;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;
use Illuminate\Validation\Rule;

class UsersRelationManager extends RelationManager
{
    protected static string $relationship = 'users';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Select::make('role')
                    ->options(Role::class),
                TextInput::make('billable_rate')
                    ->label('Billable rate (in Cents)')
                    ->nullable()
                    ->numeric(),
            ]);
    }

    public function table(Table $table): Table
    {
        /** @var Organization $organization */
        $organization = $this->getOwnerRecord();

        return $table
            ->recordTitleAttribute('name')
            ->columns([
                Tables\Columns\TextColumn::make('name'),
                Tables\Columns\TextColumn::make('role'),
                TextColumn::make('billable_rate')
                    ->money($organization->currency, divideBy: 100),
            ])
            ->headerActions([
                Tables\Actions\AttachAction::make()
                    ->recordTitle(fn (User $record): string => "{$record->name} ({$record->email})")
                    ->form(fn (AttachAction $action): array => [
                        $action->getRecordSelect(),
                        Select::make('role')
                            ->required()
                            ->options(Role::class)
                            ->rule([
                                'required',
                                'string',
                                Rule::enum(Role::class)
                                    ->except([Role::Owner, Role::Placeholder]),
                            ]),
                    ])
                    ->label('Add user')
                    ->modalHeading('Add user')
                    ->icon('heroicon-s-plus')
                    ->using(function (User $record, array $data): void {
                        /** @var Organization $organization */
                        $organization = $this->getOwnerRecord();
                        app(MemberService::class)->addMember($record, $organization, Role::from($data['role']), true);
                    }),
            ])
            ->actions([
                Action::make('view')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->url(fn (User $record): string => UserResource::getUrl('view', [
                        'record' => $record->getKey(),
                    ])),
                Tables\Actions\EditAction::make()
                    ->using(function (User $record, array $data): User {
                        /** @var Organization $organization */
                        $organization = $this->getOwnerRecord();
                        /** @var Member $member */
                        $member = $record->getRelation('membership');

                        if ($data['billable_rate'] !== $member->billable_rate) {
                            $member->billable_rate = $data['billable_rate'];
                            app(BillableRateService::class)->updateTimeEntriesBillableRateForMember($member);
                        }

                        if ($data['role'] !== $member->role) {
                            try {
                                app(MemberService::class)->changeRole($member, $organization, Role::from($data['role']), true);
                            } catch (ApiException $exception) {
                                Notification::make()
                                    ->danger()
                                    ->title('Update failed')
                                    ->body($exception->getTranslatedMessage())
                                    ->persistent()
                                    ->send();
                            }
                        }
                        $member->save();

                        return $record;
                    }),
                Tables\Actions\DetachAction::make()
                    ->using(function (User $record): void {
                        /** @var Organization $organization */
                        $organization = $this->getOwnerRecord();
                        $member = Member::query()
                            ->whereBelongsTo($record, 'user')
                            ->whereBelongsTo($organization, 'organization')
                            ->firstOrFail();
                        try {
                            app(MemberService::class)->removeMember($member, $organization);
                        } catch (ApiException $exception) {
                            Notification::make()
                                ->danger()
                                ->title('Delete failed')
                                ->body($exception->getTranslatedMessage())
                                ->persistent()
                                ->send();
                        }
                    }),
            ])
            ->bulkActions([
            ]);
    }
}


================================================
FILE: app/Filament/Resources/OrganizationResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Filament\Resources\OrganizationResource\Pages;
use App\Filament\Resources\OrganizationResource\RelationManagers\InvitationsRelationManager;
use App\Filament\Resources\OrganizationResource\RelationManagers\UsersRelationManager;
use App\Models\Organization;
use App\Service\DeletionService;
use App\Service\Export\ExportService;
use App\Service\Import\Importers\ImporterProvider;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\ReportDto;
use App\Service\Import\ImportService;
use App\Service\TimezoneService;
use Brick\Money\ISOCurrencyProvider;
use Filament\Forms;
use Filament\Forms\Components\Select;
use Filament\Forms\Form;
use Filament\Notifications\Notification;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;
use Illuminate\Support\Facades\Storage;

class OrganizationResource extends Resource
{
    protected static ?string $model = Organization::class;

    protected static ?string $navigationIcon = 'heroicon-o-building-office-2';

    protected static ?string $navigationGroup = 'Users';

    protected static ?int $navigationSort = 7;

    public static function form(Form $form): Form
    {
        return $form
            ->columns(1)
            ->schema([
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                Forms\Components\Toggle::make('personal_team')
                    ->label('Is personal?')
                    ->hiddenOn(['create'])
                    ->required(),
                Forms\Components\Select::make('user_id')
                    ->label('Owner')
                    ->relationship(name: 'owner', titleAttribute: 'email')
                    ->searchable(['name', 'email'])
                    ->disabledOn(['edit'])
                    ->required(),
                Select::make('date_format')
                    ->options(DateFormat::toSelectArray())
                    ->required(),
                Select::make('currency_format')
                    ->options(CurrencyFormat::toSelectArray())
                    ->required(),
                Select::make('interval_format')
                    ->options(IntervalFormat::toSelectArray())
                    ->required(),
                Select::make('number_format')
                    ->options(NumberFormat::toSelectArray())
                    ->required(),
                Select::make('time_format')
                    ->options(TimeFormat::toSelectArray())
                    ->required(),
                Forms\Components\Select::make('currency')
                    ->label('Currency')
                    ->options(function (): array {
                        $currencies = ISOCurrencyProvider::getInstance()->getAvailableCurrencies();
                        $select = [];
                        foreach ($currencies as $currency) {
                            $select[$currency->getCurrencyCode()] = $currency->getName().' ('.$currency->getCurrencyCode().')';
                        }

                        return $select;
                    })
                    ->required()
                    ->searchable(),
                Forms\Components\TextInput::make('billable_rate')
                    ->label('Billable rate (in Cents)')
                    ->nullable()
                    ->rules([
                        'nullable',
                        'integer',
                        'gt:0',
                        'max:2147483647',
                    ])
                    ->numeric(),
                Forms\Components\DateTimePicker::make('created_at')
                    ->label('Created At')
                    ->hiddenOn(['create'])
                    ->disabled(),
                Forms\Components\DateTimePicker::make('updated_at')
                    ->label('Updated At')
                    ->hiddenOn(['create'])
                    ->disabled(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\IconColumn::make('personal_team')
                    ->boolean()
                    ->label('Is personal?')
                    ->sortable(),
                Tables\Columns\TextColumn::make('owner.email')
                    ->sortable(),
                Tables\Columns\TextColumn::make('currency'),
                TextColumn::make('billable_rate')
                    ->money(fn (Organization $resource) => $resource->currency, divideBy: 100),
                Tables\Columns\TextColumn::make('created_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                //
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make()
                    ->using(function (Organization $record): void {
                        app(DeletionService::class)->deleteOrganization($record);
                    }),
                Action::make('Export')
                    ->icon('heroicon-o-arrow-down-tray')
                    ->action(function (Organization $record) {
                        try {
                            $file = app(ExportService::class)->export($record);
                            Notification::make()
                                ->title('Export successful')
                                ->success()
                                ->persistent()
                                ->send();

                            return response()->streamDownload(function () use ($file): void {
                                echo Storage::disk(config('filesystems.private'))->get($file);
                            }, 'export.zip');
                        } catch (\Exception $exception) {
                            report($exception);
                            Notification::make()
                                ->title('Export failed')
                                ->danger()
                                ->body('Message: '.$exception->getMessage())
                                ->persistent()
                                ->send();
                        }
                    }),
                Action::make('Import')
                    ->icon('heroicon-o-inbox-arrow-down')
                    ->action(function (Organization $record, array $data): void {
                        try {
                            $file = Storage::disk(config('filament.default_filesystem_disk'))->get($data['file']);
                            if ($file === null) {
                                throw new \Exception('File not found');
                            }
                            /** @var string $timezone */
                            $timezone = $data['timezone'];
                            /** @var ReportDto $report */
                            $report = app(ImportService::class)->import(
                                $record,
                                $data['type'],
                                $file,
                                $timezone
                            );
                            Notification::make()
                                ->title('Import successful')
                                ->success()
                                ->body(
                                    'Imported time entries: '.$report->timeEntriesCreated.'<br>'.
                                    'Imported clients: '.$report->clientsCreated.'<br>'.
                                    'Imported projects: '.$report->projectsCreated.'<br>'.
                                    'Imported tasks: '.$report->tasksCreated.'<br>'.
                                    'Imported tags: '.$report->tagsCreated.'<br>'.
                                    'Imported users: '.$report->usersCreated
                                )
                                ->persistent()
                                ->send();
                        } catch (ImportException $exception) {
                            report($exception);
                            Notification::make()
                                ->title('Import failed, changes rolled back')
                                ->danger()
                                ->body('Message: '.$exception->getMessage())
                                ->persistent()
                                ->send();
                        }
                    })
                    ->tooltip(fn (Organization $record): string => 'Import into '.$record->name)
                    ->form([
                        Forms\Components\FileUpload::make('file')
                            ->label('File')
                            ->required(),
                        Select::make('type')
                            ->required()
                            ->options(function (): array {
                                $select = [];
                                foreach (app(ImporterProvider::class)->getImporterKeys() as $key) {
                                    $select[$key] = $key;
                                }

                                return $select;
                            }),
                        Forms\Components\Select::make('timezone')
                            ->label('Timezone')
                            ->options(fn (): array => app(TimezoneService::class)->getSelectOptions())
                            ->searchable()
                            ->required(),
                    ]),
            ])
            ->bulkActions([
            ]);
    }

    public static function getRelations(): array
    {
        return [
            UsersRelationManager::class,
            InvitationsRelationManager::class,
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListOrganizations::route('/'),
            'create' => Pages\CreateOrganization::route('/create'),
            'edit' => Pages\EditOrganization::route('/{record}/edit'),
            'view' => Pages\ViewOrganization::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectMemberResource/Pages/CreateProjectMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectMemberResource\Pages;

use App\Filament\Resources\ProjectMemberResource;
use Filament\Resources\Pages\CreateRecord;

class CreateProjectMember extends CreateRecord
{
    protected static string $resource = ProjectMemberResource::class;
}


================================================
FILE: app/Filament/Resources/ProjectMemberResource/Pages/EditProjectMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectMemberResource\Pages;

use App\Filament\Resources\ProjectMemberResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditProjectMember extends EditRecord
{
    protected static string $resource = ProjectMemberResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectMemberResource/Pages/ListProjectMembers.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectMemberResource\Pages;

use App\Filament\Resources\ProjectMemberResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListProjectMembers extends ListRecords
{
    protected static string $resource = ProjectMemberResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectMemberResource/Pages/ViewProjectMembers.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectMemberResource\Pages;

use App\Filament\Resources\ProjectMemberResource;
use Filament\Actions\EditAction;
use Filament\Resources\Pages\ViewRecord;

class ViewProjectMembers extends ViewRecord
{
    protected static string $resource = ProjectMemberResource::class;

    protected function getHeaderActions(): array
    {
        return [
            EditAction::make('edit')
                ->icon('heroicon-s-pencil'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectMemberResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\ProjectMemberResource\Pages;
use App\Models\ProjectMember;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Table;

class ProjectMemberResource extends Resource
{
    protected static ?string $model = ProjectMember::class;

    protected static bool $shouldRegisterNavigation = false;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('billable_rate')
                    ->label('Billable rate (in Cents)')
                    ->nullable()
                    ->rules([
                        'nullable',
                        'integer',
                        'gt:0',
                        'max:2147483647',
                    ])
                    ->numeric(),
                Forms\Components\Select::make('user_id')
                    ->relationship('user', 'name')
                    ->required(),
                Forms\Components\Select::make('member_id')
                    ->relationship('member', 'id')
                    ->required(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('id')
                    ->label('ID'),
                Tables\Columns\TextColumn::make('billable_rate')
                    ->numeric()
                    ->sortable(),
                Tables\Columns\TextColumn::make('project.name'),
                Tables\Columns\TextColumn::make('user.name'),
                Tables\Columns\TextColumn::make('created_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->filters([
                //
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            //
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListProjectMembers::route('/'),
            'create' => Pages\CreateProjectMember::route('/create'),
            'edit' => Pages\EditProjectMember::route('/{record}/edit'),
            'view' => Pages\ViewProjectMembers::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectResource/Pages/CreateProject.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectResource\Pages;

use App\Filament\Resources\ProjectResource;
use Filament\Resources\Pages\CreateRecord;

class CreateProject extends CreateRecord
{
    protected static string $resource = ProjectResource::class;
}


================================================
FILE: app/Filament/Resources/ProjectResource/Pages/EditProject.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectResource\Pages;

use App\Filament\Resources\ProjectResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditProject extends EditRecord
{
    protected static string $resource = ProjectResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectResource/Pages/ListProjects.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectResource\Pages;

use App\Filament\Resources\ProjectResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListProjects extends ListRecords
{
    protected static string $resource = ProjectResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ProjectResource/RelationManagers/ProjectMembersRelationManager.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ProjectResource\RelationManagers;

use App\Filament\Resources\ProjectMemberResource;
use App\Models\ProjectMember;
use Filament\Forms\Form;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Table;

class ProjectMembersRelationManager extends RelationManager
{
    protected static ?string $title = 'Project Members';

    protected static string $relationship = 'members';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->recordTitleAttribute('name')
            ->columns([
                Tables\Columns\TextColumn::make('user.name'),
                Tables\Columns\TextColumn::make('billable_rate')
                    ->numeric()
                    ->sortable(),
            ])
            ->filters([
                //
            ])
            ->headerActions([
            ])
            ->actions([
                Action::make('view')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->url(fn (ProjectMember $record): string => ProjectMemberResource::getUrl('view', [
                        'record' => $record->getKey(),
                    ])),
                Action::make('edit')
                    ->icon('heroicon-o-pencil')
                    ->url(fn (ProjectMember $record): string => ProjectMemberResource::getUrl('edit', [
                        'record' => $record->getKey(),
                    ]))
                    ->openUrlInNewTab(),
            ])
            ->bulkActions([
            ]);
    }
}


================================================
FILE: app/Filament/Resources/ProjectResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\ProjectResource\Pages;
use App\Filament\Resources\ProjectResource\RelationManagers\ProjectMembersRelationManager;
use App\Models\Project;
use Filament\Forms;
use Filament\Forms\Components\ColorPicker;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Columns\ColorColumn;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;

class ProjectResource extends Resource
{
    protected static ?string $model = Project::class;

    protected static ?string $navigationIcon = 'heroicon-o-folder';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 2;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                ColorPicker::make('color')
                    ->label('Color')
                    ->required(),
                Forms\Components\TextInput::make('billable_rate')
                    ->label('Billable rate (in Cents)')
                    ->nullable()
                    ->rules([
                        'nullable',
                        'integer',
                        'gt:0',
                        'max:2147483647',
                    ])
                    ->numeric(),
                Forms\Components\Select::make('organization_id')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->required(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                ColorColumn::make('color'),
                TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                TextColumn::make('organization.name')
                    ->sortable(),
                TextColumn::make('created_at')
                    ->sortable(),
                TextColumn::make('updated_at')
                    ->sortable(),
            ])
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->defaultSort('created_at', 'desc')
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            ProjectMembersRelationManager::make(),
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListProjects::route('/'),
            'create' => Pages\CreateProject::route('/create'),
            'edit' => Pages\EditProject::route('/{record}/edit'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ReportResource/Pages/EditReport.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ReportResource\Pages;

use App\Filament\Resources\ReportResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditReport extends EditRecord
{
    protected static string $resource = ReportResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ReportResource/Pages/ListReports.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ReportResource\Pages;

use App\Filament\Resources\ReportResource;
use Filament\Resources\Pages\ListRecords;

class ListReports extends ListRecords
{
    protected static string $resource = ReportResource::class;

    protected function getHeaderActions(): array
    {
        return [
        ];
    }
}


================================================
FILE: app/Filament/Resources/ReportResource/Pages/ViewReport.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\ReportResource\Pages;

use App\Filament\Resources\ReportResource;
use Filament\Actions\EditAction;
use Filament\Resources\Pages\ViewRecord;

class ViewReport extends ViewRecord
{
    protected static string $resource = ReportResource::class;

    protected function getHeaderActions(): array
    {
        return [
            EditAction::make('edit')
                ->icon('heroicon-s-pencil'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/ReportResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\ReportResource\Pages;
use App\Models\Report;
use App\Service\Dto\ReportPropertiesDto;
use Filament\Forms;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Toggle;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Columns\ToggleColumn;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;
use Novadaemon\FilamentPrettyJson\Form\PrettyJsonField;

class ReportResource extends Resource
{
    protected static ?string $model = Report::class;

    protected static ?string $navigationIcon = 'heroicon-o-document-chart-bar';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 7;

    public static function form(Form $form): Form
    {
        return $form
            ->columns(1)
            ->schema([
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                Forms\Components\TextInput::make('description')
                    ->label('Description')
                    ->nullable()
                    ->maxLength(255),
                Toggle::make('is_public')
                    ->label('Is public?')
                    ->required(),
                DateTimePicker::make('public_until')
                    ->label('Public until')
                    ->nullable(),
                Forms\Components\Select::make('organization_id')
                    ->label('Organization')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->disabled()
                    ->required(),
                Forms\Components\TextInput::make('share_secret')
                    ->label('Share Secret')
                    ->nullable(),
                PrettyJsonField::make('properties')
                    ->formatStateUsing(function (ReportPropertiesDto $state, Report $record): string {
                        return $record->getRawOriginal('properties');
                    })
                    ->disabled(),
                Forms\Components\DateTimePicker::make('created_at')
                    ->label('Created At')
                    ->hiddenOn(['create'])
                    ->disabled(),
                Forms\Components\DateTimePicker::make('updated_at')
                    ->label('Updated At')
                    ->hiddenOn(['create'])
                    ->disabled(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('description')
                    ->searchable()
                    ->sortable(),
                ToggleColumn::make('is_public')
                    ->label('Is public?')
                    ->sortable(),
                TextColumn::make('organization.name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('created_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->actions([
                Action::make('public-view')
                    ->label('Public')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->hidden(fn (Report $record): bool => $record->getShareableLink() === null)
                    ->url(fn (Report $record): string => $record->getShareableLink(), true),
                Tables\Actions\ViewAction::make(),
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
            ]);
    }

    public static function getRelations(): array
    {
        return [
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListReports::route('/'),
            'edit' => Pages\EditReport::route('/{record}/edit'),
            'view' => Pages\ViewReport::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TagResource/Pages/CreateTag.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TagResource\Pages;

use App\Filament\Resources\TagResource;
use Filament\Resources\Pages\CreateRecord;

class CreateTag extends CreateRecord
{
    protected static string $resource = TagResource::class;
}


================================================
FILE: app/Filament/Resources/TagResource/Pages/EditTag.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TagResource\Pages;

use App\Filament\Resources\TagResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditTag extends EditRecord
{
    protected static string $resource = TagResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TagResource/Pages/ListTags.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TagResource\Pages;

use App\Filament\Resources\TagResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListTags extends ListRecords
{
    protected static string $resource = TagResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TagResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\TagResource\Pages;
use App\Models\Tag;
use Filament\Forms;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;

class TagResource extends Resource
{
    protected static ?string $model = Tag::class;

    protected static ?string $navigationIcon = 'heroicon-o-tag';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 5;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('name')
                    ->label('Name')
                    ->required(),
                Forms\Components\Select::make('organization_id')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->label('Organization')
                    ->searchable(['name'])
                    ->required(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->label('Name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('organization.name')
                    ->sortable()
                    ->label('Organization'),
                Tables\Columns\TextColumn::make('created_at')
                    ->label('Created at')
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->label('Updated at')
                    ->sortable(),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            //
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListTags::route('/'),
            'create' => Pages\CreateTag::route('/create'),
            'edit' => Pages\EditTag::route('/{record}/edit'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TaskResource/Pages/CreateTask.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TaskResource\Pages;

use App\Filament\Resources\TaskResource;
use Filament\Resources\Pages\CreateRecord;

class CreateTask extends CreateRecord
{
    protected static string $resource = TaskResource::class;
}


================================================
FILE: app/Filament/Resources/TaskResource/Pages/EditTask.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TaskResource\Pages;

use App\Filament\Resources\TaskResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditTask extends EditRecord
{
    protected static string $resource = TaskResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TaskResource/Pages/ListTasks.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TaskResource\Pages;

use App\Filament\Resources\TaskResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListTasks extends ListRecords
{
    protected static string $resource = TaskResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TaskResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\TaskResource\Pages;
use App\Models\Task;
use Filament\Forms;
use Filament\Forms\Components\Select;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;

class TaskResource extends Resource
{
    protected static ?string $model = Task::class;

    protected static ?string $navigationIcon = 'heroicon-o-list-bullet';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 3;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                Select::make('project_id')
                    ->relationship(name: 'project', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->required(),
                Select::make('organization_id')
                    ->relationship(name: 'organization', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->required(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('project.name')
                    ->sortable(),
                Tables\Columns\TextColumn::make('organization.name')
                    ->sortable(),
                Tables\Columns\TextColumn::make('created_at')
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->sortable(),
            ])
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->defaultSort('created_at', 'desc')
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            //
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListTasks::route('/'),
            'create' => Pages\CreateTask::route('/create'),
            'edit' => Pages\EditTask::route('/{record}/edit'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TimeEntryResource/Pages/CreateTimeEntry.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TimeEntryResource\Pages;

use App\Filament\Resources\TimeEntryResource;
use App\Models\Member;
use Filament\Resources\Pages\CreateRecord;

class CreateTimeEntry extends CreateRecord
{
    protected static string $resource = TimeEntryResource::class;

    /**
     * @param  array<string, mixed>  $data
     * @return array<string, mixed>
     */
    protected function mutateFormDataBeforeCreate(array $data): array
    {
        if (isset($data['member_id'])) {
            /** @var Member|null $member */
            $member = Member::query()->find($data['member_id']);
            if ($member !== null) {
                $data['user_id'] = $member->user_id;
                $data['organization_id'] = $member->organization_id;
            }
        }

        return $data;
    }
}


================================================
FILE: app/Filament/Resources/TimeEntryResource/Pages/EditTimeEntry.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TimeEntryResource\Pages;

use App\Filament\Resources\TimeEntryResource;
use App\Models\Member;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditTimeEntry extends EditRecord
{
    protected static string $resource = TimeEntryResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\DeleteAction::make()
                ->icon('heroicon-m-trash'),
        ];
    }

    /**
     * @param  array<string, mixed>  $data
     * @return array<string, mixed>
     */
    protected function mutateFormDataBeforeSave(array $data): array
    {
        if (isset($data['member_id'])) {
            /** @var Member|null $member */
            $member = Member::query()->find($data['member_id']);
            if ($member !== null) {
                $data['user_id'] = $member->user_id;
                $data['organization_id'] = $member->organization_id;
            }
        }

        return $data;
    }
}


================================================
FILE: app/Filament/Resources/TimeEntryResource/Pages/ListTimeEntries.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TimeEntryResource\Pages;

use App\Filament\Resources\TimeEntryResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListTimeEntries extends ListRecords
{
    protected static string $resource = TimeEntryResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TimeEntryResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\TimeEntryResource\Pages;
use App\Models\Member;
use App\Models\TimeEntry;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Toggle;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Filters\SelectFilter;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;

class TimeEntryResource extends Resource
{
    protected static ?string $model = TimeEntry::class;

    protected static ?string $navigationIcon = 'heroicon-o-clock';

    protected static ?string $navigationGroup = 'Timetracking';

    protected static ?int $navigationSort = 1;

    public static function form(Form $form): Form
    {
        return $form
            ->schema([
                TextInput::make('id')
                    ->label('ID')
                    ->readOnly()
                    ->disabled(),
                TextInput::make('description')
                    ->label('Description')
                    ->required()
                    ->maxLength(255),
                Toggle::make('billable')
                    ->label('Is Billable?')
                    ->required(),
                DateTimePicker::make('start')
                    ->label('Start')
                    ->required(),
                DateTimePicker::make('end')
                    ->label('End')
                    ->nullable()
                    ->rules([
                        'after_or_equal:start',
                    ]),
                Select::make('member_id')
                    ->relationship(
                        name: 'member',
                        titleAttribute: 'id',
                        modifyQueryUsing: fn (Builder $query) => $query->with(['user', 'organization'])
                    )
                    ->getOptionLabelFromRecordUsing(fn (Member $record): string => $record->user->email.' ('.$record->organization->name.')')
                    ->searchable()
                    ->required(),
                Select::make('project_id')
                    ->relationship(name: 'project', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->nullable(),
                Select::make('task_id')
                    ->relationship(name: 'task', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->nullable(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                TextColumn::make('description')
                    ->searchable()
                    ->label('Description'),
                TextColumn::make('user.email')
                    ->label('User'),
                TextColumn::make('project.name')
                    ->label('Project'),
                TextColumn::make('task.name')
                    ->label('Task'),
                TextColumn::make('time')
                    ->getStateUsing(function (TimeEntry $record): string {
                        return ($record->getDuration()?->cascade()?->forHumans() ?? '-').' '.
                            ' ('.$record->start->toDateTimeString('minute').' - '.
                            ($record->end?->toDateTimeString('minute') ?? '...').')';
                    })
                    ->label('Time'),
                Tables\Columns\TextColumn::make('organization.name')
                    ->sortable(),
                Tables\Columns\TextColumn::make('created_at')
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->sortable(),
            ])
            ->filters([
                SelectFilter::make('organization')
                    ->label('Organization')
                    ->relationship('organization', 'name')
                    ->searchable(),
                SelectFilter::make('organization_id')
                    ->label('Organization ID')
                    ->relationship('organization', 'id')
                    ->searchable(),
            ])
            ->defaultSort('created_at', 'desc')
            ->actions([
                Tables\Actions\EditAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\BulkActionGroup::make([
                    Tables\Actions\DeleteBulkAction::make(),
                ]),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            //
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListTimeEntries::route('/'),
            'create' => Pages\CreateTimeEntry::route('/create'),
            'edit' => Pages\EditTimeEntry::route('/{record}/edit'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/TokenResource/Pages/ListTokens.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TokenResource\Pages;

use App\Filament\Resources\TokenResource;
use Filament\Resources\Pages\ListRecords;

class ListTokens extends ListRecords
{
    protected static string $resource = TokenResource::class;

    protected function getHeaderActions(): array
    {
        return [
        ];
    }
}


================================================
FILE: app/Filament/Resources/TokenResource/Pages/ViewToken.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\TokenResource\Pages;

use App\Filament\Resources\TokenResource;
use Filament\Resources\Pages\ViewRecord;

class ViewToken extends ViewRecord
{
    protected static string $resource = TokenResource::class;

    protected function getHeaderActions(): array
    {
        return [
        ];
    }
}


================================================
FILE: app/Filament/Resources/TokenResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Filament\Resources\TokenResource\Pages;
use App\Models\Passport\Token;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Filters\TernaryFilter;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;

class TokenResource extends Resource
{
    protected static ?string $model = Token::class;

    protected static ?string $navigationIcon = 'heroicon-o-key';

    protected static ?string $navigationGroup = 'Auth';

    protected static ?int $navigationSort = 6;

    public static function form(Form $form): Form
    {
        return $form
            ->columns(1)
            ->schema([
                Forms\Components\TextInput::make('id')
                    ->label('ID')
                    ->disabled()
                    ->visibleOn(['update', 'show'])
                    ->readOnly()
                    ->maxLength(255),
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                Forms\Components\Select::make('owner_id')
                    ->label('User')
                    ->relationship(name: 'user', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->disabled()
                    ->required(),
                Forms\Components\Select::make('client_id')
                    ->label('Client')
                    ->relationship(name: 'client', titleAttribute: 'name')
                    ->searchable(['name'])
                    ->required(),
                Forms\Components\Toggle::make('revoked')
                    ->label('Revoked')
                    ->required(),
                Forms\Components\DateTimePicker::make('expires_at')
                    ->label('Expires At')
                    ->disabled(),
                Forms\Components\DateTimePicker::make('created_at')
                    ->label('Created At')
                    ->disabled(),
                Forms\Components\DateTimePicker::make('updated_at')
                    ->label('Updated At')
                    ->disabled(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('user.name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('client.name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\IconColumn::make('personal_access_client')
                    ->state(function (Token $token): bool {
                        return in_array('personal_access', $token->client->grant_types ?? [], true);
                    })
                    ->boolean()
                    ->label('API token?'),
                Tables\Columns\IconColumn::make('revoked')
                    ->boolean()
                    ->label('Revoked?')
                    ->sortable(),
                Tables\Columns\TextColumn::make('expires_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('created_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                TernaryFilter::make('is_personal_access_client')
                    ->queries(
                        true: function (Builder $query) {
                            /** @var Builder<Token> $query */
                            return $query->isApiToken();
                        },
                        false: function (Builder $query) {
                            /** @var Builder<Token> $query */
                            return $query->isApiToken(false);
                        },
                        blank: function (Builder $query) {
                            /** @var Builder<Token> $query */
                            return $query;
                        },
                    )
                    ->label('API token?'),
                TernaryFilter::make('revoked')
                    ->label('Revoked?'),
            ])
            ->actions([
                Tables\Actions\ViewAction::make(),
            ])
            ->bulkActions([
            ]);
    }

    public static function getRelations(): array
    {
        return [
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListTokens::route('/'),
            'view' => Pages\ViewToken::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/UserResource/Actions/DeleteUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\Actions;

use App\Exceptions\Api\ApiException;
use App\Models\User;
use App\Service\DeletionService;
use Filament\Actions\DeleteAction;
use Throwable;

class DeleteUser extends DeleteAction
{
    protected function setUp(): void
    {
        parent::setUp();
        $this->icon('heroicon-m-trash');
        $this->action(function (): void {
            $result = $this->process(function (User $record): bool {
                try {
                    $deletionService = app(DeletionService::class);
                    $deletionService->deleteUser($record);

                    return true;
                } catch (ApiException $exception) {
                    $this->failureNotificationTitle($exception->getTranslatedMessage());
                    report($exception);
                } catch (Throwable $exception) {
                    $this->failureNotificationTitle(__('exceptions.unknown_error_in_admin_panel'));
                    report($exception);
                }

                return false;
            });

            if (! $result) {
                $this->failure();

                return;
            }

            $this->success();
        });
    }
}


================================================
FILE: app/Filament/Resources/UserResource/Pages/CreateUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\Pages;

use App\Enums\Weekday;
use App\Filament\Resources\UserResource;
use App\Models\User;
use App\Service\UserService;
use Filament\Resources\Pages\CreateRecord;

class CreateUser extends CreateRecord
{
    protected static string $resource = UserResource::class;

    protected function handleRecordCreation(array $data): User
    {
        $userService = app(UserService::class);
        $user = $userService->createUser(
            $data['name'],
            $data['email'],
            $data['password_create'],
            $data['timezone'],
            Weekday::from($data['week_start']),
            $data['currency'],
            verifyEmail: (bool) $data['is_email_verified']
        );

        return $user;
    }
}


================================================
FILE: app/Filament/Resources/UserResource/Pages/EditUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\Pages;

use App\Filament\Resources\UserResource;
use Filament\Resources\Pages\EditRecord;
use STS\FilamentImpersonate\Pages\Actions\Impersonate;

class EditUser extends EditRecord
{
    protected static string $resource = UserResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Impersonate::make()->record($this->getRecord()),
            UserResource\Actions\DeleteUser::make(),
        ];
    }
}


================================================
FILE: app/Filament/Resources/UserResource/Pages/ListUsers.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\Pages;

use App\Filament\Resources\UserResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListUsers extends ListRecords
{
    protected static string $resource = UserResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Actions\CreateAction::make()
                ->icon('heroicon-s-plus'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/UserResource/Pages/ViewUser.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\Pages;

use App\Filament\Resources\UserResource;
use Filament\Actions\EditAction;
use Filament\Resources\Pages\ViewRecord;
use STS\FilamentImpersonate\Pages\Actions\Impersonate;

class ViewUser extends ViewRecord
{
    protected static string $resource = UserResource::class;

    protected function getHeaderActions(): array
    {
        return [
            Impersonate::make()->record($this->getRecord()),
            EditAction::make('edit')
                ->icon('heroicon-s-pencil'),
        ];
    }
}


================================================
FILE: app/Filament/Resources/UserResource/RelationManagers/OrganizationsRelationManager.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\RelationManagers;

use App\Enums\Role;
use App\Exceptions\Api\ApiException;
use App\Filament\Resources\OrganizationResource;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use App\Service\MemberService;
use Filament\Forms\Components\Select;
use Filament\Forms\Form;
use Filament\Notifications\Notification;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Table;

class OrganizationsRelationManager extends RelationManager
{
    protected static string $relationship = 'organizations';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
                Select::make('role')
                    ->options(Role::class),
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->recordTitleAttribute('name')
            ->columns([
                TextColumn::make('name'),
                TextColumn::make('role'),
                TextColumn::make('membership.billable_rate')
                    ->label('Billable rate')
                    ->money(fn (Organization $resource) => $resource->currency, divideBy: 100),
            ])
            ->headerActions([
            ])
            ->actions([
                Action::make('view')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->url(fn (Organization $record): string => OrganizationResource::getUrl('view', [
                        'record' => $record->getKey(),
                    ])),
                Tables\Actions\EditAction::make()
                    ->using(function (Organization $record, array $data): Organization {
                        /** @var Member $member */
                        $member = $record->getRelation('membership');

                        if ($data['role'] !== $member->role) {
                            try {
                                app(MemberService::class)->changeRole($member, $record, Role::from($data['role']), true);
                            } catch (ApiException $exception) {
                                Notification::make()
                                    ->danger()
                                    ->title('Update failed')
                                    ->body($exception->getTranslatedMessage())
                                    ->persistent()
                                    ->send();
                            }
                        }
                        $member->save();

                        return $record;
                    }),
                Tables\Actions\DetachAction::make()
                    ->using(function (Organization $record): void {
                        /** @var User $user */
                        $user = $this->getOwnerRecord();
                        $member = Member::query()
                            ->whereBelongsTo($user, 'user')
                            ->whereBelongsTo($record, 'organization')
                            ->firstOrFail();
                        try {
                            app(MemberService::class)->removeMember($member, $record);
                        } catch (ApiException $exception) {
                            Notification::make()
                                ->danger()
                                ->title('Delete failed')
                                ->body($exception->getTranslatedMessage())
                                ->persistent()
                                ->send();
                        }
                    }),
            ])
            ->bulkActions([
            ]);
    }
}


================================================
FILE: app/Filament/Resources/UserResource/RelationManagers/OwnedOrganizationsRelationManager.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources\UserResource\RelationManagers;

use App\Filament\Resources\OrganizationResource;
use App\Models\Organization;
use Filament\Forms\Form;
use Filament\Resources\RelationManagers\RelationManager;
use Filament\Tables;
use Filament\Tables\Actions\Action;
use Filament\Tables\Table;

class OwnedOrganizationsRelationManager extends RelationManager
{
    protected static ?string $title = 'Owned Organizations';

    protected static string $relationship = 'ownedTeams';

    public function form(Form $form): Form
    {
        return $form
            ->schema([
            ]);
    }

    public function table(Table $table): Table
    {
        return $table
            ->recordTitleAttribute('name')
            ->columns([
                Tables\Columns\TextColumn::make('name'),
            ])
            ->filters([
                //
            ])
            ->headerActions([
            ])
            ->actions([
                Action::make('view')
                    ->icon('heroicon-o-eye')
                    ->color('gray')
                    ->url(fn (Organization $record): string => OrganizationResource::getUrl('view', [
                        'record' => $record->getKey(),
                    ])),
                Action::make('edit')
                    ->icon('heroicon-o-pencil')
                    ->url(fn (Organization $record): string => OrganizationResource::getUrl('edit', [
                        'record' => $record->getKey(),
                    ]))
                    ->openUrlInNewTab(),
            ])
            ->bulkActions([
            ]);
    }
}


================================================
FILE: app/Filament/Resources/UserResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Resources;

use App\Enums\Weekday;
use App\Exceptions\Api\ApiException;
use App\Filament\Resources\UserResource\Pages;
use App\Filament\Resources\UserResource\RelationManagers\OrganizationsRelationManager;
use App\Filament\Resources\UserResource\RelationManagers\OwnedOrganizationsRelationManager;
use App\Models\User;
use App\Service\DeletionService;
use App\Service\TimezoneService;
use Brick\Money\ISOCurrencyProvider;
use Exception;
use Filament\Forms;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Form;
use Filament\Notifications\Notification;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Filters\TernaryFilter;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Hash;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;
use STS\FilamentImpersonate\Tables\Actions\Impersonate;

class UserResource extends Resource
{
    protected static ?string $model = User::class;

    protected static ?string $navigationIcon = 'heroicon-o-user';

    protected static ?string $navigationGroup = 'Users';

    protected static ?int $navigationSort = 6;

    public static function form(Form $form): Form
    {
        /** @var User|null $record */
        $record = $form->getRecord();

        return $form
            ->columns(1)
            ->schema([
                Forms\Components\TextInput::make('id')
                    ->label('ID')
                    ->disabled()
                    ->visibleOn(['update', 'show'])
                    ->readOnly()
                    ->maxLength(255),
                Forms\Components\TextInput::make('name')
                    ->label('Name')
                    ->required()
                    ->maxLength(255),
                Forms\Components\TextInput::make('email')
                    ->label('Email')
                    ->required()
                    ->rules($record?->is_placeholder ? [] : [
                        UniqueEloquent::make(User::class, 'email')
                            ->ignore($record?->getKey()),
                    ])
                    ->rule([
                        'email',
                    ])
                    ->maxLength(255),
                Forms\Components\Toggle::make('is_placeholder')
                    ->label('Is Placeholder?')
                    ->hiddenOn(['create'])
                    ->disabledOn(['edit']),
                Forms\Components\DateTimePicker::make('email_verified_at')
                    ->label('Email Verified At')
                    ->hiddenOn(['create'])
                    ->nullable(),
                Forms\Components\Toggle::make('is_email_verified')
                    ->label('Email Verified?')
                    ->visibleOn(['create']),
                Forms\Components\Select::make('timezone')
                    ->label('Timezone')
                    ->options(fn (): array => app(TimezoneService::class)->getSelectOptions())
                    ->searchable()
                    ->required(),
                Forms\Components\Select::make('week_start')
                    ->label('Week Start')
                    ->options(Weekday::class)
                    ->required(),
                TextInput::make('password')
                    ->password()
                    ->label('Password')
                    ->dehydrateStateUsing(fn ($state) => Hash::make($state))
                    ->dehydrated(fn ($state) => filled($state))
                    ->hiddenOn(['create'])
                    ->required(fn (string $context): bool => $context === 'create')
                    ->maxLength(255),
                TextInput::make('password_create')
                    ->password()
                    ->label('Password')
                    ->visibleOn(['create'])
                    ->required(fn (string $context): bool => $context === 'create')
                    ->maxLength(255),
                Forms\Components\Select::make('currency')
                    ->label('Currency (Personal Organization)')
                    ->options(function (): array {
                        $currencies = ISOCurrencyProvider::getInstance()->getAvailableCurrencies();
                        $select = [];
                        foreach ($currencies as $currency) {
                            $select[$currency->getCurrencyCode()] = $currency->getName().' ('.$currency->getCurrencyCode().')';
                        }

                        return $select;
                    })
                    ->required()
                    ->visibleOn(['create'])
                    ->searchable(),
                Forms\Components\DateTimePicker::make('created_at')
                    ->label('Created At')
                    ->hiddenOn(['create'])
                    ->disabled(),
                Forms\Components\DateTimePicker::make('updated_at')
                    ->label('Updated At')
                    ->hiddenOn(['create'])
                    ->disabled(),
            ]);
    }

    public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\TextColumn::make('email')
                    ->icon('heroicon-m-envelope')
                    ->searchable()
                    ->sortable(),
                Tables\Columns\IconColumn::make('is_real_user')
                    ->getStateUsing(fn (User $record): bool => ! $record->is_placeholder)
                    ->label('Real user?')
                    ->boolean(),
                Tables\Columns\IconColumn::make('email_verified')
                    ->getStateUsing(fn (User $record): bool => $record->email_verified_at !== null)
                    ->label('Email verified?')
                    ->boolean(),
                Tables\Columns\TextColumn::make('created_at')
                    ->dateTime()
                    ->sortable(),
                Tables\Columns\TextColumn::make('updated_at')
                    ->dateTime()
                    ->sortable()
                    ->toggleable(isToggledHiddenByDefault: true),
            ])
            ->defaultSort('created_at', 'desc')
            ->filters([
                TernaryFilter::make('real_user')
                    ->queries(
                        true: function (Builder $query): Builder {
                            /** @var Builder<User> $query */
                            return $query->where('is_placeholder', '=', false);
                        },
                        false: function (Builder $query): Builder {
                            /** @var Builder<User> $query */
                            return $query->where('is_placeholder', '=', true);
                        },
                        blank: function (Builder $query): Builder {
                            /** @var Builder<User> $query */
                            return $query;
                        },
                    )
                    ->label('Real User?'),
                TernaryFilter::make('email_verified')
                    ->label('Email Verified?')
                    ->attribute('email_verified_at')
                    ->nullable(),
            ])
            ->actions([
                Impersonate::make()->before(function (User $record): void {
                    if ($record->currentTeam === null) {
                        $organization = $record->organizations()->where('personal_team', '=', true)->first();
                        if ($organization === null) {
                            $organization = $record->organizations()->first();
                        }
                        if ($organization === null) {
                            throw new Exception('User has no organization');
                        }
                        $record->currentTeam()->associate($organization);
                        $record->save();
                    }
                }),
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make()
                    ->hidden(fn (User $record) => $record->is(Auth::user()))
                    ->using(function (User $record): void {
                        try {
                            app(DeletionService::class)->deleteUser($record);
                        } catch (ApiException $exception) {
                            Notification::make()
                                ->danger()
                                ->title('Delete failed')
                                ->body($exception->getTranslatedMessage())
                                ->persistent()
                                ->send();
                        }
                    }),
            ])
            ->bulkActions([
                Tables\Actions\BulkAction::make('Resend verification email')
                    ->icon('heroicon-o-paper-airplane')
                    ->action(function (Collection $records): void {
                        foreach ($records as $user) {
                            /** @var User $user */
                            $user->sendEmailVerificationNotification();
                        }
                    }),
            ]);
    }

    public static function getRelations(): array
    {
        return [
            OrganizationsRelationManager::class,
            OwnedOrganizationsRelationManager::class,
        ];
    }

    public static function getPages(): array
    {
        return [
            'index' => Pages\ListUsers::route('/'),
            'create' => Pages\CreateUser::route('/create'),
            'edit' => Pages\EditUser::route('/{record}/edit'),
            'view' => Pages\ViewUser::route('/{record}'),
        ];
    }
}


================================================
FILE: app/Filament/Widgets/ActiveUserOverview.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Widgets;

use App\Models\TimeEntry;
use App\Models\User;
use Filament\Widgets\StatsOverviewWidget as BaseWidget;
use Filament\Widgets\StatsOverviewWidget\Stat;
use Illuminate\Database\Eloquent\Builder;

class ActiveUserOverview extends BaseWidget
{
    protected static ?int $sort = 1;

    protected ?string $heading = 'A Registrations';

    protected function getCards(): array
    {
        $usersCount = User::query()->where('is_placeholder', '=', false)->count();
        $placeholderUserCount = User::query()->where('is_placeholder', '=', true)->count();
        $activeInLastWeek = User::query()
            ->where('is_placeholder', '=', false)
            ->whereHas('timeEntries', function (Builder $query): void {
                /** @var Builder<TimeEntry> $query */
                $query->where('created_at', '>=', now()->subWeek())
                    ->orWhere('updated_at', '>=', now()->subWeek());
            })
            ->count();

        return [
            Stat::make('Total', $usersCount)
                ->color('primary')
                ->description('Total real users'),

            Stat::make('Placeholder', $placeholderUserCount)
                ->color('danger')
                ->description('Placeholder users'),

            Stat::make('Active', $activeInLastWeek)
                ->color('success')
                ->description('Active users in the last seven days'),
        ];
    }
}


================================================
FILE: app/Filament/Widgets/ServerOverview.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Widgets;

use Filament\Widgets\Widget;
use Illuminate\Support\Facades\Cache;

class ServerOverview extends Widget
{
    protected static string $view = 'filament.widgets.server-overview';

    /**
     * @return array<string, mixed>
     */
    protected function getViewData(): array
    {
        /** @var string|null $currentVersion */
        $currentVersion = config('app.version');
        /** @var string|null $build */
        $build = config('app.build');
        $latestVersion = Cache::get('latest_version', null);

        $needsUpdate = false;
        if ($latestVersion !== null && $currentVersion !== null && version_compare($latestVersion, $currentVersion) > 0) {
            $needsUpdate = true;
        }

        return [
            'version' => $currentVersion,
            'build' => $build,
            'environment' => config('app.env'),
            'currentVersion' => $latestVersion,
            'needsUpdate' => $needsUpdate,
        ];
    }
}


================================================
FILE: app/Filament/Widgets/TimeEntriesCreated.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Widgets;

use App\Models\TimeEntry;
use Filament\Widgets\ChartWidget;
use Flowframe\Trend\Trend;
use Flowframe\Trend\TrendValue;

class TimeEntriesCreated extends ChartWidget
{
    protected static ?string $heading = 'Time Entries Created';

    public ?string $filter = 'week';

    protected static ?int $sort = 3;

    protected function getData(): array
    {
        $filter = $this->filter;
        if ($filter === 'week') {
            $start = now()->subWeek();
        } elseif ($filter === 'month') {
            $start = now()->subMonth();
        } elseif ($filter === 'year') {
            $start = now()->subYear();
        } else {
            $start = now()->subWeek();
        }
        $trend = Trend::query(
            TimeEntry::query()->where('is_imported', '=', false)
        )
            ->between(
                start: $start,
                end: now(),
            )
            ->perDay();

        if ($filter === 'week') {
            $trend->perDay();
        } elseif ($filter === 'month') {
            $trend->perDay();
        } elseif ($filter === 'year') {
            $trend->perMonth();
        } else {
            $trend->perDay();
        }

        $data = $trend->count();

        return [
            'datasets' => [
                [
                    'label' => self::$heading,
                    'data' => $data->map(fn (TrendValue $value) => $value->aggregate),
                ],
            ],
            'labels' => $data->map(fn (TrendValue $value) => $value->date),
        ];
    }

    protected function getFilters(): ?array
    {
        return [
            'week' => 'Last week',
            'month' => 'Last month',
            'year' => 'Last year',
        ];
    }

    protected function getType(): string
    {
        return 'line';
    }
}


================================================
FILE: app/Filament/Widgets/TimeEntriesImported.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Widgets;

use App\Models\TimeEntry;
use Filament\Widgets\ChartWidget;
use Flowframe\Trend\Trend;
use Flowframe\Trend\TrendValue;

class TimeEntriesImported extends ChartWidget
{
    protected static ?string $heading = 'Time Entries Imported';

    public ?string $filter = 'week';

    protected static ?int $sort = 4;

    protected function getData(): array
    {
        $filter = $this->filter;
        if ($filter === 'week') {
            $start = now()->subWeek();
        } elseif ($filter === 'month') {
            $start = now()->subMonth();
        } elseif ($filter === 'year') {
            $start = now()->subYear();
        } else {
            $start = now()->subWeek();
        }
        $trend = Trend::query(
            TimeEntry::query()->where('is_imported', '=', true)
        )
            ->between(
                start: $start,
                end: now(),
            )
            ->perDay();

        if ($filter === 'week') {
            $trend->perDay();
        } elseif ($filter === 'month') {
            $trend->perDay();
        } elseif ($filter === 'year') {
            $trend->perMonth();
        } else {
            $trend->perDay();
        }

        $data = $trend->count();

        return [
            'datasets' => [
                [
                    'label' => self::$heading,
                    'data' => $data->map(fn (TrendValue $value) => $value->aggregate),
                ],
            ],
            'labels' => $data->map(fn (TrendValue $value) => $value->date),
        ];
    }

    protected function getFilters(): ?array
    {
        return [
            'week' => 'Last week',
            'month' => 'Last month',
            'year' => 'Last year',
        ];
    }

    protected function getType(): string
    {
        return 'line';
    }
}


================================================
FILE: app/Filament/Widgets/UserRegistrations.php
================================================
<?php

declare(strict_types=1);

namespace App\Filament\Widgets;

use App\Models\User;
use Filament\Widgets\ChartWidget;
use Flowframe\Trend\Trend;
use Flowframe\Trend\TrendValue;

class UserRegistrations extends ChartWidget
{
    protected static ?string $heading = 'User Registrations';

    public ?string $filter = 'week';

    protected static ?int $sort = 2;

    protected function getData(): array
    {
        $filter = $this->filter;
        if ($filter === 'week') {
            $start = now()->subWeek();
        } elseif ($filter === 'month') {
            $start = now()->subMonth();
        } elseif ($filter === 'year') {
            $start = now()->subYear();
        } else {
            $start = now()->subWeek();
        }
        $trend = Trend::query(
            User::query()
                ->where('is_placeholder', '=', false)
        )
            ->between(
                start: $start,
                end: now(),
            )
            ->perDay();

        if ($filter === 'week') {
            $trend->perDay();
        } elseif ($filter === 'month') {
            $trend->perDay();
        } elseif ($filter === 'year') {
            $trend->perMonth();
        } else {
            $trend->perDay();
        }

        $data = $trend->count();

        return [
            'datasets' => [
                [
                    'label' => self::$heading,
                    'data' => $data->map(fn (TrendValue $value) => $value->aggregate),
                ],
            ],
            'labels' => $data->map(fn (TrendValue $value) => $value->date),
        ];
    }

    protected function getFilters(): ?array
    {
        return [
            'week' => 'Last week',
            'month' => 'Last month',
            'year' => 'Last year',
        ];
    }

    protected function getType(): string
    {
        return 'line';
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ApiTokenController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\PersonalAccessClientIsNotConfiguredException;
use App\Http\Requests\V1\ApiToken\ApiTokenStoreRequest;
use App\Http\Resources\V1\ApiToken\ApiTokenCollection;
use App\Http\Resources\V1\ApiToken\ApiTokenWithAccessTokenResource;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Http\JsonResponse;
use Illuminate\Support\Str;

class ApiTokenController extends Controller
{
    /**
     * List all api token of the currently authenticated user
     *
     * This endpoint is independent of organization.
     *
     * @operationId getApiTokens
     *
     * @throws AuthorizationException
     */
    public function index(): ApiTokenCollection
    {
        $user = $this->user();

        $tokens = $user->tokens()
            ->whereHas('client', function (Builder $query): void {
                /** @var Builder<Client> $query */
                $query->whereJsonContains('grant_types', 'personal_access');
            })
            ->orderBy('created_at', 'desc')
            ->get();

        return new ApiTokenCollection($tokens);
    }

    /**
     * Create a new api token for the currently authenticated user
     *
     * The response will contain the access token that can be used to send authenticated API requests.
     * Please note that the access token is only shown in this response and cannot be retrieved later.
     *
     * @operationId createApiToken
     *
     * @throws AuthorizationException|PersonalAccessClientIsNotConfiguredException
     */
    public function store(ApiTokenStoreRequest $request): ApiTokenWithAccessTokenResource
    {
        $user = $this->user();

        try {
            $token = $user->createToken($request->getName(), ['*']);

            /** @var Token $tokenModel */
            $tokenModel = $token->getToken();

            return new ApiTokenWithAccessTokenResource($tokenModel, $token->accessToken);
        } catch (\RuntimeException $exception) {
            report($exception);
            if (Str::contains($exception->getMessage(), ['Personal access client not found'])) {
                throw new PersonalAccessClientIsNotConfiguredException;
            }

            throw $exception;
        }
    }

    /**
     * Revoke an api token
     *
     * @operationId revokeApiToken
     *
     * @throws AuthorizationException
     * @throws PersonalAccessClientIsNotConfiguredException
     */
    public function revoke(Token $apiToken): JsonResponse
    {
        $user = $this->user();

        if ($apiToken->user_id !== $user->getKey()) {
            throw new AuthorizationException('API token does not belong to user');
        }
        if (! ($apiToken->client?->hasGrantType('personal_access') ?? false)) {
            throw new AuthorizationException('API token is not a personal access token');
        }

        $apiToken->revoke();

        return response()->json(null, 204);
    }

    /**
     * Delete an api token
     *
     * @operationId deleteApiToken
     *
     * @throws AuthorizationException|PersonalAccessClientIsNotConfiguredException
     */
    public function destroy(Token $apiToken): JsonResponse
    {
        $user = $this->user();

        if ($apiToken->user_id !== $user->getKey()) {
            throw new AuthorizationException('API token does not belong to user');
        }
        if (! ($apiToken->client?->hasGrantType('personal_access') ?? false)) {
            throw new AuthorizationException('API token is not a personal access token');
        }

        $apiToken->delete();

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ChartController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\Role;
use App\Models\Organization;
use App\Service\DashboardService;
use App\Service\PermissionStore;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;

class ChartController extends Controller
{
    /**
     * Get chart data for the weekly project overview.
     *
     * @throws AuthorizationException
     *
     * @operationId weeklyProjectOverview
     *
     * @response array<int, array{value: int, name: string, color: string}>
     */
    public function weeklyProjectOverview(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $weeklyProjectOverview = $dashboardService->weeklyProjectOverview($user, $organization);

        return response()->json($weeklyProjectOverview);
    }

    /**
     * Get chart data for the latest tasks.
     *
     * @throws AuthorizationException
     *
     * @operationId latestTasks
     *
     * @response array<int, array{task_id: string, name: string, description: string|null, status: bool, time_entry_id: string|null}>
     */
    public function latestTasks(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $latestTasks = $dashboardService->latestTasks($user, $organization);

        return response()->json($latestTasks);
    }

    /**
     * Get chart data for the last seven days.
     *
     * @throws AuthorizationException
     *
     * @operationId lastSevenDays
     *
     * @response array<int, array{ date: string, duration: int, history: array<int> }>
     */
    public function lastSevenDays(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $lastSevenDays = $dashboardService->lastSevenDays($user, $organization);

        return response()->json($lastSevenDays);
    }

    /**
     * Get chart data for the latest team activity.
     *
     * @throws AuthorizationException
     *
     * @operationId latestTeamActivity
     *
     * @response array<int, array{member_id: string, name: string, description: string|null, time_entry_id: string, task_id: string|null, status: bool }>
     */
    public function latestTeamActivity(Organization $organization, DashboardService $dashboardService, PermissionStore $permissionStore): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:all');

        $latestTeamActivity = $dashboardService->latestTeamActivity($organization);

        return response()->json($latestTeamActivity);
    }

    /**
     * Get chart data for daily tracked hours.
     *
     * @throws AuthorizationException
     *
     * @operationId dailyTrackedHours
     *
     * @response array<int, array{date: string, duration: int}>
     */
    public function dailyTrackedHours(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $dailyTrackedHours = $dashboardService->getDailyTrackedHours($user, $organization, 100);

        return response()->json($dailyTrackedHours);
    }

    /**
     * Get chart data for total weekly time.
     *
     * @throws AuthorizationException
     *
     * @operationId totalWeeklyTime
     *
     * @response int
     */
    public function totalWeeklyTime(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $totalWeeklyTime = $dashboardService->totalWeeklyTime($user, $organization);

        return response()->json($totalWeeklyTime);
    }

    /**
     * Get chart data for total weekly billable time.
     *
     * @throws AuthorizationException
     *
     * @operationId totalWeeklyBillableTime
     *
     * @response int
     */
    public function totalWeeklyBillableTime(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $totalWeeklyBillableTime = $dashboardService->totalWeeklyBillableTime($user, $organization);

        return response()->json($totalWeeklyBillableTime);
    }

    /**
     * Get chart data for total weekly billable amount.
     *
     * @throws AuthorizationException
     *
     * @operationId totalWeeklyBillableAmount
     *
     * @response array{value: int, currency: string}
     */
    public function totalWeeklyBillableAmount(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;
        if (! $showBillableRate) {
            throw new AuthorizationException('You do not have permission to view billable rates.');
        }

        $totalWeeklyBillableAmount = $dashboardService->totalWeeklyBillableAmount($user, $organization);

        return response()->json($totalWeeklyBillableAmount);
    }

    /**
     * Get chart data for weekly history.
     *
     * @throws AuthorizationException
     *
     * @operationId weeklyHistory
     *
     * @response array<int, array{date: string, duration: int}>
     */
    public function weeklyHistory(Organization $organization, DashboardService $dashboardService): JsonResponse
    {
        $this->checkPermission($organization, 'charts:view:own');
        $user = $this->user();

        $weeklyHistory = $dashboardService->getWeeklyHistory($user, $organization);

        return response()->json($weeklyHistory);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ClientController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\EntityStillInUseApiException;
use App\Http\Requests\V1\Client\ClientIndexRequest;
use App\Http\Requests\V1\Client\ClientStoreRequest;
use App\Http\Requests\V1\Client\ClientUpdateRequest;
use App\Http\Resources\V1\Client\ClientCollection;
use App\Http\Resources\V1\Client\ClientResource;
use App\Models\Client;
use App\Models\Organization;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Support\Carbon;

class ClientController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Client $client = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($client !== null && $client->organization_id !== $organization->getKey()) {
            throw new AuthorizationException('Tag does not belong to organization');
        }
    }

    /**
     * Get clients
     *
     * @return ClientCollection<ClientResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getClients
     */
    public function index(Organization $organization, ClientIndexRequest $request): ClientCollection
    {
        $this->checkPermission($organization, 'clients:view');
        $canViewAllClients = $this->hasPermission($organization, 'clients:view:all');
        $user = $this->user();

        $clientsQuery = Client::query()
            ->whereBelongsTo($organization, 'organization')
            ->orderBy('created_at', 'desc');

        if (! $canViewAllClients) {
            $clientsQuery->visibleByEmployee($user);
        }

        $filterArchived = $request->getFilterArchived();
        if ($filterArchived === 'true') {
            $clientsQuery->whereNotNull('archived_at');
        } elseif ($filterArchived === 'false') {
            $clientsQuery->whereNull('archived_at');
        }

        $clients = $clientsQuery->paginate(config('app.pagination_per_page_default'));

        return new ClientCollection($clients);
    }

    /**
     * Create client
     *
     * @throws AuthorizationException
     *
     * @operationId createClient
     */
    public function store(Organization $organization, ClientStoreRequest $request): ClientResource
    {
        $this->checkPermission($organization, 'clients:create');

        $client = new Client;
        $client->name = $request->input('name');
        $client->organization()->associate($organization);
        $client->save();

        return new ClientResource($client);
    }

    /**
     * Update client
     *
     * @throws AuthorizationException
     *
     * @operationId updateClient
     */
    public function update(Organization $organization, Client $client, ClientUpdateRequest $request): ClientResource
    {
        $this->checkPermission($organization, 'clients:update', $client);

        $client->name = $request->input('name');
        if ($request->has('is_archived')) {
            $client->archived_at = $request->getIsArchived() ? Carbon::now() : null;
        }
        $client->save();

        return new ClientResource($client);
    }

    /**
     * Delete client
     *
     * @throws AuthorizationException|EntityStillInUseApiException
     *
     * @operationId deleteClient
     */
    public function destroy(Organization $organization, Client $client): JsonResponse
    {
        $this->checkPermission($organization, 'clients:delete', $client);

        if ($client->projects()->exists()) {
            throw new EntityStillInUseApiException('client', 'project');
        }

        $client->delete();

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/Controller.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Models\Organization;
use App\Service\BillingContract;
use App\Service\PermissionStore;
use Illuminate\Auth\Access\AuthorizationException;

class Controller extends \App\Http\Controllers\Controller
{
    public function __construct(
        protected PermissionStore $permissionStore,
    ) {}

    /**
     * @throws AuthorizationException
     */
    protected function checkPermission(Organization $organization, string $permission): void
    {
        if (! $this->permissionStore->has($organization, $permission)) {
            throw new AuthorizationException;
        }
    }

    /**
     * @param  array<string>  $permissions
     *
     * @throws AuthorizationException
     */
    protected function checkAnyPermission(Organization $organization, array $permissions): void
    {
        foreach ($permissions as $permission) {
            if ($this->permissionStore->has($organization, $permission)) {
                return;
            }
        }
        throw new AuthorizationException;
    }

    protected function hasPermission(Organization $organization, string $permission): bool
    {
        return $this->permissionStore->has($organization, $permission);
    }

    protected function canAccessPremiumFeatures(Organization $organization): bool
    {
        return app(BillingContract::class)->hasSubscription($organization) || app(BillingContract::class)->hasTrial($organization);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/CurrencyController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Http\Controllers\Controller;
use App\Service\CurrencyService;
use Brick\Money\Currency;
use Brick\Money\ISOCurrencyProvider;
use Illuminate\Http\JsonResponse;

class CurrencyController extends Controller
{
    /**
     * Get all currencies
     *
     * @response array{code: string, name: string, symbol: string}[]
     *
     * @operationId getCurrencies
     */
    public function index(): JsonResponse
    {
        $currencyService = app(CurrencyService::class);

        $currencies = array_values(array_map(
            fn (Currency $currency): array => [
                'code' => $currency->getCurrencyCode(),
                'name' => $currency->getName(),
                'symbol' => $currencyService->getCurrencySymbol($currency->getCurrencyCode()),
            ],
            ISOCurrencyProvider::getInstance()->getAvailableCurrencies()
        ));

        return response()->json($currencies);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ExportController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Models\Organization;
use App\Service\Export\ExportException;
use App\Service\Export\ExportService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Storage;

class ExportController extends Controller
{
    /**
     * Export data of an organization
     *
     * @throws AuthorizationException
     * @throws ExportException
     *
     * @operationId exportOrganization
     */
    public function export(Organization $organization, ExportService $exportService): JsonResponse
    {
        $this->checkPermission($organization, 'export');

        $filepath = $exportService->export($organization);
        $downloadUrl = Storage::disk(config('filesystems.private'))
            ->temporaryUrl($filepath, Carbon::now()->addMinutes(10));

        return new JsonResponse([
            'success' => true,
            'download_url' => $downloadUrl,
        ], 200);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ImportController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Http\Requests\V1\Import\ImportRequest;
use App\Models\Organization;
use App\Service\Import\Importers\ImporterContract;
use App\Service\Import\Importers\ImporterProvider;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\ImportService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;

class ImportController extends Controller
{
    /**
     * Get information about available importers
     *
     * @operationId getImporters
     *
     * @throws AuthorizationException
     *
     * @response array{data: array<array{ key: string, name: string, description: string }>}
     */
    public function index(Organization $organization, ImporterProvider $importerProvider): JsonResponse
    {
        $this->checkPermission($organization, 'import');

        $importers = $importerProvider->getImporters();

        /** @var array<array{ key: string, name: string, description: string }> $importersResponse */
        $importersResponse = [];

        foreach ($importers as $key => $importerClass) {
            /** @var ImporterContract $importer */
            $importer = new $importerClass;
            $importersResponse[] = [
                'key' => $key,
                'name' => $importer->getName(),
                'description' => $importer->getDescription(),
            ];
        }

        return new JsonResponse([
            'data' => $importersResponse,
        ], 200);
    }

    /**
     * Import data into the organization
     *
     * @throws AuthorizationException
     *
     * @operationId importData
     */
    public function import(Organization $organization, ImportRequest $request, ImportService $importService): JsonResponse
    {
        $this->checkPermission($organization, 'import');

        try {
            $importData = base64_decode($request->input('data'), true);
            if ($importData === false) {
                return new JsonResponse([
                    'message' => 'Invalid base64 encoded data',
                ], 400);
            }

            $timezone = $this->user()->timezone;
            $report = $importService->import(
                $organization,
                $request->input('type'),
                $importData,
                $timezone
            );

            return new JsonResponse([
                /** @var array{
                 *   clients: array{
                 *     created: int,
                 *   },
                 *   projects: array{
                 *     created: int,
                 *   },
                 *   tasks: array{
                 *     created: int,
                 *   },
                 *   time_entries: array{
                 *     created: int,
                 *   },
                 *   tags: array{
                 *     created: int,
                 *   },
                 *   users: array{
                 *     created: int,
                 *   }
                 * } $report Import report */
                'report' => $report->toArray(),
            ], 200);
        } catch (ImportException $exception) {
            report($exception);

            return new JsonResponse([
                'message' => $exception->getMessage(),
            ], 400);
        }
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/InvitationController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\InvitationForTheEmailAlreadyExistsApiException;
use App\Exceptions\Api\UserIsAlreadyMemberOfOrganizationApiException;
use App\Http\Requests\V1\Invitation\InvitationIndexRequest;
use App\Http\Requests\V1\Invitation\InvitationStoreRequest;
use App\Http\Resources\V1\Invitation\InvitationCollection;
use App\Http\Resources\V1\Invitation\InvitationResource;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Service\InvitationService;
use App\Service\OrganizationInvitationService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;

class InvitationController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?OrganizationInvitation $organizationInvitation = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($organizationInvitation !== null && $organizationInvitation->organization_id !== $organization->id) {
            throw new AuthorizationException('Invitation does not belong to organization');
        }
    }

    /**
     * List all invitations of an organization
     *
     * @return InvitationCollection<InvitationResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getInvitations
     */
    public function index(Organization $organization, InvitationIndexRequest $request): InvitationCollection
    {
        $this->checkPermission($organization, 'invitations:view');

        $invitations = $organization->teamInvitations()
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        return InvitationCollection::make($invitations);
    }

    /**
     * Invite a user to the organization
     *
     * @throws AuthorizationException
     * @throws UserIsAlreadyMemberOfOrganizationApiException
     * @throws InvitationForTheEmailAlreadyExistsApiException
     *
     * @operationId invite
     */
    public function store(Organization $organization, InvitationStoreRequest $request, InvitationService $invitationService): JsonResponse
    {
        $this->checkPermission($organization, 'invitations:create');

        $email = $request->getEmail();
        $role = $request->getRole();

        $invitationService->inviteUser($organization, $email, $role);

        return response()->json(null, 204);
    }

    /**
     * Resend email for a pending invitation
     *
     * @throws AuthorizationException
     *
     * @operationId resendInvitationEmail
     */
    public function resend(Organization $organization, OrganizationInvitation $invitation, OrganizationInvitationService $organizationInvitationService): JsonResponse
    {
        $this->checkPermission($organization, 'invitations:resend', $invitation);

        $organizationInvitationService->resend($invitation);

        return response()->json(null, 204);
    }

    /**
     * Remove a pending invitation
     *
     * @throws AuthorizationException
     *
     * @operationId removeInvitation
     */
    public function destroy(Organization $organization, OrganizationInvitation $invitation): JsonResponse
    {
        $this->checkPermission($organization, 'invitations:remove', $invitation);

        $invitation->delete();

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/MemberController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\Role;
use App\Events\MemberMadeToPlaceholder;
use App\Exceptions\Api\CanNotRemoveOwnerFromOrganization;
use App\Exceptions\Api\ChangingRoleOfPlaceholderIsNotAllowed;
use App\Exceptions\Api\ChangingRoleToPlaceholderIsNotAllowed;
use App\Exceptions\Api\EntityStillInUseApiException;
use App\Exceptions\Api\InvitationForTheEmailAlreadyExistsApiException;
use App\Exceptions\Api\OnlyOwnerCanChangeOwnership;
use App\Exceptions\Api\OnlyPlaceholdersCanBeMergedIntoAnotherMember;
use App\Exceptions\Api\OrganizationNeedsAtLeastOneOwner;
use App\Exceptions\Api\ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException;
use App\Exceptions\Api\UserIsAlreadyMemberOfOrganizationApiException;
use App\Exceptions\Api\UserNotPlaceholderApiException;
use App\Http\Requests\V1\Member\MemberDestroyRequest;
use App\Http\Requests\V1\Member\MemberIndexRequest;
use App\Http\Requests\V1\Member\MemberMergeIntoRequest;
use App\Http\Requests\V1\Member\MemberUpdateRequest;
use App\Http\Resources\V1\Member\MemberCollection;
use App\Http\Resources\V1\Member\MemberResource;
use App\Models\Member;
use App\Models\Organization;
use App\Service\BillableRateService;
use App\Service\InvitationService;
use App\Service\MemberService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Str;

class MemberController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Member $member = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($member !== null && $member->organization_id !== $organization->id) {
            throw new AuthorizationException('Member does not belong to organization');
        }
    }

    /**
     * List all members of an organization
     *
     * @return MemberCollection<MemberResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getMembers
     */
    public function index(Organization $organization, MemberIndexRequest $request): MemberCollection
    {
        $this->checkPermission($organization, 'members:view');

        $members = Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->with(['user'])
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        return MemberCollection::make($members);
    }

    /**
     * Update a member of the organization
     *
     * @throws AuthorizationException
     * @throws OrganizationNeedsAtLeastOneOwner
     * @throws OnlyOwnerCanChangeOwnership
     * @throws ChangingRoleToPlaceholderIsNotAllowed
     * @throws ChangingRoleOfPlaceholderIsNotAllowed
     *
     * @operationId updateMember
     */
    public function update(Organization $organization, Member $member, MemberUpdateRequest $request, BillableRateService $billableRateService, MemberService $memberService): JsonResource
    {
        $this->checkPermission($organization, 'members:update', $member);

        if ($request->has('billable_rate') && $member->billable_rate !== $request->getBillableRate()) {
            $member->billable_rate = $request->getBillableRate();

            $billableRateService->updateTimeEntriesBillableRateForMember($member);
        }
        if ($request->has('role') && $member->role !== $request->getRole()->value) {
            $newRole = $request->getRole();
            $allowOwnerChange = $this->hasPermission($organization, 'members:change-ownership');
            $memberService->changeRole($member, $organization, $newRole, $allowOwnerChange);
        }
        $member->save();

        return new MemberResource($member);
    }

    /**
     * Remove a member of the organization.
     *
     * @throws AuthorizationException|EntityStillInUseApiException|CanNotRemoveOwnerFromOrganization
     *
     * @operationId removeMember
     */
    public function destroy(MemberDestroyRequest $request, Organization $organization, Member $member, MemberService $memberService): JsonResponse
    {
        $this->checkPermission($organization, 'members:delete', $member);

        $deleteRelated = $request->getDeleteRelated();

        $memberService->removeMember($member, $organization, $deleteRelated);

        return response()
            ->json(null, 204);
    }

    /**
     * Make a member a placeholder member
     *
     * @throws AuthorizationException|CanNotRemoveOwnerFromOrganization|ChangingRoleOfPlaceholderIsNotAllowed
     *
     * @operationId makePlaceholder
     */
    public function makePlaceholder(Organization $organization, Member $member, MemberService $memberService): JsonResponse
    {
        $this->checkPermission($organization, 'members:make-placeholder', $member);

        if ($member->role === Role::Owner->value) {
            throw new CanNotRemoveOwnerFromOrganization;
        }
        if ($member->role === Role::Placeholder->value) {
            throw new ChangingRoleOfPlaceholderIsNotAllowed;
        }

        $memberService->makeMemberToPlaceholder($member);

        MemberMadeToPlaceholder::dispatch($member, $organization);

        return response()->json(null, 204);
    }

    /**
     * Merge one member into another
     *
     * @throws AuthorizationException
     * @throws OnlyPlaceholdersCanBeMergedIntoAnotherMember
     * @throws \Throwable
     *
     * @operationId mergeMember
     */
    public function mergeInto(Organization $organization, Member $member, MemberMergeIntoRequest $request, MemberService $memberService): JsonResponse
    {
        $this->checkPermission($organization, 'members:merge-into', $member);

        $user = $member->user;
        if ($member->role !== Role::Placeholder->value || ! $user->is_placeholder) {
            throw new OnlyPlaceholdersCanBeMergedIntoAnotherMember;
        }
        $memberTo = Member::findOrFail($request->getMemberId());

        DB::transaction(function () use ($organization, $member, $user, $memberTo, $memberService): void {
            $memberService->assignOrganizationEntitiesToDifferentMember($organization, $member, $memberTo);
            $member->delete();
            $user->delete();
        });

        return response()->json(null, 204);
    }

    /**
     * Invite a placeholder member to become a real member of the organization
     *
     * @throws AuthorizationException
     * @throws UserNotPlaceholderApiException
     * @throws UserIsAlreadyMemberOfOrganizationApiException
     * @throws ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException
     * @throws InvitationForTheEmailAlreadyExistsApiException
     *
     * @operationId invitePlaceholder
     */
    public function invitePlaceholder(Organization $organization, Member $member, InvitationService $invitationService): JsonResponse
    {
        $this->checkPermission($organization, 'members:invite-placeholder', $member);
        $user = $member->user;

        if (! $user->is_placeholder) {
            throw new UserNotPlaceholderApiException;
        }

        if (Str::endsWith($user->email, '@solidtime-import.test')) {
            throw new ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException;
        }

        $invitationService->inviteUser($organization, $user->email, Role::Employee);

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/OrganizationController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\Role;
use App\Http\Requests\V1\Organization\OrganizationUpdateRequest;
use App\Http\Resources\V1\Organization\OrganizationResource;
use App\Models\Organization;
use App\Service\BillableRateService;
use Illuminate\Auth\Access\AuthorizationException;

class OrganizationController extends Controller
{
    /**
     * Get organization
     *
     * @operationId getOrganization
     *
     * @throws AuthorizationException
     */
    public function show(Organization $organization): OrganizationResource
    {
        $this->checkPermission($organization, 'organizations:view');

        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;

        return new OrganizationResource($organization, $showBillableRate);
    }

    /**
     * Update organization
     *
     * @operationId updateOrganization
     *
     * @throws AuthorizationException
     */
    public function update(Organization $organization, OrganizationUpdateRequest $request, BillableRateService $billableRateService): OrganizationResource
    {
        $this->checkPermission($organization, 'organizations:update');

        if ($request->getName() !== null) {
            $organization->name = $request->getName();
        }
        if ($request->getEmployeesCanSeeBillableRates() !== null) {
            $organization->employees_can_see_billable_rates = $request->getEmployeesCanSeeBillableRates();
        }
        if ($request->getEmployeesCanManageTasks() !== null) {
            $organization->employees_can_manage_tasks = $request->getEmployeesCanManageTasks();
        }
        if ($request->getNumberFormat() !== null) {
            $organization->number_format = $request->getNumberFormat();
        }
        if ($request->getCurrencyFormat() !== null) {
            $organization->currency_format = $request->getCurrencyFormat();
        }
        if ($request->getDateFormat() !== null) {
            $organization->date_format = $request->getDateFormat();
        }
        if ($request->getIntervalFormat() !== null) {
            $organization->interval_format = $request->getIntervalFormat();
        }
        if ($request->getTimeFormat() !== null) {
            $organization->time_format = $request->getTimeFormat();
        }
        if ($request->getPreventOverlappingTimeEntries() !== null) {
            $organization->prevent_overlapping_time_entries = $request->getPreventOverlappingTimeEntries();
        }
        $hasBillableRate = $request->has('billable_rate');
        if ($hasBillableRate) {
            $oldBillableRate = $organization->billable_rate;
            $organization->billable_rate = $request->getBillableRate();
        }
        $organization->save();

        if ($hasBillableRate && $oldBillableRate !== $request->getBillableRate()) {
            $billableRateService->updateTimeEntriesBillableRateForOrganization($organization);
        }

        return new OrganizationResource($organization, true);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ProjectController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\Role;
use App\Exceptions\Api\EntityStillInUseApiException;
use App\Http\Requests\V1\Project\ProjectIndexRequest;
use App\Http\Requests\V1\Project\ProjectStoreRequest;
use App\Http\Requests\V1\Project\ProjectUpdateRequest;
use App\Http\Resources\V1\Project\ProjectCollection;
use App\Http\Resources\V1\Project\ProjectResource;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Service\BillableRateService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\DB;

class ProjectController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Project $project = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($project !== null && $project->organization_id !== $organization->id) {
            throw new AuthorizationException('Project does not belong to organization');
        }
    }

    /**
     * Get projects visible to the current user
     *
     * @return ProjectCollection<ProjectResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getProjects
     */
    public function index(Organization $organization, ProjectIndexRequest $request): ProjectCollection
    {
        $this->checkPermission($organization, 'projects:view');
        $canViewAllProjects = $this->hasPermission($organization, 'projects:view:all');
        $user = $this->user();

        $projectsQuery = Project::query()
            ->whereBelongsTo($organization, 'organization');

        if (! $canViewAllProjects) {
            $projectsQuery->visibleByEmployee($user);
        }
        $filterArchived = $request->getFilterArchived();
        if ($filterArchived === 'true') {
            $projectsQuery->whereNotNull('archived_at');
        } elseif ($filterArchived === 'false') {
            $projectsQuery->whereNull('archived_at');
        }

        $projects = $projectsQuery
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;

        return new ProjectCollection($projects, $showBillableRate);
    }

    /**
     * Get project
     *
     * @throws AuthorizationException
     *
     * @operationId getProject
     */
    public function show(Organization $organization, Project $project): JsonResource
    {
        $this->checkPermission($organization, 'projects:view:all', $project);

        // Note: There is currently no need to check if a user is a member of the project,
        // since this is only relevant for users with the role "employee" and they can not access this endpoint.

        $project->load('organization');

        return new ProjectResource($project, true);
    }

    /**
     * Create project
     *
     * @throws AuthorizationException
     *
     * @operationId createProject
     */
    public function store(Organization $organization, ProjectStoreRequest $request): JsonResource
    {
        $this->checkPermission($organization, 'projects:create');
        $project = new Project;
        $project->name = $request->input('name');
        $project->color = $request->input('color');
        $project->is_billable = (bool) $request->input('is_billable');
        $project->billable_rate = $request->getBillableRate();
        $project->client_id = $request->input('client_id');
        $project->is_public = $request->getIsPublic();
        if ($this->canAccessPremiumFeatures($organization) && $request->has('estimated_time')) {
            $project->estimated_time = $request->getEstimatedTime();
        }
        $project->organization()->associate($organization);
        $project->save();

        return new ProjectResource($project, true);
    }

    /**
     * Update project
     *
     * @throws AuthorizationException
     *
     * @operationId updateProject
     */
    public function update(Organization $organization, Project $project, ProjectUpdateRequest $request, BillableRateService $billableRateService): JsonResource
    {
        $this->checkPermission($organization, 'projects:update', $project);
        $project->name = $request->input('name');
        $project->color = $request->input('color');
        $project->is_billable = (bool) $request->input('is_billable');
        if ($request->has('is_archived')) {
            $project->archived_at = $request->getIsArchived() ? Carbon::now() : null;
        }
        if ($request->has('is_public')) {
            $project->is_public = $request->boolean('is_public');
        }
        if ($this->canAccessPremiumFeatures($organization) && $request->has('estimated_time')) {
            $project->estimated_time = $request->getEstimatedTime();
        }
        $oldBillableRate = $project->billable_rate;
        $clientIdChanged = false;
        $project->billable_rate = $request->getBillableRate();
        if ($project->client_id !== $request->input('client_id')) {
            $project->client_id = $request->input('client_id');
            $clientIdChanged = true;
        }
        $project->save();

        if ($oldBillableRate !== $request->getBillableRate()) {
            $billableRateService->updateTimeEntriesBillableRateForProject($project);
        }
        if ($clientIdChanged) {
            TimeEntry::query()
                ->whereBelongsTo($organization, 'organization')
                ->whereBelongsTo($project, 'project')
                ->update(['client_id' => $project->client_id]);
        }

        return new ProjectResource($project, true);
    }

    /**
     * Delete project
     *
     * @throws AuthorizationException|EntityStillInUseApiException
     *
     * @operationId deleteProject
     */
    public function destroy(Organization $organization, Project $project): JsonResponse
    {
        $this->checkPermission($organization, 'projects:delete', $project);

        if ($project->tasks()->exists()) {
            throw new EntityStillInUseApiException('project', 'task');
        }
        if ($project->timeEntries()->exists()) {
            throw new EntityStillInUseApiException('project', 'time_entry');
        }

        DB::transaction(function () use (&$project): void {
            $project->members->each(function (ProjectMember $member): void {
                $member->delete();
            });

            $project->delete();
        });

        return response()
            ->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ProjectMemberController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\InactiveUserCanNotBeUsedApiException;
use App\Exceptions\Api\UserIsAlreadyMemberOfProjectApiException;
use App\Http\Requests\V1\ProjectMember\ProjectMemberIndexRequest;
use App\Http\Requests\V1\ProjectMember\ProjectMemberStoreRequest;
use App\Http\Requests\V1\ProjectMember\ProjectMemberUpdateRequest;
use App\Http\Resources\V1\ProjectMember\ProjectMemberCollection;
use App\Http\Resources\V1\ProjectMember\ProjectMemberResource;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Service\BillableRateService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Resources\Json\JsonResource;

class ProjectMemberController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Project $project = null, ?ProjectMember $projectMember = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($project !== null && $project->organization_id !== $organization->id) {
            throw new AuthorizationException('Project does not belong to organization');
        }
        if ($projectMember !== null && $projectMember->project->organization_id !== $organization->id) {
            throw new AuthorizationException('Project member does not belong to organization');
        }
    }

    /**
     * Get project members for project
     *
     * @return ProjectMemberCollection<ProjectMemberResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getProjectMembers
     */
    public function index(Organization $organization, Project $project, ProjectMemberIndexRequest $request): ProjectMemberCollection
    {
        $this->checkPermission($organization, 'project-members:view', $project);

        $projectMembers = ProjectMember::query()
            ->whereBelongsTo($project, 'project')
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        return new ProjectMemberCollection($projectMembers);
    }

    /**
     * Add project member to project
     *
     * @throws AuthorizationException|InactiveUserCanNotBeUsedApiException|UserIsAlreadyMemberOfProjectApiException
     *
     * @operationId createProjectMember
     */
    public function store(Organization $organization, Project $project, ProjectMemberStoreRequest $request, BillableRateService $billableRateService): JsonResource
    {
        $this->checkPermission($organization, 'project-members:create', $project);

        $member = Member::findOrFail((string) $request->input('member_id'));
        if ($member->user->is_placeholder) {
            throw new InactiveUserCanNotBeUsedApiException;
        }
        if (ProjectMember::whereBelongsTo($project, 'project')->whereBelongsTo($member, 'member')->exists()) {
            throw new UserIsAlreadyMemberOfProjectApiException;
        }

        $projectMember = new ProjectMember;
        $projectMember->billable_rate = $request->getBillableRate();
        $projectMember->member()->associate($member);
        $projectMember->user()->associate($member->user);
        $projectMember->project()->associate($project);
        $projectMember->save();

        if ($request->getBillableRate() !== null) {
            $billableRateService->updateTimeEntriesBillableRateForProjectMember($projectMember);
        }

        return new ProjectMemberResource($projectMember);
    }

    /**
     * Update project member
     *
     * @throws AuthorizationException
     *
     * @operationId updateProjectMember
     */
    public function update(Organization $organization, ProjectMember $projectMember, ProjectMemberUpdateRequest $request, BillableRateService $billableRateService): JsonResource
    {
        $this->checkPermission($organization, 'project-members:update', projectMember: $projectMember);
        $oldBillableRate = $projectMember->billable_rate;
        $projectMember->billable_rate = $request->getBillableRate();
        $projectMember->save();

        if ($oldBillableRate !== $request->getBillableRate()) {
            $billableRateService->updateTimeEntriesBillableRateForProjectMember($projectMember);
        }

        return new ProjectMemberResource($projectMember);
    }

    /**
     * Delete project member
     *
     * @throws AuthorizationException
     *
     * @operationId deleteProjectMember
     */
    public function destroy(Organization $organization, ProjectMember $projectMember, BillableRateService $billableRateService): JsonResponse
    {
        $this->checkPermission($organization, 'project-members:delete', projectMember: $projectMember);

        $hadBillableRate = $projectMember->billable_rate !== null;
        $project = $projectMember->project;
        $member = $projectMember->member;

        $projectMember->delete();

        if ($hadBillableRate) {
            $billableRateService->updateTimeEntriesBillableRateForMember($member);
            $billableRateService->updateTimeEntriesBillableRateForProject($project);
            $billableRateService->updateTimeEntriesBillableRateForOrganization($organization);
        }

        return response()
            ->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/Public/ReportController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1\Public;

use App\Enums\TimeEntryAggregationType;
use App\Http\Controllers\Api\V1\Controller;
use App\Http\Resources\V1\Report\DetailedWithDataReportResource;
use App\Models\Report;
use App\Models\TimeEntry;
use App\Service\Dto\ReportPropertiesDto;
use App\Service\TimeEntryAggregationService;
use App\Service\TimeEntryFilter;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\ModelNotFoundException;
use Illuminate\Http\Request;

class ReportController extends Controller
{
    /**
     * Get report by a share secret
     *
     * This endpoint is public and does not require authentication. The report must be public and not expired.
     * The report is considered expired if the `public_until` field is set and the date is in the past.
     * The report is considered public if the `is_public` field is set to `true`.
     *
     * @operationId getPublicReport
     */
    public function show(Request $request, TimeEntryAggregationService $timeEntryAggregationService): DetailedWithDataReportResource
    {
        $shareSecret = $request->header('X-Api-Key');
        if (! is_string($shareSecret)) {
            throw new ModelNotFoundException;
        }

        $report = Report::query()
            ->with([
                'organization',
            ])
            ->where('share_secret', '=', $shareSecret)
            ->where('is_public', '=', true)
            ->where(function (Builder $builder): void {
                /** @var Builder<Report> $builder */
                $builder->whereNull('public_until')
                    ->orWhere('public_until', '>', now());
            })
            ->firstOrFail();
        /** @var ReportPropertiesDto $properties */
        $properties = $report->properties;

        $timeEntriesQuery = TimeEntry::query()
            ->whereBelongsTo($report->organization, 'organization');

        $filter = new TimeEntryFilter($timeEntriesQuery);
        $filter->addStart($properties->start);
        $filter->addEnd($properties->end);
        $filter->addActive($properties->active);
        $filter->addBillable($properties->billable);
        $filter->addMemberIdsFilter($properties->memberIds?->toArray());
        $filter->addProjectIdsFilter($properties->projectIds?->toArray());
        $filter->addTagIdsFilter($properties->tagIds?->toArray());
        $filter->addTaskIdsFilter($properties->taskIds?->toArray());
        $filter->addClientIdsFilter($properties->clientIds?->toArray());
        $timeEntriesQuery = $filter->get();

        $data = $timeEntryAggregationService->getAggregatedTimeEntriesWithDescriptions(
            $timeEntriesQuery->clone(),
            $report->properties->group,
            $report->properties->subGroup,
            $report->properties->timezone,
            $report->properties->weekStart,
            false,
            $report->properties->start,
            $report->properties->end,
            true,
            $report->properties->roundingType,
            $report->properties->roundingMinutes,
        );
        $historyData = $timeEntryAggregationService->getAggregatedTimeEntriesWithDescriptions(
            $timeEntriesQuery->clone(),
            TimeEntryAggregationType::fromInterval($report->properties->historyGroup),
            null,
            $report->properties->timezone,
            $report->properties->weekStart,
            true,
            $report->properties->start,
            $report->properties->end,
            true,
            $report->properties->roundingType,
            $report->properties->roundingMinutes,
        );

        return new DetailedWithDataReportResource($report, $data, $historyData);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/ReportController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\Weekday;
use App\Http\Requests\V1\Report\ReportIndexRequest;
use App\Http\Requests\V1\Report\ReportStoreRequest;
use App\Http\Requests\V1\Report\ReportUpdateRequest;
use App\Http\Resources\V1\Report\DetailedReportResource;
use App\Http\Resources\V1\Report\ReportCollection;
use App\Http\Resources\V1\Report\ReportResource;
use App\Models\Organization;
use App\Models\Report;
use App\Service\Dto\ReportPropertiesDto;
use App\Service\ReportService;
use App\Service\TimezoneService;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;

class ReportController extends Controller
{
    /**
     * @throws AuthorizationException
     */
    protected function checkPermission(Organization $organization, string $permission, ?Report $report = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($report !== null && $report->organization_id !== $organization->id) {
            throw new AuthorizationException('Report does not belong to organization');
        }
    }

    /**
     * Get reports
     *
     * @return ReportCollection<ReportResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getReports
     */
    public function index(Organization $organization, ReportIndexRequest $request): ReportCollection
    {
        $this->checkPermission($organization, 'reports:view');

        $reports = Report::query()
            ->orderBy('created_at', 'desc')
            ->whereBelongsTo($organization, 'organization')
            ->paginate(config('app.pagination_per_page_default'));

        return new ReportCollection($reports);
    }

    /**
     * Get report
     *
     * @throws AuthorizationException
     *
     * @operationId getReport
     */
    public function show(Organization $organization, Report $report): DetailedReportResource
    {
        $this->checkPermission($organization, 'reports:view', $report);

        return new DetailedReportResource($report);
    }

    /**
     * Create report
     *
     * @throws AuthorizationException
     *
     * @operationId createReport
     */
    public function store(Organization $organization, ReportStoreRequest $request, TimezoneService $timezoneService, ReportService $reportService): DetailedReportResource
    {
        $this->checkPermission($organization, 'reports:create');
        $user = $this->user();

        $report = new Report;
        $report->name = $request->getName();
        $report->description = $request->getDescription();
        $isPublic = $request->getIsPublic();
        $report->is_public = $isPublic;
        $properties = new ReportPropertiesDto;
        $properties->group = $request->getPropertyGroup();
        $properties->subGroup = $request->getPropertySubGroup();
        $properties->historyGroup = $request->getPropertyHistoryGroup();
        $properties->start = $request->getPropertyStart();
        $properties->end = $request->getPropertyEnd();
        $properties->active = $request->getPropertyActive();
        $properties->setMemberIds($request->input('properties.member_ids', null));
        $properties->billable = $request->getPropertyBillable();
        $properties->setClientIds($request->input('properties.client_ids', null));
        $properties->setProjectIds($request->input('properties.project_ids', null));
        $properties->setTagIds($request->input('properties.tag_ids', null));
        $properties->setTaskIds($request->input('properties.task_ids', null));
        $properties->weekStart = $request->has('properties.week_start') ? Weekday::from($request->input('properties.week_start')) : $user->week_start;
        $timezone = $user->timezone;
        if ($request->has('properties.timezone')) {
            if ($timezoneService->isValid($request->input('properties.timezone'))) {
                $timezone = $request->input('properties.timezone');
            }
            if ($timezoneService->mapLegacyTimezone($request->input('properties.timezone')) !== null) {
                $timezone = $timezoneService->mapLegacyTimezone($request->input('properties.timezone'));
            }
        }
        $properties->timezone = $timezone;
        $properties->roundingType = $request->getPropertyRoundingType();
        $properties->roundingMinutes = $request->getPropertyRoundingMinutes();
        $report->properties = $properties;
        if ($isPublic) {
            $report->share_secret = $reportService->generateSecret();
            $report->public_until = $request->getPublicUntil();
        } else {
            $report->share_secret = null;
            $report->public_until = null;
        }
        $report->organization()->associate($organization);
        $report->save();

        return new DetailedReportResource($report);
    }

    /**
     * Update report
     *
     * @throws AuthorizationException
     *
     * @operationId updateReport
     */
    public function update(Organization $organization, Report $report, ReportUpdateRequest $request, ReportService $reportService): DetailedReportResource
    {
        $this->checkPermission($organization, 'reports:update', $report);

        if ($request->has('name')) {
            $report->name = $request->getName();
        }
        if ($request->has('description')) {
            $report->description = $request->getDescription();
        }
        if ($request->has('is_public') && $request->getIsPublic() !== $report->is_public) {
            $isPublic = $request->getIsPublic();
            $report->is_public = $isPublic;
            if ($isPublic) {
                $report->share_secret = $reportService->generateSecret();
                $report->public_until = $request->getPublicUntil();
            } else {
                $report->share_secret = null;
                $report->public_until = null;
            }
        } elseif ($report->is_public && $request->has('public_until')) {
            // Allow updating expiration date on already-public reports
            $report->public_until = $request->getPublicUntil();
        }
        $report->save();

        return new DetailedReportResource($report);
    }

    /**
     * Delete report
     *
     * @throws AuthorizationException
     *
     * @operationId deleteReport
     */
    public function destroy(Organization $organization, Report $report): JsonResponse
    {
        $this->checkPermission($organization, 'reports:delete', $report);

        $report->delete();

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/TagController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\EntityStillInUseApiException;
use App\Http\Requests\V1\Tag\TagIndexRequest;
use App\Http\Requests\V1\Tag\TagStoreRequest;
use App\Http\Requests\V1\Tag\TagUpdateRequest;
use App\Http\Resources\V1\Tag\TagCollection;
use App\Http\Resources\V1\Tag\TagResource;
use App\Models\Organization;
use App\Models\Tag;
use App\Models\TimeEntry;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;

class TagController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Tag $tag = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($tag !== null && $tag->organization_id !== $organization->getKey()) {
            throw new AuthorizationException('Tag does not belong to organization');
        }
    }

    /**
     * Get tags
     *
     * @return TagCollection<TagResource>
     *
     * @operationId getTags
     *
     * @throws AuthorizationException
     */
    public function index(Organization $organization, TagIndexRequest $request): TagCollection
    {
        $this->checkPermission($organization, 'tags:view');

        $tags = Tag::query()
            ->whereBelongsTo($organization, 'organization')
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        return new TagCollection($tags);
    }

    /**
     * Create tag
     *
     * @throws AuthorizationException
     *
     * @operationId createTag
     */
    public function store(Organization $organization, TagStoreRequest $request): TagResource
    {
        $this->checkPermission($organization, 'tags:create');

        $tag = new Tag;
        $tag->name = $request->input('name');
        $tag->organization()->associate($organization);
        $tag->save();

        return new TagResource($tag);
    }

    /**
     * Update tag
     *
     * @throws AuthorizationException
     *
     * @operationId updateTag
     */
    public function update(Organization $organization, Tag $tag, TagUpdateRequest $request): TagResource
    {
        $this->checkPermission($organization, 'tags:update', $tag);

        $tag->name = $request->input('name');
        $tag->save();

        return new TagResource($tag);
    }

    /**
     * Delete tag
     *
     * @throws AuthorizationException|EntityStillInUseApiException
     *
     * @operationId deleteTag
     */
    public function destroy(Organization $organization, Tag $tag): JsonResponse
    {
        $this->checkPermission($organization, 'tags:delete', $tag);

        if (TimeEntry::query()->hasTag($tag)->whereBelongsTo($organization, 'organization')->exists()) {
            throw new EntityStillInUseApiException('tag', 'time_entry');
        }

        $tag->delete();

        return response()->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/TaskController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Exceptions\Api\EntityStillInUseApiException;
use App\Http\Requests\V1\Task\TaskIndexRequest;
use App\Http\Requests\V1\Task\TaskStoreRequest;
use App\Http\Requests\V1\Task\TaskUpdateRequest;
use App\Http\Resources\V1\Task\TaskCollection;
use App\Http\Resources\V1\Task\TaskResource;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Carbon;

class TaskController extends Controller
{
    protected function checkPermission(Organization $organization, string $permission, ?Task $task = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($task !== null && $task->organization_id !== $organization->id) {
            throw new AuthorizationException('Task does not belong to organization');
        }
    }

    /**
     * Check scoped permission and verify user has access to the project
     *
     * @throws AuthorizationException
     */
    private function checkScopedPermissionForProject(Organization $organization, Project $project, string $permission): void
    {
        $this->checkPermission($organization, $permission);

        $user = $this->user();
        $hasAccess = Project::query()
            ->where('id', $project->id)
            ->visibleByEmployee($user)
            ->exists();

        if (! $hasAccess) {
            throw new AuthorizationException('You do not have permission to '.$permission.' in this project.');
        }
    }

    /**
     * Get tasks
     *
     * @return TaskCollection<TaskResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getTasks
     */
    public function index(Organization $organization, TaskIndexRequest $request): TaskCollection
    {
        $this->checkPermission($organization, 'tasks:view');
        $canViewAllTasks = $this->hasPermission($organization, 'tasks:view:all');
        $user = $this->user();

        $projectId = $request->input('project_id');

        $query = Task::query()
            ->whereBelongsTo($organization, 'organization');

        if ($projectId !== null) {
            $query->where('project_id', '=', $projectId);
        }

        if (! $canViewAllTasks) {
            $query->visibleByEmployee($user);
        }
        $doneFilter = $request->getFilterDone();
        if ($doneFilter === 'true') {
            $query->whereNotNull('done_at');
        } elseif ($doneFilter === 'false') {
            $query->whereNull('done_at');
        }

        $tasks = $query
            ->orderBy('created_at', 'desc')
            ->paginate(config('app.pagination_per_page_default'));

        return new TaskCollection($tasks);
    }

    /**
     * Create task
     *
     * @throws AuthorizationException
     *
     * @operationId createTask
     */
    public function store(Organization $organization, TaskStoreRequest $request): JsonResource
    {
        /** @var Project $project */
        $project = Project::query()->findOrFail($request->input('project_id'));

        if ($this->hasPermission($organization, 'tasks:create:all')) {
            $this->checkPermission($organization, 'tasks:create:all');
        } else {
            $this->checkScopedPermissionForProject($organization, $project, 'tasks:create');
        }

        $task = new Task;
        $task->name = $request->input('name');
        $task->project_id = $request->input('project_id');
        if ($this->canAccessPremiumFeatures($organization) && $request->has('estimated_time')) {
            $task->estimated_time = $request->getEstimatedTime();
        }
        $task->organization()->associate($organization);
        $task->save();

        return new TaskResource($task);
    }

    /**
     * Update task
     *
     * @throws AuthorizationException
     *
     * @operationId updateTask
     */
    public function update(Organization $organization, Task $task, TaskUpdateRequest $request): JsonResource
    {
        // Check task belongs to organization
        if ($task->organization_id !== $organization->id) {
            throw new AuthorizationException('Task does not belong to organization');
        }

        if ($this->hasPermission($organization, 'tasks:update:all')) {
            $this->checkPermission($organization, 'tasks:update:all');
        } else {
            $this->checkScopedPermissionForProject($organization, $task->project, 'tasks:update');
        }

        $task->name = $request->input('name');
        if ($this->canAccessPremiumFeatures($organization) && $request->has('estimated_time')) {
            $task->estimated_time = $request->getEstimatedTime();
        }
        if ($request->has('is_done')) {
            $task->done_at = $request->getIsDone() ? Carbon::now() : null;
        }
        $task->save();

        return new TaskResource($task);
    }

    /**
     * Delete task
     *
     * @throws AuthorizationException|EntityStillInUseApiException
     *
     * @operationId deleteTask
     */
    public function destroy(Organization $organization, Task $task): JsonResponse
    {
        // Check task belongs to organization
        if ($task->organization_id !== $organization->id) {
            throw new AuthorizationException('Task does not belong to organization');
        }

        if ($this->hasPermission($organization, 'tasks:delete:all')) {
            $this->checkPermission($organization, 'tasks:delete:all');
        } else {
            $this->checkScopedPermissionForProject($organization, $task->project, 'tasks:delete');
        }

        if ($task->timeEntries()->exists()) {
            throw new EntityStillInUseApiException('task', 'time_entry');
        }

        $task->delete();

        return response()
            ->json(null, 204);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/TimeEntryController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Enums\ExportFormat;
use App\Enums\Role;
use App\Exceptions\Api\FeatureIsNotAvailableInFreePlanApiException;
use App\Exceptions\Api\OverlappingTimeEntryApiException;
use App\Exceptions\Api\PdfRendererIsNotConfiguredException;
use App\Exceptions\Api\TimeEntryCanNotBeRestartedApiException;
use App\Exceptions\Api\TimeEntryStillRunningApiException;
use App\Http\Requests\V1\TimeEntry\TimeEntryAggregateExportRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryAggregateRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryDestroyMultipleRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryIndexExportRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryIndexRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryStoreRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryUpdateMultipleRequest;
use App\Http\Requests\V1\TimeEntry\TimeEntryUpdateRequest;
use App\Http\Resources\V1\TimeEntry\TimeEntryCollection;
use App\Http\Resources\V1\TimeEntry\TimeEntryResource;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Service\LocalizationService;
use App\Service\ReportExport\TimeEntriesDetailedCsvExport;
use App\Service\ReportExport\TimeEntriesDetailedExport;
use App\Service\ReportExport\TimeEntriesReportExport;
use App\Service\TimeEntryAggregationService;
use App\Service\TimeEntryFilter;
use App\Service\TimeEntryService;
use App\Service\TimezoneService;
use Gotenberg\Exceptions\GotenbergApiErrored;
use Gotenberg\Exceptions\NoOutputFileInResponse;
use Gotenberg\Gotenberg;
use Gotenberg\Stream;
use GuzzleHttp\Client;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Http\File;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Carbon;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Blade;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Facades\Storage;
use Maatwebsite\Excel\Facades\Excel;
use Spatie\TemporaryDirectory\TemporaryDirectory;

class TimeEntryController extends Controller
{
    private function assertNoOverlap(Organization $organization, Member $member, \Illuminate\Support\Carbon $start, ?\Illuminate\Support\Carbon $end, ?TimeEntry $exclude = null): void
    {
        if (! $organization->prevent_overlapping_time_entries) {
            return;
        }

        $query = TimeEntry::query()
            ->where('organization_id', $organization->getKey())
            ->where('user_id', $member->user_id)
            ->when($exclude !== null, function (Builder $q) use ($exclude): void {
                $q->where('id', '!=', $exclude->getKey());
            })
            ->where(function (Builder $q) use ($start, $end): void {
                $q->where(function (Builder $q2) use ($start): void {
                    $q2->where('end', '>', $start)
                        ->where('start', '<', $start);
                });

                if ($end !== null) {
                    $q->orWhere(function (Builder $q4) use ($end): void {
                        $q4->where('start', '<', $end)
                            ->where('end', '>', $end);
                    });
                    // Check if the new entry completely surrounds an existing entry
                    $q->orWhere(function (Builder $q6) use ($start, $end): void {
                        $q6->where('start', '>=', $start)
                            ->where('end', '<=', $end);
                    });
                }

            });

        if ($query->exists()) {
            throw new OverlappingTimeEntryApiException;
        }
    }

    protected function checkPermission(Organization $organization, string $permission, ?TimeEntry $timeEntry = null): void
    {
        parent::checkPermission($organization, $permission);
        if ($timeEntry !== null && $timeEntry->organization_id !== $organization->getKey()) {
            throw new AuthorizationException('Time entry does not belong to organization');
        }
    }

    /**
     * Get time entries in organization
     *
     * If you only need time entries for a specific user, you can filter by `user_id`.
     * Users with the permission `time-entries:view:own` can only use this endpoint with their own user ID in the user_id filter.
     *
     * @return TimeEntryCollection<TimeEntryResource>
     *
     * @throws AuthorizationException
     *
     * @operationId getTimeEntries
     */
    public function index(Organization $organization, TimeEntryIndexRequest $request): JsonResource
    {
        /** @var Member|null $member */
        $member = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : null;
        if ($member !== null && $member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:view:own');
        } else {
            $this->checkPermission($organization, 'time-entries:view:all');
        }

        $canAccessPremiumFeatures = $this->canAccessPremiumFeatures($organization);
        $timeEntriesQuery = $this->getTimeEntriesQuery($organization, $request, $member, $canAccessPremiumFeatures);

        $totalCount = $timeEntriesQuery->count();

        $limit = $request->getLimit();
        if ($limit > 1000) {
            $limit = 1000;
        }
        $timeEntriesQuery->limit($limit);
        $timeEntriesQuery->skip($request->getOffset());

        $timeEntries = $timeEntriesQuery->get();

        if ($timeEntries->count() === $limit && $request->getOnlyFullDates()) {
            $user = $this->user();
            $timezone = app(TimezoneService::class)->getTimezoneFromUser($user);
            $lastDate = null;
            /** @var TimeEntry $timeEntry */
            foreach ($timeEntries as $timeEntry) {
                if ($lastDate === null || abs($lastDate->diffInDays($timeEntry->start->toImmutable()->timezone($timezone)->startOfDay())) > 0) {
                    $lastDate = $timeEntry->start->toImmutable()->timezone($timezone)->startOfDay();
                }
            }

            $timeEntries = $timeEntries->filter(function (TimeEntry $timeEntry) use ($lastDate, $timezone): bool {
                return $timeEntry->start->toImmutable()->timezone($timezone)->toDateString() !== $lastDate->toDateString();
            });

            if ($timeEntries->count() === 0) {
                Log::warning('User has has more than '.$limit.' time entries on one date', [
                    'date' => $lastDate->toDateString(),
                    'user_id' => $request->input('user_id'),
                    'auth_user_id' => Auth::id(),
                    'limit' => $limit,
                ]);
                $timeEntries = $timeEntriesQuery
                    ->limit(5000)
                    ->where('start', '>=', $lastDate->copy()->startOfDay()->utc())
                    ->where('start', '<=', $lastDate->copy()->endOfDay()->utc())
                    ->get();
            }
        }

        return (new TimeEntryCollection($timeEntries))
            ->additional([
                'meta' => [
                    'total' => $totalCount,
                ],
            ]);
    }

    /**
     * @return Builder<TimeEntry>
     */
    private function getTimeEntriesQuery(Organization $organization, TimeEntryIndexRequest|TimeEntryIndexExportRequest $request, ?Member $member, bool $canAccessPremiumFeatures): Builder
    {
        $select = TimeEntry::SELECT_COLUMNS;
        $roundingType = $canAccessPremiumFeatures ? $request->getRoundingType() : null;
        $roundingMinutes = $canAccessPremiumFeatures ? $request->getRoundingMinutes() : null;
        if ($roundingType !== null && $roundingMinutes !== null) {
            $select = array_diff($select, ['start', 'end']);
            $select[] = DB::raw(app(TimeEntryService::class)->getStartSelectRawForRounding($roundingType, $roundingMinutes).' as start');
            $select[] = DB::raw(app(TimeEntryService::class)->getEndSelectRawForRounding($roundingType, $roundingMinutes).' as end');
        }
        $timeEntriesQuery = TimeEntry::query()
            ->whereBelongsTo($organization, 'organization')
            ->select($select)
            ->orderBy('start', 'desc');

        $filter = new TimeEntryFilter($timeEntriesQuery);
        $filter->addStartFilter($request->input('start'));
        $filter->addEndFilter($request->input('end'));
        $filter->addActiveFilter($request->input('active'));
        $filter->addMemberIdFilter($member);
        $filter->addMemberIdsFilter($request->input('member_ids'));
        $filter->addProjectIdsFilter($request->input('project_ids'));
        $filter->addTagIdsFilter($request->input('tag_ids'));
        $filter->addTaskIdsFilter($request->input('task_ids'));
        $filter->addClientIdsFilter($request->input('client_ids'));
        $filter->addBillableFilter($request->input('billable'));

        return $filter->get();
    }

    /**
     * Export time entries in organization
     *
     * @throws AuthorizationException|PdfRendererIsNotConfiguredException|FeatureIsNotAvailableInFreePlanApiException
     *
     * @operationId exportTimeEntries
     */
    public function indexExport(Organization $organization, TimeEntryIndexExportRequest $request, TimeEntryAggregationService $timeEntryAggregationService): JsonResponse
    {
        /** @var Member|null $member */
        $member = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : null;
        if ($member !== null && $member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:view:own');
        } else {
            $this->checkPermission($organization, 'time-entries:view:all');
        }
        $canAccessPremiumFeatures = $this->canAccessPremiumFeatures($organization);
        $debug = $request->getDebug();
        $format = $request->getFormatValue();
        if ($format === ExportFormat::PDF && ! $canAccessPremiumFeatures) {
            throw new FeatureIsNotAvailableInFreePlanApiException;
        }
        $user = $this->user();
        $timezone = $user->timezone;
        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;
        $roundingType = $canAccessPremiumFeatures ? $request->getRoundingType() : null;
        $roundingMinutes = $canAccessPremiumFeatures ? $request->getRoundingMinutes() : null;

        $timeEntriesQuery = $this->getTimeEntriesQuery($organization, $request, $member, $canAccessPremiumFeatures);
        $timeEntriesQuery->with([
            'task',
            'client',
            'project',
            'user',
            'tagsRelation',
        ]);
        $filename = 'time-entries-export-'.now()->format('Y-m-d_H-i-s').'.'.$format->getFileExtension();
        $folderPath = 'exports';
        $path = $folderPath.'/'.$filename;
        $localizationService = LocalizationService::forOrganization($organization);
        if ($format === ExportFormat::CSV) {
            $export = new TimeEntriesDetailedCsvExport(config('filesystems.private'), $folderPath, $filename, $timeEntriesQuery, 1000, $timezone);
            $export->export();
        } elseif ($format === ExportFormat::PDF) {
            if (config('services.gotenberg.url') === null && ! $debug) {
                throw new PdfRendererIsNotConfiguredException;
            }
            $viewFile = file_get_contents(resource_path('views/reports/time-entry-index/pdf.blade.php'));
            if ($viewFile === false) {
                throw new \LogicException('View file not found');
            }
            $timeEntriesAggregateQuery = $this->getTimeEntriesAggregateQuery($organization, $request, $member);
            $aggregatedData = $timeEntryAggregationService->getAggregatedTimeEntries(
                $timeEntriesAggregateQuery,
                null,
                null,
                $user->timezone,
                $user->week_start,
                false,
                null,
                null,
                $showBillableRate,
                $roundingType,
                $roundingMinutes,
            );
            $html = Blade::render($viewFile, [
                'timeEntries' => $timeEntriesQuery->get(),
                'aggregatedData' => $aggregatedData,
                'timezone' => $timezone,
                'currency' => $organization->currency,
                'start' => $request->getStart()->timezone($timezone),
                'end' => $request->getEnd()->timezone($timezone),
                'localization' => $localizationService,
                'showBillableRate' => $showBillableRate,
            ]);
            $footerViewFile = file_get_contents(resource_path('views/reports/time-entry-index/pdf-footer.blade.php'));
            if ($footerViewFile === false) {
                throw new \LogicException('View file not found');
            }
            $footerHtml = Blade::render($footerViewFile);
            if ($debug) {
                return response()->json([
                    'html' => $html,
                    'footer_html' => $footerHtml,
                ]);
            }

            $client = new Client([
                'auth' => config('services.gotenberg.basic_auth_username') !== null && config('services.gotenberg.basic_auth_password') !== null ? [
                    config('services.gotenberg.basic_auth_username'),
                    config('services.gotenberg.basic_auth_password'),
                ] : null,
            ]);
            $request = Gotenberg::chromium(config('services.gotenberg.url'))
                ->pdf()
                ->assets(
                    Stream::path(resource_path('pdf/Outfit-VariableFont_wght.ttf'), 'outfit.ttf'),
                )
                ->margins(0.39, 0.78, 0.39, 0.39)
                ->paperSize('8.27', '11.7') // A4
                ->footer(Stream::string('footer', $footerHtml))
                ->html(Stream::string('body', $html));
            $tempFolder = TemporaryDirectory::make();
            $filenameTemp = Gotenberg::save($request, $tempFolder->path(), $client);
            Storage::disk(config('filesystems.private'))
                ->putFileAs($folderPath, new File($tempFolder->path($filenameTemp)), $filename);
        } else {
            Excel::store(
                new TimeEntriesDetailedExport($timeEntriesQuery, $format, $timezone, $localizationService),
                $path,
                config('filesystems.private'),
                $format->getExportPackageType(),
                [
                    'visibility' => 'private',
                ]
            );
        }

        return response()->json([
            'download_url' => Storage::disk(config('filesystems.private'))
                ->temporaryUrl($path, now()->addMinutes(5)),
        ]);
    }

    /**
     * Get aggregated time entries in organization
     *
     * This endpoint allows you to filter time entries and aggregate them by different criteria.
     * The parameters `group` and `sub_group` allow you to group the time entries by different criteria.
     * If the group parameters are all set to `null` or are all missing, the endpoint will aggregate all filtered time entries.
     *
     * @operationId getAggregatedTimeEntries
     *
     * @return array{
     *     data: array{
     *          grouped_type: string|null,
     *          grouped_data: null|array<array{
     *              key: string|null,
     *              seconds: int,
     *              cost: int|null,
     *              grouped_type: string|null,
     *              grouped_data: null|array<array{
     *                  key: string|null,
     *                  seconds: int,
     *                  cost: int|null,
     *                  grouped_type: null,
     *                  grouped_data: null
     *              }>
     *          }>,
     *          seconds: int,
     *          cost: int|null
     *      }
     * }
     *
     * @throws AuthorizationException
     */
    public function aggregate(Organization $organization, TimeEntryAggregateRequest $request, TimeEntryAggregationService $timeEntryAggregationService): array
    {
        /** @var Member|null $member */
        $member = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : null;
        if ($member !== null && $member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:view:own');
        } else {
            $this->checkPermission($organization, 'time-entries:view:all');
        }
        $canAccessPremiumFeatures = $this->canAccessPremiumFeatures($organization);
        $user = $this->user();
        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;

        $group1Type = $request->getGroup();
        $group2Type = $request->getSubGroup();
        $timeEntriesAggregateQuery = $this->getTimeEntriesAggregateQuery($organization, $request, $member);
        $roundingType = $canAccessPremiumFeatures ? $request->getRoundingType() : null;
        $roundingMinutes = $canAccessPremiumFeatures ? $request->getRoundingMinutes() : null;

        $aggregatedData = $timeEntryAggregationService->getAggregatedTimeEntries(
            $timeEntriesAggregateQuery,
            $group1Type,
            $group2Type,
            $user->timezone,
            $user->week_start,
            $request->getFillGapsInTimeGroups(),
            $request->getStart(),
            $request->getEnd(),
            $showBillableRate,
            $roundingType,
            $roundingMinutes
        );

        return [
            'data' => $aggregatedData,
        ];
    }

    /**
     * Export aggregated time entries in organization
     *
     * @operationId exportAggregatedTimeEntries
     *
     * @throws AuthorizationException
     * @throws PdfRendererIsNotConfiguredException
     * @throws GotenbergApiErrored
     * @throws NoOutputFileInResponse
     * @throws FeatureIsNotAvailableInFreePlanApiException
     */
    public function aggregateExport(Organization $organization, TimeEntryAggregateExportRequest $request, TimeEntryAggregationService $timeEntryAggregationService): JsonResponse
    {
        /** @var Member|null $member */
        $member = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : null;
        if ($member !== null && $member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:view:own');
        } else {
            $this->checkPermission($organization, 'time-entries:view:all');
        }
        $canAccessPremiumFeatures = $this->canAccessPremiumFeatures($organization);
        $format = $request->getFormatValue();
        if ($format === ExportFormat::PDF && ! $this->canAccessPremiumFeatures($organization)) {
            throw new FeatureIsNotAvailableInFreePlanApiException;
        }
        $debug = $request->getDebug();
        $user = $this->user();
        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;

        $group = $request->getGroup();
        $subGroup = $request->getSubGroup();
        $timeEntriesAggregateQuery = $this->getTimeEntriesAggregateQuery($organization, $request, $member);
        $roundingType = $canAccessPremiumFeatures ? $request->getRoundingType() : null;
        $roundingMinutes = $canAccessPremiumFeatures ? $request->getRoundingMinutes() : null;

        $aggregatedData = $timeEntryAggregationService->getAggregatedTimeEntriesWithDescriptions(
            $timeEntriesAggregateQuery->clone(),
            $group,
            $subGroup,
            $user->timezone,
            $user->week_start,
            false,
            $request->getStart(),
            $request->getEnd(),
            $showBillableRate,
            $roundingType,
            $roundingMinutes
        );
        $dataHistoryChart = $timeEntryAggregationService->getAggregatedTimeEntries(
            $timeEntriesAggregateQuery->clone(),
            $request->getHistoryGroup(),
            null,
            $user->timezone,
            $user->week_start,
            true,
            $request->getStart(),
            $request->getEnd(),
            $showBillableRate,
            $roundingType,
            $roundingMinutes
        );
        $currency = $organization->currency;
        $timezone = app(TimezoneService::class)->getTimezoneFromUser($this->user());
        $localizationService = LocalizationService::forOrganization($organization);

        $filename = 'time-entries-report-'.now()->format('Y-m-d_H-i-s').'.'.$format->getFileExtension();
        $folderPath = 'exports';
        $path = $folderPath.'/'.$filename;

        if ($format === ExportFormat::PDF) {
            if (config('services.gotenberg.url') === null && ! $debug) {
                throw new PdfRendererIsNotConfiguredException;
            }
            $client = new Client([
                'auth' => config('services.gotenberg.basic_auth_username') !== null && config('services.gotenberg.basic_auth_password') !== null ? [
                    config('services.gotenberg.basic_auth_username'),
                    config('services.gotenberg.basic_auth_password'),
                ] : null,
            ]);
            $viewFile = file_get_contents(resource_path('views/reports/time-entry-aggregate/pdf.blade.php'));
            if ($viewFile === false) {
                throw new \LogicException('View file not found');
            }
            $html = Blade::render($viewFile, [
                'aggregatedData' => $aggregatedData,
                'dataHistoryChart' => $dataHistoryChart,
                'currency' => $currency,
                'group' => $group,
                'subGroup' => $subGroup,
                'timezone' => $timezone,
                'start' => $request->getStart()->timezone($timezone),
                'end' => $request->getEnd()->timezone($timezone),
                'debug' => $debug,
                'localization' => $localizationService,
                'showBillableRate' => $showBillableRate,
            ]);
            $footerViewFile = file_get_contents(resource_path('views/reports/time-entry-aggregate/pdf-footer.blade.php'));
            if ($footerViewFile === false) {
                throw new \LogicException('View file not found');
            }
            $footerHtml = Blade::render($footerViewFile);
            if ($debug) {
                return response()->json([
                    'html' => $html,
                    'footer_html' => $footerHtml,
                ]);
            }
            $request = Gotenberg::chromium(config('services.gotenberg.url'))
                ->pdf()
                ->waitForExpression("window.status === 'ready'")
                ->margins(0.39, 0.78, 0.39, 0.39)
                ->paperSize('8.27', '11.7') // A4
                ->footer(Stream::string('footer', $footerHtml))
                ->assets(Stream::path(resource_path('pdf/echarts.min.js'), 'echarts.min.js'),
                    Stream::path(resource_path('pdf/Outfit-VariableFont_wght.ttf'), 'outfit.ttf'),
                )
                ->html(Stream::string('body', $html));
            $tempFolder = TemporaryDirectory::make();
            $filenameTemp = Gotenberg::save($request, $tempFolder->path(), $client);
            Storage::disk(config('filesystems.private'))
                ->putFileAs($folderPath, new File($tempFolder->path($filenameTemp)), $filename);
        } else {
            Excel::store(
                new TimeEntriesReportExport($aggregatedData, $format, $currency, $group, $subGroup, $showBillableRate),
                $path,
                config('filesystems.private'),
                $format->getExportPackageType(),
                [
                    'visibility' => 'private',
                ]
            );
        }

        return response()->json([
            'download_url' => Storage::disk(config('filesystems.private'))
                ->temporaryUrl($path, now()->addMinutes(5)),
        ]);
    }

    /**
     * @return Builder<TimeEntry>
     */
    private function getTimeEntriesAggregateQuery(Organization $organization, TimeEntryAggregateRequest|TimeEntryAggregateExportRequest|TimeEntryIndexExportRequest $request, ?Member $member): Builder
    {
        $timeEntriesQuery = TimeEntry::query()
            ->whereBelongsTo($organization, 'organization');

        $filter = new TimeEntryFilter($timeEntriesQuery);
        $filter->addEndFilter($request->input('end'));
        $filter->addStartFilter($request->input('start'));
        $filter->addActiveFilter($request->input('active'));
        $filter->addMemberIdFilter($member);
        $filter->addMemberIdsFilter($request->input('member_ids'));
        $filter->addProjectIdsFilter($request->input('project_ids'));
        $filter->addTagIdsFilter($request->input('tag_ids'));
        $filter->addTaskIdsFilter($request->input('task_ids'));
        $filter->addClientIdsFilter($request->input('client_ids'));
        $filter->addBillableFilter($request->input('billable'));

        return $filter->get();
    }

    /**
     * Create time entry
     *
     * @throws AuthorizationException
     * @throws TimeEntryStillRunningApiException
     *
     * @operationId createTimeEntry
     */
    public function store(Organization $organization, TimeEntryStoreRequest $request): JsonResource
    {
        /** @var Member $member */
        $member = Member::query()->findOrFail($request->input('member_id'));
        if ($member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:create:own');
        } else {
            $this->checkPermission($organization, 'time-entries:create:all');
        }

        if ($request->input('end') === null && TimeEntry::query()->whereBelongsTo($member, 'member')->where('end', null)->exists()) {
            throw new TimeEntryStillRunningApiException;
        }

        // Overlap check for create
        $start = Carbon::parse($request->input('start'));
        $end = $request->input('end') !== null ? Carbon::parse($request->input('end')) : null;
        $this->assertNoOverlap($organization, $member, $start, $end);

        $project = $request->input('project_id') !== null ? Project::findOrFail((string) $request->input('project_id')) : null;
        $client = $project?->client;
        $task = $request->input('task_id') !== null ? $project->tasks()->findOrFail((string) $request->input('task_id')) : null;

        $timeEntry = new TimeEntry;
        $timeEntry->fill($request->validated());
        $timeEntry->client()->associate($client);
        $timeEntry->user_id = $member->user_id;
        $timeEntry->description = $request->input('description') ?? '';
        $timeEntry->organization()->associate($organization);
        $timeEntry->setComputedAttributeValue('billable_rate');
        $timeEntry->save();

        if ($project !== null) {
            RecalculateSpentTimeForProject::dispatch($project);
        }
        if ($task !== null) {
            RecalculateSpentTimeForTask::dispatch($task);
        }

        return new TimeEntryResource($timeEntry);
    }

    /**
     * Update time entry
     *
     * @throws AuthorizationException|TimeEntryCanNotBeRestartedApiException
     *
     * @operationId updateTimeEntry
     */
    public function update(Organization $organization, TimeEntry $timeEntry, TimeEntryUpdateRequest $request): JsonResource
    {
        /** @var Member|null $member */
        $member = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : null;
        if ($timeEntry->member->user_id === Auth::id() && ($member === null || $member->user_id === Auth::id())) {
            $this->checkPermission($organization, 'time-entries:update:own');
        } else {
            $this->checkPermission($organization, 'time-entries:update:all');
        }

        if ($timeEntry->end !== null && $request->has('end') && $request->input('end') === null) {
            throw new TimeEntryCanNotBeRestartedApiException;
        }

        // Overlap check for update (exclude current)
        /** @var Member $effectiveMember */
        $effectiveMember = $request->has('member_id') ? Member::query()->findOrFail($request->input('member_id')) : $timeEntry->member;
        $effectiveStart = $request->has('start') ? Carbon::parse($request->input('start')) : $timeEntry->start;
        $effectiveEnd = $request->has('end') ? ($request->input('end') !== null ? Carbon::parse($request->input('end')) : null) : $timeEntry->end;
        $this->assertNoOverlap($organization, $effectiveMember, $effectiveStart, $effectiveEnd, $timeEntry);

        $oldProject = $timeEntry->project;
        $oldTask = $timeEntry->task;

        $project = null;
        if ($request->has('project_id')) {
            $project = $request->input('project_id') !== null ? Project::findOrFail((string) $request->input('project_id')) : null;
            $client = $project?->client;
            $timeEntry->client()->associate($client);
        }
        $task = null;
        if ($request->has('task_id')) {
            $task = $request->input('task_id') !== null ? Task::findOrFail((string) $request->input('task_id')) : null;
        }

        $timeEntry->fill($request->validated());
        $timeEntry->description = $request->input('description', $timeEntry->description) ?? '';
        $timeEntry->setComputedAttributeValue('billable_rate');
        $timeEntry->save();

        if ($oldProject !== null) {
            RecalculateSpentTimeForProject::dispatch($oldProject);
        }
        if ($oldTask !== null) {
            RecalculateSpentTimeForTask::dispatch($oldTask);
        }
        if ($project !== null && ($oldProject === null || $project->isNot($oldProject))) {
            RecalculateSpentTimeForProject::dispatch($project);
        }
        if ($task !== null && ($oldTask === null || $task->isNot($oldTask))) {
            RecalculateSpentTimeForTask::dispatch($task);
        }

        return new TimeEntryResource($timeEntry);
    }

    /**
     * Update multiple time entries
     *
     * @operationId updateMultipleTimeEntries
     *
     * @throws AuthorizationException
     */
    public function updateMultiple(Organization $organization, TimeEntryUpdateMultipleRequest $request): JsonResponse
    {
        $this->checkAnyPermission($organization, ['time-entries:update:all', 'time-entries:update:own']);
        $canAccessAll = $this->hasPermission($organization, 'time-entries:update:all');

        $ids = $request->validated('ids');

        $timeEntries = TimeEntry::query()
            ->whereBelongsTo($organization, 'organization')
            ->with([
                'project',
                'task',
            ])
            ->whereIn('id', $ids)
            ->get();

        $changes = $request->validated('changes');

        if ($request->has('changes.description')) {
            $changes['description'] = $request->input('changes.description') ?? '';
        }

        if (isset($changes['member_id']) && ! $canAccessAll && $this->member($organization)->getKey() !== $changes['member_id']) {
            throw new AuthorizationException;
        }

        $project = null;
        $client = null;
        $overwriteClient = false;
        if ($request->has('changes.project_id')) {
            $project = $request->input('changes.project_id') !== null ? Project::findOrFail((string) $request->input('changes.project_id')) : null;
            $client = $project?->client;
            $overwriteClient = true;
        }

        $task = null;
        if ($request->has('changes.task_id')) {
            $task = $request->input('changes.task_id') !== null ? Task::findOrFail((string) $request->input('changes.task_id')) : null;
        }

        $success = new Collection;
        $error = new Collection;

        foreach ($ids as $id) {
            /** @var TimeEntry|null $timeEntry */
            $timeEntry = $timeEntries->firstWhere('id', $id);
            if ($timeEntry === null) {
                // Note: ID wrong or time entry in different organization
                $error->push($id);

                continue;
            }
            if (! $canAccessAll && $timeEntry->user_id !== Auth::id()) {
                $error->push($id);

                continue;

            }
            $oldProject = $timeEntry->project;
            $oldTask = $timeEntry->task;

            $timeEntry->fill($changes);
            // If project is changed, but task is not, we remove the old task from the time entry
            if ($oldProject !== null && $project !== null && $oldProject->isNot($project) && $task === null) {
                $timeEntry->task()->disassociate();
            }
            if ($overwriteClient) {
                $timeEntry->client()->associate($client);
            }
            $timeEntry->setComputedAttributeValue('billable_rate');
            $timeEntry->save();
            if ($oldTask !== null) {
                RecalculateSpentTimeForTask::dispatch($oldTask);
            }
            if ($oldProject !== null) {
                RecalculateSpentTimeForProject::dispatch($oldProject);
            }
            if ($project !== null && ($oldProject === null || $project->isNot($oldProject))) {
                RecalculateSpentTimeForProject::dispatch($project);
            }
            if ($task !== null && ($oldTask === null || $task->isNot($oldTask))) {
                RecalculateSpentTimeForTask::dispatch($task);
            }

            $success->push($id);
        }

        return response()->json([
            'success' => $success->toArray(),
            'error' => $error->toArray(),
        ]);
    }

    /**
     * Delete time entry
     *
     * @throws AuthorizationException
     *
     * @operationId deleteTimeEntry
     */
    public function destroy(Organization $organization, TimeEntry $timeEntry): JsonResponse
    {
        if ($timeEntry->member->user_id === Auth::id()) {
            $this->checkPermission($organization, 'time-entries:delete:own', $timeEntry);
        } else {
            $this->checkPermission($organization, 'time-entries:delete:all', $timeEntry);
        }

        $project = $timeEntry->project;
        $task = $timeEntry->task;

        $timeEntry->delete();

        if ($project !== null) {
            RecalculateSpentTimeForProject::dispatch($project);
        }
        if ($task !== null) {
            RecalculateSpentTimeForTask::dispatch($task);
        }

        return response()
            ->json(null, 204);
    }

    /**
     * Delete multiple time entries
     *
     * @throws AuthorizationException
     *
     * @operationId deleteTimeEntries
     */
    public function destroyMultiple(Organization $organization, TimeEntryDestroyMultipleRequest $request): JsonResponse
    {
        $this->checkAnyPermission($organization, ['time-entries:delete:all', 'time-entries:delete:own']);
        $canDeleteAll = $this->hasPermission($organization, 'time-entries:delete:all');

        $ids = $request->validated('ids');
        $timeEntries = TimeEntry::query()
            ->whereBelongsTo($organization, 'organization')
            ->with([
                'project',
                'task',
            ])
            ->whereIn('id', $ids)
            ->get();

        $success = new Collection;
        $error = new Collection;

        foreach ($ids as $id) {
            /** @var TimeEntry|null $timeEntry */
            $timeEntry = $timeEntries->firstWhere('id', $id);
            if ($timeEntry === null) {
                // Note: ID wrong or time entry in different organization
                $error->push($id);

                continue;
            }

            if (! $canDeleteAll && $timeEntry->user_id !== Auth::id()) {
                $error->push($id);

                continue;

            }

            $project = $timeEntry->project;
            $task = $timeEntry->task;

            $timeEntry->delete();

            if ($project !== null) {
                RecalculateSpentTimeForProject::dispatch($project);
            }
            if ($task !== null) {
                RecalculateSpentTimeForTask::dispatch($task);
            }
            $success->push($id);
        }

        return response()->json([
            'success' => $success->toArray(),
            'error' => $error->toArray(),
        ]);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/UserController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Http\Resources\V1\User\UserResource;
use Illuminate\Auth\Access\AuthorizationException;

class UserController extends Controller
{
    /**
     * Get the current user
     *
     * This endpoint is independent of organization.
     *
     * @operationId getMe
     *
     * @throws AuthorizationException
     */
    public function me(): UserResource
    {
        $user = $this->user();

        return new UserResource($user);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/UserMembershipController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Http\Resources\V1\Member\PersonalMembershipCollection;
use App\Models\Member;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Http\Resources\Json\JsonResource;

class UserMembershipController extends Controller
{
    /**
     * Get the memberships of the current user
     *
     * This endpoint is independent of organization.
     *
     * @operationId getMyMemberships
     *
     * @return PersonalMembershipCollection
     *
     * @throws AuthorizationException
     */
    public function myMemberships(): JsonResource
    {
        $user = $this->user();

        $members = Member::query()
            ->whereBelongsTo($user, 'user')
            ->with(['organization'])
            ->get();

        return new PersonalMembershipCollection($members);
    }
}


================================================
FILE: app/Http/Controllers/Api/V1/UserTimeEntryController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Api\V1;

use App\Http\Resources\V1\TimeEntry\TimeEntryResource;
use App\Models\Organization;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Database\Eloquent\ModelNotFoundException;
use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Facades\Log;

class UserTimeEntryController extends Controller
{
    /**
     * Get the active time entry of the current user
     *
     * This endpoint is independent of organization.
     *
     * @operationId getMyActiveTimeEntry
     */
    public function myActive(): JsonResource
    {
        $user = $this->user();

        $activeTimeEntriesOfUser = TimeEntry::query()
            ->whereBelongsTo($user, 'user')
            ->whereNull('end')
            ->orderBy('start', 'desc')
            ->get();

        if ($activeTimeEntriesOfUser->count() > 1) {
            Log::warning('User has more than one active time entry.', [
                'user' => $user->getKey(),
            ]);
        }

        $activeTimeEntry = $activeTimeEntriesOfUser->first();

        if ($activeTimeEntry !== null) {
            return new TimeEntryResource($activeTimeEntry);
        } else {
            throw new ModelNotFoundException('No active time entry');
        }
    }
}


================================================
FILE: app/Http/Controllers/Controller.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers;

use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Auth\Access\AuthorizationException;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
use Illuminate\Foundation\Validation\ValidatesRequests;
use Illuminate\Routing\Controller as BaseController;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Log;

class Controller extends BaseController
{
    use AuthorizesRequests;
    use ValidatesRequests;

    /**
     * @throws AuthorizationException
     */
    protected function user(): User
    {
        /** @var User|null $user */
        $user = Auth::user();
        if ($user === null) {
            Log::error('This function should only be called in authenticated context');
            throw new AuthorizationException;
        }

        return $user;
    }

    /**
     * @throws AuthorizationException
     */
    protected function member(Organization $organization): Member
    {
        $user = $this->user();
        /** @var Member|null $member */
        $member = Member::query()->whereBelongsTo($organization, 'organization')->whereBelongsTo($user, 'user')->first();
        if ($member === null) {
            Log::error('This function should only be called in authenticated context after checking the user is a member of the organization', [
                'user' => $user->getKey(),
                'organization' => $organization->getKey(),
            ]);
            throw new AuthorizationException;
        }

        return $member;
    }

    /**
     * @throws AuthorizationException
     */
    protected function currentOrganization(): Organization
    {
        $user = $this->user();
        $organization = $user->currentTeam;
        if ($organization === null) {
            $organization = $user->organizations()->first();
        }

        return $organization;
    }
}


================================================
FILE: app/Http/Controllers/Web/Controller.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Web;

abstract class Controller extends \App\Http\Controllers\Controller {}


================================================
FILE: app/Http/Controllers/Web/DashboardController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Web;

use App\Enums\Role;
use App\Service\DashboardService;
use App\Service\PermissionStore;
use Illuminate\Auth\Access\AuthorizationException;
use Inertia\Inertia;
use Inertia\Response;

class DashboardController extends Controller
{
    /**
     * @throws AuthorizationException
     */
    public function dashboard(DashboardService $dashboardService, PermissionStore $permissionStore): Response
    {
        $user = $this->user();
        $organization = $this->currentOrganization();

        $latestTeamActivity = null;
        if ($permissionStore->has($organization, 'time-entries:view:all')) {
            $latestTeamActivity = $dashboardService->latestTeamActivity($organization);
        }

        $showBillableRate = $this->member($organization)->role !== Role::Employee->value || $organization->employees_can_see_billable_rates;

        return Inertia::render('Dashboard');
    }
}


================================================
FILE: app/Http/Controllers/Web/HealthCheckController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Web;

use App\Http\Controllers\Controller;
use App\Models\User;
use Illuminate\Http\JsonResponse;
use Illuminate\Http\Request;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Facades\DB;

class HealthCheckController extends Controller
{
    /**
     * Check if the application is up and running
     * This check does not check the database or cache connectivity
     */
    public function up(): JsonResponse
    {
        return response()->json([
            'success' => true,
        ]);
    }

    /**
     * Debug information for the application
     * This check checks the database and cache connectivity
     */
    public function debug(Request $request): JsonResponse
    {
        // Check database connectivity
        User::query()->count();

        // Check cache connectivity
        Cache::put('health-check', Carbon::now()->timestamp);

        // Check ip address correct behind load balancer
        $ipAddress = $request->ip();
        $hostname = $request->getHost();
        $secure = $request->secure();
        $isTrustedProxy = $request->isFromTrustedProxy();

        $dbTimezone = DB::select('show timezone;');

        $response = [
            'ip_address' => $ipAddress,
            'url' => $request->url(),
            'path' => $request->path(),
            'hostname' => $hostname,
            'timestamp' => Carbon::now()->timestamp,
            'date_time_utc' => Carbon::now('UTC')->toDateTimeString(),
            'date_time_app' => Carbon::now()->toDateTimeString(),
            'timezone' => $dbTimezone[0]->TimeZone,
            'secure' => $secure,
            'is_trusted_proxy' => $isTrustedProxy,
        ];

        if (app()->hasDebugModeEnabled()) {
            $response['app_debug'] = true;
            $response['app_url'] = config('app.url');
            $response['app_env'] = app()->environment();
            $response['app_timezone'] = config('app.timezone');
            $response['app_force_https'] = config('app.force_https');
            $response['session_secure'] = config('session.secure');
            $response['trusted_proxies'] = config('trustedproxy.proxies');
            $headers = $request->headers->all();
            if (isset($headers['cookie'])) {
                $headers['cookie'] = '***';
            }
            $response['headers'] = $headers;
        }

        return response()
            ->json($response);
    }
}


================================================
FILE: app/Http/Controllers/Web/HomeController.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Controllers\Web;

use Illuminate\Http\RedirectResponse;
use Illuminate\Support\Facades\Auth;

class HomeController extends Controller
{
    public function index(): RedirectResponse
    {
        if (Auth::check()) {
            return redirect()->route('dashboard');
        } else {
            return redirect('login');
        }
    }
}


================================================
FILE: app/Http/Kernel.php
================================================
<?php

declare(strict_types=1);

namespace App\Http;

use App\Http\Middleware\CheckOrganizationBlocked;
use App\Http\Middleware\ForceJsonResponse;
use Illuminate\Foundation\Http\Kernel as HttpKernel;

class Kernel extends HttpKernel
{
    /**
     * The application's global HTTP middleware stack.
     *
     * These middleware are run during every request to your application.
     *
     * @var array<int, class-string|string>
     */
    protected $middleware = [
        \App\Http\Middleware\ForceHttps::class,
        \App\Http\Middleware\TrustProxies::class,
        \Illuminate\Http\Middleware\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\HandleInertiaRequests::class,
            \App\Http\Middleware\ShareInertiaData::class,
            \Illuminate\Http\Middleware\AddLinkHeadersForPreloadedAssets::class,
            \Laravel\Passport\Http\Middleware\CreateFreshApiToken::class,
        ],

        'api' => [
            \Illuminate\Routing\Middleware\ThrottleRequests::class.':api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            ForceJsonResponse::class,
        ],

        'health-check' => [
        ],
    ];

    /**
     * The application's middleware aliases.
     *
     * Aliases may be used instead of class names to conveniently assign middleware to routes and groups.
     *
     * @var array<string, class-string|string>
     */
    protected $middlewareAliases = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'auth.session' => \Illuminate\Session\Middleware\AuthenticateSession::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
        'precognitive' => \Illuminate\Foundation\Http\Middleware\HandlePrecognitiveRequests::class,
        'signed' => \App\Http\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \App\Http\Middleware\EnsureEmailIsVerified::class,
        'check-organization-blocked' => CheckOrganizationBlocked::class,
    ];
}


================================================
FILE: app/Http/Middleware/Authenticate.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Auth\Middleware\Authenticate as Middleware;
use Illuminate\Http\Request;

class Authenticate extends Middleware
{
    /**
     * Get the path the user should be redirected to when they are not authenticated.
     */
    protected function redirectTo(Request $request): ?string
    {
        return $request->expectsJson() ? null : route('login');
    }
}


================================================
FILE: app/Http/Middleware/CheckOrganizationBlocked.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use App\Exceptions\Api\OrganizationHasNoSubscriptionButMultipleMembersException;
use App\Models\Organization;
use App\Service\BillingContract;
use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;

class CheckOrganizationBlocked
{
    /**
     * Handle an incoming request.
     *
     * @param  Closure(Request): (Response)  $next
     *
     * @throws OrganizationHasNoSubscriptionButMultipleMembersException
     */
    public function handle(Request $request, Closure $next): Response
    {
        $organization = $request->route('organization');

        if (! ($organization instanceof Organization)) {
            throw new \LogicException('The organization must be loaded before this middleware.');
        }

        /** @var BillingContract $billing */
        $billing = app(BillingContract::class);

        if ($billing->isBlocked($organization)) {
            throw new OrganizationHasNoSubscriptionButMultipleMembersException;
        }

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/EncryptCookies.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Cookie\Middleware\EncryptCookies as Middleware;

class EncryptCookies extends Middleware
{
    /**
     * The names of the cookies that should not be encrypted.
     *
     * @var array<int, string>
     */
    protected $except = [
        //
    ];
}


================================================
FILE: app/Http/Middleware/EnsureEmailIsVerified.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Redirect;
use Illuminate\Support\Facades\URL;
use Symfony\Component\HttpFoundation\Response;

class EnsureEmailIsVerified
{
    /**
     * Handle an incoming request.
     */
    public function handle(Request $request, Closure $next, ?string $redirectToRoute = null): Response
    {
        if (! app()->isLocal()) {
            if ($request->user() === null ||
                (! $request->user()->hasVerifiedEmail())) {
                return $request->expectsJson()
                    ? abort(403, 'Your email address is not verified.')
                    : Redirect::guest(URL::route($redirectToRoute ?: 'verification.notice'));
            }
        }

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/ForceHttps.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\URL;
use Symfony\Component\HttpFoundation\Response;

class ForceHttps
{
    /**
     * Handle an incoming request.
     *
     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
     */
    public function handle(Request $request, Closure $next, string ...$guards): Response
    {
        if (config('app.force_https', false)) {
            URL::forceScheme('https');
            $request->server->set('HTTPS', 'on');
            $request->headers->set('X-Forwarded-Proto', 'https');
        }

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/ForceJsonResponse.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;

class ForceJsonResponse
{
    /**
     * Handle an incoming request.
     *
     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
     */
    public function handle(Request $request, Closure $next, string ...$guards): Response
    {
        $request->headers->set('Accept', 'application/json');

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/HandleInertiaRequests.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use App\Service\BillingContract;
use Illuminate\Http\Request;
use Inertia\Middleware;
use Nwidart\Modules\Facades\Module;

class HandleInertiaRequests extends Middleware
{
    /**
     * The root template that's loaded on the first page visit.
     *
     * @see https://inertiajs.com/server-side-setup#root-template
     *
     * @var string
     */
    protected $rootView = 'app';

    /**
     * Determines the current asset version.
     *
     * @see https://inertiajs.com/asset-versioning
     */
    public function version(Request $request): ?string
    {
        return parent::version($request);
    }

    /**
     * Defines the props that are shared by default.
     *
     * @see https://inertiajs.com/shared-data
     *
     * @return array<string, mixed>
     */
    public function share(Request $request): array
    {
        $hasBilling = Module::has('Billing') && Module::isEnabled('Billing');
        $hasInvoicing = Module::has('Invoicing') && Module::isEnabled('Invoicing');
        $hasServices = Module::has('Services') && Module::isEnabled('Services');

        /** @var BillingContract $billing */
        $billing = app(BillingContract::class);

        $currentOrganization = $request->user()?->currentTeam;

        return array_merge(parent::share($request), [
            'has_billing_extension' => $hasBilling,
            'has_invoicing_extension' => $hasInvoicing,
            'has_services_extension' => $hasServices,
            'billing' => $currentOrganization !== null ? [
                'has_subscription' => $billing->hasSubscription($currentOrganization),
                'has_trial' => $billing->hasTrial($currentOrganization),
                'trial_until' => $billing->getTrialUntil($currentOrganization)?->toIso8601ZuluString(),
                'is_blocked' => $billing->isBlocked($currentOrganization),
            ] : null,
            'flash' => [
                'message' => fn () => $request->session()->get('message'),
            ],
        ]);
    }
}


================================================
FILE: app/Http/Middleware/PreventRequestsDuringMaintenance.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Foundation\Http\Middleware\PreventRequestsDuringMaintenance as Middleware;

class PreventRequestsDuringMaintenance extends Middleware
{
    /**
     * The URIs that should be reachable while maintenance mode is enabled.
     *
     * @var array<int, string>
     */
    protected $except = [
        //
    ];
}


================================================
FILE: app/Http/Middleware/RedirectIfAuthenticated.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use App\Providers\RouteServiceProvider;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Symfony\Component\HttpFoundation\Response;

class RedirectIfAuthenticated
{
    /**
     * Handle an incoming request.
     *
     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
     */
    public function handle(Request $request, Closure $next, string ...$guards): Response
    {
        $guards = empty($guards) ? [null] : $guards;

        foreach ($guards as $guard) {
            if (Auth::guard($guard)->check()) {
                return redirect(RouteServiceProvider::HOME);
            }
        }

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/ShareInertiaData.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use App\Models\Organization;
use App\Models\User;
use App\Service\PermissionStore;
use Closure;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Gate;
use Illuminate\Support\Facades\Session;
use Illuminate\Support\MessageBag;
use Inertia\Inertia;
use Laravel\Fortify\Features;
use Laravel\Jetstream\Jetstream;
use Symfony\Component\HttpFoundation\Response;

class ShareInertiaData
{
    /**
     * Handle the incoming request.
     */
    public function handle(Request $request, Closure $next): Response
    {
        /** @var PermissionStore $permissions */
        $permissions = app(PermissionStore::class);
        Inertia::share([
            'jetstream' => function () use ($request) {
                /** @var User|null $user */
                $user = $request->user();

                return [
                    'canCreateTeams' => $user !== null &&
                        Jetstream::userHasTeamFeatures($user) &&
                        Gate::forUser($user)->check('create', Jetstream::newTeamModel()),
                    'canManageTwoFactorAuthentication' => Features::canManageTwoFactorAuthentication(),
                    'canUpdatePassword' => Features::enabled(Features::updatePasswords()),
                    'canUpdateProfileInformation' => Features::canUpdateProfileInformation(),
                    'hasEmailVerification' => Features::enabled(Features::emailVerification()),
                    'flash' => $request->session()->get('flash', []),
                    'hasAccountDeletionFeatures' => Jetstream::hasAccountDeletionFeatures(),
                    'hasApiFeatures' => Jetstream::hasApiFeatures(),
                    'hasTeamFeatures' => Jetstream::hasTeamFeatures(),
                    'hasTermsAndPrivacyPolicyFeature' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
                    'managesProfilePhotos' => Jetstream::managesProfilePhotos(),
                ];
            },
            'auth' => [
                'permissions' => $request->user() !== null && $request->user()->currentTeam !== null ? $permissions->getPermissions($request->user()->currentTeam) : [],
                'user' => function () use ($request): array {
                    /** @var User|null $user */
                    $user = $request->user();

                    if ($user === null) {
                        return [];
                    }

                    return array_merge([
                        'id' => $user->id,
                        'name' => $user->name,
                        'email' => $user->email,
                        'email_verified_at' => $user->email_verified_at,
                        'current_team_id' => $user->current_team_id,
                        'profile_photo_path' => $user->profile_photo_path,
                        'timezone' => $user->timezone,
                        'week_start' => $user->week_start,
                        'profile_photo_url' => $user->profile_photo_url,
                        'two_factor_enabled' => Features::enabled(Features::twoFactorAuthentication())
                            && ! is_null($user->two_factor_secret),
                        'current_team' => $user->currentTeam !== null ? [
                            'id' => $user->currentTeam->id,
                            'user_id' => $user->currentTeam->user_id,
                            'name' => $user->currentTeam->name,
                            'personal_team' => $user->currentTeam->personal_team,
                            'currency' => $user->currentTeam->currency,
                        ] : null,
                    ], array_filter([
                        'all_teams' => $user->organizations->map(function (Organization $organization): array {
                            return [
                                'id' => $organization->id,
                                'name' => $organization->name,
                                'personal_team' => $organization->personal_team,
                                'currency' => $organization->currency,
                                'membership' => [
                                    'role' => $organization->membership->role,
                                    'id' => $organization->membership->id,
                                ],
                            ];
                        })->all(),
                    ]));
                },
            ],
            'errorBags' => function () {
                /** @var array<string, MessageBag>|null $bags */
                $bags = Session::get('errors')?->getBags();
                $bagsCollection = collect($bags ?: []);

                return $bagsCollection->mapWithKeys(function (MessageBag $bag, string $key) {
                    return [$key => $bag->messages()];
                })->all();
            },
        ]);

        return $next($request);
    }
}


================================================
FILE: app/Http/Middleware/TrimStrings.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Foundation\Http\Middleware\TrimStrings as Middleware;

class TrimStrings extends Middleware
{
    /**
     * The names of the attributes that should not be trimmed.
     *
     * @var array<int, string>
     */
    protected $except = [
        'current_password',
        'password',
        'password_confirmation',
    ];
}


================================================
FILE: app/Http/Middleware/TrustProxies.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Http\Middleware\TrustProxies as Middleware;
use Illuminate\Http\Request;

class TrustProxies extends Middleware
{
    /**
     * The trusted proxies for this application.
     *
     * @var array<int, string>|string|null
     */
    protected $proxies;

    /**
     * The headers that should be used to detect proxies.
     *
     * @var int
     */
    protected $headers =
        Request::HEADER_X_FORWARDED_FOR |
        Request::HEADER_X_FORWARDED_HOST |
        Request::HEADER_X_FORWARDED_PORT |
        Request::HEADER_X_FORWARDED_PROTO |
        Request::HEADER_X_FORWARDED_AWS_ELB |
        Request::HEADER_X_FORWARDED_TRAEFIK;
}


================================================
FILE: app/Http/Middleware/ValidateSignature.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Routing\Middleware\ValidateSignature as Middleware;

class ValidateSignature extends Middleware
{
    /**
     * The names of the query string parameters that should be ignored.
     *
     * @var array<int, string>
     */
    protected array $except = [
        // 'fbclid',
        // 'utm_campaign',
        // 'utm_content',
        // 'utm_medium',
        // 'utm_source',
        // 'utm_term',
    ];
}


================================================
FILE: app/Http/Middleware/VerifyCsrfToken.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Middleware;

use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as Middleware;

class VerifyCsrfToken extends Middleware
{
    /**
     * The URIs that should be excluded from CSRF verification.
     *
     * @var array<int, string>
     */
    protected $except = [
        //
    ];
}


================================================
FILE: app/Http/Requests/V1/ApiToken/ApiTokenStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\ApiToken;

use App\Http\Requests\V1\BaseFormRequest;

class ApiTokenStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
            ],
        ];
    }

    public function getName(): string
    {
        return $this->input('name');
    }
}


================================================
FILE: app/Http/Requests/V1/BaseFormRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1;

use Illuminate\Foundation\Http\FormRequest;

class BaseFormRequest extends FormRequest
{
    /**
     * @return list<string>
     */
    protected function moneyRules(bool $bigInt = false): array
    {
        $rules = [
            'integer',
            'min:0',
        ];
        if ($bigInt) {
            $rules[] = 'max:9223372036854775807';
        } else {
            $rules[] = 'max:2147483647';
        }

        return $rules;
    }
}


================================================
FILE: app/Http/Requests/V1/Client/ClientIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Client;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class ClientIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
            'archived' => [
                'string',
                'in:true,false,all',
            ],
        ];
    }

    public function getFilterArchived(): string
    {
        return $this->input('archived', 'false');
    }
}


================================================
FILE: app/Http/Requests/V1/Client/ClientStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Client;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class ClientStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Client::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Client> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->withCustomTranslation('validation.client_name_already_exists'),
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Client/ClientUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Client;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 * @property Client|null $client Client from model binding
 */
class ClientUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            // Name of the client
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Client::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Client> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->ignore($this->client?->getKey())->withCustomTranslation('validation.client_name_already_exists'),
            ],
            'is_archived' => [
                'boolean',
            ],
        ];
    }

    public function getIsArchived(): bool
    {
        assert($this->has('is_archived'));

        return (bool) $this->input('is_archived');
    }
}


================================================
FILE: app/Http/Requests/V1/Import/ImportRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Import;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class ImportRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'type' => [
                'required',
                'string',
            ],
            'data' => [
                'required',
                'string',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Invitation/InvitationIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Invitation;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;

/**
 * @property Organization $organization
 */
class InvitationIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Invitation/InvitationStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Invitation;

use App\Enums\Role;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Validation\Rule;

/**
 * @property Organization $organization
 */
class InvitationStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule>>
     */
    public function rules(): array
    {
        return [
            'email' => [
                'required',
                'email',
            ],
            'role' => [
                'required',
                'string',
                Rule::enum(Role::class)
                    ->except([Role::Owner, Role::Placeholder]),
            ],
        ];
    }

    public function getRole(): Role
    {
        return Role::from($this->input('role'));
    }

    public function getEmail(): string
    {
        return $this->input('email');
    }
}


================================================
FILE: app/Http/Requests/V1/Member/MemberDestroyRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Member;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;

/**
 * @property Organization $organization
 */
class MemberDestroyRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'delete_related' => [
                'string',
                'in:true,false',
            ],
        ];
    }

    public function getDeleteRelated(): bool
    {
        return $this->input('delete_related', 'false') === 'true';
    }
}


================================================
FILE: app/Http/Requests/V1/Member/MemberIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Member;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;

/**
 * @property Organization $organization
 */
class MemberIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Member/MemberMergeIntoRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Member;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Member;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization
 */
class MemberMergeIntoRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule>>
     */
    public function rules(): array
    {
        return [
            // ID of the member to which the data should be transferred (destination)
            'member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
        ];
    }

    public function getMemberId(): string
    {
        return (string) $this->input('member_id');
    }
}


================================================
FILE: app/Http/Requests/V1/Member/MemberUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Member;

use App\Enums\Role;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Validation\Rule;

/**
 * @property Organization $organization
 */
class MemberUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule>>
     */
    public function rules(): array
    {
        return [
            'role' => [
                'string',
                Rule::enum(Role::class),
            ],
            'billable_rate' => array_merge(
                [
                    'nullable',
                ],
                $this->moneyRules()
            ),
        ];
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }

    public function getRole(): Role
    {
        return Role::from($this->input('role'));
    }
}


================================================
FILE: app/Http/Requests/V1/Organization/OrganizationUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Organization;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Validation\Rule;

/**
 * @property Organization $organization Organization from model binding
 */
class OrganizationUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|\Illuminate\Contracts\Validation\Rule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'string',
                'max:255',
            ],
            'billable_rate' => array_merge(
                [
                    'nullable',
                ],
                $this->moneyRules()
            ),
            'employees_can_see_billable_rates' => [
                'boolean',
            ],
            'employees_can_manage_tasks' => [
                'boolean',
            ],
            'prevent_overlapping_time_entries' => [
                'boolean',
            ],
            'number_format' => [
                Rule::enum(NumberFormat::class),
            ],
            'currency_format' => [
                Rule::enum(CurrencyFormat::class),
            ],
            'date_format' => [
                Rule::enum(DateFormat::class),
            ],
            'interval_format' => [
                Rule::enum(IntervalFormat::class),
            ],
            'time_format' => [
                Rule::enum(TimeFormat::class),
            ],
        ];
    }

    public function getName(): ?string
    {
        return $this->has('name') ? (string) $this->input('name') : null;
    }

    public function getNumberFormat(): ?NumberFormat
    {
        return $this->has('number_format') ? NumberFormat::from($this->input('number_format')) : null;
    }

    public function getCurrencyFormat(): ?CurrencyFormat
    {
        return $this->has('currency_format') ? CurrencyFormat::from($this->input('currency_format')) : null;
    }

    public function getDateFormat(): ?DateFormat
    {
        return $this->has('date_format') ? DateFormat::from($this->input('date_format')) : null;
    }

    public function getIntervalFormat(): ?IntervalFormat
    {
        return $this->has('interval_format') ? IntervalFormat::from($this->input('interval_format')) : null;
    }

    public function getTimeFormat(): ?TimeFormat
    {
        return $this->has('time_format') ? TimeFormat::from($this->input('time_format')) : null;
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }

    public function getEmployeesCanSeeBillableRates(): ?bool
    {
        return $this->has('employees_can_see_billable_rates') ? $this->boolean('employees_can_see_billable_rates') : null;
    }

    public function getEmployeesCanManageTasks(): ?bool
    {
        return $this->has('employees_can_manage_tasks') ? $this->boolean('employees_can_manage_tasks') : null;
    }

    public function getPreventOverlappingTimeEntries(): ?bool
    {
        return $this->has('prevent_overlapping_time_entries') ? $this->boolean('prevent_overlapping_time_entries') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/Project/ProjectIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Project;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class ProjectIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
            'archived' => [
                'string',
                'in:true,false,all',
            ],
        ];
    }

    public function getFilterArchived(): string
    {
        return $this->input('archived', 'false');
    }
}


================================================
FILE: app/Http/Requests/V1/Project/ProjectStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Project;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Rules\ColorRule;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Str;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class ProjectStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            // Name of the project, the name needs to be unique per client and organization
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Project::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $clientId = $this->input('client_id');
                    if (! is_string($clientId) || ! Str::isUuid($clientId)) {
                        $clientId = null;
                    }

                    return $builder->whereBelongsTo($this->organization, 'organization')
                        ->where('client_id', $clientId);
                })->withCustomTranslation('validation.project_name_already_exists'),
            ],
            'color' => [
                'required',
                'string',
                'max:255',
                new ColorRule,
            ],
            'is_billable' => [
                'required',
                'boolean',
            ],
            'billable_rate' => array_merge(
                [
                    'nullable',
                ],
                $this->moneyRules()
            ),
            // ID of the client
            'client_id' => [
                'present',
                'nullable',
                ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Client> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Estimated time in seconds
            'estimated_time' => [
                'nullable',
                'integer',
                'min:0',
                'max:2147483647',
            ],
            // Whether the project is public
            'is_public' => [
                'boolean',
            ],
        ];
    }

    public function getIsPublic(): bool
    {
        return $this->has('is_public') && $this->boolean('is_public');
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }

    public function getEstimatedTime(): ?int
    {
        $input = $this->input('estimated_time');

        return $input !== null && $input !== 0 ? (int) $this->input('estimated_time') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/Project/ProjectUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Project;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Rules\ColorRule;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Str;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 * @property Project|null $project Project from model binding
 */
class ProjectUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'max:255',
                UniqueEloquent::make(Project::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $clientId = $this->input('client_id');
                    if (! is_string($clientId) || ! Str::isUuid($clientId)) {
                        $clientId = null;
                    }

                    return $builder->whereBelongsTo($this->organization, 'organization')
                        ->where('client_id', $clientId);
                })->ignore($this->project?->getKey())->withCustomTranslation('validation.project_name_already_exists'),
            ],
            'color' => [
                'required',
                'string',
                'max:255',
                new ColorRule,
            ],
            'is_billable' => [
                'required',
                'boolean',
            ],
            'is_archived' => [
                'boolean',
            ],
            'is_public' => [
                'boolean',
            ],
            'client_id' => [
                'present',
                'nullable',
                ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Client> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            'billable_rate' => array_merge([
                'nullable',
            ],
                $this->moneyRules()
            ),
            // Estimated time in seconds
            'estimated_time' => [
                'nullable',
                'integer',
                'min:0',
                'max:2147483647',
            ],
        ];
    }

    public function getIsArchived(): bool
    {
        assert($this->has('is_archived'));

        return (bool) $this->input('is_archived');
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }

    public function getEstimatedTime(): ?int
    {
        $input = $this->input('estimated_time');

        return $input !== null && $input !== 0 ? (int) $this->input('estimated_time') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/ProjectMember/ProjectMemberIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\ProjectMember;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class ProjectMemberIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/ProjectMember/ProjectMemberStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\ProjectMember;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Member;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class ProjectMemberStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'member_id' => [
                'required',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            'billable_rate' => array_merge(
                [
                    'nullable',
                ],
                $this->moneyRules()
            ),
        ];
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/ProjectMember/ProjectMemberUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\ProjectMember;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;

/**
 * @property Organization $organization Organization from model binding
 */
class ProjectMemberUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'billable_rate' => array_merge(
                [
                    'nullable',
                ],
                $this->moneyRules()
            ),
        ];
    }

    public function getBillableRate(): ?int
    {
        $input = $this->input('billable_rate');

        return $input !== null && $input !== 0 ? (int) $this->input('billable_rate') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/Report/ReportIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Report;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class ReportIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Report/ReportStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Report;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\TimeEntryRoundingType;
use App\Enums\Weekday;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Validation\Rule as LegacyValidationRule;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use Illuminate\Validation\Rule;

/**
 * @property Organization $organization Organization from model binding
 */
class ReportStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|LegacyValidationRule|\Closure>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'max:255',
            ],
            'description' => [
                'nullable',
                'string',
            ],
            'is_public' => [
                'required',
                'boolean',
            ],
            // After this date the report will be automatically set to private (is_public=false) (Format: "Y-m-d\TH:i:s\Z", UTC timezone, Example: "2000-02-22T14:58:59Z")
            'public_until' => [
                'nullable',
                'date_format:Y-m-d\TH:i:s\Z',
                'after:now',
            ],
            'properties' => [
                'required',
                'array',
            ],
            'properties.start' => [
                'required',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            'properties.end' => [
                'required',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            'properties.active' => [
                'nullable',
                'boolean',
            ],
            'properties.member_ids' => [
                'nullable',
                'array',
            ],
            'properties.member_ids.*' => [
                'string',
                'uuid',
            ],
            'properties.billable' => [
                'nullable',
                'boolean',
            ],
            'properties.client_ids' => [
                'nullable',
                'array',
            ],
            'properties.client_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    if (! Str::isUuid($value)) {
                        $fail('The '.$attribute.' must be a valid UUID.');
                    }
                },
            ],
            // Filter by project IDs, project IDs are OR combined
            'properties.project_ids' => [
                'nullable',
                'array',
            ],
            'properties.project_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    if (! Str::isUuid($value)) {
                        $fail('The '.$attribute.' must be a valid UUID.');
                    }
                },
            ],
            // Filter by tag IDs, tag IDs are OR combined
            'properties.tag_ids' => [
                'nullable',
                'array',
            ],
            'properties.tag_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    if (! Str::isUuid($value)) {
                        $fail('The '.$attribute.' must be a valid UUID.');
                    }
                },
            ],
            'properties.task_ids' => [
                'nullable',
                'array',
            ],
            'properties.task_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    if (! Str::isUuid($value)) {
                        $fail('The '.$attribute.' must be a valid UUID.');
                    }
                },
            ],
            'properties.group' => [
                'required',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            'properties.sub_group' => [
                'required',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            'properties.history_group' => [
                'required',
                Rule::enum(TimeEntryAggregationTypeInterval::class),
            ],
            'properties.week_start' => [
                'nullable',
                Rule::enum(Weekday::class),
            ],
            'properties.timezone' => [
                'nullable',
                'timezone:all',
            ],
            // Rounding type defined where the end of each time entry should be rounded to. For example: nearest rounds the end to the nearest x minutes group. Rounding per time entry is activated if `rounding_type` and `rounding_minutes` is not null.
            'properties.rounding_type' => [
                'nullable',
                'string',
                Rule::enum(TimeEntryRoundingType::class),
            ],
            // Defines the length of the interval that the time entry rounding rounds to.
            'properties.rounding_minutes' => [
                'nullable',
                'numeric',
                'integer',
            ],
        ];
    }

    public function getName(): string
    {
        return (string) $this->input('name');
    }

    public function getDescription(): ?string
    {
        return $this->input('description');
    }

    public function getIsPublic(): bool
    {
        return (bool) $this->input('is_public');
    }

    public function getPublicUntil(): ?Carbon
    {
        $publicUntil = $this->input('public_until');

        return $publicUntil === null ? null : Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $publicUntil);
    }

    public function getPropertyStart(): Carbon
    {
        $start = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('properties.start'));
        if ($start === null) {
            throw new \LogicException('Start date validation is not working');
        }

        return $start;
    }

    public function getPropertyEnd(): Carbon
    {
        $end = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('properties.end'));
        if ($end === null) {
            throw new \LogicException('End date validation is not working');
        }

        return $end;
    }

    public function getPropertyActive(): ?bool
    {
        if ($this->has('properties.active') && $this->input('properties.active') !== null) {
            return (bool) $this->input('properties.active');
        }

        return null;
    }

    public function getPropertyBillable(): ?bool
    {
        if ($this->has('properties.billable') && $this->input('properties.billable') !== null) {
            return (bool) $this->input('properties.billable');
        }

        return null;
    }

    public function getPropertyGroup(): TimeEntryAggregationType
    {
        return TimeEntryAggregationType::from($this->input('properties.group'));
    }

    public function getPropertySubGroup(): TimeEntryAggregationType
    {
        return TimeEntryAggregationType::from($this->input('properties.sub_group'));
    }

    public function getPropertyHistoryGroup(): TimeEntryAggregationTypeInterval
    {
        return TimeEntryAggregationTypeInterval::from($this->input('properties.history_group'));
    }

    public function getPropertyRoundingType(): ?TimeEntryRoundingType
    {
        if (! $this->has('properties.rounding_type') || $this->input('properties.rounding_type') === null) {
            return null;
        }

        return TimeEntryRoundingType::from($this->input('properties.rounding_type'));
    }

    public function getPropertyRoundingMinutes(): ?int
    {
        if (! $this->has('properties.rounding_minutes') || $this->input('properties.rounding_minutes') === null) {
            return null;
        }

        return (int) $this->input('properties.rounding_minutes');
    }
}


================================================
FILE: app/Http/Requests/V1/Report/ReportUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Report;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Support\Carbon;

/**
 * @property Organization $organization Organization from model binding
 */
class ReportUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'string',
                'max:255',
            ],
            'description' => [
                'nullable',
                'string',
            ],
            'is_public' => [
                'boolean',
            ],
            'public_until' => [
                'nullable',
                'date_format:Y-m-d\TH:i:s\Z',
                'after:now',
            ],
        ];
    }

    public function getName(): string
    {
        return (string) $this->input('name');
    }

    public function getDescription(): ?string
    {
        return $this->input('description');
    }

    public function getIsPublic(): bool
    {
        return (bool) $this->input('is_public');
    }

    public function getPublicUntil(): ?Carbon
    {
        $publicUntil = $this->input('public_until');

        return $publicUntil === null ? null : Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $publicUntil);
    }
}


================================================
FILE: app/Http/Requests/V1/Tag/TagIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Tag;

use App\Http\Requests\V1\BaseFormRequest;
use Illuminate\Contracts\Validation\ValidationRule;

class TagIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Tag/TagStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Tag;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Models\Tag;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TagStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Tag::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Tag> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->withCustomTranslation('validation.tag_name_already_exists'),
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Tag/TagUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Tag;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Models\Tag;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 * @property Tag|null $tag Tag from model binding
 */
class TagUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Tag::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Tag> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->ignore($this->tag?->getKey())->withCustomTranslation('validation.tag_name_already_exists'),
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/Task/TaskIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Task;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Models\Project;
use App\Service\PermissionStore;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Auth;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TaskIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'page' => [
                'integer',
                'min:1',
                'max:2147483647',
            ],
            'project_id' => [
                ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $builder = $builder->whereBelongsTo($this->organization, 'organization');

                    if (! app(PermissionStore::class)->has($this->organization, 'tasks:view:all')) {
                        $builder = $builder->visibleByEmployee(Auth::user());
                    }

                    return $builder;
                })->uuid(),
            ],
            'done' => [
                'string',
                'in:true,false,all',
            ],
        ];
    }

    public function getFilterDone(): string
    {
        return $this->input('done', 'false');
    }
}


================================================
FILE: app/Http/Requests/V1/Task/TaskStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Task;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TaskStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Task::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->where('project_id', '=', $this->input('project_id'));
                })->withCustomTranslation('validation.task_name_already_exists'),
            ],
            'project_id' => [
                'required',
                ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Estimated time in seconds
            'estimated_time' => [
                'nullable',
                'integer',
                'min:0',
                'max:2147483647',
            ],
        ];
    }

    public function getEstimatedTime(): ?int
    {
        $input = $this->input('estimated_time');

        return $input !== null && $input !== 0 ? (int) $this->input('estimated_time') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/Task/TaskUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\Task;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use App\Models\Task;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Korridor\LaravelModelValidationRules\Rules\UniqueEloquent;

/**
 * @property Organization $organization Organization from model binding
 * @property Task|null $task Task from model binding
 */
class TaskUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'name' => [
                'required',
                'string',
                'min:1',
                'max:255',
                UniqueEloquent::make(Task::class, 'name', function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->where('project_id', '=', $this->task->project_id);
                })->ignore($this->task?->getKey())->withCustomTranslation('validation.task_name_already_exists'),
            ],
            'is_done' => [
                'boolean',
            ],
            // Estimated time in seconds
            'estimated_time' => [
                'nullable',
                'integer',
                'min:0',
                'max:2147483647',
            ],
        ];
    }

    public function getIsDone(): bool
    {
        assert($this->has('is_done'));

        return $this->boolean('is_done');
    }

    public function getEstimatedTime(): ?int
    {
        $input = $this->input('estimated_time');

        return $input !== null && $input !== 0 ? (int) $this->input('estimated_time') : null;
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryAggregateExportRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Enums\ExportFormat;
use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\TimeEntryRoundingType;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\User;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Validation\Rule;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization
 */
class TimeEntryAggregateExportRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule|\Closure>>
     */
    public function rules(): array
    {
        return [
            // Data format of the export
            'format' => [
                'required',
                'string',
                Rule::enum(ExportFormat::class),
            ],
            // Type of first grouping
            'group' => [
                'required',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            // Type of second grouping
            'sub_group' => [
                'required',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            // Type of grouping of the historic aggregation (time chart)
            'history_group' => [
                'required',
                'nullable',
                Rule::enum(TimeEntryAggregationTypeInterval::class),
            ],

            // Filter by member ID
            'member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Filter by multiple member IDs, member IDs are OR combined, but AND combined with the member_id parameter
            'member_ids' => [
                'array',
                'min:1',
            ],
            'member_ids.*' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],

            // Filter by user ID
            'user_id' => [
                'string',
                ExistsEloquent::make(User::class, null, function (Builder $builder): Builder {
                    /** @var Builder<User> $builder */
                    return $builder->belongsToOrganization($this->organization);
                })->uuid(),
            ],
            // Filter by project IDs, project IDs are OR combined
            'project_ids' => [
                'array',
                'min:1',
            ],
            'project_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Project> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by client IDs, client IDs are OR combined
            'client_ids' => [
                'array',
                'min:1',
            ],
            'client_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Client> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by tag IDs, tag IDs are OR combined
            'tag_ids' => [
                'array',
                'min:1',
            ],
            'tag_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Tag> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by task IDs, task IDs are OR combined
            'task_ids' => [
                'array',
                'min:1',
            ],
            'task_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter only time entries that have a start date after the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'start' => [
                'required',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
                'before:end',
            ],
            // Filter only time entries that have a start date before the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'end' => [
                'required',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // Filter by active status (active means has no end date, is still running)
            'active' => [
                'string',
                'in:true,false',
            ],
            // Filter by billable status
            'billable' => [
                'string',
                'in:true,false',
            ],
            'fill_gaps_in_time_groups' => [
                'string',
                'in:true,false',
            ],
            'debug' => [
                'string',
                'in:true,false',
            ],
            // Rounding type defined where the end of each time entry should be rounded to. For example: nearest rounds the end to the nearest x minutes group. Rounding per time entry is activated if `rounding_type` and `rounding_minutes` is not null.
            'rounding_type' => [
                'nullable',
                'string',
                Rule::enum(TimeEntryRoundingType::class),
            ],
            // Defines the length of the interval that the time entry rounding rounds to.
            'rounding_minutes' => [
                'nullable',
                'numeric',
                'integer',
            ],
        ];
    }

    public function getDebug(): bool
    {
        return $this->input('debug') === 'true';
    }

    public function getGroup(): TimeEntryAggregationType
    {
        return TimeEntryAggregationType::from($this->input('group'));
    }

    public function getSubGroup(): TimeEntryAggregationType
    {
        return TimeEntryAggregationType::from($this->input('sub_group'));
    }

    public function getHistoryGroup(): TimeEntryAggregationType
    {
        return TimeEntryAggregationType::fromInterval(TimeEntryAggregationTypeInterval::from($this->input('history_group')));
    }

    public function getStart(): Carbon
    {
        $start = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('start'), 'UTC');
        if ($start === null) {
            throw new \LogicException('Start date validation is not working');
        }

        return $start;
    }

    public function getEnd(): Carbon
    {
        $end = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('end'), 'UTC');
        if ($end === null) {
            throw new \LogicException('End date validation is not working');
        }

        return $end;
    }

    public function getFormatValue(): ExportFormat
    {
        return ExportFormat::from($this->validated('format'));
    }

    public function getRoundingType(): ?TimeEntryRoundingType
    {
        if (! $this->has('rounding_type') || $this->validated('rounding_type') === null) {
            return null;
        }

        return TimeEntryRoundingType::from($this->validated('rounding_type'));
    }

    public function getRoundingMinutes(): ?int
    {
        if (! $this->has('rounding_minutes') || $this->validated('rounding_minutes') === null) {
            return null;
        }

        return (int) $this->validated('rounding_minutes');
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryAggregateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryRoundingType;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\User;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Validation\Rule;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization
 */
class TimeEntryAggregateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule|\Closure>>
     */
    public function rules(): array
    {
        return [
            // Type of first grouping
            'group' => [
                'nullable',
                'required_with:sub_group',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            // Type of second grouping
            'sub_group' => [
                'nullable',
                Rule::enum(TimeEntryAggregationType::class),
            ],
            // Filter by member ID
            'member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Filter by multiple member IDs, member IDs are OR combined, but AND combined with the member_id parameter
            'member_ids' => [
                'array',
                'min:1',
            ],
            'member_ids.*' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],

            // Filter by user ID
            'user_id' => [
                'string',
                ExistsEloquent::make(User::class, null, function (Builder $builder): Builder {
                    /** @var Builder<User> $builder */
                    return $builder->belongsToOrganization($this->organization);
                })->uuid(),
            ],
            // Filter by project IDs, project IDs are OR combined
            'project_ids' => [
                'array',
                'min:1',
            ],
            'project_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Project> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by client IDs, client IDs are OR combined
            'client_ids' => [
                'array',
                'min:1',
            ],
            'client_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Client> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by tag IDs, tag IDs are OR combined
            'tag_ids' => [
                'array',
                'min:1',
            ],
            'tag_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Tag> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by task IDs, task IDs are OR combined
            'task_ids' => [
                'array',
                'min:1',
            ],
            'task_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter only time entries that have a start date after the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'start' => [
                'nullable',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
                'before:end',
            ],
            // Filter only time entries that have a start date before the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'end' => [
                'nullable',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // Filter by active status (active means has no end date, is still running)
            'active' => [
                'string',
                'in:true,false',
            ],
            // Filter by billable status
            'billable' => [
                'string',
                'in:true,false',
            ],
            'fill_gaps_in_time_groups' => [
                'string',
                'in:true,false',
            ],
            // Rounding type defined where the end of each time entry should be rounded to. For example: nearest rounds the end to the nearest x minutes group. Rounding per time entry is activated if `rounding_type` and `rounding_minutes` is not null.
            'rounding_type' => [
                'nullable',
                'string',
                Rule::enum(TimeEntryRoundingType::class),
            ],
            // Defines the length of the interval that the time entry rounding rounds to.
            'rounding_minutes' => [
                'nullable',
                'numeric',
                'integer',
            ],
        ];
    }

    public function getGroup(): ?TimeEntryAggregationType
    {
        return $this->input('group') !== null ? TimeEntryAggregationType::from($this->input('group')) : null;
    }

    public function getSubGroup(): ?TimeEntryAggregationType
    {
        return $this->input('sub_group') !== null ? TimeEntryAggregationType::from($this->input('sub_group')) : null;
    }

    public function getFillGapsInTimeGroups(): bool
    {
        return $this->has('fill_gaps_in_time_groups') && $this->input('fill_gaps_in_time_groups') === 'true';
    }

    public function getStart(): ?Carbon
    {
        return $this->input('start') !== null ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('start'), 'UTC') : null;
    }

    public function getEnd(): ?Carbon
    {
        return $this->input('end') !== null ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('end'), 'UTC') : null;
    }

    public function getRoundingType(): ?TimeEntryRoundingType
    {
        if (! $this->has('rounding_type') || $this->validated('rounding_type') === null) {
            return null;
        }

        return TimeEntryRoundingType::from($this->validated('rounding_type'));
    }

    public function getRoundingMinutes(): ?int
    {
        if (! $this->has('rounding_minutes') || $this->validated('rounding_minutes') === null) {
            return null;
        }

        return (int) $this->validated('rounding_minutes');
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryDestroyMultipleRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Organization;
use Illuminate\Contracts\Validation\ValidationRule;

/**
 * @property Organization $organization Organization from model binding
 */
class TimeEntryDestroyMultipleRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'ids' => [
                'required',
                'array',
            ],
            'ids.*' => [
                'string',
                'uuid',
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryIndexExportRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Enums\ExportFormat;
use App\Enums\TimeEntryRoundingType;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Validation\Rule;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization
 */
class TimeEntryIndexExportRequest extends TimeEntryIndexRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|\Illuminate\Contracts\Validation\Rule|\Closure>>
     */
    public function rules(): array
    {
        return [
            'format' => [
                'required',
                'string',
                Rule::enum(ExportFormat::class),
            ],
            // Filter by member ID
            'member_id' => [
                'string',
                'uuid',
                new ExistsEloquent(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                }),
            ],
            // Filter by multiple member IDs, member IDs are OR combined, but AND combined with the member_id parameter
            'member_ids' => [
                'array',
                'min:1',
            ],
            'member_ids.*' => [
                'string',
                'uuid',
                new ExistsEloquent(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                }),
            ],
            // Filter by client IDs, client IDs are OR combined
            'client_ids' => [
                'array',
                'min:1',
            ],
            'client_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Client> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by project IDs, project IDs are OR combined
            'project_ids' => [
                'array',
                'min:1',
            ],
            'project_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Project> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by tag IDs, tag IDs are OR combined
            'tag_ids' => [
                'array',
                'min:1',
            ],
            'tag_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Tag> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by task IDs, task IDs are OR combined
            'task_ids' => [
                'array',
                'min:1',
            ],
            'task_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Task> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter only time entries that have a start date after the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'start' => [
                'required',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
                'before:end',
            ],
            // Filter only time entries that have a start date before the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'end' => [
                'required',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // Filter by active status (active means has no end date, is still running)
            'active' => [
                'string',
                'in:true,false',
            ],
            // Filter by billable status
            'billable' => [
                'string',
                'in:true,false',
            ],
            // Limit the number of returned time entries (default: 150)
            'limit' => [
                'integer',
                'min:1',
                'max:500',
            ],
            // Filter makes sure that only time entries of a whole date are returned
            'only_full_dates' => [
                'string',
                'in:true,false',
            ],
            'debug' => [
                'string',
                'in:true,false',
            ],
            // Rounding type defined where the end of each time entry should be rounded to. For example: nearest rounds the end to the nearest x minutes group. Rounding per time entry is activated if `rounding_type` and `rounding_minutes` is not null.
            'rounding_type' => [
                'nullable',
                'string',
                Rule::enum(TimeEntryRoundingType::class),
            ],
            // Defines the length of the interval that the time entry rounding rounds to.
            'rounding_minutes' => [
                'nullable',
                'numeric',
                'integer',
            ],
        ];
    }

    public function getDebug(): bool
    {
        return $this->input('debug', 'false') === 'true';
    }

    public function getStart(): Carbon
    {
        $start = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('start'), 'UTC');
        if ($start === null) {
            throw new \LogicException('Start date validation is not working');
        }

        return $start;
    }

    public function getEnd(): Carbon
    {
        $end = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $this->input('end'), 'UTC');
        if ($end === null) {
            throw new \LogicException('End date validation is not working');
        }

        return $end;
    }

    public function getOnlyFullDates(): bool
    {
        return $this->input('only_full_dates', 'false') === 'true';
    }

    public function getFormatValue(): ExportFormat
    {
        return ExportFormat::from($this->validated('format'));
    }

    public function getRoundingType(): ?TimeEntryRoundingType
    {
        if (! $this->has('rounding_type') || $this->validated('rounding_type') === null) {
            return null;
        }

        return TimeEntryRoundingType::from($this->validated('rounding_type'));
    }

    public function getRoundingMinutes(): ?int
    {
        if (! $this->has('rounding_minutes') || $this->validated('rounding_minutes') === null) {
            return null;
        }

        return (int) $this->validated('rounding_minutes');
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryIndexRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Enums\TimeEntryRoundingType;
use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Validation\Rule as RuleContract;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Validation\Rule;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization
 */
class TimeEntryIndexRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule|RuleContract|\Closure>>
     */
    public function rules(): array
    {
        return [
            // Filter by member ID
            'member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Filter by multiple member IDs, member IDs are OR combined, but AND combined with the member_id parameter
            'member_ids' => [
                'array',
                'min:1',
            ],
            'member_ids.*' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // Filter by client IDs, client IDs are OR combined
            'client_ids' => [
                'array',
                'min:1',
            ],
            'client_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Client::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Client> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by project IDs, project IDs are OR combined
            'project_ids' => [
                'array',
                'min:1',
            ],
            'project_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Project> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by tag IDs, tag IDs are OR combined
            'tag_ids' => [
                'array',
                'min:1',
            ],
            'tag_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Tag> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter by task IDs, task IDs are OR combined
            'task_ids' => [
                'array',
                'min:1',
            ],
            'task_ids.*' => [
                'string',
                function (string $attribute, mixed $value, \Closure $fail): void {
                    if ($value === TimeEntryFilter::NONE_VALUE) {
                        return;
                    }
                    ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                        /** @var Builder<Task> $builder */
                        return $builder->whereBelongsTo($this->organization, 'organization');
                    })->uuid()->validate($attribute, $value, $fail);
                },
            ],
            // Filter only time entries that have a start date after the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'start' => [
                'nullable',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
                'before:end',
            ],
            // Filter only time entries that have a start date before the given timestamp in UTC (example: 2021-01-01T00:00:00Z)
            'end' => [
                'nullable',
                'string',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // Filter by active status (active means has no end date, is still running)
            'active' => [
                'string',
                'in:true,false',
            ],
            // Filter by billable status
            'billable' => [
                'string',
                'in:true,false',
            ],
            // Limit the number of returned time entries (default: 150)
            'limit' => [
                'integer',
                'min:1',
                'max:500',
            ],
            // Skip the first n time entries (default: 0)
            'offset' => [
                'integer',
                'min:0',
                'max:2147483647',
            ],
            // Filter makes sure that only time entries of a whole date are returned
            'only_full_dates' => [
                'string',
                'in:true,false',
            ],
            // Rounding type defined where the end of each time entry should be rounded to. For example: nearest rounds the end to the nearest x minutes group. Rounding per time entry is activated if `rounding_type` and `rounding_minutes` is not null.
            'rounding_type' => [
                'nullable',
                'string',
                Rule::enum(TimeEntryRoundingType::class),
            ],
            // Defines the length of the interval that the time entry rounding rounds to.
            'rounding_minutes' => [
                'nullable',
                'numeric',
                'integer',
            ],
        ];
    }

    public function getOnlyFullDates(): bool
    {
        return $this->input('only_full_dates', 'false') === 'true';
    }

    public function getLimit(): int
    {
        return $this->has('limit') ? (int) $this->validated('limit', 100) : 100;
    }

    public function getOffset(): int
    {
        return $this->has('offset') ? (int) $this->validated('offset', 0) : 0;
    }

    public function getRoundingType(): ?TimeEntryRoundingType
    {
        if (! $this->has('rounding_type') || $this->validated('rounding_type') === null) {
            return null;
        }

        return TimeEntryRoundingType::from($this->validated('rounding_type'));
    }

    public function getRoundingMinutes(): ?int
    {
        if (! $this->has('rounding_minutes') || $this->validated('rounding_minutes') === null) {
            return null;
        }

        return (int) $this->validated('rounding_minutes');
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryStoreRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Service\PermissionStore;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Auth;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TimeEntryStoreRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            // ID of the organization member that the time entry should belong to
            'member_id' => [
                'required',
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            'project_id' => [
                'nullable',
                'string',
                'required_with:task_id',
                ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $builder = $builder->whereBelongsTo($this->organization, 'organization');

                    // If user doesn't have 'all' permission for time entries or projects, only allow access to public projects or projects they're a member of
                    $permissionStore = app(PermissionStore::class);
                    if (! $permissionStore->has($this->organization, 'time-entries:create:all')
                        && ! $permissionStore->has($this->organization, 'projects:view:all')) {
                        $builder = $builder->visibleByEmployee(Auth::user());
                    }

                    return $builder;
                })->uuid(),
            ],
            // ID of the task that the time entry should belong to
            'task_id' => [
                'nullable',
                'string',
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization')
                        ->where('project_id', $this->input('project_id'));
                })->uuid()->withMessage(__('validation.task_belongs_to_project')),
            ],
            // Start of time entry (Format: "Y-m-d\TH:i:s\Z", UTC timezone, Example: "2000-02-22T14:58:59Z")
            'start' => [
                'required',
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // End of time entry (Format: "Y-m-d\TH:i:s\Z", UTC timezone, Example: "2000-02-22T14:58:59Z")
            'end' => [
                'nullable',
                'date_format:Y-m-d\TH:i:s\Z',
                'after_or_equal:start',
            ],
            // Whether time entry is billable
            'billable' => [
                'required',
                'boolean',
            ],
            // Description of time entry
            'description' => [
                'nullable',
                'string',
                'max:5000',
            ],
            // List of tag IDs
            'tags' => [
                'nullable',
                'array',
            ],
            'tags.*' => [
                ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Tag> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryUpdateMultipleRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Service\PermissionStore;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Auth;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TimeEntryUpdateMultipleRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            'ids' => [
                'required',
                'array',
            ],
            'ids.*' => [
                'string',
                'uuid',
            ],
            'changes' => [
                'required',
                'array',
            ],
            // ID of the organization member that the time entry should belong to
            'changes.member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // ID of the project that the time entry should belong to
            'changes.project_id' => [
                'nullable',
                'string',
                'required_with:task_id',
                ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $builder = $builder->whereBelongsTo($this->organization, 'organization');

                    // If user doesn't have 'all' permission for time entries or projects, only allow access to public projects or projects they're a member of
                    $permissionStore = app(PermissionStore::class);
                    if (! $permissionStore->has($this->organization, 'time-entries:update:all')
                        && ! $permissionStore->has($this->organization, 'projects:view:all')) {
                        $builder = $builder->visibleByEmployee(Auth::user());
                    }

                    return $builder;
                })->uuid(),
            ],
            // ID of the task that the time entry should belong to
            'changes.task_id' => [
                'nullable',
                'string',
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization')
                        ->where('project_id', $this->input('changes.project_id'));
                })->uuid()->withMessage(__('validation.task_belongs_to_project')),
            ],
            // Whether time entry is billable
            'changes.billable' => [
                'boolean',
            ],
            // Description of time entry
            'changes.description' => [
                'nullable',
                'string',
                'max:5000',
            ],
            // List of tag IDs
            'changes.tags' => [
                'nullable',
                'array',
            ],
            'changes.tags.*' => [
                'string',
                ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Tag> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
        ];
    }
}


================================================
FILE: app/Http/Requests/V1/TimeEntry/TimeEntryUpdateRequest.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Requests\V1\TimeEntry;

use App\Http\Requests\V1\BaseFormRequest;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Service\PermissionStore;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\Auth;
use Korridor\LaravelModelValidationRules\Rules\ExistsEloquent;

/**
 * @property Organization $organization Organization from model binding
 */
class TimeEntryUpdateRequest extends BaseFormRequest
{
    /**
     * Get the validation rules that apply to the request.
     *
     * @return array<string, array<string|ValidationRule>>
     */
    public function rules(): array
    {
        return [
            // ID of the organization member that the time entry should belong to
            'member_id' => [
                'string',
                ExistsEloquent::make(Member::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Member> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
            // ID of the project that the time entry should belong to
            'project_id' => [
                'nullable',
                'string',
                'required_with:task_id',
                ExistsEloquent::make(Project::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Project> $builder */
                    $builder = $builder->whereBelongsTo($this->organization, 'organization');

                    // If user doesn't have 'all' permission for time entries or projects, only allow access to public projects or projects they're a member of
                    $permissionStore = app(PermissionStore::class);
                    if (! $permissionStore->has($this->organization, 'time-entries:update:all')
                        && ! $permissionStore->has($this->organization, 'projects:view:all')) {
                        $builder = $builder->visibleByEmployee(Auth::user());
                    }

                    return $builder;
                })->uuid(),
            ],
            // ID of the task that the time entry should belong to
            'task_id' => [
                'nullable',
                'string',
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
                ExistsEloquent::make(Task::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Task> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization')
                        ->where('project_id', $this->input('project_id'));
                })->uuid()->withMessage(__('validation.task_belongs_to_project')),
            ],
            // Start of time entry (Format: "Y-m-d\TH:i:s\Z", UTC timezone, Example: "2000-02-22T14:58:59Z")
            'start' => [
                'date_format:Y-m-d\TH:i:s\Z',
            ],
            // End of time entry (Format: "Y-m-d\TH:i:s\Z", UTC timezone, Example: "2000-02-22T14:58:59Z")
            'end' => [
                'nullable',
                'date_format:Y-m-d\TH:i:s\Z',
                'after_or_equal:start',
            ],
            // Whether time entry is billable
            'billable' => [
                'boolean',
            ],
            // Description of time entry
            'description' => [
                'nullable',
                'string',
                'max:5000',
            ],
            // List of tag IDs
            'tags' => [
                'nullable',
                'array',
            ],
            'tags.*' => [
                'string',
                ExistsEloquent::make(Tag::class, null, function (Builder $builder): Builder {
                    /** @var Builder<Tag> $builder */
                    return $builder->whereBelongsTo($this->organization, 'organization');
                })->uuid(),
            ],
        ];
    }
}


================================================
FILE: app/Http/Resources/PaginatedResourceCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources;

interface PaginatedResourceCollection {}


================================================
FILE: app/Http/Resources/V1/ApiToken/ApiTokenCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\ApiToken;

use Illuminate\Http\Resources\Json\ResourceCollection;

class ApiTokenCollection extends ResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = ApiTokenResource::class;
}


================================================
FILE: app/Http/Resources/V1/ApiToken/ApiTokenResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\ApiToken;

use App\Http\Resources\V1\BaseResource;
use App\Models\Passport\Token;
use Illuminate\Http\Request;

/**
 * @property-read Token $resource
 */
class ApiTokenResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of the API token, this ID is NOT a UUID */
            'id' => $this->resource->id,
            /** @var string $name Name of the API token */
            'name' => $this->resource->name,
            /** @var bool $revoked Whether the API token is revoked */
            'revoked' => $this->resource->revoked,
            /** @var array<string> $scopes List of scopes that the API token has */
            'scopes' => $this->resource->scopes,
            /** @var string $created_at When the API token was created (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z) */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string|null $expires_at At what time the API token expires (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z) */
            'expires_at' => $this->formatDateTime($this->resource->expires_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/ApiToken/ApiTokenWithAccessTokenResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\ApiToken;

use App\Http\Resources\V1\BaseResource;
use App\Models\Passport\Token;
use Illuminate\Http\Request;

/**
 * @property-read Token $resource
 */
class ApiTokenWithAccessTokenResource extends BaseResource
{
    private string $accessToken;

    public function __construct(Token $resource, string $accessToken)
    {
        $this->accessToken = $accessToken;
        parent::__construct($resource);
    }

    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of the API token, this ID is NOT a UUID */
            'id' => $this->resource->id,
            /** @var string $name Name of the API token */
            'name' => $this->resource->name,
            /** @var bool $revoked Whether the API token is revoked */
            'revoked' => $this->resource->revoked,
            /** @var array<string> $scopes List of scopes that the API token has */
            'scopes' => $this->resource->scopes,
            /** @var string $created_at When the API token was created (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z) */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string|null $expires_at At what time the API token expires (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z) */
            'expires_at' => $this->formatDateTime($this->resource->expires_at),
            // Additional fields
            /** @var string $access_token Access token that can be used to authenticate requests */
            'access_token' => $this->accessToken,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/BaseResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1;

use Illuminate\Http\Resources\Json\JsonResource;
use Illuminate\Support\Carbon;

abstract class BaseResource extends JsonResource
{
    protected function formatDateTime(?Carbon $carbon): ?string
    {
        return $carbon?->toIso8601ZuluString();
    }

    protected function formatDate(?Carbon $carbon): ?string
    {
        return $carbon?->format('Y-m-d');
    }
}


================================================
FILE: app/Http/Resources/V1/Client/ClientCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Client;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class ClientCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = ClientResource::class;
}


================================================
FILE: app/Http/Resources/V1/Client/ClientResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Client;

use App\Http\Resources\V1\BaseResource;
use App\Models\Client;
use Illuminate\Http\Request;

/**
 * @property Client $resource
 */
class ClientResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var bool $is_archived Whether the client is archived */
            'is_archived' => $this->resource->is_archived,
            /** @var string $created_at When the tag was created */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string $updated_at When the tag was last updated */
            'updated_at' => $this->formatDateTime($this->resource->updated_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Invitation/InvitationCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Invitation;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class InvitationCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = InvitationResource::class;
}


================================================
FILE: app/Http/Resources/V1/Invitation/InvitationResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Invitation;

use App\Http\Resources\V1\BaseResource;
use App\Models\OrganizationInvitation;
use Illuminate\Http\Request;

/**
 * @property OrganizationInvitation $resource
 */
class InvitationResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of the invitation */
            'id' => $this->resource->id,
            /** @var string $email Email */
            'email' => $this->resource->email,
            /** @var string $role Role */
            'role' => $this->resource->role,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Member/MemberCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Member;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class MemberCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = MemberResource::class;
}


================================================
FILE: app/Http/Resources/V1/Member/MemberResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Member;

use App\Http\Resources\V1\BaseResource;
use App\Models\Member;
use App\Models\User;
use Illuminate\Http\Request;

/**
 * @property Member $resource
 */
class MemberResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of membership */
            'id' => $this->resource->id,
            /** @var string $id ID of user */
            'user_id' => $this->resource->user->id,
            /** @var string $name Name */
            'name' => $this->resource->user->name,
            /** @var string $email Email */
            'email' => $this->resource->user->email,
            /** @var string $role Role */
            'role' => $this->resource->role,
            /** @var bool $is_placeholder Placeholder user for imports, user might not really exist and does not know about this placeholder membership */
            'is_placeholder' => $this->resource->user->is_placeholder,
            /** @var int|null $billable_rate Billable rate in cents per hour */
            'billable_rate' => $this->resource->billable_rate,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Member/PersonalMembershipCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Member;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class PersonalMembershipCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = PersonalMembershipResource::class;
}


================================================
FILE: app/Http/Resources/V1/Member/PersonalMembershipResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Member;

use App\Http\Resources\V1\BaseResource;
use App\Models\Member;
use Illuminate\Http\Request;

/**
 * @property Member $resource
 */
class PersonalMembershipResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of membership */
            'id' => $this->resource->id,
            'organization' => [
                /** @var string $id ID of organization */
                'id' => $this->resource->organization->id,
                /** @var string $name Name of organization */
                'name' => $this->resource->organization->name,
                /** @var string $currency Currency code (ISO 4217) of organization */
                'currency' => $this->resource->organization->currency,
            ],
            /** @var string $role Role */
            'role' => $this->resource->role,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Organization/OrganizationResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Organization;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Http\Resources\V1\BaseResource;
use App\Models\Organization;
use App\Service\CurrencyService;
use Illuminate\Http\Request;

/**
 * @property Organization $resource
 */
class OrganizationResource extends BaseResource
{
    private bool $showBillableRate;

    /**
     * Create a new resource instance.
     *
     * @return void
     */
    public function __construct(Organization $resource, bool $showBillableRate)
    {
        parent::__construct($resource);

        $this->showBillableRate = $showBillableRate;
    }

    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        $currencyService = app(CurrencyService::class);

        return [
            /** @var string $id ID */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var bool $color Personal organizations automatically created after registration */
            'is_personal' => $this->resource->personal_team,
            /** @var int|null $billable_rate Billable rate in cents per hour */
            'billable_rate' => $this->showBillableRate ? $this->resource->billable_rate : null,
            /** @var bool $employees_can_see_billable_rates Can members of the organization with role "employee" see the billable rates */
            'employees_can_see_billable_rates' => $this->resource->employees_can_see_billable_rates,
            /** @var bool $employees_can_manage_tasks Can members of the organization with role "employee" manage tasks in public projects and projects they are assigned to */
            'employees_can_manage_tasks' => $this->resource->employees_can_manage_tasks,
            /** @var bool $prevent_overlapping_time_entries Prevent creating overlapping time entries (only new entries) */
            'prevent_overlapping_time_entries' => $this->resource->prevent_overlapping_time_entries,
            /** @var string $currency Currency code (ISO 4217) */
            'currency' => $this->resource->currency,
            /** @var string $currency_symbol Currency symbol */
            'currency_symbol' => $currencyService->getCurrencySymbol($this->resource->currency),
            /** @var NumberFormat $number_format Number format */
            'number_format' => $this->resource->number_format->value,
            /** @var CurrencyFormat $currency_format Currency format */
            'currency_format' => $this->resource->currency_format->value,
            /** @var DateFormat $date_format Date format */
            'date_format' => $this->resource->date_format->value,
            /** @var IntervalFormat $interval_format Interval format */
            'interval_format' => $this->resource->interval_format->value,
            /** @var TimeFormat $time_format Time format */
            'time_format' => $this->resource->time_format->value,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Project/ProjectCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Project;

use App\Http\Resources\PaginatedResourceCollection;
use App\Models\Project;
use Illuminate\Http\Request;
use Illuminate\Http\Resources\Json\ResourceCollection;

class ProjectCollection extends ResourceCollection implements PaginatedResourceCollection
{
    private bool $showBillableRates;

    public function __construct($resource, bool $showBillableRates)
    {
        parent::__construct($resource);
        $this->showBillableRates = $showBillableRates;
    }

    protected function collects(): ?string
    {
        return null;
    }

    /**
     * Transform the resource collection into an array.
     *
     * @return array<array<string, string|bool|int|null>>
     */
    public function toArray(Request $request): array
    {
        return $this->collection->map(function (Project $project) use ($request): array {
            return (new ProjectResource($project, $this->showBillableRates))
                ->toArray($request);
        })->all();
    }
}


================================================
FILE: app/Http/Resources/V1/Project/ProjectResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Project;

use App\Http\Resources\V1\BaseResource;
use App\Models\Project;
use Illuminate\Http\Request;

/**
 * @property Project $resource
 */
class ProjectResource extends BaseResource
{
    private bool $showBillableRate;

    public function __construct(Project $resource, bool $showBillableRate)
    {
        parent::__construct($resource);

        $this->showBillableRate = $showBillableRate;
    }

    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of project */
            'id' => $this->resource->id,
            /** @var string $name Name of project */
            'name' => $this->resource->name,
            /** @var string $color Color of project */
            'color' => $this->resource->color,
            /** @var string|null $client_id ID of client */
            'client_id' => $this->resource->client_id,
            /** @var bool $is_archived Whether the client is archived */
            'is_archived' => $this->resource->is_archived,
            /** @var int|null $billable_rate Billable rate in cents per hour */
            'billable_rate' => $this->showBillableRate ? $this->resource->billable_rate : null,
            /** @var bool $is_billable Project time entries billable default */
            'is_billable' => $this->resource->is_billable,
            /** @var int|null $estimated_time Estimated time in seconds */
            'estimated_time' => $this->resource->estimated_time,
            /** @var int $spent_time Spent time on this project in seconds (sum of the duration of all associated time entries, excl. still running time entries) */
            'spent_time' => $this->resource->spent_time,
            /** @var bool $is_public Whether the project is public */
            'is_public' => $this->resource->is_public,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/ProjectMember/ProjectMemberCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\ProjectMember;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class ProjectMemberCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = ProjectMemberResource::class;
}


================================================
FILE: app/Http/Resources/V1/ProjectMember/ProjectMemberResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\ProjectMember;

use App\Http\Resources\V1\BaseResource;
use App\Models\ProjectMember;
use Illuminate\Http\Request;

/**
 * @property ProjectMember $resource
 */
class ProjectMemberResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of project member */
            'id' => $this->resource->id,
            /** @var int|null $billable_rate Billable rate in cents per hour */
            'billable_rate' => $this->resource->billable_rate,
            /** @var string $member_id ID of the organization member */
            'member_id' => $this->resource->member_id,
            /** @var string $project_id ID of the project */
            'project_id' => $this->resource->project_id,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Report/DetailedReportResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Report;

use App\Http\Resources\V1\BaseResource;
use App\Models\Report;
use Illuminate\Http\Request;

/**
 * @property Report $resource
 */
class DetailedReportResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string, string|bool|int|null|array<int, string>>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of the report */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var string|null $email Description */
            'description' => $this->resource->description,
            /** @var bool $is_public Whether the report can be accessed via an external link */
            'is_public' => $this->resource->is_public,
            /** @var string|null $public_until Date until the report is public */
            'public_until' => $this->formatDateTime($this->resource->public_until),
            /** @var string|null $shareable_link Get link to access the report externally, not set if the report is private */
            'shareable_link' => $this->resource->getShareableLink(),
            'properties' => [
                /** @var string $group Type of first grouping */
                'group' => $this->resource->properties->group->value,
                /** @var string $sub_group Type of second grouping */
                'sub_group' => $this->resource->properties->subGroup->value,
                /** @var string $history_group Type of grouping of the historic aggregation (time chart) */
                'history_group' => $this->resource->properties->historyGroup->value,
                /** @var string $start Start date of the report */
                'start' => $this->formatDateTime($this->resource->properties->start),
                /** @var string $end End date of the report */
                'end' => $this->formatDateTime($this->resource->properties->end),
                /** @var bool|null $active Whether the report is active */
                'active' => $this->resource->properties->active,
                /** @var array<string>|null $member_ids Filter by multiple member IDs, member IDs are OR combined */
                'member_ids' => $this->resource->properties->memberIds?->toArray(),
                /** @var bool|null $billable Filter by billable status */
                'billable' => $this->resource->properties->billable,
                /** @var array<string>|null $client_ids Filter by client IDs, client IDs are OR combined */
                'client_ids' => $this->resource->properties->clientIds?->toArray(),
                /** @var array<string>|null $project_ids Filter by project IDs, project IDs are OR combined */
                'project_ids' => $this->resource->properties->projectIds?->toArray(),
                /** @var array<string>|null $tags_ids Filter by tag IDs, tag IDs are OR combined */
                'tag_ids' => $this->resource->properties->tagIds?->toArray(),
                /** @var array<string>|null $task_ids Filter by task IDs, task IDs are OR combined */
                'task_ids' => $this->resource->properties->taskIds?->toArray(),
                /** @var string|null $rounding_type Rounding type for time entries */
                'rounding_type' => $this->resource->properties->roundingType?->value,
                /** @var int|null $rounding_minutes Rounding minutes for time entries */
                'rounding_minutes' => $this->resource->properties->roundingMinutes,
            ],
            /** @var string $created_at Date when the report was created */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string $updated_at Date when the report was last updated */
            'updated_at' => $this->formatDateTime($this->resource->updated_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Report/DetailedWithDataReportResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Report;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Http\Resources\V1\BaseResource;
use App\Models\Report;
use App\Service\CurrencyService;
use Illuminate\Http\Request;

/**
 * @property Report $resource
 *
 * @phpstan-type Data array{
 *          grouped_type: string|null,
 *          grouped_data: null|array<array{
 *              key: string|null,
 *              description: string|null,
 *              color: string|null,
 *              seconds: int,
 *              cost: int|null,
 *              grouped_type: string|null,
 *              grouped_data: null|array<array{
 *                  key: string|null,
 *                  description: string|null,
 *                  color: string|null,
 *                  seconds: int,
 *                  cost: int|null,
 *                  grouped_type: null,
 *                  grouped_data: null
 *              }>
 *          }>,
 *          seconds: int,
 *          cost: int|null
 *    }
 */
class DetailedWithDataReportResource extends BaseResource
{
    /**
     * @var Data
     */
    private array $data;

    /**
     * @var Data
     */
    private array $historyData;

    /**
     * @param  Data  $data
     * @param  Data  $historyData
     */
    public function __construct(Report $resource, array $data, array $historyData)
    {
        parent::__construct($resource);
        $this->data = $data;
        $this->historyData = $historyData;
    }

    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|Data|array<string, string|bool|int|null|array<int, string>>>
     */
    public function toArray(Request $request): array
    {
        $currencyService = app(CurrencyService::class);

        return [
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var string|null $email Description */
            'description' => $this->resource->description,
            /** @var string|null $public_until Date until the report is public */
            'public_until' => $this->formatDateTime($this->resource->public_until),
            /** @var string $currency Currency code (ISO 4217) */
            'currency' => $this->resource->organization->currency,
            /** @var NumberFormat $number_format Number format */
            'number_format' => $this->resource->organization->number_format->value,
            /** @var CurrencyFormat $currency_format Currency format */
            'currency_format' => $this->resource->organization->currency_format->value,
            /** @var string $currency_symbol Currency symbol */
            'currency_symbol' => $currencyService->getCurrencySymbol($this->resource->organization->currency),
            /** @var DateFormat $date_format Date format */
            'date_format' => $this->resource->organization->date_format->value,
            /** @var IntervalFormat $interval_format Interval format */
            'interval_format' => $this->resource->organization->interval_format->value,
            /** @var TimeFormat $time_format Time format */
            'time_format' => $this->resource->organization->time_format->value,
            'properties' => [
                /** @var string $group Type of first grouping */
                'group' => $this->resource->properties->group->value,
                /** @var string $sub_group Type of second grouping */
                'sub_group' => $this->resource->properties->subGroup->value,
                /** @var string $history_group Type of grouping of the historic aggregation (time chart) */
                'history_group' => $this->resource->properties->historyGroup->value,
                /** @var string $start Start date of the report */
                'start' => $this->formatDateTime($this->resource->properties->start),
                /** @var string $end End date of the report */
                'end' => $this->formatDateTime($this->resource->properties->end),
            ],
            /** @var array{
             *        grouped_type: string|null,
             *        grouped_data: null|array<array{
             *            key: string|null,
             *            description: string|null,
             *            color: string|null,
             *            seconds: int,
             *            cost: int,
             *            grouped_type: string|null,
             *            grouped_data: null|array<array{
             *                key: string|null,
             *                description: string|null,
             *                color: string|null,
             *                seconds: int,
             *                cost: int,
             *                grouped_type: null,
             *                grouped_data: null
             *            }>
             *        }>,
             *        seconds: int,
             *        cost: int
             *  } $data Aggregated data
             */
            'data' => $this->data,
            /** @var array{
             *        grouped_type: string|null,
             *        grouped_data: null|array<array{
             *            key: string|null,
             *            description: string|null,
             *            seconds: int,
             *            cost: int,
             *            grouped_type: string|null,
             *            grouped_data: null|array<array{
             *                key: string|null,
             *                description: string|null,
             *                seconds: int,
             *                cost: int,
             *                grouped_type: null,
             *                grouped_data: null
             *            }>
             *        }>,
             *        seconds: int,
             *        cost: int
             *  } $history_data Historic aggregated data
             */
            'history_data' => $this->historyData,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Report/ReportCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Report;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class ReportCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = ReportResource::class;
}


================================================
FILE: app/Http/Resources/V1/Report/ReportResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Report;

use App\Http\Resources\V1\BaseResource;
use App\Models\Report;
use Illuminate\Http\Request;

/**
 * @property Report $resource
 */
class ReportResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of the report */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var string|null $email Description */
            'description' => $this->resource->description,
            /** @var bool $is_public Whether the report can be accessed via an external link */
            'is_public' => $this->resource->is_public,
            /** @var string|null $public_until Date until the report is public */
            'public_until' => $this->formatDateTime($this->resource->public_until),
            /** @var string|null $shareable_link Get link to access the report externally, not set if the report is private */
            'shareable_link' => $this->resource->getShareableLink(),
            /** @var string $created_at Date when the report was created */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string $updated_at Date when the report was last updated */
            'updated_at' => $this->formatDateTime($this->resource->updated_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Tag/TagCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Tag;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class TagCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = TagResource::class;
}


================================================
FILE: app/Http/Resources/V1/Tag/TagResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Tag;

use App\Http\Resources\V1\BaseResource;
use App\Models\Tag;
use Illuminate\Http\Request;

/**
 * @property Tag $resource
 */
class TagResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var string $created_at When the tag was created */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string $updated_at When the tag was last updated */
            'updated_at' => $this->formatDateTime($this->resource->updated_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/Task/TaskCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Task;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class TaskCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = TaskResource::class;
}


================================================
FILE: app/Http/Resources/V1/Task/TaskResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\Task;

use App\Http\Resources\V1\BaseResource;
use App\Models\Tag;
use App\Models\Task;
use Illuminate\Http\Request;

/**
 * @property Task $resource
 */
class TaskResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID */
            'id' => $this->resource->id,
            /** @var string $name Name */
            'name' => $this->resource->name,
            /** @var bool $is_done Whether the task is done */
            'is_done' => $this->resource->is_done,
            /** @var string $project_id ID of the project */
            'project_id' => $this->resource->project_id,
            /** @var int|null $estimated_time Estimated time in seconds */
            'estimated_time' => $this->resource->estimated_time,
            /** @var int $spent_time Spent time on this task in seconds (sum of the duration of all associated time entries, excl. still running time entries) */
            'spent_time' => $this->resource->spent_time,
            /** @var string $created_at When the tag was created */
            'created_at' => $this->formatDateTime($this->resource->created_at),
            /** @var string $updated_at When the tag was last updated */
            'updated_at' => $this->formatDateTime($this->resource->updated_at),
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/TimeEntry/TimeEntryCollection.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\TimeEntry;

use App\Http\Resources\PaginatedResourceCollection;
use Illuminate\Http\Resources\Json\ResourceCollection;

class TimeEntryCollection extends ResourceCollection implements PaginatedResourceCollection
{
    /**
     * The resource that this resource collects.
     *
     * @var string
     */
    public $collects = TimeEntryResource::class;
}


================================================
FILE: app/Http/Resources/V1/TimeEntry/TimeEntryResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\TimeEntry;

use App\Http\Resources\V1\BaseResource;
use App\Models\TimeEntry;
use Illuminate\Http\Request;

/**
 * @property TimeEntry $resource
 */
class TimeEntryResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of time entry */
            'id' => $this->resource->id,
            /**
             * @var string $start Start of time entry (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z)
             */
            'start' => $this->formatDateTime($this->resource->start),
            /**
             * @var string|null $end End of time entry (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z)
             */
            'end' => $this->formatDateTime($this->resource->end),
            /** @var int|null $duration Duration of time entry in seconds */
            'duration' => (int) $this->resource->getDuration()?->totalSeconds,
            /** @var string|null $description Description of time entry */
            'description' => $this->resource->description,
            /** @var string|null $task_id ID of task */
            'task_id' => $this->resource->task_id,
            /** @var string|null $project_id ID of project */
            'project_id' => $this->resource->project_id,
            /** @var string $organization_id ID of organization */
            'organization_id' => $this->resource->organization_id,
            /** @var string $user_id ID of user */
            'user_id' => $this->resource->user_id,
            /** @var array<string> $tags List of tag IDs */
            'tags' => $this->resource->tags ?? [],
            /** @var bool $billable Whether time entry is billable */
            'billable' => $this->resource->billable,
        ];
    }
}


================================================
FILE: app/Http/Resources/V1/User/UserResource.php
================================================
<?php

declare(strict_types=1);

namespace App\Http\Resources\V1\User;

use App\Enums\Weekday;
use App\Http\Resources\V1\BaseResource;
use App\Models\User;
use Illuminate\Http\Request;

/**
 * @property User $resource
 */
class UserResource extends BaseResource
{
    /**
     * Transform the resource into an array.
     *
     * @return array<string, string|bool|int|null|array<string>>
     */
    public function toArray(Request $request): array
    {
        return [
            /** @var string $id ID of user */
            'id' => $this->resource->id,
            /** @var string $name Name of user */
            'name' => $this->resource->name,
            /** @var string $email Email of user */
            'email' => $this->resource->email,
            /** @var string $profile_photo_url Profile photo URL */
            'profile_photo_url' => $this->resource->profile_photo_url,
            /** @var string $timezone Timezone (f.e. Europe/Berlin or America/New_York) */
            'timezone' => $this->resource->timezone,
            /** @var Weekday $week_start Starting day of the week */
            'week_start' => $this->resource->week_start->value,
        ];
    }
}


================================================
FILE: app/Jobs/RecalculateSpentTimeForProject.php
================================================
<?php

declare(strict_types=1);

namespace App\Jobs;

use App\Models\Project;
use Exception;
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Events\ShouldDispatchAfterCommit;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Foundation\Bus\Dispatchable;
use Illuminate\Queue\InteractsWithQueue;
use Illuminate\Queue\SerializesModels;

class RecalculateSpentTimeForProject implements ShouldDispatchAfterCommit, ShouldQueue
{
    use Dispatchable;
    use InteractsWithQueue;
    use Queueable;
    use SerializesModels;

    public Project $project;

    /**
     * Create a new job instance.
     */
    public function __construct(Project $project)
    {
        $this->project = $project;
    }

    /**
     * Execute the job.
     *
     * @throws Exception
     */
    public function handle(): void
    {
        $this->project->setComputedAttributeValue('spent_time');
        if ($this->project->isDirty()) {
            $this->project->save();
        }
    }
}


================================================
FILE: app/Jobs/RecalculateSpentTimeForTask.php
================================================
<?php

declare(strict_types=1);

namespace App\Jobs;

use App\Models\Task;
use Exception;
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Events\ShouldDispatchAfterCommit;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Foundation\Bus\Dispatchable;
use Illuminate\Queue\InteractsWithQueue;
use Illuminate\Queue\SerializesModels;

class RecalculateSpentTimeForTask implements ShouldDispatchAfterCommit, ShouldQueue
{
    use Dispatchable;
    use InteractsWithQueue;
    use Queueable;
    use SerializesModels;

    public Task $task;

    /**
     * Create a new job instance.
     */
    public function __construct(Task $task)
    {
        $this->task = $task;
    }

    /**
     * Execute the job.
     *
     * @throws Exception
     */
    public function handle(): void
    {
        $this->task->setComputedAttributeValue('spent_time');
        if ($this->task->isDirty()) {
            $this->task->save();
        }
    }
}


================================================
FILE: app/Jobs/Test/TestJob.php
================================================
<?php

declare(strict_types=1);

namespace App\Jobs\Test;

use App\Models\User;
use Exception;
use Illuminate\Bus\Queueable;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Foundation\Bus\Dispatchable;
use Illuminate\Queue\InteractsWithQueue;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Facades\Log;

class TestJob implements ShouldQueue
{
    use Dispatchable;
    use InteractsWithQueue;
    use Queueable;
    use SerializesModels;

    private User $user;

    private string $message;

    private bool $fail;

    /**
     * Create a new job instance.
     */
    public function __construct(User $user, string $message, bool $fail = false)
    {
        $this->user = $user;
        $this->message = $message;
        $this->fail = $fail;
    }

    /**
     * Execute the job.
     *
     * @throws Exception
     */
    public function handle(): void
    {
        Log::debug('TestJob: '.$this->message, [
            'user' => $this->user->getKey(),
        ]);
        if ($this->fail) {
            throw new Exception('TestJob failed.');
        }
    }
}


================================================
FILE: app/Listeners/RemovePlaceholder.php
================================================
<?php

declare(strict_types=1);

namespace App\Listeners;

use App\Models\Member;
use App\Models\User;
use App\Service\MemberService;
use Illuminate\Database\Eloquent\Builder;
use Laravel\Jetstream\Events\TeamMemberAdded;

class RemovePlaceholder
{
    /**
     * Handle the event.
     */
    public function handle(TeamMemberAdded $event): void
    {
        $memberService = app(MemberService::class);
        $member = Member::query()
            ->whereBelongsTo($event->team, 'organization')
            ->whereBelongsTo($event->user, 'user')
            ->firstOrFail();
        $placeholders = Member::query()
            ->whereHas('user', function (Builder $query) use ($event): void {
                /** @var Builder<User> $query */
                $query->where('is_placeholder', '=', true)
                    ->where('email', '=', $event->user->email);
            })
            ->whereBelongsTo($event->team, 'organization')
            ->with(['user'])
            ->get();

        foreach ($placeholders as $placeholder) {
            /** @var Member $placeholder */
            $placeholderUser = $placeholder->user;
            $memberService->assignOrganizationEntitiesToDifferentMember($event->team, $placeholder, $member);
            $placeholder->delete();
            $placeholderUser->delete();
        }
    }
}


================================================
FILE: app/Mail/AuthApiTokenExpirationReminderMail.php
================================================
<?php

declare(strict_types=1);

namespace App\Mail;

use App\Models\Passport\Token;
use App\Models\User;
use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Facades\URL;

class AuthApiTokenExpirationReminderMail extends Mailable
{
    use Queueable, SerializesModels;

    public Token $token;

    public User $user;

    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct(Token $token, User $user)
    {
        $this->token = $token;
        $this->user = $user;
    }

    /**
     * Build the message.
     */
    public function build(): self
    {
        return $this->markdown('emails.auth-api-expiration-reminder', [
            'profileUrl' => URL::to('user/profile'),
            'tokenName' => $this->token->name,
        ])
            ->subject(__('Your API token will expire in 7 days!'));
    }
}


================================================
FILE: app/Mail/AuthApiTokenExpiredMail.php
================================================
<?php

declare(strict_types=1);

namespace App\Mail;

use App\Models\Passport\Token;
use App\Models\User;
use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Facades\URL;

class AuthApiTokenExpiredMail extends Mailable
{
    use Queueable, SerializesModels;

    public Token $token;

    public User $user;

    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct(Token $token, User $user)
    {
        $this->token = $token;
        $this->user = $user;
    }

    /**
     * Build the message.
     */
    public function build(): self
    {
        return $this->markdown('emails.auth-api-token-expired', [
            'profileUrl' => URL::to('user/profile'),
            'tokenName' => $this->token->name,
        ])
            ->subject(__('Your API token has expired!'));
    }
}


================================================
FILE: app/Mail/OrganizationInvitationMail.php
================================================
<?php

declare(strict_types=1);

namespace App\Mail;

use App\Models\OrganizationInvitation;
use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Facades\URL;

class OrganizationInvitationMail extends Mailable
{
    use Queueable, SerializesModels;

    public OrganizationInvitation $invitation;

    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct(OrganizationInvitation $invitation)
    {
        $this->invitation = $invitation;
    }

    /**
     * Build the message.
     */
    public function build(): self
    {
        return $this->markdown('emails.organization-invitation', [
            'acceptUrl' => URL::signedRoute('team-invitations.accept', [
                'invitation' => $this->invitation,
            ]),
        ])->subject(__('Organization Invitation'));
    }
}


================================================
FILE: app/Mail/TimeEntryStillRunningMail.php
================================================
<?php

declare(strict_types=1);

namespace App\Mail;

use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Support\Facades\URL;

class TimeEntryStillRunningMail extends Mailable
{
    use Queueable, SerializesModels;

    public TimeEntry $timeEntry;

    public User $user;

    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct(TimeEntry $timeEntry, User $user)
    {
        $this->timeEntry = $timeEntry;
        $this->user = $user;
    }

    /**
     * Build the message.
     */
    public function build(): self
    {
        return $this->markdown('emails.time-entry-still-running', [
            'dashboardUrl' => URL::route('dashboard'),
        ])
            ->subject(__('Your Time Tracker is still running!'));
    }
}


================================================
FILE: app/Models/Audit.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use Database\Factories\AuditFactory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Support\Carbon;
use OwenIt\Auditing\Models\Audit as PackageAuditModel;

/**
 * @property int $id
 * @property string|null $user_type
 * @property string|null $user_id
 * @property string $event
 * @property string $auditable_type
 * @property string $auditable_id
 * @property array<string, mixed>|null $old_values
 * @property array<string, mixed>|null $new_values
 * @property string|null $url
 * @property string|null $ip_address
 * @property string|null $user_agent
 * @property string|null $tags
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 *
 * @method static AuditFactory factory()
 */
class Audit extends PackageAuditModel
{
    /** @use HasFactory<AuditFactory> */
    use HasFactory;
}


================================================
FILE: app/Models/Client.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\ClientFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Casts\Attribute;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Support\Carbon;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $name
 * @property string $organization_id
 * @property-read bool $is_archived
 * @property Carbon|null $archived_at
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Organization $organization
 *
 * @method static ClientFactory factory()
 */
class Client extends Model implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<ClientFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
        'archived_at' => 'datetime',
    ];

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * @return HasMany<Project, $this>
     */
    public function projects(): HasMany
    {
        return $this->hasMany(Project::class, 'client_id');
    }

    /**
     * @param  Builder<Client>  $builder
     * @return Builder<Client>
     */
    public function scopeVisibleByEmployee(Builder $builder, User $user): Builder
    {
        return $builder->whereHas('projects', function (Builder $builder) use ($user): Builder {
            /** @var Builder<Project> $builder */
            return $builder->visibleByEmployee($user);
        });
    }

    /**
     * @return Attribute<bool, never>
     */
    protected function isArchived(): Attribute
    {
        return Attribute::make(
            get: fn (mixed $value, array $attributes) => isset($attributes['archived_at']),
        );
    }
}


================================================
FILE: app/Models/Concerns/CustomAuditable.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Concerns;

use OwenIt\Auditing\Auditable;

trait CustomAuditable
{
    use Auditable;

    /**
     * @var array<string>|null
     */
    protected ?array $auditEvents = null;

    public function disableAuditing(): void
    {
        $this->auditEvents = [];
    }
}


================================================
FILE: app/Models/Concerns/HasUuids.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Concerns;

use Ramsey\Uuid\Uuid;

trait HasUuids
{
    use \Illuminate\Database\Eloquent\Concerns\HasUuids;

    /**
     * Generate a new UUID for the model.
     */
    public function newUniqueId(): string
    {
        return (string) Uuid::uuid4();
    }
}


================================================
FILE: app/Models/FailedJob.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use Database\Factories\FailedJobFactory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Carbon;

/**
 * @property string $uuid
 * @property string $connection
 * @property string $queue
 * @property Carbon $failed_at
 */
class FailedJob extends Model
{
    /** @use HasFactory<FailedJobFactory> */
    use HasFactory;

    /**
     * Indicates if the model should be timestamped.
     *
     * @var bool
     */
    public $timestamps = false;

    /**
     * The attributes that should be cast to native types.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'failed_at' => 'datetime',
        'payload' => 'json',
    ];
}


================================================
FILE: app/Models/Member.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\MemberFactory;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Support\Carbon;
use Laravel\Jetstream\Membership as JetstreamMembership;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $role
 * @property int|null $billable_rate
 * @property string $organization_id
 * @property string $user_id
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Organization $organization
 * @property-read User $user
 * @property-read Collection<int, ProjectMember> $projectMembers
 * @property-read Collection<int, TimeEntry> $timeEntries
 *
 * @method static MemberFactory factory()
 */
class Member extends JetstreamMembership implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<MemberFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The table associated with the pivot model.
     *
     * @var string
     */
    protected $table = 'members';

    /**
     * @return BelongsTo<User, $this>
     */
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * @return HasMany<TimeEntry, $this>
     */
    public function timeEntries(): HasMany
    {
        return $this->hasMany(TimeEntry::class, 'member_id');
    }

    /**
     * @return HasMany<ProjectMember, $this>
     */
    public function projectMembers(): HasMany
    {
        return $this->hasMany(ProjectMember::class, 'member_id');
    }
}


================================================
FILE: app/Models/Organization.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\OrganizationFactory;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\ModelNotFoundException;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\BelongsToMany;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Database\Eloquent\Relations\Pivot;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use Laravel\Jetstream\Events\TeamCreated;
use Laravel\Jetstream\Events\TeamDeleted;
use Laravel\Jetstream\Events\TeamUpdated;
use Laravel\Jetstream\Team as JetstreamTeam;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $name
 * @property bool $personal_team
 * @property string $currency
 * @property int|null $billable_rate
 * @property string $user_id
 * @property bool $employees_can_see_billable_rates
 * @property bool $employees_can_manage_tasks
 * @property User $owner
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property Collection<int, User> $users
 * @property Collection<int, User> $realUsers
 * @property-read Collection<int, OrganizationInvitation> $teamInvitations
 * @property Member $membership
 * @property NumberFormat $number_format
 * @property CurrencyFormat $currency_format
 * @property DateFormat $date_format
 * @property IntervalFormat $interval_format
 * @property TimeFormat $time_format
 *
 * @method HasMany<OrganizationInvitation, $this> teamInvitations()
 * @method static OrganizationFactory factory()
 */
class Organization extends JetstreamTeam implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<OrganizationFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
        'personal_team' => 'boolean',
        'currency' => 'string',
        'employees_can_see_billable_rates' => 'boolean',
        'employees_can_manage_tasks' => 'boolean',
        'prevent_overlapping_time_entries' => 'boolean',
        'number_format' => NumberFormat::class,
        'currency_format' => CurrencyFormat::class,
        'date_format' => DateFormat::class,
        'interval_format' => IntervalFormat::class,
        'time_format' => TimeFormat::class,
    ];

    /**
     * The attributes that are mass assignable.
     *
     * @var list<string>
     */
    protected $fillable = [
        'name',
        'personal_team',
    ];

    /**
     * The event map for the model.
     *
     * @var array<string, class-string>
     */
    protected $dispatchesEvents = [
        'created' => TeamCreated::class,
        'updated' => TeamUpdated::class,
        'deleted' => TeamDeleted::class,
    ];

    /**
     * The model's default values for attributes.
     *
     * @var array<string, mixed>
     */
    protected $attributes = [
    ];

    /**
     * Get all the non-placeholder users of the organization including its owner.
     *
     * @return Collection<int, User>
     */
    public function allRealUsers(): Collection
    {
        return $this->realUsers->merge([$this->owner]);
    }

    public function hasRealUserWithEmail(string $email): bool
    {
        return $this->allRealUsers()->contains(function (User $user) use ($email): bool {
            return $user->email === $email;
        });
    }

    /**
     * Get all the users that belong to the team.
     *
     * @return BelongsToMany<User, $this, Pivot, 'membership'>
     */
    public function users(): BelongsToMany
    {
        return $this->belongsToMany(User::class, Member::class)
            ->withPivot([
                'id',
                'role',
                'billable_rate',
            ])
            ->withTimestamps()
            ->as('membership');
    }

    /**
     * Get the owner of the team.
     *
     * @return BelongsTo<User, $this>
     */
    public function owner(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }

    /**
     * @return HasMany<Member, $this>
     */
    public function members(): HasMany
    {
        return $this->hasMany(Member::class);
    }

    /**
     * @return BelongsToMany<User, $this, Pivot, 'membership'>
     */
    public function realUsers(): BelongsToMany
    {
        return $this->users()
            ->where('is_placeholder', false);
    }

    /**
     * This method prevents an unhandled exception when the ID is not a UUID.
     * Normally this can be fixed with a route pattern, but Jetstream does not use route model binding.
     *
     * @param  array<string>  $columns
     */
    public function findOrFail(string $id, array $columns = ['*']): \Laravel\Jetstream\Team
    {
        if (! Str::isUuid($id)) {
            throw (new ModelNotFoundException)->setModel(
                self::class, $id
            );
        }

        return parent::findOrFail($id, $columns);
    }
}


================================================
FILE: app/Models/OrganizationInvitation.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\OrganizationInvitationFactory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;
use Laravel\Jetstream\TeamInvitation as JetstreamTeamInvitation;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $email
 * @property string $role
 * @property string $organization_id
 * @property Carbon|null $updated_at
 * @property Carbon|null $created_at
 * @property-read Organization $organization
 *
 * @method static OrganizationInvitationFactory factory()
 */
class OrganizationInvitation extends JetstreamTeamInvitation implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<OrganizationInvitationFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The table associated with the model.
     *
     * @var string
     */
    protected $table = 'organization_invitations';

    /**
     * The attributes that are mass assignable.
     *
     * @var array<int, string>
     */
    protected $fillable = [
        'email',
        'role',
    ];

    /**
     * Get the organization that the invitation belongs to.
     *
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * Get the organization that the invitation belongs to.
     *
     * @return BelongsTo<Organization, $this>
     */
    public function team(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }
}


================================================
FILE: app/Models/Passport/AuthCode.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Passport;

use App\Models\User;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;
use Laravel\Passport\AuthCode as PassportAuthCode;

/**
 * @property string $id
 * @property string $user_id
 * @property string $client_id
 * @property string|null $scopes
 * @property bool $revoked
 * @property Carbon $expires_at
 */
class AuthCode extends PassportAuthCode
{
    /**
     * @return BelongsTo<User, $this>
     */
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }
}


================================================
FILE: app/Models/Passport/Client.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Passport;

use Database\Factories\Passport\ClientFactory;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Support\Carbon;
use Laravel\Passport\Client as PassportClient;

/**
 * @property string $id
 * @property string|null $owner_id
 * @property string|null $owner_type
 * @property string $name
 * @property string|null $secret
 * @property string|null $provider
 * @property array<string> $grant_types
 * @property array<string> $redirect_uris
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property bool $revoked
 */
class Client extends PassportClient
{
    /** @use HasFactory<ClientFactory> */
    use HasFactory;

    /**
     * Create a new factory instance for the model.
     *
     * @return ClientFactory
     */
    protected static function newFactory(): Factory
    {
        return ClientFactory::new();
    }
}


================================================
FILE: app/Models/Passport/RefreshToken.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Passport;

use Laravel\Passport\RefreshToken as PassportRefreshToken;

class RefreshToken extends PassportRefreshToken {}


================================================
FILE: app/Models/Passport/Token.php
================================================
<?php

declare(strict_types=1);

namespace App\Models\Passport;

use App\Models\User;
use Database\Factories\Passport\TokenFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;
use Laravel\Passport\Token as PassportToken;

/**
 * @property string $id
 * @property null|string $user_id
 * @property string $client_id
 * @property null|string $name
 * @property array<string> $scopes
 * @property bool $revoked
 * @property Carbon|null $reminder_sent_at
 * @property Carbon|null $expired_info_sent_at
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property Carbon|null $expires_at
 * @property-read Client|null $client
 * @property-read User|null $user
 *
 * @method Builder<Token> isApiToken(bool $isApiToken = true)
 */
class Token extends PassportToken
{
    /** @use HasFactory<TokenFactory> */
    use HasFactory;

    /**
     * Get the client that the token belongs to.
     *
     * @return BelongsTo<Client, $this>
     */
    // @phpstan-ignore method.childReturnType
    public function client(): BelongsTo
    {
        return $this->belongsTo(Client::class, 'client_id', 'id');
    }

    /**
     * Get the user that the token belongs to.
     *
     * @deprecated Will be removed in a future Laravel version.
     *
     * @return BelongsTo<User, $this>
     */
    // @phpstan-ignore method.childReturnType
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }

    /**
     * Get the attributes that should be cast.
     *
     * @return array<string, string>
     */
    protected function casts(): array
    {
        return [
            'scopes' => 'array',
            'revoked' => 'bool',
            'expires_at' => 'datetime',
            'reminder_sent_at' => 'datetime',
            'expired_info_sent_at' => 'datetime',
        ];
    }

    /**
     * @param  Builder<static>  $query
     * @return Builder<static>
     */
    public function scopeIsApiToken(Builder $query, bool $isApiToken = true): Builder
    {
        if ($isApiToken) {
            return $query->whereHas('client', function (Builder $query): void {
                /** @var Builder<Client> $query */
                $query->whereJsonContains('grant_types', 'personal_access');
            });
        } else {
            return $query->whereHas('client', function (Builder $query): void {
                /** @var Builder<Client> $query */
                $query->whereJsonDoesntContain('grant_types', 'personal_access');
            });
        }

    }
}


================================================
FILE: app/Models/Project.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\ProjectFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Casts\Attribute;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\DB;
use Korridor\LaravelComputedAttributes\ComputedAttributes;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $name
 * @property string $color
 * @property string $organization_id
 * @property string $client_id
 * @property int|null $billable_rate
 * @property bool $is_public
 * @property bool $is_billable
 * @property-read bool $is_archived
 * @property int|null $estimated_time
 * @property int $spent_time
 * @property Carbon|null $archived_at
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Organization $organization
 * @property-read Client|null $client
 * @property-read Collection<int, Task> $tasks
 * @property-read Collection<int, ProjectMember> $members
 *
 * @method Builder<Project> visibleByEmployee(User $user)
 * @method static ProjectFactory factory()
 */
class Project extends Model implements AuditableContract
{
    use ComputedAttributes;
    use CustomAuditable;

    /** @use HasFactory<ProjectFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
        'color' => 'string',
        'archived_at' => 'datetime',
        'estimated_time' => 'integer',
        'spent_time' => 'integer',
    ];

    /**
     * Set default values for attributes.
     *
     * @var array<string, mixed>
     */
    protected $attributes = [
        'is_billable' => false,
    ];

    /**
     * The attributes that are computed. (f.e. for performance reasons)
     * These attributes can be regenerated at any time.
     *
     * @var string[]
     */
    protected array $computed = [
        'spent_time',
    ];

    /**
     * Attributes to exclude from the Audit.
     *
     * @var array<string>
     */
    protected array $auditExclude = [
        'spent_time',
    ];

    public function getSpentTimeComputed(): ?int
    {
        if ($this->hasAttribute('spent_time_computed')) {
            return $this->attributes['spent_time_computed'] === null ? 0 : (int) $this->attributes['spent_time_computed'];
        } else {
            /** @var object{ spent_time: string } $result */
            $result = $this->timeEntries()
                ->whereNotNull('end')
                ->selectRaw('sum(extract(epoch from ("end" - start))) as spent_time')
                ->first();

            return (int) $result->spent_time;
        }
    }

    /**
     * This scope will be applied during the computed property generation with artisan computed-attributes:generate.
     *
     * @param  Builder<Project>  $builder
     * @param  array<string>  $attributes  Attributes that will be generated.
     * @return Builder<Project>
     */
    public function scopeComputedAttributesGenerate(Builder $builder, array $attributes): Builder
    {
        if (in_array('spent_time', $attributes, true)) {
            $builder->withAggregate('timeEntries as spent_time_computed', DB::raw('extract(epoch from ("end" - start))'), 'sum');
        }

        return $builder;
    }

    /**
     * This scope will be applied during the computed property validation with artisan computed-attributes:validate.
     *
     * @param  Builder<Project>  $builder
     * @param  array<string>  $attributes  Attributes that will be validated.
     * @return Builder<Project>
     */
    public function scopeComputedAttributesValidate(Builder $builder, array $attributes): Builder
    {
        return $this->scopeComputedAttributesGenerate($builder, $attributes);
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * @return BelongsTo<Client, $this>
     */
    public function client(): BelongsTo
    {
        return $this->belongsTo(Client::class, 'client_id');
    }

    /**
     * @return HasMany<ProjectMember, $this>
     */
    public function members(): HasMany
    {
        return $this->hasMany(ProjectMember::class, 'project_id');
    }

    /**
     * @return HasMany<Task, $this>
     */
    public function tasks(): HasMany
    {
        return $this->hasMany(Task::class);
    }

    /**
     * @return HasMany<TimeEntry, $this>
     */
    public function timeEntries(): HasMany
    {
        return $this->hasMany(TimeEntry::class, 'project_id');
    }

    /**
     * @param  Builder<Project>  $builder
     */
    public function scopeVisibleByEmployee(Builder $builder, User $user): void
    {
        $builder->where(function (Builder $builder) use ($user): Builder {
            return $builder->where('is_public', '=', true)
                ->orWhereHas('members', function (Builder $builder) use ($user): Builder {
                    return $builder->whereBelongsTo($user, 'user');
                });
        });
    }

    /**
     * @return Attribute<bool, never>
     */
    protected function isArchived(): Attribute
    {
        return Attribute::make(
            get: fn (mixed $value, array $attributes) => isset($attributes['archived_at']),
        );
    }
}


================================================
FILE: app/Models/ProjectMember.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\ProjectMemberFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property int|null $billable_rate
 * @property string $project_id Project ID
 * @property string $member_id Member ID
 * @property string $user_id User ID (legacy)
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Project $project
 * @property-read Member $member
 * @property-read User $user
 *
 * @method static Builder<ProjectMember> whereBelongsToOrganization(Organization $organization)
 * @method static ProjectMemberFactory factory()
 */
class ProjectMember extends Model implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<ProjectMemberFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'billable_rate' => 'int',
    ];

    /**
     * @return BelongsTo<Project, $this>
     */
    public function project(): BelongsTo
    {
        return $this->belongsTo(Project::class, 'project_id');
    }

    /**
     * @deprecated Use member relationship instead
     *
     * @return BelongsTo<User, $this>
     */
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }

    /**
     * @return BelongsTo<Member, $this>
     */
    public function member(): BelongsTo
    {
        return $this->belongsTo(Member::class, 'member_id');
    }

    /**
     * @param  Builder<ProjectMember>  $builder
     */
    public function scopeWhereBelongsToOrganization(Builder $builder, Organization $organization): void
    {
        $builder->whereHas('project', static function (Builder $query) use ($organization): void {
            $query->whereBelongsTo($organization, 'organization');
        });
    }
}


================================================
FILE: app/Models/Report.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\HasUuids;
use App\Service\Dto\ReportPropertiesDto;
use Database\Factories\ReportFactory;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;

/**
 * @property string $id
 * @property string $name
 * @property string|null $description
 * @property string $organization_id
 * @property bool $is_public
 * @property Carbon|null $public_until
 * @property string|null $share_secret
 * @property ReportPropertiesDto $properties
 * @property-read Organization $organization
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 *
 * @method static ReportFactory factory()
 */
class Report extends Model
{
    /** @use HasFactory<ReportFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'is_public' => 'bool',
        'public_until' => 'datetime',
        'properties' => ReportPropertiesDto::class,
    ];

    public function getShareableLink(): ?string
    {
        if ($this->is_public && $this->share_secret !== null) {
            return route('shared-report').'#'.$this->share_secret;
        }

        return null;
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }
}


================================================
FILE: app/Models/Tag.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\TagFactory;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Support\Carbon;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;
use Staudenmeir\EloquentJsonRelations\HasJsonRelationships;
use Staudenmeir\EloquentJsonRelations\Relations\HasManyJson;

/**
 * @property string $id
 * @property string $name
 * @property string $organization_id
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Collection<int, TimeEntry> $timeEntries
 * @property-read Organization $organization
 *
 * @method static TagFactory factory()
 */
class Tag extends Model implements AuditableContract
{
    use CustomAuditable;

    /** @use HasFactory<TagFactory> */
    use HasFactory;

    use HasJsonRelationships;
    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
    ];

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * Warning: This relation based on a JSON column. Please make sure that there are no performance issues, before using it.
     *
     * @return HasManyJson<TimeEntry, $this>
     */
    public function timeEntries(): HasManyJson
    {
        return $this->hasManyJson(TimeEntry::class, 'tags');
    }
}


================================================
FILE: app/Models/Task.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use Database\Factories\TaskFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Casts\Attribute;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\DB;
use Korridor\LaravelComputedAttributes\ComputedAttributes;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $name
 * @property string $project_id
 * @property string $organization_id
 * @property Carbon|null $done_at
 * @property int|null $estimated_time
 * @property int $spent_time
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read Project $project
 * @property-read Organization $organization
 * @property-read Collection<int, TimeEntry> $timeEntries
 * @property-read bool $is_done
 *
 * @method static TaskFactory factory()
 */
class Task extends Model implements AuditableContract
{
    use ComputedAttributes;
    use CustomAuditable;

    /** @use HasFactory<TaskFactory> */
    use HasFactory;

    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
        'estimated_time' => 'integer',
        'done_at' => 'datetime',
    ];

    /**
     * The attributes that are computed. (f.e. for performance reasons)
     * These attributes can be regenerated at any time.
     *
     * @var string[]
     */
    protected array $computed = [
        'spent_time',
    ];

    /**
     * Attributes to exclude from the Audit.
     *
     * @var array<string>
     */
    protected array $auditExclude = [
        'spent_time',
    ];

    public function getSpentTimeComputed(): ?int
    {
        if ($this->hasAttribute('spent_time_computed')) {
            return $this->attributes['spent_time_computed'] === null ? 0 : (int) $this->attributes['spent_time_computed'];
        } else {
            /** @var object{ spent_time: string } $result */
            $result = $this->timeEntries()
                ->whereNotNull('end')
                ->selectRaw('sum(extract(epoch from ("end" - start))) as spent_time')
                ->first();

            return (int) $result->spent_time;
        }
    }

    /**
     * This scope will be applied during the computed property generation with artisan computed-attributes:generate.
     *
     * @param  Builder<Task>  $builder
     * @param  array<string>  $attributes  Attributes that will be generated.
     * @return Builder<Task>
     */
    public function scopeComputedAttributesGenerate(Builder $builder, array $attributes): Builder
    {
        if (in_array('spent_time', $attributes, true)) {
            $builder->withAggregate('timeEntries as spent_time_computed', DB::raw('extract(epoch from ("end" - start))'), 'sum');
        }

        return $builder;
    }

    /**
     * This scope will be applied during the computed property validation with artisan computed-attributes:validate.
     *
     * @param  Builder<Task>  $builder
     * @param  array<string>  $attributes  Attributes that will be validated.
     * @return Builder<Task>
     */
    public function scopeComputedAttributesValidate(Builder $builder, array $attributes): Builder
    {
        return $this->scopeComputedAttributesGenerate($builder, $attributes);
    }

    /**
     * @return BelongsTo<Project, $this>
     */
    public function project(): BelongsTo
    {
        return $this->belongsTo(Project::class);
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * @return HasMany<TimeEntry, $this>
     */
    public function timeEntries(): HasMany
    {
        return $this->hasMany(TimeEntry::class, 'task_id');
    }

    /**
     * @param  Builder<Task>  $builder
     * @return Builder<Task>
     */
    public function scopeVisibleByEmployee(Builder $builder, User $user): Builder
    {
        return $builder->whereHas('project', function (Builder $builder) use ($user): Builder {
            /** @var Builder<Project> $builder */
            return $builder->visibleByEmployee($user);
        });
    }

    /**
     * @return Attribute<bool, never>
     */
    public function isDone(): Attribute
    {
        return Attribute::make(
            get: fn (mixed $value, array $attributes) => isset($attributes['done_at']),
        );
    }
}


================================================
FILE: app/Models/TimeEntry.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use App\Service\BillableRateService;
use Carbon\CarbonInterval;
use Database\Factories\TimeEntryFactory;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\Relation;
use Illuminate\Support\Carbon;
use Korridor\LaravelComputedAttributes\ComputedAttributes;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;
use Staudenmeir\EloquentJsonRelations\HasJsonRelationships;
use Staudenmeir\EloquentJsonRelations\Relations\BelongsToJson;

/**
 * @property string $id
 * @property string $description
 * @property Carbon $start
 * @property Carbon|null $end
 * @property int|null $billable_rate Billable rate per hour in cents
 * @property bool $billable
 * @property array<string> $tags
 * @property string $user_id
 * @property string $member_id
 * @property bool $is_imported
 * @property Carbon|null $still_active_email_sent_at
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property-read User $user
 * @property-read Member $member
 * @property string $organization_id
 * @property-read Organization $organization
 * @property string|null $project_id
 * @property-read Project|null $project
 * @property string|null $client_id
 * @property-read Client|null $client
 * @property string|null $task_id
 * @property-read Task|null $task
 * @property-read Collection<int, Tag> $tagsRelation
 *
 * @method Builder<TimeEntry> hasTag(Tag $tag)
 * @method static TimeEntryFactory factory()
 */
class TimeEntry extends Model implements AuditableContract
{
    use ComputedAttributes;
    use CustomAuditable;

    /** @use HasFactory<TimeEntryFactory> */
    use HasFactory;

    use HasJsonRelationships;
    use HasUuids;

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'description' => 'string',
        'start' => 'datetime',
        'end' => 'datetime',
        'billable' => 'bool',
        'tags' => 'array',
        'billable_rate' => 'int',
        'is_imported' => 'bool',
        'still_active_email_sent_at' => 'datetime',
    ];

    public const array SELECT_COLUMNS = [
        'id',
        'description',
        'start',
        'end',
        'billable_rate',
        'billable',
        'user_id',
        'organization_id',
        'project_id',
        'task_id',
        'tags',
        'created_at',
        'updated_at',
        'member_id',
        'client_id',
        'is_imported',
        'still_active_email_sent_at',
    ];

    /**
     * The attributes that are computed. (f.e. for performance reasons)
     * These attributes can be regenerated at any time.
     *
     * @var string[]
     */
    protected array $computed = [
        'billable_rate',
        'client_id',
    ];

    /**
     * Attributes to exclude from the Audit.
     *
     * @var array<string>
     */
    protected array $auditExclude = [
        'billable_rate',
    ];

    public function getBillableRateComputed(): ?int
    {
        return app(BillableRateService::class)->getBillableRateForTimeEntry($this);
    }

    public function getClientIdComputed(): ?string
    {
        return $this->project_id === null || $this->project === null ? null : $this->project->client_id;
    }

    /**
     * This scope will be applied during the computed property generation with artisan computed-attributes:generate.
     *
     * @param  Builder<TimeEntry>  $builder
     * @param  array<string>  $attributes  Attributes that will be generated.
     * @return Builder<TimeEntry>
     */
    public function scopeComputedAttributesGenerate(Builder $builder, array $attributes): Builder
    {
        if (in_array('client_id', $attributes, true)) {
            $builder->with([
                'project' => function (Relation $builder): void {
                    /** @var Builder<Project> $builder */
                    $builder->select('id', 'client_id');
                },
            ]);
        }

        return $builder;
    }

    /**
     * This scope will be applied during the computed property validation with artisan computed-attributes:validate.
     *
     * @param  Builder<TimeEntry>  $builder
     * @param  array<string>  $attributes  Attributes that will be validated.
     * @return Builder<TimeEntry>
     */
    public function scopeComputedAttributesValidate(Builder $builder, array $attributes): Builder
    {
        return $this->scopeComputedAttributesGenerate($builder, $attributes);
    }

    public function getDuration(): ?CarbonInterval
    {
        return $this->end === null ? null : $this->start->diffAsCarbonInterval($this->end);
    }

    /**
     * @param  Builder<TimeEntry>  $builder
     */
    public function scopeHasTag(Builder $builder, Tag $tag): void
    {
        $builder->whereJsonContains('tags', $tag->getKey());
    }

    /**
     * @return BelongsTo<User, $this>
     */
    public function user(): BelongsTo
    {
        return $this->belongsTo(User::class, 'user_id');
    }

    /**
     * @return BelongsTo<Member, $this>
     */
    public function member(): BelongsTo
    {
        return $this->belongsTo(Member::class, 'member_id');
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function organization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'organization_id');
    }

    /**
     * @return BelongsTo<Project, $this>
     */
    public function project(): BelongsTo
    {
        return $this->belongsTo(Project::class, 'project_id');
    }

    /**
     * @return BelongsTo<Task, $this>
     */
    public function task(): BelongsTo
    {
        return $this->belongsTo(Task::class, 'task_id');
    }

    /**
     * This relation can be reconstructed via the task relation. It is only here for performance reasons.
     *
     * @return BelongsTo<Client, $this>
     */
    public function client(): BelongsTo
    {
        return $this->belongsTo(Client::class, 'client_id');
    }

    /**
     * Warning: This relation based on a JSON column. Please make sure that there are no performance issues, before using it.
     *
     * @return BelongsToJson<Tag, $this>
     */
    public function tagsRelation(): BelongsToJson
    {
        return $this->belongsToJson(Tag::class, 'tags');
    }
}


================================================
FILE: app/Models/User.php
================================================
<?php

declare(strict_types=1);

namespace App\Models;

use App\Enums\Weekday;
use App\Models\Concerns\CustomAuditable;
use App\Models\Concerns\HasUuids;
use App\Models\Passport\Token;
use Database\Factories\UserFactory;
use Filament\Models\Contracts\FilamentUser;
use Filament\Panel;
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Casts\Attribute;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Relations\BelongsTo;
use Illuminate\Database\Eloquent\Relations\BelongsToMany;
use Illuminate\Database\Eloquent\Relations\HasMany;
use Illuminate\Database\Eloquent\Relations\Pivot;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Storage;
use Laravel\Fortify\TwoFactorAuthenticatable;
use Laravel\Jetstream\HasProfilePhoto;
use Laravel\Jetstream\HasTeams;
use Laravel\Passport\AuthCode;
use Laravel\Passport\Contracts\OAuthenticatable;
use Laravel\Passport\HasApiTokens;
use OwenIt\Auditing\Contracts\Auditable as AuditableContract;

/**
 * @property string $id
 * @property string $name
 * @property string $email
 * @property Carbon|null $email_verified_at
 * @property string|null $password
 * @property string|null $two_factor_secret
 * @property string $timezone
 * @property bool $is_placeholder
 * @property Weekday $week_start
 * @property string|null $profile_photo_path
 * @property-read Organization|null $currentOrganization
 * @property-read Organization|null $currentTeam
 * @property-read string $profile_photo_url
 * @property-read Collection<int, Token> $tokens
 * @property Carbon|null $created_at
 * @property Carbon|null $updated_at
 * @property string|null $current_team_id
 * @property Collection<int, Organization> $organizations
 * @property Collection<int, TimeEntry> $timeEntries
 * @property Member $membership
 *
 * @method HasMany<Organization, $this> ownedTeams()
 * @method static UserFactory factory()
 * @method static Builder<User> query()
 * @method Builder<User> belongsToOrganization(Organization $organization)
 * @method Builder<User> active()
 */
class User extends Authenticatable implements AuditableContract, FilamentUser, MustVerifyEmail, OAuthenticatable
{
    use CustomAuditable;
    use HasApiTokens;

    /** @use HasFactory<UserFactory> */
    use HasFactory;

    use HasProfilePhoto;
    use HasTeams;
    use HasUuids;
    use Notifiable;
    use TwoFactorAuthenticatable;

    /**
     * The attributes that are mass assignable.
     *
     * @var list<string>
     */
    protected $fillable = [
        'name',
        'email',
        'password',
    ];

    /**
     * The attributes that should be hidden for serialization.
     *
     * @var list<string>
     */
    protected $hidden = [
        'password',
        'remember_token',
        'two_factor_recovery_codes',
        'two_factor_secret',
    ];

    /**
     * The attributes that should be cast.
     *
     * @var array<string, string>
     */
    protected $casts = [
        'name' => 'string',
        'email' => 'string',
        'email_verified_at' => 'datetime',
        'is_admin' => 'boolean',
        'is_placeholder' => 'boolean',
        'week_start' => Weekday::class,
    ];

    /**
     * The model's default values for attributes.
     *
     * @var array<string, mixed>
     */
    protected $attributes = [
        'week_start' => Weekday::Monday,
    ];

    /**
     * Get the URL to the user's profile photo.
     *
     * @return Attribute<string, never>
     */
    protected function profilePhotoUrl(): Attribute
    {
        return Attribute::get(function (): string {
            return $this->profile_photo_path
                ? Storage::disk($this->profilePhotoDisk())->url($this->profile_photo_path)
                : $this->defaultProfilePhotoUrl();
        });
    }

    public function canAccessPanel(Panel $panel): bool
    {
        return in_array($this->email, config('auth.super_admins', []), true) && $this->hasVerifiedEmail();
    }

    public function canBeImpersonated(): bool
    {
        return $this->is_placeholder === false;
    }

    /**
     * @return BelongsToMany<Organization, $this, Pivot, 'membership'>
     */
    public function organizations(): BelongsToMany
    {
        return $this->belongsToMany(Organization::class, Member::class)
            ->withPivot([
                'id',
                'role',
                'billable_rate',
            ])
            ->withTimestamps()
            ->as('membership');
    }

    /**
     * @return HasMany<TimeEntry, $this>
     */
    public function timeEntries(): HasMany
    {
        return $this->hasMany(TimeEntry::class);
    }

    /**
     * @return BelongsTo<Organization, $this>
     */
    public function currentOrganization(): BelongsTo
    {
        return $this->belongsTo(Organization::class, 'current_team_id');
    }

    /**
     * @return HasMany<ProjectMember, $this>
     */
    public function projectMembers(): HasMany
    {
        return $this->hasMany(ProjectMember::class, 'user_id');
    }

    /**
     * @return HasMany<Token, $this>
     */
    public function accessTokens(): HasMany
    {
        return $this->hasMany(Token::class);
    }

    /**
     * @return HasMany<AuthCode, $this>
     */
    public function authCodes(): HasMany
    {
        return $this->hasMany(AuthCode::class);
    }

    /**
     * @param  Builder<User>  $builder
     */
    public function scopeActive(Builder $builder): void
    {
        $builder->where('is_placeholder', '=', false);
    }

    /**
     * @param  Builder<User>  $builder
     * @return Builder<User>
     */
    public function scopeBelongsToOrganization(Builder $builder, Organization $organization): Builder
    {
        return $builder->where(function (Builder $builder) use ($organization): Builder {
            return $builder->whereHas('organizations', function (Builder $query) use ($organization): void {
                $query->whereKey($organization->getKey());
            })->orWhereHas('ownedTeams', function (Builder $query) use ($organization): void {
                $query->whereKey($organization->getKey());
            });
        });
    }
}


================================================
FILE: app/Policies/OrganizationPolicy.php
================================================
<?php

declare(strict_types=1);

namespace App\Policies;

use App\Models\Organization;
use App\Models\User;
use App\Service\PermissionStore;
use Filament\Facades\Filament;
use Illuminate\Auth\Access\HandlesAuthorization;

class OrganizationPolicy
{
    use HandlesAuthorization;

    /**
     * Determine whether the user can view any models.
     */
    public function viewAny(User $user): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return false;
    }

    /**
     * Determine whether the user can view the model.
     */
    public function view(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return $user->belongsToTeam($organization);
    }

    /**
     * Determine whether the user can create models.
     */
    public function create(User $user): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return true;
    }

    /**
     * Determine whether the user can update the model.
     */
    public function update(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return app(PermissionStore::class)->userHas($organization, $user, 'organizations:update');
    }

    /**
     * Determine whether the user can add team members.
     */
    public function addTeamMember(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return true;
    }

    /**
     * Determine whether the user can update team member permissions.
     */
    public function updateTeamMember(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        // Note: since this policy is only used for jetstream endpoints, we can return false here
        return false;
    }

    /**
     * Determine whether the user can remove team members.
     */
    public function removeTeamMember(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        // Note: since this policy is only used for jetstream endpoints that are no longer in use, we can return false here
        return false;
    }

    /**
     * Determine whether the user can delete the model.
     */
    public function delete(User $user, Organization $organization): bool
    {
        if (Filament::isServing()) {
            return true;
        }

        return $user->ownsTeam($organization);
    }
}


================================================
FILE: app/Providers/AppServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Models\Client;
use App\Models\FailedJob;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Passport\Token;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\BillingContract;
use App\Service\IpLookup\IpLookupServiceContract;
use App\Service\IpLookup\NoIpLookupService;
use App\Service\PermissionStore;
use Dedoc\Scramble\Scramble;
use Dedoc\Scramble\Support\Generator\OpenApi;
use Dedoc\Scramble\Support\Generator\SecurityScheme;
use Dedoc\Scramble\Support\Generator\SecuritySchemes\OAuthFlow;
use Filament\Forms\Components\Section;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Relations\Relation;
use Illuminate\Foundation\Application;
use Illuminate\Support\Facades\Route;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     */
    public function register(): void
    {
        //
    }

    /**
     * Bootstrap any application services.
     */
    public function boot(): void
    {
        if ($this->app->environment('local')) {
            $this->app->register(\Laravel\Telescope\TelescopeServiceProvider::class);
            $this->app->register(TelescopeServiceProvider::class);
        }

        // Eloquent
        Model::preventLazyLoading(! $this->app->isProduction());
        Model::preventSilentlyDiscardingAttributes(! $this->app->isProduction());
        Model::preventAccessingMissingAttributes(! $this->app->isProduction());
        Relation::enforceMorphMap([
            'client' => Client::class,
            'failed-job' => FailedJob::class,
            'membership' => Member::class,
            'organization' => Organization::class,
            'organization-invitation' => OrganizationInvitation::class,
            'project' => Project::class,
            'project-member' => ProjectMember::class,
            'tag' => Tag::class,
            'task' => Task::class,
            'time-entry' => TimeEntry::class,
            'user' => User::class,
        ]);
        Model::unguard();

        // Filament
        Section::configureUsing(function (Section $section): void {
            $section->columns(1);
        }, null, true);
        Table::configureUsing(function (Table $table): void {
            $table->paginated([10, 25, 50, 100]);
        });

        // Scramble
        Scramble::extendOpenApi(function (OpenApi $openApi): void {
            $openApi->secure(
                SecurityScheme::oauth2()
                    ->flow('authorizationCode', function (OAuthFlow $flow): void {
                        $flow
                            ->authorizationUrl('https://solidtime.test/oauth/authorize');
                    })
            );
        });

        $this->app->scoped(PermissionStore::class, function (Application $app): PermissionStore {
            return new PermissionStore;
        });

        // Extensions
        $this->app->bind(IpLookupServiceContract::class, NoIpLookupService::class);
        $this->app->bind(BillingContract::class);

        // Routing
        Route::model('member', Member::class);
        Route::model('invitation', OrganizationInvitation::class);
        Route::model('apiToken', Token::class);
    }
}


================================================
FILE: app/Providers/AuthServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Models\Organization;
use App\Models\Passport\AuthCode;
use App\Models\Passport\Client;
use App\Models\Passport\RefreshToken;
use App\Models\Passport\Token;
use App\Policies\OrganizationPolicy;
use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
use Laravel\Jetstream\Jetstream;
use Laravel\Passport\Passport;

class AuthServiceProvider extends ServiceProvider
{
    /**
     * The model to policy mappings for the application.
     *
     * @var array<class-string, class-string>
     */
    protected $policies = [
        Organization::class => OrganizationPolicy::class,
    ];

    /**
     * Register any authentication / authorization services.
     */
    public function boot(): void
    {
        // define scopes for passport tokens
        Passport::tokensCan([
            'create' => 'Create resources',
            'read' => 'Read Resources',
            'update' => 'Update Resources',
            'delete' => 'Delete Resources',
        ]);

        // default scope for passport tokens
        Passport::setDefaultScope([
            // 'create',
            'read',
            // 'update',
            // 'delete',
        ]);

        Passport::useTokenModel(Token::class);
        Passport::useRefreshTokenModel(RefreshToken::class);
        Passport::useAuthCodeModel(AuthCode::class);
        Passport::useClientModel(Client::class);

        Passport::authorizationView('auth.oauth.authorize');

        // Passport::tokensExpireIn(now()->addDays(15));
        // Passport::refreshTokensExpireIn(now()->addDays(30));
        Passport::personalAccessTokensExpireIn(now()->addMonths(12));

        // same as passport default above
        Jetstream::defaultApiTokenPermissions(['read']);

        // use passport scopes for jetstream token permissions
        Jetstream::permissions(Passport::scopeIds());
    }
}


================================================
FILE: app/Providers/EventServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Listeners\RemovePlaceholder;
use Illuminate\Auth\Events\Registered;
use Illuminate\Auth\Listeners\SendEmailVerificationNotification;
use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
use Laravel\Jetstream\Events\TeamMemberAdded;

class EventServiceProvider extends ServiceProvider
{
    /**
     * The event to listener mappings for the application.
     *
     * @var array<class-string, array<int, class-string>>
     */
    protected $listen = [
        Registered::class => [
            SendEmailVerificationNotification::class,
        ],
        TeamMemberAdded::class => [
            RemovePlaceholder::class,
        ],
    ];

    /**
     * Register any events for your application.
     */
    public function boot(): void
    {
        //
    }

    /**
     * Determine if events and listeners should be automatically discovered.
     */
    public function shouldDiscoverEvents(): bool
    {
        return false;
    }
}


================================================
FILE: app/Providers/Filament/AdminPanelProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers\Filament;

use App\Filament\Widgets\ActiveUserOverview;
use App\Filament\Widgets\ServerOverview;
use App\Filament\Widgets\TimeEntriesCreated;
use App\Filament\Widgets\TimeEntriesImported;
use App\Filament\Widgets\UserRegistrations;
use Filament\Http\Middleware\Authenticate;
use Filament\Http\Middleware\DisableBladeIconComponents;
use Filament\Http\Middleware\DispatchServingFilamentEvent;
use Filament\Navigation\NavigationGroup;
use Filament\Pages;
use Filament\Panel;
use Filament\PanelProvider;
use Filament\Support\Colors\Color;
use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
use Illuminate\Cookie\Middleware\EncryptCookies;
use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken;
use Illuminate\Routing\Middleware\SubstituteBindings;
use Illuminate\Session\Middleware\AuthenticateSession;
use Illuminate\Session\Middleware\StartSession;
use Illuminate\Support\Facades\App;
use Illuminate\View\Middleware\ShareErrorsFromSession;
use Nwidart\Modules\Facades\Module;
use pxlrbt\FilamentEnvironmentIndicator\EnvironmentIndicatorPlugin;

class AdminPanelProvider extends PanelProvider
{
    public function panel(Panel $panel): Panel
    {
        $panel->default()
            ->id('admin')
            ->path('admin')
            ->colors([
                'primary' => Color::Amber,
            ])
            ->discoverResources(in: app_path('Filament/Resources'), for: 'App\\Filament\\Resources')
            ->discoverPages(in: app_path('Filament/Pages'), for: 'App\\Filament\\Pages')
            ->pages([
                Pages\Dashboard::class,
            ])
            ->discoverWidgets(in: app_path('Filament/Widgets'), for: 'App\\Filament\\Widgets')
            ->widgets([
                ServerOverview::class,
                ActiveUserOverview::class,
                UserRegistrations::class,
                TimeEntriesCreated::class,
                TimeEntriesImported::class,
            ])
            ->viteTheme('resources/css/filament/admin/theme.css')
            ->plugins([
                EnvironmentIndicatorPlugin::make()
                    ->color(fn () => match (App::environment()) {
                        'production' => null,
                        'staging' => Color::Orange,
                        default => Color::Blue,
                    }),
            ])
            ->navigationGroups([
                NavigationGroup::make()
                    ->label('Timetracking'),
                NavigationGroup::make()
                    ->label('Users')
                    ->collapsed(),
                NavigationGroup::make()
                    ->label('System')
                    ->collapsed(),
                NavigationGroup::make()
                    ->label('Auth')
                    ->collapsed(),
            ])
            ->middleware([
                EncryptCookies::class,
                AddQueuedCookiesToResponse::class,
                StartSession::class,
                AuthenticateSession::class,
                ShareErrorsFromSession::class,
                VerifyCsrfToken::class,
                SubstituteBindings::class,
                DisableBladeIconComponents::class,
                DispatchServingFilamentEvent::class,
            ])
            ->authMiddleware([
                Authenticate::class,
            ]);

        $modules = Module::allEnabled();

        foreach ($modules as $module) {
            $panel->discoverResources(
                in: module_path($module->getName(), 'app/Filament/Resources'),
                for: 'Extensions\\'.$module->getName().'\\App\\Filament\\Resources'
            );

            $panel->discoverPages(
                in: module_path($module->getName(), 'app/Filament/Pages'),
                for: 'Extensions\\'.$module->getName().'\\App\\Filament\\Pages'
            );

            $panel->discoverWidgets(
                in: module_path($module->getName(), 'app/Filament/Widgets'),
                for: 'Extensions\\'.$module->getName().'\\App\\Filament\\Widgets'
            );
        }

        return $panel;
    }
}


================================================
FILE: app/Providers/FortifyServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Actions\Fortify\CreateNewUser;
use App\Actions\Fortify\ResetUserPassword;
use App\Actions\Fortify\UpdateUserPassword;
use App\Actions\Fortify\UpdateUserProfileInformation;
use App\Extensions\Fortify\CustomLoginResponse;
use App\Extensions\Fortify\CustomTwoFactorLoginResponse;
use App\Models\User;
use Illuminate\Cache\RateLimiting\Limit;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\RateLimiter;
use Illuminate\Support\ServiceProvider;
use Illuminate\Support\Str;
use Laravel\Fortify\Contracts\TwoFactorLoginResponse;
use Laravel\Fortify\Fortify;
use Laravel\Fortify\Http\Responses\LoginResponse;

class FortifyServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     */
    public function register(): void
    {
        //
    }

    /**
     * Bootstrap any application services.
     */
    public function boot(): void
    {
        Fortify::createUsersUsing(CreateNewUser::class);
        Fortify::updateUserProfileInformationUsing(UpdateUserProfileInformation::class);
        Fortify::updateUserPasswordsUsing(UpdateUserPassword::class);
        Fortify::resetUserPasswordsUsing(ResetUserPassword::class);

        Fortify::authenticateUsing(function (Request $request): ?User {
            /** @var User|null $user */
            $user = User::query()
                ->where('email', $request->email)
                ->where('is_placeholder', '=', false)
                ->first();

            if ($user !== null && Hash::check($request->password, $user->password)) {
                return $user;
            }

            return null;
        });

        RateLimiter::for('login', function (Request $request) {
            $throttleKey = Str::transliterate(Str::lower($request->input(Fortify::username())).'|'.$request->ip());

            return Limit::perMinute(5)->by($throttleKey);
        });

        RateLimiter::for('two-factor', function (Request $request) {
            return Limit::perMinute(5)->by($request->session()->get('login.id'));
        });

        $this->app->instance(LoginResponse::class, new CustomLoginResponse);
        $this->app->instance(TwoFactorLoginResponse::class, new CustomTwoFactorLoginResponse);
    }
}


================================================
FILE: app/Providers/JetstreamServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Actions\Jetstream\AddOrganizationMember;
use App\Actions\Jetstream\CreateOrganization;
use App\Actions\Jetstream\DeleteOrganization;
use App\Actions\Jetstream\DeleteUser;
use App\Actions\Jetstream\InviteOrganizationMember;
use App\Actions\Jetstream\RemoveOrganizationMember;
use App\Actions\Jetstream\UpdateMemberRole;
use App\Actions\Jetstream\UpdateOrganization;
use App\Actions\Jetstream\ValidateOrganizationDeletion;
use App\Enums\Role;
use App\Enums\Weekday;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\User;
use App\Service\TimezoneService;
use Brick\Money\Currency;
use Brick\Money\ISOCurrencyProvider;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Gate;
use Illuminate\Support\ServiceProvider;
use Inertia\Inertia;
use Laravel\Fortify\Fortify;
use Laravel\Jetstream\Actions\UpdateTeamMemberRole;
use Laravel\Jetstream\Actions\ValidateTeamDeletion;
use Laravel\Jetstream\Jetstream;

class JetstreamServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     */
    public function register(): void
    {
        //
    }

    /**
     * Bootstrap any application services.
     */
    public function boot(): void
    {
        $this->configurePermissions();

        Jetstream::createTeamsUsing(CreateOrganization::class);
        Jetstream::updateTeamNamesUsing(UpdateOrganization::class);
        Jetstream::addTeamMembersUsing(AddOrganizationMember::class);
        Jetstream::inviteTeamMembersUsing(InviteOrganizationMember::class);
        Jetstream::removeTeamMembersUsing(RemoveOrganizationMember::class);
        Jetstream::deleteTeamsUsing(DeleteOrganization::class);
        Jetstream::deleteUsersUsing(DeleteUser::class);
        Jetstream::useTeamModel(Organization::class);
        Jetstream::useMembershipModel(Member::class);
        Jetstream::useTeamInvitationModel(OrganizationInvitation::class);
        app()->singleton(UpdateTeamMemberRole::class, UpdateMemberRole::class);
        app()->singleton(ValidateTeamDeletion::class, ValidateOrganizationDeletion::class);
        Fortify::registerView(function () {
            return Inertia::render('Auth/Register', [
                'terms_url' => config('auth.terms_url'),
                'privacy_policy_url' => config('auth.privacy_policy_url'),
                'newsletter_consent' => config('auth.newsletter_consent'),
            ]);
        });
        Gate::define('removeTeamMember', function (User $user, Organization $team) {
            return false;
        });
    }

    /**
     * Configure the roles and permissions that are available within the application.
     */
    protected function configurePermissions(): void
    {
        Jetstream::defaultApiTokenPermissions([]);

        Jetstream::role(Role::Owner->value, 'Owner', [
            'charts:view:own',
            'charts:view:all',
            'projects:view',
            'projects:view:all',
            'projects:create',
            'projects:update',
            'projects:delete',
            'project-members:view',
            'project-members:create',
            'project-members:update',
            'project-members:delete',
            'tasks:view',
            'tasks:view:all',
            'tasks:create',
            'tasks:create:all',
            'tasks:update',
            'tasks:update:all',
            'tasks:delete',
            'tasks:delete:all',
            'time-entries:view:all',
            'time-entries:create:all',
            'time-entries:update:all',
            'time-entries:delete:all',
            'time-entries:view:own',
            'time-entries:create:own',
            'time-entries:update:own',
            'time-entries:delete:own',
            'tags:view',
            'tags:create',
            'tags:update',
            'tags:delete',
            'clients:view',
            'clients:view:all',
            'clients:create',
            'clients:update',
            'clients:delete',
            'organizations:view',
            'organizations:update',
            'organizations:delete',
            'import',
            'export',
            'invitations:view',
            'invitations:create',
            'invitations:resend',
            'invitations:remove',
            'members:view',
            'members:invite-placeholder',
            'members:change-ownership',
            'members:make-placeholder',
            'members:merge-into',
            'members:update',
            'members:delete',
            'billing',
            'reports:view',
            'reports:create',
            'reports:update',
            'reports:delete',
            'invoices:view',
            'invoices:create',
            'invoices:update',
            'invoices:download',
            'invoices:delete',
            'invoice-settings:view',
            'invoice-settings:update',
        ])->description('Owner users can perform any action. There is only one owner per organization.');

        Jetstream::role(Role::Admin->value, 'Administrator', [
            'charts:view:own',
            'charts:view:all',
            'projects:view',
            'projects:view:all',
            'projects:create',
            'projects:update',
            'projects:delete',
            'project-members:view',
            'project-members:create',
            'project-members:update',
            'project-members:delete',
            'tasks:view',
            'tasks:view:all',
            'tasks:create',
            'tasks:create:all',
            'tasks:update',
            'tasks:update:all',
            'tasks:delete',
            'tasks:delete:all',
            'time-entries:view:all',
            'time-entries:create:all',
            'time-entries:update:all',
            'time-entries:delete:all',
            'time-entries:view:own',
            'time-entries:create:own',
            'time-entries:update:own',
            'time-entries:delete:own',
            'tags:view',
            'tags:create',
            'tags:update',
            'tags:delete',
            'clients:view',
            'clients:view:all',
            'clients:create',
            'clients:update',
            'clients:delete',
            'organizations:view',
            'organizations:update',
            'import',
            'export',
            'invitations:view',
            'invitations:create',
            'invitations:resend',
            'invitations:remove',
            'members:view',
            'members:invite-placeholder',
            'members:make-placeholder',
            'members:merge-into',
            'members:delete',
            'members:update',
            'reports:view',
            'reports:create',
            'reports:update',
            'reports:delete',
            'invoices:view',
            'invoices:create',
            'invoices:update',
            'invoices:download',
            'invoices:delete',
            'invoice-settings:view',
            'invoice-settings:update',
        ])->description('Administrator users can perform any action, except accessing the billing dashboard.');

        Jetstream::role(Role::Manager->value, 'Manager', [
            'charts:view:own',
            'charts:view:all',
            'projects:view',
            'projects:view:all',
            'projects:create',
            'projects:update',
            'projects:delete',
            'project-members:view',
            'project-members:create',
            'project-members:update',
            'project-members:delete',
            'tasks:view',
            'tasks:view:all',
            'tasks:create',
            'tasks:create:all',
            'tasks:update',
            'tasks:update:all',
            'tasks:delete',
            'tasks:delete:all',
            'time-entries:view:all',
            'time-entries:create:all',
            'time-entries:update:all',
            'time-entries:delete:all',
            'time-entries:view:own',
            'time-entries:create:own',
            'time-entries:update:own',
            'time-entries:delete:own',
            'tags:view',
            'tags:create',
            'tags:update',
            'tags:delete',
            'clients:view',
            'clients:view:all',
            'clients:create',
            'clients:update',
            'clients:delete',
            'organizations:view',
            'invitations:view',
            'members:view',
            'reports:view',
            'reports:create',
            'reports:update',
            'reports:delete',
            'invoices:view',
            'invoices:create',
            'invoices:update',
            'invoices:download',
            'invoices:delete',
            'invoice-settings:view',
            'invoice-settings:update',
        ])->description('Managers have full access to all projects, time entries, ect. but cannot manage the organization (add/remove member, edit the organization, ect.).');

        Jetstream::role(Role::Employee->value, 'Employee', [
            'charts:view:own',
            'projects:view',
            'tags:view',
            'tasks:view',
            'clients:view',
            'time-entries:view:own',
            'time-entries:create:own',
            'time-entries:update:own',
            'time-entries:delete:own',
            'organizations:view',
        ])->description('Employees have the ability to read, create, and update their own time entries, they can see the projects that they are members of and the clients they are assigned to.');

        Jetstream::role(Role::Placeholder->value, 'Placeholder', [
        ])->description('Placeholders are used for importing data. They cannot log in and have no permissions.');

        Jetstream::inertia()
            ->whenRendering(
                'Profile/Show',
                function (Request $request, array $data): array {
                    return array_merge($data, [
                        'timezones' => $this->app->get(TimezoneService::class)->getSelectOptions(),
                        'weekdays' => Weekday::toSelectArray(),
                    ]);
                }
            )
            ->whenRendering(
                'Teams/Show',
                function (Request $request, array $data): array {
                    /** @var Organization $teamModel */
                    $teamModel = $data['team'];
                    $owner = $teamModel->owner;

                    return array_merge($data, [
                        'team' => [
                            'id' => $teamModel->getKey(),
                            'name' => $teamModel->name,
                            'currency' => $teamModel->currency,
                            'owner' => [
                                'id' => $owner->getKey(),
                                'name' => $owner->name,
                                'email' => $owner->email,
                                'profile_photo_url' => $owner->profile_photo_url,
                            ],
                            'users' => $teamModel->users->map(function (User $user): array {
                                return [
                                    'id' => $user->getKey(),
                                    'name' => $user->name,
                                    'email' => $user->email,
                                    'profile_photo_url' => $user->profile_photo_url,
                                    'membership' => [
                                        'id' => $user->membership->id,
                                        'role' => $user->membership->role,
                                    ],
                                ];
                            }),
                            'team_invitations' => $teamModel->teamInvitations->map(function (OrganizationInvitation $invitation): array {
                                return [
                                    'id' => $invitation->getKey(),
                                    'email' => $invitation->email,
                                    'role' => $invitation->role,
                                ];
                            }),
                        ],
                        'currencies' => array_map(function (Currency $currency): string {
                            return $currency->getName();
                        }, ISOCurrencyProvider::getInstance()->getAvailableCurrencies()),
                    ]);
                }
            );
    }
}


================================================
FILE: app/Providers/RouteServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Http\Controllers\Web\HealthCheckController;
use Illuminate\Cache\RateLimiting\Limit;
use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\RateLimiter;
use Illuminate\Support\Facades\Route;

class RouteServiceProvider extends ServiceProvider
{
    /**
     * The path to your application's "home" route.
     *
     * Typically, users are redirected here after authentication.
     *
     * @var string
     */
    public const HOME = '/dashboard';

    /**
     * Define your route model bindings, pattern filters, and other route configuration.
     */
    public function boot(): void
    {
        RateLimiter::for('api', function (Request $request) {
            if (! $this->app->isProduction()) {
                return Limit::none();
            }

            return $request->user()
                ? Limit::perMinute(200)->by($request->user()->id)
                : Limit::perMinute(60)->by($request->ip());
        });

        $this->routes(function (): void {
            Route::middleware('health-check')
                ->group(function (): void {
                    Route::get('health-check/up', [HealthCheckController::class, 'up']);
                    Route::get('health-check/debug', [HealthCheckController::class, 'debug']);
                });

            Route::middleware('api')
                ->prefix('api')
                ->name('api.')
                ->group(base_path('routes/api.php'));

            Route::middleware('web')
                ->group(base_path('routes/web.php'));
        });
    }
}


================================================
FILE: app/Providers/TelescopeServiceProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Providers;

use App\Models\User;
use Illuminate\Support\Facades\Gate;
use Laravel\Telescope\IncomingEntry;
use Laravel\Telescope\Telescope;
use Laravel\Telescope\TelescopeApplicationServiceProvider;

class TelescopeServiceProvider extends TelescopeApplicationServiceProvider
{
    /**
     * Register any application services.
     */
    public function register(): void
    {
        Telescope::night();

        $this->hideSensitiveRequestDetails();

        Telescope::filter(function (IncomingEntry $entry): bool {
            if ($this->app->environment('local')) {
                return true;
            }

            return $entry->isReportableException() ||
                   $entry->isFailedRequest() ||
                   $entry->isFailedJob() ||
                   $entry->isScheduledTask() ||
                   $entry->hasMonitoredTag();
        });
    }

    /**
     * Prevent sensitive request details from being logged by Telescope.
     */
    protected function hideSensitiveRequestDetails(): void
    {
        if ($this->app->environment('local')) {
            return;
        }

        Telescope::hideRequestParameters(['_token']);

        Telescope::hideRequestHeaders([
            'cookie',
            'x-csrf-token',
            'x-xsrf-token',
        ]);
    }

    /**
     * Register the Telescope gate.
     *
     * This gate determines who can access Telescope in non-local environments.
     */
    protected function gate(): void
    {
        Gate::define('viewTelescope', function (User $user): bool {
            // Note: Telescope is only available in local environments, so this should not be relevant.
            return false;
        });
    }
}


================================================
FILE: app/Rules/ColorRule.php
================================================
<?php

declare(strict_types=1);

namespace App\Rules;

use App\Service\ColorService;
use Closure;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Translation\PotentiallyTranslatedString;

class ColorRule implements ValidationRule
{
    /**
     * Run the validation rule.
     *
     * @param  Closure(string): PotentiallyTranslatedString  $fail
     */
    public function validate(string $attribute, mixed $value, Closure $fail): void
    {
        if (! is_string($value)) {
            $fail(__('validation.string'));

            return;
        }
        if (! app(ColorService::class)->isValid($value)) {
            $fail(__('validation.color'));

            return;
        }
    }
}


================================================
FILE: app/Rules/CurrencyRule.php
================================================
<?php

declare(strict_types=1);

namespace App\Rules;

use Brick\Money\ISOCurrencyProvider;
use Closure;
use Illuminate\Contracts\Validation\ValidationRule;
use Illuminate\Translation\PotentiallyTranslatedString;

class CurrencyRule implements ValidationRule
{
    /**
     * Run the validation rule.
     *
     * @param  Closure(string): PotentiallyTranslatedString  $fail
     */
    public function validate(string $attribute, mixed $value, Closure $fail): void
    {
        if (! is_string($value)) {
            $fail(__('validation.string'));

            return;
        }

        $currencies = ISOCurrencyProvider::getInstance()->getAvailableCurrencies();
        if (array_key_exists($value, $currencies)) {
            return;
        }

        $fail(__('validation.currency'));
    }
}


================================================
FILE: app/Service/ApiService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\Audit;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Exception;
use Illuminate\Support\Facades\Http;
use Log;

class ApiService
{
    private const string API_URL = 'https://app.solidtime.io/api/v1';

    public function checkForUpdate(): ?string
    {
        try {
            $response = Http::asJson()
                ->timeout(3)
                ->connectTimeout(2)
                ->post(self::API_URL.'/ping/version', [
                    'version' => config('app.version'),
                    'build' => config('app.build'),
                    'url' => config('app.url'),
                ]);

            if ($response->status() === 200 && isset($response->json()['version']) && is_string($response->json()['version'])) {
                return $response->json()['version'];
            } else {
                Log::warning('Failed to check for update', [
                    'status' => $response->status(),
                    'body' => $response->body(),
                ]);

                return null;
            }
        } catch (\Throwable $e) {
            Log::warning('Failed to check for update', [
                'message' => $e->getMessage(),
            ]);

            return null;
        }
    }

    public function telemetry(): bool
    {
        try {
            $response = Http::asJson()
                ->timeout(3)
                ->connectTimeout(2)
                ->post(self::API_URL.'/ping/telemetry', [
                    'version' => config('app.version'),
                    'build' => config('app.build'),
                    'url' => config('app.url'),
                    // telemetry data
                    'user_count' => User::count(),
                    'organization_count' => Organization::count(),
                    'audit_count' => Audit::count(),
                    'project_count' => Project::count(),
                    'project_member_count' => ProjectMember::count(),
                    'client_count' => Client::count(),
                    'task_count' => Task::count(),
                    'time_entry_count' => TimeEntry::count(),
                ]);

            if ($response->status() === 200) {
                return true;
            } else {
                Log::warning('Failed send telemetry data', [
                    'status' => $response->status(),
                    'body' => $response->body(),
                ]);

                return false;
            }
        } catch (Exception $e) {
            Log::warning('Failed send telemetry data', [
                'message' => $e->getMessage(),
            ]);

            return false;
        }
    }
}


================================================
FILE: app/Service/BillableRateService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use Illuminate\Database\Eloquent\Builder;

class BillableRateService
{
    public function updateTimeEntriesBillableRateForProjectMember(ProjectMember $projectMember): void
    {
        TimeEntry::query()
            ->where('billable', '=', true)
            ->where('member_id', '=', $projectMember->member_id)
            ->where('project_id', '=', $projectMember->project_id)
            ->update(['billable_rate' => $projectMember->billable_rate]);
    }

    public function updateTimeEntriesBillableRateForProject(Project $project): void
    {
        TimeEntry::query()
            ->where('billable', '=', true)
            ->where('organization_id', '=', $project->organization_id)
            ->whereBelongsTo($project, 'project')
            ->whereDoesntHave('member', function (Builder $query) use ($project): void {
                /** @var Builder<Member> $query */
                $query->whereHas('projectMembers', function (Builder $query) use ($project): void {
                    /** @var Builder<ProjectMember> $query */
                    $query->whereBelongsTo($project, 'project')
                        ->whereNotNull('billable_rate');
                });
            })
            ->update(['billable_rate' => $project->billable_rate]);
    }

    public function updateTimeEntriesBillableRateForMember(Member $member): void
    {
        TimeEntry::query()
            ->where('billable', '=', true)
            ->where('organization_id', '=', $member->organization_id)
            ->where('member_id', '=', $member->getKey())
            ->whereDoesntHave('project', function (Builder $builder) use ($member): void {
                /** @var Builder<Project> $builder */
                $builder->whereNotNull('billable_rate')
                    ->orWhereHas('members', function (Builder $builder) use ($member): void {
                        /** @var Builder<ProjectMember> $builder */
                        $builder->whereNotNull('billable_rate')
                            ->where('member_id', '=', $member->getKey());
                    });
            })
            ->update(['billable_rate' => $member->billable_rate]);
    }

    public function updateTimeEntriesBillableRateForOrganization(Organization $organization): void
    {
        TimeEntry::query()
            ->where('billable', '=', true)
            ->where('organization_id', '=', $organization->getKey())
            ->whereDoesntHave('member', function (Builder $builder): void {
                /** @var Builder<Member> $builder */
                $builder->whereNotNull('billable_rate');
            })
            ->whereDoesntHave('project', function (Builder $builder): void {
                /** @var Builder<Project> $builder */
                $builder->whereNotNull('billable_rate')
                    ->orWhereHas('members', function (Builder $builder): void {
                        /** @var Builder<ProjectMember> $builder */
                        $builder->whereNotNull('billable_rate')
                            ->whereRaw('member_id = time_entries.member_id');
                    });
            })
            ->update(['billable_rate' => $organization->billable_rate]);
    }

    public function getBillableRateForTimeEntryWithGivenRelations(TimeEntry $timeEntry, ?ProjectMember $projectMember, ?Project $project, ?Member $member, ?Organization $organization): ?int
    {
        if (! $timeEntry->billable) {
            return null;
        }
        if ($projectMember !== null && $projectMember->billable_rate !== null) {
            return $projectMember->billable_rate;
        }
        if ($project !== null && $project->billable_rate !== null) {
            return $project->billable_rate;
        }
        if ($member !== null && $member->billable_rate !== null) {
            return $member->billable_rate;
        }
        if ($organization !== null && $organization->billable_rate !== null) {
            return $organization->billable_rate;
        }

        return null;
    }

    public function getBillableRateForTimeEntry(TimeEntry $timeEntry): ?int
    {
        if (! $timeEntry->billable) {
            return null;
        }
        if ($timeEntry->project_id !== null) {
            // Project member rate
            /** @var ProjectMember|null $projectMember */
            $projectMember = ProjectMember::query()
                ->where('user_id', '=', $timeEntry->user_id)
                ->where('project_id', '=', $timeEntry->project_id)
                ->first();
            if ($projectMember !== null && $projectMember->billable_rate !== null) {
                return $projectMember->billable_rate;
            }

            // Project rate
            /** @var Project|null $project */
            $project = Project::find($timeEntry->project_id);
            if ($project !== null && $project->billable_rate !== null) {
                return $project->billable_rate;
            }
        }
        // Member rate
        /** @var Member|null $member */
        $member = Member::query()
            ->where('user_id', '=', $timeEntry->user_id)
            ->where('organization_id', '=', $timeEntry->organization_id)
            ->first();
        if ($member !== null && $member->billable_rate !== null) {
            return $member->billable_rate;
        }

        // Organization rate
        /** @var Organization|null $organization */
        $organization = Organization::query()
            ->where('id', '=', $timeEntry->organization_id)
            ->first();
        if ($organization !== null && $organization->billable_rate !== null) {
            return $organization->billable_rate;
        }

        return null;
    }
}


================================================
FILE: app/Service/BillingContract.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\Organization;
use Illuminate\Support\Carbon;

/**
 * This class is a contract for the billing system
 * The billing system is responsible for managing the subscriptions of organizations
 * The concrete implementation of this contract for the cloud version of solidtime is implemented in an extension
 */
class BillingContract
{
    /**
     * Check if the organization has a Professional subscription
     * A Professional subscription is a paid subscription that allows the organization to:
     *  - Have more than 1 non-placeholder member
     *  - Access features that are not available to free organizations
     */
    public function hasSubscription(Organization $organization): bool
    {
        return true;
    }

    /**
     * Check if the organization has a trial subscription
     * A trial subscription gives the organization the same benefits as a Professional subscription, but for a limited time
     */
    public function hasTrial(Organization $organization): bool
    {
        return false;
    }

    /**
     * Get the date until which the organization's trial subscription is valid
     * If the organization does not have a trial subscription, this method should return null
     */
    public function getTrialUntil(Organization $organization): ?Carbon
    {
        return null;
    }

    /**
     * Check if the organization is blocked
     * A blocked organization is an organization that has more than 1 non-placeholder member but no subscription/trial
     * This can happen if:
     *  - The organization's trial has expired and during the trial the organization added non-placeholder members
     *  - The organization's subscription has expired and the organization has more than 1 non-placeholder member
     */
    public function isBlocked(Organization $organization): bool
    {
        return false;
    }
}


================================================
FILE: app/Service/ColorService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

class ColorService
{
    /**
     * @var array<string>
     */
    private const array COLORS = [
        '#ef5350',
        '#ec407a',
        '#ab47bc',
        '#7e57c2',
        '#5c6bc0',
        '#42a5f5',
        '#29b6f6',
        '#26c6da',
        '#26a69a',
        '#66bb6a',
        '#9ccc65',
        '#d4e157',
        '#ffee58',
        '#ffca28',
        '#ffa726',
        '#ff7043',
        '#8d6e63',
        '#bdbdbd',
        '#78909c',
    ];

    private const string VALID_REGEX = '/^#[0-9a-f]{6}$/';

    public function isBuiltInColor(string $color): bool
    {
        return in_array($color, self::COLORS, true);
    }

    public function getRandomColor(?string $seed = null): string
    {
        if ($seed !== null) {
            srand(crc32($seed));
        }

        return self::COLORS[array_rand(self::COLORS)];
    }

    public function isValid(string $color): bool
    {
        return preg_match(self::VALID_REGEX, $color) === 1;
    }
}


================================================
FILE: app/Service/CurrencyService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use Brick\Money\ISOCurrencyProvider;
use Brick\Money\Money;

class CurrencyService
{
    /**
     * @source https://gist.github.com/stephenfrank/a8245c2486f3e546107c5363706ac93e
     *
     * @const array<string, array<{ symbol: string }>>
     */
    private const array CURRENCIES = [
        'ALL' => [
            'symbol' => 'L',
        ],
        'AFN' => [
            'symbol' => '؋',
        ],
        'ARS' => [
            'symbol' => '$',
        ],
        'AWG' => [
            'symbol' => 'ƒ',
        ],
        'AUD' => [
            'symbol' => '$',
        ],
        'AZN' => [
            'symbol' => '₼',
        ],
        'BSD' => [
            'symbol' => '$',
        ],
        'BBD' => [
            'symbol' => '$',
        ],
        'BDT' => [
            'symbol' => '৳',
        ],
        'BYR' => [
            'symbol' => 'Br',
        ],
        'BZD' => [
            'symbol' => 'BZ$',
        ],
        'BMD' => [
            'symbol' => '$',
        ],
        'BOB' => [
            'symbol' => '$b',
        ],
        'BAM' => [
            'symbol' => 'KM',
        ],
        'BWP' => [
            'symbol' => 'P',
        ],
        'BGN' => [
            'symbol' => 'лв',
        ],
        'BRL' => [
            'symbol' => 'R$',
        ],
        'BND' => [
            'symbol' => '$',
        ],
        'KHR' => [
            'symbol' => '៛',
        ],
        'CAD' => [
            'symbol' => '$',
        ],
        'KYD' => [
            'symbol' => '$',
        ],
        'CLP' => [
            'symbol' => '$',
        ],
        'CNY' => [
            'symbol' => '¥',
        ],
        'COP' => [
            'symbol' => '$',
        ],
        'CRC' => [
            'symbol' => '₡',
        ],
        'HRK' => [
            'symbol' => 'kn',
        ],
        'CUP' => [
            'symbol' => '₱',
        ],
        'CZK' => [
            'symbol' => 'Kč',
        ],
        'DKK' => [
            'symbol' => 'kr',
        ],
        'DOP' => [
            'symbol' => 'RD$',
        ],
        'XCD' => [
            'symbol' => '$',
        ],
        'EGP' => [
            'symbol' => '£',
        ],
        'SVC' => [
            'symbol' => '$',
        ],
        'EEK' => [
            'symbol' => 'kr',
        ],
        'EUR' => [
            'symbol' => '€',
        ],
        'FKP' => [
            'symbol' => '£',
        ],
        'FJD' => [
            'symbol' => '$',
        ],
        'GHC' => [
            'symbol' => '₵',
        ],
        'GIP' => [
            'symbol' => '£',
        ],
        'GTQ' => [
            'symbol' => 'Q',
        ],
        'GGP' => [
            'symbol' => '£',
        ],
        'GYD' => [
            'symbol' => '$',
        ],
        'HNL' => [
            'symbol' => 'L',
        ],
        'HKD' => [
            'symbol' => '$',
        ],
        'HUF' => [
            'symbol' => 'Ft',
        ],
        'ISK' => [
            'symbol' => 'kr',
        ],
        'INR' => [
            'symbol' => '₹',
        ],
        'IDR' => [
            'symbol' => 'Rp',
        ],
        'IRR' => [
            'symbol' => '﷼',
        ],
        'IMP' => [
            'symbol' => '£',
        ],
        'ILS' => [
            'symbol' => '₪',
        ],
        'JMD' => [
            'symbol' => 'J$',
        ],
        'JPY' => [
            'symbol' => '¥',
        ],
        'JEP' => [
            'symbol' => '£',
        ],
        'KZT' => [
            'symbol' => 'лв',
        ],
        'KPW' => [
            'symbol' => '₩',
        ],
        'KRW' => [
            'symbol' => '₩',
        ],
        'KGS' => [
            'symbol' => 'лв',
        ],
        'LAK' => [
            'symbol' => '₭',
        ],
        'LVL' => [
            'symbol' => 'Ls',
        ],
        'LBP' => [
            'symbol' => '£',
        ],
        'LRD' => [
            'symbol' => '$',
        ],
        'LTL' => [
            'symbol' => 'Lt',
        ],
        'MKD' => [
            'symbol' => 'ден',
        ],
        'MYR' => [
            'symbol' => 'RM',
        ],
        'MUR' => [
            'symbol' => '₨',
        ],
        'MXN' => [
            'symbol' => '$',
        ],
        'MNT' => [
            'symbol' => '₮',
        ],
        'MZN' => [
            'symbol' => 'MT',
        ],
        'NAD' => [
            'symbol' => '$',
        ],
        'NPR' => [
            'symbol' => '₨',
        ],
        'ANG' => [
            'symbol' => 'ƒ',
        ],
        'NZD' => [
            'symbol' => '$',
        ],
        'NIO' => [
            'symbol' => 'C$',
        ],
        'NGN' => [
            'symbol' => '₦',
        ],
        'NOK' => [
            'symbol' => 'kr',
        ],
        'OMR' => [
            'symbol' => '﷼',
        ],
        'PKR' => [
            'symbol' => '₨',
        ],
        'PAB' => [
            'symbol' => 'B/.',
        ],
        'PYG' => [
            'symbol' => 'Gs',
        ],
        'PEN' => [
            'symbol' => 'S/.',
        ],
        'PHP' => [
            'symbol' => '₱',
        ],
        'PLN' => [
            'symbol' => 'zł',
        ],
        'QAR' => [
            'symbol' => '﷼',
        ],
        'RON' => [
            'symbol' => 'lei',
        ],
        'RUB' => [
            'symbol' => '₽',
        ],
        'SHP' => [
            'symbol' => '£',
        ],
        'SAR' => [
            'symbol' => '﷼',
        ],
        'RSD' => [
            'symbol' => 'Дин.',
        ],
        'SCR' => [
            'symbol' => '₨',
        ],
        'SGD' => [
            'symbol' => '$',
        ],
        'SBD' => [
            'symbol' => '$',
        ],
        'SOS' => [
            'symbol' => 'S',
        ],
        'ZAR' => [
            'symbol' => 'R',
        ],
        'LKR' => [
            'symbol' => '₨',
        ],
        'SEK' => [
            'symbol' => 'kr',
        ],
        'CHF' => [
            'symbol' => 'CHF',
        ],
        'SRD' => [
            'symbol' => '$',
        ],
        'SYP' => [
            'symbol' => '£',
        ],
        'TWD' => [
            'symbol' => 'NT$',
        ],
        'THB' => [
            'symbol' => '฿',
        ],
        'TTD' => [
            'symbol' => 'TT$',
        ],
        'TRY' => [
            'symbol' => '₺',
        ],
        'TRL' => [
            'symbol' => '₤',
        ],
        'TVD' => [
            'symbol' => '$',
        ],
        'UAH' => [
            'symbol' => '₴',
        ],
        'GBP' => [
            'symbol' => '£',
        ],
        'UGX' => [
            'symbol' => 'USh',
        ],
        'USD' => [
            'symbol' => '$',
        ],
        'UYU' => [
            'symbol' => '$U',
        ],
        'UZS' => [
            'symbol' => 'лв',
        ],
        'VEF' => [
            'symbol' => 'Bs',
        ],
        'VND' => [
            'symbol' => '₫',
        ],
        'YER' => [
            'symbol' => '﷼',
        ],
        'ZWD' => [
            'symbol' => 'Z$',
        ],
    ];

    public function getCurrencySymbolForMoney(Money $money): string
    {
        return $this->getCurrencySymbol($money->getCurrency()->getCurrencyCode());
    }

    public function getCurrencySymbol(string $currencyCode): string
    {
        if (isset(self::CURRENCIES[$currencyCode]['symbol'])) {
            return self::CURRENCIES[$currencyCode]['symbol'];
        }

        return $currencyCode;
    }

    public function getRandomCurrencyCode(): string
    {
        $currencies = ISOCurrencyProvider::getInstance()->getAvailableCurrencies();
        $currencyCodes = array_keys($currencies);

        return $currencyCodes[array_rand($currencyCodes)];
    }
}


================================================
FILE: app/Service/DashboardService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\Weekday;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Carbon\CarbonTimeZone;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\DB;

class DashboardService
{
    private TimezoneService $timezoneService;

    public function __construct(TimezoneService $timezoneService)
    {
        $this->timezoneService = $timezoneService;
    }

    /**
     * @return Collection<int, string>
     */
    private function lastDays(int $days, CarbonTimeZone $timeZone): Collection
    {
        $result = new Collection;
        $date = Carbon::now($timeZone)->subDays($days);
        for ($i = 0; $i < $days; $i++) {
            $date->addDay();
            $result->push($date->format('Y-m-d'));
        }

        return $result;
    }

    /**
     * @return array{start: string, end: string, dates: array<string, array<string>>}
     */
    private function lastDaysSplitInWindows(int $days, CarbonTimeZone $timeZone, int $windows): array
    {
        $result = [];
        $windowSize = 24 / $windows;
        $end = Carbon::now($timeZone)->startOfDay()->addDay()->subHours(3)->utc()->toDateTimeString();
        $start = Carbon::now($timeZone)->subDays($days)->startOfDay()->utc()->toDateTimeString();

        $date = Carbon::now($timeZone)->startOfDay();
        $dateUtc = Carbon::now($timeZone)->startOfDay()->utc();
        for ($i = 0; $i < $days; $i++) {
            $dateString = $date->format('Y-m-d');
            $tempDate = $dateUtc->copy();
            $start = $tempDate->copy()->utc()->toDateTimeString();
            $tempWindows = [];
            for ($j = 0; $j < $windows; $j++) {
                $tempWindow = $tempDate->toDateTimeString();
                $tempWindows[] = $tempWindow;
                $tempDate->addHours($windowSize);
            }
            $result[$dateString] = $tempWindows;
            $date->subDay();
            $dateUtc->subDay();
        }

        return [
            'start' => $start,
            'end' => $end,
            'dates' => $result,
        ];
    }

    /**
     * @return Collection<int, string>
     */
    private function daysOfThisWeek(CarbonTimeZone $timeZone, Weekday $startOfWeek): Collection
    {
        $result = new Collection;
        $date = Carbon::now($timeZone);
        $start = $date->startOfWeek($startOfWeek->carbonWeekDay());
        for ($i = 0; $i < 7; $i++) {
            $result->push($start->format('Y-m-d'));
            $start->addDay();
        }

        return $result;
    }

    /**
     * @param  Collection<int, string>  $possibleDates
     * @param  Builder<TimeEntry>  $builder
     * @return Builder<TimeEntry>
     */
    private function constrainDateByPossibleDates(Builder $builder, Collection $possibleDates, CarbonTimeZone $timeZone): Builder
    {
        $value1 = Carbon::createFromFormat('Y-m-d', $possibleDates->first(), $timeZone);
        $value2 = Carbon::createFromFormat('Y-m-d', $possibleDates->last(), $timeZone);
        if ($value2 === null || $value1 === null) {
            throw new \RuntimeException('Provided date is not valid');
        }
        if ($value1->gt($value2)) {
            $last = $value1;
            $first = $value2;
        } else {
            $last = $value2;
            $first = $value1;
        }

        return $builder->whereBetween('start', [
            $first->startOfDay()->utc(),
            $last->endOfDay()->utc(),
        ]);
    }

    /**
     * @param  Builder<TimeEntry>  $builder
     * @return Builder<TimeEntry>
     */
    private function constrainDateByCurrentWeek(Builder $builder, CarbonTimeZone $timeZone, Weekday $startOfWeek): Builder
    {
        return $builder->whereBetween('start', [
            Carbon::now($timeZone)->startOfWeek($startOfWeek->carbonWeekDay())->utc(),
            Carbon::now($timeZone)->endOfWeek($startOfWeek->toEndOfWeek()->carbonWeekDay())->utc(),
        ]);
    }

    /**
     * Get the daily tracked hours for the user
     * First value: date
     * Second value: seconds
     *
     * @return array<int, array{date: string, duration: int}>
     */
    public function getDailyTrackedHours(User $user, Organization $organization, int $days): array
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $timezoneShift = $this->timezoneService->getShiftFromUtc($timezone);

        if ($timezoneShift > 0) {
            $dateWithTimeZone = 'start + INTERVAL \''.$timezoneShift.' second\'';
        } elseif ($timezoneShift < 0) {
            $dateWithTimeZone = 'start - INTERVAL \''.abs($timezoneShift).' second\'';
        } else {
            $dateWithTimeZone = 'start';
        }

        $possibleDays = $this->lastDays($days, $timezone);

        $query = TimeEntry::query()
            ->select(DB::raw('DATE('.$dateWithTimeZone.') as date, round(sum(extract(epoch from (coalesce("end", now()) - start)))) as aggregate'))
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey())
            ->groupBy(DB::raw('DATE('.$dateWithTimeZone.')'))
            ->orderBy('date');

        $query = $this->constrainDateByPossibleDates($query, $possibleDays, $timezone);
        $resultDb = $query->get()
            ->pluck('aggregate', 'date');

        $result = [];

        foreach ($possibleDays as $possibleDay) {
            $result[] = [
                'date' => $possibleDay,
                'duration' => (int) ($resultDb->get($possibleDay) ?? 0),
            ];
        }

        return $result;
    }

    /**
     * Statistics for the current week starting at weekday of users preference
     *
     * @return array<int, array{date: string, duration: int}>
     */
    public function getWeeklyHistory(User $user, Organization $organization): array
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $timezoneShift = $this->timezoneService->getShiftFromUtc($timezone);
        if ($timezoneShift > 0) {
            $dateWithTimeZone = 'start + INTERVAL \''.$timezoneShift.' second\'';
        } elseif ($timezoneShift < 0) {
            $dateWithTimeZone = 'start - INTERVAL \''.abs($timezoneShift).' second\'';
        } else {
            $dateWithTimeZone = 'start';
        }
        $possibleDays = $this->daysOfThisWeek($timezone, $user->week_start);

        $query = TimeEntry::query()
            ->select(DB::raw('DATE('.$dateWithTimeZone.') as date, round(sum(extract(epoch from (coalesce("end", now()) - start)))) as aggregate'))
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey())
            ->groupBy(DB::raw('DATE('.$dateWithTimeZone.')'))
            ->orderBy('date');

        $query = $this->constrainDateByPossibleDates($query, $possibleDays, $timezone);
        $resultDb = $query->get()
            ->pluck('aggregate', 'date');

        $result = [];

        foreach ($possibleDays as $possibleDay) {
            $result[] = [
                'date' => $possibleDay,
                'duration' => (int) ($resultDb->get($possibleDay) ?? 0),
            ];
        }

        return $result;
    }

    public function totalWeeklyTime(User $user, Organization $organization): int
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $possibleDays = $this->daysOfThisWeek($timezone, $user->week_start);

        $query = TimeEntry::query()
            ->select(DB::raw('round(sum(extract(epoch from (coalesce("end", now()) - start)))) as aggregate'))
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey());

        $query = $this->constrainDateByPossibleDates($query, $possibleDays, $timezone);
        /** @var Collection<int, object{aggregate: int}> $resultDb */
        $resultDb = $query->get();

        return (int) $resultDb->get(0)->aggregate;
    }

    public function totalWeeklyBillableTime(User $user, Organization $organization): int
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $possibleDays = $this->daysOfThisWeek($timezone, $user->week_start);

        $query = TimeEntry::query()
            ->select(DB::raw('round(sum(extract(epoch from (coalesce("end", now()) - start)))) as aggregate'))
            ->where('billable', '=', true)
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey());

        $query = $this->constrainDateByPossibleDates($query, $possibleDays, $timezone);
        /** @var Collection<int, object{aggregate: int}> $resultDb */
        $resultDb = $query->get();

        return (int) $resultDb->get(0)->aggregate;
    }

    /**
     * @return array{value: int, currency: string}
     */
    public function totalWeeklyBillableAmount(User $user, Organization $organization): array
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $possibleDays = $this->daysOfThisWeek($timezone, $user->week_start);

        $query = TimeEntry::query()
            ->select(DB::raw('
               round(
                    sum(
                        extract(epoch from (coalesce("end", now()) - start)) * (billable_rate::float/60/60)
                    )
               ) as aggregate'))
            ->where('billable', '=', true)
            ->whereNotNull('billable_rate')
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey());

        $query = $this->constrainDateByPossibleDates($query, $possibleDays, $timezone);
        /** @var Collection<int, object{aggregate: int}> $resultDb */
        $resultDb = $query->get();

        return [
            'value' => (int) $resultDb->get(0)->aggregate,
            'currency' => $organization->currency,
        ];
    }

    /**
     * @return array<int, array{value: int, name: string, color: string}>
     */
    public function weeklyProjectOverview(User $user, Organization $organization): array
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);

        $query = TimeEntry::query()
            ->select(DB::raw('project_id, round(sum(extract(epoch from (coalesce("end", now()) - start)))) as aggregate'))
            ->where('user_id', '=', $user->getKey())
            ->where('organization_id', '=', $organization->getKey())
            ->groupBy('project_id');

        $query = $this->constrainDateByCurrentWeek($query, $timezone, $user->week_start);
        /** @var Collection<int, object{project_id: string, aggregate: int}> $entries */
        $entries = $query->get();

        $projectIds = $entries->pluck('project_id')->whereNotNull()->all();
        $projectsMap = Project::query()
            ->select(['id', 'name', 'color'])
            ->whereBelongsTo($organization, 'organization')
            ->whereIn('id', $projectIds)
            ->get()
            ->keyBy('id');

        $response = [];

        $aggregateOther = 0;

        foreach ($entries as $entry) {
            $project = $projectsMap->get($entry->project_id);
            if ($project === null) {
                $aggregateOther += (int) $entry->aggregate;

                continue;
            }

            $response[] = [
                'value' => (int) $entry->aggregate,
                'id' => $entry->project_id,
                'name' => $project->name,
                'color' => $project->color,
            ];
        }

        if ($aggregateOther > 0 || count($response) === 0) {
            $response[] = [
                'value' => $aggregateOther,
                'id' => null,
                'name' => 'No project',
                'color' => '#cccccc',
            ];

        }

        return $response;
    }

    /**
     * Rhe 4 most recently active members of your team with member_id, name, description of the latest time entry, time_entry_id, task_id and a boolean status if the team member is currently working
     *
     * @return array<int, array{member_id: string, name: string, description: string|null, time_entry_id: string, task_id: string|null, status: bool }>
     */
    public function latestTeamActivity(Organization $organization): array
    {
        $timeEntries = TimeEntry::query()
            ->select(DB::raw('distinct on (member_id) member_id, description, id, task_id, start, "end"'))
            ->whereBelongsTo($organization, 'organization')
            ->orderBy('member_id')
            ->orderBy('start', 'desc')
            // Note: limit here does not work because of the distinct on
            ->with([
                'member' => [
                    'user',
                ],
            ])
            ->get()
            ->sortByDesc('start')
            ->slice(0, 4);

        $response = [];

        foreach ($timeEntries as $timeEntry) {
            $response[] = [
                'member_id' => $timeEntry->member_id,
                'name' => $timeEntry->member->user->name,
                'description' => $timeEntry->description,
                'time_entry_id' => $timeEntry->id,
                'task_id' => $timeEntry->task_id,
                'status' => $timeEntry->end === null,
            ];
        }

        return $response;
    }

    /**
     * The 4 tasks with the most recent time entries
     *
     * @return array<int, array{id: string, name: string, project_name: string|null, project_id: string }>
     */
    public function latestTasks(User $user, Organization $organization): array
    {
        $tasks = Task::query()
            ->where('organization_id', '=', $organization->getKey())
            ->with([
                'project',
            ])
            ->whereHas('timeEntries', function (Builder $builder) use ($user, $organization): void {
                /** @var Builder<TimeEntry> $builder */
                $builder->where('user_id', '=', $user->getKey())
                    ->where('organization_id', '=', $organization->getKey());
            })
            ->orderByDesc(
                TimeEntry::select('start')
                    ->whereColumn('task_id', 'tasks.id')
                    ->orderBy('start', 'desc')
                    ->limit(1)
            )
            ->limit(4)
            ->get();

        $response = [];

        foreach ($tasks as $task) {
            $response[] = [
                'id' => $task->id,
                'name' => $task->name,
                'project_name' => $task->project->name,
                'project_id' => $task->project->id,
            ];
        }

        return $response;
    }

    /**
     * The last 7 days with statistics for the time entries
     *
     * @return array<int, array{ date: string, duration: int, history: array<int> }>
     */
    public function lastSevenDays(User $user, Organization $organization): array
    {
        $timezone = $this->timezoneService->getTimezoneFromUser($user);
        $lastDaysSplitInWindows = $this->lastDaysSplitInWindows(7, $timezone, 8);
        $data = collect(DB::select('
            SELECT time_ranges.start, EXTRACT(epoch FROM sum(LEAST(time_ranges."end", coalesce(time_entries."end", :now::timestamp)) - GREATEST(time_ranges.start, time_entries.start))) AS aggregate
            FROM  (
               SELECT time_range_starts.start AS start, time_range_starts.start + interval \'3 hours\' AS "end"
               FROM generate_series(:start_time_ranges::timestamp, :end_time_ranges::timestamp + interval \'3 hours\', interval \'3 hours\') as time_range_starts (start)
            ) time_ranges
            JOIN   time_entries ON time_entries.start < time_ranges."end"
                      AND coalesce(time_entries."end", :now::timestamp) > time_ranges.start
            WHERE time_entries.user_id = :user_id and
                  time_entries.organization_id = :organization_id
            GROUP BY time_ranges.start
            ORDER BY time_ranges.start
        ', [
            'start_time_ranges' => $lastDaysSplitInWindows['start'],
            'end_time_ranges' => $lastDaysSplitInWindows['end'],
            'user_id' => $user->getKey(),
            'organization_id' => $organization->getKey(),
            'now' => Carbon::now()->toDateTimeString(),
        ]))->pluck('aggregate', 'start');

        $response = [];

        foreach ($lastDaysSplitInWindows['dates'] as $date => $windows) {
            $history = [];
            $duration = 0;
            foreach ($windows as $window) {
                $value = (int) ($data->get($window, null) ?? 0);
                $history[] = $value;
                $duration += $value;
            }
            $response[] = [
                'date' => $date,
                'duration' => $duration,
                'history' => $history,
            ];
        }

        return $response;
    }
}


================================================
FILE: app/Service/DeletionService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\Role;
use App\Events\BeforeOrganizationDeletion;
use App\Exceptions\Api\CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Report;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;

class DeletionService
{
    private UserService $userService;

    private MemberService $memberService;

    public function __construct(UserService $userService, MemberService $memberService)
    {
        $this->userService = $userService;
        $this->memberService = $memberService;
    }

    public function deleteOrganization(Organization $organization, bool $inTransaction = true, ?User $ignoreUser = null): void
    {
        if ($inTransaction) {
            DB::transaction(function () use ($organization): void {
                $this->deleteOrganization($organization, false);
            });

            return;
        }

        Log::debug('Start deleting organization', [
            'organization_id' => $organization->getKey(),
            'name' => $organization->name,
            'owner_id' => $organization->user_id,
        ]);

        BeforeOrganizationDeletion::dispatch($organization);

        // Delete all organization invitations
        OrganizationInvitation::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all time entries
        TimeEntry::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all tags
        Tag::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all tasks
        Task::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all project members
        ProjectMember::query()->whereBelongsToOrganization($organization)->delete();

        // Delete all projects
        Project::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all clients
        Client::query()->whereBelongsTo($organization, 'organization')->delete();

        // Delete all reports
        Report::query()->whereBelongsTo($organization, 'organization')->delete();

        // Reset the current organization
        $organization->owner()
            ->where('current_team_id', $organization->getKey())
            ->update(['current_team_id' => null]);

        $organization->users()
            ->where('current_team_id', $organization->getKey())
            ->update(['current_team_id' => null]);

        // Delete all members
        $users = $organization->users()
            ->with([
                'currentOrganization',
            ])
            ->get();

        $members = Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->get();
        foreach ($members as $member) {
            $member->delete();
        }

        // Make sure all users have at least one organization and delete placeholders
        foreach ($users as $user) {
            /** @var User $user */
            if ($ignoreUser !== null && $user->is($ignoreUser)) {
                continue;
            }
            if ($user->is_placeholder) {
                $user->delete();
            } else {
                if ($user->current_team_id === $organization->getKey()) {
                    $user->currentOrganization()->disassociate();
                    $user->save();
                }

                $this->userService->makeSureUserHasAtLeastOneOrganization($user);
                $this->userService->makeSureUserHasCurrentOrganization($user);
            }
        }

        // Delete organization
        $organization->delete();

        Log::debug('Finished deleting organization', [
            'organization_id' => $organization->getKey(),
            'name' => $organization->name,
            'owner_id' => $organization->user_id,
        ]);
    }

    /**
     * @throws CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers
     */
    public function deleteUser(User $user, bool $inTransaction = true): void
    {
        if ($inTransaction) {
            DB::transaction(function () use ($user): void {
                $this->deleteUser($user, false);
            });

            return;
        }

        Log::debug('Start deleting user', [
            'id' => $user->getKey(),
            'name' => $user->name,
            'email' => $user->email,
        ]);

        $members = Member::query()->whereBelongsTo($user, 'user')
            ->with([
                'organization',
                'user',
            ])
            ->get();

        foreach ($members as $member) {
            /** @var Member $member */
            if ($member->role === Role::Owner->value && $member->organization->users()->count() > 1) {
                throw new CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers;
            }
        }

        /** @var Member $member */
        foreach ($members as $member) {
            if ($member->role === Role::Owner->value) {
                $this->deleteOrganization($member->organization, false, $user);
            } else {
                $this->memberService->makeMemberToPlaceholder($member, false);
            }
        }

        $user->accessTokens()->delete();
        $user->authCodes()->delete();

        // Note: Since the deletion of the profile photo is not reversible via a database rollback this needs to be done last
        $user->deleteProfilePhoto();

        $user->delete();

        Log::debug('Finished deleting user', [
            'id' => $user->getKey(),
            'name' => $user->name,
            'email' => $user->email,
        ]);
    }
}


================================================
FILE: app/Service/Dto/ReportPropertiesDto.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Dto;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\TimeEntryRoundingType;
use App\Enums\Weekday;
use App\Service\TimeEntryFilter;
use Illuminate\Contracts\Database\Eloquent\Castable;
use Illuminate\Contracts\Database\Eloquent\CastsAttributes;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Carbon;
use Illuminate\Support\Collection;
use Illuminate\Support\Str;

class ReportPropertiesDto implements Castable
{
    public TimeEntryAggregationType $group;

    public TimeEntryAggregationType $subGroup;

    public TimeEntryAggregationTypeInterval $historyGroup;

    public Weekday $weekStart;

    public string $timezone;

    public Carbon $start;

    public Carbon $end;

    public ?bool $active = null;

    /**
     * @var Collection<int, string>|null
     */
    public ?Collection $memberIds = null;

    public ?bool $billable = null;

    /**
     * @var Collection<int, string>|null
     */
    public ?Collection $clientIds = null;

    /**
     * @var Collection<int, string>|null
     */
    public ?Collection $projectIds = null;

    /**
     * @var Collection<int, string>|null
     */
    public ?Collection $tagIds = null;

    /**
     * @var Collection<int, string>|null
     */
    public ?Collection $taskIds = null;

    public ?TimeEntryRoundingType $roundingType = null;

    public ?int $roundingMinutes = null;

    /**
     * Get the caster class to use when casting from / to this cast target.
     *
     * @param  array<string, mixed>  $arguments
     * @return CastsAttributes<ReportPropertiesDto, ReportPropertiesDto>
     */
    public static function castUsing(array $arguments): CastsAttributes
    {
        return new class implements CastsAttributes
        {
            private const array REQUIRED_PROPERTIES = [
                'group',
                'subGroup',
                'historyGroup',
                'weekStart',
                'timezone',
                'start',
                'end',
                'active',
                'memberIds',
                'billable',
                'clientIds',
                'projectIds',
                'tagIds',
                'taskIds',
            ];

            public function get(Model $model, string $key, mixed $value, array $attributes): ReportPropertiesDto
            {
                if (! is_string($value)) {
                    throw new \InvalidArgumentException('The given value is not a string');
                }
                $data = json_decode($value, false);
                if ($data === null) {
                    throw new \InvalidArgumentException('The given value is not a JSON string');
                }
                foreach (self::REQUIRED_PROPERTIES as $property) {
                    if (! property_exists($data, $property)) {
                        throw new \InvalidArgumentException('The given JSON string does not contain the required property "'.$property.'"');
                    }
                }
                $dto = new ReportPropertiesDto;
                $dto->end = $data->end !== null ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $data->end) : null;
                $dto->start = $data->start !== null ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $data->start) : null;
                $dto->active = $data->active;
                $dto->memberIds = $data->memberIds !== null ? ReportPropertiesDto::idArrayToCollection($data->memberIds) : null;
                $dto->billable = $data->billable;
                $dto->clientIds = $data->clientIds !== null ? ReportPropertiesDto::idArrayToCollection($data->clientIds) : null;
                $dto->projectIds = $data->projectIds !== null ? ReportPropertiesDto::idArrayToCollection($data->projectIds) : null;
                $dto->tagIds = $data->tagIds !== null ? ReportPropertiesDto::idArrayToCollection($data->tagIds) : null;
                $dto->taskIds = $data->taskIds ? ReportPropertiesDto::idArrayToCollection($data->taskIds) : null;
                $dto->group = TimeEntryAggregationType::from($data->group);
                $dto->subGroup = TimeEntryAggregationType::from($data->subGroup);
                $dto->historyGroup = TimeEntryAggregationTypeInterval::from($data->historyGroup);
                $dto->weekStart = Weekday::from($data->weekStart);
                $dto->timezone = $data->timezone;
                // Note: roundingType was added later so it is possible that the value is missing in persisted reports in the DB
                $dto->roundingType = isset($data->roundingType) ? TimeEntryRoundingType::from($data->roundingType) : null;
                // Note: roundingMinutes was added later so it is possible that the value is missing in persisted reports in the DB
                $dto->roundingMinutes = isset($data->roundingMinutes) ? (int) $data->roundingMinutes : null;

                return $dto;
            }

            public function set(Model $model, string $key, mixed $value, array $attributes): string
            {
                if (! ($value instanceof ReportPropertiesDto)) {
                    throw new \InvalidArgumentException('The given value is not an instance of ReportPropertiesDto');
                }

                $data = (object) [
                    'end' => $value->end->toIso8601ZuluString(),
                    'start' => $value->start->toIso8601ZuluString(),
                    'active' => $value->active,
                    'memberIds' => $value->memberIds?->toArray(),
                    'billable' => $value->billable,
                    'clientIds' => $value->clientIds?->toArray(),
                    'projectIds' => $value->projectIds?->toArray(),
                    'tagIds' => $value->tagIds?->toArray(),
                    'taskIds' => $value->taskIds?->toArray(),
                    'group' => $value->group->value,
                    'subGroup' => $value->subGroup->value,
                    'historyGroup' => $value->historyGroup->value,
                    'weekStart' => $value->weekStart->value,
                    'timezone' => $value->timezone,
                    'roundingType' => $value->roundingType?->value,
                    'roundingMinutes' => $value->roundingMinutes,
                ];

                $jsonString = json_encode($data);
                if ($jsonString === false) {
                    throw new \InvalidArgumentException('Could not encode the given data to a JSON string');
                }

                return $jsonString;
            }
        };
    }

    /**
     * @param  array<mixed>  $ids
     * @return Collection<int, string>
     */
    public static function idArrayToCollection(array $ids): Collection
    {
        $collection = new Collection;
        foreach ($ids as $id) {
            if (! is_string($id)) {
                throw new \InvalidArgumentException('The given ID is not a string');
            }
            if ($id !== TimeEntryFilter::NONE_VALUE && ! Str::isUuid($id)) {
                throw new \InvalidArgumentException('The given ID is not a valid UUID');
            }
            $collection->push($id);
        }

        return $collection;
    }

    /**
     * @param  array<mixed>|null  $memberIds
     */
    public function setMemberIds(?array $memberIds): void
    {
        $this->memberIds = $memberIds !== null ? ReportPropertiesDto::idArrayToCollection($memberIds) : null;
    }

    /**
     * @param  array<mixed>|null  $clientIds
     */
    public function setClientIds(?array $clientIds): void
    {
        $this->clientIds = $clientIds !== null ? ReportPropertiesDto::idArrayToCollection($clientIds) : null;
    }

    /**
     * @param  array<mixed>|null  $projectIds
     */
    public function setProjectIds(?array $projectIds): void
    {
        $this->projectIds = $projectIds !== null ? ReportPropertiesDto::idArrayToCollection($projectIds) : null;
    }

    /**
     * @param  array<mixed>|null  $tagIds
     */
    public function setTagIds(?array $tagIds): void
    {
        $this->tagIds = $tagIds !== null ? ReportPropertiesDto::idArrayToCollection($tagIds) : null;
    }

    /**
     * @param  array<mixed>|null  $taskIds
     */
    public function setTaskIds(?array $taskIds): void
    {
        $this->taskIds = $taskIds !== null ? ReportPropertiesDto::idArrayToCollection($taskIds) : null;
    }
}


================================================
FILE: app/Service/Export/ExportException.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Export;

use App\Exceptions\Api\ApiException;

class ExportException extends ApiException
{
    public const string KEY = 'export';
}


================================================
FILE: app/Service/Export/ExportService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Export;

use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use Exception;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Http\File;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Str;
use League\Csv\CannotInsertRecord;
use League\Csv\Exception as LeagueCsvException;
use League\Csv\UnavailableStream;
use League\Csv\Writer;
use Spatie\TemporaryDirectory\TemporaryDirectory;
use ZipArchive;

class ExportService
{
    public const string VERSION = '1.0';

    /**
     * @throws ExportException
     */
    public function export(Organization $organization): string
    {
        $exportId = Str::uuid();
        $timeStamp = Carbon::now();
        $temporaryDirectory = TemporaryDirectory::make();
        Log::debug('Start exporting organization', [
            'organization_id' => $organization->getKey(),
            'export_id' => $exportId,
        ]);

        // Organizations
        try {
            $writer = Writer::createFromPath($temporaryDirectory->path('organizations.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'name',
                'billable_rate',
                'currency',
                'created_at',
                'updated_at',
            ]);
            $writer->insertOne([
                $organization->id,
                $organization->name,
                $organization->billable_rate ?? '',
                $organization->currency,
                $organization->created_at?->toIso8601ZuluString() ?? '',
                $organization->updated_at?->toIso8601ZuluString() ?? '',
            ]);

            // Organization invitations
            $writer = Writer::createFromPath($temporaryDirectory->path('organization_invitations.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'email',
                'organization_id',
                'role',
                'created_at',
                'updated_at',
            ]);
            OrganizationInvitation::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $organizationInvitations) use (&$writer): void {
                    $organizationInvitations->each(function (OrganizationInvitation $organizationInvitation) use (&$writer): void {
                        $writer->insertOne([
                            $organizationInvitation->id,
                            $organizationInvitation->email,
                            $organizationInvitation->organization_id,
                            $organizationInvitation->role,
                            $organizationInvitation->created_at?->toIso8601ZuluString() ?? '',
                            $organizationInvitation->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Time entries
            $writer = Writer::createFromPath($temporaryDirectory->path('time_entries.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'description',
                'start',
                'end',
                'billable_rate',
                'billable',
                'member_id',
                'user_id',
                'organization_id',
                'client_id',
                'project_id',
                'task_id',
                'tags',
                'is_imported',
                'still_active_email_sent_at',
                'created_at',
                'updated_at',
            ]);
            TimeEntry::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $timeEntries) use (&$writer): void {
                    $timeEntries->each(function (TimeEntry $timeEntry) use (&$writer): void {
                        $tags = json_encode($timeEntry->tags);
                        $writer->insertOne([
                            $timeEntry->id,
                            $timeEntry->description,
                            $timeEntry->start->toIso8601ZuluString(),
                            $timeEntry->end?->toIso8601ZuluString() ?? '',
                            $timeEntry->billable_rate ?? '',
                            $timeEntry->billable ? 'true' : 'false',
                            $timeEntry->member_id,
                            $timeEntry->user_id,
                            $timeEntry->organization_id,
                            $timeEntry->client_id ?? '',
                            $timeEntry->project_id ?? '',
                            $timeEntry->task_id ?? '',
                            $tags === false ? '' : $tags,
                            $timeEntry->is_imported ? 'true' : 'false',
                            $timeEntry->still_active_email_sent_at?->toIso8601ZuluString() ?? '',
                            $timeEntry->created_at?->toIso8601ZuluString() ?? '',
                            $timeEntry->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Clients
            $writer = Writer::createFromPath($temporaryDirectory->path('clients.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'name',
                'organization_id',
                'archived_at',
                'created_at',
                'updated_at',
            ]);
            Client::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $clients) use (&$writer): void {
                    $clients->each(function (Client $client) use (&$writer): void {
                        $writer->insertOne([
                            $client->id,
                            $client->name,
                            $client->organization_id,
                            $client->archived_at?->toIso8601ZuluString() ?? '',
                            $client->created_at?->toIso8601ZuluString() ?? '',
                            $client->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Projects
            $writer = Writer::createFromPath($temporaryDirectory->path('projects.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'name',
                'color',
                'billable_rate',
                'is_public',
                'client_id',
                'organization_id',
                'is_billable',
                'archived_at',
                'created_at',
                'updated_at',
            ]);
            Project::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $projects) use (&$writer): void {
                    $projects->each(function (Project $project) use (&$writer): void {
                        $writer->insertOne([
                            $project->id,
                            $project->name,
                            $project->color,
                            $project->billable_rate ?? '',
                            $project->is_public ? 'true' : 'false',
                            $project->client_id ?? '',
                            $project->organization_id,
                            $project->is_billable ? 'true' : 'false',
                            $project->archived_at?->toIso8601ZuluString() ?? '',
                            $project->created_at?->toIso8601ZuluString() ?? '',
                            $project->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Project members
            $writer = Writer::createFromPath($temporaryDirectory->path('project_members.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'billable_rate',
                'project_id',
                'user_id',
                'member_id',
                'created_at',
                'updated_at',
            ]);
            ProjectMember::query()
                ->whereBelongsToOrganization($organization)
                ->chunk(1000, function (Collection $projectMembers) use (&$writer): void {
                    $projectMembers->each(function (ProjectMember $projectMember) use (&$writer): void {
                        $writer->insertOne([
                            $projectMember->id,
                            $projectMember->billable_rate ?? '',
                            $projectMember->project_id,
                            $projectMember->user_id,
                            $projectMember->member_id,
                            $projectMember->created_at?->toIso8601ZuluString() ?? '',
                            $projectMember->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Members
            $writer = Writer::createFromPath($temporaryDirectory->path('members.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'user_id',
                'name',
                'email',
                'organization_id',
                'billable_rate',
                'role',
                'created_at',
                'updated_at',
            ]);
            Member::query()
                ->whereBelongsTo($organization, 'organization')
                ->with([
                    'user',
                ])
                ->chunk(1000, function (Collection $members) use (&$writer): void {
                    $members->each(function (Member $member) use (&$writer): void {
                        $writer->insertOne([
                            $member->id,
                            $member->user_id,
                            $member->user->name,
                            $member->user->email,
                            $member->organization_id,
                            $member->billable_rate ?? '',
                            $member->role,
                            $member->created_at?->toIso8601ZuluString() ?? '',
                            $member->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Tasks
            $writer = Writer::createFromPath($temporaryDirectory->path('tasks.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'name',
                'project_id',
                'organization_id',
                'done_at',
                'created_at',
                'updated_at',
            ]);
            Task::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $tasks) use (&$writer): void {
                    $tasks->each(function (Task $task) use (&$writer): void {
                        $writer->insertOne([
                            $task->id,
                            $task->name,
                            $task->project_id,
                            $task->organization_id,
                            $task->done_at?->toIso8601ZuluString() ?? '',
                            $task->created_at?->toIso8601ZuluString() ?? '',
                            $task->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Tags
            $writer = Writer::createFromPath($temporaryDirectory->path('tags.csv'), 'w+');
            $writer->setDelimiter(',');
            $writer->setEnclosure('"');
            $writer->setEscape('');
            $writer->insertOne([
                'id',
                'name',
                'organization_id',
                'created_at',
                'updated_at',
            ]);
            Tag::query()
                ->whereBelongsTo($organization, 'organization')
                ->chunk(1000, function (Collection $tags) use (&$writer): void {
                    $tags->each(function (Tag $tag) use (&$writer): void {
                        $writer->insertOne([
                            $tag->id,
                            $tag->name,
                            $tag->organization_id,
                            $tag->created_at?->toIso8601ZuluString() ?? '',
                            $tag->updated_at?->toIso8601ZuluString() ?? '',
                        ]);
                    });
                });

            // Meta data file
            $metaData = (object) [
                'id' => $exportId,
                'version' => self::VERSION,
                'organizations' => [$organization->getKey()],
                'exported_at' => $timeStamp->toIso8601ZuluString(),
            ];
            file_put_contents($temporaryDirectory->path('meta.json'), json_encode($metaData));

            // Create ZIP file
            $temporaryDirectoryZip = TemporaryDirectory::make();
            $zip = new ZipArchive;
            if ($zip->open($temporaryDirectoryZip->path('export.zip'), ZipArchive::CREATE) !== true) {
                throw new Exception('Cannot create ZIP file');
            }
            $zip->addFile($temporaryDirectory->path('organizations.csv'), 'organizations.csv');
            $zip->addFile($temporaryDirectory->path('organization_invitations.csv'), 'organization_invitations.csv');
            $zip->addFile($temporaryDirectory->path('time_entries.csv'), 'time_entries.csv');
            $zip->addFile($temporaryDirectory->path('clients.csv'), 'clients.csv');
            $zip->addFile($temporaryDirectory->path('projects.csv'), 'projects.csv');
            $zip->addFile($temporaryDirectory->path('project_members.csv'), 'project_members.csv');
            $zip->addFile($temporaryDirectory->path('members.csv'), 'members.csv');
            $zip->addFile($temporaryDirectory->path('tasks.csv'), 'tasks.csv');
            $zip->addFile($temporaryDirectory->path('tags.csv'), 'tags.csv');
            $zip->addFile($temporaryDirectory->path('meta.json'), 'meta.json');
            $zip->close();

            // Upload ZIP file to private storage
            $filename = 'export_'.$organization->getKey().'_'.$timeStamp->format('Y-m-d_H-i-s').'_'.$exportId.'.zip';
            Storage::disk(config('filesystems.private'))->putFileAs(
                'exports',
                new File($temporaryDirectoryZip->path('export.zip')),
                $filename
            );

            // Delete temp files
            $temporaryDirectoryZip->delete();
            $temporaryDirectory->delete();

            Log::debug('Finished exporting organization', [
                'organization_id' => $organization->getKey(),
                'export_id' => $exportId,
            ]);

            return 'exports/'.$filename;
        } catch (UnavailableStream|CannotInsertRecord|Exception|LeagueCsvException $exception) {
            report($exception);

            throw new ExportException;
        }
    }
}


================================================
FILE: app/Service/Import/ImportDatabaseHelper.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import;

use App\Service\Import\Importers\ImportException;
use Closure;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Facades\Validator;

/**
 * @template TModel of Model
 */
class ImportDatabaseHelper
{
    /**
     * @var class-string<TModel>
     */
    private string $model;

    /**
     * @var string[]
     */
    private array $identifiers;

    /**
     * @var array<string, string>|null
     */
    private ?array $mapIdentifierToKey = null;

    /**
     * @var array<string, TModel|null>|null
     */
    private ?array $mapKeyToModel = null;

    /**
     * @var array<string, TModel|null>|null
     */
    private ?array $mapIdentifierToModel = null;

    /**
     * @var array<string, string>
     */
    private array $mapExternalIdentifierToInternalIdentifier = [];

    private bool $attachToExisting;

    private ?Closure $queryModifier;

    private ?Closure $afterCreate;

    private int $createdCount;

    /**
     * @var array<string, array<int, string>>
     */
    private array $validate;

    private ?Closure $beforeSave;

    /**
     * @param  class-string<TModel>  $model
     * @param  array<string>  $identifiers
     * @param  array<string, array<int, string>>  $validate
     */
    public function __construct(string $model, array $identifiers, bool $attachToExisting = false, ?Closure $queryModifier = null, ?Closure $afterCreate = null, array $validate = [], ?Closure $beforeSave = null)
    {
        $this->model = $model;
        $this->identifiers = $identifiers;
        $this->attachToExisting = $attachToExisting;
        $this->queryModifier = $queryModifier;
        $this->afterCreate = $afterCreate;
        $this->createdCount = 0;
        $this->validate = $validate;
        $this->beforeSave = $beforeSave;
    }

    /**
     * @return Builder<TModel>
     */
    private function getModelInstance(): Builder
    {
        return (new $this->model)->query();
    }

    /**
     * @param  array<string, mixed>  $identifierData
     * @param  array<string, mixed>  $createValues
     */
    private function createEntity(array $identifierData, array $createValues, ?string $externalIdentifier): string
    {
        $data = array_merge($identifierData, $createValues);

        $validator = Validator::make($data, $this->validate);
        if ($validator->fails()) {
            throw new ImportException('Invalid data: '.implode(', ', $validator->errors()->all()));
        }

        /** @var TModel $model */
        $model = new $this->model;
        foreach ($data as $key => $value) {
            $model->{$key} = $value;
        }
        if ($this->beforeSave !== null) {
            ($this->beforeSave)($model);
        }
        if (method_exists($model, 'disableAuditing')) {
            $model->disableAuditing();
        }
        $model->save();

        if ($this->afterCreate !== null) {
            ($this->afterCreate)($model);
        }

        $hash = $this->getHash($identifierData);
        $this->mapIdentifierToKey[$hash] = $model->getKey();
        $this->createdCount++;

        if ($externalIdentifier !== null) {
            $this->mapExternalIdentifierToInternalIdentifier[$externalIdentifier] = $hash;
        }

        return $model->getKey();
    }

    /**
     * @param  array<string, mixed>  $data
     */
    private function getHash(array $data): string
    {
        $jsonData = json_encode($data);
        if ($jsonData === false) {
            throw new \RuntimeException('Failed to encode data to JSON');
        }

        return md5($jsonData);
    }

    /**
     * @param  array<string, mixed>  $identifierData
     * @param  array<string, mixed>  $createValues
     *
     * @throws ImportException
     */
    public function getKey(array $identifierData, array $createValues = [], ?string $externalIdentifier = null): string
    {
        $this->checkMap();

        $this->validateIdentifierData($identifierData);

        $hash = $this->getHash($identifierData);
        if ($this->attachToExisting) {
            $key = $this->mapIdentifierToKey[$hash] ?? null;
            if ($key !== null) {
                if ($externalIdentifier !== null) {
                    $this->mapExternalIdentifierToInternalIdentifier[$externalIdentifier] = $hash;
                }

                return $key;
            }

            return $this->createEntity($identifierData, $createValues, $externalIdentifier);
        } else {
            throw new \RuntimeException('Not implemented');
        }
    }

    /**
     * @return TModel
     */
    public function getModelById(string $id): ?Model
    {
        if ($this->mapKeyToModel === null) {
            $this->mapKeyToModel = [];
        }
        if (isset($this->mapKeyToModel[$id])) {
            return $this->mapKeyToModel[$id];
        }
        /** @var TModel|null $model */
        $model = $this->getModelInstance()->find($id);
        if ($model !== null) {
            $this->mapKeyToModel[$id] = $model;
        }

        return $model;
    }

    /**
     * @return array<TModel>
     */
    public function getCachedModels(): array
    {
        if ($this->mapKeyToModel === null) {
            return [];
        }

        return array_values($this->mapKeyToModel);
    }

    /**
     * @param  array<string, mixed>  $identifierData
     * @return TModel|null
     */
    public function getModel(array $identifierData): ?Model
    {
        if ($this->mapIdentifierToModel === null) {
            $this->mapIdentifierToModel = [];
        }
        $hash = $this->getHash($identifierData);
        if (isset($this->mapIdentifierToModel[$hash])) {
            return $this->mapIdentifierToModel[$hash];
        }
        $model = $this->getModelInstance()->where($identifierData)->first();
        if ($model !== null) {
            $this->mapIdentifierToModel[$hash] = $model;
        }

        return $model;
    }

    /**
     * @param  array<string, mixed>  $identifierData
     *
     * @throws ImportException
     */
    private function validateIdentifierData(array $identifierData): void
    {
        if (array_keys($identifierData) !== $this->identifiers) {
            throw new ImportException('Invalid identifier data');
        }
    }

    public function getKeyByExternalIdentifier(string $externalIdentifier): ?string
    {
        $hash = $this->mapExternalIdentifierToInternalIdentifier[$externalIdentifier] ?? null;
        if ($hash === null) {
            return null;
        }

        return $this->mapIdentifierToKey[$hash] ?? null;
    }

    /**
     * @return array<string>
     */
    public function getExternalIds(): array
    {
        // Note: Otherwise the external ids are integers
        return array_map(fn ($value) => (string) $value, array_keys($this->mapExternalIdentifierToInternalIdentifier));
    }

    private function checkMap(): void
    {
        if ($this->mapIdentifierToKey === null) {
            $select = $this->identifiers;
            $select[] = (new $this->model)->getKeyName();
            $builder = $this->getModelInstance();

            if ($this->queryModifier !== null) {
                $builder = ($this->queryModifier)($builder);
            }

            $databaseEntries = $builder->select($select)
                ->get();
            $this->mapIdentifierToKey = [];
            foreach ($databaseEntries as $databaseEntry) {
                $identifierData = [];
                foreach ($this->identifiers as $identifier) {
                    $identifierData[$identifier] = $databaseEntry->{$identifier};
                }
                $hash = $this->getHash($identifierData);
                $this->mapIdentifierToKey[$hash] = $databaseEntry->getKey();
            }
        }
    }

    public function getCreatedCount(): int
    {
        return $this->createdCount;
    }
}


================================================
FILE: app/Service/Import/ImportService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import;

use App\Models\Organization;
use App\Service\Import\Importers\ImporterContract;
use App\Service\Import\Importers\ImporterProvider;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\ReportDto;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Str;

class ImportService
{
    /**
     * @throws ImportException
     */
    public function import(Organization $organization, string $importerType, string $data, string $timezone): ReportDto
    {
        /** @var ImporterContract $importer */
        $importer = app(ImporterProvider::class)->getImporter($importerType);
        $importer->init($organization);
        Storage::disk(config('filesystems.default'))
            ->put('import/'.Carbon::now()->toDateString().'-'.$organization->getKey().'-'.Str::uuid(), $data);

        $lock = Cache::lock('import:'.$organization->getKey(), config('octane.max_execution_time', 60) + 1);

        if ($lock->get()) {
            try {
                DB::transaction(function () use (&$importer, &$data, &$timezone): void {
                    $importer->importData($data, $timezone);
                });
            } finally {
                $lock->release();
            }
        } else {
            throw new ImportException('Import is already in progress');
        }

        return $importer->getReport();
    }
}


================================================
FILE: app/Service/Import/Importers/ClockifyProjectsImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use Exception;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class ClockifyProjectsImporter extends DefaultImporter
{
    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $billableRateKey = $this->getBillableRateKey($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $clientId = null;
                if ($record['Client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['Client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                $projectId = null;
                if ($record['Project'] !== '') {
                    $projectId = $this->projectImportHelper->getKey([
                        'name' => $record['Project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'color' => $this->colorService->getRandomColor(),
                        'is_billable' => $record['Billability'] === 'Yes',
                        'billable_rate' => $billableRateKey !== null && $record[$billableRateKey] !== '' ? (int) (((float) $record[$billableRateKey]) * 100) : null,
                        'estimated_time' => $record['Estimated (h)'] !== '' && is_numeric($record['Estimated (h)']) ? (int) ($record['Estimated (h)'] * 3600) : null,
                    ]);
                }

                if ($record['Task'] !== '') {
                    $tasks = explode(', ', $record['Task']);
                    foreach ($tasks as $task) {
                        $this->taskImportHelper->getKey([
                            'name' => $task,
                            'project_id' => $projectId,
                            'organization_id' => $this->organization->id,
                        ]);
                    }
                }
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        $requiredFields = [
            'Project',
            'Client',
            'Status',
            'Visibility',
            'Billability',
            'Task',
        ];
        foreach ($requiredFields as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    /**
     * @param  array<string>  $header
     */
    private function getBillableRateKey(array $header): ?string
    {
        $billableRateKey = null;
        foreach ($header as $value) {
            if (Str::startsWith($value, 'Billable Rate (')) {
                $billableRateKey = $value;
                break;
            }
        }

        return $billableRateKey;
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.clockify_projects.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.clockify_projects.description');
    }
}


================================================
FILE: app/Service/Import/Importers/ClockifyTimeEntriesImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\TimeEntry;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class ClockifyTimeEntriesImporter extends DefaultImporter
{
    /**
     * @return array<string>
     *
     * @throws ImportException
     */
    private function getTags(string $tags): array
    {
        if (Str::trim($tags) === '') {
            return [];
        }
        $tagsParsed = explode(', ', $tags);
        $tagIds = [];
        foreach ($tagsParsed as $tagParsed) {
            $tagId = $this->tagImportHelper->getKey([
                'name' => $tagParsed,
                'organization_id' => $this->organization->id,
            ]);
            $tagIds[] = $tagId;
        }

        return $tagIds;
    }

    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $userId = $this->userImportHelper->getKey([
                    'email' => $record['Email'],
                ], [
                    'name' => $record['User'],
                    'timezone' => 'UTC',
                    'is_placeholder' => true,
                ]);
                $memberId = $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                ]);
                $member = $this->memberImportHelper->getModelById($memberId);
                $clientId = null;
                if ($record['Client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['Client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                $projectId = null;
                $project = null;
                $projectMember = null;
                if ($record['Project'] !== '') {
                    $projectId = $this->projectImportHelper->getKey([
                        'name' => $record['Project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'color' => $this->colorService->getRandomColor(),
                        'is_billable' => false,
                    ]);
                    $project = $this->projectImportHelper->getModelById($projectId);
                    $projectMember = $this->projectMemberImportHelper->getModel([
                        'project_id' => $projectId,
                        'member_id' => $memberId,
                    ]);
                }
                $taskId = null;
                if ($record['Task'] !== '') {
                    $taskId = $this->taskImportHelper->getKey([
                        'name' => $record['Task'],
                        'project_id' => $projectId,
                        'organization_id' => $this->organization->id,
                    ]);
                    $this->taskImportHelper->getModelById($taskId);
                }
                $timeEntry = new TimeEntry;
                $timeEntry->disableAuditing();
                $timeEntry->user_id = $userId;
                $timeEntry->member_id = $memberId;
                $timeEntry->task_id = $taskId;
                $timeEntry->project_id = $projectId;
                $timeEntry->client_id = $clientId;
                $timeEntry->organization_id = $this->organization->id;
                if (strlen($record['Description']) > 5000) {
                    throw new ImportException('Time entry description is too long');
                }
                $timeEntry->description = $record['Description'];
                if (! in_array($record['Billable'], ['Yes', 'No'], true)) {
                    throw new ImportException('Invalid billable value');
                }
                $timeEntry->billable = $record['Billable'] === 'Yes';
                $timeEntry->tags = $this->getTags($record['Tags']);
                $timeEntry->is_imported = true;

                // Start
                $start = null;
                try {
                    $startDateStr = $record['Start Date'];
                    $startTimeStr = $record['Start Time'];
                    $startStr = $startDateStr.' '.$startTimeStr;
                    $matches = [];
                    $checkResult = preg_match('/^([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4}) ([0-9]{1,2}):([0-9]{1,2})(:[0-9]{1,2})? (AM|PM)$/', $startStr, $matches);

                    if ($checkResult === 1) {
                        if ((int) $matches[1] > 12) {
                            throw new ImportException('Start date ("'.$startDateStr.'") is invalid, please select the correct date format before exporting from Clockify');
                        }
                        if ($matches[6] === '') {
                            $start = Carbon::createFromFormat('m/d/Y h:i A', $startStr, $timezone);
                        } else {
                            $start = Carbon::createFromFormat('m/d/Y H:i:s A', $startStr, $timezone);
                        }
                    }
                } catch (InvalidFormatException) {
                    throw new ImportException('Start date ("'.$startDateStr.'") or time ("'.$startTimeStr.'") are invalid');
                }
                if ($start === null) {
                    throw new ImportException('Start date ("'.$startDateStr.'") or time ("'.$startTimeStr.'") are invalid');
                }
                $timeEntry->start = $start->utc();

                // End
                $end = null;
                try {
                    $endDateStr = $record['End Date'];
                    $endTimeStr = $record['End Time'];
                    $endStr = $endDateStr.' '.$endTimeStr;
                    $matches = [];
                    $checkResult = preg_match('/^([0-9]{1,2})\/([0-9]{1,2})\/([0-9]{4}) ([0-9]{1,2}):([0-9]{1,2})(:[0-9]{1,2})? (AM|PM)$/', $endStr, $matches);

                    if ($checkResult === 1) {
                        if ((int) $matches[1] > 12) {
                            throw new ImportException('Start date ("'.$endDateStr.'") is invalid, please select the correct date format before exporting from Clockify');
                        }
                        if ($matches[6] === '') {
                            $end = Carbon::createFromFormat('m/d/Y h:i A', $endStr, $timezone);
                        } else {
                            $end = Carbon::createFromFormat('m/d/Y H:i:s A', $endStr, $timezone);
                        }
                    }
                } catch (InvalidFormatException) {
                    throw new ImportException('End date ("'.$endDateStr.'") or time ("'.$endTimeStr.'") are invalid');
                }
                if ($end === null) {
                    throw new ImportException('End date ("'.$endDateStr.'") or time ("'.$endTimeStr.'") are invalid');
                }
                $timeEntry->end = $end->utc();

                $timeEntry->billable_rate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
                    $timeEntry,
                    $projectMember,
                    $project,
                    $member,
                    $this->organization
                );
                $timeEntry->save();
                $this->timeEntriesCreated++;
            }
            foreach ($this->projectImportHelper->getCachedModels() as $usedProject) {
                RecalculateSpentTimeForProject::dispatch($usedProject);
            }
            foreach ($this->taskImportHelper->getCachedModels() as $usedTask) {
                RecalculateSpentTimeForTask::dispatch($usedTask);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        $requiredFields = [
            'Project',
            'Client',
            'Description',
            'Task',
            'User',
            'Group',
            'Email',
            'Tags',
            'Billable',
            'Start Date',
            'Start Time',
            'End Date',
            'End Time',
        ];
        foreach ($requiredFields as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.clockify_time_entries.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.clockify_time_entries.description');
    }
}


================================================
FILE: app/Service/Import/Importers/DefaultImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Tag;
use App\Models\Task;
use App\Models\User;
use App\Service\BillableRateService;
use App\Service\ColorService;
use App\Service\Import\ImportDatabaseHelper;
use App\Service\TimezoneService;
use Illuminate\Database\Eloquent\Builder;

abstract class DefaultImporter implements ImporterContract
{
    protected Organization $organization;

    /**
     * @var ImportDatabaseHelper<User>
     */
    protected ImportDatabaseHelper $userImportHelper;

    /**
     * @var ImportDatabaseHelper<Member>
     */
    protected ImportDatabaseHelper $memberImportHelper;

    /**
     * @var ImportDatabaseHelper<Project>
     */
    protected ImportDatabaseHelper $projectImportHelper;

    /**
     * @var ImportDatabaseHelper<Tag>
     */
    protected ImportDatabaseHelper $tagImportHelper;

    /**
     * @var ImportDatabaseHelper<Client>
     */
    protected ImportDatabaseHelper $clientImportHelper;

    /**
     * @var ImportDatabaseHelper<Task>
     */
    protected ImportDatabaseHelper $taskImportHelper;

    protected int $timeEntriesCreated;

    protected ColorService $colorService;

    protected TimezoneService $timezoneService;

    /**
     * @var ImportDatabaseHelper<ProjectMember>
     */
    protected ImportDatabaseHelper $projectMemberImportHelper;

    /**
     * @var ImportDatabaseHelper<OrganizationInvitation>
     */
    protected ImportDatabaseHelper $organizationInvitationsImportHelper;

    protected BillableRateService $billableRateService;

    public function init(Organization $organization): void
    {
        $this->organization = $organization;
        $this->userImportHelper = new ImportDatabaseHelper(User::class, ['email'], true, function (Builder $builder) {
            /** @var Builder<User> $builder */
            return $builder->belongsToOrganization($this->organization);
        }, null, validate: [
            'name' => [
                'required',
                'max:255',
            ],
            'timezone' => [
                'required',
                'timezone:all',
            ],
        ]);
        $this->memberImportHelper = new ImportDatabaseHelper(Member::class, ['user_id', 'organization_id'], true, function (Builder $builder) {
            /** @var Builder<Member> $builder */
            return $builder->whereBelongsTo($this->organization, 'organization');
        }, null, validate: [
            'role' => [
                'required',
                'string',
                'in:placeholder',
            ],
        ]);
        $this->projectImportHelper = new ImportDatabaseHelper(Project::class, ['name', 'client_id', 'organization_id'], true, function (Builder $builder) {
            /** @var Builder<Project> $builder */
            return $builder->where('organization_id', $this->organization->id);
        }, validate: [
            'name' => [
                'required',
                'max:255',
            ],
            'is_billable' => [
                'required',
                'boolean',
            ],
            'billable_rate' => [
                'nullable',
                'integer',
                'max:2147483647',
            ],
            'client_id' => [
                'nullable',
                'string',
                'uuid',
            ],
        ], beforeSave: function (Project $project): void {
            if ($project->billable_rate === 0) {
                $project->billable_rate = null;
            }
        });
        $this->projectMemberImportHelper = new ImportDatabaseHelper(ProjectMember::class, ['project_id', 'member_id'], true, function (Builder $builder): Builder {
            /** @var Builder<ProjectMember> $builder */
            return $builder->whereBelongsToOrganization($this->organization);
        }, validate: [
            'billable_rate' => [
                'nullable',
                'integer',
                'max:2147483647',
            ],
        ], beforeSave: function (ProjectMember $projectMember): void {
            if ($projectMember->billable_rate === 0) {
                $projectMember->billable_rate = null;
            }
        });
        $this->tagImportHelper = new ImportDatabaseHelper(Tag::class, ['name', 'organization_id'], true, function (Builder $builder): Builder {
            /** @var Builder<Tag> $builder */
            return $builder->where('organization_id', $this->organization->id);
        }, validate: [
            'name' => [
                'required',
                'max:255',
            ],
        ]);
        $this->clientImportHelper = new ImportDatabaseHelper(Client::class, ['name', 'organization_id'], true, function (Builder $builder): Builder {
            /** @var Builder<Client> $builder */
            return $builder->where('organization_id', $this->organization->id);
        }, validate: [
            'name' => [
                'required',
                'max:255',
            ],
        ]);
        $this->taskImportHelper = new ImportDatabaseHelper(Task::class, ['name', 'project_id', 'organization_id'], true, function (Builder $builder): Builder {
            /** @var Builder<Task> $builder */
            return $builder->where('organization_id', $this->organization->id);
        }, validate: [
            'name' => [
                'required',
                'max:500',
            ],
        ]);
        $this->organizationInvitationsImportHelper = new ImportDatabaseHelper(OrganizationInvitation::class, ['email', 'organization_id'], true, function (Builder $builder) {
            /** @var Builder<OrganizationInvitation> $builder */
            return $builder->where('organization_id', $this->organization->id);
        }, validate: [
            'email' => [
                'required',
                'email',
                'max:255',
            ],
        ]);
        $this->timeEntriesCreated = 0;
        $this->colorService = app(ColorService::class);
        $this->timezoneService = app(TimezoneService::class);
        $this->billableRateService = app(BillableRateService::class);
    }

    #[\Override]
    public function getReport(): ReportDto
    {
        return new ReportDto(
            clientsCreated: $this->clientImportHelper->getCreatedCount(),
            projectsCreated: $this->projectImportHelper->getCreatedCount(),
            tasksCreated: $this->taskImportHelper->getCreatedCount(),
            timeEntriesCreated: $this->timeEntriesCreated,
            tagsCreated: $this->tagImportHelper->getCreatedCount(),
            usersCreated: $this->userImportHelper->getCreatedCount(),
        );
    }
}


================================================
FILE: app/Service/Import/Importers/GenericProjectsImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Service\ColorService;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;
use Override;

class GenericProjectsImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    private const array REQUIRED_FIELDS = [
        'name',
    ];

    /**
     * @throws ImportException
     */
    #[Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $clientId = null;
                if (isset($record['client']) && $record['client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                if ($record['name'] !== '') {
                    $archivedAt = null;
                    if (isset($record['archived_at']) && $record['archived_at'] !== '') {
                        try {
                            $archivedAt = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $record['archived_at'], 'UTC');
                        } catch (InvalidFormatException) {
                            throw new ImportException('Value of archived_at ("'.$record['archived_at'].'") is invalid');
                        }
                    }
                    $this->projectImportHelper->getKey([
                        'name' => $record['name'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'color' => isset($record['color']) && $record['color'] !== '' ? $record['color'] : app(ColorService::class)->getRandomColor(),
                        'billable_rate' => isset($record['billable_rate']) && $record['billable_rate'] !== '' ? (int) $record['billable_rate'] : null,
                        'is_public' => isset($record['is_public']) && $record['is_public'] === 'true',
                        'is_billable' => isset($record['billable_default']) && $record['billable_default'] === 'true',
                        'estimated_time' => isset($record['estimated_time']) && $record['estimated_time'] !== '' && is_numeric($record['estimated_time']) && ((int) $record['estimated_time'] !== 0) ? (int) $record['estimated_time'] : null,
                        'archived_at' => $archivedAt,
                    ]);
                }
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        foreach (self::REQUIRED_FIELDS as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[Override]
    public function getName(): string
    {
        return __('importer.generic_projects.name');
    }

    #[Override]
    public function getDescription(): string
    {
        return __('importer.generic_projects.description');
    }
}


================================================
FILE: app/Service/Import/Importers/GenericTimeEntriesImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\TimeEntry;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class GenericTimeEntriesImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    private const array REQUIRED_FIELDS = [
        'description',
        'billable',
        'client',
        'project',
        'tags',
        'start',
        'end',
        'task',
        'user_name',
        'user_email',
    ];

    /**
     * @return array<string>
     *
     * @throws ImportException
     */
    private function getTags(string $tags): array
    {
        if (Str::trim($tags) === '') {
            return [];
        }
        $tagsParsed = explode(',', $tags);
        $tagIds = [];
        foreach ($tagsParsed as $tagParsed) {
            $tagId = $this->tagImportHelper->getKey([
                'name' => Str::trim($tagParsed),
                'organization_id' => $this->organization->id,
            ]);
            $tagIds[] = $tagId;
        }

        return $tagIds;
    }

    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $userId = $this->userImportHelper->getKey([
                    'email' => $record['user_email'],
                ], [
                    'name' => $record['user_name'],
                    'timezone' => 'UTC',
                    'is_placeholder' => true,
                ]);
                $memberId = $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                ]);
                $member = $this->memberImportHelper->getModelById($memberId);
                $clientId = null;
                if ($record['client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                $projectId = null;
                $project = null;
                $projectMember = null;
                if ($record['project'] !== '') {
                    $projectId = $this->projectImportHelper->getKey([
                        'name' => $record['project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'is_billable' => false,
                        'color' => $this->colorService->getRandomColor(),
                    ]);
                    $project = $this->projectImportHelper->getModelById($projectId);
                    $projectMember = $this->projectMemberImportHelper->getModel([
                        'project_id' => $projectId,
                        'member_id' => $memberId,
                    ]);
                }
                $taskId = null;
                if ($record['task'] !== '') {
                    $taskId = $this->taskImportHelper->getKey([
                        'name' => $record['task'],
                        'project_id' => $projectId,
                        'organization_id' => $this->organization->id,
                    ]);
                    $this->taskImportHelper->getModelById($taskId);
                }
                $timeEntry = new TimeEntry;
                $timeEntry->disableAuditing();
                $timeEntry->user_id = $userId;
                $timeEntry->member_id = $memberId;
                $timeEntry->task_id = $taskId;
                $timeEntry->project_id = $projectId;
                $timeEntry->client_id = $clientId;
                $timeEntry->organization_id = $this->organization->id;
                $timeEntry->description = $record['description'];
                if (! in_array($record['billable'], ['true', 'false'], true)) {
                    throw new ImportException('Invalid billable value');
                }
                $timeEntry->billable = $record['billable'] === 'true';
                $timeEntry->tags = $this->getTags($record['tags']);
                $timeEntry->is_imported = true;
                try {
                    $start = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $record['start'], 'UTC');
                } catch (InvalidFormatException) {
                    throw new ImportException('Value of start ("'.$record['start'].'") is invalid');
                }
                if ($start === null) {
                    throw new ImportException('Value of start ("'.$record['start'].'") is invalid');
                }
                $timeEntry->start = $start->utc();

                try {
                    $end = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $record['end'], 'UTC');
                } catch (InvalidFormatException) {
                    throw new ImportException('Value of end ("'.$record['end'].'") is invalid');
                }
                if ($end === null) {
                    throw new ImportException('Value of end ("'.$record['end'].'") is invalid');
                }
                $timeEntry->end = $end->utc();
                $timeEntry->billable_rate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
                    $timeEntry,
                    $projectMember,
                    $project,
                    $member,
                    $this->organization
                );
                $timeEntry->save();
                $this->timeEntriesCreated++;
            }
            foreach ($this->projectImportHelper->getCachedModels() as $usedProject) {
                RecalculateSpentTimeForProject::dispatch($usedProject);
            }
            foreach ($this->taskImportHelper->getCachedModels() as $usedTask) {
                RecalculateSpentTimeForTask::dispatch($usedTask);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        foreach (self::REQUIRED_FIELDS as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.generic_time_entries.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.generic_time_entries.description');
    }
}


================================================
FILE: app/Service/Import/Importers/HarvestClientsImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use Exception;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class HarvestClientsImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    private const array REQUIRED_FIELDS = [
        'Client Name',
    ];

    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $this->clientImportHelper->getKey([
                    'name' => $record['Client Name'],
                    'organization_id' => $this->organization->id,
                ]);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        foreach (self::REQUIRED_FIELDS as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.harvest_clients.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.harvest_clients.description');
    }
}


================================================
FILE: app/Service/Import/Importers/HarvestProjectsImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use Exception;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class HarvestProjectsImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    private const array REQUIRED_FIELDS = [
        'Client',
        'Project',
        'Budget',
        'Billable Hours',
    ];

    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $clientId = null;
                if ($record['Client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['Client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                if ($record['Project'] !== '') {
                    if (! isset($record['Budget']) || ! is_string($record['Budget'])) {
                        throw new ImportException('The value for "Budget" is invalid');
                    }
                    $estimatedTimeField = Str::replace(',', '.', $record['Budget']);
                    $estimatedTime = $estimatedTimeField !== '' && is_numeric($estimatedTimeField) ? (int) (((float) $estimatedTimeField) * 60 * 60) : null;
                    if ($estimatedTime === 0) {
                        $estimatedTime = null;
                    }
                    if (! isset($record['Billable Hours']) || ! is_string($record['Billable Hours'])) {
                        throw new ImportException('The value for "Billable Hours" is invalid');
                    }
                    $billableHoursField = Str::replace(',', '.', $record['Billable Hours']);
                    $billableHours = $billableHoursField !== '' && is_numeric($billableHoursField) ? (int) ((float) $billableHoursField) : null;
                    $this->projectImportHelper->getKey([
                        'name' => $record['Project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'color' => $this->colorService->getRandomColor(),
                        'estimated_time' => $estimatedTime,
                        'is_billable' => $billableHours > 0,
                    ]);
                }
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        foreach (self::REQUIRED_FIELDS as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.harvest_projects.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.harvest_projects.description');
    }
}


================================================
FILE: app/Service/Import/Importers/HarvestTimeEntriesImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\TimeEntry;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;
use Override;

class HarvestTimeEntriesImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    private const array REQUIRED_FIELDS = [
        'Date',
        'Hours',
        'Client',
        'Project',
        'Task',
        'Billable?',
        'First Name',
        'Last Name',
        'Notes',
    ];

    /**
     * @throws ImportException
     */
    #[Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $firstname = $record['First Name'];
                $lastname = $record['Last Name'];
                $userId = $this->userImportHelper->getKey([
                    'email' => Str::slug($firstname).'.'.Str::slug($lastname).'@solidtime-import.test',
                ], [
                    'name' => $firstname.' '.$lastname,
                    'timezone' => 'UTC',
                    'is_placeholder' => true,
                ]);
                $memberId = $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                ]);
                $member = $this->memberImportHelper->getModelById($memberId);
                $clientId = null;
                if ($record['Client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['Client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                $projectId = null;
                $project = null;
                $projectMember = null;
                if ($record['Project'] !== '') {
                    $projectId = $this->projectImportHelper->getKey([
                        'name' => $record['Project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'color' => $this->colorService->getRandomColor(),
                        'is_billable' => true,
                    ]);
                    $project = $this->projectImportHelper->getModelById($projectId);
                    $projectMember = $this->projectMemberImportHelper->getModel([
                        'project_id' => $projectId,
                        'member_id' => $memberId,
                    ]);
                }
                $taskId = null;
                if ($record['Task'] !== '') {
                    $taskId = $this->taskImportHelper->getKey([
                        'name' => $record['Task'],
                        'project_id' => $projectId,
                        'organization_id' => $this->organization->id,
                    ]);
                    $this->taskImportHelper->getModelById($taskId);
                }
                $timeEntry = new TimeEntry;
                $timeEntry->disableAuditing();
                $timeEntry->user_id = $userId;
                $timeEntry->member_id = $memberId;
                $timeEntry->task_id = $taskId;
                $timeEntry->project_id = $projectId;
                $timeEntry->client_id = $clientId;
                $timeEntry->organization_id = $this->organization->id;
                if (strlen($record['Notes']) > 5000) {
                    throw new ImportException('Time entry note is too long');
                }
                $timeEntry->description = $record['Notes'];
                if (! in_array($record['Billable?'], ['Yes', 'No'], true)) {
                    throw new ImportException('Invalid billable value');
                }
                $timeEntry->billable = $record['Billable?'] === 'Yes';
                $timeEntry->tags = [];
                $timeEntry->is_imported = true;

                // Start & End
                try {
                    $date = Carbon::createFromFormat('Y-m-d', $record['Date'], $timezone);
                } catch (InvalidFormatException) {
                    throw new ImportException('Date ("'.$record['Date'].'") is invalid');
                }
                if ($date === null) {
                    throw new ImportException('Date ("'.$record['Date'].'") is invalid');
                }
                if (! isset($record['Hours']) || ! is_string($record['Hours'])) {
                    throw new ImportException('Hours ("'.($record['Hours'] ?? '<null>').'") is invalid');
                }
                $hoursField = Str::replace(',', '.', $record['Hours']);
                if (! is_numeric($hoursField)) {
                    throw new ImportException('Hours ("'.$record['Hours'].'") is invalid');
                }
                $hours = (float) $hoursField;
                $timeEntry->start = $date->copy()->startOfDay()->utc();
                $timeEntry->end = $date->copy()->startOfDay()->addHours($hours)->utc();
                $timeEntry->billable_rate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
                    $timeEntry,
                    $projectMember,
                    $project,
                    $member,
                    $this->organization
                );
                $timeEntry->save();
                $this->timeEntriesCreated++;
            }
            foreach ($this->projectImportHelper->getCachedModels() as $usedProject) {
                RecalculateSpentTimeForProject::dispatch($usedProject);
            }
            foreach ($this->taskImportHelper->getCachedModels() as $usedTask) {
                RecalculateSpentTimeForTask::dispatch($usedTask);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        foreach (self::REQUIRED_FIELDS as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[Override]
    public function getName(): string
    {
        return __('importer.harvest_time_entries.name');
    }

    #[Override]
    public function getDescription(): string
    {
        return __('importer.harvest_time_entries.description');
    }
}


================================================
FILE: app/Service/Import/Importers/ImportException.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

class ImportException extends \Exception {}


================================================
FILE: app/Service/Import/Importers/ImporterContract.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Models\Organization;

interface ImporterContract
{
    public function init(Organization $organization): void;

    public function importData(string $data, string $timezone): void;

    public function getReport(): ReportDto;

    public function getName(): string;

    public function getDescription(): string;
}


================================================
FILE: app/Service/Import/Importers/ImporterProvider.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

class ImporterProvider
{
    /**
     * @var array<string, class-string<ImporterContract>>
     */
    private array $importers = [
        'toggl_time_entries' => TogglTimeEntriesImporter::class,
        'toggl_data_importer' => TogglDataImporter::class,
        'clockify_time_entries' => ClockifyTimeEntriesImporter::class,
        'clockify_projects' => ClockifyProjectsImporter::class,
        'solidtime' => SolidtimeImporter::class,
        'harvest_projects' => HarvestProjectsImporter::class,
        'harvest_time_entries' => HarvestTimeEntriesImporter::class,
        'harvest_clients' => HarvestClientsImporter::class,
        'generic_projects' => GenericProjectsImporter::class,
        'generic_time_entries' => GenericTimeEntriesImporter::class,
    ];

    /**
     * @param  class-string<ImporterContract>  $importer
     */
    public function registerImporter(string $type, string $importer): void
    {
        $this->importers[$type] = $importer;
    }

    /**
     * @return array<string>
     */
    public function getImporterKeys(): array
    {
        return array_keys($this->importers);
    }

    /**
     * @return array<string, class-string<ImporterContract>>
     */
    public function getImporters(): array
    {
        return $this->importers;
    }

    public function getImporter(string $type): ImporterContract
    {
        if (! array_key_exists($type, $this->importers)) {
            throw new \InvalidArgumentException('Invalid importer type');
        }

        return new $this->importers[$type];
    }
}


================================================
FILE: app/Service/Import/Importers/ReportDto.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

class ReportDto
{
    public int $clientsCreated;

    public int $projectsCreated;

    public int $tasksCreated;

    public int $timeEntriesCreated;

    public int $tagsCreated;

    public int $usersCreated;

    public function __construct(int $clientsCreated, int $projectsCreated, int $tasksCreated, int $timeEntriesCreated, int $tagsCreated, int $usersCreated)
    {
        $this->clientsCreated = $clientsCreated;
        $this->projectsCreated = $projectsCreated;
        $this->tasksCreated = $tasksCreated;
        $this->timeEntriesCreated = $timeEntriesCreated;
        $this->tagsCreated = $tagsCreated;
        $this->usersCreated = $usersCreated;
    }

    /**
     * @return array{
     *    clients: array{
     *       created: int,
     *    },
     *    projects: array{
     *       created: int,
     *    },
     *    tasks: array{
     *       created: int,
     *    },
     *    time_entries: array{
     *       created: int,
     *    },
     *    tags: array{
     *       created: int,
     *    },
     *    users: array{
     *       created: int,
     *    }
     * }
     */
    public function toArray(): array
    {
        return [
            'clients' => [
                'created' => $this->clientsCreated,
            ],
            'projects' => [
                'created' => $this->projectsCreated,
            ],
            'tasks' => [
                'created' => $this->tasksCreated,
            ],
            'time_entries' => [
                'created' => $this->timeEntriesCreated,
            ],
            'tags' => [
                'created' => $this->tagsCreated,
            ],
            'users' => [
                'created' => $this->usersCreated,
            ],
        ];
    }
}


================================================
FILE: app/Service/Import/Importers/SolidtimeImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\TimeEntry;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use League\Csv\Reader;
use Override;
use Spatie\TemporaryDirectory\TemporaryDirectory;
use ZipArchive;

class SolidtimeImporter extends DefaultImporter
{
    /**
     * @var array<string>
     */
    public const array SUPPORTED_VERSIONS = ['1.0'];

    /**
     * @throws ImportException
     */
    #[Override]
    public function importData(string $data, string $timezone): void
    {
        $temporaryDirectoryZip = null;
        $temporaryDirectory = null;
        try {
            $zip = new ZipArchive;
            $temporaryDirectoryZip = TemporaryDirectory::make();
            file_put_contents($temporaryDirectoryZip->path('import.zip'), $data);
            $res = $zip->open($temporaryDirectoryZip->path('import.zip'), ZipArchive::RDONLY);
            if ($res !== true) {
                throw new ImportException('Invalid ZIP, error code: '.$res);
            }
            $temporaryDirectory = TemporaryDirectory::make();
            $zip->extractTo($temporaryDirectory->path());
            $zip->close();

            if (! file_exists($temporaryDirectory->path('meta.json'))) {
                throw new ImportException('File "meta.json" missing in ZIP');
            }
            $metaFileContentRaw = file_get_contents($temporaryDirectory->path('meta.json'));
            if ($metaFileContentRaw === false) {
                throw new ImportException('File "meta.json" can not read');
            }
            $metaFileContent = json_decode($metaFileContentRaw);
            if ($metaFileContent === false || ! isset($metaFileContent->version) || ! in_array($metaFileContent->version, self::SUPPORTED_VERSIONS, true)) {
                throw new ImportException('Invalid version');
            }

            if (! file_exists($temporaryDirectory->path('clients.csv'))) {
                throw new ImportException('File "clients.csv" missing in ZIP');
            }
            $clientsReader = Reader::createFromPath($temporaryDirectory->path('clients.csv'));
            $clientsReader->setHeaderOffset(0);
            $clientsReader->setDelimiter(',');
            $clientsReader->setEnclosure('"');
            $clientsReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('members.csv'))) {
                throw new ImportException('File "members.csv" missing in ZIP');
            }
            $membersReader = Reader::createFromPath($temporaryDirectory->path('members.csv'));
            $membersReader->setHeaderOffset(0);
            $membersReader->setDelimiter(',');
            $membersReader->setEnclosure('"');
            $membersReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('organization_invitations.csv'))) {
                throw new ImportException('File "organization_invitations.csv" missing in ZIP');
            }
            $organizationInvitationsReader = Reader::createFromPath($temporaryDirectory->path('organization_invitations.csv'));
            $organizationInvitationsReader->setHeaderOffset(0);
            $organizationInvitationsReader->setDelimiter(',');
            $organizationInvitationsReader->setEnclosure('"');
            $organizationInvitationsReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('project_members.csv'))) {
                throw new ImportException('File "project_members.csv" missing in ZIP');
            }
            $projectMembersReader = Reader::createFromPath($temporaryDirectory->path('project_members.csv'));
            $projectMembersReader->setHeaderOffset(0);
            $projectMembersReader->setDelimiter(',');
            $projectMembersReader->setEnclosure('"');
            $projectMembersReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('projects.csv'))) {
                throw new ImportException('File "projects.csv" missing in ZIP');
            }
            $projectsReader = Reader::createFromPath($temporaryDirectory->path('projects.csv'));
            $projectsReader->setHeaderOffset(0);
            $projectsReader->setDelimiter(',');
            $projectsReader->setEnclosure('"');
            $projectsReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('tags.csv'))) {
                throw new ImportException('File "tags.csv" missing in ZIP');
            }
            $tagsReader = Reader::createFromPath($temporaryDirectory->path('tags.csv'));
            $tagsReader->setHeaderOffset(0);
            $tagsReader->setDelimiter(',');
            $tagsReader->setEnclosure('"');
            $tagsReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('tasks.csv'))) {
                throw new ImportException('File "tasks.csv" missing in ZIP');
            }
            $tasksReader = Reader::createFromPath($temporaryDirectory->path('tasks.csv'));
            $tasksReader->setHeaderOffset(0);
            $tasksReader->setDelimiter(',');
            $tasksReader->setEnclosure('"');
            $tasksReader->setEscape('');

            if (! file_exists($temporaryDirectory->path('time_entries.csv'))) {
                throw new ImportException('File "time_entries.csv" missing in ZIP');
            }
            $timeEntriesReader = Reader::createFromPath($temporaryDirectory->path('time_entries.csv'));
            $timeEntriesReader->setHeaderOffset(0);
            $timeEntriesReader->setDelimiter(',');
            $timeEntriesReader->setEnclosure('"');
            $timeEntriesReader->setEscape('');

            foreach ($clientsReader as $client) {
                $this->clientImportHelper->getKey([
                    'name' => $client['name'],
                    'organization_id' => $this->organization->id,
                ], [
                    'archived_at' => $client['archived_at'] !== '' ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $client['archived_at'], 'UTC') : null,
                ], $client['id']);
            }

            foreach ($tagsReader as $tag) {
                $this->tagImportHelper->getKey([
                    'name' => $tag['name'],
                    'organization_id' => $this->organization->id,
                ], [], $tag['id']);
            }

            foreach ($membersReader as $member) {
                $userId = $this->userImportHelper->getKey([
                    'email' => $member['email'],
                ], [
                    'name' => $member['name'],
                    'timezone' => 'UTC',
                    'is_placeholder' => true,
                ], $member['user_id']);
                $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                    'billable_rate' => $member['billable_rate'] === '' ? null : (int) $member['billable_rate'],
                ], $member['id']);
            }

            foreach ($projectsReader as $project) {
                $clientId = null;
                if ($project['client_id'] !== '') {
                    $clientId = $this->clientImportHelper->getKeyByExternalIdentifier($project['client_id']);
                    if ($clientId === null) {
                        throw new Exception('Client does not exist');
                    }
                }

                if (! $this->colorService->isValid($project['color'])) {
                    throw new ImportException('Invalid color');
                }

                $this->projectImportHelper->getKey([
                    'name' => $project['name'],
                    'client_id' => $clientId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'color' => $project['color'],
                    'billable_rate' => $project['billable_rate'] === '' ? null : (int) $project['billable_rate'],
                    'is_public' => $project['is_public'] === 'true',
                    'is_billable' => $project['is_billable'] === 'true',
                    'archived_at' => $project['archived_at'] !== '' ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $project['archived_at'], 'UTC') : null,
                ], $project['id']);
            }

            foreach ($projectMembersReader as $projectMember) {
                $userId = $this->userImportHelper->getKeyByExternalIdentifier($projectMember['user_id']);
                $memberId = $this->memberImportHelper->getKeyByExternalIdentifier($projectMember['member_id']);
                $projectId = $this->projectImportHelper->getKeyByExternalIdentifier($projectMember['project_id']);
                $this->projectMemberImportHelper->getKey([
                    'project_id' => $projectId,
                    'member_id' => $memberId,
                ], [
                    'user_id' => $userId,
                    'billable_rate' => $projectMember['billable_rate'] === '' ? null : (int) $projectMember['billable_rate'],
                ], $projectMember['id']);
            }

            foreach ($tasksReader as $task) {
                $projectId = $this->projectImportHelper->getKeyByExternalIdentifier($task['project_id']);
                if ($projectId === null) {
                    throw new Exception('Project does not exist');
                }
                $this->taskImportHelper->getKey([
                    'name' => $task['name'],
                    'project_id' => $projectId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'done_at' => $task['done_at'] !== '' ? Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $task['done_at'], 'UTC') : null,
                ], (string) $task['id']);
            }

            // Time entries
            foreach ($timeEntriesReader as $timeEntryRow) {
                $userId = $this->userImportHelper->getKeyByExternalIdentifier($timeEntryRow['user_id']);
                $memberId = $this->memberImportHelper->getKeyByExternalIdentifier($timeEntryRow['member_id']);
                $member = $this->memberImportHelper->getModelById($memberId);
                $clientId = null;
                if ($timeEntryRow['client_id'] !== '') {
                    $clientId = $this->clientImportHelper->getKeyByExternalIdentifier($timeEntryRow['client_id']);
                }
                $project = null;
                $projectId = null;
                $projectMember = null;
                if ($timeEntryRow['project_id'] !== '') {
                    $projectId = $this->projectImportHelper->getKeyByExternalIdentifier($timeEntryRow['project_id']);
                    $project = $this->projectImportHelper->getModelById($projectId);
                    $projectMember = $this->projectMemberImportHelper->getModel([
                        'project_id' => $projectId,
                        'member_id' => $memberId,
                    ]);
                }
                $taskId = null;
                if ($timeEntryRow['task_id'] !== '') {
                    $taskId = $this->taskImportHelper->getKeyByExternalIdentifier($timeEntryRow['task_id']);
                    $this->taskImportHelper->getModelById($taskId);
                }
                $timeEntry = new TimeEntry;
                $timeEntry->disableAuditing();
                $timeEntry->user_id = $userId;
                $timeEntry->member_id = $memberId;
                $timeEntry->task_id = $taskId;
                $timeEntry->project_id = $projectId;
                $timeEntry->client_id = $clientId;
                $timeEntry->organization_id = $this->organization->id;
                if (strlen($timeEntryRow['description']) > 5000) {
                    throw new ImportException('Time entry description is too long');
                }
                $timeEntry->description = $timeEntryRow['description'];
                if (! in_array($timeEntryRow['billable'], ['true', 'false'], true)) {
                    throw new ImportException('Invalid billable value');
                }
                $timeEntry->billable = $timeEntryRow['billable'] === 'true';
                $timeEntry->tags = $this->getTags($timeEntryRow['tags']);
                $timeEntry->is_imported = true;

                try {
                    $start = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $timeEntryRow['start'], 'UTC');
                } catch (InvalidFormatException) {
                    throw new ImportException('Start date ("'.$timeEntryRow['start'].'") is invalid');
                }
                if ($start === null) {
                    throw new ImportException('Start date ("'.$timeEntryRow['start'].'") is invalid');
                }
                $timeEntry->start = $start->utc();

                if ($timeEntryRow['end'] !== '') {
                    try {
                        $end = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $timeEntryRow['end'], 'UTC');
                    } catch (InvalidFormatException) {
                        throw new ImportException('End date ("'.$timeEntryRow['end'].'") is invalid');
                    }
                    if ($end === null) {
                        throw new ImportException('End date ("'.$timeEntryRow['end'].'") is invalid');
                    }
                    $timeEntry->end = $end->utc();
                } else {
                    $timeEntry->end = null;
                }

                if ($timeEntryRow['still_active_email_sent_at'] !== '') {
                    try {
                        $stillActiveEmailSentAt = Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $timeEntryRow['still_active_email_sent_at'], 'UTC');
                    } catch (InvalidFormatException) {
                        throw new ImportException('Still active email timestamp ("'.$timeEntryRow['still_active_email_sent_at'].'") is invalid');
                    }
                    if ($stillActiveEmailSentAt === null) {
                        throw new ImportException('Still active email timestamp ("'.$timeEntryRow['still_active_email_sent_at'].'") is invalid');
                    }
                    $timeEntry->still_active_email_sent_at = $stillActiveEmailSentAt->utc();
                } else {
                    $timeEntry->still_active_email_sent_at = null;
                }

                $timeEntry->billable_rate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
                    $timeEntry,
                    $projectMember,
                    $project,
                    $member,
                    $this->organization
                );
                $timeEntry->save();
                $this->timeEntriesCreated++;
            }
            foreach ($this->projectImportHelper->getCachedModels() as $usedProject) {
                RecalculateSpentTimeForProject::dispatch($usedProject);
            }
            foreach ($this->taskImportHelper->getCachedModels() as $usedTask) {
                RecalculateSpentTimeForTask::dispatch($usedTask);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        } finally {
            $temporaryDirectory?->delete();
            $temporaryDirectoryZip?->delete();
        }
    }

    /**
     * @return array<string>
     */
    private function getTags(string $tags): array
    {
        if (Str::trim($tags) === '') {
            return [];
        }
        $tagsParsed = json_decode($tags);
        if ($tagsParsed === false || ! is_array($tagsParsed)) {
            return [];
        }
        $tagIds = [];
        foreach ($tagsParsed as $tagParsed) {
            if (! is_string($tagParsed) || ! Str::isUuid($tagParsed)) {
                continue;
            }
            $tagId = $this->tagImportHelper->getKeyByExternalIdentifier($tagParsed);
            $tagIds[] = $tagId;
        }

        return $tagIds;
    }

    #[Override]
    public function getName(): string
    {
        return __('importer.solidtime_importer.name');
    }

    #[Override]
    public function getDescription(): string
    {
        return __('importer.solidtime_importer.description');
    }
}


================================================
FILE: app/Service/Import/Importers/TogglDataImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Service\TimezoneService;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Str;
use Override;
use Spatie\TemporaryDirectory\TemporaryDirectory;
use ValueError;
use ZipArchive;

class TogglDataImporter extends DefaultImporter
{
    /**
     * @throws ImportException
     */
    #[Override]
    public function importData(string $data, string $timezone): void
    {
        $temporaryDirectoryZip = null;
        $temporaryDirectory = null;
        try {
            $zip = new ZipArchive;
            $temporaryDirectoryZip = TemporaryDirectory::make();
            file_put_contents($temporaryDirectoryZip->path('import.zip'), $data);
            $res = $zip->open($temporaryDirectoryZip->path('import.zip'), ZipArchive::RDONLY);
            if ($res !== true) {
                throw new ImportException('Invalid ZIP, error code: '.$res);
            }
            $temporaryDirectory = TemporaryDirectory::make();
            $zip->extractTo($temporaryDirectory->path());
            $zip->close();
            if (! file_exists($temporaryDirectory->path('clients.json'))) {
                throw new ImportException('File "clients.json" missing in ZIP');
            }
            $clientsFileContent = file_get_contents($temporaryDirectory->path('clients.json'));
            if ($clientsFileContent === false) {
                throw new ImportException('File "clients.json" can not be opened');
            }
            $clients = json_decode($clientsFileContent);
            if ($clients === null) {
                throw new ImportException('File "clients.json" is empty');
            }
            if (! file_exists($temporaryDirectory->path('projects.json'))) {
                throw new ImportException('File "projects.json" missing in ZIP');
            }
            $projectsFileContent = file_get_contents($temporaryDirectory->path('projects.json'));
            if ($projectsFileContent === false) {
                throw new ImportException('File "projects.json" can not be opened');
            }
            $projects = json_decode($projectsFileContent);
            if ($projects === null) {
                throw new ImportException('File "projects.json" is empty');
            }
            if (! file_exists($temporaryDirectory->path('tags.json'))) {
                throw new ImportException('File "tags.json" missing in ZIP');
            }
            $tagsFileContent = file_get_contents($temporaryDirectory->path('tags.json'));
            if ($tagsFileContent === false) {
                throw new ImportException('File "tags.json" can not be opened');
            }
            $tags = json_decode($tagsFileContent);
            if ($tags === null) {
                throw new ImportException('File "tags.json" is empty');
            }
            if (! file_exists($temporaryDirectory->path('workspace_users.json'))) {
                throw new ImportException('File "workspace_users.json" missing in ZIP');
            }
            $workspaceUsersFileContent = file_get_contents($temporaryDirectory->path('workspace_users.json'));
            if ($workspaceUsersFileContent === false) {
                throw new ImportException('File "workspace_users.json" can not be opened');
            }
            $workspaceUsers = json_decode($workspaceUsersFileContent);
            if ($workspaceUsers === null) {
                throw new ImportException('File "workspace_users.json" is empty');
            }
            foreach ($clients as $client) {
                $this->clientImportHelper->getKey([
                    'name' => $client->name,
                    'organization_id' => $this->organization->id,
                ], [
                    'archived_at' => $client->archived === true ? Carbon::now() : null,
                ], (string) $client->id);
            }
            foreach ($tags as $tag) {
                $this->tagImportHelper->getKey([
                    'name' => $tag->name,
                    'organization_id' => $this->organization->id,
                ], [], (string) $tag->id);
            }

            foreach ($workspaceUsers as $workspaceUser) {
                $timezone = Str::trim($workspaceUser->timezone);
                if ($timezone === '') {
                    $timezone = 'UTC';
                }
                if (! app(TimezoneService::class)->isValid($timezone)) {
                    Log::warning('TogglDateImporter: Invalid timezone', [
                        'timezone' => $timezone,
                    ]);
                    $timezone = 'UTC';
                }

                $userId = $this->userImportHelper->getKey([
                    'email' => $workspaceUser->email,
                ], [
                    'name' => $workspaceUser->name,
                    'timezone' => $timezone,
                    'is_placeholder' => true,
                ], (string) $workspaceUser->uid);
                $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                ], $userId);
            }

            foreach ($projects as $project) {
                $clientId = null;
                if ($project->client_id !== null) {
                    $clientId = $this->clientImportHelper->getKeyByExternalIdentifier((string) $project->client_id);
                    if ($clientId === null) {
                        throw new Exception('Client does not exist');
                    }
                }

                if (! $this->colorService->isValid($project->color)) {
                    throw new ImportException('Invalid color');
                }

                $projectId = $this->projectImportHelper->getKey([
                    'name' => $project->name,
                    'client_id' => $clientId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'color' => $project->color,
                    'is_billable' => $project->billable,
                    'is_public' => ! $project->is_private,
                    'billable_rate' => $project->rate !== null ? (int) ($project->rate * 100) : null,
                ], (string) $project->id);

                if (! file_exists($temporaryDirectory->path('projects_users/'.$project->id.'.json'))) {
                    throw new ImportException('File "projects_users/'.$project->id.'.json" missing in ZIP');
                }
                $projectMembersFileContent = file_get_contents($temporaryDirectory->path('projects_users/'.$project->id.'.json'));
                if ($projectMembersFileContent === false) {
                    throw new ImportException('File "projects_users/'.$project->id.'.json" can not be opened');
                }
                $projectMembers = json_decode($projectMembersFileContent);
                if ($projectMembers === null) {
                    throw new ImportException('File "projects_users/'.$project->id.'.json" is empty');
                }
                foreach ($projectMembers as $projectMember) {
                    $userId = $this->userImportHelper->getKeyByExternalIdentifier((string) $projectMember->user_id);
                    $this->projectMemberImportHelper->getKey([
                        'project_id' => $projectId,
                        'member_id' => $this->memberImportHelper->getKeyByExternalIdentifier($userId),
                    ], [
                        'user_id' => $userId,
                        'billable_rate' => $projectMember->rate !== null ? (int) ($projectMember->rate * 100) : null,
                    ]);
                }
            }
            $projectIds = $this->projectImportHelper->getExternalIds();
            foreach ($projectIds as $projectIdExternal) {
                if (! file_exists($temporaryDirectory->path('tasks/'.$projectIdExternal.'.json'))) {
                    continue;
                }
                $tasksFileContent = file_get_contents($temporaryDirectory->path('tasks/'.$projectIdExternal.'.json'));
                if ($tasksFileContent === false) {
                    throw new ImportException('File "tasks/'.$projectIdExternal.'.json" can not be opened');
                }
                $tasks = json_decode($tasksFileContent);
                if ($tasks === null) {
                    throw new ImportException('File "tasks/'.$projectIdExternal.'.json" is empty');
                }
                foreach ($tasks as $task) {
                    $projectId = $this->projectImportHelper->getKeyByExternalIdentifier((string) $projectIdExternal);

                    if ($projectId === null) {
                        throw new Exception('Project does not exist');
                    }
                    $this->taskImportHelper->getKey([
                        'name' => $task->name,
                        'project_id' => $projectId,
                        'organization_id' => $this->organization->getKey(),
                    ], [
                        'done_at' => $task->active === false ? Carbon::now() : null,
                    ], (string) $task->id);
                }
            }
        } catch (ValueError $exception) {

        } catch (ImportException $exception) {
            throw $exception;
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        } finally {
            $temporaryDirectory?->delete();
            $temporaryDirectoryZip?->delete();
        }
    }

    #[Override]
    public function getName(): string
    {
        return __('importer.toggl_data_importer.name');
    }

    #[Override]
    public function getDescription(): string
    {
        return __('importer.toggl_data_importer.description');
    }
}


================================================
FILE: app/Service/Import/Importers/TogglTimeEntriesImporter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\Import\Importers;

use App\Enums\Role;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\TimeEntry;
use Carbon\Exceptions\InvalidFormatException;
use Exception;
use Illuminate\Support\Carbon;
use Illuminate\Support\Str;
use League\Csv\Exception as CsvException;
use League\Csv\Reader;

class TogglTimeEntriesImporter extends DefaultImporter
{
    /**
     * @return array<string>
     *
     * @throws ImportException
     */
    private function getTags(string $tags): array
    {
        if (Str::trim($tags) === '') {
            return [];
        }
        $tagsParsed = explode(', ', $tags);
        $tagIds = [];
        foreach ($tagsParsed as $tagParsed) {
            $tagId = $this->tagImportHelper->getKey([
                'name' => $tagParsed,
                'organization_id' => $this->organization->id,
            ]);
            $tagIds[] = $tagId;
        }

        return $tagIds;
    }

    /**
     * @throws ImportException
     */
    #[\Override]
    public function importData(string $data, string $timezone): void
    {
        try {
            $reader = Reader::createFromString($data);
            $reader->setHeaderOffset(0);
            $reader->setDelimiter(',');
            $reader->setEnclosure('"');
            $reader->setEscape('');
            $header = $reader->getHeader();
            $this->validateHeader($header);
            $records = $reader->getRecords();
            foreach ($records as $record) {
                $userId = $this->userImportHelper->getKey([
                    'email' => $record['Email'],
                ], [
                    'name' => $record['User'],
                    'timezone' => 'UTC',
                    'is_placeholder' => true,
                ]);
                $memberId = $this->memberImportHelper->getKey([
                    'user_id' => $userId,
                    'organization_id' => $this->organization->getKey(),
                ], [
                    'role' => Role::Placeholder->value,
                ]);
                $member = $this->memberImportHelper->getModelById($memberId);
                $clientId = null;
                if ($record['Client'] !== '') {
                    $clientId = $this->clientImportHelper->getKey([
                        'name' => $record['Client'],
                        'organization_id' => $this->organization->id,
                    ]);
                }
                $projectId = null;
                $project = null;
                $projectMember = null;
                if ($record['Project'] !== '') {
                    $projectId = $this->projectImportHelper->getKey([
                        'name' => $record['Project'],
                        'client_id' => $clientId,
                        'organization_id' => $this->organization->id,
                    ], [
                        'is_billable' => false,
                        'color' => $this->colorService->getRandomColor(),
                    ]);
                    $project = $this->projectImportHelper->getModelById($projectId);
                    $projectMember = $this->projectMemberImportHelper->getModel([
                        'project_id' => $projectId,
                        'member_id' => $memberId,
                    ]);
                }
                $taskId = null;
                if ($record['Task'] !== '') {
                    $taskId = $this->taskImportHelper->getKey([
                        'name' => $record['Task'],
                        'project_id' => $projectId,
                        'organization_id' => $this->organization->id,
                    ]);
                    $this->taskImportHelper->getModelById($taskId);
                }
                $timeEntry = new TimeEntry;
                $timeEntry->disableAuditing();
                $timeEntry->user_id = $userId;
                $timeEntry->member_id = $memberId;
                $timeEntry->task_id = $taskId;
                $timeEntry->project_id = $projectId;
                $timeEntry->client_id = $clientId;
                $timeEntry->organization_id = $this->organization->id;
                $timeEntry->description = $record['Description'];
                if (! in_array($record['Billable'], ['Yes', 'No'], true)) {
                    throw new ImportException('Invalid billable value');
                }
                $timeEntry->billable = $record['Billable'] === 'Yes';
                $timeEntry->tags = $this->getTags($record['Tags']);
                $timeEntry->is_imported = true;
                try {
                    $start = Carbon::createFromFormat('Y-m-d H:i:s', $record['Start date'].' '.$record['Start time'], $timezone);
                } catch (InvalidFormatException) {
                    throw new ImportException('Start date ("'.$record['Start date'].'") or time ("'.$record['Start time'].'") are invalid');
                }
                if ($start === null) {
                    throw new ImportException('Start date ("'.$record['Start date'].'") or time ("'.$record['Start time'].'") are invalid');
                }
                $timeEntry->start = $start->utc();

                try {
                    $end = Carbon::createFromFormat('Y-m-d H:i:s', $record['End date'].' '.$record['End time'], $timezone);
                } catch (InvalidFormatException) {
                    throw new ImportException('End date ("'.$record['End date'].'") or time ("'.$record['End time'].'") are invalid');
                }
                if ($end === null) {
                    throw new ImportException('End date ("'.$record['End date'].'") or time ("'.$record['End time'].'") are invalid');
                }
                $timeEntry->end = $end->utc();
                $timeEntry->billable_rate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
                    $timeEntry,
                    $projectMember,
                    $project,
                    $member,
                    $this->organization
                );
                $timeEntry->save();
                $this->timeEntriesCreated++;
            }
            foreach ($this->projectImportHelper->getCachedModels() as $usedProject) {
                RecalculateSpentTimeForProject::dispatch($usedProject);
            }
            foreach ($this->taskImportHelper->getCachedModels() as $usedTask) {
                RecalculateSpentTimeForTask::dispatch($usedTask);
            }
        } catch (ImportException $exception) {
            throw $exception;
        } catch (CsvException $exception) {
            throw new ImportException('Invalid CSV data');
        } catch (Exception $exception) {
            report($exception);
            throw new ImportException('Unknown error');
        }
    }

    /**
     * @param  array<string>  $header
     *
     * @throws ImportException
     */
    private function validateHeader(array $header): void
    {
        $requiredFields = [
            'User',
            'Email',
            'Client',
            'Project',
            'Task',
            'Description',
            'Billable',
            'Start date',
            'Start time',
            'End date',
            'End time',
            'Tags',
        ];
        foreach ($requiredFields as $requiredField) {
            if (! in_array($requiredField, $header, true)) {
                throw new ImportException('Invalid CSV header, missing field: '.$requiredField);
            }
        }
    }

    #[\Override]
    public function getName(): string
    {
        return __('importer.toggl_time_entries.name');
    }

    #[\Override]
    public function getDescription(): string
    {
        return __('importer.toggl_time_entries.description');
    }
}


================================================
FILE: app/Service/IntervalService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use Carbon\CarbonInterval;

class IntervalService
{
    public function format(CarbonInterval $interval): string
    {
        $interval->cascade();

        return ((int) floor($interval->totalHours)).':'.$interval->format('%I:%S');
    }
}


================================================
FILE: app/Service/InvitationService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\Role;
use App\Exceptions\Api\InvitationForTheEmailAlreadyExistsApiException;
use App\Exceptions\Api\UserIsAlreadyMemberOfOrganizationApiException;
use App\Mail\OrganizationInvitationMail;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use Illuminate\Support\Facades\Mail;
use Laravel\Jetstream\Events\InvitingTeamMember;

class InvitationService
{
    /**
     * @throws UserIsAlreadyMemberOfOrganizationApiException|InvitationForTheEmailAlreadyExistsApiException
     */
    public function inviteUser(Organization $organization, string $email, Role $role): OrganizationInvitation
    {
        if (Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->whereRelation('user', 'email', '=', $email)
            ->where('role', '!=', Role::Placeholder->value)
            ->exists()) {
            throw new UserIsAlreadyMemberOfOrganizationApiException;
        }

        if (OrganizationInvitation::query()
            ->where('email', $email)
            ->whereBelongsTo($organization, 'organization')
            ->exists()) {
            throw new InvitationForTheEmailAlreadyExistsApiException;
        }

        InvitingTeamMember::dispatch($organization, $email, $role->value);

        $invitation = new OrganizationInvitation;
        $invitation->email = $email;
        $invitation->role = $role->value;
        $invitation->organization()->associate($organization);
        $invitation->save();

        Mail::to($email)->queue(new OrganizationInvitationMail($invitation));

        return $invitation;
    }
}


================================================
FILE: app/Service/IpLookup/IpLookupResponseDto.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\IpLookup;

use App\Enums\Weekday;

class IpLookupResponseDto
{
    public ?string $timezone;

    public ?Weekday $startOfWeek;

    public ?string $currency;

    public function __construct(?string $timezone, ?Weekday $startOfWeek, ?string $currency)
    {
        $this->timezone = $timezone;
        $this->startOfWeek = $startOfWeek;
        $this->currency = $currency;
    }
}


================================================
FILE: app/Service/IpLookup/IpLookupServiceContract.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\IpLookup;

interface IpLookupServiceContract
{
    public function lookup(string $ip): ?IpLookupResponseDto;
}


================================================
FILE: app/Service/IpLookup/NoIpLookupService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\IpLookup;

class NoIpLookupService implements IpLookupServiceContract
{
    public function lookup(string $ip): ?IpLookupResponseDto
    {
        return null;
    }
}


================================================
FILE: app/Service/LocalizationService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Models\Organization;
use Brick\Math\BigDecimal;
use Brick\Money\Money;
use Carbon\CarbonInterface;
use Carbon\CarbonInterval;

class LocalizationService
{
    private CurrencyFormat $currencyFormat;

    private IntervalFormat $intervalFormat;

    private DateFormat $dateFormat;

    private TimeFormat $timeFormat;

    private NumberFormat $numberFormat;

    public function __construct(CurrencyFormat $currencyFormat, DateFormat $dateFormat, TimeFormat $timeFormat, NumberFormat $numberFormat, IntervalFormat $intervalFormat)
    {
        $this->currencyFormat = $currencyFormat;
        $this->dateFormat = $dateFormat;
        $this->timeFormat = $timeFormat;
        $this->numberFormat = $numberFormat;
        $this->intervalFormat = $intervalFormat;
    }

    public static function forOrganization(Organization $organization): self
    {
        return new LocalizationService(
            $organization->currency_format,
            $organization->date_format,
            $organization->time_format,
            $organization->number_format,
            $organization->interval_format
        );
    }

    public function formatNumber(BigDecimal|float $number): string
    {
        $numberFloat = $number instanceof BigDecimal ? $number->toFloat() : $number;

        if ($this->numberFormat === NumberFormat::ThousandsPointDecimalComma) {
            return number_format($numberFloat, 2, ',', '.');
        } elseif ($this->numberFormat === NumberFormat::ThousandsSpaceDecimalPoint) {
            return number_format($numberFloat, 2, '.', ' ');
        } elseif ($this->numberFormat === NumberFormat::ThousandsCommaDecimalPoint) {
            return number_format($numberFloat, 2, '.', ',');
        } elseif ($this->numberFormat === NumberFormat::ThousandsSpaceDecimalComma) {
            return number_format($numberFloat, 2, ',', ' ');
        } elseif ($this->numberFormat === NumberFormat::ThousandsApostropheDecimalPoint) {
            return number_format($numberFloat, 2, '.', '\'');
        }
    }

    public function formatNumberWithoutTrailingZeros(BigDecimal|float $number): string
    {
        $number = $this->formatNumber($number);

        $number = rtrim($number, '0');
        $number = rtrim($number, '.');
        $number = rtrim($number, ',');

        return $number;
    }

    public function formatInterval(CarbonInterval $interval): string
    {
        if ($this->intervalFormat === IntervalFormat::Decimal) {
            $interval->cascade();

            return $this->formatNumber($interval->totalHours).' h';
        } elseif ($this->intervalFormat === IntervalFormat::HoursMinutes) {
            $interval->cascade();

            return ((int) floor($interval->totalHours)).'h '.$interval->format('%I').'m';
        } elseif ($this->intervalFormat === IntervalFormat::HoursMinutesColonSeparated) {
            $interval->cascade();

            return ((int) floor($interval->totalHours)).':'.$interval->format('%I');
        } elseif ($this->intervalFormat === IntervalFormat::HoursMinutesSecondsColonSeparated) {
            $interval->cascade();

            return ((int) floor($interval->totalHours)).':'.$interval->format('%I:%S');
        }
    }

    public function formatCurrency(Money $money): string
    {
        $currencyService = app(CurrencyService::class);
        if ($this->currencyFormat === CurrencyFormat::ISOCodeAfterWithSpace) {
            return $this->formatNumber($money->getAmount()).' '.$money->getCurrency()->getCurrencyCode();
        } elseif ($this->currencyFormat === CurrencyFormat::ISOCodeBeforeWithSpace) {
            return $money->getCurrency()->getCurrencyCode().' '.$this->formatNumber($money->getAmount());
        } elseif ($this->currencyFormat === CurrencyFormat::SymbolAfter) {
            return $this->formatNumber($money->getAmount()).$currencyService->getCurrencySymbolForMoney($money);
        } elseif ($this->currencyFormat === CurrencyFormat::SymbolBefore) {
            return $currencyService->getCurrencySymbolForMoney($money).$this->formatNumber($money->getAmount());
        } elseif ($this->currencyFormat === CurrencyFormat::SymbolBeforeWithSpace) {
            return $currencyService->getCurrencySymbolForMoney($money).' '.$this->formatNumber($money->getAmount());
        } elseif ($this->currencyFormat === CurrencyFormat::SymbolAfterWithSpace) {
            return $this->formatNumber($money->getAmount()).' '.$currencyService->getCurrencySymbolForMoney($money);
        }
    }

    public function formatTime(CarbonInterface $time): string
    {
        if ($this->timeFormat === TimeFormat::TwelveHours) {
            return $time->format('h:i a'); // Examples: "11:01 am", "1:02 am"
        } elseif ($this->timeFormat === TimeFormat::TwentyFourHours) {
            return $time->format('H:i'); // Examples: "23:01", "01:02"
        }
    }

    public function formatDate(CarbonInterface $date): string
    {
        return $date->format($this->dateFormat->toCarbonFormat());
    }

    public function setDateFormat(DateFormat $dateFormat): void
    {
        $this->dateFormat = $dateFormat;
    }

    public function setCurrencyFormat(CurrencyFormat $currencyFormat): void
    {
        $this->currencyFormat = $currencyFormat;
    }

    public function setIntervalFormat(IntervalFormat $intervalFormat): void
    {
        $this->intervalFormat = $intervalFormat;
    }

    public function setTimeFormat(TimeFormat $timeFormat): void
    {
        $this->timeFormat = $timeFormat;
    }

    public function setNumberFormat(NumberFormat $numberFormat): void
    {
        $this->numberFormat = $numberFormat;
    }
}


================================================
FILE: app/Service/MemberService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\Role;
use App\Events\MemberRemoved;
use App\Exceptions\Api\CanNotRemoveOwnerFromOrganization;
use App\Exceptions\Api\ChangingRoleOfPlaceholderIsNotAllowed;
use App\Exceptions\Api\ChangingRoleToPlaceholderIsNotAllowed;
use App\Exceptions\Api\EntityStillInUseApiException;
use App\Exceptions\Api\OnlyOwnerCanChangeOwnership;
use App\Exceptions\Api\OrganizationNeedsAtLeastOneOwner;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Facades\DB;
use InvalidArgumentException;
use Laravel\Jetstream\Events\AddingTeamMember;
use Laravel\Jetstream\Events\TeamMemberAdded;

class MemberService
{
    private UserService $userService;

    public function __construct(UserService $userService)
    {
        $this->userService = $userService;
    }

    public function addMember(User $user, Organization $organization, Role $role, bool $asSuperAdmin = false): Member
    {
        if (! $asSuperAdmin) {
            AddingTeamMember::dispatch($organization, $user);
        }

        $member = new Member;
        DB::transaction(function () use ($organization, $user, $role, &$member): void {
            $member->user()->associate($user);
            $member->organization()->associate($organization);
            $member->role = $role->value;
            $member->save();

            $user->currentOrganization()->associate($organization);
            $user->save();
        });

        if (! $asSuperAdmin) {
            TeamMemberAdded::dispatch($organization, $user);
        }

        return $member;
    }

    /**
     * @throws CanNotRemoveOwnerFromOrganization
     * @throws EntityStillInUseApiException
     */
    public function removeMember(Member $member, Organization $organization, bool $withRelations = false): void
    {
        if ($member->role === Role::Owner->value) {
            throw new CanNotRemoveOwnerFromOrganization;
        }

        $user = $member->user;
        $isPlaceholder = $user->is_placeholder;

        if (! $isPlaceholder && $user->current_team_id === $member->organization_id) {
            $user->currentTeam()->disassociate();
            $user->save();
        }

        if ($withRelations) {
            TimeEntry::query()->where('user_id', $member->user_id)->whereBelongsTo($organization, 'organization')->delete();
            ProjectMember::query()->whereBelongsToOrganization($organization)->where('user_id', $member->user_id)->delete();
        } else {
            if (TimeEntry::query()->where('user_id', $member->user_id)->whereBelongsTo($organization, 'organization')->exists()) {
                throw new EntityStillInUseApiException('member', 'time_entry');
            }
            if (ProjectMember::query()->whereBelongsToOrganization($organization)->where('user_id', $member->user_id)->exists()) {
                throw new EntityStillInUseApiException('member', 'project_member');
            }
        }

        $member->delete();

        if ($isPlaceholder) {
            $user->delete();
        } else {
            $this->userService->makeSureUserHasAtLeastOneOrganization($user);
            $this->userService->makeSureUserHasCurrentOrganization($user);
        }

        MemberRemoved::dispatch($member, $organization);
    }

    /**
     * @throws ChangingRoleToPlaceholderIsNotAllowed
     * @throws OnlyOwnerCanChangeOwnership
     * @throws OrganizationNeedsAtLeastOneOwner
     * @throws ChangingRoleOfPlaceholderIsNotAllowed
     */
    public function changeRole(Member $member, Organization $organization, Role $newRole, bool $allowOwnerChange): void
    {
        $oldRole = Role::from($member->role);
        if ($oldRole === Role::Owner) {
            throw new OrganizationNeedsAtLeastOneOwner;
        }
        if ($oldRole === Role::Placeholder) {
            throw new ChangingRoleOfPlaceholderIsNotAllowed;
        }
        if ($newRole === Role::Placeholder) {
            throw new ChangingRoleToPlaceholderIsNotAllowed;
        }
        if ($newRole === Role::Owner) {
            if ($allowOwnerChange) {
                $this->changeOwnership($organization, $member);
            } else {
                throw new OnlyOwnerCanChangeOwnership;
            }
        } else {
            $member->role = $newRole->value;
        }
    }

    public function assignOrganizationEntitiesToDifferentMember(Organization $organization, Member $fromMember, Member $toMember): void
    {
        // Time entries
        TimeEntry::query()
            ->whereBelongsTo($organization, 'organization')
            ->whereBelongsTo($fromMember, 'member')
            ->update([
                'user_id' => $toMember->user_id,
                'member_id' => $toMember->getKey(),
            ]);

        // Project members
        ProjectMember::query()
            ->whereBelongsToOrganization($organization)
            ->whereBelongsTo($fromMember, 'member')
            ->whereDoesntHave('project', function (Builder $builder) use ($toMember): void {
                /** @var Builder<Project> $builder */
                $builder->whereHas('members', function (Builder $builder) use ($toMember): void {
                    /** @var Builder<ProjectMember> $builder */
                    $builder->where('member_id', $toMember->getKey());
                });
            })
            ->update([
                'user_id' => $toMember->user_id,
                'member_id' => $toMember->getKey(),
            ]);

        ProjectMember::query()
            ->whereBelongsToOrganization($organization)
            ->whereBelongsTo($fromMember, 'member')
            ->delete();
    }

    /**
     * Change the ownership of an organization to a new user.
     * The previous owner will be demoted to an admin.
     */
    public function changeOwnership(Organization $organization, Member $newOwner): void
    {
        $organization->update([
            'user_id' => $newOwner->user_id,
        ]);
        if ($newOwner->organization_id !== $organization->getKey()) {
            throw new InvalidArgumentException('Member is not part of the organization');
        }
        $newOwner->role = Role::Owner->value;
        $newOwner->save();
        $oldOwners = Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->where('role', '=', Role::Owner->value)
            ->where('id', '!=', $newOwner->getKey())
            ->get();
        foreach ($oldOwners as $oldOwner) {
            $oldOwner->role = Role::Admin->value;
            $oldOwner->save();
        }
    }

    public function makeMemberToPlaceholder(Member $member, bool $makeSureUserHasAtLeastOneOrganization = true): void
    {
        $user = $member->user;
        if ($user->current_team_id === $member->organization_id) {
            $user->currentTeam()->disassociate();
            $user->save();
        }

        $placeholderUser = $user->replicate();
        $placeholderUser->is_placeholder = true;
        $placeholderUser->current_team_id = $member->organization_id;
        $placeholderUser->save();

        $member->user()->associate($placeholderUser);
        $member->role = Role::Placeholder->value;
        $member->save();

        $this->userService->assignOrganizationEntitiesToDifferentUser($member->organization, $user, $placeholderUser);
        if ($makeSureUserHasAtLeastOneOrganization) {
            $this->userService->makeSureUserHasAtLeastOneOrganization($user);
            $this->userService->makeSureUserHasCurrentOrganization($user);
        }
    }
}


================================================
FILE: app/Service/OrganizationInvitationService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Mail\OrganizationInvitationMail;
use App\Models\OrganizationInvitation;
use Illuminate\Support\Facades\Mail;

class OrganizationInvitationService
{
    public function resend(OrganizationInvitation $invitation): void
    {
        Mail::to($invitation->email)
            ->queue(new OrganizationInvitationMail($invitation));
    }
}


================================================
FILE: app/Service/OrganizationService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\Role;
use App\Enums\TimeFormat;
use App\Models\Organization;
use App\Models\User;

class OrganizationService
{
    public function createOrganization(
        string $name,
        User $owner,
        bool $personalOrganization,
        ?string $currency = null,
        ?NumberFormat $numberFormat = null,
        ?CurrencyFormat $currencyFormat = null,
        ?DateFormat $dateFormat = null,
        ?IntervalFormat $intervalFormat = null,
        ?TimeFormat $timeFormat = null,
    ): Organization {

        $organization = new Organization;
        $organization->name = $name;
        $organization->personal_team = $personalOrganization;
        if ($currency === null) {
            $currency = config('app.localization.default_currency');
        }
        $organization->currency = $currency;
        if ($numberFormat === null) {
            $numberFormat = NumberFormat::from(config('app.localization.default_number_format'));
        }
        $organization->number_format = $numberFormat;
        if ($currencyFormat === null) {
            $currencyFormat = CurrencyFormat::from(config('app.localization.default_currency_format'));
        }
        $organization->currency_format = $currencyFormat;
        if ($dateFormat === null) {
            $dateFormat = DateFormat::from(config('app.localization.default_date_format'));
        }
        $organization->date_format = $dateFormat;
        if ($intervalFormat === null) {
            $intervalFormat = IntervalFormat::from(config('app.localization.default_interval_format'));
        }
        $organization->interval_format = $intervalFormat;
        if ($timeFormat === null) {
            $timeFormat = TimeFormat::from(config('app.localization.default_time_format'));
        }
        $organization->time_format = $timeFormat;
        $organization->owner()->associate($owner);
        $organization->save();

        $organization->users()->attach(
            $owner, [
                'role' => Role::Owner->value,
            ]
        );

        return $organization;
    }
}


================================================
FILE: app/Service/PermissionStore.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\Organization;
use App\Models\User;
use Illuminate\Support\Facades\Auth;
use Laravel\Jetstream\Jetstream;
use Laravel\Jetstream\Role;

class PermissionStore
{
    /**
     * @var array<string, array<string>>
     */
    private array $permissionCache = [];

    public function clear(): void
    {
        $this->permissionCache = [];
    }

    public function has(Organization $organization, string $permission): bool
    {
        /** @var User|null $user */
        $user = Auth::user();
        if ($user === null) {
            return false;
        }

        return $this->userHas($organization, $user, $permission);
    }

    public function userHas(Organization $organization, User $user, string $permission): bool
    {
        if (! isset($this->permissionCache[$user->getKey().'|'.$organization->getKey()])) {
            if (! $user->belongsToTeam($organization)) {
                return false;
            }

            $permissions = $this->getPermissionsByUser($organization, $user);
            $this->permissionCache[$user->getKey().'|'.$organization->getKey()] = $permissions;
        } else {
            $permissions = $this->permissionCache[$user->getKey().'|'.$organization->getKey()];
        }

        return in_array($permission, $permissions, true);
    }

    /**
     * @return array<string>
     */
    private function getPermissionsByUser(Organization $organization, User $user): array
    {
        if (! $user->belongsToTeam($organization)) {
            return [];
        }

        $role = $organization->users
            ->where('id', $user->getKey())
            ->first()
            ?->membership
            ?->role;

        if ($role === null) {
            return [];
        }

        /** @var Role|null $roleObj */
        $roleObj = Jetstream::findRole($role);

        $permissions = $roleObj->permissions ?? [];

        // If the organization allows employees to manage tasks and the user is an employee,
        // add the task management permissions for accessible projects
        if ($role === \App\Enums\Role::Employee->value && $organization->employees_can_manage_tasks) {
            $permissions = array_merge($permissions, [
                'tasks:create',
                'tasks:update',
                'tasks:delete',
            ]);
        }

        return $permissions;
    }

    /**
     * @return array<string>
     */
    public function getPermissions(Organization $organization): array
    {
        /** @var User|null $user */
        $user = Auth::user();
        if ($user === null) {
            return [];
        }

        return $this->getPermissionsByUser($organization, $user);
    }
}


================================================
FILE: app/Service/ReportExport/CsvExport.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\ReportExport;

use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Http\File;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Storage;
use League\Csv\Writer;
use Spatie\TemporaryDirectory\TemporaryDirectory;

/**
 * @template T of Model
 */
abstract class CsvExport
{
    private string $disk;

    private string $filename;

    private int $chunk;

    /**
     * @var string[]
     */
    public const array HEADER = [];

    /**
     * @var Builder<T>
     */
    private Builder $builder;

    private string $folderPath;

    protected const string CARBON_FORMAT = 'Y-m-d\TH:i:sP';

    /**
     * @param  Builder<T>  $builder
     */
    public function __construct(string $disk, string $folderPath, string $filename, Builder $builder, int $chunk)
    {

        $this->disk = $disk;
        $this->filename = $filename;
        $this->chunk = $chunk;
        $this->builder = $builder;
        $this->folderPath = $folderPath;
    }

    /**
     * @param  T  $model
     * @return array<string, string|float|Carbon|null>
     */
    abstract public function mapRow(Model $model): array;

    /**
     * @throws \League\Csv\CannotInsertRecord
     * @throws \League\Csv\Exception
     * @throws \League\Csv\UnavailableStream
     */
    public function export(): void
    {
        $tempDirectory = TemporaryDirectory::make();
        $writer = Writer::createFromPath($tempDirectory->path($this->filename), 'w+');
        $writer->setDelimiter(',');
        $writer->setEnclosure('"');
        $writer->setEscape('');
        $writer->insertOne(static::HEADER);

        $this->builder->chunk($this->chunk, function (Collection $models) use ($writer): void {
            foreach ($models as $model) {
                $data = $this->mapRow($model);
                $row = $this->convertRow($data);
                $this->validateRow($row);

                $writer->insertOne(array_values($row));
            }
        });
        Storage::disk($this->disk)->putFileAs($this->folderPath, new File($tempDirectory->path($this->filename)), $this->filename);
        $tempDirectory->delete();
    }

    /**
     * @param  array<string, string|float|Carbon|null>  $data
     * @return array<string, string>
     */
    private function convertRow(array $data): array
    {
        $convertedRow = [];
        foreach ($data as $key => $value) {
            if ($value instanceof Carbon) {
                $convertedRow[$key] = $value->format(static::CARBON_FORMAT);
            } elseif (is_float($value)) {
                $convertedRow[$key] = (string) $value;
            } elseif ($value === null) {
                $convertedRow[$key] = '';
            } else {
                $convertedRow[$key] = $value;
            }
        }

        return $convertedRow;
    }

    /**
     * @param  array<string, string>  $row
     */
    private function validateRow(array $row): void
    {
        if (array_keys($row) !== static::HEADER) {
            throw new \LogicException('Invalid row');
        }
    }
}


================================================
FILE: app/Service/ReportExport/TimeEntriesDetailedCsvExport.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\ReportExport;

use App\Models\TimeEntry;
use App\Service\IntervalService;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\Model;

/**
 * @extends CsvExport<TimeEntry>
 */
class TimeEntriesDetailedCsvExport extends CsvExport
{
    public const array HEADER = [
        'Description',
        'Task',
        'Project',
        'Client',
        'User',
        'Start',
        'End',
        'Duration',
        'Duration (decimal)',
        'Billable',
        'Tags',
    ];

    protected const string CARBON_FORMAT = 'Y-m-d H:i:s';

    private string $timezone;

    public function __construct(string $disk, string $folderPath, string $filename, Builder $builder, int $chunk, string $timezone)
    {
        parent::__construct($disk, $folderPath, $filename, $builder, $chunk);

        $this->timezone = $timezone;
    }

    /**
     * @param  TimeEntry  $model
     */
    public function mapRow(Model $model): array
    {
        $interval = app(IntervalService::class);
        $duration = $model->getDuration();

        return [
            'Description' => $model->description,
            'Task' => $model->task?->name,
            'Project' => $model->project?->name,
            'Client' => $model->client?->name,
            'User' => $model->user->name,
            'Start' => $model->start->timezone($this->timezone),
            'End' => $model->end->timezone($this->timezone),
            'Duration' => $duration !== null ? $interval->format($model->getDuration()) : null,
            'Duration (decimal)' => $duration?->totalHours,
            'Billable' => $model->billable ? 'Yes' : 'No',
            'Tags' => $model->tagsRelation->pluck('name')->implode(', '),
        ];
    }
}


================================================
FILE: app/Service/ReportExport/TimeEntriesDetailedExport.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\ReportExport;

use App\Enums\ExportFormat;
use App\Models\TimeEntry;
use App\Service\LocalizationService;
use Illuminate\Database\Eloquent\Builder;
use LogicException;
use Maatwebsite\Excel\Concerns\Exportable;
use Maatwebsite\Excel\Concerns\FromQuery;
use Maatwebsite\Excel\Concerns\ShouldAutoSize;
use Maatwebsite\Excel\Concerns\WithColumnFormatting;
use Maatwebsite\Excel\Concerns\WithHeadings;
use Maatwebsite\Excel\Concerns\WithMapping;
use Maatwebsite\Excel\Concerns\WithStyles;
use PhpOffice\PhpSpreadsheet\Shared\Date;
use PhpOffice\PhpSpreadsheet\Style\NumberFormat;
use PhpOffice\PhpSpreadsheet\Style\Style;
use PhpOffice\PhpSpreadsheet\Worksheet\Worksheet;

/**
 * @implements WithMapping<TimeEntry>
 */
class TimeEntriesDetailedExport implements FromQuery, ShouldAutoSize, WithColumnFormatting, WithHeadings, WithMapping, WithStyles
{
    use Exportable;

    /**
     * @var Builder<TimeEntry>
     */
    private Builder $builder;

    private ExportFormat $exportFormat;

    private string $timezone;

    private LocalizationService $localizationService;

    /**
     * @param  Builder<TimeEntry>  $builder
     */
    public function __construct(Builder $builder, ExportFormat $exportFormat, string $timezone, LocalizationService $localizationService)
    {
        $this->builder = $builder;
        $this->exportFormat = $exportFormat;
        $this->timezone = $timezone;
        $this->localizationService = $localizationService;
    }

    /**
     * @return Builder<TimeEntry>
     */
    public function query(): Builder
    {
        return $this->builder;
    }

    /**
     * @return array<string, string>
     */
    public function columnFormats(): array
    {
        if ($this->exportFormat === ExportFormat::XLSX) {
            return [
                'F' => 'yyyy-mm-dd hh:mm:ss',
                'G' => 'yyyy-mm-dd hh:mm:ss',
                'I' => NumberFormat::FORMAT_NUMBER_00,
            ];
        } elseif ($this->exportFormat === ExportFormat::ODS) {
            return [
                'I' => NumberFormat::FORMAT_NUMBER_00,
            ];
        } else {
            throw new LogicException('Unsupported export format.');
        }

    }

    /**
     * @return array<int|string, array<string, array<string, bool>>>
     */
    public function styles(Worksheet $sheet): array
    {
        return [
            // Style the first row as bold text.
            1 => ['font' => ['bold' => true]],
        ];
    }

    /**
     * @return string[]
     */
    public function headings(): array
    {
        return [
            'Description',
            'Task',
            'Project',
            'Client',
            'User',
            'Start',
            'End',
            'Duration',
            'Duration (decimal)',
            'Billable',
            'Tags',
        ];
    }

    /**
     * @param  TimeEntry  $model
     * @return array<int, string|float|null>
     */
    public function map($model): array
    {
        $duration = $model->getDuration();

        if ($this->exportFormat === ExportFormat::XLSX) {
            return [
                $model->description,
                $model->task?->name,
                $model->project?->name,
                $model->client?->name,
                $model->user->name,
                Date::dateTimeToExcel($model->start->timezone($this->timezone)),
                $model->end !== null ? Date::dateTimeToExcel($model->end->timezone($this->timezone)) : null,
                $duration !== null ? $this->localizationService->formatInterval($duration) : null,
                $duration?->totalHours,
                $model->billable ? 'Yes' : 'No',
                $model->tagsRelation->pluck('name')->implode(', '),
            ];
        } elseif ($this->exportFormat === ExportFormat::ODS) {
            return [
                $model->description,
                $model->task?->name,
                $model->project?->name,
                $model->client?->name,
                $model->user->name,
                $model->start->timezone($this->timezone)->format('Y-m-d H:i:s'),
                $model->end?->timezone($this->timezone)?->format('Y-m-d H:i:s'),
                $duration !== null ? $this->localizationService->formatInterval($duration) : null,
                $duration?->totalHours,
                $model->billable ? 'Yes' : 'No',
                $model->tagsRelation->pluck('name')->implode(', '),
            ];
        } else {
            throw new LogicException('Unsupported export format.');
        }
    }
}


================================================
FILE: app/Service/ReportExport/TimeEntriesReportExport.php
================================================
<?php

declare(strict_types=1);

namespace App\Service\ReportExport;

use App\Enums\ExportFormat;
use App\Enums\TimeEntryAggregationType;
use Illuminate\View\View;
use Maatwebsite\Excel\Concerns\Exportable;
use Maatwebsite\Excel\Concerns\FromView;
use Maatwebsite\Excel\Concerns\ShouldAutoSize;
use Maatwebsite\Excel\Concerns\WithCustomCsvSettings;

class TimeEntriesReportExport implements FromView, ShouldAutoSize, WithCustomCsvSettings
{
    use Exportable;

    /**
     * @var array{
     *        grouped_type: string|null,
     *        grouped_data: null|array<array{
     *            key: string|null,
     *            seconds: int,
     *            cost: int|null,
     *            grouped_type: string|null,
     *            grouped_data: null|array<array{
     *                key: string|null,
     *                seconds: int,
     *                cost: int|null,
     *                grouped_type: null,
     *                grouped_data: null
     *            }>
     *        }>,
     *        seconds: int,
     *        cost: int|null
     *  }
     */
    private array $data;

    private ExportFormat $exportFormat;

    private string $currency;

    private TimeEntryAggregationType $group;

    private TimeEntryAggregationType $subGroup;

    private bool $showBillableRate;

    /**
     * @param array{
     *         grouped_type: string|null,
     *         grouped_data: null|array<array{
     *             key: string|null,
     *             seconds: int,
     *             cost: int|null,
     *             grouped_type: string|null,
     *             grouped_data: null|array<array{
     *                 key: string|null,
     *                 seconds: int,
     *                 cost: int|null,
     *                 grouped_type: null,
     *                 grouped_data: null
     *             }>
     *         }>,
     *         seconds: int,
     *         cost: int|null
     *   } $data
     */
    public function __construct(array $data, ExportFormat $exportFormat, string $currency, TimeEntryAggregationType $group, TimeEntryAggregationType $subGroup, bool $showBillableRate)
    {
        $this->data = $data;
        $this->exportFormat = $exportFormat;
        $this->currency = $currency;
        $this->group = $group;
        $this->subGroup = $subGroup;
        $this->showBillableRate = $showBillableRate;
    }

    public function view(): View
    {
        return view('reports.time-entry-aggregate.spreadsheet', [
            'data' => $this->data,
            'currency' => $this->currency,
            'group' => $this->group,
            'subGroup' => $this->subGroup,
            'exportFormat' => $this->exportFormat,
            'showBillableRate' => $this->showBillableRate,
        ]);
    }

    /**
     * @return array<string, string>
     */
    public function getCsvSettings(): array
    {
        return [
            'delimiter' => ',',
            'enclosure' => '"',
            'escape_character' => '',
        ];
    }
}


================================================
FILE: app/Service/ReportService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use Illuminate\Support\Str;

class ReportService
{
    public function generateSecret(): string
    {
        return Str::random(40);
    }
}


================================================
FILE: app/Service/TimeEntryAggregationService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\TimeEntryRoundingType;
use App\Enums\Weekday;
use App\Models\Client;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Carbon\CarbonTimeZone;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Log;

class TimeEntryAggregationService
{
    /**
     * @param  Builder<TimeEntry>  $timeEntriesQuery
     * @return array{
     *       grouped_type: string|null,
     *       grouped_data: null|array<array{
     *           key: string|null,
     *           seconds: int,
     *           cost: int|null,
     *           grouped_type: string|null,
     *           grouped_data: null|array<array{
     *               key: string|null,
     *               seconds: int,
     *               cost: int|null,
     *               grouped_type: null,
     *               grouped_data: null
     *           }>
     *       }>,
     *       seconds: int,
     *       cost: int|null
     * }
     */
    public function getAggregatedTimeEntries(Builder $timeEntriesQuery, ?TimeEntryAggregationType $group1Type, ?TimeEntryAggregationType $group2Type, string $timezone, Weekday $startOfWeek, bool $fillGapsInTimeGroups, ?Carbon $start, ?Carbon $end, bool $showBillableRate, ?TimeEntryRoundingType $roundingType, ?int $roundingMinutes): array
    {
        $fillGapsInTimeGroupsIsPossible = $fillGapsInTimeGroups && $start !== null && $end !== null;
        /** @var Builder<TimeEntry> $baseTotalsQuery */
        $baseTotalsQuery = $timeEntriesQuery->clone();
        $group1Select = null;
        $group2Select = null;
        $groupBy = null;
        // If any grouping is by tag, expand rows per tag and ensure a NULL row for entries without tags
        if (($group1Type === TimeEntryAggregationType::Tag) || ($group2Type === TimeEntryAggregationType::Tag)) {
            $timeEntriesQuery->crossJoin(DB::raw(
                "LATERAL (\n".
                "  SELECT jsonb_array_elements_text(coalesce(tags, '[]'::jsonb)) AS tag\n".
                "  UNION ALL\n".
                "  SELECT ''::text AS tag WHERE coalesce(jsonb_array_length(tags), 0) = 0\n".
                ') AS tag(tag)'
            ));
        }
        if ($group1Type !== null) {
            $group1Select = $this->getGroupByQuery($group1Type, $timezone, $startOfWeek);
            $groupBy = ['group_1'];
            if ($group2Type !== null) {
                $group2Select = $this->getGroupByQuery($group2Type, $timezone, $startOfWeek);
                $groupBy = ['group_1', 'group_2'];
            }
        }

        $startRawSelect = app(TimeEntryService::class)->getStartSelectRawForRounding($roundingType, $roundingMinutes);
        $endRawSelect = app(TimeEntryService::class)->getEndSelectRawForRounding($roundingType, $roundingMinutes);

        $timeEntriesQuery->selectRaw(
            ($group1Select !== null ? $group1Select.' as group_1,' : '').
            ($group2Select !== null ? $group2Select.' as group_2,' : '').
            ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')))) as aggregate,'.
            ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')) * (coalesce(billable_rate, 0)::float/60/60))) as cost'
        );
        if ($groupBy !== null) {
            $timeEntriesQuery->groupBy($groupBy);
        }
        if ($group1Select !== null) {
            $timeEntriesQuery->orderBy('group_1');
            if ($group2Select !== null) {
                $timeEntriesQuery->orderBy('group_2');
            }
        }

        $timeEntriesAggregates = $timeEntriesQuery->get();

        if ($group1Select !== null) {
            $groupedAggregates = $timeEntriesAggregates->groupBy($group2Select !== null ? ['group_1', 'group_2'] : ['group_1']);

            $group1Response = [];
            $group1ResponseSum = 0;
            $group1ResponseCost = 0;
            // If Tag is subgroup, prepare base totals per primary group without tag expansion
            $baseTotalsPerGroup1Map = [];
            if ($group2Type === TimeEntryAggregationType::Tag) {
                $baseTotalsPerGroup1Query = $baseTotalsQuery->clone();
                $baseTotalsPerGroup1 = $baseTotalsPerGroup1Query
                    ->selectRaw(
                        $group1Select.' as group_1,'.
                        ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')))) as aggregate,'.
                        ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')) * (coalesce(billable_rate, 0)::float/60/60))) as cost'
                    )
                    ->groupBy('group_1')
                    ->get();
                foreach ($baseTotalsPerGroup1 as $row) {
                    /** @var object{group_1: mixed, aggregate: int|null, cost: int|null} $row */
                    $baseTotalsPerGroup1Map[(string) ($row->group_1 ?? '')] = [
                        'aggregate' => (int) ($row->aggregate ?? 0),
                        'cost' => (int) ($row->cost ?? 0),
                    ];
                }
            }
            foreach ($groupedAggregates as $group1 => $group1Aggregates) {
                /** @var string|int $group1 */
                $group2Response = [];
                if ($group2Select !== null) {
                    $group2ResponseSum = 0;
                    $group2ResponseCost = 0;
                    foreach ($group1Aggregates as $group2 => $aggregate) {
                        /** @var string|int $group2 */
                        /** @var Collection<int, object{aggregate: int, cost: int}> $aggregate */
                        $group2Response[] = [
                            'key' => $group2 === '' ? null : (string) $group2,
                            'seconds' => (int) $aggregate->get(0)->aggregate,
                            'cost' => $showBillableRate ? (int) $aggregate->get(0)->cost : null,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ];
                        $group2ResponseSum += (int) $aggregate->get(0)->aggregate;
                        $group2ResponseCost += (int) $aggregate->get(0)->cost;
                    }
                    // Override primary group totals when Tag is subgroup to avoid double counting
                    if ($group2Type === TimeEntryAggregationType::Tag) {
                        $keyForMap = (string) $group1;
                        if (array_key_exists($keyForMap, $baseTotalsPerGroup1Map)) {
                            $group2ResponseSum = $baseTotalsPerGroup1Map[$keyForMap]['aggregate'];
                            $group2ResponseCost = $baseTotalsPerGroup1Map[$keyForMap]['cost'];
                        }
                    }
                } else {
                    /** @var Collection<int, object{aggregate: int, cost: int}> $group1Aggregates */
                    $group2ResponseSum = (int) $group1Aggregates->get(0)->aggregate;
                    $group2ResponseCost = (int) $group1Aggregates->get(0)->cost;
                    $group2Response = null;
                }

                $group1Response[] = [
                    'key' => $group1 === '' ? null : (string) $group1,
                    'seconds' => $group2ResponseSum,
                    'cost' => $showBillableRate ? $group2ResponseCost : null,
                    'grouped_type' => $group2Type?->value,
                    'grouped_data' => $group2Response,
                ];
                $group1ResponseSum += $group2ResponseSum;
                $group1ResponseCost += $group2ResponseCost;
            }

            // If Tag is selected in any grouping, compute overall totals from base (non-tag-expanded) query to avoid double counting
            $hasTagGrouping = ($group1Type === TimeEntryAggregationType::Tag) || ($group2Type === TimeEntryAggregationType::Tag);
            if ($hasTagGrouping) {
                // Reset selects and ordering on the cloned base query
                $baseTotals = $baseTotalsQuery
                    ->selectRaw(
                        ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')))) as aggregate,'.
                        ' round(sum(extract(epoch from ('.$endRawSelect.' - '.$startRawSelect.')) * (coalesce(billable_rate, 0)::float/60/60))) as cost'
                    )
                    ->first();
                if ($baseTotals !== null) {
                    /** @var object{aggregate: int|null, cost: int|null} $baseTotals */
                    $group1ResponseSum = (int) ($baseTotals->aggregate ?? 0);
                    $group1ResponseCost = (int) ($baseTotals->cost ?? 0);
                }
            }

            if ($fillGapsInTimeGroupsIsPossible) {
                $group1Response = $this->fillGapsInTimeGroups($group1Response, $group1Type, $group2Type, $timezone, $startOfWeek, $start, $end);
            }
        } else {
            $group1Response = null;
            /** @var Collection<int, object{aggregate: int, cost: int}> $timeEntriesAggregates */
            $group1ResponseSum = (int) $timeEntriesAggregates->get(0)->aggregate;
            $group1ResponseCost = (int) $timeEntriesAggregates->get(0)->cost;
        }

        return [
            'seconds' => $group1ResponseSum,
            'cost' => $showBillableRate ? $group1ResponseCost : null,
            'grouped_type' => $group1Type?->value,
            'grouped_data' => $group1Response,
        ];
    }

    /**
     * @param  Builder<TimeEntry>  $timeEntriesQuery
     * @return array{
     *       grouped_type: string|null,
     *       grouped_data: null|array<array{
     *           key: string|null,
     *           description: string|null,
     *           color: string|null,
     *           seconds: int,
     *           cost: int|null,
     *           grouped_type: string|null,
     *           grouped_data: null|array<array{
     *               key: string|null,
     *               description: string|null,
     *               color: string|null,
     *               seconds: int,
     *               cost: int|null,
     *               grouped_type: null,
     *               grouped_data: null
     *           }>
     *       }>,
     *       seconds: int,
     *       cost: int|null
     * }
     */
    public function getAggregatedTimeEntriesWithDescriptions(Builder $timeEntriesQuery, ?TimeEntryAggregationType $group1Type, ?TimeEntryAggregationType $group2Type, string $timezone, Weekday $startOfWeek, bool $fillGapsInTimeGroups, ?Carbon $start, ?Carbon $end, bool $showBillableRate, ?TimeEntryRoundingType $roundingType, ?int $roundingMinutes): array
    {
        $aggregatedTimeEntries = $this->getAggregatedTimeEntries($timeEntriesQuery, $group1Type, $group2Type, $timezone, $startOfWeek, $fillGapsInTimeGroups, $start, $end, $showBillableRate, $roundingType, $roundingMinutes);

        $keysGroup1 = [];
        $keysGroup2 = [];

        if ($aggregatedTimeEntries['grouped_data'] !== null) {
            foreach ($aggregatedTimeEntries['grouped_data'] as $group1) {
                $keysGroup1[] = $group1['key'];
                if ($group1['grouped_data'] !== null) {
                    foreach ($group1['grouped_data'] as $group2) {
                        $keysGroup2[] = $group2['key'];
                    }
                }
            }
        }

        $descriptionMapGroup1 = $group1Type !== null ? $this->loadDescriptorsMap($keysGroup1, $group1Type) : [];
        $descriptionMapGroup2 = $group2Type !== null ? $this->loadDescriptorsMap($keysGroup2, $group2Type) : [];

        if ($aggregatedTimeEntries['grouped_data'] !== null) {
            foreach ($aggregatedTimeEntries['grouped_data'] as $keyGroup1 => $group1) {
                $aggregatedTimeEntries['grouped_data'][$keyGroup1]['description'] = $group1['key'] !== null ? ($descriptionMapGroup1[$group1['key']]['description'] ?? null) : null;
                $aggregatedTimeEntries['grouped_data'][$keyGroup1]['color'] = $group1['key'] !== null ? ($descriptionMapGroup1[$group1['key']]['color'] ?? null) : null;
                if ($aggregatedTimeEntries['grouped_data'][$keyGroup1]['grouped_data'] !== null) {
                    foreach ($aggregatedTimeEntries['grouped_data'][$keyGroup1]['grouped_data'] as $keyGroup2 => $group2) {
                        $aggregatedTimeEntries['grouped_data'][$keyGroup1]['grouped_data'][$keyGroup2]['description'] = $group2['key'] !== null ? ($descriptionMapGroup2[$group2['key']]['description'] ?? null) : null;
                        $aggregatedTimeEntries['grouped_data'][$keyGroup1]['grouped_data'][$keyGroup2]['color'] = $group2['key'] !== null ? ($descriptionMapGroup2[$group2['key']]['color'] ?? null) : null;
                    }
                }
            }
        }

        /**
         * @var array{
         *        grouped_type: string|null,
         *        grouped_data: null|array<array{
         *            key: string|null,
         *            description: string|null,
         *            color: string|null,
         *            seconds: int,
         *            cost: int,
         *            grouped_type: string|null,
         *            grouped_data: null|array<array{
         *                key: string|null,
         *                description: string|null,
         *                color: string|null,
         *                seconds: int,
         *                cost: int,
         *                grouped_type: null,
         *                grouped_data: null
         *            }>
         *        }>,
         *        seconds: int,
         *        cost: int
         *  } $aggregatedTimeEntries
         */

        return $aggregatedTimeEntries;
    }

    /**
     * @param  array<int, string>  $keys
     * @return array<string, array{
     *     description: string,
     *     color: string|null
     * }>
     */
    private function loadDescriptorsMap(array $keys, TimeEntryAggregationType $type): array
    {
        $descriptorMap = [];
        if ($type === TimeEntryAggregationType::Client) {
            $clients = Client::query()
                ->whereIn('id', $keys)
                ->select('id', 'name')
                ->get();
            foreach ($clients as $client) {
                $descriptorMap[$client->id] = [
                    'description' => $client->name,
                    'color' => null,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::User) {
            $users = User::query()
                ->whereIn('id', $keys)
                ->select('id', 'name')
                ->get();
            foreach ($users as $user) {
                $descriptorMap[$user->id] = [
                    'description' => $user->name,
                    'color' => null,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::Project) {
            $projects = Project::query()
                ->whereIn('id', $keys)
                ->select('id', 'name', 'color')
                ->get();
            foreach ($projects as $project) {
                $descriptorMap[$project->id] = [
                    'description' => $project->name,
                    'color' => $project->color,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::Task) {
            $tasks = Task::query()
                ->whereIn('id', $keys)
                ->select('id', 'name')
                ->get();
            foreach ($tasks as $task) {
                $descriptorMap[$task->id] = [
                    'description' => $task->name,
                    'color' => null,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::Description) {
            foreach ($keys as $key) {
                $descriptorMap[$key] = [
                    'description' => $key,
                    'color' => null,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::Billable) {
            foreach ($keys as $key) {
                $descriptorMap[$key] = [
                    'description' => $key === '0' ? 'Non-billable' : 'Billable',
                    'color' => null,
                ];
            }
        } elseif ($type === TimeEntryAggregationType::Tag) {
            $tags = Tag::query()
                ->whereIn('id', $keys)
                ->select('id', 'name')
                ->get();
            foreach ($tags as $tag) {
                $descriptorMap[$tag->id] = [
                    'description' => $tag->name,
                    'color' => null,
                ];
            }
        }

        return $descriptorMap;
    }

    /**
     * @param array<array{
     *            key: string|null,
     *            seconds: int,
     *            cost: int|null,
     *            grouped_type: string|null,
     *            grouped_data: null|array<array{
     *                key: string|null,
     *                seconds: int,
     *                cost: int|null,
     *                grouped_type: null|mixed,
     *                grouped_data: null|mixed
     *            }>
     *        }> $data
     * @return array<array{
     *            key: string|null,
     *            seconds: int,
     *            cost: int|null,
     *            grouped_type: string|null,
     *            grouped_data: null|array<array{
     *                key: string|null,
     *                seconds: int,
     *                cost: int|null,
     *                grouped_type: null|mixed,
     *                grouped_data: null|mixed
     *            }>
     *        }>
     */
    public function fillGapsInTimeGroups(array $data, TimeEntryAggregationType $groupType, ?TimeEntryAggregationType $subGroupType, string $timezone, Weekday $startOfWeek, Carbon $start, Carbon $end): array
    {
        $interval = $groupType->toInterval();
        if ($interval === null) {
            foreach ($data as $key => $item) {
                $data[$key]['grouped_data'] = $this->fillGapsInTimeGroups(
                    $item['grouped_data'],
                    $subGroupType,
                    null,
                    $timezone,
                    $startOfWeek,
                    $start,
                    $end
                );
            }

            return $data;
        } else {
            $format = match ($interval) {
                TimeEntryAggregationTypeInterval::Day, TimeEntryAggregationTypeInterval::Week => 'Y-m-d',
                TimeEntryAggregationTypeInterval::Month => 'Y-m',
                TimeEntryAggregationTypeInterval::Year => 'Y',
            };
            $slots = $this->timeSlotsBetween($start, $end, $timezone, $startOfWeek, $interval, $format);
            $foundEntries = [];
            $filledData = [];
            foreach ($slots as $slot) {
                $foundDataSet = null;
                foreach ($data as $item) {
                    if ($item['key'] === $slot) {
                        $foundDataSet = $item;
                        $foundEntries[] = $item['key'];
                        break;
                    }
                }
                if ($foundDataSet !== null) {
                    $filledData[] = [
                        'key' => $slot,
                        'seconds' => $foundDataSet['seconds'],
                        'cost' => $foundDataSet['cost'],
                        'grouped_type' => $subGroupType?->value,
                        'grouped_data' => $subGroupType === null
                            ? null
                            : $this->fillGapsInTimeGroups(
                                $foundDataSet['grouped_data'],
                                $subGroupType,
                                null,
                                $timezone,
                                $startOfWeek,
                                $start,
                                $end
                            ),
                    ];
                } else {
                    $filledData[] = [
                        'key' => $slot,
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => $subGroupType?->value,
                        'grouped_data' => $subGroupType === null ? null : [],
                    ];
                }
            }

            if (count($foundEntries) !== count($data)) {
                foreach ($data as $item) {
                    if (! in_array($item['key'], $foundEntries, true)) {
                        Log::error('Problem with filling gaps in time groups', [
                            'item' => $item,
                        ]);
                    }
                }
            }

            return $filledData;
        }
    }

    private function getGroupByQuery(TimeEntryAggregationType $group, string $timezone, Weekday $startOfWeek): string
    {
        $timezoneShift = app(TimezoneService::class)->getShiftFromUtc(new CarbonTimeZone($timezone));
        if ($timezoneShift > 0) {
            $dateWithTimeZone = 'start + INTERVAL \''.$timezoneShift.' second\'';
        } elseif ($timezoneShift < 0) {
            $dateWithTimeZone = 'start - INTERVAL \''.abs($timezoneShift).' second\'';
        } else {
            $dateWithTimeZone = 'start';
        }
        $startOfWeek = Carbon::now()->setTimezone($timezone)->startOfWeek($startOfWeek->carbonWeekDay())->toDateTimeString();
        if ($group === TimeEntryAggregationType::Day) {
            return 'date('.$dateWithTimeZone.')';
        } elseif ($group === TimeEntryAggregationType::Week) {
            return "to_char(date_bin('7 days', ".$dateWithTimeZone.", timestamp '".$startOfWeek."'), 'YYYY-MM-DD')";
        } elseif ($group === TimeEntryAggregationType::Month) {
            return 'to_char('.$dateWithTimeZone.', \'YYYY-MM\')';
        } elseif ($group === TimeEntryAggregationType::Year) {
            return 'to_char('.$dateWithTimeZone.', \'YYYY\')';
        } elseif ($group === TimeEntryAggregationType::User) {
            return 'user_id';
        } elseif ($group === TimeEntryAggregationType::Project) {
            return 'project_id';
        } elseif ($group === TimeEntryAggregationType::Task) {
            return 'task_id';
        } elseif ($group === TimeEntryAggregationType::Client) {
            return 'client_id';
        } elseif ($group === TimeEntryAggregationType::Billable) {
            return 'billable';
        } elseif ($group === TimeEntryAggregationType::Description) {
            return 'description';
        } elseif ($group === TimeEntryAggregationType::Tag) {
            return 'tag';
        }
    }

    /**
     * @return Collection<int, string>
     */
    public function timeSlotsBetween(Carbon $start, Carbon $end, string $timezone, Weekday $startOfWeek, TimeEntryAggregationTypeInterval $interval, string $format): Collection
    {
        if ($start->gt($end)) {
            throw new \InvalidArgumentException('Start date must be before end date');
        }
        $slots = new Collection;
        $current = $start->copy()->timezone($timezone);
        if ($interval === TimeEntryAggregationTypeInterval::Day) {
            $current->startOfDay();
        } elseif ($interval === TimeEntryAggregationTypeInterval::Week) {
            $current->startOfWeek($startOfWeek->carbonWeekDay());
        } elseif ($interval === TimeEntryAggregationTypeInterval::Month) {
            $current->startOfMonth();
        } elseif ($interval === TimeEntryAggregationTypeInterval::Year) {
            $current->startOfYear();
        } else {
            throw new \InvalidArgumentException('Invalid interval');
        }

        while ($current->lt($end)) {
            $slots->push($current->format($format));
            if ($interval === TimeEntryAggregationTypeInterval::Day) {
                $current->addDay();
            } elseif ($interval === TimeEntryAggregationTypeInterval::Week) {
                $current->addWeek();
            } elseif ($interval === TimeEntryAggregationTypeInterval::Month) {
                $current->addMonth();
            } elseif ($interval === TimeEntryAggregationTypeInterval::Year) {
                $current->addYear();
            }
        }

        return $slots;
    }
}


================================================
FILE: app/Service/TimeEntryFilter.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\Member;
use App\Models\TimeEntry;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Log;

class TimeEntryFilter
{
    public const string NONE_VALUE = 'none';

    /**
     * @var Builder<TimeEntry>
     */
    private Builder $builder;

    /**
     * @param  Builder<TimeEntry>  $builder
     */
    public function __construct(Builder $builder)
    {
        $this->builder = $builder;
    }

    public function addEndFilter(?string $dateTime): self
    {
        if ($dateTime === null) {
            return $this;
        }
        $this->addEnd(Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $dateTime, 'UTC'));

        return $this;
    }

    public function addEnd(?Carbon $end): self
    {
        if ($end === null) {
            return $this;
        }
        $this->builder->where('start', '<', $end);

        return $this;
    }

    public function addStartFilter(?string $dateTime): self
    {
        if ($dateTime === null) {
            return $this;
        }
        $this->addStart(Carbon::createFromFormat('Y-m-d\TH:i:s\Z', $dateTime, 'UTC'));

        return $this;
    }

    public function addStart(?Carbon $start): self
    {
        if ($start === null) {
            return $this;
        }
        $this->builder->where('start', '>', $start);

        return $this;
    }

    public function addActiveFilter(?string $active): self
    {
        if ($active === null) {
            return $this;
        }
        if ($active === 'true') {
            $this->addActive(true);
        } elseif ($active === 'false') {
            $this->addActive(false);
        } else {
            Log::warning('Invalid active filter value', ['value' => $active]);
        }

        return $this;
    }

    public function addActive(?bool $active): self
    {
        if ($active) {
            $this->builder->whereNull('end');
        } else {
            $this->builder->whereNotNull('end');
        }

        return $this;
    }

    public function addMemberIdFilter(?Member $member): self
    {
        if ($member === null) {
            return $this;
        }
        $this->builder->where('member_id', $member->getKey());

        return $this;
    }

    /**
     * @param  array<string>|null  $memberIds
     */
    public function addMemberIdsFilter(?array $memberIds): self
    {
        if ($memberIds === null) {
            return $this;
        }
        $this->builder->whereIn('member_id', $memberIds);

        return $this;
    }

    public function addBillableFilter(?string $billable): self
    {
        if ($billable === null) {
            return $this;
        }
        if ($billable === 'true') {
            $this->addBillable(true);
        } elseif ($billable === 'false') {
            $this->addBillable(false);
        } else {
            Log::warning('Invalid billable filter value', ['value' => $billable]);
        }

        return $this;
    }

    public function addBillable(?bool $billable): self
    {
        if ($billable === null) {
            return $this;
        }
        $this->builder->where('billable', '=', $billable);

        return $this;
    }

    /**
     * @param  array<string>|null  $clientIds
     */
    public function addClientIdsFilter(?array $clientIds): self
    {
        if ($clientIds === null) {
            return $this;
        }
        $includeNone = in_array(self::NONE_VALUE, $clientIds, true);
        $clientIds = array_values(array_filter($clientIds, fn (string $id): bool => $id !== self::NONE_VALUE));

        $this->builder->where(function (Builder $builder) use ($clientIds, $includeNone): void {
            if (count($clientIds) > 0) {
                $builder->whereIn('client_id', $clientIds);
            }
            if ($includeNone) {
                $builder->orWhereNull('client_id');
            }
        });

        return $this;
    }

    /**
     * @param  array<string>|null  $projectIds
     */
    public function addProjectIdsFilter(?array $projectIds): self
    {
        if ($projectIds === null) {
            return $this;
        }
        $includeNone = in_array(self::NONE_VALUE, $projectIds, true);
        $projectIds = array_values(array_filter($projectIds, fn (string $id): bool => $id !== self::NONE_VALUE));

        $this->builder->where(function (Builder $builder) use ($projectIds, $includeNone): void {
            if (count($projectIds) > 0) {
                $builder->whereIn('project_id', $projectIds);
            }
            if ($includeNone) {
                $builder->orWhereNull('project_id');
            }
        });

        return $this;
    }

    /**
     * @param  array<string>|null  $tagIds
     */
    public function addTagIdsFilter(?array $tagIds): self
    {
        if ($tagIds === null) {
            return $this;
        }
        $includeNone = in_array(self::NONE_VALUE, $tagIds, true);
        $tagIds = array_values(array_filter($tagIds, fn (string $id): bool => $id !== self::NONE_VALUE));

        $this->builder->where(function (Builder $builder) use ($tagIds, $includeNone): void {
            foreach ($tagIds as $tagId) {
                $builder->orWhereJsonContains('tags', $tagId);
            }
            if ($includeNone) {
                $builder->orWhere(function (Builder $query): void {
                    $query->whereJsonLength('tags', 0)->orWhereNull('tags');
                });
            }
        });

        return $this;
    }

    /**
     * @param  array<string>|null  $taskIds
     */
    public function addTaskIdsFilter(?array $taskIds): self
    {
        if ($taskIds === null) {
            return $this;
        }
        $includeNone = in_array(self::NONE_VALUE, $taskIds, true);
        $taskIds = array_values(array_filter($taskIds, fn (string $id): bool => $id !== self::NONE_VALUE));

        $this->builder->where(function (Builder $builder) use ($taskIds, $includeNone): void {
            if (count($taskIds) > 0) {
                $builder->whereIn('task_id', $taskIds);
            }
            if ($includeNone) {
                $builder->orWhereNull('task_id');
            }
        });

        return $this;
    }

    /**
     * @return Builder<TimeEntry>
     */
    public function get(): Builder
    {
        return $this->builder;
    }
}


================================================
FILE: app/Service/TimeEntryService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\TimeEntryRoundingType;
use Illuminate\Support\Carbon;
use LogicException;

class TimeEntryService
{
    public function getStartSelectRawForRounding(?TimeEntryRoundingType $roundingType, ?int $roundingMinutes): string
    {
        if ($roundingType === null || $roundingMinutes === null) {
            return 'start';
        }
        if ($roundingMinutes < 1) {
            throw new LogicException('Rounding minutes must be greater than 0');
        }

        return 'date_bin(\'1 minutes\', start, TIMESTAMP \'1970-01-01\')';
    }

    public function getEndSelectRawForRounding(?TimeEntryRoundingType $roundingType, ?int $roundingMinutes): string
    {
        if ($roundingType === null || $roundingMinutes === null) {
            return 'coalesce("end", \''.Carbon::now()->toDateTimeString().'\')';
        }
        if ($roundingMinutes < 1) {
            throw new LogicException('Rounding minutes must be greater than 0');
        }
        $end = 'coalesce("end", \''.Carbon::now()->toDateTimeString().'\')';
        $start = $this->getStartSelectRawForRounding($roundingType, $roundingMinutes);
        if ($roundingType === TimeEntryRoundingType::Down) {
            return 'date_bin(\''.$roundingMinutes.' minutes\', '.$end.', '.$start.')';
        } elseif ($roundingType === TimeEntryRoundingType::Up) {
            // If end is already on a boundary, keep it; otherwise round up to next boundary
            return 'CASE WHEN '.$end.' = date_bin(\''.$roundingMinutes.' minutes\', '.$end.', '.$start.') '.
                   'THEN '.$end.' '.
                   'ELSE date_bin(\''.$roundingMinutes.' minutes\', '.$end.' + interval \''.$roundingMinutes.' minutes\', '.$start.') '.
                   'END';
        } elseif ($roundingType === TimeEntryRoundingType::Nearest) {
            return 'date_bin(\''.$roundingMinutes.' minutes\', '.$end.' + interval \''.($roundingMinutes / 2).' minutes\', '.$start.')';
        }
    }
}


================================================
FILE: app/Service/TimezoneService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Models\User;
use Carbon\CarbonTimeZone;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Log;

class TimezoneService
{
    /**
     * @source https://data.iana.org/time-zones/tzdb/backward
     */
    private const array LEGACY_TIMEZONES_MAP = [
        'Australia/ACT' => 'Australia/Sydney',
        'Australia/LHI' => 'Australia/Lord_Howe',
        'Australia/NSW' => 'Australia/Sydney',
        'Australia/North' => 'Australia/Darwin',
        'Australia/Queensland' => 'Australia/Brisbane',
        'Australia/South' => 'Australia/Adelaide',
        'Australia/Tasmania' => 'Australia/Hobart',
        'Australia/Victoria' => 'Australia/Melbourne',
        'Australia/West' => 'Australia/Perth',
        'Australia/Yancowinna' => 'Australia/Broken_Hill',
        'Brazil/Acre' => 'America/Rio_Branco',
        'Brazil/DeNoronha' => 'America/Noronha',
        'Brazil/East' => 'America/Sao_Paulo',
        'Brazil/West' => 'America/Manaus',
        'CET' => 'Europe/Brussels',
        'CST6CDT' => 'America/Chicago',
        'Canada/Atlantic' => 'America/Halifax',
        'Canada/Central' => 'America/Winnipeg',
        'Canada/Eastern' => 'America/Toronto',
        'Canada/Mountain' => 'America/Edmonton',
        'Canada/Newfoundland' => 'America/St_Johns',
        'Canada/Pacific' => 'America/Vancouver',
        'Canada/Saskatchewan' => 'America/Regina',
        'Canada/Yukon' => 'America/Whitehorse',
        'Chile/Continental' => 'America/Santiago',
        'Chile/EasterIsland' => 'Pacific/Easter',
        'Cuba' => 'America/Havana',
        'EET' => 'Europe/Athens',
        'EST' => 'America/Panama',
        'EST5EDT' => 'America/New_York',
        'Egypt' => 'Africa/Cairo',
        'Eire' => 'Europe/Dublin',
        'Etc/GMT+0' => 'Etc/GMT	',
        'Etc/GMT-0' => 'Etc/GMT	',
        'Etc/GMT0' => 'Etc/GMT	',
        'Etc/Greenwich' => 'Etc/GMT	',
        'Etc/UCT' => 'Etc/UTC	',
        'Etc/Universal' => 'Etc/UTC	',
        'Etc/Zulu' => 'Etc/UTC	',
        'GB' => 'Europe/London',
        'GB-Eire' => 'Europe/London',
        'GMT+0' => 'Etc/GMT	',
        'GMT-0' => 'Etc/GMT	',
        'GMT0' => 'Etc/GMT	',
        'Greenwich' => 'Etc/GMT	',
        'Hongkong' => 'Asia/Hong_Kong',
        'Iceland' => 'Africa/Abidjan',
        'Iran' => 'Asia/Tehran',
        'Israel' => 'Asia/Jerusalem',
        'Jamaica' => 'America/Jamaica',
        'Japan' => 'Asia/Tokyo',
        'Kwajalein' => 'Pacific/Kwajalein',
        'Libya' => 'Africa/Tripoli',
        'MET' => 'Europe/Brussels',
        'MST' => 'America/Phoenix',
        'MST7MDT' => 'America/Denver',
        'Mexico/BajaNorte' => 'America/Tijuana',
        'Mexico/BajaSur' => 'America/Mazatlan',
        'Mexico/General' => 'America/Mexico_City',
        'NZ' => 'Pacific/Auckland',
        'NZ-CHAT' => 'Pacific/Chatham',
        'Navajo' => 'America/Denver',
        'PRC' => 'Asia/Shanghai',
        'Poland' => 'Europe/Warsaw',
        'Portugal' => 'Europe/Lisbon',
        'ROC' => 'Asia/Taipei',
        'ROK' => 'Asia/Seoul',
        'Singapore' => 'Asia/Singapore',
        'Turkey' => 'Europe/Istanbul',
        'UCT' => 'Etc/UTC	',
        'US/Alaska' => 'America/Anchorage',
        'US/Aleutian' => 'America/Adak',
        'US/Arizona' => 'America/Phoenix',
        'US/Central' => 'America/Chicago',
        'US/East-Indiana' => 'America/Indiana/Indianapolis',
        'US/Eastern' => 'America/New_York',
        'US/Hawaii' => 'Pacific/Honolulu',
        'US/Indiana-Starke' => 'America/Indiana/Knox',
        'US/Michigan' => 'America/Detroit',
        'US/Mountain' => 'America/Denver',
        'US/Pacific' => 'America/Los_Angeles',
        'US/Samoa' => 'Pacific/Pago_Pago',
        'UTC' => 'Etc/UTC	',
        'Universal' => 'Etc/UTC	',
        'W-SU' => 'Europe/Moscow',
        'Zulu' => 'Etc/UTC	',
        'America/Buenos_Aires' => 'America/Argentina/Buenos_Aires',
        'America/Catamarca' => 'America/Argentina/Catamarca',
        'America/Cordoba' => 'America/Argentina/Cordoba',
        'America/Indianapolis' => 'America/Indiana/Indianapolis',
        'America/Jujuy' => 'America/Argentina/Jujuy',
        'America/Knox_IN' => 'America/Indiana/Knox',
        'America/Louisville' => 'America/Kentucky/Louisville',
        'America/Mendoza' => 'America/Argentina/Mendoza',
        'America/Virgin' => 'America/Puerto_Rico',
        'Pacific/Samoa' => 'Pacific/Pago_Pago',
        'Africa/Accra' => 'Africa/Abidjan',
        'Africa/Addis_Ababa' => 'Africa/Nairobi',
        'Africa/Asmara' => 'Africa/Nairobi',
        'Africa/Bamako' => 'Africa/Abidjan',
        'Africa/Bangui' => 'Africa/Lagos',
        'Africa/Banjul' => 'Africa/Abidjan',
        'Africa/Blantyre' => 'Africa/Maputo',
        'Africa/Brazzaville' => 'Africa/Lagos',
        'Africa/Bujumbura' => 'Africa/Maputo',
        'Africa/Conakry' => 'Africa/Abidjan',
        'Africa/Dakar' => 'Africa/Abidjan',
        'Africa/Dar_es_Salaam' => 'Africa/Nairobi',
        'Africa/Djibouti' => 'Africa/Nairobi',
        'Africa/Douala' => 'Africa/Lagos',
        'Africa/Freetown' => 'Africa/Abidjan',
        'Africa/Gaborone' => 'Africa/Maputo',
        'Africa/Harare' => 'Africa/Maputo',
        'Africa/Kampala' => 'Africa/Nairobi',
        'Africa/Kigali' => 'Africa/Maputo',
        'Africa/Kinshasa' => 'Africa/Lagos',
        'Africa/Libreville' => 'Africa/Lagos',
        'Africa/Lome' => 'Africa/Abidjan',
        'Africa/Luanda' => 'Africa/Lagos',
        'Africa/Lubumbashi' => 'Africa/Maputo',
        'Africa/Lusaka' => 'Africa/Maputo',
        'Africa/Malabo' => 'Africa/Lagos',
        'Africa/Maseru' => 'Africa/Johannesburg',
        'Africa/Mbabane' => 'Africa/Johannesburg',
        'Africa/Mogadishu' => 'Africa/Nairobi',
        'Africa/Niamey' => 'Africa/Lagos',
        'Africa/Nouakchott' => 'Africa/Abidjan',
        'Africa/Ouagadougou' => 'Africa/Abidjan',
        'Africa/Porto-Novo' => 'Africa/Lagos',
        'America/Anguilla' => 'America/Puerto_Rico',
        'America/Antigua' => 'America/Puerto_Rico',
        'America/Aruba' => 'America/Puerto_Rico',
        'America/Atikokan' => 'America/Panama',
        'America/Blanc-Sablon' => 'America/Puerto_Rico',
        'America/Cayman' => 'America/Panama',
        'America/Creston' => 'America/Phoenix',
        'America/Curacao' => 'America/Puerto_Rico',
        'America/Dominica' => 'America/Puerto_Rico',
        'America/Grenada' => 'America/Puerto_Rico',
        'America/Guadeloupe' => 'America/Puerto_Rico',
        'America/Kralendijk' => 'America/Puerto_Rico',
        'America/Lower_Princes' => 'America/Puerto_Rico',
        'America/Marigot' => 'America/Puerto_Rico',
        'America/Montserrat' => 'America/Puerto_Rico',
        'America/Nassau' => 'America/Toronto',
        'America/Port_of_Spain' => 'America/Puerto_Rico',
        'America/St_Barthelemy' => 'America/Puerto_Rico',
        'America/St_Kitts' => 'America/Puerto_Rico',
        'America/St_Lucia' => 'America/Puerto_Rico',
        'America/St_Thomas' => 'America/Puerto_Rico',
        'America/St_Vincent' => 'America/Puerto_Rico',
        'America/Tortola' => 'America/Puerto_Rico',
        'Antarctica/DumontDUrville' => 'Pacific/Port_Moresby',
        'Antarctica/McMurdo' => 'Pacific/Auckland',
        'Antarctica/Syowa' => 'Asia/Riyadh',
        'Arctic/Longyearbyen' => 'Europe/Berlin',
        'Asia/Aden' => 'Asia/Riyadh',
        'Asia/Bahrain' => 'Asia/Qatar',
        'Asia/Brunei' => 'Asia/Kuching',
        'Asia/Kuala_Lumpur' => 'Asia/Singapore',
        'Asia/Kuwait' => 'Asia/Riyadh',
        'Asia/Muscat' => 'Asia/Dubai',
        'Asia/Phnom_Penh' => 'Asia/Bangkok',
        'Asia/Vientiane' => 'Asia/Bangkok',
        'Atlantic/Reykjavik' => 'Africa/Abidjan',
        'Atlantic/St_Helena' => 'Africa/Abidjan',
        'Europe/Amsterdam' => 'Europe/Brussels',
        'Europe/Bratislava' => 'Europe/Prague',
        'Europe/Busingen' => 'Europe/Zurich',
        'Europe/Copenhagen' => 'Europe/Berlin',
        'Europe/Guernsey' => 'Europe/London',
        'Europe/Isle_of_Man' => 'Europe/London',
        'Europe/Jersey' => 'Europe/London',
        'Europe/Ljubljana' => 'Europe/Belgrade',
        'Europe/Luxembourg' => 'Europe/Brussels',
        'Europe/Mariehamn' => 'Europe/Helsinki',
        'Europe/Monaco' => 'Europe/Paris',
        'Europe/Oslo' => 'Europe/Berlin',
        'Europe/Podgorica' => 'Europe/Belgrade',
        'Europe/San_Marino' => 'Europe/Rome',
        'Europe/Sarajevo' => 'Europe/Belgrade',
        'Europe/Skopje' => 'Europe/Belgrade',
        'Europe/Stockholm' => 'Europe/Berlin',
        'Europe/Vaduz' => 'Europe/Zurich',
        'Europe/Vatican' => 'Europe/Rome',
        'Europe/Zagreb' => 'Europe/Belgrade',
        'Indian/Antananarivo' => 'Africa/Nairobi',
        'Indian/Christmas' => 'Asia/Bangkok',
        'Indian/Cocos' => 'Asia/Yangon',
        'Indian/Comoro' => 'Africa/Nairobi',
        'Indian/Kerguelen' => 'Indian/Maldives',
        'Indian/Mahe' => 'Asia/Dubai',
        'Indian/Mayotte' => 'Africa/Nairobi',
        'Indian/Reunion' => 'Asia/Dubai',
        'Pacific/Chuuk' => 'Pacific/Port_Moresby',
        'Pacific/Funafuti' => 'Pacific/Tarawa',
        'Pacific/Majuro' => 'Pacific/Tarawa',
        'Pacific/Midway' => 'Pacific/Pago_Pago',
        'Pacific/Pohnpei' => 'Pacific/Guadalcanal',
        'Pacific/Saipan' => 'Pacific/Guam',
        'Pacific/Wake' => 'Pacific/Tarawa',
        'Pacific/Wallis' => 'Pacific/Tarawa',
        'Africa/Timbuktu' => 'Africa/Abidjan',
        'America/Argentina/ComodRivadavia' => 'America/Argentina/Catamarca',
        'America/Atka' => 'America/Adak',
        'America/Coral_Harbour' => 'America/Panama',
        'America/Ensenada' => 'America/Tijuana',
        'America/Fort_Wayne' => 'America/Indiana/Indianapolis',
        'America/Montreal' => 'America/Toronto',
        'America/Nipigon' => 'America/Toronto',
        'America/Pangnirtung' => 'America/Iqaluit',
        'America/Porto_Acre' => 'America/Rio_Branco',
        'America/Rainy_River' => 'America/Winnipeg',
        'America/Rosario' => 'America/Argentina/Cordoba',
        'America/Santa_Isabel' => 'America/Tijuana',
        'America/Shiprock' => 'America/Denver',
        'America/Thunder_Bay' => 'America/Toronto',
        'America/Yellowknife' => 'America/Edmonton',
        'Antarctica/South_Pole' => 'Pacific/Auckland',
        'Asia/Choibalsan' => 'Asia/Ulaanbaatar',
        'Asia/Chongqing' => 'Asia/Shanghai',
        'Asia/Harbin' => 'Asia/Shanghai',
        'Asia/Kashgar' => 'Asia/Urumqi',
        'Asia/Tel_Aviv' => 'Asia/Jerusalem',
        'Atlantic/Jan_Mayen' => 'Europe/Berlin',
        'Australia/Canberra' => 'Australia/Sydney',
        'Australia/Currie' => 'Australia/Hobart',
        'Europe/Belfast' => 'Europe/London',
        'Europe/Tiraspol' => 'Europe/Chisinau',
        'Europe/Uzhgorod' => 'Europe/Kyiv',
        'Europe/Zaporozhye' => 'Europe/Kyiv',
        'Pacific/Enderbury' => 'Pacific/Kanton',
        'Pacific/Johnston' => 'Pacific/Honolulu',
        'Pacific/Yap' => 'Pacific/Port_Moresby',
        'WET' => 'Europe/Lisbon',
        'Africa/Asmera' => 'Africa/Nairobi',
        'America/Godthab' => 'America/Nuuk',
        'Asia/Ashkhabad' => 'Asia/Ashgabat',
        'Asia/Calcutta' => 'Asia/Kolkata',
        'Asia/Chungking' => 'Asia/Shanghai',
        'Asia/Dacca' => 'Asia/Dhaka',
        'Asia/Istanbul' => 'Europe/Istanbul',
        'Asia/Katmandu' => 'Asia/Kathmandu',
        'Asia/Macao' => 'Asia/Macau',
        'Asia/Rangoon' => 'Asia/Yangon',
        'Asia/Saigon' => 'Asia/Ho_Chi_Minh',
        'Asia/Thimbu' => 'Asia/Thimphu',
        'Asia/Ujung_Pandang' => 'Asia/Makassar',
        'Asia/Ulan_Bator' => 'Asia/Ulaanbaatar',
        'Atlantic/Faeroe' => 'Atlantic/Faroe',
        'Europe/Kiev' => 'Europe/Kyiv',
        'Europe/Nicosia' => 'Asia/Nicosia',
        'HST' => 'Pacific/Honolulu',
        'PST8PDT' => 'America/Los_Angeles',
        'Pacific/Ponape' => 'Pacific/Guadalcanal',
        'Pacific/Truk' => 'Pacific/Port_Moresby',
    ];

    /**
     * @return array<string>
     */
    public function getTimezones(bool $inclLegacy = false): array
    {
        return $inclLegacy ?
            CarbonTimeZone::listIdentifiers(CarbonTimeZone::ALL_WITH_BC) :
            CarbonTimeZone::listIdentifiers();
    }

    public function getTimezoneFromUser(User $user): CarbonTimeZone
    {
        try {
            return new CarbonTimeZone($user->timezone);
        } catch (\Exception $e) {
            Log::error('User has a invalid timezone', [
                'user_id' => $user->getKey(),
                'timezone' => $user->timezone,
            ]);

            return new CarbonTimeZone('UTC');
        }
    }

    /**
     * @return array<string, string>
     */
    public function getSelectOptions(): array
    {
        $tzlist = $this->getTimezones();
        $options = [];
        foreach ($tzlist as $tz) {
            $options[$tz] = $tz;
        }

        return $options;
    }

    public function isValid(string $timezone): bool
    {
        return in_array($timezone, $this->getTimezones(), true);
    }

    public function mapLegacyTimezone(string $timezone): ?string
    {
        return self::LEGACY_TIMEZONES_MAP[$timezone] ?? null;
    }

    public function getShiftFromUtc(CarbonTimeZone $timeZone): int
    {
        return $timeZone->getOffset(Carbon::now());
    }
}


================================================
FILE: app/Service/UserService.php
================================================
<?php

declare(strict_types=1);

namespace App\Service;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\Role;
use App\Enums\TimeFormat;
use App\Enums\Weekday;
use App\Events\AfterCreateOrganization;
use App\Models\Member;
use App\Models\Organization;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Hash;

class UserService
{
    public function createUser(
        string $name,
        string $email,
        string $password,
        string $timezone,
        Weekday $weekStart,
        ?string $currency,
        ?NumberFormat $numberFormat = null,
        ?CurrencyFormat $currencyFormat = null,
        ?DateFormat $dateFormat = null,
        ?IntervalFormat $intervalFormat = null,
        ?TimeFormat $timeFormat = null,
        bool $verifyEmail = false
    ): User {
        $user = new User;
        $user->name = $name;
        $user->email = $email;
        $user->password = Hash::make($password);
        $user->timezone = $timezone;
        $user->week_start = $weekStart;
        if ($verifyEmail) {
            $user->email_verified_at = Carbon::now();
        }
        $user->save();

        $organization = app(OrganizationService::class)->createOrganization(
            $this->getOrganizationNameForUserName($user->name),
            $user,
            true,
            $currency,
            $numberFormat,
            $currencyFormat,
            $dateFormat,
            $intervalFormat,
            $timeFormat,
        );

        $user->ownedTeams()->save($organization);

        return $user;
    }

    /**
     * This does NOT change the member id.
     * This should only be used in if you want to change a member to a placeholder!
     */
    public function assignOrganizationEntitiesToDifferentUser(Organization $organization, User $fromUser, User $toUser): void
    {
        // Time entries
        TimeEntry::query()
            ->whereBelongsTo($organization, 'organization')
            ->whereBelongsTo($fromUser, 'user')
            ->update([
                'user_id' => $toUser->getKey(),
            ]);

        // Project members
        ProjectMember::query()
            ->whereBelongsToOrganization($organization)
            ->whereBelongsTo($fromUser, 'user')
            ->update([
                'user_id' => $toUser->getKey(),
            ]);
    }

    public function makeSureUserHasAtLeastOneOrganization(User $user): void
    {
        if ($user->organizations()->count() > 0) {
            return;
        }

        // Create a new organization
        $organization = app(OrganizationService::class)->createOrganization(
            $this->getOrganizationNameForUserName($user->name),
            $user,
            true
        );

        // Set the organization as the user's current organization
        $user->currentOrganization()->associate($organization);
        $user->save();

        AfterCreateOrganization::dispatch($organization);
    }

    public function getOrganizationNameForUserName(string $username): string
    {
        return explode(' ', $username, 2)[0]."'s Organization";
    }

    public function makeSureUserHasCurrentOrganization(User $user): void
    {
        if ($user->current_team_id !== null) {
            return;
        }

        $organization = $user->organizations()->first();
        if ($organization !== null) {
            $user->currentOrganization()->associate($organization);
            $user->save();
        }
    }

    /**
     * Change the ownership of an organization to a new user.
     * The previous owner will be demoted to an admin.
     */
    public function changeOwnership(Organization $organization, User $newOwner): void
    {
        $organization->update([
            'user_id' => $newOwner->getKey(),
        ]);
        /** @var Member|null $userMembership */
        $userMembership = Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->whereBelongsTo($newOwner, 'user')
            ->first();
        if ($userMembership === null) {
            throw new \InvalidArgumentException('User is not a member of the organization');
        }
        $userMembership->role = Role::Owner->value;
        $userMembership->save();
        $oldOwners = Member::query()
            ->whereBelongsTo($organization, 'organization')
            ->where('role', '=', Role::Owner->value)
            ->where('user_id', '!=', $newOwner->getKey())
            ->get();
        foreach ($oldOwners as $oldOwner) {
            $oldOwner->role = Role::Admin->value;
            $oldOwner->save();
        }
    }
}


================================================
FILE: artisan
================================================
#!/usr/bin/env php
<?php

define('LARAVEL_START', microtime(true));

/*
|--------------------------------------------------------------------------
| Register The Auto Loader
|--------------------------------------------------------------------------
|
| Composer provides a convenient, automatically generated class loader
| for our application. We just need to utilize it! We'll require it
| into the script here so that we do not have to worry about the
| loading of any of our classes manually. It's great to relax.
|
*/

require __DIR__.'/vendor/autoload.php';

$app = require_once __DIR__.'/bootstrap/app.php';

/*
|--------------------------------------------------------------------------
| Run The Artisan Application
|--------------------------------------------------------------------------
|
| When we run the console application, the current CLI command will be
| executed in this console and the response sent back to a terminal
| or another output device for the developers. Here goes nothing!
|
*/

$kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);

$status = $kernel->handle(
    $input = new Symfony\Component\Console\Input\ArgvInput,
    new Symfony\Component\Console\Output\ConsoleOutput
);

/*
|--------------------------------------------------------------------------
| Shutdown The Application
|--------------------------------------------------------------------------
|
| Once Artisan has finished running, we will fire off the shutdown events
| so that any final work may be done by the application before we shut
| down the process. This is the last thing to happen to the request.
|
*/

$kernel->terminate($input, $status);

exit($status);


================================================
FILE: bootstrap/app.php
================================================
<?php

declare(strict_types=1);

/*
|--------------------------------------------------------------------------
| Create The Application
|--------------------------------------------------------------------------
|
| The first thing we will do is create a new Laravel application instance
| which serves as the "glue" for all the components of Laravel, and is
| the IoC container for the system binding all of the various parts.
|
*/

$app = new Illuminate\Foundation\Application(
    $_ENV['APP_BASE_PATH'] ?? dirname(__DIR__)
);

/*
|--------------------------------------------------------------------------
| Bind Important Interfaces
|--------------------------------------------------------------------------
|
| Next, we need to bind some important interfaces into the container so
| we will be able to resolve them when needed. The kernels serve the
| incoming requests to this application from both the web and CLI.
|
*/

$app->singleton(
    Illuminate\Contracts\Http\Kernel::class,
    App\Http\Kernel::class
);

$app->singleton(
    Illuminate\Contracts\Console\Kernel::class,
    App\Console\Kernel::class
);

$app->singleton(
    Illuminate\Contracts\Debug\ExceptionHandler::class,
    App\Exceptions\Handler::class
);

/*
|--------------------------------------------------------------------------
| Return The Application
|--------------------------------------------------------------------------
|
| This script returns the application instance. The instance is given to
| the calling script so we can separate the building of the instances
| from the actual running of the application and sending responses.
|
*/

return $app;


================================================
FILE: bootstrap/cache/.gitignore
================================================
*
!.gitignore


================================================
FILE: components.json
================================================
{
  "$schema": "https://shadcn-vue.com/schema.json",
  "style": "new-york",
  "typescript": true,
  "tailwind": {
    "config": "tailwind.config.js",
    "css": "resources/css/app.css",
    "baseColor": "neutral",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "composables": "@/composables",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib"
  },
  "iconLibrary": "lucide"
}

================================================
FILE: composer.json
================================================
{
    "name": "solidtime-io/solidtime",
    "type": "project",
    "description": "An open-source time-tracking app",
    "keywords": [],
    "license": "AGPL-3.0-or-later",
    "require": {
        "php": "8.3.*",
        "ext-zip": "*",
        "brick/money": "^0.10.0",
        "datomatic/laravel-enum-helper": "^2.0.0",
        "dedoc/scramble": "^0.12.2",
        "filament/filament": "^3.2",
        "flowframe/laravel-trend": "^0.4.0",
        "gotenberg/gotenberg-php": "^2.8",
        "guzzlehttp/guzzle": "^7.2",
        "inertiajs/inertia-laravel": "^2.0.3",
        "korridor/laravel-computed-attributes": "^3.1",
        "korridor/laravel-has-many-sync": "^3.1",
        "korridor/laravel-model-validation-rules": "^3.0",
        "laravel/framework": "^12.19.3",
        "laravel/jetstream": "^5.0",
        "laravel/octane": "^2.3",
        "laravel/passport": "^13.0.5",
        "laravel/tinker": "^2.8",
        "league/csv": "^9.16.0",
        "league/flysystem-aws-s3-v3": "^3.0",
        "league/iso3166": "^4.3",
        "maatwebsite/excel": "^3.1",
        "novadaemon/filament-pretty-json": "^2.2",
        "nwidart/laravel-modules": "^12.0.4",
        "owen-it/laravel-auditing": "^14.0.0",
        "pxlrbt/filament-environment-indicator": "^2.1.0",
        "spatie/temporary-directory": "^2.2",
        "staudenmeir/eloquent-json-relations": "^1.1",
        "stechstudio/filament-impersonate": "^3.8",
        "tightenco/ziggy": "^2.1.0",
        "tpetry/laravel-postgresql-enhanced": "^3.0.0",
        "wikimedia/composer-merge-plugin": "^2.1.0"
    },
    "require-dev": {
        "barryvdh/laravel-ide-helper": "^3.0",
        "brianium/paratest": "^7.3",
        "fakerphp/faker": "^1.9.1",
        "fumeapp/modeltyper": "^3.0",
        "larastan/larastan": "^3.5.0",
        "laravel/pint": "^1.0",
        "laravel/sail": "^1.18",
        "laravel/telescope": "^5.0",
        "mockery/mockery": "^1.4.4",
        "nunomaduro/collision": "^8.1",
        "phpunit/phpunit": "^12",
        "spatie/laravel-ignition": "^2.0",
        "timacdonald/log-fake": "^2.1"
    },
    "autoload": {
        "psr-4": {
            "App\\": "app/",
            "Database\\Factories\\": "database/factories/",
            "Database\\Seeders\\": "database/seeders/"
        },
        "files": [
            "extensions/extensions_autoload.php"
        ]
    },
    "autoload-dev": {
        "psr-4": {
            "Tests\\": "tests/"
        }
    },
    "scripts": {
        "post-autoload-dump": [
            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
            "@php artisan package:discover --ansi",
            "@php artisan filament:upgrade"
        ],
        "post-update-cmd": [
            "@php artisan vendor:publish --tag=laravel-assets --ansi --force"
        ],
        "post-root-package-install": [
            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
        ],
        "post-create-project-cmd": [
            "@php artisan key:generate --ansi"
        ],
        "analyse": [
            "@php ./vendor/bin/phpstan analyse --memory-limit=2G --configuration=phpstan.neon"
        ],
        "generate-typescript": [
            "@php artisan model:typer > ./resources/js/types/models.ts"
        ],
        "ptest": [
            "@php artisan test --parallel --stop-on-failure"
        ],
        "test": [
            "@php artisan test --stop-on-failure"
        ],
        "test:coverage": [
            "@php artisan test --coverage --stop-on-failure"
        ],
        "test:coverage:report": [
            "@php vendor/bin/phpunit --coverage-html=coverage"
        ],
        "coverage-report": [
            "@test:coverage:report"
        ],
        "fix": [
            "@php pint"
        ],
        "ide-helper": [
            "@php artisan ide-helper:generate",
            "@php artisan ide-helper:meta"
        ],
        "refresh-schema-dump": [
            "@php artisan schema:dump --database=\"pgsql_test\""
        ]
    },
    "extra": {
        "laravel": {
            "dont-discover": [
                "laravel/telescope",
                "nwidart/laravel-modules"
            ]
        }
    },
    "config": {
        "optimize-autoloader": true,
        "preferred-install": "dist",
        "sort-packages": true,
        "allow-plugins": {
            "pestphp/pest-plugin": true,
            "php-http/discovery": true,
            "wikimedia/composer-merge-plugin": true
        }
    },
    "minimum-stability": "stable",
    "prefer-stable": true
}


================================================
FILE: config/app.php
================================================
<?php

declare(strict_types=1);

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use Illuminate\Support\Facades\Facade;
use Illuminate\Support\ServiceProvider;
use Nwidart\Modules\LaravelModulesServiceProvider;

return [

    /*
    |--------------------------------------------------------------------------
    | Application Name
    |--------------------------------------------------------------------------
    |
    | This value is the name of your application. This value is used when the
    | framework needs to place the application's name in a notification or
    | any other location as required by the application or its packages.
    |
    */

    'name' => 'solidtime',

    'version' => env('APP_VERSION'),

    'build' => env('APP_BUILD'),

    /*
    |--------------------------------------------------------------------------
    | Application Environment
    |--------------------------------------------------------------------------
    |
    | This value determines the "environment" your application is currently
    | running in. This may determine how you prefer to configure various
    | services the application utilizes. Set this in your ".env" file.
    |
    */

    'env' => env('APP_ENV', 'production'),

    /*
    |--------------------------------------------------------------------------
    | Application Debug Mode
    |--------------------------------------------------------------------------
    |
    | When your application is in debug mode, detailed error messages with
    | stack traces will be shown on every error that occurs within your
    | application. If disabled, a simple generic error page is shown.
    |
    */

    'debug' => (bool) env('APP_DEBUG', false),

    /*
    |--------------------------------------------------------------------------
    | Application URL
    |--------------------------------------------------------------------------
    |
    | This URL is used by the console to properly generate URLs when using
    | the Artisan command line tool. You should set this to the root of
    | your application so that it is used when running Artisan tasks.
    |
    */

    'url' => env('APP_URL', 'http://localhost'),

    'asset_url' => env('ASSET_URL'),

    'force_https' => (bool) env('APP_FORCE_HTTPS', false),

    'enable_registration' => (bool) env('APP_ENABLE_REGISTRATION', false),

    /*
    |--------------------------------------------------------------------------
    | Application Timezone
    |--------------------------------------------------------------------------
    |
    | Here you may specify the default timezone for your application, which
    | will be used by the PHP date and date-time functions. We have gone
    | ahead and set this to a sensible default for you out of the box.
    |
    */

    'timezone' => 'UTC',

    /*
    |--------------------------------------------------------------------------
    | Application Locale Configuration
    |--------------------------------------------------------------------------
    |
    | The application locale determines the default locale that will be used
    | by the translation service provider. You are free to set this value
    | to any of the locales which will be supported by the application.
    |
    */

    'locale' => 'en',

    /*
    |--------------------------------------------------------------------------
    | Application Fallback Locale
    |--------------------------------------------------------------------------
    |
    | The fallback locale determines the locale to use when the current one
    | is not available. You may change the value to correspond to any of
    | the language folders that are provided through your application.
    |
    */

    'fallback_locale' => 'en',

    /*
    |--------------------------------------------------------------------------
    | Faker Locale
    |--------------------------------------------------------------------------
    |
    | This locale will be used by the Faker PHP library when generating fake
    | data for your database seeds. For example, this will be used to get
    | localized telephone numbers, street address information and more.
    |
    */

    'faker_locale' => 'en_US',

    'pagination_per_page_default' => (int) env('PAGINATION_PER_PAGE_DEFAULT', 15),

    /*
    |--------------------------------------------------------------------------
    | Encryption Key
    |--------------------------------------------------------------------------
    |
    | This key is used by the Illuminate encrypter service and should be set
    | to a random, 32 character string, otherwise these encrypted strings
    | will not be safe. Please do this before deploying an application!
    |
    */

    'key' => env('APP_KEY'),

    'cipher' => 'AES-256-CBC',

    'localization' => [
        'default_currency' => env('LOCALIZATION_DEFAULT_CURRENCY', 'EUR'),
        'default_number_format' => env('LOCALIZATION_DEFAULT_NUMBER_FORMAT', NumberFormat::ThousandsPointDecimalComma->value),
        'default_currency_format' => env('LOCALIZATION_DEFAULT_CURRENCY_FORMAT', CurrencyFormat::ISOCodeAfterWithSpace->value),
        'default_date_format' => env('LOCALIZATION_DEFAULT_DATE_FORMAT', DateFormat::HyphenSeparatedYYYYMMDD->value),
        'default_time_format' => env('LOCALIZATION_DEFAULT_TIME_FORMAT', TimeFormat::TwentyFourHours->value),
        'default_interval_format' => env('LOCALIZATION_DEFAULT_INTERVAL_FORMAT', IntervalFormat::HoursMinutes->value),
    ],

    /*
    |--------------------------------------------------------------------------
    | Maintenance Mode Driver
    |--------------------------------------------------------------------------
    |
    | These configuration options determine the driver used to determine and
    | manage Laravel's "maintenance mode" status. The "cache" driver will
    | allow maintenance mode to be controlled across multiple machines.
    |
    | Supported drivers: "file", "cache"
    |
    */

    'maintenance' => [
        'driver' => 'file',
        // 'store' => 'redis',
    ],

    /*
    |--------------------------------------------------------------------------
    | Autoloaded Service Providers
    |--------------------------------------------------------------------------
    |
    | The service providers listed here will be automatically loaded on the
    | request to your application. Feel free to add your own services to
    | this array to grant expanded functionality to your applications.
    |
    */

    'providers' => ServiceProvider::defaultProviders()->merge([
        /*
         * Package Service Providers...
         */

        /*
         * Application Service Providers...
         */
        App\Providers\AppServiceProvider::class,
        App\Providers\AuthServiceProvider::class,
        App\Providers\EventServiceProvider::class,
        App\Providers\Filament\AdminPanelProvider::class,
        App\Providers\RouteServiceProvider::class,
        App\Providers\FortifyServiceProvider::class,
        App\Providers\JetstreamServiceProvider::class,
        // Warning: Do not add TelescopeServiceProvider here since it is already conditionally registered in AppServiceProvider
        LaravelModulesServiceProvider::class,
    ])->toArray(),

    /*
    |--------------------------------------------------------------------------
    | Class Aliases
    |--------------------------------------------------------------------------
    |
    | This array of class aliases will be registered when this application
    | is started. However, feel free to register as many as you wish as
    | the aliases are "lazy" loaded so they don't hinder performance.
    |
    */

    'aliases' => Facade::defaultAliases()->merge([
        // 'Example' => App\Facades\Example::class,
    ])->toArray(),
];


================================================
FILE: config/audit.php
================================================
<?php

declare(strict_types=1);

return [

    'enabled' => env('AUDITING_ENABLED', false),

    /*
    |--------------------------------------------------------------------------
    | Audit Implementation
    |--------------------------------------------------------------------------
    |
    | Define which Audit model implementation should be used.
    |
    */

    'implementation' => OwenIt\Auditing\Models\Audit::class,

    /*
    |--------------------------------------------------------------------------
    | User Morph prefix & Guards
    |--------------------------------------------------------------------------
    |
    | Define the morph prefix and authentication guards for the User resolver.
    |
    */

    'user' => [
        'morph_prefix' => 'user',
        'guards' => [
            'web',
            'api',
        ],
        'resolver' => OwenIt\Auditing\Resolvers\UserResolver::class,
    ],

    /*
    |--------------------------------------------------------------------------
    | Audit Resolvers
    |--------------------------------------------------------------------------
    |
    | Define the IP Address, User Agent and URL resolver implementations.
    |
    */
    'resolvers' => [
        'ip_address' => App\Extensions\Auditing\Resolvers\CustomIpAddressResolver::class,
        'user_agent' => OwenIt\Auditing\Resolvers\UserAgentResolver::class,
        'url' => OwenIt\Auditing\Resolvers\UrlResolver::class,
    ],

    /*
    |--------------------------------------------------------------------------
    | Audit Events
    |--------------------------------------------------------------------------
    |
    | The Eloquent events that trigger an Audit.
    |
    */

    'events' => [
        'created',
        'updated',
        'deleted',
        'restored',
    ],

    /*
    |--------------------------------------------------------------------------
    | Strict Mode
    |--------------------------------------------------------------------------
    |
    | Enable the strict mode when auditing?
    |
    */

    'strict' => true,

    /*
    |--------------------------------------------------------------------------
    | Global exclude
    |--------------------------------------------------------------------------
    |
    | Have something you always want to exclude by default? - add it here.
    | Note that this is overwritten (not merged) with local exclude
    |
    */

    'exclude' => [],

    /*
    |--------------------------------------------------------------------------
    | Empty Values
    |--------------------------------------------------------------------------
    |
    | Should Audit records be stored when the recorded old_values & new_values
    | are both empty?
    |
    | Some events may be empty on purpose. Use allowed_empty_values to exclude
    | those from the empty values check. For example when auditing
    | model retrieved events which will never have new and old values.
    |
    |
    */

    'empty_values' => false,
    'allowed_empty_values' => [
        'retrieved',
    ],

    /*
    |--------------------------------------------------------------------------
    | Allowed Array Values
    |--------------------------------------------------------------------------
    |
    | Should the array values be audited?
    |
    | By default, array values are not allowed. This is to prevent performance
    | issues when storing large amounts of data. You can override this by
    | setting allow_array_values to true.
    */
    'allowed_array_values' => true,

    /*
    |--------------------------------------------------------------------------
    | Audit Timestamps
    |--------------------------------------------------------------------------
    |
    | Should the created_at, updated_at and deleted_at timestamps be audited?
    |
    */

    'timestamps' => false,

    /*
    |--------------------------------------------------------------------------
    | Audit Threshold
    |--------------------------------------------------------------------------
    |
    | Specify a threshold for the amount of Audit records a model can have.
    | Zero means no limit.
    |
    */

    'threshold' => 0,

    /*
    |--------------------------------------------------------------------------
    | Audit Driver
    |--------------------------------------------------------------------------
    |
    | The default audit driver used to keep track of changes.
    |
    */

    'driver' => 'database',

    /*
    |--------------------------------------------------------------------------
    | Audit Driver Configurations
    |--------------------------------------------------------------------------
    |
    | Available audit drivers and respective configurations.
    |
    */

    'drivers' => [
        'database' => [
            'table' => 'audits',
            'connection' => null,
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Audit Queue Configurations
    |--------------------------------------------------------------------------
    |
    | Available audit queue configurations.
    |
    */

    'queue' => [
        'enable' => false,
        'connection' => 'sync',
        'queue' => 'default',
        'delay' => 0,
    ],

    /*
    |--------------------------------------------------------------------------
    | Audit Console
    |--------------------------------------------------------------------------
    |
    | Whether console events should be audited (eg. php artisan db:seed).
    |
    */

    'console' => true,
];


================================================
FILE: config/auth.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Authentication Defaults
    |--------------------------------------------------------------------------
    |
    | This option controls the default authentication "guard" and password
    | reset options for your application. You may change these defaults
    | as required, but they're a perfect start for most applications.
    |
    */

    'defaults' => [
        'guard' => 'web',
        'passwords' => 'users',
    ],

    /*
    |--------------------------------------------------------------------------
    | Authentication Guards
    |--------------------------------------------------------------------------
    |
    | Next, you may define every authentication guard for your application.
    | Of course, a great default configuration has been defined for you
    | here which uses session storage and the Eloquent user provider.
    |
    | All authentication drivers have a user provider. This defines how the
    | users are actually retrieved out of your database or other storage
    | mechanisms used by this application to persist your user's data.
    |
    | Supported: "session"
    |
    */

    'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users',
        ],

        'api' => [
            'driver' => 'passport',
            'provider' => 'users',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | User Providers
    |--------------------------------------------------------------------------
    |
    | All authentication drivers have a user provider. This defines how the
    | users are actually retrieved out of your database or other storage
    | mechanisms used by this application to persist your user's data.
    |
    | If you have multiple user tables or models you may configure multiple
    | sources which represent each model / table. These sources may then
    | be assigned to any extra authentication guards you have defined.
    |
    | Supported: "database", "eloquent"
    |
    */

    'providers' => [
        'users' => [
            'driver' => 'eloquent',
            'model' => App\Models\User::class,
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Resetting Passwords
    |--------------------------------------------------------------------------
    |
    | You may specify multiple password reset configurations if you have more
    | than one user table or model in the application and you want to have
    | separate password reset settings based on the specific user types.
    |
    | The expiry time is the number of minutes that each reset token will be
    | considered valid. This security feature keeps tokens short-lived so
    | they have less time to be guessed. You may change this as needed.
    |
    | The throttle setting is the number of seconds a user must wait before
    | generating more password reset tokens. This prevents the user from
    | quickly generating a very large amount of password reset tokens.
    |
    */

    'passwords' => [
        'users' => [
            'provider' => 'users',
            'table' => 'password_reset_tokens',
            'expire' => 60,
            'throttle' => 60,
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Password Confirmation Timeout
    |--------------------------------------------------------------------------
    |
    | Here you may define the amount of seconds before a password confirmation
    | times out and the user is prompted to re-enter their password via the
    | confirmation screen. By default, the timeout lasts for three hours.
    |
    */

    'password_timeout' => 10800,

    'super_admins' => ! is_string(env('SUPER_ADMINS', null)) ? [] : explode(',', env('SUPER_ADMINS')),

    'terms_url' => env('TERMS_URL', ''),

    'privacy_policy_url' => env('PRIVACY_POLICY_URL', ''),

    'newsletter_consent' => env('NEWSLETTER_CONSENT', false),

];


================================================
FILE: config/broadcasting.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Broadcaster
    |--------------------------------------------------------------------------
    |
    | This option controls the default broadcaster that will be used by the
    | framework when an event needs to be broadcast. You may set this to
    | any of the connections defined in the "connections" array below.
    |
    | Supported: "pusher", "ably", "redis", "log", "null"
    |
    */

    'default' => env('BROADCAST_DRIVER', 'null'),

    /*
    |--------------------------------------------------------------------------
    | Broadcast Connections
    |--------------------------------------------------------------------------
    |
    | Here you may define all of the broadcast connections that will be used
    | to broadcast events to other systems or over websockets. Samples of
    | each available type of connection are provided inside this array.
    |
    */

    'connections' => [

        'pusher' => [
            'driver' => 'pusher',
            'key' => env('PUSHER_APP_KEY'),
            'secret' => env('PUSHER_APP_SECRET'),
            'app_id' => env('PUSHER_APP_ID'),
            'options' => [
                'cluster' => env('PUSHER_APP_CLUSTER'),
                'host' => env('PUSHER_HOST') ?: 'api-'.env('PUSHER_APP_CLUSTER', 'mt1').'.pusher.com',
                'port' => env('PUSHER_PORT', 443),
                'scheme' => env('PUSHER_SCHEME', 'https'),
                'encrypted' => true,
                'useTLS' => env('PUSHER_SCHEME', 'https') === 'https',
            ],
            'client_options' => [
                // Guzzle client options: https://docs.guzzlephp.org/en/stable/request-options.html
            ],
        ],

        'ably' => [
            'driver' => 'ably',
            'key' => env('ABLY_KEY'),
        ],

        'redis' => [
            'driver' => 'redis',
            'connection' => 'default',
        ],

        'log' => [
            'driver' => 'log',
        ],

        'null' => [
            'driver' => 'null',
        ],

    ],

];


================================================
FILE: config/cache.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Support\Str;

return [

    /*
    |--------------------------------------------------------------------------
    | Default Cache Store
    |--------------------------------------------------------------------------
    |
    | This option controls the default cache connection that gets used while
    | using this caching library. This connection is used when another is
    | not explicitly specified when executing a given caching function.
    |
    */

    'default' => env('CACHE_DRIVER', 'file'),

    /*
    |--------------------------------------------------------------------------
    | Cache Stores
    |--------------------------------------------------------------------------
    |
    | Here you may define all of the cache "stores" for your application as
    | well as their drivers. You may even define multiple stores for the
    | same cache driver to group types of items stored in your caches.
    |
    | Supported drivers: "apc", "array", "database", "file",
    |         "memcached", "redis", "dynamodb", "octane", "null"
    |
    */

    'stores' => [

        'apc' => [
            'driver' => 'apc',
        ],

        'array' => [
            'driver' => 'array',
            'serialize' => false,
        ],

        'database' => [
            'driver' => 'database',
            'table' => 'cache',
            'connection' => null,
            'lock_connection' => null,
        ],

        'file' => [
            'driver' => 'file',
            'path' => storage_path('framework/cache/data'),
            'lock_path' => storage_path('framework/cache/data'),
        ],

        'memcached' => [
            'driver' => 'memcached',
            'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
            'sasl' => [
                env('MEMCACHED_USERNAME'),
                env('MEMCACHED_PASSWORD'),
            ],
            'options' => [
                // Memcached::OPT_CONNECT_TIMEOUT => 2000,
            ],
            'servers' => [
                [
                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
                    'port' => env('MEMCACHED_PORT', 11211),
                    'weight' => 100,
                ],
            ],
        ],

        'redis' => [
            'driver' => 'redis',
            'connection' => 'cache',
            'lock_connection' => 'default',
        ],

        'dynamodb' => [
            'driver' => 'dynamodb',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
            'table' => env('DYNAMODB_CACHE_TABLE', 'cache'),
            'endpoint' => env('DYNAMODB_ENDPOINT'),
        ],

        'octane' => [
            'driver' => 'octane',
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Cache Key Prefix
    |--------------------------------------------------------------------------
    |
    | When utilizing the APC, database, memcached, Redis, or DynamoDB cache
    | stores there might be other applications using the same cache. For
    | that reason, you may prefix every cache key to avoid collisions.
    |
    */

    'prefix' => env('CACHE_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_cache_'),

];


================================================
FILE: config/cors.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Cross-Origin Resource Sharing (CORS) Configuration
    |--------------------------------------------------------------------------
    |
    | Here you may configure your settings for cross-origin resource sharing
    | or "CORS". This determines what cross-origin operations may execute
    | in web browsers. You are free to adjust these settings as needed.
    |
    | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
    |
    */

    'paths' => ['api/*', 'sanctum/csrf-cookie'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [],

    'max_age' => 0,

    'supports_credentials' => false,

];


================================================
FILE: config/database.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Support\Str;

return [

    /*
    |--------------------------------------------------------------------------
    | Default Database Connection Name
    |--------------------------------------------------------------------------
    |
    | Here you may specify which of the database connections below you wish
    | to use as your default connection for all database work. Of course
    | you may use many connections at once using the Database library.
    |
    */

    'default' => env('DB_CONNECTION', 'mysql'),

    /*
    |--------------------------------------------------------------------------
    | Database Connections
    |--------------------------------------------------------------------------
    |
    | Here are each of the database connections setup for your application.
    | Of course, examples of configuring each database platform that is
    | supported by Laravel is shown below to make development simple.
    |
    |
    | All database work in Laravel is done through the PHP PDO facilities
    | so make sure you have the driver for your particular database of
    | choice installed on your machine before you begin development.
    |
    */

    'connections' => [

        'sqlite' => [
            'driver' => 'sqlite',
            'url' => env('DATABASE_URL'),
            'database' => env('DB_DATABASE', database_path('database.sqlite')),
            'prefix' => '',
            'foreign_key_constraints' => env('DB_FOREIGN_KEYS', true),
        ],

        'mysql' => [
            'driver' => 'mysql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '3306'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'unix_socket' => env('DB_SOCKET', ''),
            'charset' => 'utf8mb4',
            'collation' => 'utf8mb4_unicode_ci',
            'prefix' => '',
            'prefix_indexes' => true,
            'strict' => true,
            'engine' => null,
            'options' => extension_loaded('pdo_mysql') ? array_filter([
                PDO::MYSQL_ATTR_SSL_CA => env('MYSQL_ATTR_SSL_CA'),
            ]) : [],
        ],

        'pgsql' => [
            'driver' => 'pgsql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', '127.0.0.1'),
            'port' => env('DB_PORT', '5432'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'charset' => 'utf8',
            'prefix' => '',
            'prefix_indexes' => true,
            'search_path' => 'public',
            'sslmode' => 'prefer',
        ],

        'pgsql_test' => [
            'driver' => 'pgsql',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_TEST_HOST', '127.0.0.1'),
            'port' => env('DB_TEST_PORT', '5432'),
            'database' => env('DB_TEST_DATABASE', 'forge'),
            'username' => env('DB_TEST_USERNAME', 'forge'),
            'password' => env('DB_TEST_PASSWORD', ''),
            'charset' => 'utf8',
            'prefix' => '',
            'prefix_indexes' => true,
            'search_path' => 'public',
            'sslmode' => 'prefer',
        ],

        'sqlsrv' => [
            'driver' => 'sqlsrv',
            'url' => env('DATABASE_URL'),
            'host' => env('DB_HOST', 'localhost'),
            'port' => env('DB_PORT', '1433'),
            'database' => env('DB_DATABASE', 'forge'),
            'username' => env('DB_USERNAME', 'forge'),
            'password' => env('DB_PASSWORD', ''),
            'charset' => 'utf8',
            'prefix' => '',
            'prefix_indexes' => true,
            // 'encrypt' => env('DB_ENCRYPT', 'yes'),
            // 'trust_server_certificate' => env('DB_TRUST_SERVER_CERTIFICATE', 'false'),
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Migration Repository Table
    |--------------------------------------------------------------------------
    |
    | This table keeps track of all the migrations that have already run for
    | your application. Using this information, we can determine which of
    | the migrations on disk haven't actually been run in the database.
    |
    */

    'migrations' => 'migrations',

    /*
    |--------------------------------------------------------------------------
    | Redis Databases
    |--------------------------------------------------------------------------
    |
    | Redis is an open source, fast, and advanced key-value store that also
    | provides a richer body of commands than a typical key-value system
    | such as APC or Memcached. Laravel makes it easy to dig right in.
    |
    */

    'redis' => [

        'client' => env('REDIS_CLIENT', 'phpredis'),

        'options' => [
            'cluster' => env('REDIS_CLUSTER', 'redis'),
            'prefix' => env('REDIS_PREFIX', Str::slug(env('APP_NAME', 'laravel'), '_').'_database_'),
        ],

        'default' => [
            'url' => env('REDIS_URL'),
            'host' => env('REDIS_HOST', '127.0.0.1'),
            'username' => env('REDIS_USERNAME'),
            'password' => env('REDIS_PASSWORD'),
            'port' => env('REDIS_PORT', '6379'),
            'database' => env('REDIS_DB', '0'),
        ],

        'cache' => [
            'url' => env('REDIS_URL'),
            'host' => env('REDIS_HOST', '127.0.0.1'),
            'username' => env('REDIS_USERNAME'),
            'password' => env('REDIS_PASSWORD'),
            'port' => env('REDIS_PORT', '6379'),
            'database' => env('REDIS_CACHE_DB', '1'),
        ],

    ],

];


================================================
FILE: config/excel.php
================================================
<?php

declare(strict_types=1);

use Maatwebsite\Excel\Excel;
use PhpOffice\PhpSpreadsheet\Reader\Csv;

return [
    'exports' => [

        /*
        |--------------------------------------------------------------------------
        | Chunk size
        |--------------------------------------------------------------------------
        |
        | When using FromQuery, the query is automatically chunked.
        | Here you can specify how big the chunk should be.
        |
        */
        'chunk_size' => 1000,

        /*
        |--------------------------------------------------------------------------
        | Pre-calculate formulas during export
        |--------------------------------------------------------------------------
        */
        'pre_calculate_formulas' => false,

        /*
        |--------------------------------------------------------------------------
        | Enable strict null comparison
        |--------------------------------------------------------------------------
        |
        | When enabling strict null comparison empty cells ('') will
        | be added to the sheet.
        */
        'strict_null_comparison' => false,

        /*
        |--------------------------------------------------------------------------
        | CSV Settings
        |--------------------------------------------------------------------------
        |
        | Configure e.g. delimiter, enclosure and line ending for CSV exports.
        |
        */
        'csv' => [
            'delimiter' => ',',
            'enclosure' => '"',
            'line_ending' => PHP_EOL,
            'use_bom' => false,
            'include_separator_line' => false,
            'excel_compatibility' => false,
            'output_encoding' => '',
            'test_auto_detect' => true,
        ],

        /*
        |--------------------------------------------------------------------------
        | Worksheet properties
        |--------------------------------------------------------------------------
        |
        | Configure e.g. default title, creator, subject,...
        |
        */
        'properties' => [
            'creator' => '',
            'lastModifiedBy' => '',
            'title' => '',
            'description' => '',
            'subject' => '',
            'keywords' => '',
            'category' => '',
            'manager' => '',
            'company' => '',
        ],
    ],

    'imports' => [

        /*
        |--------------------------------------------------------------------------
        | Read Only
        |--------------------------------------------------------------------------
        |
        | When dealing with imports, you might only be interested in the
        | data that the sheet exists. By default we ignore all styles,
        | however if you want to do some logic based on style data
        | you can enable it by setting read_only to false.
        |
        */
        'read_only' => true,

        /*
        |--------------------------------------------------------------------------
        | Ignore Empty
        |--------------------------------------------------------------------------
        |
        | When dealing with imports, you might be interested in ignoring
        | rows that have null values or empty strings. By default rows
        | containing empty strings or empty values are not ignored but can be
        | ignored by enabling the setting ignore_empty to true.
        |
        */
        'ignore_empty' => false,

        /*
        |--------------------------------------------------------------------------
        | Heading Row Formatter
        |--------------------------------------------------------------------------
        |
        | Configure the heading row formatter.
        | Available options: none|slug|custom
        |
        */
        'heading_row' => [
            'formatter' => 'slug',
        ],

        /*
        |--------------------------------------------------------------------------
        | CSV Settings
        |--------------------------------------------------------------------------
        |
        | Configure e.g. delimiter, enclosure and line ending for CSV imports.
        |
        */
        'csv' => [
            'delimiter' => null,
            'enclosure' => '"',
            'escape_character' => '\\',
            'contiguous' => false,
            'input_encoding' => Csv::GUESS_ENCODING,
        ],

        /*
        |--------------------------------------------------------------------------
        | Worksheet properties
        |--------------------------------------------------------------------------
        |
        | Configure e.g. default title, creator, subject,...
        |
        */
        'properties' => [
            'creator' => '',
            'lastModifiedBy' => '',
            'title' => '',
            'description' => '',
            'subject' => '',
            'keywords' => '',
            'category' => '',
            'manager' => '',
            'company' => '',
        ],

        /*
       |--------------------------------------------------------------------------
       | Cell Middleware
       |--------------------------------------------------------------------------
       |
       | Configure middleware that is executed on getting a cell value
       |
       */
        'cells' => [
            'middleware' => [
                // \Maatwebsite\Excel\Middleware\TrimCellValue::class,
                // \Maatwebsite\Excel\Middleware\ConvertEmptyCellValuesToNull::class,
            ],
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Extension detector
    |--------------------------------------------------------------------------
    |
    | Configure here which writer/reader type should be used when the package
    | needs to guess the correct type based on the extension alone.
    |
    */
    'extension_detector' => [
        'xlsx' => Excel::XLSX,
        'xlsm' => Excel::XLSX,
        'xltx' => Excel::XLSX,
        'xltm' => Excel::XLSX,
        'xls' => Excel::XLS,
        'xlt' => Excel::XLS,
        'ods' => Excel::ODS,
        'ots' => Excel::ODS,
        'slk' => Excel::SLK,
        'xml' => Excel::XML,
        'gnumeric' => Excel::GNUMERIC,
        'htm' => Excel::HTML,
        'html' => Excel::HTML,
        'csv' => Excel::CSV,
        'tsv' => Excel::TSV,

        /*
        |--------------------------------------------------------------------------
        | PDF Extension
        |--------------------------------------------------------------------------
        |
        | Configure here which Pdf driver should be used by default.
        | Available options: Excel::MPDF | Excel::TCPDF | Excel::DOMPDF
        |
        */
        'pdf' => Excel::DOMPDF,
    ],

    /*
    |--------------------------------------------------------------------------
    | Value Binder
    |--------------------------------------------------------------------------
    |
    | PhpSpreadsheet offers a way to hook into the process of a value being
    | written to a cell. In there some assumptions are made on how the
    | value should be formatted. If you want to change those defaults,
    | you can implement your own default value binder.
    |
    | Possible value binders:
    |
    | [x] Maatwebsite\Excel\DefaultValueBinder::class
    | [x] PhpOffice\PhpSpreadsheet\Cell\StringValueBinder::class
    | [x] PhpOffice\PhpSpreadsheet\Cell\AdvancedValueBinder::class
    |
    */
    'value_binder' => [
        'default' => Maatwebsite\Excel\DefaultValueBinder::class,
    ],

    'cache' => [
        /*
        |--------------------------------------------------------------------------
        | Default cell caching driver
        |--------------------------------------------------------------------------
        |
        | By default PhpSpreadsheet keeps all cell values in memory, however when
        | dealing with large files, this might result into memory issues. If you
        | want to mitigate that, you can configure a cell caching driver here.
        | When using the illuminate driver, it will store each value in the
        | cache store. This can slow down the process, because it needs to
        | store each value. You can use the "batch" store if you want to
        | only persist to the store when the memory limit is reached.
        |
        | Drivers: memory|illuminate|batch
        |
        */
        'driver' => 'memory',

        /*
        |--------------------------------------------------------------------------
        | Batch memory caching
        |--------------------------------------------------------------------------
        |
        | When dealing with the "batch" caching driver, it will only
        | persist to the store when the memory limit is reached.
        | Here you can tweak the memory limit to your liking.
        |
        */
        'batch' => [
            'memory_limit' => 60000,
        ],

        /*
        |--------------------------------------------------------------------------
        | Illuminate cache
        |--------------------------------------------------------------------------
        |
        | When using the "illuminate" caching driver, it will automatically use
        | your default cache store. However if you prefer to have the cell
        | cache on a separate store, you can configure the store name here.
        | You can use any store defined in your cache config. When leaving
        | at "null" it will use the default store.
        |
        */
        'illuminate' => [
            'store' => null,
        ],

        /*
        |--------------------------------------------------------------------------
        | Cache Time-to-live (TTL)
        |--------------------------------------------------------------------------
        |
        | The TTL of items written to cache. If you want to keep the items cached
        | indefinitely, set this to null.  Otherwise, set a number of seconds,
        | a \DateInterval, or a callable.
        |
        | Allowable types: callable|\DateInterval|int|null
        |
         */
        'default_ttl' => 10800,
    ],

    /*
    |--------------------------------------------------------------------------
    | Transaction Handler
    |--------------------------------------------------------------------------
    |
    | By default the import is wrapped in a transaction. This is useful
    | for when an import may fail and you want to retry it. With the
    | transactions, the previous import gets rolled-back.
    |
    | You can disable the transaction handler by setting this to null.
    | Or you can choose a custom made transaction handler here.
    |
    | Supported handlers: null|db
    |
    */
    'transactions' => [
        'handler' => 'db',
        'db' => [
            'connection' => null,
        ],
    ],

    'temporary_files' => [

        /*
        |--------------------------------------------------------------------------
        | Local Temporary Path
        |--------------------------------------------------------------------------
        |
        | When exporting and importing files, we use a temporary file, before
        | storing reading or downloading. Here you can customize that path.
        | permissions is an array with the permission flags for the directory (dir)
        | and the create file (file).
        |
        */
        'local_path' => storage_path('framework/cache/laravel-excel'),

        /*
        |--------------------------------------------------------------------------
        | Local Temporary Path Permissions
        |--------------------------------------------------------------------------
        |
        | Permissions is an array with the permission flags for the directory (dir)
        | and the create file (file).
        | If omitted the default permissions of the filesystem will be used.
        |
        */
        'local_permissions' => [
            // 'dir'  => 0755,
            // 'file' => 0644,
        ],

        /*
        |--------------------------------------------------------------------------
        | Remote Temporary Disk
        |--------------------------------------------------------------------------
        |
        | When dealing with a multi server setup with queues in which you
        | cannot rely on having a shared local temporary path, you might
        | want to store the temporary file on a shared disk. During the
        | queue executing, we'll retrieve the temporary file from that
        | location instead. When left to null, it will always use
        | the local path. This setting only has effect when using
        | in conjunction with queued imports and exports.
        |
        */
        'remote_disk' => null,
        'remote_prefix' => null,

        /*
        |--------------------------------------------------------------------------
        | Force Resync
        |--------------------------------------------------------------------------
        |
        | When dealing with a multi server setup as above, it's possible
        | for the clean up that occurs after entire queue has been run to only
        | cleanup the server that the last AfterImportJob runs on. The rest of the server
        | would still have the local temporary file stored on it. In this case your
        | local storage limits can be exceeded and future imports won't be processed.
        | To mitigate this you can set this config value to be true, so that after every
        | queued chunk is processed the local temporary file is deleted on the server that
        | processed it.
        |
        */
        'force_resync_remote' => null,
    ],
];


================================================
FILE: config/filament.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Broadcasting
    |--------------------------------------------------------------------------
    |
    | By uncommenting the Laravel Echo configuration, you may connect Filament
    | to any Pusher-compatible websockets server.
    |
    | This will allow your users to receive real-time notifications.
    |
    */

    'broadcasting' => [

        // 'echo' => [
        //     'broadcaster' => 'pusher',
        //     'key' => env('VITE_PUSHER_APP_KEY'),
        //     'cluster' => env('VITE_PUSHER_APP_CLUSTER'),
        //     'wsHost' => env('VITE_PUSHER_HOST'),
        //     'wsPort' => env('VITE_PUSHER_PORT'),
        //     'wssPort' => env('VITE_PUSHER_PORT'),
        //     'authEndpoint' => '/api/v1/broadcasting/auth',
        //     'disableStats' => true,
        //     'encrypted' => true,
        // ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Default Filesystem Disk
    |--------------------------------------------------------------------------
    |
    | This is the storage disk Filament will use to put media. You may use any
    | of the disks defined in the `config/filesystems.php`.
    |
    */

    'default_filesystem_disk' => env('FILAMENT_FILESYSTEM_DISK', 'public'),

    /*
    |--------------------------------------------------------------------------
    | Assets Path
    |--------------------------------------------------------------------------
    |
    | This is the directory where Filament's assets will be published to. It
    | is relative to the `public` directory of your Laravel application.
    |
    | After changing the path, you should run `php artisan filament:assets`.
    |
    */

    'assets_path' => null,

    /*
    |--------------------------------------------------------------------------
    | Livewire Loading Delay
    |--------------------------------------------------------------------------
    |
    | This sets the delay before loading indicators appear.
    |
    | Setting this to 'none' makes indicators appear immediately, which can be
    | desirable for high-latency connections. Setting it to 'default' applies
    | Livewire's standard 200ms delay.
    |
    */

    'livewire_loading_delay' => 'default',

];


================================================
FILE: config/filesystems.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Filesystem Disk
    |--------------------------------------------------------------------------
    |
    | Here you may specify the default filesystem disk that should be used
    | by the framework. The "local" disk, as well as a variety of cloud
    | based disks are available to your application. Just store away!
    |
    */

    'default' => env('FILESYSTEM_DISK', 'local'),

    'public' => env('PUBLIC_FILESYSTEM_DISK', 'public'),

    'private' => env('FILESYSTEM_DISK', 'local'),

    /*
    |--------------------------------------------------------------------------
    | Filesystem Disks
    |--------------------------------------------------------------------------
    |
    | Here you may configure as many filesystem "disks" as you wish, and you
    | may even configure multiple disks of the same driver. Defaults have
    | been set up for each driver as an example of the required values.
    |
    | Supported Drivers: "local", "ftp", "sftp", "s3"
    |
    */

    'disks' => [

        'local' => [
            'driver' => 'local',
            'root' => storage_path('app'),
            'serve' => true,
            'throw' => true,
        ],

        'public' => [
            'driver' => 'local',
            'root' => storage_path('app/public'),
            'url' => env('APP_URL').'/storage',
            'visibility' => 'public',
            'throw' => true,
        ],

        's3' => [
            'driver' => 's3',
            'key' => env('S3_ACCESS_KEY_ID'),
            'secret' => env('S3_SECRET_ACCESS_KEY'),
            'region' => env('S3_REGION'),
            'bucket' => env('S3_BUCKET'),
            'url' => env('S3_URL'),
            'temporary_url' => env('S3_URL'),
            'endpoint' => env('S3_ENDPOINT'),
            'use_path_style_endpoint' => env('S3_USE_PATH_STYLE_ENDPOINT', false),
            'throw' => true,
        ],

        'testfiles' => [
            'driver' => 'local',
            'root' => resource_path('testfiles'),
            'throw' => true,
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Symbolic Links
    |--------------------------------------------------------------------------
    |
    | Here you may configure the symbolic links that will be created when the
    | `storage:link` Artisan command is executed. The array keys should be
    | the locations of the links and the values should be their targets.
    |
    */

    'links' => [
        public_path('storage') => storage_path('app/public'),
    ],

];


================================================
FILE: config/fortify.php
================================================
<?php

declare(strict_types=1);

use App\Providers\RouteServiceProvider;
use Laravel\Fortify\Features;

return [

    /*
    |--------------------------------------------------------------------------
    | Fortify Guard
    |--------------------------------------------------------------------------
    |
    | Here you may specify which authentication guard Fortify will use while
    | authenticating users. This value should correspond with one of your
    | guards that is already present in your "auth" configuration file.
    |
    */

    'guard' => 'web',

    /*
    |--------------------------------------------------------------------------
    | Fortify Password Broker
    |--------------------------------------------------------------------------
    |
    | Here you may specify which password broker Fortify can use when a user
    | is resetting their password. This configured value should match one
    | of your password brokers setup in your "auth" configuration file.
    |
    */

    'passwords' => 'users',

    /*
    |--------------------------------------------------------------------------
    | Username / Email
    |--------------------------------------------------------------------------
    |
    | This value defines which model attribute should be considered as your
    | application's "username" field. Typically, this might be the email
    | address of the users but you are free to change this value here.
    |
    | Out of the box, Fortify expects forgot password and reset password
    | requests to have a field named 'email'. If the application uses
    | another name for the field you may define it below as needed.
    |
    */

    'username' => 'email',

    'email' => 'email',

    /*
    |--------------------------------------------------------------------------
    | Lowercase Usernames
    |--------------------------------------------------------------------------
    |
    | This value defines whether usernames should be lowercased before saving
    | them in the database, as some database system string fields are case
    | sensitive. You may disable this for your application if necessary.
    |
    */

    'lowercase_usernames' => true,

    /*
    |--------------------------------------------------------------------------
    | Home Path
    |--------------------------------------------------------------------------
    |
    | Here you may configure the path where users will get redirected during
    | authentication or password reset when the operations are successful
    | and the user is authenticated. You are free to change this value.
    |
    */

    'home' => RouteServiceProvider::HOME,

    /*
    |--------------------------------------------------------------------------
    | Fortify Routes Prefix / Subdomain
    |--------------------------------------------------------------------------
    |
    | Here you may specify which prefix Fortify will assign to all the routes
    | that it registers with the application. If necessary, you may change
    | subdomain under which all of the Fortify routes will be available.
    |
    */

    'prefix' => '',

    'domain' => null,

    /*
    |--------------------------------------------------------------------------
    | Fortify Routes Middleware
    |--------------------------------------------------------------------------
    |
    | Here you may specify which middleware Fortify will assign to the routes
    | that it registers with the application. If necessary, you may change
    | these middleware but typically this provided default is preferred.
    |
    */

    'middleware' => ['web'],

    /*
    |--------------------------------------------------------------------------
    | Rate Limiting
    |--------------------------------------------------------------------------
    |
    | By default, Fortify will throttle logins to five requests per minute for
    | every email and IP address combination. However, if you would like to
    | specify a custom rate limiter to call then you may specify it here.
    |
    */

    'limiters' => [
        'login' => 'login',
        'two-factor' => 'two-factor',
    ],

    /*
    |--------------------------------------------------------------------------
    | Register View Routes
    |--------------------------------------------------------------------------
    |
    | Here you may specify if the routes returning views should be disabled as
    | you may not need them when building your own application. This may be
    | especially true if you're writing a custom single-page application.
    |
    */

    'views' => true,

    /*
    |--------------------------------------------------------------------------
    | Features
    |--------------------------------------------------------------------------
    |
    | Some of the Fortify features are optional. You may disable the features
    | by removing them from this array. You're free to only remove some of
    | these features or you can even remove all of these if you need to.
    |
    */

    'features' => [
        Features::registration(),
        Features::resetPasswords(),
        Features::emailVerification(),
        Features::updateProfileInformation(),
        Features::updatePasswords(),
        Features::twoFactorAuthentication([
            'confirm' => true,
            'confirmPassword' => true,
            // 'window' => 0,
        ]),
    ],

];


================================================
FILE: config/hashing.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Hash Driver
    |--------------------------------------------------------------------------
    |
    | This option controls the default hash driver that will be used to hash
    | passwords for your application. By default, the bcrypt algorithm is
    | used; however, you remain free to modify this option if you wish.
    |
    | Supported: "bcrypt", "argon", "argon2id"
    |
    */

    'driver' => 'bcrypt',

    /*
    |--------------------------------------------------------------------------
    | Bcrypt Options
    |--------------------------------------------------------------------------
    |
    | Here you may specify the configuration options that should be used when
    | passwords are hashed using the Bcrypt algorithm. This will allow you
    | to control the amount of time it takes to hash the given password.
    |
    */

    'bcrypt' => [
        'rounds' => env('BCRYPT_ROUNDS', 12),
        'verify' => true,
    ],

    /*
    |--------------------------------------------------------------------------
    | Argon Options
    |--------------------------------------------------------------------------
    |
    | Here you may specify the configuration options that should be used when
    | passwords are hashed using the Argon algorithm. These will allow you
    | to control the amount of time it takes to hash the given password.
    |
    */

    'argon' => [
        'memory' => 65536,
        'threads' => 1,
        'time' => 4,
        'verify' => true,
    ],

];


================================================
FILE: config/jetstream.php
================================================
<?php

declare(strict_types=1);

use Laravel\Jetstream\Features;
use Laravel\Jetstream\Http\Middleware\AuthenticateSession;

return [

    /*
    |--------------------------------------------------------------------------
    | Jetstream Stack
    |--------------------------------------------------------------------------
    |
    | This configuration value informs Jetstream which "stack" you will be
    | using for your application. In general, this value is set for you
    | during installation and will not need to be changed after that.
    |
    */

    'stack' => 'inertia',

    /*
     |--------------------------------------------------------------------------
     | Jetstream Route Middleware
     |--------------------------------------------------------------------------
     |
     | Here you may specify which middleware Jetstream will assign to the routes
     | that it registers with the application. When necessary, you may modify
     | these middleware; however, this default value is usually sufficient.
     |
     */

    'middleware' => ['web'],

    'auth_session' => AuthenticateSession::class,

    /*
    |--------------------------------------------------------------------------
    | Jetstream Guard
    |--------------------------------------------------------------------------
    |
    | Here you may specify the authentication guard Jetstream will use while
    | authenticating users. This value should correspond with one of your
    | guards that is already present in your "auth" configuration file.
    |
    */

    'guard' => 'web',

    /*
    |--------------------------------------------------------------------------
    | Features
    |--------------------------------------------------------------------------
    |
    | Some of Jetstream's features are optional. You may disable the features
    | by removing them from this array. You're free to only remove some of
    | these features or you can even remove all of these if you need to.
    |
    */

    'features' => [
        Features::termsAndPrivacyPolicy(),
        Features::profilePhotos(),
        Features::teams(['invitations' => true]),
        Features::accountDeletion(),
    ],

    /*
    |--------------------------------------------------------------------------
    | Profile Photo Disk
    |--------------------------------------------------------------------------
    |
    | This configuration value determines the default disk that will be used
    | when storing profile photos for your application's users. Typically
    | this will be the "public" disk but you may adjust this if needed.
    |
    */

    'profile_photo_disk' => env('PROFILE_PHOTO_DISK', env('PUBLIC_FILESYSTEM_DISK', 'public')),

];


================================================
FILE: config/logging.php
================================================
<?php

declare(strict_types=1);

use Monolog\Handler\NullHandler;
use Monolog\Handler\StreamHandler;
use Monolog\Handler\SyslogUdpHandler;
use Monolog\Processor\PsrLogMessageProcessor;

return [

    /*
    |--------------------------------------------------------------------------
    | Default Log Channel
    |--------------------------------------------------------------------------
    |
    | This option defines the default log channel that gets used when writing
    | messages to the logs. The name specified in this option should match
    | one of the channels defined in the "channels" configuration array.
    |
    */

    'default' => env('LOG_CHANNEL', 'stack'),

    /*
    |--------------------------------------------------------------------------
    | Deprecations Log Channel
    |--------------------------------------------------------------------------
    |
    | This option controls the log channel that should be used to log warnings
    | regarding deprecated PHP and library features. This allows you to get
    | your application ready for upcoming major versions of dependencies.
    |
    */

    'deprecations' => [
        'channel' => env('LOG_DEPRECATIONS_CHANNEL', 'null'),
        'trace' => false,
    ],

    /*
    |--------------------------------------------------------------------------
    | Log Channels
    |--------------------------------------------------------------------------
    |
    | Here you may configure the log channels for your application. Out of
    | the box, Laravel uses the Monolog PHP logging library. This gives
    | you a variety of powerful log handlers / formatters to utilize.
    |
    | Available Drivers: "single", "daily", "slack", "syslog",
    |                    "errorlog", "monolog",
    |                    "custom", "stack"
    |
    */

    'channels' => [
        'stack' => [
            'driver' => 'stack',
            'channels' => ['single'],
            'ignore_exceptions' => false,
        ],

        'single' => [
            'driver' => 'single',
            'path' => storage_path('logs/laravel.log'),
            'level' => env('LOG_LEVEL', 'debug'),
            'replace_placeholders' => true,
        ],

        'stderr_daily' => [
            'driver' => 'stack',
            'channels' => ['stderr', 'daily'],
        ],

        'stack_production' => [
            'driver' => 'stack',
            'channels' => ['stderr', 'sentry'],
        ],

        'daily' => [
            'driver' => 'daily',
            'path' => storage_path('logs/laravel.log'),
            'level' => env('LOG_LEVEL', 'debug'),
            'days' => 14,
            'replace_placeholders' => true,
        ],

        'slack' => [
            'driver' => 'slack',
            'url' => env('LOG_SLACK_WEBHOOK_URL'),
            'username' => 'Laravel Log',
            'emoji' => ':boom:',
            'level' => env('LOG_LEVEL', 'critical'),
            'replace_placeholders' => true,
        ],

        'sentry' => [
            'driver' => 'sentry',
            'level' => env('LOG_LEVEL_SENTRY', 'error'),
            'bubble' => true,
        ],

        'papertrail' => [
            'driver' => 'monolog',
            'level' => env('LOG_LEVEL', 'debug'),
            'handler' => env('LOG_PAPERTRAIL_HANDLER', SyslogUdpHandler::class),
            'handler_with' => [
                'host' => env('PAPERTRAIL_URL'),
                'port' => env('PAPERTRAIL_PORT'),
                'connectionString' => 'tls://'.env('PAPERTRAIL_URL').':'.env('PAPERTRAIL_PORT'),
            ],
            'processors' => [PsrLogMessageProcessor::class],
        ],

        'stderr' => [
            'driver' => 'monolog',
            'level' => env('LOG_LEVEL', 'debug'),
            'handler' => StreamHandler::class,
            'formatter' => env('LOG_STDERR_FORMATTER'),
            'with' => [
                'stream' => 'php://stderr',
            ],
            'processors' => [PsrLogMessageProcessor::class],
        ],

        'syslog' => [
            'driver' => 'syslog',
            'level' => env('LOG_LEVEL', 'debug'),
            'facility' => LOG_USER,
            'replace_placeholders' => true,
        ],

        'errorlog' => [
            'driver' => 'errorlog',
            'level' => env('LOG_LEVEL', 'debug'),
            'replace_placeholders' => true,
        ],

        'null' => [
            'driver' => 'monolog',
            'handler' => NullHandler::class,
        ],

        'emergency' => [
            'path' => storage_path('logs/laravel.log'),
        ],

        'deprecation' => [
            'driver' => 'single',
            'path' => storage_path('logs/deprecation.log'),
        ],
    ],

];


================================================
FILE: config/mail.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Mailer
    |--------------------------------------------------------------------------
    |
    | This option controls the default mailer that is used to send any email
    | messages sent by your application. Alternative mailers may be setup
    | and used as needed; however, this mailer will be used by default.
    |
    */

    'default' => env('MAIL_MAILER', 'smtp'),

    /*
    |--------------------------------------------------------------------------
    | Mailer Configurations
    |--------------------------------------------------------------------------
    |
    | Here you may configure all of the mailers used by your application plus
    | their respective settings. Several examples have been configured for
    | you and you are free to add your own as your application requires.
    |
    | Laravel supports a variety of mail "transport" drivers to be used while
    | sending an e-mail. You will specify which one you are using for your
    | mailers below. You are free to add additional mailers as required.
    |
    | Supported: "smtp", "sendmail", "mailgun", "ses", "ses-v2",
    |            "postmark", "log", "array", "failover", "roundrobin"
    |
    */

    'mailers' => [
        'smtp' => [
            'transport' => 'smtp',
            'url' => env('MAIL_URL'),
            'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
            'port' => env('MAIL_PORT', 587),
            'encryption' => env('MAIL_ENCRYPTION', 'tls'),
            'username' => env('MAIL_USERNAME'),
            'password' => env('MAIL_PASSWORD'),
            'timeout' => null,
            'local_domain' => env('MAIL_EHLO_DOMAIN'),
        ],

        'ses' => [
            'transport' => 'ses',
        ],

        'postmark' => [
            'transport' => 'postmark',
            // 'message_stream_id' => null,
            // 'client' => [
            //     'timeout' => 5,
            // ],
        ],

        'mailgun' => [
            'transport' => 'mailgun',
            // 'client' => [
            //     'timeout' => 5,
            // ],
        ],

        'sendmail' => [
            'transport' => 'sendmail',
            'path' => env('MAIL_SENDMAIL_PATH', '/usr/sbin/sendmail -bs -i'),
        ],

        'log' => [
            'transport' => 'log',
            'channel' => env('MAIL_LOG_CHANNEL'),
        ],

        'array' => [
            'transport' => 'array',
        ],

        'failover' => [
            'transport' => 'failover',
            'mailers' => [
                'smtp',
                'log',
            ],
        ],

        'roundrobin' => [
            'transport' => 'roundrobin',
            'mailers' => [
                'ses',
                'postmark',
            ],
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Global "From" Address
    |--------------------------------------------------------------------------
    |
    | You may wish for all e-mails sent by your application to be sent from
    | the same address. Here, you may specify a name and address that is
    | used globally for all e-mails that are sent by your application.
    |
    */

    'from' => [
        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
        'name' => env('MAIL_FROM_NAME', 'Example'),
    ],

    'reply_to' => [
        'address' => env('MAIL_REPLY_TO_ADDRESS'),
        'name' => env('MAIL_REPLY_TO_NAME'),
    ],

    /*
    |--------------------------------------------------------------------------
    | Markdown Mail Settings
    |--------------------------------------------------------------------------
    |
    | If you are using Markdown based email rendering, you may configure your
    | theme and component paths here, allowing you to customize the design
    | of the emails. Or, you may simply stick with the Laravel defaults!
    |
    */

    'markdown' => [
        'theme' => 'default',

        'paths' => [
            resource_path('views/vendor/mail'),
        ],
    ],

];


================================================
FILE: config/modules.php
================================================
<?php

declare(strict_types=1);

use Nwidart\Modules\Activators\FileActivator;
use Nwidart\Modules\Providers\ConsoleServiceProvider;

return [

    /*
    |--------------------------------------------------------------------------
    | Module Namespace
    |--------------------------------------------------------------------------
    |
    | Default module namespace.
    |
    */

    'namespace' => 'Extensions',

    /*
    |--------------------------------------------------------------------------
    | Module Stubs
    |--------------------------------------------------------------------------
    |
    | Default module stubs.
    |
    */

    'stubs' => [
        'enabled' => false,
        'path' => base_path('vendor/nwidart/laravel-modules/src/Commands/stubs'),
        'files' => [
            'routes/web' => 'routes/web.php',
            'routes/api' => 'routes/api.php',
            'views/index' => 'resources/views/index.blade.php',
            'views/master' => 'resources/views/layouts/master.blade.php',
            'scaffold/config' => 'config/config.php',
            'composer' => 'composer.json',
            'assets/js/app' => 'resources/assets/js/app.js',
            'assets/sass/app' => 'resources/assets/sass/app.scss',
            'vite' => 'vite.config.js',
            'package' => 'package.json',
        ],
        'replacements' => [
            'routes/web' => ['LOWER_NAME', 'STUDLY_NAME', 'MODULE_NAMESPACE', 'CONTROLLER_NAMESPACE'],
            'routes/api' => ['LOWER_NAME', 'STUDLY_NAME', 'MODULE_NAMESPACE', 'CONTROLLER_NAMESPACE'],
            'vite' => ['LOWER_NAME', 'STUDLY_NAME'],
            'json' => ['LOWER_NAME', 'STUDLY_NAME', 'MODULE_NAMESPACE', 'PROVIDER_NAMESPACE'],
            'views/index' => ['LOWER_NAME'],
            'views/master' => ['LOWER_NAME', 'STUDLY_NAME'],
            'scaffold/config' => ['STUDLY_NAME'],
            'composer' => [
                'LOWER_NAME',
                'STUDLY_NAME',
                'VENDOR',
                'AUTHOR_NAME',
                'AUTHOR_EMAIL',
                'MODULE_NAMESPACE',
                'PROVIDER_NAMESPACE',
                'APP_FOLDER_NAME',
            ],
        ],
        'gitkeep' => true,
    ],
    'paths' => [
        /*
        |--------------------------------------------------------------------------
        | Modules path
        |--------------------------------------------------------------------------
        |
        | This path is used to save the generated module.
        | This path will also be added automatically to the list of scanned folders.
        |
        */

        'modules' => base_path('extensions'),
        /*
        |--------------------------------------------------------------------------
        | Modules assets path
        |--------------------------------------------------------------------------
        |
        | Here you may update the modules' assets path.
        |
        */

        'assets' => public_path('extensions'),
        /*
        |--------------------------------------------------------------------------
        | The migrations' path
        |--------------------------------------------------------------------------
        |
        | Where you run the 'module:publish-migration' command, where do you publish the
        | the migration files?
        |
        */
        'migration' => base_path('database/migrations'),

        /*
        |--------------------------------------------------------------------------
        | The app path
        |--------------------------------------------------------------------------
        |
        | app folder name
        | for example can change it to 'src' or 'App'
        */
        'app_folder' => 'app/',

        /*
        |--------------------------------------------------------------------------
        | Generator path
        |--------------------------------------------------------------------------
        | Customise the paths where the folders will be generated.
        | Setting the generate key to false will not generate that folder
        */
        'generator' => [
            // app/
            'channels' => ['path' => 'app/Broadcasting', 'generate' => false],
            'command' => ['path' => 'app/Console', 'generate' => false],
            'emails' => ['path' => 'app/Emails', 'generate' => false],
            'event' => ['path' => 'app/Events', 'generate' => false],
            'jobs' => ['path' => 'app/Jobs', 'generate' => false],
            'listener' => ['path' => 'app/Listeners', 'generate' => false],
            'model' => ['path' => 'app/Models', 'generate' => false],
            'notifications' => ['path' => 'app/Notifications', 'generate' => false],
            'observer' => ['path' => 'app/Observers', 'generate' => false],
            'policies' => ['path' => 'app/Policies', 'generate' => false],
            'provider' => ['path' => 'app/Providers', 'generate' => true],
            'route-provider' => ['path' => 'app/Providers', 'generate' => true],
            'repository' => ['path' => 'app/Repositories', 'generate' => false],
            'resource' => ['path' => 'app/Transformers', 'generate' => false],
            'rules' => ['path' => 'app/Rules', 'generate' => false],
            'component-class' => ['path' => 'app/View/Components', 'generate' => false],
            'service' => ['path' => 'app/Services', 'generate' => false],

            // app/Http/
            'controller' => ['path' => 'app/Http/Controllers', 'generate' => true],
            'filter' => ['path' => 'app/Http/Middleware', 'generate' => false],
            'request' => ['path' => 'app/Http/Requests', 'generate' => false],

            // config/
            'config' => ['path' => 'config', 'generate' => true],

            // database/
            'migration' => ['path' => 'database/migrations', 'generate' => true],
            'seeder' => ['path' => 'database/seeders', 'namespace' => 'Database\Seeders', 'generate' => true],
            'factory' => ['path' => 'database/factories', 'namespace' => 'Database\Factories', 'generate' => true],

            // lang/
            'lang' => ['path' => 'lang', 'generate' => false],

            // resource/
            'assets' => ['path' => 'resources/assets', 'generate' => true],
            'views' => ['path' => 'resources/views', 'generate' => true],
            'component-view' => ['path' => 'resources/views/components', 'generate' => false],

            // routes/
            'routes' => ['path' => 'routes', 'generate' => true],

            // tests/
            'test-unit' => ['path' => 'tests/Unit', 'generate' => true],
            'test-feature' => ['path' => 'tests/Feature', 'generate' => true],
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Package commands
    |--------------------------------------------------------------------------
    |
    | Here you can define which commands will be visible and used in your
    | application. You can add your own commands to merge section.
    |
    */
    'commands' => ConsoleServiceProvider::defaultCommands()
        ->merge([
            // New commands go here
        ])->toArray(),

    /*
    |--------------------------------------------------------------------------
    | Scan Path
    |--------------------------------------------------------------------------
    |
    | Here you define which folder will be scanned. By default will scan vendor
    | directory. This is useful if you host the package in packagist website.
    |
    */
    'scan' => [
        'enabled' => false,
        'paths' => [
            base_path('vendor/*/*'),
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Composer File Template
    |--------------------------------------------------------------------------
    |
    | Here is the config for the composer.json file, generated by this package
    |
    */
    'composer' => [
        'vendor' => env('MODULE_VENDOR', 'solidtime-io'),
        'author' => [
            'name' => env('MODULE_AUTHOR_NAME', 'Nicolas Widart'),
            'email' => env('MODULE_AUTHOR_EMAIL', 'n.widart@gmail.com'),
        ],
        'composer-output' => false,
    ],

    /*
    |--------------------------------------------------------------------------
    | Caching
    |--------------------------------------------------------------------------
    |
    | Here is the config for setting up the caching feature.
    |
    */
    'cache' => [
        'enabled' => env('MODULES_CACHE_ENABLED', false),
        'driver' => env('MODULES_CACHE_DRIVER', 'file'),
        'key' => env('MODULES_CACHE_KEY', 'laravel-modules'),
        'lifetime' => env('MODULES_CACHE_LIFETIME', 60),
    ],

    /*
    |--------------------------------------------------------------------------
    | Choose what laravel-modules will register as custom namespaces.
    | Setting one to false will require you to register that part
    | in your own Service Provider class.
    |--------------------------------------------------------------------------
    */
    'register' => [
        'translations' => true,
        /**
         * load files on boot or register method
         */
        'files' => 'register',
    ],

    /*
    |--------------------------------------------------------------------------
    | Activators
    |--------------------------------------------------------------------------
    |
    | You can define new types of activators here, file, database, etc. The only
    | required parameter is 'class'.
    | The file activator will store the activation status in storage/installed_modules
    */
    'activators' => [
        'file' => [
            'class' => FileActivator::class,
            'statuses-file' => base_path('modules_statuses.json'),
            'cache-key' => 'activator.installed',
            'cache-lifetime' => 604800,
        ],
    ],

    'activator' => 'file',
];


================================================
FILE: config/octane.php
================================================
<?php

declare(strict_types=1);

use Laravel\Octane\Contracts\OperationTerminated;
use Laravel\Octane\Events\RequestHandled;
use Laravel\Octane\Events\RequestReceived;
use Laravel\Octane\Events\RequestTerminated;
use Laravel\Octane\Events\TaskReceived;
use Laravel\Octane\Events\TaskTerminated;
use Laravel\Octane\Events\TickReceived;
use Laravel\Octane\Events\TickTerminated;
use Laravel\Octane\Events\WorkerErrorOccurred;
use Laravel\Octane\Events\WorkerStarting;
use Laravel\Octane\Events\WorkerStopping;
use Laravel\Octane\Listeners\CloseMonologHandlers;
use Laravel\Octane\Listeners\CollectGarbage;
use Laravel\Octane\Listeners\DisconnectFromDatabases;
use Laravel\Octane\Listeners\EnsureUploadedFilesAreValid;
use Laravel\Octane\Listeners\EnsureUploadedFilesCanBeMoved;
use Laravel\Octane\Listeners\FlushOnce;
use Laravel\Octane\Listeners\FlushTemporaryContainerInstances;
use Laravel\Octane\Listeners\FlushUploadedFiles;
use Laravel\Octane\Listeners\ReportException;
use Laravel\Octane\Listeners\StopWorkerIfNecessary;
use Laravel\Octane\Octane;

return [

    /*
    |--------------------------------------------------------------------------
    | Octane Server
    |--------------------------------------------------------------------------
    |
    | This value determines the default "server" that will be used by Octane
    | when starting, restarting, or stopping your server via the CLI. You
    | are free to change this to the supported server of your choosing.
    |
    | Supported: "roadrunner", "swoole", "frankenphp"
    |
    */

    'server' => env('OCTANE_SERVER', 'frankenphp'),

    /*
    |--------------------------------------------------------------------------
    | Force HTTPS
    |--------------------------------------------------------------------------
    |
    | When this configuration value is set to "true", Octane will inform the
    | framework that all absolute links must be generated using the HTTPS
    | protocol. Otherwise your links may be generated using plain HTTP.
    |
    */

    'https' => env('OCTANE_HTTPS', false),

    /*
    |--------------------------------------------------------------------------
    | Octane Listeners
    |--------------------------------------------------------------------------
    |
    | All of the event listeners for Octane's events are defined below. These
    | listeners are responsible for resetting your application's state for
    | the next request. You may even add your own listeners to the list.
    |
    */

    'listeners' => [
        WorkerStarting::class => [
            EnsureUploadedFilesAreValid::class,
            EnsureUploadedFilesCanBeMoved::class,
        ],

        RequestReceived::class => [
            ...Octane::prepareApplicationForNextOperation(),
            ...Octane::prepareApplicationForNextRequest(),
            //
        ],

        RequestHandled::class => [
            //
        ],

        RequestTerminated::class => [
            // FlushUploadedFiles::class,
        ],

        TaskReceived::class => [
            ...Octane::prepareApplicationForNextOperation(),
            //
        ],

        TaskTerminated::class => [
            //
        ],

        TickReceived::class => [
            ...Octane::prepareApplicationForNextOperation(),
            //
        ],

        TickTerminated::class => [
            //
        ],

        OperationTerminated::class => [
            FlushOnce::class,
            FlushTemporaryContainerInstances::class,
            // DisconnectFromDatabases::class,
            // CollectGarbage::class,
        ],

        WorkerErrorOccurred::class => [
            ReportException::class,
            StopWorkerIfNecessary::class,
        ],

        WorkerStopping::class => [
            CloseMonologHandlers::class,
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Warm / Flush Bindings
    |--------------------------------------------------------------------------
    |
    | The bindings listed below will either be pre-warmed when a worker boots
    | or they will be flushed before every new request. Flushing a binding
    | will force the container to resolve that binding again when asked.
    |
    */

    'warm' => [
        ...Octane::defaultServicesToWarm(),
    ],

    'flush' => [
        //
    ],

    /*
    |--------------------------------------------------------------------------
    | Octane Swoole Tables
    |--------------------------------------------------------------------------
    |
    | While using Swoole, you may define additional tables as required by the
    | application. These tables can be used to store data that needs to be
    | quickly accessed by other workers on the particular Swoole server.
    |
    */

    'tables' => [
        'example:1000' => [
            'name' => 'string:1000',
            'votes' => 'int',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Octane Swoole Cache Table
    |--------------------------------------------------------------------------
    |
    | While using Swoole, you may leverage the Octane cache, which is powered
    | by a Swoole table. You may set the maximum number of rows as well as
    | the number of bytes per row using the configuration options below.
    |
    */

    'cache' => [
        'rows' => 1000,
        'bytes' => 10000,
    ],

    /*
    |--------------------------------------------------------------------------
    | File Watching
    |--------------------------------------------------------------------------
    |
    | The following list of files and directories will be watched when using
    | the --watch option offered by Octane. If any of the directories and
    | files are changed, Octane will automatically reload your workers.
    |
    */

    'watch' => [
        'app',
        'bootstrap',
        'config/**/*.php',
        'database/**/*.php',
        'public/**/*.php',
        'resources/**/*.php',
        'routes',
        'composer.lock',
        '.env',
    ],

    /*
    |--------------------------------------------------------------------------
    | Garbage Collection Threshold
    |--------------------------------------------------------------------------
    |
    | When executing long-lived PHP scripts such as Octane, memory can build
    | up before being cleared by PHP. You can force Octane to run garbage
    | collection if your application consumes this amount of megabytes.
    |
    */

    'garbage' => 50,

    /*
    |--------------------------------------------------------------------------
    | Maximum Execution Time
    |--------------------------------------------------------------------------
    |
    | The following setting configures the maximum execution time for requests
    | being handled by Octane. You may set this value to 0 to indicate that
    | there isn't a specific time limit on Octane request execution time.
    |
    */

    'max_execution_time' => 120,

    /**
     * Custom swoole config
     *
     * @source https://github.com/exaco/laravel-octane-dockerfile?tab=readme-ov-file#recommended-swoole-options-in-octanephp
     */
    'swoole' => [
        'options' => [
            'http_compression' => true,
            'http_compression_level' => 6, // 1 - 9
            'compression_min_length' => 20,
            'package_max_length' => 20 * 1024 * 1024, // 20MB
            'open_http2_protocol' => true,
            'document_root' => public_path(),
            'enable_static_handler' => true,
        ],
    ],

];


================================================
FILE: config/passport.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Passport Guard
    |--------------------------------------------------------------------------
    |
    | Here you may specify which authentication guard Passport will use when
    | authenticating users. This value should correspond with one of your
    | guards that is already present in your "auth" configuration file.
    |
    */

    'guard' => 'web',

    /*
    |--------------------------------------------------------------------------
    | Encryption Keys
    |--------------------------------------------------------------------------
    |
    | Passport uses encryption keys while generating secure access tokens for
    | your application. By default, the keys are stored as local files but
    | can be set via environment variables when that is more convenient.
    |
    */

    'private_key' => env('PASSPORT_PRIVATE_KEY'),

    'public_key' => env('PASSPORT_PUBLIC_KEY'),

    /*
    |--------------------------------------------------------------------------
    | Passport Database Connection
    |--------------------------------------------------------------------------
    |
    | By default, Passport's models will utilize your application's default
    | database connection. If you wish to use a different connection you
    | may specify the configured name of the database connection here.
    |
    */

    'connection' => env('PASSPORT_CONNECTION'),

];


================================================
FILE: config/queue.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Queue Connection Name
    |--------------------------------------------------------------------------
    |
    | Laravel's queue API supports an assortment of back-ends via a single
    | API, giving you convenient access to each back-end using the same
    | syntax for every one. Here you may define a default connection.
    |
    */

    'default' => env('QUEUE_CONNECTION', 'sync'),

    /*
    |--------------------------------------------------------------------------
    | Queue Connections
    |--------------------------------------------------------------------------
    |
    | Here you may configure the connection information for each server that
    | is used by your application. A default configuration has been added
    | for each back-end shipped with Laravel. You are free to add more.
    |
    | Drivers: "sync", "database", "beanstalkd", "sqs", "redis", "null"
    |
    */

    'connections' => [

        'sync' => [
            'driver' => 'sync',
        ],

        'database' => [
            'driver' => 'database',
            'table' => 'jobs',
            'queue' => 'default',
            'retry_after' => 90,
            'after_commit' => false,
        ],

        'beanstalkd' => [
            'driver' => 'beanstalkd',
            'host' => 'localhost',
            'queue' => 'default',
            'retry_after' => 90,
            'block_for' => 0,
            'after_commit' => false,
        ],

        'sqs' => [
            'driver' => 'sqs',
            'key' => env('AWS_ACCESS_KEY_ID'),
            'secret' => env('AWS_SECRET_ACCESS_KEY'),
            'prefix' => env('SQS_PREFIX', 'https://sqs.us-east-1.amazonaws.com/your-account-id'),
            'queue' => env('SQS_QUEUE', 'default'),
            'suffix' => env('SQS_SUFFIX'),
            'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
            'after_commit' => false,
        ],

        'redis' => [
            'driver' => 'redis',
            'connection' => 'default',
            'queue' => env('REDIS_QUEUE', 'default'),
            'retry_after' => 90,
            'block_for' => null,
            'after_commit' => false,
        ],

    ],

    /*
    |--------------------------------------------------------------------------
    | Job Batching
    |--------------------------------------------------------------------------
    |
    | The following options configure the database and table that store job
    | batching information. These options can be updated to any database
    | connection and table which has been defined by your application.
    |
    */

    'batching' => [
        'database' => env('DB_CONNECTION', 'mysql'),
        'table' => 'job_batches',
    ],

    /*
    |--------------------------------------------------------------------------
    | Failed Queue Jobs
    |--------------------------------------------------------------------------
    |
    | These options configure the behavior of failed queue job logging so you
    | can control which database and table are used to store the jobs that
    | have failed. You may change them to any database / table you wish.
    |
    */

    'failed' => [
        'driver' => env('QUEUE_FAILED_DRIVER', 'database-uuids'),
        'database' => env('DB_CONNECTION', 'mysql'),
        'table' => 'failed_jobs',
    ],

];


================================================
FILE: config/scheduling.php
================================================
<?php

declare(strict_types=1);

return [

    'tasks' => [
        'time_entry_send_still_running_mails' => (bool) env('SCHEDULING_TASK_TIME_ENTRY_SEND_STILL_RUNNING_MAILS', true),
        'auth_send_mails_expiring_api_tokens' => (bool) env('SCHEDULING_TASK_AUTH_SEND_MAILS_EXPIRING_API_TOKENS', true),
        'self_hosting_check_for_update' => (bool) env('SCHEDULING_TASK_SELF_HOSTING_CHECK_FOR_UPDATE', true),
        'self_hosting_telemetry' => (bool) env('SCHEDULING_TASK_SELF_HOSTING_TELEMETRY', true),
        'self_hosting_database_consistency' => (bool) env('SCHEDULING_TASK_SELF_HOSTING_DATABASE_CONSISTENCY', false),
    ],
];


================================================
FILE: config/scramble.php
================================================
<?php

declare(strict_types=1);

use App\Extensions\Scramble\ApiExceptionTypeToSchema;
use App\Extensions\Scramble\PaginatedResourceCollectionTypeToSchema;
use Dedoc\Scramble\Http\Middleware\RestrictedDocsAccess;

return [
    /*
     * Your API path. By default, all routes starting with this path will be added to the docs.
     * If you need to change this behavior, you can add your custom routes resolver using `Scramble::routes()`.
     */
    'api_path' => 'api',

    /*
     * Your API domain. By default, app domain is used. This is also a part of the default API routes
     * matcher, so when implementing your own, make sure you use this config if needed.
     */
    'api_domain' => null,

    'info' => [
        /*
         * API version.
         */
        'version' => '0.0.1',

        /*
         * Description rendered on the home page of the API documentation (`/docs/api`).
         */
        'description' => '',
    ],

    /*
     * Customize Stoplight Elements UI
     */
    'ui' => [
        /*
         * Hide the `Try It` feature. Enabled by default.
         */
        'hide_try_it' => false,

        /*
         * URL to an image that displays as a small square logo next to the title, above the table of contents.
         */
        'logo' => '',

        /*
         * Use to fetch the credential policy for the Try It feature. Options are: omit, include (default), and same-origin
         */
        'try_it_credentials_policy' => 'include',
    ],

    /*
     * The list of servers of the API. By default, when `null`, server URL will be created from
     * `scramble.api_path` and `scramble.api_domain` config variables. When providing an array, you
     * will need to specify the local server URL manually (if needed).
     *
     * Example of non-default config (final URLs are generated using Laravel `url` helper):
     *
     * ```php
     * 'servers' => [
     *     'Live' => 'api',
     *     'Prod' => 'https://scramble.dedoc.co/api',
     * ],
     * ```
     */
    'servers' => [
        'Production' => 'https://app.solidtime.io/api',
        'Staging' => 'https://app.staging.solidtime.io/api',
        'Local' => 'https://solidtime.test/api',
    ],

    'middleware' => [
        'web',
        RestrictedDocsAccess::class,
    ],

    'extensions' => [
        ApiExceptionTypeToSchema::class,
        PaginatedResourceCollectionTypeToSchema::class,
    ],
];


================================================
FILE: config/services.php
================================================
<?php

declare(strict_types=1);

return [
    'gotenberg' => [
        'url' => env('GOTENBERG_URL'),
        'basic_auth_username' => env('GOTENBERG_BASIC_AUTH_USERNAME'),
        'basic_auth_password' => env('GOTENBERG_BASIC_AUTH_PASSWORD'),
    ],
];


================================================
FILE: config/session.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Default Session Driver
    |--------------------------------------------------------------------------
    |
    | This option controls the default session "driver" that will be used on
    | requests. By default, we will use the lightweight native driver but
    | you may specify any of the other wonderful drivers provided here.
    |
    | Supported: "file", "cookie", "database", "apc",
    |            "memcached", "redis", "dynamodb", "array"
    |
    */

    'driver' => env('SESSION_DRIVER', 'database'),

    /*
    |--------------------------------------------------------------------------
    | Session Lifetime
    |--------------------------------------------------------------------------
    |
    | Here you may specify the number of minutes that you wish the session
    | to be allowed to remain idle before it expires. If you want them
    | to immediately expire on the browser closing, set that option.
    |
    */

    'lifetime' => env('SESSION_LIFETIME', 120),

    'expire_on_close' => false,

    /*
    |--------------------------------------------------------------------------
    | Session Encryption
    |--------------------------------------------------------------------------
    |
    | This option allows you to easily specify that all of your session data
    | should be encrypted before it is stored. All encryption will be run
    | automatically by Laravel and you can use the Session like normal.
    |
    */

    'encrypt' => false,

    /*
    |--------------------------------------------------------------------------
    | Session File Location
    |--------------------------------------------------------------------------
    |
    | When using the native session driver, we need a location where session
    | files may be stored. A default has been set for you but a different
    | location may be specified. This is only needed for file sessions.
    |
    */

    'files' => storage_path('framework/sessions'),

    /*
    |--------------------------------------------------------------------------
    | Session Database Connection
    |--------------------------------------------------------------------------
    |
    | When using the "database" or "redis" session drivers, you may specify a
    | connection that should be used to manage these sessions. This should
    | correspond to a connection in your database configuration options.
    |
    */

    'connection' => env('SESSION_CONNECTION'),

    /*
    |--------------------------------------------------------------------------
    | Session Database Table
    |--------------------------------------------------------------------------
    |
    | When using the "database" session driver, you may specify the table we
    | should use to manage the sessions. Of course, a sensible default is
    | provided for you; however, you are free to change this as needed.
    |
    */

    'table' => 'sessions',

    /*
    |--------------------------------------------------------------------------
    | Session Cache Store
    |--------------------------------------------------------------------------
    |
    | While using one of the framework's cache driven session backends you may
    | list a cache store that should be used for these sessions. This value
    | must match with one of the application's configured cache "stores".
    |
    | Affects: "apc", "dynamodb", "memcached", "redis"
    |
    */

    'store' => env('SESSION_STORE'),

    /*
    |--------------------------------------------------------------------------
    | Session Sweeping Lottery
    |--------------------------------------------------------------------------
    |
    | Some session drivers must manually sweep their storage location to get
    | rid of old sessions from storage. Here are the chances that it will
    | happen on a given request. By default, the odds are 2 out of 100.
    |
    */

    'lottery' => [2, 100],

    /*
    |--------------------------------------------------------------------------
    | Session Cookie Name
    |--------------------------------------------------------------------------
    |
    | Here you may change the name of the cookie used to identify a session
    | instance by ID. The name specified here will get used every time a
    | new session cookie is created by the framework for every driver.
    |
    */

    'cookie' => env(
        'SESSION_COOKIE',
        'solidtime_session'
    ),

    /*
    |--------------------------------------------------------------------------
    | Session Cookie Path
    |--------------------------------------------------------------------------
    |
    | The session cookie path determines the path for which the cookie will
    | be regarded as available. Typically, this will be the root path of
    | your application but you are free to change this when necessary.
    |
    */

    'path' => '/',

    /*
    |--------------------------------------------------------------------------
    | Session Cookie Domain
    |--------------------------------------------------------------------------
    |
    | Here you may change the domain of the cookie used to identify a session
    | in your application. This will determine which domains the cookie is
    | available to in your application. A sensible default has been set.
    |
    */

    'domain' => env('SESSION_DOMAIN'),

    /*
    |--------------------------------------------------------------------------
    | HTTPS Only Cookies
    |--------------------------------------------------------------------------
    |
    | By setting this option to true, session cookies will only be sent back
    | to the server if the browser has a HTTPS connection. This will keep
    | the cookie from being sent to you when it can't be done securely.
    |
    */

    'secure' => env('SESSION_SECURE_COOKIE', env('APP_FORCE_HTTPS')),

    /*
    |--------------------------------------------------------------------------
    | HTTP Access Only
    |--------------------------------------------------------------------------
    |
    | Setting this value to true will prevent JavaScript from accessing the
    | value of the cookie and the cookie will only be accessible through
    | the HTTP protocol. You are free to modify this option if needed.
    |
    */

    'http_only' => true,

    /*
    |--------------------------------------------------------------------------
    | Same-Site Cookies
    |--------------------------------------------------------------------------
    |
    | This option determines how your cookies behave when cross-site requests
    | take place, and can be used to mitigate CSRF attacks. By default, we
    | will set this value to "lax" since this is a secure default value.
    |
    | Supported: "lax", "strict", "none", null
    |
    */

    'same_site' => 'lax',

    /*
    |--------------------------------------------------------------------------
    | Partitioned Cookies
    |--------------------------------------------------------------------------
    |
    | Setting this value to true will tie the cookie to the top-level site for
    | a cross-site context. Partitioned cookies are accepted by the browser
    | when flagged "secure" and the Same-Site attribute is set to "none".
    |
    */

    'partitioned' => false,

];


================================================
FILE: config/telescope.php
================================================
<?php

declare(strict_types=1);

use Laravel\Telescope\Http\Middleware\Authorize;
use Laravel\Telescope\Watchers;

return [

    /*
    |--------------------------------------------------------------------------
    | Telescope Domain
    |--------------------------------------------------------------------------
    |
    | This is the subdomain where Telescope will be accessible from. If the
    | setting is null, Telescope will reside under the same domain as the
    | application. Otherwise, this value will be used as the subdomain.
    |
    */

    'domain' => env('TELESCOPE_DOMAIN'),

    /*
    |--------------------------------------------------------------------------
    | Telescope Path
    |--------------------------------------------------------------------------
    |
    | This is the URI path where Telescope will be accessible from. Feel free
    | to change this path to anything you like. Note that the URI will not
    | affect the paths of its internal API that aren't exposed to users.
    |
    */

    'path' => env('TELESCOPE_PATH', 'telescope'),

    /*
    |--------------------------------------------------------------------------
    | Telescope Storage Driver
    |--------------------------------------------------------------------------
    |
    | This configuration options determines the storage driver that will
    | be used to store Telescope's data. In addition, you may set any
    | custom options as needed by the particular driver you choose.
    |
    */

    'driver' => env('TELESCOPE_DRIVER', 'database'),

    'storage' => [
        'database' => [
            'connection' => env('DB_CONNECTION', 'mysql'),
            'chunk' => 1000,
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Telescope Master Switch
    |--------------------------------------------------------------------------
    |
    | This option may be used to disable all Telescope watchers regardless
    | of their individual configuration, which simply provides a single
    | and convenient way to enable or disable Telescope data storage.
    |
    */

    'enabled' => env('TELESCOPE_ENABLED', true),

    /*
    |--------------------------------------------------------------------------
    | Telescope Route Middleware
    |--------------------------------------------------------------------------
    |
    | These middleware will be assigned to every Telescope route, giving you
    | the chance to add your own middleware to this list or change any of
    | the existing middleware. Or, you can simply stick with this list.
    |
    */

    'middleware' => [
        'web',
        Authorize::class,
    ],

    /*
    |--------------------------------------------------------------------------
    | Allowed / Ignored Paths & Commands
    |--------------------------------------------------------------------------
    |
    | The following array lists the URI paths and Artisan commands that will
    | not be watched by Telescope. In addition to this list, some Laravel
    | commands, like migrations and queue commands, are always ignored.
    |
    */

    'only_paths' => [
        // 'api/*'
    ],

    'ignore_paths' => [
        'nova-api*',
        'pulse*',
    ],

    'ignore_commands' => [
        //
    ],

    /*
    |--------------------------------------------------------------------------
    | Telescope Watchers
    |--------------------------------------------------------------------------
    |
    | The following array lists the "watchers" that will be registered with
    | Telescope. The watchers gather the application's profile data when
    | a request or task is executed. Feel free to customize this list.
    |
    */

    'watchers' => [
        Watchers\BatchWatcher::class => env('TELESCOPE_BATCH_WATCHER', true),

        Watchers\CacheWatcher::class => [
            'enabled' => env('TELESCOPE_CACHE_WATCHER', true),
            'hidden' => [],
        ],

        Watchers\ClientRequestWatcher::class => env('TELESCOPE_CLIENT_REQUEST_WATCHER', true),

        Watchers\CommandWatcher::class => [
            'enabled' => env('TELESCOPE_COMMAND_WATCHER', true),
            'ignore' => [],
        ],

        Watchers\DumpWatcher::class => [
            'enabled' => env('TELESCOPE_DUMP_WATCHER', true),
            'always' => env('TELESCOPE_DUMP_WATCHER_ALWAYS', false),
        ],

        Watchers\EventWatcher::class => [
            'enabled' => env('TELESCOPE_EVENT_WATCHER', true),
            'ignore' => [],
        ],

        Watchers\ExceptionWatcher::class => env('TELESCOPE_EXCEPTION_WATCHER', true),

        Watchers\GateWatcher::class => [
            'enabled' => env('TELESCOPE_GATE_WATCHER', true),
            'ignore_abilities' => [],
            'ignore_packages' => true,
            'ignore_paths' => [],
        ],

        Watchers\JobWatcher::class => env('TELESCOPE_JOB_WATCHER', true),

        Watchers\LogWatcher::class => [
            'enabled' => env('TELESCOPE_LOG_WATCHER', true),
            'level' => 'debug',
        ],

        Watchers\MailWatcher::class => env('TELESCOPE_MAIL_WATCHER', true),

        Watchers\ModelWatcher::class => [
            'enabled' => env('TELESCOPE_MODEL_WATCHER', true),
            'events' => ['eloquent.*'],
            'hydrations' => true,
        ],

        Watchers\NotificationWatcher::class => env('TELESCOPE_NOTIFICATION_WATCHER', true),

        Watchers\QueryWatcher::class => [
            'enabled' => env('TELESCOPE_QUERY_WATCHER', true),
            'ignore_packages' => true,
            'ignore_paths' => [],
            'slow' => 100,
        ],

        Watchers\RedisWatcher::class => env('TELESCOPE_REDIS_WATCHER', true),

        Watchers\RequestWatcher::class => [
            'enabled' => env('TELESCOPE_REQUEST_WATCHER', true),
            'size_limit' => env('TELESCOPE_RESPONSE_SIZE_LIMIT', 64),
            'ignore_http_methods' => [],
            'ignore_status_codes' => [],
        ],

        Watchers\ScheduleWatcher::class => env('TELESCOPE_SCHEDULE_WATCHER', true),
        Watchers\ViewWatcher::class => env('TELESCOPE_VIEW_WATCHER', true),
    ],
];


================================================
FILE: config/trustedproxy.php
================================================
<?php

declare(strict_types=1);

return [
    'proxies' => ! is_string(env('TRUSTED_PROXIES', null)) ? [] : explode(',', env('TRUSTED_PROXIES')),
];


================================================
FILE: config/view.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | View Storage Paths
    |--------------------------------------------------------------------------
    |
    | Most templating systems load templates from disk. Here you may specify
    | an array of paths that should be checked for your views. Of course
    | the usual Laravel view path has already been registered for you.
    |
    */

    'paths' => [
        resource_path('views'),
    ],

    /*
    |--------------------------------------------------------------------------
    | Compiled View Path
    |--------------------------------------------------------------------------
    |
    | This option determines where all the compiled Blade templates will be
    | stored for your application. Typically, this is within the storage
    | directory. However, as usual, you are free to change this value.
    |
    */

    'compiled' => env(
        'VIEW_COMPILED_PATH',
        realpath(storage_path('framework/views'))
    ),

];


================================================
FILE: database/.gitignore
================================================
*.sqlite*


================================================
FILE: database/factories/AuditFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Audit;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Support\Facades\Config;

/**
 * @extends Factory<Audit>
 */
class AuditFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        $morphPrefix = Config::get('audit.user.morph_prefix', 'user');

        return [
            $morphPrefix.'_id' => function () {
                return User::factory()->create()->id;
            },
            $morphPrefix.'_type' => function () {
                return (new User)->getMorphClass();
            },
            'event' => 'updated',
            'auditable_id' => function () {
                return User::factory()->create()->getKey();
            },
            'auditable_type' => function () {
                return (new User)->getMorphClass();
            },
            'old_values' => [],
            'new_values' => [],
            'url' => $this->faker->url,
            'ip_address' => $this->faker->ipv4,
            'user_agent' => $this->faker->userAgent,
            'tags' => implode(',', $this->faker->words(4)),
        ];
    }

    public function auditUser(User $user): self
    {
        return $this->state(function (array $attributes) use ($user) {
            $morphPrefix = Config::get('audit.user.morph_prefix', 'user');

            return [
                $morphPrefix.'_id' => $user->getKey(),
                $morphPrefix.'_type' => $user->getMorphClass(),
            ];
        });
    }

    public function auditFor(Model $model): self
    {
        return $this->state(function (array $attributes) use ($model) {
            return [
                'auditable_id' => $model->getKey(),
                'auditable_type' => $model->getMorphClass(),
            ];
        });
    }
}


================================================
FILE: database/factories/ClientFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Client;
use App\Models\Organization;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Client>
 */
class ClientFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->company(),
            'archived_at' => null,
            'organization_id' => Organization::factory(),
        ];
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(fn (array $attributes) => [
            'organization_id' => $organization->getKey(),
        ]);
    }

    public function randomCreatedAt(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'created_at' => $this->faker->dateTimeBetween('-1 day', 'now'),
            ];
        });
    }

    public function archived(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'archived_at' => $this->faker->dateTime(),
            ];
        });
    }
}


================================================
FILE: database/factories/MemberFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Member>
 */
class MemberFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'billable_rate' => null,
            'role' => Role::Employee,
            'organization_id' => Organization::factory(),
            'user_id' => User::factory(),
        ];
    }

    public function role(Role $role): static
    {
        return $this->state(function (array $attributes) use ($role): array {
            return [
                'role' => $role->value,
            ];
        });
    }

    public function forOrganization(Organization $organization): static
    {
        return $this->state(fn (array $attributes): array => [
            'organization_id' => $organization->getKey(),
        ]);
    }

    public function forUser(User $user): static
    {
        return $this->state(fn (array $attributes): array => [
            'user_id' => $user->getKey(),
        ]);
    }

    /**
     * Indicate that the model's email address should be unverified.
     */
    public function unverified(): static
    {
        return $this->state(function (array $attributes) {
            return [
                'email_verified_at' => null,
            ];
        });
    }

    public function billableRate(?int $billableRate): self
    {
        return $this->state(fn (array $attributes) => [
            'billable_rate' => $billableRate,
        ]);
    }

    public function withBillableRate(): self
    {
        return $this->state(fn (array $attributes) => [
            'billable_rate' => $this->faker->numberBetween(50, 1000) * 100,
        ]);
    }

    public function attachToOrganization(Organization $organization, array $pivot = []): static
    {
        return $this->afterCreating(function (User $user) use ($organization, $pivot): void {
            $user->organizations()->attach($organization, $pivot);
        });
    }
}


================================================
FILE: database/factories/OrganizationFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Models\Organization;
use App\Models\User;
use App\Service\CurrencyService;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Organization>
 */
class OrganizationFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->unique()->company(),
            'currency' => app(CurrencyService::class)->getRandomCurrencyCode(),
            'billable_rate' => null,
            'user_id' => User::factory(),
            'personal_team' => true,
            'employees_can_see_billable_rates' => false,
            'number_format' => $this->faker->randomElement(NumberFormat::values()),
            'currency_format' => $this->faker->randomElement(CurrencyFormat::values()),
            'date_format' => $this->faker->randomElement(DateFormat::values()),
            'interval_format' => $this->faker->randomElement(IntervalFormat::values()),
            'time_format' => $this->faker->randomElement(TimeFormat::values()),
        ];
    }

    public function billableRate(?int $billableRate): self
    {
        return $this->state(fn (array $attributes) => [
            'billable_rate' => $billableRate,
        ]);
    }

    public function withBillableRate(): self
    {
        return $this->state(fn (array $attributes) => [
            'billable_rate' => $this->faker->numberBetween(50, 1000) * 100,
        ]);
    }

    public function withOwner(?User $owner = null): self
    {
        return $this->state(fn (array $attributes) => [
            'user_id' => $owner === null ? User::factory() : $owner->getKey(),
        ]);
    }

    public function withFakeId(): self
    {
        return $this->state(fn (array $attributes) => [
            'id' => $this->faker->uuid(),
        ]);
    }
}


================================================
FILE: database/factories/OrganizationInvitationFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Enums\Role;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<OrganizationInvitation>
 */
class OrganizationInvitationFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'email' => $this->faker->unique()->safeEmail(),
            'role' => Role::Employee->value,
            'organization_id' => Organization::factory(),
        ];
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(fn (array $attributes) => [
            'organization_id' => $organization->getKey(),
        ]);
    }
}


================================================
FILE: database/factories/Passport/ClientFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories\Passport;

use App\Models\Passport\Client;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;
use Laravel\Passport\Database\Factories\ClientFactory as BaseClientFactory;

/**
 * @extends Factory<Client>
 */
class ClientFactory extends BaseClientFactory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'id' => $this->faker->uuid,
            'owner_id' => null,
            'owner_type' => null,
            'name' => $this->faker->company(),
            'secret' => $this->faker->regexify('[A-Za-z]{40}'),
            'provider' => 'users',
            'redirect_uris' => [$this->faker->url()],
            'grant_types' => [],
            'revoked' => false,
            'created_at' => $this->faker->dateTime(),
            'updated_at' => $this->faker->dateTime(),
        ];
    }

    public function desktopClient(): self
    {
        return $this->state(fn (array $attributes) => [
            'name' => 'Desktop',
            'grant_types' => ['urn:ietf:params:oauth:grant-type:device_code', 'refresh_token', 'authorization_code', 'implicit'],
        ]);
    }

    public function apiClient(): self
    {
        return $this->state(fn (array $attributes) => [
            'name' => 'API',
            'grant_types' => ['urn:ietf:params:oauth:grant-type:device_code', 'refresh_token', 'client_credentials', 'personal_access'],
        ]);
    }

    public function personalAccessClient(): self
    {
        return $this->state(function (array $attributes) {
            return [
                'grant_types' => ['personal_access'],
            ];
        });
    }

    public function forUser(User $user): self
    {
        return $this->state(function (array $attributes) use ($user): array {
            return [
                'owner_id' => $user->getKey(),
                'owner_type' => (new User)->getMorphClass(),
            ];
        });
    }
}


================================================
FILE: database/factories/Passport/TokenFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories\Passport;

use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Token>
 */
class TokenFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'id' => $this->faker->uuid,
            'user_id' => null,
            'client_id' => $this->faker->uuid,
            'name' => null,
            'scopes' => [],
            'revoked' => false,
            'created_at' => $this->faker->dateTime,
            'updated_at' => $this->faker->dateTime,
            'expires_at' => $this->faker->dateTime,
            'reminder_sent_at' => null,
            'expired_info_sent_at' => null,
        ];
    }

    public function forUser(User $user): self
    {
        return $this->state(function (array $attributes) use ($user): array {
            return [
                'user_id' => $user->getKey(),
            ];
        });
    }

    public function forClient(Client $client): self
    {
        return $this->state(function (array $attributes) use ($client): array {
            return [
                'client_id' => $client->getKey(),
            ];
        });
    }
}


================================================
FILE: database/factories/ProjectFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Service\ColorService;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Carbon;

/**
 * @extends Factory<Project>
 */
class ProjectFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->company(),
            'color' => app(ColorService::class)->getRandomColor(),
            'is_billable' => false,
            'billable_rate' => null,
            'is_public' => false,
            'archived_at' => null,
            'client_id' => null,
            'organization_id' => Organization::factory(),
            'estimated_time' => null,
        ];
    }

    public function withEstimatedTime(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'estimated_time' => $this->faker->randomNumber(3),
            ];
        });
    }

    public function billable(?int $billableRate = null): self
    {
        return $this->state(function (array $attributes) use ($billableRate): array {
            return [
                'is_billable' => true,
                'billable_rate' => $billableRate === null ? $this->faker->numberBetween(50, 1000) * 100 : $billableRate,
            ];
        });
    }

    public function createdAt(Carbon $createdAt): self
    {
        return $this->state(function (array $attributes) use ($createdAt): array {
            return [
                'created_at' => $createdAt,
            ];
        });
    }

    public function archived(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'archived_at' => $this->faker->dateTime(),
            ];
        });
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(function (array $attributes) use ($organization): array {
            return [
                'organization_id' => $organization->getKey(),
            ];
        });
    }

    public function isPublic(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'is_public' => true,
            ];
        });
    }

    public function isPrivate(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'is_public' => false,
            ];
        });
    }

    public function addMember(Member $member, array $attributes = []): self
    {
        return $this->afterCreating(function (Project $project) use ($member, $attributes): void {
            ProjectMember::factory()
                ->forProject($project)
                ->forMember($member)
                ->create($attributes);
        });
    }

    public function withClient(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'client_id' => Client::factory(),
            ];
        });
    }

    public function forClient(?Client $client): self
    {
        return $this->state(function (array $attributes) use ($client): array {
            return [
                'client_id' => $client?->getKey(),
            ];
        });
    }
}


================================================
FILE: database/factories/ProjectMemberFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Member;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<ProjectMember>
 */
class ProjectMemberFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'billable_rate' => $this->faker->numberBetween(10, 10000) * 100,
            'project_id' => Project::factory(),
            'user_id' => User::factory(),
            'member_id' => Member::factory(),
        ];
    }

    /**
     * @deprecated Use forMember instead
     */
    public function forUser(User $user): self
    {
        return $this->state(function (array $attributes) use ($user): array {
            return [
                'user_id' => $user->getKey(),
            ];
        });
    }

    public function forMember(Member $member): self
    {
        return $this->state(function (array $attributes) use ($member): array {
            return [
                'member_id' => $member->getKey(),
                'user_id' => $member->user_id, // Legacy
            ];
        });
    }

    public function forProject(Project $project): self
    {
        return $this->state(function (array $attributes) use ($project): array {
            return [
                'project_id' => $project->getKey(),
            ];
        });
    }
}


================================================
FILE: database/factories/ReportFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\Weekday;
use App\Models\Organization;
use App\Models\Report;
use App\Service\Dto\ReportPropertiesDto;
use App\Service\ReportService;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Carbon;

/**
 * @extends Factory<Report>
 */
class ReportFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        $reportDto = new ReportPropertiesDto;
        $reportDto->start = Carbon::createFromDate($this->faker->dateTimeBetween('-1 year', '-1 month'));
        $reportDto->end = Carbon::createFromDate($this->faker->dateTimeBetween('-1 month', 'now'));
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::from($this->faker->randomElement(Weekday::values()));
        $reportDto->timezone = $this->faker->timezone();

        return [
            'name' => $this->faker->company(),
            'description' => $this->faker->paragraph(),
            'is_public' => $this->faker->boolean(),
            'properties' => $reportDto,
            'organization_id' => Organization::factory(),
        ];
    }

    public function randomCreatedAt(): self
    {
        return $this->state(fn (array $attributes): array => [
            'created_at' => $this->faker->dateTimeBetween('-1 year', 'now'),
        ]);
    }

    public function public(): self
    {
        return $this->state(fn (array $attributes): array => [
            'is_public' => true,
            'share_secret' => app(ReportService::class)->generateSecret(),
        ]);
    }

    public function private(): self
    {
        return $this->state(fn (array $attributes): array => [
            'is_public' => false,
            'share_secret' => null,
        ]);
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(fn (array $attributes): array => [
            'organization_id' => $organization->getKey(),
        ]);
    }
}


================================================
FILE: database/factories/TagFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Organization;
use App\Models\Tag;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Tag>
 */
class TagFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->name(),
            'organization_id' => Organization::factory(),
        ];
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(function (array $attributes) use ($organization) {
            return [
                'organization_id' => $organization->getKey(),
            ];
        });
    }

    public function randomCreatedAt(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'created_at' => $this->faker->dateTimeBetween('-1 day', 'now'),
            ];
        });
    }
}


================================================
FILE: database/factories/TaskFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use Illuminate\Database\Eloquent\Factories\Factory;

/**
 * @extends Factory<Task>
 */
class TaskFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->word(),
            'project_id' => Project::factory(),
            'organization_id' => Organization::factory(),
            'done_at' => null,
            'estimated_time' => null,
        ];
    }

    public function forProject(Project $project): self
    {
        return $this->state(fn (array $attributes) => [
            'project_id' => $project->getKey(),
        ]);
    }

    public function isDone(): self
    {
        return $this->state(fn (array $attributes) => [
            'done_at' => $this->faker->dateTime('now', 'UTC'),
        ]);
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(fn (array $attributes) => [
            'organization_id' => $organization->getKey(),
        ]);
    }
}


================================================
FILE: database/factories/TimeEntryFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Carbon;

/**
 * @extends Factory<TimeEntry>
 */
class TimeEntryFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        $start = $this->faker->dateTimeBetween('-1 year', '-1 hour');

        return [
            'description' => $this->faker->sentence(),
            'start' => $start,
            'end' => $this->faker->dateTimeBetween($start, 'now'),
            'billable' => $this->faker->boolean(),
            'is_imported' => false,
            'tags' => [],
            'user_id' => User::factory(),
            'member_id' => Member::factory(),
            'task_id' => null,
            'project_id' => null,
            'organization_id' => Organization::factory(),
            'billable_rate' => null,
        ];
    }

    public function notBillable(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'billable' => false,
            ];
        });
    }

    public function billableRate(int $billableRate): self
    {
        return $this->state(function (array $attributes) use ($billableRate): array {
            return [
                'billable' => true,
                'billable_rate' => $billableRate,
            ];
        });
    }

    public function withTask(Organization $organization): self
    {
        return $this->state(function (array $attributes) use (&$organization): array {
            $project = Project::factory()->forOrganization($organization)->create();
            $task = Task::factory()->forProject($project)->forOrganization($organization)->create();

            return [
                'task_id' => $task->getKey(),
                'project_id' => $task->project->getKey(),
            ];
        });
    }

    public function withTags(Organization $organization): self
    {
        return $this->state(function (array $attributes) use ($organization): array {
            return [
                'tags' => [
                    Tag::factory()->forOrganization($organization)->create()->getKey(),
                    Tag::factory()->forOrganization($organization)->create()->getKey(),
                ],
            ];
        });
    }

    public function startBetween(Carbon $rangeStart, Carbon $rangeEnd, bool $fixedValueForMultiple = false): self
    {
        $fixedStart = Carbon::instance($this->faker->dateTimeBetween($rangeStart, $rangeEnd));

        return $this->state(function (array $attributes) use ($rangeStart, $rangeEnd, $fixedStart, $fixedValueForMultiple): array {
            $start = $fixedValueForMultiple ? $fixedStart : Carbon::instance($this->faker->dateTimeBetween($rangeStart, $rangeEnd));

            return [
                'start' => $start->utc(),
                'end' => $this->faker->dateTimeBetween($start, 'now'),
            ];
        });
    }

    public function active(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'end' => null,
            ];
        });
    }

    /**
     * @deprecated Use forMember instead
     */
    public function forUser(User $user): self
    {
        return $this->state(function (array $attributes) use ($user) {
            return [
                'user_id' => $user->getKey(),
            ];
        });
    }

    public function forMember(Member $member): static
    {
        return $this->state(function (array $attributes) use ($member): array {
            return [
                'member_id' => $member->getKey(),
                'user_id' => $member->user_id,
                'organization_id' => $member->organization_id,
            ];
        });
    }

    public function billable(): self
    {
        return $this->state(function (array $attributes): array {
            return [
                'billable' => true,
            ];
        });
    }

    public function startWithDuration(Carbon $start, int $durationInSeconds): self
    {
        return $this->state(function (array $attributes) use ($start, $durationInSeconds): array {
            return [
                'start' => $start->copy()->utc(),
                'end' => $start->copy()->utc()->addSeconds($durationInSeconds),
            ];
        });
    }

    public function endWithDuration(Carbon $end, int $durationInSeconds): self
    {
        return $this->state(function (array $attributes) use ($end, $durationInSeconds): array {
            return [
                'start' => $end->copy()->utc()->subSeconds($durationInSeconds),
                'end' => $end->copy()->utc(),
            ];
        });
    }

    public function start(Carbon $start): self
    {
        return $this->state(function (array $attributes) use ($start): array {
            return [
                'start' => $start->copy()->utc(),
            ];
        });
    }

    public function forOrganization(Organization $organization): self
    {
        return $this->state(function (array $attributes) use ($organization) {
            return [
                'organization_id' => $organization->getKey(),
            ];
        });
    }

    public function forProject(?Project $project): self
    {
        return $this->state(fn (array $attributes) => [
            'project_id' => $project?->getKey(),
            'client_id' => $project?->client_id,
        ]);
    }

    public function forTask(?Task $task): self
    {
        return $this->state(fn (array $attributes) => [
            'task_id' => $task?->getKey(),
            'project_id' => $task?->project?->getKey(),
            'client_id' => $task?->project?->client?->getKey(),
        ]);
    }
}


================================================
FILE: database/factories/UserFactory.php
================================================
<?php

declare(strict_types=1);

namespace Database\Factories;

use App\Enums\Role;
use App\Enums\Weekday;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Database\Eloquent\Factories\Factory;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Str;

/**
 * @extends Factory<User>
 */
class UserFactory extends Factory
{
    /**
     * Define the model's default state.
     *
     * @return array<string, mixed>
     */
    public function definition(): array
    {
        return [
            'name' => $this->faker->name(),
            'email' => $this->faker->unique()->safeEmail(),
            'email_verified_at' => now(),
            'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
            'two_factor_secret' => null,
            'two_factor_confirmed_at' => null,
            'two_factor_recovery_codes' => null,
            'remember_token' => Str::random(10),
            'profile_photo_path' => null,
            'current_team_id' => null,
            'is_placeholder' => false,
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Monday,
        ];
    }

    public function forCurrentOrganization(Organization $organization): static
    {
        return $this->state(function (array $attributes) use ($organization): array {
            return [
                'current_team_id' => $organization->getKey(),
            ];
        });
    }

    public function randomTimeZone(): static
    {
        return $this->state(function (array $attributes) {
            return [
                'timezone' => $this->faker->timezone(),
            ];
        });
    }

    public function placeholder(bool $placeholder = true): static
    {
        return $this->state(function (array $attributes) use ($placeholder): array {
            return [
                'is_placeholder' => $placeholder,
            ];
        });
    }

    /**
     * Indicate that the model's email address should be unverified.
     */
    public function unverified(): static
    {
        return $this->state(function (array $attributes) {
            return [
                'email_verified_at' => null,
            ];
        });
    }

    public function attachToOrganization(Organization $organization, array $pivot = []): static
    {
        return $this->afterCreating(function (User $user) use ($organization, $pivot): void {
            $user->organizations()->attach($organization, $pivot);
        });
    }

    public function withProfilePicture(): static
    {
        $profilePhoto = $this->faker->image(null, 500, 500);
        /** @see \Illuminate\Http\FileHelpers::hashName */
        $path = 'profile-photos/'.Str::random(40).'.png';
        Storage::disk(config('jetstream.profile_photo_disk', 'public'))->put($path, $profilePhoto);

        return $this->state(function (array $attributes) use ($path): array {
            return [
                'profile_photo_path' => $path,
            ];
        });
    }

    /**
     * Indicate that the user should have a personal team.
     */
    public function withPersonalOrganization(?callable $callback = null): static
    {
        return $this->afterCreating(function (User $user) use ($callback): void {
            $organization = Organization::factory()
                ->state(fn (array $attributes) => [
                    'name' => $user->name.'\'s Organization',
                    'user_id' => $user->id,
                    'personal_team' => true,
                ])
                ->when(is_callable($callback), $callback)
                ->create();

            $organization->owner()->associate($user);
            $organization->users()->attach($user, ['role' => Role::Owner->value]);
            $user->currentTeam()->associate($organization);
            $user->save();
        });
    }
}


================================================
FILE: database/migrations/2014_10_12_000000_create_users_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('users', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name');
            $table->string('email');
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password')->nullable();
            $table->rememberToken();
            $table->boolean('is_placeholder')->default(false);
            $table->foreignUuid('current_team_id')->nullable();
            $table->string('profile_photo_path', 2048)->nullable();
            $table->string('timezone');
            $table->enum('week_start', [
                'monday',
                'tuesday',
                'wednesday',
                'thursday',
                'friday',
                'saturday',
                'sunday',
            ]);
            $table->timestamps();

            $table->uniqueIndex('email')
                ->where('is_placeholder = false');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('users');
    }
};


================================================
FILE: database/migrations/2014_10_12_100000_create_password_reset_tokens_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('password_reset_tokens', function (Blueprint $table): void {
            $table->string('email')->primary();
            $table->string('token');
            $table->timestamp('created_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('password_reset_tokens');
    }
};


================================================
FILE: database/migrations/2014_10_12_200000_add_two_factor_columns_to_users_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
use Laravel\Fortify\Fortify;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('users', function (Blueprint $table): void {
            $table->text('two_factor_secret')
                ->after('password')
                ->nullable();

            $table->text('two_factor_recovery_codes')
                ->after('two_factor_secret')
                ->nullable();

            if (Fortify::confirmsTwoFactorAuthentication()) {
                $table->timestamp('two_factor_confirmed_at')
                    ->after('two_factor_recovery_codes')
                    ->nullable();
            }
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('users', function (Blueprint $table): void {
            $table->dropColumn(array_merge([
                'two_factor_secret',
                'two_factor_recovery_codes',
            ], Fortify::confirmsTwoFactorAuthentication() ? [
                'two_factor_confirmed_at',
            ] : []));
        });
    }
};


================================================
FILE: database/migrations/2016_06_01_000001_create_oauth_auth_codes_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_auth_codes', function (Blueprint $table): void {
            $table->string('id', 100)->primary();
            $table->foreignUuid('user_id')->index();
            $table->uuid('client_id');
            $table->text('scopes')->nullable();
            $table->boolean('revoked');
            $table->dateTime('expires_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_auth_codes');
    }
};


================================================
FILE: database/migrations/2016_06_01_000002_create_oauth_access_tokens_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_access_tokens', function (Blueprint $table): void {
            $table->string('id', 100)->primary();
            $table->foreignUuid('user_id')->nullable()->index();
            $table->uuid('client_id');
            $table->string('name')->nullable();
            $table->text('scopes')->nullable();
            $table->boolean('revoked');
            $table->timestamps();
            $table->dateTime('expires_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_access_tokens');
    }
};


================================================
FILE: database/migrations/2016_06_01_000003_create_oauth_refresh_tokens_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_refresh_tokens', function (Blueprint $table): void {
            $table->string('id', 100)->primary();
            $table->string('access_token_id', 100)->index();
            $table->boolean('revoked');
            $table->dateTime('expires_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_refresh_tokens');
    }
};


================================================
FILE: database/migrations/2016_06_01_000004_create_oauth_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_clients', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->foreignUuid('user_id')->nullable()->index();
            $table->string('name');
            $table->string('secret', 100)->nullable();
            $table->string('provider')->nullable();
            $table->text('redirect');
            $table->boolean('personal_access_client');
            $table->boolean('password_client');
            $table->boolean('revoked');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_clients');
    }
};


================================================
FILE: database/migrations/2016_06_01_000005_create_oauth_personal_access_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_personal_access_clients', function (Blueprint $table): void {
            $table->bigIncrements('id');
            $table->uuid('client_id');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_personal_access_clients');
    }
};


================================================
FILE: database/migrations/2018_08_08_100000_create_telescope_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Get the migration connection name.
     */
    public function getConnection(): ?string
    {
        return config('telescope.storage.database.connection');
    }

    /**
     * Run the migrations.
     */
    public function up(): void
    {
        if (! App::isLocal()) {
            return;
        }
        $schema = Schema::connection($this->getConnection());

        $schema->create('telescope_entries', function (Blueprint $table): void {
            $table->bigIncrements('sequence');
            $table->uuid('uuid');
            $table->uuid('batch_id');
            $table->string('family_hash')->nullable();
            $table->boolean('should_display_on_index')->default(true);
            $table->string('type', 20);
            $table->longText('content');
            $table->dateTime('created_at')->nullable();

            $table->unique('uuid');
            $table->index('batch_id');
            $table->index('family_hash');
            $table->index('created_at');
            $table->index(['type', 'should_display_on_index']);
        });

        $schema->create('telescope_entries_tags', function (Blueprint $table): void {
            $table->uuid('entry_uuid');
            $table->string('tag');

            $table->primary(['entry_uuid', 'tag']);
            $table->index('tag');

            $table->foreign('entry_uuid')
                ->references('uuid')
                ->on('telescope_entries')
                ->onDelete('cascade');
        });

        $schema->create('telescope_monitoring', function (Blueprint $table): void {
            $table->string('tag')->primary();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        if (! App::isLocal()) {
            return;
        }
        $schema = Schema::connection($this->getConnection());

        $schema->dropIfExists('telescope_entries_tags');
        $schema->dropIfExists('telescope_entries');
        $schema->dropIfExists('telescope_monitoring');
    }
};


================================================
FILE: database/migrations/2019_08_19_000000_create_failed_jobs_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('failed_jobs', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->uuid('uuid')->unique();
            $table->text('connection');
            $table->text('queue');
            $table->longText('payload');
            $table->longText('exception');
            $table->timestamp('failed_at')->useCurrent();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('failed_jobs');
    }
};


================================================
FILE: database/migrations/2019_12_14_000001_create_personal_access_tokens_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('personal_access_tokens', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->morphs('tokenable');
            $table->string('name');
            $table->string('token', 64)->unique();
            $table->text('abilities')->nullable();
            $table->timestamp('last_used_at')->nullable();
            $table->timestamp('expires_at')->nullable();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('personal_access_tokens');
    }
};


================================================
FILE: database/migrations/2020_05_21_100000_create_organizations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('organizations', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->foreignUuid('user_id')->index();
            $table->string('name');
            $table->boolean('personal_team');
            $table->integer('billable_rate')->unsigned()->nullable();
            $table->string('currency', 3);
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('organizations');
    }
};


================================================
FILE: database/migrations/2020_05_21_200000_create_organization_user_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('organization_user', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->foreignUuid('organization_id');
            $table->foreignUuid('user_id');
            $table->string('role')->nullable();
            $table->integer('billable_rate')->unsigned()->nullable();
            $table->timestamps();

            $table->unique(['organization_id', 'user_id']);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('organization_user');
    }
};


================================================
FILE: database/migrations/2020_05_21_300000_create_organization_invitations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('organization_invitations', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->foreignUuid('organization_id')
                ->constrained()
                ->cascadeOnDelete();
            $table->string('email');
            $table->string('role')->nullable();
            $table->timestamps();

            $table->unique(['organization_id', 'email']);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('organization_invitations');
    }
};


================================================
FILE: database/migrations/2024_01_16_161030_create_sessions_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('sessions', function (Blueprint $table): void {
            $table->string('id')->primary();
            $table->foreignUuid('user_id')->nullable()->index();
            $table->string('ip_address', 45)->nullable();
            $table->text('user_agent')->nullable();
            $table->longText('payload');
            $table->integer('last_activity')->index();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('sessions');
    }
};


================================================
FILE: database/migrations/2024_01_20_110218_create_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('clients', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name', 255);
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('clients');
    }
};


================================================
FILE: database/migrations/2024_01_20_110439_create_projects_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('projects', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name', 255);
            $table->string('color', 16);
            $table->integer('billable_rate')->unsigned()->nullable();
            $table->boolean('is_public')->default(false);
            $table->uuid('client_id')->nullable();
            $table->foreign('client_id')
                ->references('id')
                ->on('clients')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('projects');
    }
};


================================================
FILE: database/migrations/2024_01_20_110444_create_tasks_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('tasks', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name', 500);
            $table->uuid('project_id');
            $table->foreign('project_id')
                ->references('id')
                ->on('projects')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('tasks');
    }
};


================================================
FILE: database/migrations/2024_01_20_110452_create_tags_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('tags', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name', 255);
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->timestamps();

            $table->index('created_at');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('tags');
    }
};


================================================
FILE: database/migrations/2024_01_20_110837_create_time_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('time_entries', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('description', 500);
            $table->dateTime('start');
            $table->dateTime('end')->nullable();
            $table->integer('billable_rate')->unsigned()->nullable();
            $table->boolean('billable')->default(false);
            $table->uuid('user_id');
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->uuid('project_id')->nullable();
            $table->foreign('project_id')
                ->references('id')
                ->on('projects')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->uuid('task_id')->nullable();
            $table->foreign('task_id')
                ->references('id')
                ->on('tasks')
                ->cascadeOnUpdate()
                ->restrictOnDelete();
            $table->jsonb('tags')->nullable();
            $table->timestamps();

            $table->index('start');
            $table->index('end');
            $table->index('billable');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('time_entries');
    }
};


================================================
FILE: database/migrations/2024_03_26_171253_create_project_members_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('project_members', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->integer('billable_rate')->unsigned()->nullable();
            $table->uuid('project_id');
            $table->foreign('project_id')
                ->references('id')
                ->on('projects')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
            $table->uuid('user_id');
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
            $table->timestamps();
            $table->unique(['project_id', 'user_id']);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('project_members');
    }
};


================================================
FILE: database/migrations/2024_04_11_150130_create_jobs_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('jobs', function (Blueprint $table): void {
            $table->bigIncrements('id');
            $table->string('queue')->index();
            $table->longText('payload');
            $table->unsignedTinyInteger('attempts');
            $table->unsignedInteger('reserved_at')->nullable();
            $table->unsignedInteger('available_at');
            $table->unsignedInteger('created_at');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('jobs');
    }
};


================================================
FILE: database/migrations/2024_04_12_095010_create_cache_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('cache', function (Blueprint $table): void {
            $table->string('key')->primary();
            $table->mediumText('value');
            $table->integer('expiration');
        });

        Schema::create('cache_locks', function (Blueprint $table): void {
            $table->string('key')->primary();
            $table->string('owner');
            $table->integer('expiration');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('cache');
        Schema::dropIfExists('cache_locks');
    }
};


================================================
FILE: database/migrations/2024_05_07_134711_move_from_user_id_to_member_id_in_project_members_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('project_members', function (Blueprint $table): void {
            $table->foreignUuid('member_id')
                ->nullable()
                ->constrained('organization_user')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
        DB::statement('
            update project_members
            set member_id = organization_user.id
            from projects
            join organization_user on organization_user.organization_id = projects.organization_id
            where projects.id = project_members.project_id and project_members.user_id = organization_user.user_id
        ');
        Schema::table('project_members', function (Blueprint $table): void {
            $table->uuid('member_id')->nullable(false)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('project_members', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->dropColumn('member_id');
        });
    }
};


================================================
FILE: database/migrations/2024_05_07_141842_move_from_user_id_to_member_id_in_time_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {

        Schema::table('time_entries', function (Blueprint $table): void {
            $table->foreignUuid('member_id')
                ->nullable()
                ->constrained('organization_user')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
        DB::statement('
            update time_entries
            set member_id = organization_user.id
            from organization_user
            where time_entries.organization_id = organization_user.organization_id and
                  time_entries.user_id = organization_user.user_id
        ');
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->uuid('member_id')->nullable(false)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->dropColumn('member_id');
        });
    }
};


================================================
FILE: database/migrations/2024_05_13_171020_rename_table_organization_user_to_members.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::rename('organization_user', 'members');
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::rename('members', 'organization_user');
    }
};


================================================
FILE: database/migrations/2024_05_22_151226_add_client_id_to_time_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->foreignUuid('client_id')
                ->nullable()
                ->constrained('clients')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
        DB::statement('
            update time_entries
            set client_id = clients.id
            from projects
            join clients on projects.client_id = clients.id
            where time_entries.project_id = projects.id
        ');
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropForeign(['client_id']);
            $table->dropColumn('client_id');
        });
    }
};


================================================
FILE: database/migrations/2024_05_30_175801_add_is_billable_column_to_projects_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->boolean('is_billable')->default(false);
        });
        DB::statement('
            update projects
            set is_billable = true
            where projects.billable_rate is not null and projects.billable_rate > 0
        ');
        Schema::table('projects', function (Blueprint $table): void {
            $table->boolean('is_billable')->default(null)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->dropColumn('is_billable');
        });
    }
};


================================================
FILE: database/migrations/2024_05_30_175825_add_is_imported_column_to_time_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->boolean('is_imported')->default(false);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropColumn('is_imported');
        });
    }
};


================================================
FILE: database/migrations/2024_06_01_000001_create_oauth_device_codes_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('oauth_device_codes', function (Blueprint $table): void {
            $table->char('id', 80)->primary();
            $table->foreignId('user_id')->nullable()->index();
            $table->foreignUuid('client_id')->index();
            $table->char('user_code', 8)->unique();
            $table->text('scopes');
            $table->boolean('revoked');
            $table->dateTime('user_approved_at')->nullable();
            $table->dateTime('last_polled_at')->nullable();
            $table->dateTime('expires_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('oauth_device_codes');
    }

    /**
     * Get the migration connection name.
     */
    public function getConnection(): ?string
    {
        return $this->connection ?? config('passport.connection');
    }
};


================================================
FILE: database/migrations/2024_06_07_113443_change_member_id_foreign_keys_to_restrict_on_delete.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->foreign('member_id')
                ->references('id')
                ->on('members')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
            $table->dropForeign(['client_id']);
            $table->foreign('client_id')
                ->references('id')
                ->on('clients')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
        });
        Schema::table('project_members', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->foreign('member_id')
                ->references('id')
                ->on('members')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
        });
        Schema::table('organization_invitations', function (Blueprint $table): void {
            $table->dropForeign(['organization_id']);
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->foreign('member_id')
                ->references('id')
                ->on('members')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
            $table->dropForeign(['client_id']);
            $table->foreign('client_id')
                ->references('id')
                ->on('clients')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
        Schema::table('project_members', function (Blueprint $table): void {
            $table->dropForeign(['member_id']);
            $table->foreign('member_id')
                ->references('id')
                ->on('members')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
        Schema::table('organization_invitations', function (Blueprint $table): void {
            $table->dropForeign(['organization_id']);
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->cascadeOnDelete()
                ->cascadeOnUpdate();
        });
    }
};


================================================
FILE: database/migrations/2024_06_10_161831_reset_billable_rates_with_zero_as_value.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        DB::table('organizations')
            ->where('billable_rate', '=', 0)
            ->update(['billable_rate' => null]);
        DB::table('project_members')
            ->where('billable_rate', '=', 0)
            ->update(['billable_rate' => null]);
        DB::table('projects')
            ->where('billable_rate', '=', 0)
            ->update(['billable_rate' => null]);
        DB::table('members')
            ->where('billable_rate', '=', 0)
            ->update(['billable_rate' => null]);
        DB::table('time_entries')
            ->where('billable_rate', '=', 0)
            ->update(['billable_rate' => null]);
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        //
    }
};


================================================
FILE: database/migrations/2024_06_21_122754_add_is_archived_columns_to_projects_and_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->dateTime('archived_at')->nullable();
        });
        Schema::table('clients', function (Blueprint $table): void {
            $table->dateTime('archived_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->dropColumn('archived_at');
        });
        Schema::table('clients', function (Blueprint $table): void {
            $table->dropColumn('archived_at');
        });
    }
};


================================================
FILE: database/migrations/2024_06_24_114433_add_done_at_to_tasks_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('tasks', function (Blueprint $table): void {
            $table->dateTime('done_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('tasks', function (Blueprint $table): void {
            $table->dropColumn('done_at');
        });
    }
};


================================================
FILE: database/migrations/2024_07_02_134307_add_estimated_time_to_projects_and_tasks_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->integer('estimated_time')->unsigned()->nullable();
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->integer('estimated_time')->unsigned()->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->dropColumn('estimated_time');
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->dropColumn('estimated_time');
        });
    }
};


================================================
FILE: database/migrations/2024_07_03_145445_change_data_type_of_id_column_in_failed_jobs_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        DB::table('failed_jobs')->truncate();
        Schema::table('failed_jobs', function (Blueprint $table): void {
            $table->dropColumn('id');
        });
        Schema::table('failed_jobs', function (Blueprint $table): void {
            $table->id();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        DB::table('failed_jobs')->truncate();
        Schema::table('failed_jobs', function (Blueprint $table): void {
            $table->dropColumn('id');
        });
        Schema::table('failed_jobs', function (Blueprint $table): void {
            $table->uuid('id')->primary();
        });
    }
};


================================================
FILE: database/migrations/2024_07_18_080906_add_still_active_email_sent_at_to_time_entries_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dateTime('still_active_email_sent_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->dropColumn('still_active_email_sent_at');
        });
    }
};


================================================
FILE: database/migrations/2024_08_01_104840_create_reports_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::create('reports', function (Blueprint $table): void {
            $table->uuid('id')->primary();
            $table->string('name');
            $table->text('description')->nullable();
            $table->boolean('is_public')->default(false)->index();
            $table->string('share_secret', 40)->nullable()->index()->unique();
            $table->jsonb('properties');
            $table->dateTime('public_until')->nullable();
            $table->uuid('organization_id');
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->restrictOnDelete()
                ->cascadeOnUpdate();
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::dropIfExists('reports');
    }
};


================================================
FILE: database/migrations/2024_09_02_094105_create_audits_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateAuditsTable extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        $connection = config('audit.drivers.database.connection', config('database.default'));
        $table = config('audit.drivers.database.table', 'audits');

        Schema::connection($connection)->create($table, function (Blueprint $table): void {

            $morphPrefix = config('audit.user.morph_prefix', 'user');

            $table->bigIncrements('id');
            $table->string($morphPrefix.'_type')->nullable();
            $table->uuid($morphPrefix.'_id')->nullable();
            $table->string('event');
            $table->uuidMorphs('auditable');
            $table->json('old_values')->nullable();
            $table->json('new_values')->nullable();
            $table->text('url')->nullable();
            $table->ipAddress('ip_address')->nullable();
            $table->string('user_agent', 1023)->nullable();
            $table->string('tags')->nullable();
            $table->timestamps();

            $table->index([$morphPrefix.'_id', $morphPrefix.'_type']);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        $connection = config('audit.drivers.database.connection', config('database.default'));
        $table = config('audit.drivers.database.table', 'audits');

        Schema::connection($connection)->drop($table);
    }
}


================================================
FILE: database/migrations/2024_09_18_120203_add_spent_time_to_projects_and_tasks_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->integer('spent_time')->unsigned()->default(0);
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->integer('spent_time')->unsigned()->default(0);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->dropColumn('spent_time');
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->dropColumn('spent_time');
        });
    }
};


================================================
FILE: database/migrations/2024_10_01_143608_add_employees_can_see_billable_rates_to_organizations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->boolean('employees_can_see_billable_rates')->default(false);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->dropColumn('employees_can_see_billable_rates');
        });
    }
};


================================================
FILE: database/migrations/2024_11_04_164807_add_foreign_key_to_organizations_and_members_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Query\Builder;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        $foreignKeyProblems = DB::table('organizations')
            ->select(['organizations.id', 'organizations.user_id'])
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('users')
                    ->whereColumn('organizations.user_id', 'users.id');
            })
            ->get();
        foreach ($foreignKeyProblems as $foreignKeyProblem) {
            Log::error('Organization with ID '.$foreignKeyProblem->id.' has non-existing owner with ID '.$foreignKeyProblem->user_id);
        }
        if ($foreignKeyProblems->count() > 0) {
            throw new Exception('There are organizations with non-existing owners, check the logs for more information');
        }
        $foreignKeyProblems = DB::table('members')
            ->select(['members.id', 'members.organization_id'])
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('organizations')
                    ->whereColumn('members.organization_id', 'organizations.id');
            })
            ->get();
        foreach ($foreignKeyProblems as $foreignKeyProblem) {
            Log::error('Member with ID '.$foreignKeyProblem->id.' has non-existing organization with ID '.$foreignKeyProblem->organization_id);
        }
        if ($foreignKeyProblems->count() > 0) {
            throw new Exception('There are members with non-existing organizations, check the logs for more information');
        }
        $foreignKeyProblems = DB::table('members')
            ->select(['members.id', 'members.user_id'])
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('users')
                    ->whereColumn('members.user_id', 'users.id');
            })
            ->get();
        foreach ($foreignKeyProblems as $foreignKeyProblem) {
            Log::error('Member with ID '.$foreignKeyProblem->id.' has non-existing user with ID '.$foreignKeyProblem->user_id);
        }
        if ($foreignKeyProblems->count() > 0) {
            throw new Exception('There are members with non-existing users, check the logs for more information');
        }
        Schema::table('organizations', function (Blueprint $table): void {
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
        Schema::table('members', function (Blueprint $table): void {
            $table->foreign('organization_id')
                ->references('id')
                ->on('organizations')
                ->onDelete('restrict')
                ->onUpdate('cascade');
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->dropForeign(['user_id']);
        });
        Schema::table('members', function (Blueprint $table): void {
            $table->dropForeign(['organization_id']);
            $table->dropForeign(['user_id']);
        });
    }
};


================================================
FILE: database/migrations/2024_11_04_170614_add_foreign_keys_to_oauth_tables.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Query\Builder;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        DB::table('oauth_access_tokens')
            ->whereNotNull('user_id')
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('users')
                    ->whereColumn('oauth_access_tokens.user_id', 'users.id');
            })
            ->delete();
        DB::table('oauth_access_tokens')
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('oauth_clients')
                    ->whereColumn('oauth_access_tokens.client_id', 'oauth_clients.id');
            })
            ->delete();
        Schema::table('oauth_access_tokens', function (Blueprint $table): void {
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('restrict')
                ->onUpdate('cascade');
            $table->foreign('client_id')
                ->references('id')
                ->on('oauth_clients')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
        DB::table('oauth_auth_codes')
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('users')
                    ->whereColumn('oauth_auth_codes.user_id', 'users.id');
            })
            ->delete();
        DB::table('oauth_auth_codes')
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('oauth_clients')
                    ->whereColumn('oauth_auth_codes.client_id', 'oauth_clients.id');
            })
            ->delete();
        Schema::table('oauth_auth_codes', function (Blueprint $table): void {
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('restrict')
                ->onUpdate('cascade');
            $table->foreign('client_id')
                ->references('id')
                ->on('oauth_clients')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
        DB::table('oauth_clients')
            ->whereNotNull('user_id')
            ->whereNotExists(function (Builder $query): void {
                $query->select('id')
                    ->from('users')
                    ->whereColumn('oauth_clients.user_id', 'users.id');
            })
            ->delete();
        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->foreign('user_id')
                ->references('id')
                ->on('users')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
        Schema::table('oauth_personal_access_clients', function (Blueprint $table): void {
            $table->foreign('client_id')
                ->references('id')
                ->on('oauth_clients')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('oauth_access_tokens', function (Blueprint $table): void {
            $table->dropForeign(['user_id']);
            $table->dropForeign(['client_id']);
        });
        Schema::table('oauth_auth_codes', function (Blueprint $table): void {
            $table->dropForeign(['user_id']);
            $table->dropForeign(['client_id']);
        });
        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->dropForeign(['user_id']);
        });
        Schema::table('oauth_personal_access_clients', function (Blueprint $table): void {
            $table->dropForeign(['client_id']);
        });
    }
};


================================================
FILE: database/migrations/2025_04_03_101827_add_localization_columns_to_organizations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->string('number_format')->default(config('app.localization.default_number_format'))->nullable(false);
            $table->string('currency_format')->default(config('app.localization.default_currency_format'))->nullable(false);
            $table->string('date_format')->default(config('app.localization.default_date_format'))->nullable(false);
            $table->string('interval_format')->default(config('app.localization.default_interval_format'))->nullable(false);
            $table->string('time_format')->default(config('app.localization.default_time_format'))->nullable(false);
        });

        Schema::table('organizations', function (Blueprint $table): void {
            $table->string('number_format')->default(null)->nullable(false)->change();
            $table->string('currency_format')->default(null)->nullable(false)->change();
            $table->string('date_format')->default(null)->nullable(false)->change();
            $table->string('interval_format')->default(null)->nullable(false)->change();
            $table->string('time_format')->default(null)->nullable(false)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->dropColumn('number_format');
            $table->dropColumn('currency_format');
            $table->dropColumn('date_format');
            $table->dropColumn('interval_format');
            $table->dropColumn('time_format');
        });
    }
};


================================================
FILE: database/migrations/2025_04_25_202047_change_data_type_for_spent_time_columns.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->bigInteger('spent_time')->unsigned()->default(0)->change();
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->bigInteger('spent_time')->unsigned()->default(0)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('projects', function (Blueprint $table): void {
            $table->integer('spent_time')->unsigned()->default(0)->change();
        });
        Schema::table('tasks', function (Blueprint $table): void {
            $table->integer('spent_time')->unsigned()->default(0)->change();
        });
    }
};


================================================
FILE: database/migrations/2025_05_06_152804_fix_typos_in_organizations_table_format_columns.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        // date_format
        DB::statement("update organizations set date_format = 'point-separated-d-m-yyyy' where date_format = 'point-seperated-d-m-yyyy'");
        DB::statement("update organizations set date_format = 'slash-separated-mm-dd-yyyy' where date_format = 'slash-seperated-mm-dd-yyyy'");
        DB::statement("update organizations set date_format = 'slash-separated-dd-mm-yyyy' where date_format = 'slash-seperated-dd-mm-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-separated-dd-mm-yyyy'where date_format = 'hyphen-seperated-dd-mm-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-separated-mm-dd-yyyy' where date_format = 'hyphen-seperated-mm-dd-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-separated-yyyy-mm-dd' where date_format = 'hyphen-seperated-yyyy-mm-dd'");

        // interval_format
        DB::statement("update organizations set interval_format = 'hours-minutes-colon-separated' where interval_format = 'hours-minutes-colon-seperated'");
        DB::statement("update organizations set interval_format = 'hours-minutes-seconds-colon-separated' where interval_format = 'hours-minutes-seconds-colon-seperated'");
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        // date_format
        DB::statement("update organizations set date_format = 'point-seperated-d-m-yyyy' where date_format = 'point-separated-d-m-yyyy'");
        DB::statement("update organizations set date_format = 'slash-seperated-mm-dd-yyyy' where date_format = 'slash-separated-mm-dd-yyyy'");
        DB::statement("update organizations set date_format = 'slash-seperated-dd-mm-yyyy' where date_format = 'slash-separated-dd-mm-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-seperated-dd-mm-yyyy'where date_format = 'hyphen-separated-dd-mm-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-seperated-mm-dd-yyyy' where date_format = 'hyphen-separated-mm-dd-yyyy'");
        DB::statement("update organizations set date_format = 'hyphen-seperated-yyyy-mm-dd' where date_format = 'hyphen-separated-yyyy-mm-dd'");

        // interval_format
        DB::statement("update organizations set interval_format = 'hours-minutes-colon-seperated' where interval_format = 'hours-minutes-colon-separated'");
        DB::statement("update organizations set interval_format = 'hours-minutes-seconds-colon-seperated' where interval_format = 'hours-minutes-seconds-colon-separated'");
    }
};


================================================
FILE: database/migrations/2025_05_16_075757_add_foreign_key_for_current_team_id_in_users_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        DB::statement('
            update users
            set current_team_id = null
            where id in (
                select users.id from users
                left join organizations on users.current_team_id = organizations.id
                where users.current_team_id is not null and organizations.id is null
            )
        ');
        Schema::table('users', function (Blueprint $table): void {
            $table->foreign('current_team_id', 'organizations_current_organization_id_foreign')
                ->references('id')
                ->on('organizations')
                ->onDelete('restrict')
                ->onUpdate('cascade');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('users', function (Blueprint $table): void {
            $table->dropForeign('organizations_current_organization_id_foreign');
        });
    }
};


================================================
FILE: database/migrations/2025_06_30_095942_remove_oauth_personal_access_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::drop('oauth_personal_access_clients');
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::create('oauth_personal_access_clients', function (Blueprint $table): void {
            $table->bigIncrements('id');
            $table->uuid('client_id');
            $table->foreign('client_id')
                ->references('id')
                ->on('oauth_clients')
                ->onDelete('restrict')
                ->onUpdate('cascade');
            $table->timestamps();
        });
    }
};


================================================
FILE: database/migrations/2025_06_30_132538_update_oauth_clients_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        DB::table('oauth_clients')->update(['provider' => 'users']); // Change default provider if necessary

        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->text('grant_types')->default('[]')->after('provider');
            $table->text('redirect_uris')->default('[]');
            $table->renameColumn('user_id', 'owner_id');
            $table->string('owner_type')->after('owner_id')->nullable();
        });

        DB::table('oauth_clients')
            ->where('redirect', '=', 'http://localhost')
            ->where('personal_access_client', '=', true)
            ->update(['redirect' => '']);

        DB::table('oauth_clients')
            ->whereNotNull('owner_id')
            ->update(['owner_type' => 'user']); // Value might be class name of the owner model, depends on if you use "enforceMorphMap"

        DB::table('oauth_clients')->eachById(function ($client): void {
            $grantTypes = ['urn:ietf:params:oauth:grant-type:device_code', 'refresh_token'];
            $confidential = ! empty($client->secret);
            $noRedirect = empty($client->redirect);
            $redirectUris = $noRedirect ? [] : [$client->redirect];
            $firstParty = empty($client->owner_id);

            if (! $noRedirect) {
                $grantTypes[] = 'authorization_code';
                $grantTypes[] = 'implicit';
            }

            if ($confidential && $firstParty) {
                $grantTypes[] = 'client_credentials';
            }

            if ($client->personal_access_client && $confidential) {
                $grantTypes[] = 'personal_access';
            }

            if ($client->password_client) {
                $grantTypes[] = 'password';
            }

            DB::table('oauth_clients')
                ->where('id', $client->id)
                ->update([
                    'redirect_uris' => $redirectUris,
                    'grant_types' => $grantTypes,
                ]);
        });

        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->dropForeign(['user_id']);
            $table->index(['owner_id', 'owner_type']);
            $table->dropColumn('redirect');
            $table->dropColumn('personal_access_client');
            $table->dropColumn('password_client');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->dropIndex(['owner_id', 'owner_type']);
            $table->renameColumn('owner_id', 'user_id');
            $table->foreign('user_id')
                ->on('users')
                ->references('id')
                ->onDelete('cascade')
                ->onUpdate('cascade');
            $table->string('redirect')->nullable();
            $table->boolean('personal_access_client')->default(false);
            $table->boolean('password_client')->default(false);
        });

        DB::table('oauth_clients')->eachById(function ($client): void {
            $redirectUris = json_decode($client->redirect_uris);
            $grantTypes = json_decode($client->grant_types);

            DB::table('oauth_clients')
                ->where('id', $client->id)
                ->update([
                    'redirect' => $redirectUris[0] ?? '', // redirect not nullable
                    'password_client' => in_array('password', $grantTypes, true)
                        && in_array('refresh_token', $grantTypes, true),
                    'personal_access_client' => in_array('personal_access', $grantTypes, true),
                ]);
        });

        Schema::table('oauth_clients', function (Blueprint $table): void {
            $table->dropColumn(['grant_types', 'redirect_uris', 'owner_type']);
            $table->string('redirect')->nullable(false)->change();
            $table->boolean('personal_access_client')->default(null)->change();
            $table->boolean('password_client')->default(null)->change();
        });

    }
};


================================================
FILE: database/migrations/2025_07_15_105949_hash_oauth_clients.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        // This could be optimized to run all the updates in the eachById
        DB::table('oauth_clients')->whereNotNull('secret')->eachById(function ($client): void {
            $secret = $client->secret;
            if (Hash::isHashed($secret) && ! Hash::needsRehash($secret)) {
                return; // Already hashed and not needing rehash
            }
            DB::table('oauth_clients')
                ->where('id', $client->id)
                ->update([
                    'secret' => Hash::make($secret),
                ]);
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        // This can not be reversed without a backup of the original secrets, for security reasons.
    }
};


================================================
FILE: database/migrations/2025_07_17_104903_add_reminder_sent_at_to_oauth_access_tokens_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('oauth_access_tokens', function (Blueprint $table): void {
            $table->dateTime('reminder_sent_at')->nullable();
            $table->dateTime('expired_info_sent_at')->nullable();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('oauth_access_tokens', function (Blueprint $table): void {
            $table->dropColumn('reminder_sent_at');
            $table->dropColumn('expired_info_sent_at');
        });
    }
};


================================================
FILE: database/migrations/2025_10_02_000001_add_prevent_overlapping_time_entries_to_organizations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->boolean('prevent_overlapping_time_entries')->default(false)->after('employees_can_see_billable_rates');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->dropColumn('prevent_overlapping_time_entries');
        });
    }
};


================================================
FILE: database/migrations/2025_10_16_000001_extend_time_entry_description.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->string('description', 5000)->change();
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('time_entries', function (Blueprint $table): void {
            $table->string('description', 500)->change();
        });
    }
};


================================================
FILE: database/migrations/2025_10_24_120845_add_employees_can_manage_tasks_to_organizations_table.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     */
    public function up(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->boolean('employees_can_manage_tasks')->default(false)->after('employees_can_see_billable_rates');
        });
    }

    /**
     * Reverse the migrations.
     */
    public function down(): void
    {
        Schema::table('organizations', function (Blueprint $table): void {
            $table->dropColumn('employees_can_manage_tasks');
        });
    }
};


================================================
FILE: database/schema/pgsql_test-schema.sql
================================================
--
-- PostgreSQL database dump
--

-- Dumped from database version 15.6 (Debian 15.6-1.pgdg120+2)
-- Dumped by pg_dump version 15.7 (Ubuntu 15.7-1.pgdg22.04+1)

SET statement_timeout = 0;
SET lock_timeout = 0;
SET idle_in_transaction_session_timeout = 0;
SET client_encoding = 'UTF8';
SET standard_conforming_strings = on;
SELECT pg_catalog.set_config('search_path', '', false);
SET check_function_bodies = false;
SET xmloption = content;
SET client_min_messages = warning;
SET row_security = off;

SET default_tablespace = '';

SET default_table_access_method = heap;

--
-- Name: cache; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.cache (
    key character varying(255) NOT NULL,
    value text NOT NULL,
    expiration integer NOT NULL
);


--
-- Name: cache_locks; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.cache_locks (
    key character varying(255) NOT NULL,
    owner character varying(255) NOT NULL,
    expiration integer NOT NULL
);


--
-- Name: clients; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.clients (
    id uuid NOT NULL,
    name character varying(255) NOT NULL,
    organization_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: customers; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.customers (
    id uuid NOT NULL,
    billable_id uuid NOT NULL,
    billable_type character varying(255) NOT NULL,
    paddle_id character varying(255) NOT NULL,
    name character varying(255) NOT NULL,
    email character varying(255) NOT NULL,
    trial_ends_at timestamp(0) without time zone,
    pending_checkout_id character varying(255),
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: failed_jobs; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.failed_jobs (
    id uuid NOT NULL,
    uuid uuid NOT NULL,
    connection text NOT NULL,
    queue text NOT NULL,
    payload text NOT NULL,
    exception text NOT NULL,
    failed_at timestamp(0) without time zone DEFAULT CURRENT_TIMESTAMP NOT NULL
);


--
-- Name: jobs; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.jobs (
    id bigint NOT NULL,
    queue character varying(255) NOT NULL,
    payload text NOT NULL,
    attempts smallint NOT NULL,
    reserved_at integer,
    available_at integer NOT NULL,
    created_at integer NOT NULL
);


--
-- Name: jobs_id_seq; Type: SEQUENCE; Schema: public; Owner: -
--

CREATE SEQUENCE public.jobs_id_seq
    START WITH 1
    INCREMENT BY 1
    NO MINVALUE
    NO MAXVALUE
    CACHE 1;


--
-- Name: jobs_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: -
--

ALTER SEQUENCE public.jobs_id_seq OWNED BY public.jobs.id;


--
-- Name: members; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.members (
    id uuid NOT NULL,
    organization_id uuid NOT NULL,
    user_id uuid NOT NULL,
    role character varying(255),
    billable_rate integer,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: migrations; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.migrations (
    id integer NOT NULL,
    migration character varying(255) NOT NULL,
    batch integer NOT NULL
);


--
-- Name: migrations_id_seq; Type: SEQUENCE; Schema: public; Owner: -
--

CREATE SEQUENCE public.migrations_id_seq
    AS integer
    START WITH 1
    INCREMENT BY 1
    NO MINVALUE
    NO MAXVALUE
    CACHE 1;


--
-- Name: migrations_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: -
--

ALTER SEQUENCE public.migrations_id_seq OWNED BY public.migrations.id;


--
-- Name: oauth_access_tokens; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.oauth_access_tokens (
    id character varying(100) NOT NULL,
    user_id uuid,
    client_id uuid NOT NULL,
    name character varying(255),
    scopes text,
    revoked boolean NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone,
    expires_at timestamp(0) without time zone
);


--
-- Name: oauth_auth_codes; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.oauth_auth_codes (
    id character varying(100) NOT NULL,
    user_id uuid NOT NULL,
    client_id uuid NOT NULL,
    scopes text,
    revoked boolean NOT NULL,
    expires_at timestamp(0) without time zone
);


--
-- Name: oauth_clients; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.oauth_clients (
    id uuid NOT NULL,
    user_id uuid,
    name character varying(255) NOT NULL,
    secret character varying(100),
    provider character varying(255),
    redirect text NOT NULL,
    personal_access_client boolean NOT NULL,
    password_client boolean NOT NULL,
    revoked boolean NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: oauth_personal_access_clients; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.oauth_personal_access_clients (
    id bigint NOT NULL,
    client_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: oauth_personal_access_clients_id_seq; Type: SEQUENCE; Schema: public; Owner: -
--

CREATE SEQUENCE public.oauth_personal_access_clients_id_seq
    START WITH 1
    INCREMENT BY 1
    NO MINVALUE
    NO MAXVALUE
    CACHE 1;


--
-- Name: oauth_personal_access_clients_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: -
--

ALTER SEQUENCE public.oauth_personal_access_clients_id_seq OWNED BY public.oauth_personal_access_clients.id;


--
-- Name: oauth_refresh_tokens; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.oauth_refresh_tokens (
    id character varying(100) NOT NULL,
    access_token_id character varying(100) NOT NULL,
    revoked boolean NOT NULL,
    expires_at timestamp(0) without time zone
);


--
-- Name: organization_invitations; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.organization_invitations (
    id uuid NOT NULL,
    organization_id uuid NOT NULL,
    email character varying(255) NOT NULL,
    role character varying(255),
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: organizations; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.organizations (
    id uuid NOT NULL,
    user_id uuid NOT NULL,
    name character varying(255) NOT NULL,
    personal_team boolean NOT NULL,
    billable_rate integer,
    currency character varying(3) NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: password_reset_tokens; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.password_reset_tokens (
    email character varying(255) NOT NULL,
    token character varying(255) NOT NULL,
    created_at timestamp(0) without time zone
);


--
-- Name: personal_access_tokens; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.personal_access_tokens (
    id uuid NOT NULL,
    tokenable_type character varying(255) NOT NULL,
    tokenable_id bigint NOT NULL,
    name character varying(255) NOT NULL,
    token character varying(64) NOT NULL,
    abilities text,
    last_used_at timestamp(0) without time zone,
    expires_at timestamp(0) without time zone,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: project_members; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.project_members (
    id uuid NOT NULL,
    billable_rate integer,
    project_id uuid NOT NULL,
    user_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone,
    member_id uuid NOT NULL
);


--
-- Name: projects; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.projects (
    id uuid NOT NULL,
    name character varying(255) NOT NULL,
    color character varying(16) NOT NULL,
    billable_rate integer,
    is_public boolean DEFAULT false NOT NULL,
    client_id uuid,
    organization_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone,
    is_billable boolean NOT NULL
);


--
-- Name: sessions; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.sessions (
    id character varying(255) NOT NULL,
    user_id uuid,
    ip_address character varying(45),
    user_agent text,
    payload text NOT NULL,
    last_activity integer NOT NULL
);


--
-- Name: subscription_items; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.subscription_items (
    id uuid NOT NULL,
    subscription_id uuid NOT NULL,
    product_id character varying(255) NOT NULL,
    price_id character varying(255) NOT NULL,
    status character varying(255) NOT NULL,
    quantity integer NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: subscriptions; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.subscriptions (
    id uuid NOT NULL,
    billable_id uuid NOT NULL,
    billable_type character varying(255) NOT NULL,
    type character varying(255) NOT NULL,
    paddle_id character varying(255) NOT NULL,
    status character varying(255) NOT NULL,
    trial_ends_at timestamp(0) without time zone,
    paused_at timestamp(0) without time zone,
    ends_at timestamp(0) without time zone,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: tags; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.tags (
    id uuid NOT NULL,
    name character varying(255) NOT NULL,
    organization_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: tasks; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.tasks (
    id uuid NOT NULL,
    name character varying(500) NOT NULL,
    project_id uuid NOT NULL,
    organization_id uuid NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: time_entries; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.time_entries (
    id uuid NOT NULL,
    description character varying(5000) NOT NULL,
    start timestamp(0) without time zone NOT NULL,
    "end" timestamp(0) without time zone,
    billable_rate integer,
    billable boolean DEFAULT false NOT NULL,
    user_id uuid NOT NULL,
    organization_id uuid NOT NULL,
    project_id uuid,
    task_id uuid,
    tags jsonb,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone,
    member_id uuid NOT NULL,
    client_id uuid,
    is_imported boolean DEFAULT false NOT NULL
);


--
-- Name: transactions; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.transactions (
    id uuid NOT NULL,
    billable_id uuid NOT NULL,
    billable_type character varying(255) NOT NULL,
    paddle_id character varying(255) NOT NULL,
    paddle_subscription_id character varying(255),
    invoice_number character varying(255),
    status character varying(255) NOT NULL,
    total character varying(255) NOT NULL,
    tax character varying(255) NOT NULL,
    currency character varying(3) NOT NULL,
    billed_at timestamp(0) without time zone NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone
);


--
-- Name: users; Type: TABLE; Schema: public; Owner: -
--

CREATE TABLE public.users (
    id uuid NOT NULL,
    name character varying(255) NOT NULL,
    email character varying(255) NOT NULL,
    email_verified_at timestamp(0) without time zone,
    password character varying(255),
    remember_token character varying(100),
    is_placeholder boolean DEFAULT false NOT NULL,
    current_team_id uuid,
    profile_photo_path character varying(2048),
    timezone character varying(255) NOT NULL,
    week_start character varying(255) NOT NULL,
    created_at timestamp(0) without time zone,
    updated_at timestamp(0) without time zone,
    two_factor_secret text,
    two_factor_recovery_codes text,
    two_factor_confirmed_at timestamp(0) without time zone,
    CONSTRAINT users_week_start_check CHECK (((week_start)::text = ANY ((ARRAY['monday'::character varying, 'tuesday'::character varying, 'wednesday'::character varying, 'thursday'::character varying, 'friday'::character varying, 'saturday'::character varying, 'sunday'::character varying])::text[])))
);


--
-- Name: jobs id; Type: DEFAULT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.jobs ALTER COLUMN id SET DEFAULT nextval('public.jobs_id_seq'::regclass);


--
-- Name: migrations id; Type: DEFAULT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.migrations ALTER COLUMN id SET DEFAULT nextval('public.migrations_id_seq'::regclass);


--
-- Name: oauth_personal_access_clients id; Type: DEFAULT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_personal_access_clients ALTER COLUMN id SET DEFAULT nextval('public.oauth_personal_access_clients_id_seq'::regclass);


--
-- Name: cache_locks cache_locks_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.cache_locks
    ADD CONSTRAINT cache_locks_pkey PRIMARY KEY (key);


--
-- Name: cache cache_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.cache
    ADD CONSTRAINT cache_pkey PRIMARY KEY (key);


--
-- Name: clients clients_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.clients
    ADD CONSTRAINT clients_pkey PRIMARY KEY (id);


--
-- Name: customers customers_paddle_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.customers
    ADD CONSTRAINT customers_paddle_id_unique UNIQUE (paddle_id);


--
-- Name: customers customers_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.customers
    ADD CONSTRAINT customers_pkey PRIMARY KEY (id);


--
-- Name: failed_jobs failed_jobs_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.failed_jobs
    ADD CONSTRAINT failed_jobs_pkey PRIMARY KEY (id);


--
-- Name: failed_jobs failed_jobs_uuid_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.failed_jobs
    ADD CONSTRAINT failed_jobs_uuid_unique UNIQUE (uuid);


--
-- Name: jobs jobs_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.jobs
    ADD CONSTRAINT jobs_pkey PRIMARY KEY (id);


--
-- Name: migrations migrations_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.migrations
    ADD CONSTRAINT migrations_pkey PRIMARY KEY (id);


--
-- Name: oauth_access_tokens oauth_access_tokens_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_access_tokens
    ADD CONSTRAINT oauth_access_tokens_pkey PRIMARY KEY (id);


--
-- Name: oauth_auth_codes oauth_auth_codes_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_auth_codes
    ADD CONSTRAINT oauth_auth_codes_pkey PRIMARY KEY (id);


--
-- Name: oauth_clients oauth_clients_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_clients
    ADD CONSTRAINT oauth_clients_pkey PRIMARY KEY (id);


--
-- Name: oauth_personal_access_clients oauth_personal_access_clients_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_personal_access_clients
    ADD CONSTRAINT oauth_personal_access_clients_pkey PRIMARY KEY (id);


--
-- Name: oauth_refresh_tokens oauth_refresh_tokens_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.oauth_refresh_tokens
    ADD CONSTRAINT oauth_refresh_tokens_pkey PRIMARY KEY (id);


--
-- Name: organization_invitations organization_invitations_organization_id_email_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.organization_invitations
    ADD CONSTRAINT organization_invitations_organization_id_email_unique UNIQUE (organization_id, email);


--
-- Name: organization_invitations organization_invitations_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.organization_invitations
    ADD CONSTRAINT organization_invitations_pkey PRIMARY KEY (id);


--
-- Name: members organization_user_organization_id_user_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.members
    ADD CONSTRAINT organization_user_organization_id_user_id_unique UNIQUE (organization_id, user_id);


--
-- Name: members organization_user_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.members
    ADD CONSTRAINT organization_user_pkey PRIMARY KEY (id);


--
-- Name: organizations organizations_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.organizations
    ADD CONSTRAINT organizations_pkey PRIMARY KEY (id);


--
-- Name: password_reset_tokens password_reset_tokens_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.password_reset_tokens
    ADD CONSTRAINT password_reset_tokens_pkey PRIMARY KEY (email);


--
-- Name: personal_access_tokens personal_access_tokens_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.personal_access_tokens
    ADD CONSTRAINT personal_access_tokens_pkey PRIMARY KEY (id);


--
-- Name: personal_access_tokens personal_access_tokens_token_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.personal_access_tokens
    ADD CONSTRAINT personal_access_tokens_token_unique UNIQUE (token);


--
-- Name: project_members project_members_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.project_members
    ADD CONSTRAINT project_members_pkey PRIMARY KEY (id);


--
-- Name: project_members project_members_project_id_user_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.project_members
    ADD CONSTRAINT project_members_project_id_user_id_unique UNIQUE (project_id, user_id);


--
-- Name: projects projects_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.projects
    ADD CONSTRAINT projects_pkey PRIMARY KEY (id);


--
-- Name: sessions sessions_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.sessions
    ADD CONSTRAINT sessions_pkey PRIMARY KEY (id);


--
-- Name: subscription_items subscription_items_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.subscription_items
    ADD CONSTRAINT subscription_items_pkey PRIMARY KEY (id);


--
-- Name: subscription_items subscription_items_subscription_id_price_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.subscription_items
    ADD CONSTRAINT subscription_items_subscription_id_price_id_unique UNIQUE (subscription_id, price_id);


--
-- Name: subscriptions subscriptions_paddle_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.subscriptions
    ADD CONSTRAINT subscriptions_paddle_id_unique UNIQUE (paddle_id);


--
-- Name: subscriptions subscriptions_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.subscriptions
    ADD CONSTRAINT subscriptions_pkey PRIMARY KEY (id);


--
-- Name: tags tags_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.tags
    ADD CONSTRAINT tags_pkey PRIMARY KEY (id);


--
-- Name: tasks tasks_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.tasks
    ADD CONSTRAINT tasks_pkey PRIMARY KEY (id);


--
-- Name: time_entries time_entries_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_pkey PRIMARY KEY (id);


--
-- Name: transactions transactions_paddle_id_unique; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.transactions
    ADD CONSTRAINT transactions_paddle_id_unique UNIQUE (paddle_id);


--
-- Name: transactions transactions_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.transactions
    ADD CONSTRAINT transactions_pkey PRIMARY KEY (id);


--
-- Name: users users_pkey; Type: CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.users
    ADD CONSTRAINT users_pkey PRIMARY KEY (id);


--
-- Name: customers_billable_id_billable_type_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX customers_billable_id_billable_type_index ON public.customers USING btree (billable_id, billable_type);


--
-- Name: jobs_queue_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX jobs_queue_index ON public.jobs USING btree (queue);


--
-- Name: oauth_access_tokens_user_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX oauth_access_tokens_user_id_index ON public.oauth_access_tokens USING btree (user_id);


--
-- Name: oauth_auth_codes_user_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX oauth_auth_codes_user_id_index ON public.oauth_auth_codes USING btree (user_id);


--
-- Name: oauth_clients_user_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX oauth_clients_user_id_index ON public.oauth_clients USING btree (user_id);


--
-- Name: oauth_refresh_tokens_access_token_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX oauth_refresh_tokens_access_token_id_index ON public.oauth_refresh_tokens USING btree (access_token_id);


--
-- Name: organizations_user_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX organizations_user_id_index ON public.organizations USING btree (user_id);


--
-- Name: personal_access_tokens_tokenable_type_tokenable_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX personal_access_tokens_tokenable_type_tokenable_id_index ON public.personal_access_tokens USING btree (tokenable_type, tokenable_id);


--
-- Name: sessions_last_activity_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX sessions_last_activity_index ON public.sessions USING btree (last_activity);


--
-- Name: sessions_user_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX sessions_user_id_index ON public.sessions USING btree (user_id);


--
-- Name: subscriptions_billable_id_billable_type_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX subscriptions_billable_id_billable_type_index ON public.subscriptions USING btree (billable_id, billable_type);


--
-- Name: tags_created_at_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX tags_created_at_index ON public.tags USING btree (created_at);


--
-- Name: time_entries_billable_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX time_entries_billable_index ON public.time_entries USING btree (billable);


--
-- Name: time_entries_end_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX time_entries_end_index ON public.time_entries USING btree ("end");


--
-- Name: time_entries_start_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX time_entries_start_index ON public.time_entries USING btree (start);


--
-- Name: transactions_billable_id_billable_type_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX transactions_billable_id_billable_type_index ON public.transactions USING btree (billable_id, billable_type);


--
-- Name: transactions_paddle_subscription_id_index; Type: INDEX; Schema: public; Owner: -
--

CREATE INDEX transactions_paddle_subscription_id_index ON public.transactions USING btree (paddle_subscription_id);


--
-- Name: users_email_unique; Type: INDEX; Schema: public; Owner: -
--

CREATE UNIQUE INDEX users_email_unique ON public.users USING btree (email) WHERE (is_placeholder = false);


--
-- Name: clients clients_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.clients
    ADD CONSTRAINT clients_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: organization_invitations organization_invitations_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.organization_invitations
    ADD CONSTRAINT organization_invitations_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: project_members project_members_member_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.project_members
    ADD CONSTRAINT project_members_member_id_foreign FOREIGN KEY (member_id) REFERENCES public.members(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: project_members project_members_project_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.project_members
    ADD CONSTRAINT project_members_project_id_foreign FOREIGN KEY (project_id) REFERENCES public.projects(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: project_members project_members_user_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.project_members
    ADD CONSTRAINT project_members_user_id_foreign FOREIGN KEY (user_id) REFERENCES public.users(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: projects projects_client_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.projects
    ADD CONSTRAINT projects_client_id_foreign FOREIGN KEY (client_id) REFERENCES public.clients(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: projects projects_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.projects
    ADD CONSTRAINT projects_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: tags tags_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.tags
    ADD CONSTRAINT tags_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: tasks tasks_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.tasks
    ADD CONSTRAINT tasks_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: tasks tasks_project_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.tasks
    ADD CONSTRAINT tasks_project_id_foreign FOREIGN KEY (project_id) REFERENCES public.projects(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_client_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_client_id_foreign FOREIGN KEY (client_id) REFERENCES public.clients(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_member_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_member_id_foreign FOREIGN KEY (member_id) REFERENCES public.members(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_organization_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_organization_id_foreign FOREIGN KEY (organization_id) REFERENCES public.organizations(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_project_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_project_id_foreign FOREIGN KEY (project_id) REFERENCES public.projects(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_task_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_task_id_foreign FOREIGN KEY (task_id) REFERENCES public.tasks(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- Name: time_entries time_entries_user_id_foreign; Type: FK CONSTRAINT; Schema: public; Owner: -
--

ALTER TABLE ONLY public.time_entries
    ADD CONSTRAINT time_entries_user_id_foreign FOREIGN KEY (user_id) REFERENCES public.users(id) ON UPDATE CASCADE ON DELETE RESTRICT;


--
-- PostgreSQL database dump complete
--

--
-- PostgreSQL database dump
--

-- Dumped from database version 15.6 (Debian 15.6-1.pgdg120+2)
-- Dumped by pg_dump version 15.7 (Ubuntu 15.7-1.pgdg22.04+1)

SET statement_timeout = 0;
SET lock_timeout = 0;
SET idle_in_transaction_session_timeout = 0;
SET client_encoding = 'UTF8';
SET standard_conforming_strings = on;
SELECT pg_catalog.set_config('search_path', '', false);
SET check_function_bodies = false;
SET xmloption = content;
SET client_min_messages = warning;
SET row_security = off;

--
-- Data for Name: migrations; Type: TABLE DATA; Schema: public; Owner: -
--

COPY public.migrations (id, migration, batch) FROM stdin;
1	2014_10_12_000000_create_users_table	1
2	2014_10_12_100000_create_password_reset_tokens_table	1
3	2014_10_12_200000_add_two_factor_columns_to_users_table	1
4	2016_06_01_000001_create_oauth_auth_codes_table	1
5	2016_06_01_000002_create_oauth_access_tokens_table	1
6	2016_06_01_000003_create_oauth_refresh_tokens_table	1
7	2016_06_01_000004_create_oauth_clients_table	1
8	2016_06_01_000005_create_oauth_personal_access_clients_table	1
9	2018_08_08_100000_create_telescope_entries_table	1
10	2019_05_03_000001_create_customers_table	1
11	2019_05_03_000002_create_subscriptions_table	1
12	2019_05_03_000003_create_subscription_items_table	1
13	2019_05_03_000004_create_transactions_table	1
14	2019_08_19_000000_create_failed_jobs_table	1
15	2019_12_14_000001_create_personal_access_tokens_table	1
16	2020_05_21_100000_create_organizations_table	1
17	2020_05_21_200000_create_organization_user_table	1
18	2020_05_21_300000_create_organization_invitations_table	1
19	2024_01_16_161030_create_sessions_table	1
20	2024_01_20_110218_create_clients_table	1
21	2024_01_20_110439_create_projects_table	1
22	2024_01_20_110444_create_tasks_table	1
23	2024_01_20_110452_create_tags_table	1
24	2024_01_20_110837_create_time_entries_table	1
25	2024_03_26_171253_create_project_members_table	1
26	2024_04_11_150130_create_jobs_table	1
27	2024_04_12_095010_create_cache_table	1
28	2024_05_07_134711_move_from_user_id_to_member_id_in_project_members_table	1
29	2024_05_07_141842_move_from_user_id_to_member_id_in_time_entries_table	1
30	2024_05_13_171020_rename_table_organization_user_to_members	1
31	2024_05_22_151226_add_client_id_to_time_entries_table	1
32	2024_05_30_175801_add_is_billable_column_to_projects_table	1
33	2024_05_30_175825_add_is_imported_column_to_time_entries_table	1
34	2024_06_07_113443_change_member_id_foreign_keys_to_restrict_on_delete	1
35	2024_06_10_161831_reset_billable_rates_with_zero_as_value	1
\.


--
-- Name: migrations_id_seq; Type: SEQUENCE SET; Schema: public; Owner: -
--

SELECT pg_catalog.setval('public.migrations_id_seq', 35, true);


--
-- PostgreSQL database dump complete
--



================================================
FILE: database/seeders/DatabaseSeeder.php
================================================
<?php

declare(strict_types=1);

namespace Database\Seeders;

use App\Enums\Role;
use App\Events\DatabaseSeederAfterSeed;
use App\Events\DatabaseSeederBeforeDelete;
use App\Models\Audit;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Report;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Database\Seeder;
use Illuminate\Support\Facades\DB;
use Laravel\Passport\AuthCode;
use Laravel\Passport\Client as PassportClient;
use Laravel\Passport\ClientRepository;
use Laravel\Passport\RefreshToken;
use Laravel\Passport\Token;

class DatabaseSeeder extends Seeder
{
    /**
     * Seed the application's database.
     */
    public function run(): void
    {
        $this->deleteAll();

        app(ClientRepository::class)->createAuthorizationCodeGrantClient(
            name: 'Desktop App',
            redirectUris: ['solidtime://oauth/callback'],
            confidential: false, // TODO: ?
            enableDeviceFlow: false, // TODO: ?
        );

        // TODO: grant_types ? migration?

        // app(ClientRepository::class)->createPersonalAccessGrantClient('API');

        /*
        app(ClientRepository::class)->create(
            null,
            'desktop',
            'solidtime://oauth/callback',
            null,
            false,
            false,
            false
        );
        */

        $personalAccessClient = new PassportClient;
        $personalAccessClient->id = config('passport.personal_access_client.id');
        $personalAccessClient->secret = config('passport.personal_access_client.secret');
        $personalAccessClient->name = 'API';
        $personalAccessClient->redirect_uris = ['http://localhost'];
        $personalAccessClient->revoked = false;
        $personalAccessClient->provider = 'users';
        $personalAccessClient->grant_types = ['personal_access'];
        $personalAccessClient->save();

        $userWithMultipleOrganizations = User::factory()->withPersonalOrganization()->create([
            'name' => 'Mister Overemployed',
            'email' => 'overemployed@acme.test',
        ]);

        $userAcmeOwner = User::factory()->withPersonalOrganization()->create([
            'name' => 'Acme Owner',
            'email' => 'owner@acme.test',
        ]);
        $organizationAcme = Organization::factory()->withOwner($userAcmeOwner)->create([
            'name' => 'ACME Corp',
            'personal_team' => false,
            'currency' => 'EUR',
        ]);
        OrganizationInvitation::factory()->forOrganization($organizationAcme)->create([
            'email' => 'new.employee@example.com',
        ]);
        $userAcmeManager = User::factory()->withPersonalOrganization()->create([
            'name' => 'Acme Manager',
            'email' => 'test@example.com',
        ]);
        $userAcmeManager->createToken('Testing Token 1')->accessToken;
        $userAcmeManager->createToken('Testing Token 2')->accessToken;
        $userAcmeAdmin = User::factory()->withPersonalOrganization()->create([
            'name' => 'Acme Admin',
            'email' => 'admin@acme.test',
        ]);
        $userAcmeEmployee = User::factory()->withPersonalOrganization()->create([
            'name' => 'Acme Employee',
            'email' => 'max.mustermann@acme.test',
        ]);
        $userAcmePlaceholder = User::factory()->placeholder()->create([
            'name' => 'Acme Placeholder',
            'email' => 'old.employee@acme.test',
            'password' => null,
        ]);
        $userAcmeOwnerMember = Member::factory()->forUser($userAcmeOwner)->forOrganization($organizationAcme)->role(Role::Owner)->create();
        $userAcmeManagerMember = Member::factory()->forUser($userAcmeManager)->forOrganization($organizationAcme)->role(Role::Manager)->create();
        $userAcmeAdminMember = Member::factory()->forUser($userAcmeAdmin)->forOrganization($organizationAcme)->role(Role::Admin)->create();
        $userAcmeEmployeeMember = Member::factory()->forUser($userAcmeEmployee)->forOrganization($organizationAcme)->role(Role::Employee)->create();
        $userAcmePlaceholderMember = Member::factory()->forUser($userAcmePlaceholder)->forOrganization($organizationAcme)->role(Role::Placeholder)->create();
        $userWithMultipleOrganizationsAcmeMember = Member::factory()->forUser($userWithMultipleOrganizations)->forOrganization($organizationAcme)->role(Role::Employee)->create();
        Tag::factory()->forOrganization($organizationAcme)->create([
            'name' => 'Code Review',
        ]);
        Tag::factory()->forOrganization($organizationAcme)->create([
            'name' => 'Meeting',
        ]);
        Tag::factory()->forOrganization($organizationAcme)->create([
            'name' => 'Research',
        ]);

        TimeEntry::factory()
            ->count(10)
            ->forMember($userAcmeAdminMember)
            ->create();
        TimeEntry::factory()
            ->count(10)
            ->forMember($userAcmeManagerMember)
            ->create();
        TimeEntry::factory()
            ->count(10)
            ->forMember($userAcmePlaceholderMember)
            ->create();
        TimeEntry::factory()
            ->count(10)
            ->forMember($userAcmeEmployeeMember)
            ->create();
        TimeEntry::factory()
            ->count(5)
            ->forMember($userWithMultipleOrganizationsAcmeMember)
            ->create();
        $acmeClient = Client::factory()->forOrganization($organizationAcme)->create([
            'name' => 'Big Company',
        ]);
        $bigCompanyProject = Project::factory()->forOrganization($organizationAcme)->forClient($acmeClient)->create([
            'name' => 'Big Company Project',
        ]);
        ProjectMember::factory()->forProject($bigCompanyProject)->forMember($userAcmeEmployeeMember)->create();
        ProjectMember::factory()->forProject($bigCompanyProject)->forMember($userAcmeAdminMember)->create();
        ProjectMember::factory()->forProject($bigCompanyProject)->forMember($userWithMultipleOrganizationsAcmeMember)->create();

        TimeEntry::factory()
            ->count(3)
            ->forMember($userAcmeEmployeeMember)
            ->forProject($bigCompanyProject)
            ->create();

        Task::factory()->forOrganization($organizationAcme)->forProject($bigCompanyProject)->create();

        $internalProject = Project::factory()->forOrganization($organizationAcme)->create([
            'name' => 'Internal Project',
        ]);

        $rivalOwner = User::factory()->create([
            'name' => 'Other Owner',
            'email' => 'owner@rival-company.test',
        ]);
        $organizationRival = Organization::factory()->withOwner($rivalOwner)->create([
            'name' => 'Rival Corp',
            'personal_team' => true,
            'currency' => 'USD',
        ]);
        Member::factory()->forUser($rivalOwner)->forOrganization($organizationRival)->role(Role::Owner)->create();
        $userRivalManager = User::factory()->withPersonalOrganization()->create([
            'name' => 'Other User',
            'email' => 'test@rival-company.test',
        ]);
        $userRivalManagerMember = Member::factory()->forUser($userRivalManager)->forOrganization($organizationRival)->role(Role::Admin)->create();
        $userWithMultipleOrganizationsRivalMember = Member::factory()->forUser($userWithMultipleOrganizations)->forOrganization($organizationRival)->role(Role::Employee)->create();
        $rivalClient = Client::factory()->forOrganization($organizationRival)->create([
            'name' => 'Scale Company',
        ]);
        $otherCompanyProject = Project::factory()->forOrganization($organizationRival)->forClient($rivalClient)->create([
            'name' => 'Scale Company - Project ABC',
        ]);
        ProjectMember::factory()->forProject($otherCompanyProject)->forMember($userRivalManagerMember)->create();
        ProjectMember::factory()->forProject($otherCompanyProject)->forMember($userWithMultipleOrganizationsRivalMember)->create();
        TimeEntry::factory()
            ->count(5)
            ->forMember($userWithMultipleOrganizationsRivalMember)
            ->create();

        User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        DatabaseSeederAfterSeed::dispatch();
    }

    private function deleteAll(): void
    {
        DatabaseSeederBeforeDelete::dispatch();

        // Laravel Passport tables
        DB::table((new RefreshToken)->getTable())->delete();
        DB::table((new Token)->getTable())->delete();
        DB::table((new AuthCode)->getTable())->delete();
        DB::table((new PassportClient)->getTable())->delete();

        // Internal tables
        DB::table('cache')->delete();
        DB::table('cache_locks')->delete();
        DB::table('jobs')->delete();
        DB::table('failed_jobs')->delete();
        DB::table('sessions')->delete();

        // Application tables
        DB::table((new Audit)->getTable())->delete();
        DB::table((new Report)->getTable())->delete();
        DB::table((new TimeEntry)->getTable())->delete();
        DB::table((new Task)->getTable())->delete();
        DB::table((new Tag)->getTable())->delete();
        DB::table((new ProjectMember)->getTable())->delete();
        DB::table((new Project)->getTable())->delete();
        DB::table((new Client)->getTable())->delete();
        DB::table((new Member)->getTable())->delete();
        DB::table((new OrganizationInvitation)->getTable())->delete();
        DB::table((new User)->getTable())->update([
            'current_team_id' => null,
        ]);
        DB::table((new Organization)->getTable())->delete();
        DB::table((new User)->getTable())->delete();
    }
}


================================================
FILE: docker/local/8.3/Dockerfile
================================================
FROM ubuntu:22.04

LABEL maintainer="Taylor Otwell"

ARG WWWGROUP
ARG NODE_VERSION=20
ARG POSTGRES_VERSION=15

WORKDIR /var/www/html

ENV DEBIAN_FRONTEND noninteractive
ENV TZ=UTC
ENV SUPERVISOR_PHP_COMMAND="/usr/bin/php -d variables_order=EGPCS /var/www/html/artisan serve --host=0.0.0.0 --port=80"
ENV SUPERVISOR_PHP_USER="sail"

RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone

RUN apt-get update \
    && mkdir -p /etc/apt/keyrings \
    && apt-get install -y gnupg gosu curl ca-certificates zip unzip git supervisor sqlite3 libcap2-bin libpng-dev python2 dnsutils librsvg2-bin fswatch ffmpeg \
    && curl -sS 'https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x14aa40ec0831756756d7f66c4f4ea0aae5267a6c' | gpg --dearmor | tee /etc/apt/keyrings/ppa_ondrej_php.gpg > /dev/null \
    && echo "deb [signed-by=/etc/apt/keyrings/ppa_ondrej_php.gpg] https://ppa.launchpadcontent.net/ondrej/php/ubuntu jammy main" > /etc/apt/sources.list.d/ppa_ondrej_php.list \
    && apt-get update \
    && apt-get install -y php8.3-cli php8.3-dev \
       php8.3-pgsql php8.3-sqlite3 php8.3-gd \
       php8.3-curl \
       php8.3-imap php8.3-mysql php8.3-mbstring \
       php8.3-xml php8.3-zip php8.3-bcmath php8.3-soap \
       php8.3-intl php8.3-readline \
       php8.3-ldap \
       php8.3-msgpack php8.3-igbinary php8.3-redis php8.3-swoole \
       php8.3-memcached php8.3-pcov php8.3-imagick php8.3-xdebug \
    && curl -sLS https://getcomposer.org/installer | php -- --install-dir=/usr/bin/ --filename=composer \
    && curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg \
    && echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_VERSION.x nodistro main" > /etc/apt/sources.list.d/nodesource.list \
    && apt-get update \
    && apt-get install -y nodejs \
    && npm install -g npm \
    && npm install -g pnpm \
    && npm install -g bun \
    && curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | gpg --dearmor | tee /etc/apt/keyrings/yarn.gpg >/dev/null \
    && echo "deb [signed-by=/etc/apt/keyrings/yarn.gpg] https://dl.yarnpkg.com/debian/ stable main" > /etc/apt/sources.list.d/yarn.list \
    && curl -sS https://www.postgresql.org/media/keys/ACCC4CF8.asc | gpg --dearmor | tee /etc/apt/keyrings/pgdg.gpg >/dev/null \
    && echo "deb [signed-by=/etc/apt/keyrings/pgdg.gpg] http://apt.postgresql.org/pub/repos/apt jammy-pgdg main" > /etc/apt/sources.list.d/pgdg.list \
    && apt-get update \
    && apt-get install -y yarn \
    && apt-get install -y mysql-client \
    && apt-get install -y postgresql-client-$POSTGRES_VERSION \
    && apt-get -y autoremove \
    && apt-get clean \
    && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/*

RUN setcap "cap_net_bind_service=+ep" /usr/bin/php8.3

RUN groupadd --force -g $WWWGROUP sail
RUN useradd -ms /bin/bash --no-user-group -g $WWWGROUP -u 1337 sail

COPY start-container /usr/local/bin/start-container
COPY supervisord.conf /etc/supervisor/conf.d/supervisord.conf
COPY php.ini /etc/php/8.3/cli/conf.d/99-sail.ini
RUN chmod +x /usr/local/bin/start-container

EXPOSE 8000

ENTRYPOINT ["start-container"]


================================================
FILE: docker/local/8.3/php.ini
================================================
[PHP]
post_max_size = 100M
upload_max_filesize = 100M
variables_order = EGPCS
pcov.directory = .

[opcache]
opcache.enable_cli=1


================================================
FILE: docker/local/8.3/start-container
================================================
#!/usr/bin/env bash

if [ "$SUPERVISOR_PHP_USER" != "root" ] && [ "$SUPERVISOR_PHP_USER" != "sail" ]; then
    echo "You should set SUPERVISOR_PHP_USER to either 'sail' or 'root'."
    exit 1
fi

if [ ! -z "$WWWUSER" ]; then
    usermod -u $WWWUSER sail
fi

if [ ! -d /.composer ]; then
    mkdir /.composer
fi

chmod -R ugo+rw /.composer

if [ $# -gt 0 ]; then
    if [ "$SUPERVISOR_PHP_USER" = "root" ]; then
        exec "$@"
    else
        exec gosu $WWWUSER "$@"
    fi
else
    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.conf
fi


================================================
FILE: docker/local/8.3/supervisord.conf
================================================
[supervisord]
nodaemon=true
user=root
logfile=/var/log/supervisor/supervisord.log
pidfile=/var/run/supervisord.pid

[program:php]
command=%(ENV_SUPERVISOR_PHP_COMMAND)s
user=%(ENV_SUPERVISOR_PHP_USER)s
environment=LARAVEL_SAIL="1"
stdout_logfile=/dev/stdout
stdout_logfile_maxbytes=0
stderr_logfile=/dev/stderr
stderr_logfile_maxbytes=0


================================================
FILE: docker/local/minio/create_bucket.sh
================================================
#!/bin/sh

# Source: https://helgesver.re/articles/laravel-sail-create-minio-bucket-automatically

/usr/bin/mc alias set local ${S3_ENDPOINT} ${S3_ACCESS_KEY_ID} ${S3_SECRET_ACCESS_KEY};
/usr/bin/mc rm -r --force local/${S3_BUCKET};
/usr/bin/mc mb --ignore-existing local/${S3_BUCKET};
/usr/bin/mc anonymous set public local/${S3_BUCKET};

exit 0;


================================================
FILE: docker/local/pgsql/create-testing-database.sql
================================================
SELECT 'CREATE DATABASE testing'
WHERE NOT EXISTS (SELECT FROM pg_database WHERE datname = 'testing')\gexec


================================================
FILE: docker/prod/Dockerfile
================================================
ARG PHP_VERSION=8.3
ARG FRANKENPHP_VERSION=1.8
ARG COMPOSER_VERSION=2.8
ARG BUN_VERSION="latest"
ARG APP_ENV
ARG DOCKER_FILES_BASE_PATH="docker/prod/"

FROM composer:${COMPOSER_VERSION} AS vendor

FROM dunglas/frankenphp:${FRANKENPHP_VERSION}-builder-php${PHP_VERSION} AS upstream

COPY --from=caddy:builder /usr/bin/xcaddy /usr/bin/xcaddy

RUN CGO_ENABLED=1 \
    XCADDY_SETCAP=1 \
    XCADDY_GO_BUILD_FLAGS="-ldflags='-w -s' -tags=nobadger,nomysql,nopgx" \
    CGO_CFLAGS=$(php-config --includes) \
    CGO_LDFLAGS="$(php-config --ldflags) $(php-config --libs)" \
    xcaddy build v2.10.0 \
        --output /usr/local/bin/frankenphp \
        --with github.com/dunglas/frankenphp=./ \
        --with github.com/dunglas/frankenphp/caddy=./caddy/ \
        --with github.com/dunglas/caddy-cbrotli

FROM dunglas/frankenphp:${FRANKENPHP_VERSION}-php${PHP_VERSION} AS base

COPY --from=upstream /usr/local/bin/frankenphp /usr/local/bin/frankenphp

LABEL maintainer="solidtime <hello@solidtime.io>"
LABEL org.opencontainers.image.title="solidtime"
LABEL org.opencontainers.image.description="solidtime is a modern open source timetracker for freelancers and agencies"
LABEL org.opencontainers.image.source="https://github.com/solidtime-io/solidtime"
LABEL org.opencontainers.image.licenses="AGPL"

ARG WWWUSER=1000
ARG WWWGROUP=1000
ARG TZ=UTC
ARG APP_DIR=/var/www/html
ARG APP_ENV
ARG APP_HOST
ARG DOCKER_FILES_BASE_PATH

ENV DEBIAN_FRONTEND=noninteractive \
    TERM=xterm-color \
    OCTANE_SERVER=frankenphp \
    TZ=${TZ} \
    USER=octane \
    ROOT=${APP_DIR} \
    APP_ENV=${APP_ENV} \
    COMPOSER_FUND=0 \
    COMPOSER_MAX_PARALLEL_HTTP=24 \
    XDG_CONFIG_HOME=${APP_DIR}/.config \
    XDG_DATA_HOME=${APP_DIR}/.data \
    SERVER_NAME=${APP_HOST}

WORKDIR ${ROOT}

SHELL ["/bin/bash", "-eou", "pipefail", "-c"]

RUN ln -snf /usr/share/zoneinfo/${TZ} /etc/localtime \
    && echo ${TZ} > /etc/timezone

RUN apt-get update; \
    apt-get upgrade -yqq; \
    apt-get install -yqq --no-install-recommends --show-progress \
    apt-utils \
    curl \
    wget \
    vim \
    git \
    ncdu \
    procps \
    unzip \
    ca-certificates \
    supervisor \
    libsodium-dev \
    libbrotli-dev \
    # Install PHP extensions (included with dunglas/frankenphp)
    && install-php-extensions \
    bz2 \
    pcntl \
    mbstring \
    bcmath \
    sockets \
    pgsql \
    pdo_pgsql \
    opcache \
    exif \
    pdo_mysql \
    zip \
    uv \
    vips \
    intl \
    gd \
    redis \
    rdkafka \
    memcached \
    igbinary \
    ldap \
    && apt-get -y autoremove \
    && apt-get clean \
    && docker-php-source delete \
    && rm -rf /var/lib/apt/lists/* /tmp/* /var/tmp/* \
    && rm /var/log/lastlog /var/log/faillog

RUN arch="$(uname -m)" \
    && case "$arch" in \
    armhf) _cronic_fname='supercronic-linux-arm' ;; \
    aarch64) _cronic_fname='supercronic-linux-arm64' ;; \
    x86_64) _cronic_fname='supercronic-linux-amd64' ;; \
    x86) _cronic_fname='supercronic-linux-386' ;; \
    *) echo >&2 "error: unsupported architecture: $arch"; exit 1 ;; \
    esac \
    && wget -q "https://github.com/aptible/supercronic/releases/download/v0.2.29/${_cronic_fname}" \
    -O /usr/bin/supercronic \
    && chmod +x /usr/bin/supercronic \
    && mkdir -p /etc/supercronic \
    && echo "*/1 * * * * php ${ROOT}/artisan schedule:run --no-interaction" > /etc/supercronic/laravel

RUN userdel --remove --force www-data \
    && groupadd --force -g ${WWWGROUP} ${USER} \
    && useradd -ms /bin/bash --no-log-init --no-user-group -g ${WWWGROUP} -u ${WWWUSER} ${USER} \
    && setcap -r /usr/local/bin/frankenphp

RUN chown -R ${USER}:${USER} ${ROOT} /var/{log,run} \
    && chmod -R a+rw ${ROOT} /var/{log,run}

RUN cp ${PHP_INI_DIR}/php.ini-production ${PHP_INI_DIR}/php.ini

USER ${USER}

COPY --link --chown=${WWWUSER}:${WWWUSER} --from=vendor /usr/bin/composer /usr/bin/composer

COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/supervisord.conf /etc/
COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/octane/FrankenPHP/supervisord.frankenphp.conf /etc/supervisor/conf.d/
COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/supervisord.*.conf /etc/supervisor/conf.d/
COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/start-container /usr/local/bin/start-container
COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/healthcheck /usr/local/bin/healthcheck
COPY --link --chown=${WWWUSER}:${WWWUSER} ${DOCKER_FILES_BASE_PATH}deployment/php.ini ${PHP_INI_DIR}/conf.d/99-octane.ini

RUN chmod +x /usr/local/bin/start-container /usr/local/bin/healthcheck

###########################################

#FROM base AS common
#
#USER ${USER}
#
#COPY --link --chown=${WWWUSER}:${WWWUSER} . .
#
#RUN composer install \
#    --no-dev \
#    --no-interaction \
#    --no-autoloader \
#    --no-ansi \
#    --no-scripts \
#    --audit

###########################################
# Build frontend assets with Bun
###########################################

#FROM oven/bun:${BUN_VERSION} AS build
#
#ARG APP_ENV
#
#ENV ROOT=/var/www/html \
#    APP_ENV=${APP_ENV} \
#    NODE_ENV=${APP_ENV:-production}
#
#WORKDIR ${ROOT}
#
#COPY --link package.json bun.lock* ./
#
#RUN bun install --frozen-lockfile
#
#COPY --link . .
#COPY --link --from=common ${ROOT}/vendor vendor
#
#RUN bun run build

###########################################

#FROM common AS runner

USER ${USER}

ENV WITH_HORIZON=false \
    WITH_SCHEDULER=false \
    WITH_REVERB=false

COPY --link --chown=${WWWUSER}:${WWWUSER} . .
#COPY --link --chown=${WWWUSER}:${WWWUSER} --from=build ${ROOT}/public public

RUN mkdir -p \
    storage/framework/{sessions,views,cache,testing} \
    storage/logs \
    bootstrap/cache && chmod -R a+rw storage

#RUN composer install \
#    --classmap-authoritative \
#    --no-interaction \
#    --no-ansi \
#    --no-dev \
#    && composer clear-cache

RUN cat .env
#RUN php artisan env

EXPOSE 8000

ENTRYPOINT ["start-container"]

#HEALTHCHECK --start-period=5s --interval=2s --timeout=5s --retries=8 CMD healthcheck || exit 1


================================================
FILE: docker/prod/LICENSE
================================================
MIT License

Copyright (c) 2021 Exa Company

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.


================================================
FILE: docker/prod/deployment/healthcheck
================================================
#!/usr/bin/env sh

set -e

container_mode=${CONTAINER_MODE:-"http"}

if [ "${container_mode}" = "http" ]; then
    php "${ROOT}/artisan" octane:status
elif [ "${container_mode}" = "horizon" ]; then
    php "${ROOT}/artisan" horizon:status
elif [ "${container_mode}" = "scheduler" ]; then
    if [ "$(supervisorctl status scheduler:scheduler_0 | awk '{print tolower($2)}')" = "running" ]; then
        exit 0
    else
        echo "Healthcheck failed."
        exit 1
    fi
elif [ "${container_mode}" = "reverb" ]; then
    if [ "$(supervisorctl status reverb:reverb_0 | awk '{print tolower($2)}')" = "running" ]; then
        exit 0
    else
        echo "Healthcheck failed."
        exit 1
    fi
elif [ "${container_mode}" = "worker" ]; then
    if [ "$(supervisorctl status worker:worker_0 | awk '{print tolower($2)}')" = "running" ]; then
        exit 0
    else
        echo "Healthcheck failed."
        exit 1
    fi
else
    echo "Container mode mismatched."
    exit 1
fi


================================================
FILE: docker/prod/deployment/octane/FrankenPHP/Caddyfile
================================================
{
	{$CADDY_GLOBAL_OPTIONS}

	admin {$CADDY_SERVER_ADMIN_HOST}:{$CADDY_SERVER_ADMIN_PORT}

	frankenphp {
		worker "{$APP_PUBLIC_PATH}/frankenphp-worker.php" {$CADDY_SERVER_WORKER_COUNT}
	}

	metrics {
		per_host
	}

	servers {
		protocols h1
	}
}

{$CADDY_EXTRA_CONFIG}

{$CADDY_SERVER_SERVER_NAME} {
	log {
		level WARN

		format filter {
			wrap {$CADDY_SERVER_LOGGER}
			fields {
				uri query {
					replace authorization REDACTED
				}
			}
		}
	}

	route {
		root * "{$APP_PUBLIC_PATH}"
		encode zstd br gzip

		{$CADDY_SERVER_EXTRA_DIRECTIVES}

		request_body {
			max_size 500MB
		}

		@static {
			file
			path *.js *.css *.jpg *.jpeg *.webp *.weba *.webm *.gif *.png *.ico *.cur *.gz *.svg *.svgz *.mp4 *.mp3 *.ogg *.ogv *.htc *.woff2 *.woff
		}

		@staticshort {
			file
			path *.json *.xml *.rss
		}

		header @static Cache-Control "public, immutable, stale-while-revalidate, max-age=31536000"

		header @staticshort Cache-Control "no-cache, max-age=3600"

		@rejected `path('*.bak', '*.conf', '*.dist', '*.fla', '*.ini', '*.inc', '*.inci', '*.log', '*.orig', '*.psd', '*.sh', '*.sql', '*.swo', '*.swp', '*.swop', '*/.*') && !path('*/.well-known/*')`
		error @rejected 401

		php_server {
			index frankenphp-worker.php
			try_files {path} frankenphp-worker.php
			resolve_root_symlink
		}
	}
}


================================================
FILE: docker/prod/deployment/octane/FrankenPHP/supervisord.frankenphp.conf
================================================
[program:octane]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan octane:frankenphp --host=0.0.0.0 --port=8000 --admin-port=2019 --caddyfile=%(ENV_ROOT)s/docker/prod/deployment/octane/FrankenPHP/Caddyfile
user = %(ENV_USER)s
priority = 1
autostart = true
autorestart = true
environment = LARAVEL_OCTANE = "1"
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0

[program:horizon]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan horizon
user = %(ENV_USER)s
priority = 3
autostart = %(ENV_WITH_HORIZON)s
autorestart = true
stdout_logfile = %(ENV_ROOT)s/storage/logs/horizon.log
stdout_logfile_maxbytes = 200MB
stderr_logfile = %(ENV_ROOT)s/storage/logs/horizon.log
stderr_logfile_maxbytes = 200MB
stopwaitsecs = 3600

[program:scheduler]
process_name = %(program_name)s_%(process_num)s
command = supercronic -overlapping /etc/supercronic/laravel
user = %(ENV_USER)s
autostart = %(ENV_WITH_SCHEDULER)s
autorestart = true
stdout_logfile = %(ENV_ROOT)s/storage/logs/scheduler.log
stdout_logfile_maxbytes = 200MB
stderr_logfile = %(ENV_ROOT)s/storage/logs/scheduler.log
stderr_logfile_maxbytes = 200MB

[program:clear-scheduler-cache]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan schedule:clear-cache
user = %(ENV_USER)s
autostart = %(ENV_WITH_SCHEDULER)s
autorestart = false
startsecs = 0
startretries = 1
stdout_logfile = %(ENV_ROOT)s/storage/logs/scheduler.log
stdout_logfile_maxbytes = 200MB
stderr_logfile = %(ENV_ROOT)s/storage/logs/scheduler.log
stderr_logfile_maxbytes = 200MB

[program:reverb]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan reverb:start
user = %(ENV_USER)s
priority = 2
autostart = %(ENV_WITH_REVERB)s
autorestart = true
stdout_logfile = %(ENV_ROOT)s/storage/logs/reverb.log
stdout_logfile_maxbytes = 200MB
stderr_logfile = %(ENV_ROOT)s/storage/logs/reverb.log
stderr_logfile_maxbytes = 200MB
minfds = 10000

[include]
files = /etc/supervisord.conf


================================================
FILE: docker/prod/deployment/php.ini
================================================
[PHP]
post_max_size = 100M
upload_max_filesize = 100M
expose_php = 0
realpath_cache_size = 16M
realpath_cache_ttl = 360
max_input_time = 5
register_argc_argv = 0
date.timezone = ${TZ:-UTC}

[Opcache]
opcache.enable = 1
opcache.enable_cli = 1
opcache.memory_consumption = 256M
opcache.use_cwd = 0
opcache.max_file_size = 0
opcache.max_accelerated_files = 32531
opcache.validate_timestamps = 0
opcache.file_update_protection = 0
opcache.interned_strings_buffer = 16

[JIT]
opcache.jit_buffer_size = 128M
opcache.jit = function
opcache.jit_prof_threshold = 0.001
opcache.jit_max_root_traces = 2048
opcache.jit_max_side_traces = 256

[zlib]
zlib.output_compression = On
zlib.output_compression_level = 9


================================================
FILE: docker/prod/deployment/start-container
================================================
#!/usr/bin/env sh
set -e

container_mode=${CONTAINER_MODE:-"http"}
octane_server=${OCTANE_SERVER}
auto_db_migrate=${AUTO_DB_MIGRATE:-false}

initialStuff() {
    echo "Container mode: $container_mode"

    if [ ${auto_db_migrate} = "true" ]; then
        echo "Auto database migration enabled."
        php artisan migrate --isolated --force
    fi

    php artisan storage:link; \
    php artisan optimize:clear; \
    php artisan optimize;
}

if [ "$1" != "" ]; then
    exec "$@"
elif [ "${container_mode}" = "http" ]; then
    initialStuff
    echo "Octane Server: $octane_server"
    if [ "${octane_server}"  = "frankenphp" ]; then
        exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.frankenphp.conf
    elif [ "${octane_server}"  = "swoole" ]; then
        exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.swoole.conf
    elif [ "${octane_server}"  = "roadrunner" ]; then
        exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.roadrunner.conf
    else
        echo "Invalid Octane server supplied."
        exit 1
    fi
elif [ "${container_mode}" = "horizon" ]; then
    initialStuff
    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.horizon.conf
elif [ "${container_mode}" = "reverb" ]; then
    initialStuff
    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.reverb.conf
elif [ "${container_mode}" = "scheduler" ]; then
    initialStuff
    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.scheduler.conf
elif [ "${container_mode}" = "worker" ]; then
    if [ -z "${WORKER_COMMAND}" ]; then
        echo "WORKER_COMMAND is undefined."
        exit 1
    fi
    initialStuff
    exec /usr/bin/supervisord -c /etc/supervisor/conf.d/supervisord.worker.conf
else
    echo "Container mode mismatched."
    exit 1
fi


================================================
FILE: docker/prod/deployment/supervisord.conf
================================================
[supervisord]
nodaemon = true
user = %(ENV_USER)s
logfile = /var/log/supervisor/supervisord.log
pidfile = /var/run/supervisord.pid

[supervisorctl]

[inet_http_server]
port = 127.0.0.1:9001

[rpcinterface:supervisor]
supervisor.rpcinterface_factory = supervisor.rpcinterface:make_main_rpcinterface


================================================
FILE: docker/prod/deployment/supervisord.horizon.conf
================================================
[program:horizon]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan horizon
user = %(ENV_USER)s
autostart = true
autorestart = true
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0
stopwaitsecs = 3600

[include]
files = /etc/supervisord.conf


================================================
FILE: docker/prod/deployment/supervisord.reverb.conf
================================================
[program:reverb]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan reverb:start
user = %(ENV_USER)s
autostart = true
autorestart = true
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0
minfds = 10000

[include]
files = /etc/supervisord.conf


================================================
FILE: docker/prod/deployment/supervisord.scheduler.conf
================================================
[program:scheduler]
process_name = %(program_name)s_%(process_num)s
command = supercronic -overlapping /etc/supercronic/laravel
user = %(ENV_USER)s
autostart = true
autorestart = true
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0

[program:clear-scheduler-cache]
process_name = %(program_name)s_%(process_num)s
command = php %(ENV_ROOT)s/artisan schedule:clear-cache
user = %(ENV_USER)s
autostart = true
autorestart = false
startsecs = 0
startretries = 1
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0

[include]
files = /etc/supervisord.conf


================================================
FILE: docker/prod/deployment/supervisord.worker.conf
================================================
[program:worker]
process_name = %(program_name)s_%(process_num)s
command = %(ENV_WORKER_COMMAND)s
user = %(ENV_USER)s
autostart = true
autorestart = true
stdout_logfile = /dev/stdout
stdout_logfile_maxbytes = 0
stderr_logfile = /dev/stderr
stderr_logfile_maxbytes = 0

[include]
files = /etc/supervisord.conf


================================================
FILE: docker-compose.yml
================================================
services:
    laravel.test:
        build:
            context: ./docker/local/8.3
            dockerfile: Dockerfile
            args:
                WWWGROUP: '${WWWGROUP}'
        image: sail-8.3/app
        labels:
            - "traefik.enable=true"
            - "traefik.docker.network=${NETWORK_NAME}"
            - "traefik.http.services.solidtime-dev.loadbalancer.server.port=80"
            - "traefik.http.routers.solidtime-dev.rule=Host(`${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev.entrypoints=web"
            - "traefik.http.routers.solidtime-dev.service=solidtime-dev"
            - "traefik.http.routers.solidtime-dev-https.rule=Host(`${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-https.service=solidtime-dev"
            - "traefik.http.routers.solidtime-dev-https.entrypoints=websecure"
            - "traefik.http.routers.solidtime-dev-https.tls=true"
            # vite
            - "traefik.http.services.solidtime-dev-vite.loadbalancer.server.port=5173"
            # http
            - "traefik.http.routers.solidtime-dev-vite.rule=Host(`${VITE_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-vite.service=solidtime-dev-vite"
            - "traefik.http.routers.solidtime-dev-vite.entrypoints=web"
        extra_hosts:
            - "host.docker.internal:host-gateway"
            - "storage.${NGINX_HOST_NAME}:${REVERSE_PROXY_IP:-10.100.100.10}"
        environment:
            XDG_CONFIG_HOME: /var/www/html/config
            XDG_DATA_HOME: /var/www/html/data
            WWWUSER: '${WWWUSER}'
            LARAVEL_SAIL: 1
            XDEBUG_MODE: '${SAIL_XDEBUG_MODE:-off}'
            XDEBUG_CONFIG: '${SAIL_XDEBUG_CONFIG:-client_host=host.docker.internal}'
            IGNITION_LOCAL_SITES_PATH: '${PWD}'
            VITE_HOST_NAME: '${VITE_HOST_NAME}'
        volumes:
            - '.:/var/www/html'
        networks:
            - sail
            - reverse-proxy
        depends_on:
            - pgsql
    pgsql:
        image: 'postgres:15'
        ports:
            - '${FORWARD_DB_PORT:-5432}:5432'
        environment:
            PGPASSWORD: '${DB_PASSWORD:-secret}'
            POSTGRES_DB: '${DB_DATABASE}'
            POSTGRES_USER: '${DB_USERNAME}'
            POSTGRES_PASSWORD: '${DB_PASSWORD:-secret}'
        volumes:
            - 'sail-pgsql:/var/lib/postgresql/data'
            - './docker/local/pgsql/create-testing-database.sql:/docker-entrypoint-initdb.d/10-create-testing-database.sql'
        networks:
            - sail
        healthcheck:
            test:
                - CMD
                - pg_isready
                - '-q'
                - '-d'
                - '${DB_DATABASE}'
                - '-U'
                - '${DB_USERNAME}'
            retries: 3
            timeout: 5s
    pgsql_test:
        image: 'postgres:15'
        environment:
            PGPASSWORD: '${DB_PASSWORD:-secret}'
            POSTGRES_DB: '${DB_DATABASE}'
            POSTGRES_USER: '${DB_USERNAME}'
            POSTGRES_PASSWORD: '${DB_PASSWORD:-secret}'
        volumes:
            - 'sail-pgsql-test:/var/lib/postgresql/data'
            - './docker/local/pgsql/create-testing-database.sql:/docker-entrypoint-initdb.d/10-create-testing-database.sql'
        networks:
            - sail
        healthcheck:
            test:
                - CMD
                - pg_isready
                - '-q'
                - '-d'
                - '${DB_DATABASE}'
                - '-U'
                - '${DB_USERNAME}'
            retries: 3
            timeout: 5s
    mailpit:
        image: 'axllent/mailpit:latest'
        labels:
            - "traefik.enable=true"
            - "traefik.docker.network=${NETWORK_NAME}"
            - "traefik.http.services.solidtime-dev-mailpit.loadbalancer.server.port=8025"
            - "traefik.http.routers.solidtime-dev-mailpit.rule=Host(`mail.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-mailpit.entrypoints=web"
            - "traefik.http.routers.solidtime-dev-mailpit.service=solidtime-dev-mailpit"
            - "traefik.http.routers.solidtime-dev-mailpit-https.rule=Host(`mail.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-mailpit-https.service=solidtime-dev-mailpit"
            - "traefik.http.routers.solidtime-dev-mailpit-https.entrypoints=websecure"
            - "traefik.http.routers.solidtime-dev-mailpit-https.tls=true"
        networks:
            - sail
            - reverse-proxy
    playwright:
        image: mcr.microsoft.com/playwright:v1.58.1-jammy
        command: ['npx', 'playwright', 'test', '--ui-port=8080', '--ui-host=0.0.0.0']
        working_dir: /src
        extra_hosts:
            - "${NGINX_HOST_NAME}:${REVERSE_PROXY_IP:-10.100.100.10}"
            - "${VITE_HOST_NAME}:${REVERSE_PROXY_IP:-10.100.100.10}"
        labels:
            - "traefik.enable=true"
            - "traefik.docker.network=${NETWORK_NAME}"
            - "traefik.http.services.solidtime-dev-playwright.loadbalancer.server.port=8080"
            - "traefik.http.routers.solidtime-dev-playwright.rule=Host(`playwright.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-playwright.entrypoints=web"
            - "traefik.http.routers.solidtime-dev-playwright-https.rule=Host(`playwright.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-playwright-https.entrypoints=websecure"
            - "traefik.http.routers.solidtime-dev-playwright-https.tls=true"
        networks:
            - sail
            - reverse-proxy
        volumes:
            - '.:/src'
    minio:
        image: 'minio/minio:latest'
        environment:
            MINIO_BROWSER_REDIRECT_URL: 'https://storage-management.${NGINX_HOST_NAME}'
            MINIO_ROOT_USER: 'sail'
            MINIO_ROOT_PASSWORD: 'password'
        volumes:
            - 'sail-minio:/data/minio'
        networks:
            - reverse-proxy
            - sail
        command: minio server /data/minio --console-address ":8900"
        healthcheck:
            test: [ "CMD", "mc", "ready", "local" ]
            interval: 5s
            timeout: 5s
            retries: 5
        labels:
            - "traefik.enable=true"
            - "traefik.docker.network=${NETWORK_NAME}"
            # Storage Frontend
            - "traefik.http.services.solidtime-dev-storage-frontend.loadbalancer.server.port=9000"
            # http
            - "traefik.http.routers.solidtime-dev-storage-frontend.rule=Host(`storage.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-storage-frontend.service=solidtime-dev-storage-frontend"
            - "traefik.http.routers.solidtime-dev-storage-frontend.entrypoints=web"
            # https
            - "traefik.http.routers.solidtime-dev-storage-frontend-https.rule=Host(`storage.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-storage-frontend-https.service=solidtime-dev-storage-frontend"
            - "traefik.http.routers.solidtime-dev-storage-frontend-https.entrypoints=websecure"
            - "traefik.http.routers.solidtime-dev-storage-frontend-https.tls=true"
            # Storage Management
            - "traefik.http.services.solidtime-dev-storage-management.loadbalancer.server.port=8900"
            # http
            - "traefik.http.routers.solidtime-dev-storage-management.rule=Host(`storage-management.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-storage-management.service=solidtime-dev-storage-management"
            - "traefik.http.routers.solidtime-dev-storage-management.entrypoints=web"
            # https
            - "traefik.http.routers.solidtime-dev-storage-management-https.rule=Host(`storage-management.${NGINX_HOST_NAME}`)"
            - "traefik.http.routers.solidtime-dev-storage-management-https.service=solidtime-dev-storage-management"
            - "traefik.http.routers.solidtime-dev-storage-management-https.entrypoints=websecure"
            - "traefik.http.routers.solidtime-dev-storage-management-https.tls=true"

    minio-create-bucket:
        image: minio/mc:latest
        depends_on:
            - minio
        environment:
            S3_ACCESS_KEY_ID: ${S3_ACCESS_KEY_ID}
            S3_SECRET_ACCESS_KEY: ${S3_SECRET_ACCESS_KEY}
            S3_BUCKET: ${S3_BUCKET}
            S3_ENDPOINT: ${S3_ENDPOINT}
        volumes:
            - './docker/local/minio:/etc/minio'
        networks:
            - sail
            - reverse-proxy
        entrypoint: /etc/minio/create_bucket.sh
        extra_hosts:
            - "storage.${NGINX_HOST_NAME}:${REVERSE_PROXY_IP:-10.100.100.10}"

    gotenberg:
        image: gotenberg/gotenberg:8
        networks:
            - sail
        healthcheck:
            test: ["CMD", "curl", "--silent", "--fail", "http://localhost:3000/health"]
networks:
    reverse-proxy:
        name: "${NETWORK_NAME}"
        external: true
    sail:
        driver: bridge
volumes:
    sail-pgsql:
        driver: local
    sail-pgsql-test:
        driver: local
    sail-minio:
        driver: local


================================================
FILE: e2e/auth.spec.ts
================================================
import { expect, test } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { getPasswordResetUrl } from './utils/mailpit';

async function registerNewUser(page, email, password) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/register');
    await page.getByLabel('Name').fill('John Doe');
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password', { exact: true }).fill(password);
    await page.getByLabel('Confirm Password').fill(password);
    await page.getByLabel('I agree to the Terms of').click();
    await page.getByRole('button', { name: 'Register' }).click();
    await expect(page.getByTestId('dashboard_view')).toBeVisible();
}

test('can register, logout and log back in', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL);
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const password = 'suchagreatpassword123';
    await registerNewUser(page, email, password);
    await expect(page.getByTestId('dashboard_view')).toBeVisible();
    await page.getByTestId('current_user_button').click();
    await page.getByText('Log Out').click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');
    await page.goto(PLAYWRIGHT_BASE_URL + '/login');
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password').fill(password);
    await page.getByRole('button', { name: 'Log in' }).click();
    await expect(page.getByTestId('dashboard_view')).toBeVisible();
});

test('can register and delete account', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL);
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const password = 'suchagreatpassword123';
    await registerNewUser(page, email, password);
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    await page.getByRole('button', { name: 'Delete Account' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await page.getByPlaceholder('Password').fill(password);
    await page.getByRole('dialog').getByRole('button', { name: 'Delete Account' }).click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');
    await page.goto(PLAYWRIGHT_BASE_URL + '/login');
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password').fill(password);
    await page.getByRole('button', { name: 'Log in' }).click();
    await expect(page.getByRole('alert')).toContainText(
        'These credentials do not match our records.'
    );
});

test('shows error for invalid email on forgot password', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');

    // Request password reset with non-existent email
    await page.getByLabel('Email').fill('nonexistent@example.com');
    await page.getByRole('button', { name: 'Email Password Reset Link' }).click();

    // Should show error message
    await expect(page.getByText("We can't find a user with that email address.")).toBeVisible();
});

test('shows browser validation for invalid email format on forgot password', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');

    // Request password reset with invalid email format
    const emailInput = page.getByLabel('Email');
    await emailInput.fill('notanemail');

    // Check for browser validation - the input should be invalid
    const isInvalid = await emailInput.evaluate((el: HTMLInputElement) => !el.validity.valid);
    expect(isInvalid).toBe(true);
});

test('shows browser validation for empty email on forgot password', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');

    // The email input is required, so it should be invalid when empty
    const emailInput = page.getByLabel('Email');

    // Check for browser validation - the input should be invalid because it's required and empty
    const isInvalid = await emailInput.evaluate((el: HTMLInputElement) => el.validity.valueMissing);
    expect(isInvalid).toBe(true);
});

test('can reset password via email link', async ({ page, request }) => {
    // First register a new user
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const originalPassword = 'suchagreatpassword123';
    const newPassword = 'mynewsecurepassword456';
    await registerNewUser(page, email, originalPassword);

    // Log out
    await page.getByTestId('current_user_button').click();
    await page.getByText('Log Out').click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');

    // Request password reset
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');
    await page.getByLabel('Email').fill(email);
    await page.getByRole('button', { name: 'Email Password Reset Link' }).click();
    await expect(page.getByText('We have emailed your password reset link.')).toBeVisible();

    // Get password reset URL from email
    const resetUrl = await getPasswordResetUrl(request, email);

    // Navigate to reset page
    await page.goto(resetUrl);

    // Fill in new password
    await page.getByLabel('Password', { exact: true }).fill(newPassword);
    await page.getByLabel('Confirm Password').fill(newPassword);
    await page.getByRole('button', { name: 'Reset Password' }).click();

    // Should redirect to login page after successful reset
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');

    // Try logging in with new password
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password').fill(newPassword);
    await page.getByRole('button', { name: 'Log in' }).click();
    await expect(page.getByTestId('dashboard_view')).toBeVisible();
});

test('shows validation error for password mismatch on reset', async ({ page, request }) => {
    // First register a new user
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const originalPassword = 'suchagreatpassword123';
    await registerNewUser(page, email, originalPassword);

    // Log out
    await page.getByTestId('current_user_button').click();
    await page.getByText('Log Out').click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');

    // Request password reset
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');
    await page.getByLabel('Email').fill(email);
    await page.getByRole('button', { name: 'Email Password Reset Link' }).click();
    await expect(page.getByText('We have emailed your password reset link.')).toBeVisible();

    // Get password reset URL from email
    const resetUrl = await getPasswordResetUrl(request, email);

    // Navigate to reset page
    await page.goto(resetUrl);

    // Fill in mismatched passwords
    await page.getByLabel('Password', { exact: true }).fill('newpassword123');
    await page.getByLabel('Confirm Password').fill('differentpassword456');
    await page.getByRole('button', { name: 'Reset Password' }).click();

    // Should show validation error
    await expect(page.getByText('The password field confirmation does not match.')).toBeVisible();
});

test('shows validation error for short password on reset', async ({ page, request }) => {
    // First register a new user
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const originalPassword = 'suchagreatpassword123';
    await registerNewUser(page, email, originalPassword);

    // Log out
    await page.getByTestId('current_user_button').click();
    await page.getByText('Log Out').click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');

    // Request password reset
    await page.goto(PLAYWRIGHT_BASE_URL + '/forgot-password');
    await page.getByLabel('Email').fill(email);
    await page.getByRole('button', { name: 'Email Password Reset Link' }).click();
    await expect(page.getByText('We have emailed your password reset link.')).toBeVisible();

    // Get password reset URL from email
    const resetUrl = await getPasswordResetUrl(request, email);

    // Navigate to reset page
    await page.goto(resetUrl);

    // Fill in short password
    await page.getByLabel('Password', { exact: true }).fill('short');
    await page.getByLabel('Confirm Password').fill('short');
    await page.getByRole('button', { name: 'Reset Password' }).click();

    // Should show validation error about minimum length
    await expect(page.getByText('must be at least')).toBeVisible();
});

test('shows error for invalid login credentials', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/login');
    await page.getByLabel('Email').fill('nonexistent@example.com');
    await page.getByLabel('Password').fill('wrongpassword123');
    await page.getByRole('button', { name: 'Log in' }).click();

    await expect(page.getByText('These credentials do not match our records.')).toBeVisible();
});

test('shows error when registering with existing email', async ({ page }) => {
    const email = `john+${Math.round(Math.random() * 10000)}@doe.com`;
    const password = 'suchagreatpassword123';

    // Register first user
    await registerNewUser(page, email, password);

    // Log out
    await page.getByTestId('current_user_button').click();
    await page.getByText('Log Out').click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/login');

    // Try to register with the same email
    await page.goto(PLAYWRIGHT_BASE_URL + '/register');
    await page.getByLabel('Name').fill('Another User');
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password', { exact: true }).fill(password);
    await page.getByLabel('Confirm Password').fill(password);
    await page.getByLabel('I agree to the Terms of').click();
    await page.getByRole('button', { name: 'Register' }).click();

    // Should show error about email already taken
    await expect(page.getByText('The resource already exists.')).toBeVisible();
});

test('shows validation error for weak password on registration', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/register');
    await page.getByLabel('Name').fill('Weak Password User');
    await page.getByLabel('Email').fill(`weak+${Math.round(Math.random() * 10000)}@test.com`);
    await page.getByLabel('Password', { exact: true }).fill('short');
    await page.getByLabel('Confirm Password').fill('short');
    await page.getByLabel('I agree to the Terms of').click();
    await page.getByRole('button', { name: 'Register' }).click();

    await expect(page.getByText('must be at least')).toBeVisible();
});


================================================
FILE: e2e/calendar-settings.spec.ts
================================================
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';

async function goToCalendar(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/calendar');
    await expect(page.locator('.fc')).toBeVisible();
}

async function openSettingsPopover(page: Page) {
    await page.getByRole('button', { name: 'Calendar settings' }).click();
    await expect(page.getByText('Calendar Settings')).toBeVisible();
}

async function clearCalendarSettings(page: Page) {
    await page.evaluate(() => localStorage.removeItem('solidtime:calendar-settings'));
}

test.describe('Calendar Settings', () => {
    test.beforeEach(async ({ page }) => {
        await clearCalendarSettings(page);
    });

    test('settings popover shows all fields with correct defaults', async ({ page }) => {
        await goToCalendar(page);
        await openSettingsPopover(page);

        await expect(page.getByLabel('Snap Interval')).toContainText('15 min');
        await expect(page.getByLabel('Start Time')).toContainText('12:00 AM');
        await expect(page.getByLabel('End Time')).toContainText('12:00 AM (next)');
        await expect(page.getByLabel('Grid Scale')).toContainText('15 min');
    });

    test('snap interval can be changed and persists across reload', async ({ page }) => {
        await goToCalendar(page);
        await openSettingsPopover(page);

        // Change snap interval to 30 min
        await page.getByLabel('Snap Interval').click();
        await page.getByRole('option', { name: '30 min' }).click();
        await page.locator('.fc-toolbar-title').click();

        // Verify localStorage was updated
        const stored = await page.evaluate(() =>
            JSON.parse(localStorage.getItem('solidtime:calendar-settings') || '{}')
        );
        expect(stored.snapMinutes).toBe(30);

        // Reload and verify persistence
        await page.reload();
        await expect(page.locator('.fc')).toBeVisible();
        await openSettingsPopover(page);
        await expect(page.getByLabel('Snap Interval')).toContainText('30 min');
    });

    test('start time change is applied to calendar and rejects values >= end time', async ({
        page,
    }) => {
        await goToCalendar(page);

        // Verify 7 AM slot exists with default start (00:00)
        await expect(page.locator('.fc-timegrid-slot[data-time="07:00:00"]')).not.toHaveCount(0);

        await openSettingsPopover(page);

        // Set end time to 6 PM first
        await page.getByLabel('End Time').click();
        await page.getByRole('option', { name: '6:00 PM' }).click();

        // Change start time to 8 AM (valid)
        await page.getByLabel('Start Time').click();
        await page.getByRole('option', { name: '8:00 AM' }).click();
        await page.locator('.fc-toolbar-title').click();

        // Calendar should no longer show hours before 8 AM
        await expect(page.locator('.fc-timegrid-slot[data-time="07:00:00"]')).toHaveCount(0);
        await expect(page.locator('.fc-timegrid-slot[data-time="08:00:00"]')).not.toHaveCount(0);

        // Try to set start time to 6 PM (invalid: equals end time)
        await openSettingsPopover(page);
        await page.getByLabel('Start Time').click();
        await page.getByRole('option', { name: '6:00 PM' }).click();

        // Should be rejected — start time stays at 8 AM
        await expect(page.getByLabel('Start Time')).toContainText('8:00 AM');
    });

    test('end time change is applied to calendar and rejects values <= start time', async ({
        page,
    }) => {
        await goToCalendar(page);

        // Verify 19:00 slot exists with default end (24:00)
        await expect(page.locator('.fc-timegrid-slot[data-time="19:00:00"]')).not.toHaveCount(0);

        await openSettingsPopover(page);

        // Set start time to 8 AM first
        await page.getByLabel('Start Time').click();
        await page.getByRole('option', { name: '8:00 AM' }).click();

        // Change end time to 6 PM (valid)
        await page.getByLabel('End Time').click();
        await page.getByRole('option', { name: '6:00 PM' }).click();
        await page.locator('.fc-toolbar-title').click();

        // Calendar should no longer show hours at or after 6 PM
        await expect(page.locator('.fc-timegrid-slot[data-time="18:00:00"]')).toHaveCount(0);
        await expect(page.locator('.fc-timegrid-slot[data-time="17:00:00"]')).not.toHaveCount(0);

        // Try to set end time to 8 AM (invalid: equals start time)
        await openSettingsPopover(page);
        await page.getByLabel('End Time').click();
        await page.getByRole('option', { name: '8:00 AM' }).click();

        // Should be rejected — end time stays at 6 PM
        await expect(page.getByLabel('End Time')).toContainText('6:00 PM');
    });

    test('grid scale affects number of calendar slots', async ({ page }) => {
        await goToCalendar(page);

        // Count slots with default 15-min scale
        const defaultSlotCount = await page.locator('.fc-timegrid-slot').count();

        // Change to 30 min scale (should halve the slots)
        await openSettingsPopover(page);
        await page.getByLabel('Grid Scale').click();
        await page.getByRole('option', { name: '30 min' }).click();
        await page.locator('.fc-toolbar-title').click();

        const largerSlotCount = await page.locator('.fc-timegrid-slot').count();
        expect(largerSlotCount).toBeLessThan(defaultSlotCount);

        // Change to 5 min scale (should have many more slots)
        await openSettingsPopover(page);
        await page.getByLabel('Grid Scale').click();
        await page.getByRole('option', { name: '5 min', exact: true }).click();
        await page.locator('.fc-toolbar-title').click();

        const smallerSlotCount = await page.locator('.fc-timegrid-slot').count();
        expect(smallerSlotCount).toBeGreaterThan(defaultSlotCount);
    });

    test('all settings persist across navigation', async ({ page }) => {
        await goToCalendar(page);
        await openSettingsPopover(page);

        // Change every setting
        await page.getByLabel('Snap Interval').click();
        await page.getByRole('option', { name: '5 min', exact: true }).click();
        await page.getByLabel('Start Time').click();
        await page.getByRole('option', { name: '6:00 AM' }).click();
        await page.getByLabel('End Time').click();
        await page.getByRole('option', { name: '10:00 PM' }).click();
        await page.getByLabel('Grid Scale').click();
        await page.getByRole('option', { name: '30 min' }).click();
        await page.locator('.fc-toolbar-title').click();

        // Navigate away and back
        await page.goto(PLAYWRIGHT_BASE_URL + '/time');
        await goToCalendar(page);

        // Verify all settings persisted
        await openSettingsPopover(page);
        await expect(page.getByLabel('Snap Interval')).toContainText('5 min');
        await expect(page.getByLabel('Start Time')).toContainText('6:00 AM');
        await expect(page.getByLabel('End Time')).toContainText('10:00 PM');
        await expect(page.getByLabel('Grid Scale')).toContainText('30 min');
    });
});


================================================
FILE: e2e/calendar.spec.ts
================================================
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import {
    createBillableProjectViaApi,
    createProjectViaApi,
    createBareTimeEntryViaApi,
    createTimeEntryViaApi,
} from './utils/api';

async function goToCalendar(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/calendar');
}

/**
 * These tests verify that changing the project on a time entry via the calendar
 * updates the billable status to match the new project's is_billable setting.
 *
 * Issue: https://github.com/solidtime-io/solidtime/issues/981
 */

test('test that changing project in calendar edit modal from non-billable to billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Cal Project ' + Math.floor(1 + Math.random() * 10000);

    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable calendar', '1h');

    await goToCalendar(page);

    // Click on the time entry event in the calendar
    await page.locator('.fc-event').filter({ hasText: 'Test billable calendar' }).first().click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Verify initially non-billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Select the billable project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify the billable dropdown updated to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Save and verify
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(true);
});

test('test that changing project in calendar edit modal from billable to non-billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Cal Rev Project ' + Math.floor(1 + Math.random() * 10000);
    const nonBillableProjectName =
        'NonBillable Cal Rev Project ' + Math.floor(1 + Math.random() * 10000);

    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createProjectViaApi(ctx, { name: nonBillableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable cal reverse', '1h');

    await goToCalendar(page);

    // Click on the time entry event in the calendar
    await page
        .locator('.fc-event')
        .filter({ hasText: 'Test billable cal reverse' })
        .first()
        .click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // First assign the billable project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify billable status flipped to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Now switch to the non-billable project
    await page.getByRole('dialog').getByRole('button', { name: billableProjectName }).click();
    await page.getByRole('option', { name: nonBillableProjectName }).click();

    // Verify billable status reverted to Non-Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save and verify
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(false);
});

test('test that opening calendar edit modal for a time entry with manually overridden billable status preserves that status', async ({
    page,
    ctx,
}) => {
    const billableProjectName =
        'Billable Cal Persist Project ' + Math.floor(1 + Math.random() * 10000);

    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test cal persist override', '1h');

    await goToCalendar(page);

    // Click on the time entry event in the calendar
    await page
        .locator('.fc-event')
        .filter({ hasText: 'Test cal persist override' })
        .first()
        .click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Assign the billable project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify it auto-set to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Now manually override billable to Non-Billable via the dropdown
    await page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await page.getByRole('option', { name: 'Non Billable' }).click();

    // Verify it shows Non-Billable now
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save
    const [firstSaveResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const firstBody = await firstSaveResponse.json();
    expect(firstBody.data.billable).toBe(false);

    // Re-open the edit modal from the calendar — the project_id watcher should NOT override billable
    await page
        .locator('.fc-event')
        .filter({ hasText: 'Test cal persist override' })
        .first()
        .click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // The billable dropdown should still show Non-Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save without changes and verify the response still has billable=false
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(false);
});

test('test that calendar page loads and displays time entries', async ({ page, ctx }) => {
    await createBareTimeEntryViaApi(ctx, 'Calendar display test', '1h');

    await goToCalendar(page);

    // Calendar container should be visible
    await expect(page.locator('.fc')).toBeVisible();

    // The time entry should appear as a calendar event
    await expect(
        page.locator('.fc-event').filter({ hasText: 'Calendar display test' }).first()
    ).toBeVisible();
});

test('test that calendar navigation buttons work', async ({ page }) => {
    await goToCalendar(page);
    await expect(page.locator('.fc')).toBeVisible();

    // Click the "next" button to navigate forward
    await page.locator('button.fc-next-button').click();
    await expect(page.locator('.fc')).toBeVisible();

    // Click the "prev" button to navigate back
    await page.locator('button.fc-prev-button').click();
    await expect(page.locator('.fc')).toBeVisible();

    // Navigate forward first so "today" button becomes enabled, then click it
    await page.locator('button.fc-next-button').click();
    await page.locator('button.fc-today-button').click();
    await expect(page.locator('.fc')).toBeVisible();
});

test('test that editing time entry description via calendar modal works', async ({ page, ctx }) => {
    const originalDescription = 'Edit me in calendar ' + Math.floor(1 + Math.random() * 10000);
    const updatedDescription = 'Updated in calendar ' + Math.floor(1 + Math.random() * 10000);
    await createBareTimeEntryViaApi(ctx, originalDescription, '1h');

    await goToCalendar(page);

    // Click on the time entry event
    await page.locator('.fc-event').filter({ hasText: originalDescription }).first().click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Update the description (edit modal uses placeholder, not data-testid)
    const descriptionInput = page.getByRole('dialog').getByPlaceholder('What did you work on?');
    await descriptionInput.fill(updatedDescription);

    // Save and verify
    const [editResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const editBody = await editResponse.json();
    expect(editBody.data.description).toBe(updatedDescription);

    // Verify the updated description is shown in the calendar UI
    await expect(
        page.locator('.fc-event').filter({ hasText: updatedDescription }).first()
    ).toBeVisible();
    // Verify the old description is no longer shown
    await expect(
        page.locator('.fc-event').filter({ hasText: originalDescription })
    ).not.toBeVisible();
});

test('test that deleting time entry from calendar modal works', async ({ page, ctx }) => {
    const description = 'Delete me from calendar ' + Math.floor(1 + Math.random() * 10000);
    await createBareTimeEntryViaApi(ctx, description, '1h');

    await goToCalendar(page);

    // Click on the time entry event
    await page.locator('.fc-event').filter({ hasText: description }).first().click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Click the delete button
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
        page.getByRole('dialog').getByRole('button', { name: 'Delete' }).click(),
    ]);

    // Verify the event is removed from the calendar
    await expect(page.locator('.fc-event').filter({ hasText: description })).not.toBeVisible();
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Calendar Isolation', () => {
    test('employee can only see their own time entries on the calendar', async ({
        ctx,
        employee,
    }) => {
        // Owner creates a time entry for today
        const ownerDescription = 'OwnerCalEntry ' + Math.floor(Math.random() * 10000);
        await createBareTimeEntryViaApi(ctx, ownerDescription, '1h');

        // Create a time entry for the employee for today
        const employeeDescription = 'EmpCalEntry ' + Math.floor(Math.random() * 10000);
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description: employeeDescription, duration: '30min' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/calendar');
        await expect(employee.page.locator('.fc')).toBeVisible({ timeout: 10000 });

        // Employee's event IS visible
        await expect(
            employee.page.locator('.fc-event').filter({ hasText: employeeDescription }).first()
        ).toBeVisible({ timeout: 10000 });

        // Owner's event is NOT visible
        await expect(
            employee.page.locator('.fc-event').filter({ hasText: ownerDescription })
        ).not.toBeVisible();
    });
});


================================================
FILE: e2e/clients.spec.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import {
    createClientViaApi,
    createProjectMemberViaApi,
    createProjectViaApi,
    createPublicProjectViaApi,
} from './utils/api';
import { getTableRowNames } from './utils/table';

async function goToClientsOverview(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/clients');
}

// Create new client via modal
test('test that creating and deleting a new client via the modal works', async ({ page }) => {
    const newClientName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    await goToClientsOverview(page);
    await page.getByRole('button', { name: 'Create Client' }).click();
    await page.getByPlaceholder('Client Name').fill(newClientName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Client' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/clients') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.name === newClientName
        ),
    ]);

    await expect(page.getByTestId('client_table')).toContainText(newClientName);
    const moreButton = page.locator("[aria-label='Actions for Client " + newClientName + "']");
    await moreButton.click();
    const deleteButton = page.locator("[aria-label='Delete Client " + newClientName + "']");

    await Promise.all([
        deleteButton.click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/clients') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);
    await expect(page.getByTestId('client_table')).not.toContainText(newClientName);
});

test('test that archiving and unarchiving clients works', async ({ page, ctx }) => {
    const newClientName = 'New Client ' + Math.floor(1 + Math.random() * 10000);
    await createClientViaApi(ctx, { name: newClientName });

    await goToClientsOverview(page);
    await expect(page.getByText(newClientName)).toBeVisible();

    await page.getByRole('row').first().getByRole('button').click();
    await Promise.all([
        page.getByRole('menuitem').getByText('Archive').click(),
        expect(page.getByText(newClientName)).not.toBeVisible(),
    ]);
    await Promise.all([
        page.getByRole('tab', { name: 'Archived' }).click(),
        expect(page.getByText(newClientName)).toBeVisible(),
    ]);

    await page.getByRole('row').first().getByRole('button').click();
    await Promise.all([
        page.getByRole('menuitem').getByText('Unarchive').click(),
        expect(page.getByText(newClientName)).not.toBeVisible(),
    ]);
    await Promise.all([
        page.getByRole('tab', { name: 'Active' }).click(),
        expect(page.getByText(newClientName)).toBeVisible(),
    ]);
});

test('test that editing a client name works', async ({ page, ctx }) => {
    const originalName = 'Original Client ' + Math.floor(1 + Math.random() * 10000);
    const updatedName = 'Updated Client ' + Math.floor(1 + Math.random() * 10000);
    await createClientViaApi(ctx, { name: originalName });

    await goToClientsOverview(page);
    await expect(page.getByText(originalName)).toBeVisible();

    // Open edit modal via actions menu
    const moreButton = page.locator("[aria-label='Actions for Client " + originalName + "']");
    await moreButton.click();
    await page.getByTestId('client_edit').click();

    // Update the client name
    await page.getByPlaceholder('Client Name').fill(updatedName);
    await Promise.all([
        page.getByRole('button', { name: 'Update Client' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/clients') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Verify updated name is shown and old name is gone
    await expect(page.getByTestId('client_table')).toContainText(updatedName);
    await expect(page.getByTestId('client_table')).not.toContainText(originalName);
});

test('test that deleting a client via actions menu works', async ({ page, ctx }) => {
    const clientName = 'DeleteMe Client ' + Math.floor(1 + Math.random() * 10000);

    await createClientViaApi(ctx, { name: clientName });

    await goToClientsOverview(page);
    await expect(page.getByTestId('client_table')).toContainText(clientName);

    const moreButton = page.locator("[aria-label='Actions for Client " + clientName + "']");
    await moreButton.click();
    const deleteButton = page.locator("[aria-label='Delete Client " + clientName + "']");

    await Promise.all([
        deleteButton.click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/clients') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);

    await expect(page.getByTestId('client_table')).not.toContainText(clientName);
});

// =============================================
// Sorting Tests
// =============================================

async function clearClientTableState(page: Page) {
    await page.evaluate(() => {
        localStorage.removeItem('client-table-state');
    });
}

test('test that sorting clients by name and status works', async ({ page, ctx }) => {
    await createClientViaApi(ctx, { name: 'AAA SortClient' });
    await createClientViaApi(ctx, { name: 'ZZZ SortClient' });

    await goToClientsOverview(page);
    await clearClientTableState(page);
    await page.reload();

    const table = page.getByTestId('client_table');
    await expect(table).toBeVisible();

    // -- Name sorting (default is name asc) --
    let names = await getTableRowNames(table);
    expect(names.indexOf('AAA SortClient')).toBeLessThan(names.indexOf('ZZZ SortClient'));

    const nameHeader = table.getByText('Name').first();
    await nameHeader.click(); // toggle to desc
    names = await getTableRowNames(table);
    expect(names.indexOf('ZZZ SortClient')).toBeLessThan(names.indexOf('AAA SortClient'));

    // -- Status sorting --
    const statusHeader = table.getByText('Status').first();
    await statusHeader.click(); // asc
    await expect(statusHeader.locator('svg')).toBeVisible();
    await statusHeader.click(); // desc
    await expect(statusHeader.locator('svg')).toBeVisible();
});

test('test that sorting clients by project count works', async ({ page, ctx }) => {
    const clientWithMany = await createClientViaApi(ctx, { name: 'ManyProjects Client' });
    const clientWithNone = await createClientViaApi(ctx, { name: 'NoProjects Client' });

    // Create projects for the first client
    await createProjectViaApi(ctx, { name: 'Proj1', client_id: clientWithMany.id });
    await createProjectViaApi(ctx, { name: 'Proj2', client_id: clientWithMany.id });

    await goToClientsOverview(page);
    await clearClientTableState(page);
    await page.reload();

    const table = page.getByTestId('client_table');
    await expect(table).toBeVisible();

    // Click Projects header - first click should sort desc (most projects first)
    const projectsHeader = table.getByText('Projects').first();
    await projectsHeader.click();
    await expect(projectsHeader.locator('svg')).toBeVisible();
    let names = await getTableRowNames(table);
    expect(names.indexOf('ManyProjects Client')).toBeLessThan(names.indexOf('NoProjects Client'));

    // Second click toggles to asc (least projects first)
    await projectsHeader.click();
    names = await getTableRowNames(table);
    expect(names.indexOf('NoProjects Client')).toBeLessThan(names.indexOf('ManyProjects Client'));
});

test('test that client sort state persists after page reload', async ({ page }) => {
    await goToClientsOverview(page);
    await clearClientTableState(page);
    await page.reload();

    const table = page.getByTestId('client_table');
    await expect(table).toBeVisible();

    const nameHeader = table.getByText('Name').first();
    await nameHeader.click(); // toggle to desc
    await expect(nameHeader.locator('svg')).toBeVisible();

    await page.reload();

    await expect(page.getByTestId('client_table')).toBeVisible();
    await expect(
        page.getByTestId('client_table').getByText('Name').first().locator('svg')
    ).toBeVisible();
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Clients Restrictions', () => {
    test('employee can view clients but cannot create', async ({ ctx, employee }) => {
        // Create a client with a public project so the employee can see the client
        const clientName = 'EmpViewClient ' + Math.floor(Math.random() * 10000);
        const client = await createClientViaApi(ctx, { name: clientName });
        await createPublicProjectViaApi(ctx, { name: 'EmpClientProj', client_id: client.id });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/clients');
        await expect(employee.page.getByTestId('clients_view')).toBeVisible({
            timeout: 10000,
        });

        // Employee can see the client
        await expect(employee.page.getByText(clientName)).toBeVisible({ timeout: 10000 });

        // Employee cannot see Create Client button
        await expect(
            employee.page.getByRole('button', { name: 'Create Client' })
        ).not.toBeVisible();
    });

    test('employee cannot see edit/delete/archive actions on clients', async ({
        ctx,
        employee,
    }) => {
        const clientName = 'EmpActionsClient ' + Math.floor(Math.random() * 10000);
        const client = await createClientViaApi(ctx, { name: clientName });
        await createPublicProjectViaApi(ctx, { name: 'EmpClientActProj', client_id: client.id });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/clients');
        await expect(employee.page.getByText(clientName)).toBeVisible({ timeout: 10000 });

        // Click the actions dropdown trigger to open the menu
        const actionsButton = employee.page.locator(
            `[aria-label='Actions for Client ${clientName}']`
        );
        await actionsButton.click();

        // The dropdown menu items (Edit, Archive, Delete) should NOT be visible
        await expect(
            employee.page.locator(`[aria-label='Edit Client ${clientName}']`)
        ).not.toBeVisible();
        await expect(
            employee.page.locator(`[aria-label='Archive Client ${clientName}']`)
        ).not.toBeVisible();
        await expect(
            employee.page.locator(`[aria-label='Delete Client ${clientName}']`)
        ).not.toBeVisible();
    });

    test('employee can see client when they are a member of its private project', async ({
        ctx,
        employee,
    }) => {
        const clientName = 'EmpPrivateClient ' + Math.floor(Math.random() * 10000);
        const client = await createClientViaApi(ctx, { name: clientName });

        // Create a private project under this client
        const project = await createProjectViaApi(ctx, {
            name: 'PrivateProj',
            client_id: client.id,
            is_public: false,
        });

        // Add the employee as a project member
        await createProjectMemberViaApi(ctx, project.id, {
            member_id: employee.memberId,
        });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/clients');
        await expect(employee.page.getByTestId('clients_view')).toBeVisible({
            timeout: 10000,
        });

        // Employee can see the client because they are a member of its private project
        await expect(employee.page.getByText(clientName)).toBeVisible({ timeout: 10000 });
    });
});


================================================
FILE: e2e/command-palette.spec.ts
================================================
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import type { Page } from '@playwright/test';

const TIMER_BUTTON_SELECTOR = '[data-testid="dashboard_timer"] [data-testid="timer_button"]';

async function goToDashboard(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
}

async function openCommandPalette(page: Page) {
    await page.getByTestId('command_palette_button').click();
    await expect(page.locator('[role="dialog"]')).toBeVisible({ timeout: 5000 });
}

async function closeCommandPalette(page: Page) {
    await page.keyboard.press('Escape');
    await expect(page.locator('[role="dialog"]')).not.toBeVisible();
}

async function searchInCommandPalette(page: Page, query: string) {
    await page.locator('[role="dialog"] input').fill(query);
    // Wait for search debounce to settle (command palette uses a debounced search)
    await page.waitForTimeout(300);
}

async function selectCommand(page: Page, name: string) {
    const option = page.getByRole('option', { name, exact: true });
    await option.scrollIntoViewIfNeeded();
    await option.click();
}

async function assertTimerIsRunning(page: Page) {
    await expect(page.locator(TIMER_BUTTON_SELECTOR).and(page.locator(':visible'))).toHaveClass(
        /bg-red-400\/80/,
        {
            timeout: 10000,
        }
    );
}

async function assertTimerIsStopped(page: Page) {
    await expect(page.locator(TIMER_BUTTON_SELECTOR).and(page.locator(':visible'))).toHaveClass(
        /bg-accent-300\/70/,
        {
            timeout: 10000,
        }
    );
}

test.describe('Command Palette', () => {
    test.describe('Opening and Closing', () => {
        test('opens via search button and closes with Escape', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await expect(
                page.locator('[role="dialog"] input[placeholder*="command"]')
            ).toBeVisible();

            await closeCommandPalette(page);
            await expect(page.locator('[role="dialog"]')).not.toBeVisible();
        });

        test('opens with keyboard shortcut', async ({ page }) => {
            await goToDashboard(page);
            // Click on body to ensure page has focus
            await page.locator('body').click();
            // Use ControlOrMeta which resolves to Ctrl on Linux/Windows and Meta on macOS
            await page.keyboard.press('ControlOrMeta+k');
            await expect(page.locator('[role="dialog"]')).toBeVisible({ timeout: 5000 });
        });

        test('clears search on close', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'dashboard');
            await closeCommandPalette(page);

            await openCommandPalette(page);
            await expect(page.locator('[role="dialog"] input')).toHaveValue('');
        });
    });

    test.describe('Command Display', () => {
        test('displays navigation and timer commands', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            // Navigation commands
            await expect(page.getByRole('option', { name: 'Go to Dashboard' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Go to Time' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Go to Calendar' })).toBeVisible();

            // Timer commands
            await expect(page.getByRole('option', { name: 'Start Timer' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Create Time Entry' })).toBeVisible();
        });

        test('displays create commands', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            await expect(page.getByRole('option', { name: 'Create Project' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Create Client' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Create Tag' })).toBeVisible();
        });
    });

    test.describe('Navigation Commands', () => {
        // Tests use element visibility assertions for consistency with codebase patterns
        const navigationTests = [
            ['Go to Dashboard', 'dashboard_view', '/time'],
            ['Go to Time', 'time_view', '/dashboard'],
            ['Go to Calendar', 'calendar_view', '/dashboard'],
            ['Go to Projects', 'projects_view', '/dashboard'],
            ['Go to Clients', 'clients_view', '/dashboard'],
            ['Go to Members', 'members_view', '/dashboard'],
            ['Go to Tags', 'tags_view', '/dashboard'],
        ] as const;

        for (const [commandName, expectedTestId, startUrl] of navigationTests) {
            test(`${commandName}`, async ({ page }) => {
                await page.goto(PLAYWRIGHT_BASE_URL + startUrl);
                await openCommandPalette(page);
                await searchInCommandPalette(page, commandName.replace('Go to ', ''));
                await selectCommand(page, commandName);
                await expect(page.getByTestId(expectedTestId)).toBeVisible({ timeout: 10000 });
            });
        }

        test('Go to Profile', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Profile');
            await selectCommand(page, 'Go to Profile');
            // Profile page doesn't have a testId, so check for a unique element
            await expect(page.getByRole('heading', { name: 'Profile Information' })).toBeVisible({
                timeout: 10000,
            });
        });

        test('Go to Reporting Overview', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Reporting Overview');
            await selectCommand(page, 'Go to Reporting Overview');
            await expect(page.getByTestId('reporting_view')).toBeVisible({ timeout: 10000 });
        });

        test('Go to Settings', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Settings');
            await selectCommand(page, 'Go to Settings');
            // Settings page uses team settings which has an h3 heading
            await expect(
                page.getByRole('heading', { name: 'Organization Name', level: 3 })
            ).toBeVisible({
                timeout: 10000,
            });
        });
    });

    test.describe('Search and Filtering', () => {
        test('filters commands when searching', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            await searchInCommandPalette(page, 'dashboard');
            await expect(page.getByRole('option', { name: 'Go to Dashboard' })).toBeVisible();

            await searchInCommandPalette(page, 'calendar');
            await expect(page.getByRole('option', { name: 'Go to Calendar' })).toBeVisible();
        });

        test('search is case insensitive', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            await searchInCommandPalette(page, 'DASHBOARD');
            await expect(page.getByRole('option', { name: 'Go to Dashboard' })).toBeVisible();
        });

        test('partial word search works', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            await searchInCommandPalette(page, 'proj');
            await expect(page.getByRole('option', { name: 'Go to Projects' })).toBeVisible();
            await expect(page.getByRole('option', { name: 'Create Project' })).toBeVisible();
        });

        test('keyboard navigation and selection works', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            await page.keyboard.press('ArrowDown');
            await page.keyboard.press('ArrowDown');
            await page.keyboard.press('Enter');

            await expect(page.locator('[role="dialog"]')).not.toBeVisible();
        });
    });

    test.describe('Theme Commands', () => {
        test('switches to dark theme', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Dark Theme');
            await selectCommand(page, 'Switch to Dark Theme');
            await expect(page.locator('html')).toHaveClass(/dark/);
        });

        test('switches to light theme', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Light Theme');
            await selectCommand(page, 'Switch to Light Theme');
            await expect(page.locator('html')).toHaveClass(/light/);
        });
    });

    test.describe('Timer Commands', () => {
        test('starts and stops timer', async ({ page }) => {
            await goToDashboard(page);

            // Start timer
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Start Timer');
            await selectCommand(page, 'Start Timer');
            await assertTimerIsRunning(page);

            // Stop timer
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Stop Timer');
            await selectCommand(page, 'Stop Timer');
            await assertTimerIsStopped(page);
        });

        test('shows active timer commands when running', async ({ page }) => {
            await goToDashboard(page);

            // Start timer
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Start Timer');
            await selectCommand(page, 'Start Timer');
            await assertTimerIsRunning(page);

            // Check active timer commands - search for them to ensure visibility
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Set Project');
            await expect(page.getByRole('option', { name: 'Set Project' })).toBeVisible();
        });
    });

    test.describe('Create Commands', () => {
        test('opens create time entry modal', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Create Time Entry');
            await selectCommand(page, 'Create Time Entry');
            await expect(
                page.locator('[role="dialog"]').getByText('Create manual time entry')
            ).toBeVisible();
        });

        test('opens create project modal', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Create Project');
            await selectCommand(page, 'Create Project');
            await expect(
                page.locator('[role="dialog"]').getByRole('heading', { name: 'Create Project' })
            ).toBeVisible();
        });

        test('opens create client modal', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Create Client');
            await selectCommand(page, 'Create Client');
            await expect(
                page.locator('[role="dialog"]').getByRole('heading', { name: 'Create Client' })
            ).toBeVisible();
        });

        test('opens create tag modal', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Create Tag');
            await selectCommand(page, 'Create Tag');
            await expect(page.locator('[role="dialog"]').getByText('Create Tags')).toBeVisible();
        });

        test('opens invite member modal', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Invite Member');
            await selectCommand(page, 'Invite Member');
            // Modal has title with "Invite Member" text - use first() to get the title span
            await expect(
                page.locator('[role="dialog"]').getByText('Invite Member').first()
            ).toBeVisible();
        });
    });

    test.describe('Entity Search', () => {
        test('searches for projects and navigates on selection', async ({ page }) => {
            const projectName = 'CmdPalette' + Math.floor(Math.random() * 10000);

            // Create project first
            await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
            await page.getByRole('button', { name: 'Create Project' }).click();
            await page.getByPlaceholder('The next big thing').fill(projectName);

            await page.getByRole('button', { name: 'Create Project' }).click();
            // Wait for project to be created and page to update
            await expect(page.getByText(projectName)).toBeVisible({ timeout: 10000 });

            // Search from the projects page where the query cache now has the new project
            await openCommandPalette(page);
            await searchInCommandPalette(page, projectName);

            // Wait for entity search to return results
            const projectOption = page.getByRole('option').filter({ hasText: projectName });
            await expect(projectOption).toBeVisible({
                timeout: 5000,
            });

            // Select the project from search results
            await projectOption.click();
        });
    });

    test.describe('Organization Switching', () => {
        test('shows switch commands only when multiple organizations exist', async ({ page }) => {
            await goToDashboard(page);
            await openCommandPalette(page);

            // With only one org, no switch commands should appear
            await searchInCommandPalette(page, 'Switch to');
            // Check that no organization switch commands appear (only theme switch commands)
            const switchOptions = page.getByRole('option', { name: /^Switch to (?!.*Theme)/ });
            await expect(switchOptions).toHaveCount(0);
        });

        test('switches organization via command palette', async ({ page }) => {
            const newOrgName = 'TestOrg' + Math.floor(Math.random() * 10000);

            // Create a new organization
            await page.goto(PLAYWRIGHT_BASE_URL + '/teams/create');
            await page.getByLabel('Organization Name').fill(newOrgName);
            await page.getByRole('button', { name: 'Create' }).click();

            // Wait for navigation to new org's dashboard
            await expect(page.getByTestId('dashboard_view')).toBeVisible({ timeout: 10000 });

            // Use visible switcher (desktop sidebar has one, mobile header has another)
            const orgSwitcher = page.locator('[data-testid="organization_switcher"]:visible');

            // Verify we're in the new org by checking the switcher
            await expect(orgSwitcher).toContainText(newOrgName);

            // Get the original org name from switcher dropdown
            await orgSwitcher.click();
            await expect(page.getByText('Switch Organizations')).toBeVisible();

            // Find the other organization button (has ArrowRightIcon, not CheckCircleIcon)
            // The button contains an SVG and a div with the org name
            const otherOrgItem = page.locator('form button').filter({ hasText: /.+/ }).first();
            await expect(otherOrgItem).toBeVisible();
            const originalOrgName = (await otherOrgItem.innerText()).trim();
            await page.keyboard.press('Escape'); // Close dropdown

            // Now use command palette to switch back to original org
            await openCommandPalette(page);
            await searchInCommandPalette(page, 'Switch to');

            // Should see the switch command for the original org
            const switchCommand = page.getByRole('option', {
                name: new RegExp(`Switch to ${originalOrgName}`),
            });
            await expect(switchCommand).toBeVisible();
            await switchCommand.click();

            // Wait for organization switch to complete
            await expect(orgSwitcher).toContainText(originalOrgName, {
                timeout: 10000,
            });
        });

        test('organization switch commands appear in Organization group', async ({ page }) => {
            const newOrgName = 'GroupTestOrg' + Math.floor(Math.random() * 10000);

            // Create a new organization to ensure we have multiple
            await page.goto(PLAYWRIGHT_BASE_URL + '/teams/create');
            await page.getByLabel('Organization Name').fill(newOrgName);
            await page.getByRole('button', { name: 'Create' }).click();
            await expect(page.getByTestId('dashboard_view')).toBeVisible({ timeout: 10000 });

            // Open command palette and check for Organization group heading
            await openCommandPalette(page);

            // The Organization group should be visible when there are switch commands
            await expect(page.getByText('Organization', { exact: true })).toBeVisible();
        });
    });
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Command Palette Restrictions', () => {
    test('employee command palette does not show restricted navigation commands', async ({
        employee,
    }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Open command palette
        await employee.page.getByTestId('command_palette_button').click();
        await expect(employee.page.locator('[role="dialog"]')).toBeVisible({ timeout: 5000 });

        // Available navigation commands
        await expect(employee.page.getByRole('option', { name: 'Go to Dashboard' })).toBeVisible();
        await expect(employee.page.getByRole('option', { name: 'Go to Time' })).toBeVisible();
        await expect(employee.page.getByRole('option', { name: 'Go to Calendar' })).toBeVisible();

        // Restricted commands should NOT be visible
        await expect(
            employee.page.getByRole('option', { name: 'Go to Members' })
        ).not.toBeVisible();
        await expect(
            employee.page.getByRole('option', { name: 'Go to Settings' })
        ).not.toBeVisible();
    });

    test('employee command palette does not show create commands for restricted entities', async ({
        employee,
    }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Open command palette
        await employee.page.getByTestId('command_palette_button').click();
        await expect(employee.page.locator('[role="dialog"]')).toBeVisible({ timeout: 5000 });

        // Search for "Create" to filter
        await employee.page.locator('[role="dialog"] input').fill('Create');
        await employee.page.waitForTimeout(300);

        // Should NOT see create commands for restricted entities
        await expect(
            employee.page.getByRole('option', { name: 'Create Project' })
        ).not.toBeVisible();
        await expect(
            employee.page.getByRole('option', { name: 'Create Client' })
        ).not.toBeVisible();
        await expect(employee.page.getByRole('option', { name: 'Create Tag' })).not.toBeVisible();
        await expect(
            employee.page.getByRole('option', { name: 'Invite Member' })
        ).not.toBeVisible();

        // Should still see Create Time Entry (employees can create time entries)
        await expect(
            employee.page.getByRole('option', { name: 'Create Time Entry' })
        ).toBeVisible();
    });
});


================================================
FILE: e2e/dashboard.spec.ts
================================================
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import type { Page } from '@playwright/test';
import {
    assertThatTimerHasStarted,
    assertThatTimerIsStopped,
    newTimeEntryResponse,
    startOrStopTimerWithButton,
    stoppedTimeEntryResponse,
} from './utils/currentTimeEntry';
import {
    createBareTimeEntryViaApi,
    createPublicProjectViaApi,
    createTimeEntryViaApi,
    updateOrganizationSettingViaApi,
} from './utils/api';

async function goToDashboard(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
}

test('test that dashboard loads with all expected sections', async ({ page }) => {
    await goToDashboard(page);
    await expect(page.getByTestId('dashboard_view')).toBeVisible({ timeout: 10000 });

    // Timer section (scoped to dashboard_timer to avoid matching sidebar timer)
    await expect(page.getByTestId('time_entry_description')).toBeVisible();
    await expect(
        page
            .getByTestId('dashboard_timer')
            .getByTestId('timer_button')
            .and(page.locator(':visible'))
    ).toBeVisible();

    // Dashboard cards
    await expect(page.getByText('Recent Time Entries', { exact: true })).toBeVisible();
    await expect(page.getByText('Last 7 Days', { exact: true })).toBeVisible();
    await expect(page.getByText('Activity Graph', { exact: true })).toBeVisible();
    await expect(page.getByText('Team Activity', { exact: true })).toBeVisible();

    // Weekly overview section
    await expect(page.getByText('This Week', { exact: true })).toBeVisible();
});

test('test that dashboard shows time entry data after creating entries', async ({ page, ctx }) => {
    await createBareTimeEntryViaApi(ctx, 'Dashboard test entry', '1h');

    await goToDashboard(page);
    await expect(page.getByTestId('dashboard_view')).toBeVisible();

    // The "Last 7 Days" or "This Week" section should reflect tracked time
    await expect(page.getByText('This Week', { exact: true })).toBeVisible();
});

test('test that timer on dashboard can start and stop', async ({ page }) => {
    await goToDashboard(page);
    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);

    await page.waitForTimeout(1500);

    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that weekly overview section displays stat cards', async ({ page, ctx }) => {
    await createBareTimeEntryViaApi(ctx, 'Stats test entry', '2h');

    await goToDashboard(page);

    // Verify stat card labels are visible
    await expect(page.getByText('Spent Time')).toBeVisible();
    await expect(page.getByText('Billable Time')).toBeVisible();
    await expect(page.getByText('Billable Amount')).toBeVisible();
});

test('test that stopping timer refreshes dashboard data', async ({ page }) => {
    await goToDashboard(page);

    // Start timer
    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);
    await page.waitForTimeout(1500);

    // Stop timer and verify dashboard queries are refetched
    await Promise.all([
        stoppedTimeEntryResponse(page),
        page.waitForResponse(
            (response) =>
                response.url().includes('/charts/') &&
                response.request().method() === 'GET' &&
                response.status() === 200
        ),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Dashboard Restrictions', () => {
    test('employee dashboard loads and timer is functional', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Timer should be available
        await expect(
            employee.page
                .getByTestId('dashboard_timer')
                .getByTestId('timer_button')
                .and(employee.page.locator(':visible'))
        ).toBeVisible();
        await expect(employee.page.getByTestId('time_entry_description')).toBeEditable();
    });

    test('employee cannot see Team Activity card', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Other dashboard cards should be visible
        await expect(employee.page.getByText('Recent Time Entries', { exact: true })).toBeVisible();

        // Team Activity should NOT be visible for employees
        await expect(employee.page.getByText('Team Activity', { exact: true })).not.toBeVisible();
    });

    test('employee cannot see Cost column in This Week table by default', async ({
        ctx,
        employee,
    }) => {
        const project = await createPublicProjectViaApi(ctx, {
            name: 'EmpDashBillProj',
            is_billable: true,
            billable_rate: 10000,
        });
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            {
                description: 'Emp dashboard cost entry',
                duration: '1h',
                projectId: project.id,
                billable: true,
            }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // This Week table should be visible
        await expect(employee.page.getByText('This Week', { exact: true })).toBeVisible();

        // Duration column should be visible, but Cost column should NOT
        await expect(employee.page.getByText('Duration', { exact: true })).toBeVisible();
        await expect(employee.page.getByText('Cost', { exact: true })).not.toBeVisible();
    });

    test('employee can see Cost column in This Week table when employees_can_see_billable_rates is enabled', async ({
        ctx,
        employee,
    }) => {
        await updateOrganizationSettingViaApi(ctx, { employees_can_see_billable_rates: true });

        const project = await createPublicProjectViaApi(ctx, {
            name: 'EmpDashBillVisProj',
            is_billable: true,
            billable_rate: 10000,
        });
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            {
                description: 'Emp dashboard cost visible entry',
                duration: '1h',
                projectId: project.id,
                billable: true,
            }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Both Duration and Cost columns should be visible
        await expect(employee.page.getByText('Duration', { exact: true })).toBeVisible();
        await expect(employee.page.getByText('Cost', { exact: true })).toBeVisible();

        // 1h at 100.00/h = 100.00 EUR cost should be visible
        await expect(employee.page.getByText('100,00 EUR').first()).toBeVisible();
    });
});


================================================
FILE: e2e/import-export.spec.ts
================================================
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import type { Page } from '@playwright/test';
import path from 'path';

async function goToImportExport(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/import');
}

test('test that import page loads with type dropdown and file upload', async ({ page }) => {
    await goToImportExport(page);
    await expect(page.getByTestId('import_view')).toBeVisible({ timeout: 10000 });

    // Import section
    await expect(page.getByRole('heading', { name: 'Import Data' })).toBeVisible();
    await expect(page.locator('#importType')).toBeVisible();

    // Export section
    await expect(page.getByRole('heading', { name: 'Export Data' })).toBeVisible();
    await expect(page.getByRole('button', { name: 'Export Organization Data' })).toBeVisible();
});

test('test that selecting an import type shows instructions', async ({ page }) => {
    await goToImportExport(page);

    // Select a Toggl import type
    await page.getByLabel('Import Type').selectOption({ index: 1 });

    // Instructions should appear
    await expect(page.getByText('Instructions:')).toBeVisible();
});

test('test that importing without selecting type shows error', async ({ page }) => {
    await goToImportExport(page);

    // Click Import Data without selecting a type
    await page.getByRole('button', { name: 'Import Data' }).click();

    // Should show an error notification
    await expect(page.getByText('Please select the import type')).toBeVisible();
});

test('test that importing without selecting file shows error', async ({ page }) => {
    await goToImportExport(page);

    // Select an import type first
    await page.getByLabel('Import Type').selectOption({ index: 1 });

    // Click Import Data without selecting a file
    await page.getByRole('button', { name: 'Import Data' }).click();

    // Should show an error notification
    await expect(
        page.getByText('Please select the CSV or ZIP file that you want to import')
    ).toBeVisible();
});

test('test that export button triggers export and shows success modal', async ({ page }) => {
    await goToImportExport(page);
    await expect(page.getByRole('button', { name: 'Export Organization Data' })).toBeVisible();

    // Override window.open to prevent the page from navigating away to the
    // download URL (the app uses window.open(url, '_self') which would navigate
    // away before we can verify the success modal)
    await page.evaluate(() => {
        window.open = () => null;
    });

    // Click Export Organization Data and wait for the API response
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/export') &&
                response.request().method() === 'POST' &&
                response.status() === 200,
            { timeout: 60000 }
        ),
        page.getByRole('button', { name: 'Export Organization Data' }).click(),
    ]);

    // Success modal should appear after export completes
    await expect(page.getByText('The export was successful!')).toBeVisible();
});

test('test that import type dropdown has multiple options', async ({ page }) => {
    await goToImportExport(page);

    // The dropdown should load with options from the API
    await page.waitForResponse(
        (response) =>
            response.url().includes('/importers') &&
            response.request().method() === 'GET' &&
            response.status() === 200
    );

    // Verify the select has options besides the default placeholder
    const options = page.getByLabel('Import Type').locator('option');
    const count = await options.count();
    // Should have at least the placeholder + some import types
    expect(count).toBeGreaterThan(1);
});

test('test that importing a generic time entries CSV works', async ({ page }) => {
    await goToImportExport(page);
    await expect(page.getByTestId('import_view')).toBeVisible({ timeout: 10000 });

    // Select "Generic Time Entries" import type
    await page.getByLabel('Import Type').selectOption({ label: 'Generic Time Entries' });
    await expect(page.getByText('Instructions:')).toBeVisible();

    // Upload the test CSV file
    const csvPath = path.resolve('resources/testfiles/generic_time_entries_import_test_1.csv');
    await page.locator('#file-upload').setInputFiles(csvPath);

    // Click Import and wait for the API response
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/import') &&
                response.request().method() === 'POST' &&
                response.status() === 200,
            { timeout: 30000 }
        ),
        page.getByRole('button', { name: 'Import Data' }).click(),
    ]);

    // Verify success modal with import results
    await expect(page.getByRole('heading', { name: 'Import Result' })).toBeVisible();
    await expect(page.getByText('The import was successful!')).toBeVisible();

    // The CSV has 2 time entries, 1 client, 2 projects, 1 task
    await expect(page.getByText('Time entries created:').locator('..')).toContainText('2');
    await expect(page.getByText('Projects created:').locator('..')).toContainText('2');
    await expect(page.getByText('Clients created:').locator('..')).toContainText('1');
    await expect(page.getByText('Tasks created:').locator('..')).toContainText('1');
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Import Restrictions', () => {
    test('employee does not see Import / Export link in the sidebar', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // The Import / Export link should NOT be visible in the sidebar for employees
        await expect(
            employee.page.getByRole('link', { name: 'Import / Export' })
        ).not.toBeVisible();
    });
});


================================================
FILE: e2e/members.spec.ts
================================================
// TODO: Edit Billable Rate
// TODO: Resend Email Invitation
// TODO: Remove Invitation
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import type { Page } from '@playwright/test';
import { inviteAndAcceptMember } from './utils/members';
import {
    createPlaceholderMemberViaImportApi,
    getMembersViaApi,
    updateMemberBillableRateViaApi,
    updateOrganizationSettingViaApi,
} from './utils/api';
import { getTableRowNames } from './utils/table';

// Tests that invite + accept members need more time
test.describe.configure({ timeout: 45000 });

async function goToMembersPage(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/members');
}

async function openInviteMemberModal(page: Page) {
    await Promise.all([
        page.getByRole('button', { name: 'Invite Member' }).click(),
        expect(page.getByPlaceholder('Member Email')).toBeVisible(),
    ]);
}

test('test that new manager can be invited and accepted', async ({ page, browser }) => {
    const memberId = Math.round(Math.random() * 100000);
    const memberEmail = `manager+${memberId}@invite.test`;

    await inviteAndAcceptMember(page, browser, 'Invited Mgr', memberEmail, 'Manager');

    // Verify the member appears in the members table with the correct role
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'Invited Mgr' });
    await expect(memberRow).toBeVisible();
    await expect(memberRow.getByText('Manager', { exact: true })).toBeVisible();
});

test('test that new employee can be invited and accepted', async ({ page, browser }) => {
    const memberId = Math.round(Math.random() * 100000);
    const memberEmail = `employee+${memberId}@invite.test`;

    await inviteAndAcceptMember(page, browser, 'Invited Emp', memberEmail, 'Employee');

    // Verify the member appears in the members table with the correct role
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'Invited Emp' });
    await expect(memberRow).toBeVisible();
    await expect(memberRow.getByText('Employee', { exact: true })).toBeVisible();
});

test('test that new admin can be invited and accepted', async ({ page, browser }) => {
    const memberId = Math.round(Math.random() * 100000);
    const memberEmail = `admin+${memberId}@invite.test`;

    await inviteAndAcceptMember(page, browser, 'Invited Adm', memberEmail, 'Administrator');

    // Verify the member appears in the members table with the correct role
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'Invited Adm' });
    await expect(memberRow).toBeVisible();
    await expect(memberRow.getByText('Admin', { exact: true })).toBeVisible();
});

test('test that error shows if no role is selected', async ({ page }) => {
    await goToMembersPage(page);
    await openInviteMemberModal(page);
    const noRoleId = Math.round(Math.random() * 10000);

    await page.getByLabel('Email').fill(`new+${noRoleId}@norole.test`);
    await Promise.all([
        page.getByRole('button', { name: 'Invite Member', exact: true }).click(),
        expect(page.getByText('Please select a role')).toBeVisible(),
    ]);
});

test('test that organization billable rate can be updated with all existing time entries', async ({
    page,
}) => {
    await goToMembersPage(page);
    const newBillableRate = Math.round(Math.random() * 10000);
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await page.getByRole('combobox').last().click();
    await page.getByRole('option', { name: 'Custom Rate' }).click();
    await page.getByPlaceholder('Billable Rate').fill(newBillableRate.toString());
    await page.getByRole('button', { name: 'Update Member' }).click();

    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time' }).click(),
        page.waitForRequest(
            async (request) =>
                request.url().includes('/members/') &&
                request.method() === 'PUT' &&
                request.postDataJSON().billable_rate === newBillableRate * 100
        ),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.billable_rate === newBillableRate * 100
        ),
    ]);
});

test('test that switching member billable rate from custom back to default rate works', async ({
    page,
    ctx,
}) => {
    // Set a known org billable rate
    await updateOrganizationSettingViaApi(ctx, { billable_rate: 12000 });

    // Create a placeholder member with a custom billable rate
    await createPlaceholderMemberViaImportApi(ctx, 'CustomToDefault Member');
    const members = await getMembersViaApi(ctx);
    const member = members.find((m) => m.name === 'CustomToDefault Member');
    expect(member).toBeDefined();
    await updateMemberBillableRateViaApi(ctx, member!.id, 25000);

    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'CustomToDefault Member' });
    await expect(memberRow).toBeVisible();

    // Open edit modal
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await expect(page.getByRole('heading', { name: 'Update Member' })).toBeVisible();

    // Verify it starts on Custom Rate
    const billableCombobox = page.getByRole('dialog').getByRole('combobox').last();
    await expect(billableCombobox).toContainText('Custom Rate');

    // Switch to Default Rate
    await billableCombobox.click();
    await page.getByRole('option', { name: 'Default Rate' }).click();
    await expect(billableCombobox).toContainText('Default Rate');

    // Verify the billable rate input is disabled
    await expect(page.getByPlaceholder('Billable Rate')).toBeDisabled();

    // Submit — billable_rate changes from 25000 to null, so confirmation dialog appears
    await page.getByRole('button', { name: 'Update Member' }).click();
    await expect(page.getByRole('heading', { name: 'Update Member Billable Rate' })).toBeVisible();
    await expect(page.getByText('the default rate of the organization')).toBeVisible();

    // Confirm the update
    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time' }).click(),
        page.waitForRequest(
            (request) =>
                request.url().includes('/members/') &&
                request.method() === 'PUT' &&
                request.postDataJSON().billable_rate === null
        ),
    ]);

    // Verify both dialogs are closed
    await expect(page.getByRole('dialog')).not.toBeVisible();
});

test('test that default rate shows disabled input with organization billable rate', async ({
    page,
    ctx,
}) => {
    // Set a known org billable rate (150.00)
    await updateOrganizationSettingViaApi(ctx, { billable_rate: 15000 });

    await goToMembersPage(page);

    // Open edit modal for the owner (who uses default rate by default)
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await expect(page.getByRole('heading', { name: 'Update Member' })).toBeVisible();

    // Verify it's on Default Rate
    const billableCombobox = page.getByRole('dialog').getByRole('combobox').last();
    await expect(billableCombobox).toContainText('Default Rate');

    // Verify the input is disabled and shows the org rate (formatted with currency)
    const billableInput = page.getByPlaceholder('Billable Rate');
    await expect(billableInput).toBeDisabled();
    await expect(billableInput).toHaveAttribute('aria-valuenow', '150');

    // Close the dialog
    await page.getByRole('button', { name: 'Cancel' }).click();
    await expect(page.getByRole('dialog')).not.toBeVisible();
});

test('test that cancelling the billable rate confirmation dialog does not update the member', async ({
    page,
    ctx,
}) => {
    // Create a placeholder member with a custom billable rate
    await createPlaceholderMemberViaImportApi(ctx, 'CancelConfirm Member');
    const members = await getMembersViaApi(ctx);
    const member = members.find((m) => m.name === 'CancelConfirm Member');
    expect(member).toBeDefined();
    await updateMemberBillableRateViaApi(ctx, member!.id, 10000);

    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'CancelConfirm Member' });
    await expect(memberRow).toBeVisible();

    // Open edit modal
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await expect(page.getByRole('heading', { name: 'Update Member' })).toBeVisible();

    // Change the billable rate
    await page.getByPlaceholder('Billable Rate').fill('200');

    // Click Update Member — confirmation dialog should appear
    await page.getByRole('button', { name: 'Update Member' }).click();
    await expect(page.getByRole('heading', { name: 'Update Member Billable Rate' })).toBeVisible();

    // Set up listener to verify no PUT request is sent after cancel
    let putRequestSent = false;
    page.on('request', (request) => {
        if (request.url().includes('/members/') && request.method() === 'PUT') {
            putRequestSent = true;
        }
    });

    // Click Cancel on the confirmation dialog
    await page.getByRole('button', { name: 'Cancel' }).click();

    // Verify confirmation dialog is closed
    await expect(
        page.getByRole('heading', { name: 'Update Member Billable Rate' })
    ).not.toBeVisible();

    // Verify no API call was made
    expect(putRequestSent).toBe(false);
});

test('test that changing role of placeholder member is rejected', async ({ page, ctx }) => {
    const placeholderName = 'RoleChange ' + Math.floor(Math.random() * 10000);

    // Create a placeholder member via import
    await createPlaceholderMemberViaImportApi(ctx, placeholderName);

    // Go to members page and verify placeholder exists with role "Placeholder"
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: placeholderName });
    await expect(memberRow).toBeVisible();
    await expect(memberRow.getByText('Placeholder', { exact: true })).toBeVisible();

    // Open the edit modal for the placeholder member
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Update Member' })).toBeVisible();

    // Change role to Employee
    const roleSelect = page.getByRole('dialog').getByRole('combobox').first();
    await roleSelect.click();
    await expect(page.getByRole('option', { name: 'Employee' })).toBeVisible();
    await page.getByRole('option', { name: 'Employee' }).click();
    await expect(roleSelect).toContainText('Employee');

    // Submit the change - the API should reject it with 400
    await Promise.all([
        page.getByRole('button', { name: 'Update Member' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 400
        ),
    ]);

    // Verify error notification is shown
    await expect(page.getByText('Failed to update member')).toBeVisible();
});

test('test that changing member role updates the role in the member table', async ({
    page,
    browser,
}) => {
    const memberId = Math.floor(Math.random() * 100000);
    const memberEmail = `member+${memberId}@rolechange.test`;

    // Invite and accept a new Employee member
    await inviteAndAcceptMember(page, browser, 'Jane Smith', memberEmail, 'Employee');

    // Verify the new member appears with the Employee role
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: 'Jane Smith' });
    await expect(memberRow).toBeVisible();
    await expect(memberRow.getByText('Employee', { exact: true })).toBeVisible();

    // Open the edit modal
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Update Member' })).toBeVisible();

    // Change role to Manager
    const roleSelect = page.getByRole('dialog').getByRole('combobox').first();
    await roleSelect.click();
    await expect(page.getByRole('option', { name: 'Manager' })).toBeVisible();
    await page.getByRole('option', { name: 'Manager' }).click();
    await expect(roleSelect).toContainText('Manager');

    // Submit the change and verify the API call succeeds
    await Promise.all([
        page.getByRole('button', { name: 'Update Member' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Verify dialog closed
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify the role updated in the table
    await expect(memberRow.getByText('Manager', { exact: true })).toBeVisible();
});

test('test that merging a placeholder member works', async ({ page, ctx }) => {
    const placeholderName = 'Merge Target ' + Math.floor(Math.random() * 10000);

    // Create a placeholder member via import
    await createPlaceholderMemberViaImportApi(ctx, placeholderName);

    // Go to members page
    await goToMembersPage(page);
    await expect(page.getByText(placeholderName)).toBeVisible();

    // Find the placeholder member row and open actions menu
    const placeholderRow = page.getByRole('row').filter({ hasText: placeholderName });
    await placeholderRow.getByRole('button').click();

    // Click Merge
    await page.getByTestId('member_merge').click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Merge Member' })).toBeVisible();

    // Select the current user (the owner) as merge target via MemberCombobox
    // The MemberCombobox renders a Button as trigger; clicking it opens the popover with the combobox input
    await page.getByRole('dialog').getByRole('button', { name: 'Select a member...' }).click();

    // Wait for dropdown options to load
    const firstOption = page.getByRole('option').first();
    await expect(firstOption).toBeVisible({ timeout: 10000 });
    await firstOption.click();

    // Submit merge
    await Promise.all([
        page.getByRole('button', { name: 'Merge Member' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/member/') &&
                response.url().includes('/merge-into') &&
                response.ok()
        ),
    ]);

    // Wait for merge dialog to close after successful merge
    await expect(page.getByRole('dialog').filter({ hasText: 'Merge Member' })).not.toBeVisible();

    // Verify placeholder member is no longer in the members table
    await expect(page.getByRole('main').getByText(placeholderName)).not.toBeVisible();
});

test('test that deleting a placeholder member works', async ({ page, ctx }) => {
    const placeholderName = 'Delete Target ' + Math.floor(Math.random() * 10000);

    // Create a placeholder member via import
    await createPlaceholderMemberViaImportApi(ctx, placeholderName);

    // Go to members page
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: placeholderName });
    await expect(memberRow).toBeVisible();

    // Open actions menu and click Delete
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Delete').click();

    // Verify delete modal is shown
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(page.getByRole('heading', { name: 'Delete Member' })).toBeVisible();

    // Try to delete without checking the confirmation checkbox
    await page.getByRole('button', { name: 'Delete Member' }).click();

    // Should show validation error
    await expect(
        page.getByText('You must confirm that you understand the consequences of this action')
    ).toBeVisible();

    // Check the confirmation checkbox
    await page.getByRole('checkbox').click();

    // Click Delete Member button and wait for API response
    await Promise.all([
        page.getByRole('button', { name: 'Delete Member' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/members/') &&
                response.request().method() === 'DELETE' &&
                response.ok()
        ),
    ]);

    // Verify modal is closed
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify member is removed from the table
    await expect(page.getByRole('main').getByText(placeholderName)).not.toBeVisible();
});

test('test that member delete modal can be cancelled', async ({ page, ctx }) => {
    const placeholderName = 'Delete Cancel ' + Math.floor(Math.random() * 10000);

    // Create a placeholder member via import
    await createPlaceholderMemberViaImportApi(ctx, placeholderName);

    // Go to members page
    await goToMembersPage(page);
    const memberRow = page.getByRole('row').filter({ hasText: placeholderName });
    await expect(memberRow).toBeVisible();

    // Open actions menu and click Delete
    await memberRow.getByRole('button').click();
    await page.getByRole('menuitem').getByText('Delete').click();

    // Verify delete modal is shown
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set up listener to verify no DELETE request is sent
    let deleteRequestSent = false;
    page.on('request', (request) => {
        if (request.url().includes('/members/') && request.method() === 'DELETE') {
            deleteRequestSent = true;
        }
    });

    // Click Cancel
    await page.getByRole('button', { name: 'Cancel' }).click();

    // Verify modal is closed
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify member is still in the table
    await expect(memberRow).toBeVisible();

    // Verify no DELETE request was sent
    expect(deleteRequestSent).toBe(false);
});

test('test that organization owner cannot be deleted', async ({ page }) => {
    await goToMembersPage(page);

    // Find the owner row (John Doe with Owner role)
    const ownerRow = page.getByRole('row').filter({ hasText: 'Owner' });
    await expect(ownerRow).toBeVisible();

    // Open the actions menu for the owner
    await ownerRow.getByRole('button').click();

    // Click Delete
    await page.getByRole('menuitem').getByText('Delete').click();

    // Verify delete modal is shown
    await expect(page.getByRole('dialog')).toBeVisible();

    // Check the confirmation checkbox
    await page.getByRole('checkbox').click();

    // Try to delete - should fail with 400 error
    const responsePromise = page.waitForResponse(
        (response) =>
            response.url().includes('/members/') && response.request().method() === 'DELETE'
    );
    await page.getByRole('button', { name: 'Delete Member' }).click();
    const response = await responsePromise;

    // Verify the API returned an error status
    expect(response.status()).toBe(400);

    // Close the modal by pressing Escape
    await page.keyboard.press('Escape');

    // Refresh and verify the owner is still there
    await goToMembersPage(page);
    await expect(page.getByRole('row').filter({ hasText: 'Owner' })).toBeVisible();
});

// =============================================
// Invitations Tab Tests
// =============================================

test('test that invitation shows in invitations tab and can be revoked', async ({ page }) => {
    const inviteEmail = `invite+${Math.floor(Math.random() * 100000)}@pending.test`;

    await goToMembersPage(page);
    await openInviteMemberModal(page);

    await page.getByPlaceholder('Member Email').fill(inviteEmail);
    await page.getByRole('button', { name: 'Employee' }).click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/invitations') &&
                response.request().method() === 'POST' &&
                response.status() === 204
        ),
        page.getByRole('button', { name: 'Invite Member', exact: true }).click(),
    ]);

    // Wait for modal to close
    await expect(page.getByPlaceholder('Member Email')).not.toBeVisible();

    // Switch to Invitations tab and verify the invitation is visible
    await page.getByText('Invitations', { exact: true }).click();
    await expect(page.getByText(inviteEmail)).toBeVisible();

    // Find and click the actions menu for this invitation
    const invitationRow = page.locator('tr, [role="row"]').filter({ hasText: inviteEmail });
    await invitationRow.getByRole('button').click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/invitations/') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
        page.getByRole('menuitem').getByText('Delete').click(),
    ]);

    // Verify invitation is removed
    await expect(page.getByText(inviteEmail)).not.toBeVisible();
});

test('test that invitation can be resent', async ({ page }) => {
    const inviteEmail = `resend+${Math.floor(Math.random() * 100000)}@invite.test`;

    await goToMembersPage(page);
    await openInviteMemberModal(page);

    await page.getByPlaceholder('Member Email').fill(inviteEmail);
    await page.getByRole('button', { name: 'Employee' }).click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/invitations') &&
                response.request().method() === 'POST' &&
                response.status() === 204
        ),
        page.getByRole('button', { name: 'Invite Member', exact: true }).click(),
    ]);

    // Wait for modal to close
    await expect(page.getByPlaceholder('Member Email')).not.toBeVisible();

    // Switch to Invitations tab
    await page.getByText('Invitations', { exact: true }).click();
    await expect(page.getByText(inviteEmail)).toBeVisible();

    // Find and click the actions menu, then resend
    const invitationRow = page.locator('tr, [role="row"]').filter({ hasText: inviteEmail });
    await invitationRow.getByRole('button').click();
    // Wait for dropdown menu to appear
    await expect(page.getByRole('menuitem').getByText('Resend Invitation')).toBeVisible();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/resend') && response.request().method() === 'POST'
        ),
        page.getByRole('menuitem').getByText('Resend Invitation').click(),
    ]);
});

test('test that admin user cannot transfer ownership', async ({ page, browser }) => {
    const memberId = Math.floor(Math.random() * 100000);
    const memberEmail = `admin+${memberId}@perms.test`;

    // Invite and accept an admin member
    await inviteAndAcceptMember(
        page,
        browser,
        'Admin User ' + memberId,
        memberEmail,
        'Administrator'
    );

    // Go to members page and verify the admin exists
    await goToMembersPage(page);
    const adminRow = page.getByRole('row').filter({ hasText: 'Admin User' });
    await expect(adminRow).toBeVisible();

    // The owner should still be the owner
    const ownerRow = page.getByRole('row').filter({ hasText: 'Owner' });
    await expect(ownerRow).toBeVisible();

    // Open actions menu for the admin - should NOT have "Transfer Ownership" option
    await adminRow.getByRole('button').click();
    await expect(page.getByRole('menuitem').getByText('Edit')).toBeVisible();
});

test('test that accepted invitation disappears from invitations tab', async ({ page, browser }) => {
    const memberId = Math.round(Math.random() * 100000);
    const memberEmail = `accepted+${memberId}@invite.test`;

    // Invite and accept the member
    await inviteAndAcceptMember(page, browser, 'Accepted Member', memberEmail, 'Employee');

    // Go to members page and switch to Invitations tab
    await goToMembersPage(page);
    await page.getByRole('tab', { name: 'Invitations' }).click();

    // The accepted invitation should not be visible
    await expect(page.getByText(memberEmail)).not.toBeVisible();
});

// =============================================
// Sorting Tests
// =============================================

// Helper to clear localStorage before tests that check sorting
async function clearMemberTableState(page: Page) {
    await page.evaluate(() => {
        localStorage.removeItem('member-table-state');
    });
}

test('test that sorting members by name, role, and status works', async ({ page, ctx }) => {
    // Create two placeholder members with names that sort predictably around "John Doe"
    await createPlaceholderMemberViaImportApi(ctx, 'AAA SortFirst');
    await createPlaceholderMemberViaImportApi(ctx, 'ZZZ SortLast');

    await goToMembersPage(page);
    await clearMemberTableState(page);
    await page.reload();

    const table = page.getByTestId('member_table');
    await expect(table).toBeVisible();

    // -- Name sorting (default is already name asc after clearing state) --
    const nameHeader = table.getByText('Name').first();
    let names = await getTableRowNames(table);
    expect(names.indexOf('AAA SortFirst')).toBeLessThan(names.indexOf('ZZZ SortLast'));

    await nameHeader.click(); // toggle to desc
    names = await getTableRowNames(table);
    expect(names.indexOf('ZZZ SortLast')).toBeLessThan(names.indexOf('AAA SortFirst'));

    // -- Role sorting --
    const roleHeader = table.getByText('Role').first();
    await roleHeader.click(); // asc: Owner(0) < Placeholder(4)
    names = await getTableRowNames(table);
    const ownerIdx = names.indexOf('John Doe');
    const placeholderIdx = names.indexOf('AAA SortFirst');
    expect(ownerIdx).toBeLessThan(placeholderIdx);

    await roleHeader.click(); // desc: Placeholder first
    names = await getTableRowNames(table);
    expect(names.indexOf('AAA SortFirst')).toBeLessThan(names.indexOf('John Doe'));

    // -- Status sorting --
    const statusHeader = table.getByText('Status').first();
    await statusHeader.click(); // asc: Active(0) < Inactive(1)
    names = await getTableRowNames(table);
    expect(names.indexOf('John Doe')).toBeLessThan(names.indexOf('AAA SortFirst'));

    await statusHeader.click(); // desc: Inactive first
    names = await getTableRowNames(table);
    expect(names.indexOf('AAA SortFirst')).toBeLessThan(names.indexOf('John Doe'));

    // -- Email: just verify sort indicator appears --
    const emailHeader = table.getByText('Email').first();
    await emailHeader.click();
    await expect(emailHeader.locator('svg')).toBeVisible();
});

test('test that member sort state persists after page reload', async ({ page }) => {
    await goToMembersPage(page);
    await clearMemberTableState(page);
    await page.reload();

    const table = page.getByTestId('member_table');
    await expect(table).toBeVisible();

    // Click Role header twice to set descending sort
    const roleHeader = table.getByText('Role').first();
    await roleHeader.click();
    await expect(roleHeader.locator('svg')).toBeVisible();
    await roleHeader.click();
    await expect(roleHeader.locator('svg')).toBeVisible();

    // Reload the page
    await page.reload();

    // Verify the sort indicator is still visible on Role column
    await expect(page.getByTestId('member_table')).toBeVisible();
    await expect(
        page.getByTestId('member_table').getByText('Role').first().locator('svg')
    ).toBeVisible();
});

test('test that sorting members by billable rate works', async ({ page, ctx }) => {
    // Create two placeholder members and set different billable rates
    await createPlaceholderMemberViaImportApi(ctx, 'HighRate Member');
    await createPlaceholderMemberViaImportApi(ctx, 'LowRate Member');

    const members = await getMembersViaApi(ctx);
    const highRateMember = members.find((m) => m.name === 'HighRate Member');
    const lowRateMember = members.find((m) => m.name === 'LowRate Member');
    expect(highRateMember).toBeDefined();
    expect(lowRateMember).toBeDefined();

    await updateMemberBillableRateViaApi(ctx, highRateMember!.id, 20000);
    await updateMemberBillableRateViaApi(ctx, lowRateMember!.id, 5000);

    await goToMembersPage(page);
    await clearMemberTableState(page);
    await page.reload();

    const table = page.getByTestId('member_table');
    await expect(table).toBeVisible();

    // First click = desc (highest first), null rates last
    const billableHeader = table.getByText('Billable Rate').first();
    await billableHeader.click();
    await expect(billableHeader.locator('svg')).toBeVisible();
    let names = await getTableRowNames(table);
    expect(names.indexOf('HighRate Member')).toBeLessThan(names.indexOf('LowRate Member'));

    // Second click = asc (lowest first), null rates still last
    await billableHeader.click();
    names = await getTableRowNames(table);
    expect(names.indexOf('LowRate Member')).toBeLessThan(names.indexOf('HighRate Member'));
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Sidebar Navigation', () => {
    test('employee sidebar shows correct navigation links', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({
            timeout: 10000,
        });

        // Visible links
        await expect(employee.page.getByRole('link', { name: 'Dashboard' })).toBeVisible();
        await expect(employee.page.getByRole('link', { name: 'Time' })).toBeVisible();
        await expect(employee.page.getByRole('link', { name: 'Calendar' })).toBeVisible();
        await expect(employee.page.getByRole('link', { name: 'Projects' })).toBeVisible();
        await expect(employee.page.getByRole('link', { name: 'Clients' })).toBeVisible();
        await expect(employee.page.getByRole('link', { name: 'Tags' })).toBeVisible();

        // Hidden links
        await expect(employee.page.getByRole('link', { name: 'Members' })).not.toBeVisible();
        await expect(
            employee.page.getByRole('link', { name: 'Settings', exact: true })
        ).not.toBeVisible();
    });

    test('employee cannot see members list or invite members', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/members');

        // Page loads but the members API returns 403 (no members:view permission)
        await expect(employee.page.getByRole('heading', { name: 'Members' })).toBeVisible({
            timeout: 10000,
        });

        // Member table is empty — no rows rendered (only headers)
        await expect(employee.page.getByTestId('member_table').locator('[role="row"]')).toHaveCount(
            0
        );

        // Employee should NOT see the Invite Member button
        await expect(
            employee.page.getByRole('button', { name: 'Invite member' })
        ).not.toBeVisible();
    });
});


================================================
FILE: e2e/organization.spec.ts
================================================
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';

async function goToOrganizationSettings(page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
    await page.locator('[data-testid="organization_switcher"]:visible').click();
    await page.getByText('Organization Settings').click();
}

async function createTimeEntry(page, duration: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');

    // Open the dropdown menu and click "Manual time entry"
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    // Fill in the time entry details
    await page.getByTestId('time_entry_description').fill('Test time entry');

    // Set duration
    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Submit the time entry
    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/time-entries') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
}

test('test that organization name can be updated', async ({ page }) => {
    await goToOrganizationSettings(page);
    await page.getByLabel('Organization Name').fill('NEW ORG NAME');
    await page.getByLabel('Organization Name').press('Enter');
    await page.getByLabel('Organization Name').press('Meta+r');
    await expect(page.locator('[data-testid="organization_switcher"]:visible')).toContainText(
        'NEW ORG NAME'
    );
});

test('test that organization billable rate can be updated with all existing time entries', async ({
    page,
}) => {
    await goToOrganizationSettings(page);
    const newBillableRate = Math.round(Math.random() * 10000);
    await page.getByLabel('Organization Billable Rate').click();
    await page.getByLabel('Organization Billable Rate').fill(newBillableRate.toString());
    await page
        .locator('form')
        .filter({ hasText: 'Organization Billable' })
        .getByRole('button', { name: 'Save' })
        .click();

    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time entries' }).click(),
        page.waitForRequest(
            async (request) =>
                request.url().includes('/organizations/') &&
                request.method() === 'PUT' &&
                request.postDataJSON().billable_rate === newBillableRate * 100
        ),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.billable_rate === newBillableRate * 100
        ),
    ]);
});

test('test that organization format settings can be updated', async ({ page }) => {
    await goToOrganizationSettings(page);

    // Test number format
    await page.getByLabel('Number Format').click();
    await page.getByRole('option', { name: '1,111.11' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Number Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.number_format === 'comma-point'
        ),
    ]);

    // Test currency format
    await page.getByLabel('Currency Format').click();
    await page.getByRole('option', { name: '111 EUR' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Currency Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.currency_format === 'iso-code-after-with-space'
        ),
    ]);

    // Test date format
    await page.getByLabel('Date Format').click();
    await page.getByRole('option', { name: 'DD/MM/YYYY' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Date Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.date_format === 'slash-separated-dd-mm-yyyy'
        ),
    ]);

    // Test time format
    await page.getByLabel('Time Format').click();
    await page.getByRole('option', { name: '24-hour clock' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Time Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.time_format === '24-hours'
        ),
    ]);

    // Test interval format
    await page.getByLabel('Time Duration Format').click();
    await page.getByRole('option', { name: '12:03', exact: true }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Time Duration Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.interval_format === 'hours-minutes-colon-separated'
        ),
    ]);
});

test('test that format settings are reflected in the dashboard', async ({ page }) => {
    // check that 0h 00min is displayed
    await expect(page.getByText('0h 00min', { exact: true }).nth(0)).toBeVisible();

    // First set the format settings
    await goToOrganizationSettings(page);

    // Set number format to comma-point
    await page.getByLabel('Number Format').click();
    await page.getByRole('option', { name: '1,111.11' }).click();

    // Set currency format to symbol-after
    await page.getByLabel('Currency Format').click();
    await page.getByRole('option', { name: '111€' }).click();

    // Set interval format to hours-minutes-colon-separated
    await page.getByLabel('Time Duration Format').click();
    await page.getByRole('option', { name: '12:03', exact: true }).click();

    // Set date format to DD/MM/YYYY
    await page.getByLabel('Date Format').click();
    await page.getByRole('option', { name: 'DD/MM/YYYY' }).click();

    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Time Duration Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.interval_format === 'hours-minutes-colon-separated' &&
                (await response.json()).data.currency_format === 'symbol-after' &&
                (await response.json()).data.number_format === 'comma-point'
        ),
    ]);

    await createTimeEntry(page, '00:00');

    // Go to dashboard and check the formats
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');

    // Check billable amount format (number and currency)
    await expect(page.getByText('0.00€')).toBeVisible();

    // check that 00:00 is displayed
    await expect(page.getByText('0:00', { exact: true }).nth(0)).toBeVisible();
    // check that 0h 00min is not displayed
    await expect(page.getByText('0h 00min', { exact: true }).nth(0)).not.toBeVisible();

    // check that the current date is displayed in the dd/mm/yyyy format on the time page
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    // Wait for time entries to load so organization data is available for date formatting
    await page.waitForResponse(
        (response) => response.url().includes('/time-entries') && response.status() === 200
    );
    await expect(
        page.getByText(new Date().toLocaleDateString('en-GB'), { exact: true }).nth(0)
    ).toBeVisible({ timeout: 10000 });
});

test('test that organization time entry settings can be toggled', async ({ page }) => {
    await goToOrganizationSettings(page);

    const preventOverlappingCheckbox = page.getByLabel(
        'Prevent overlapping time entries (new entries only)'
    );
    const manageTasksCheckbox = page.getByLabel('Allow Employees to manage tasks');

    // Get current states and toggle both
    const wasOverlappingChecked = await preventOverlappingCheckbox.isChecked();
    const wasManageTasksChecked = await manageTasksCheckbox.isChecked();

    if (wasOverlappingChecked) {
        await preventOverlappingCheckbox.uncheck();
    } else {
        await preventOverlappingCheckbox.check();
    }

    if (wasManageTasksChecked) {
        await manageTasksCheckbox.uncheck();
    } else {
        await manageTasksCheckbox.check();
    }

    // Save
    const settingsForm = page.locator('form').filter({ hasText: 'Prevent overlapping' });
    await Promise.all([
        settingsForm.getByRole('button', { name: 'Save' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.prevent_overlapping_time_entries ===
                    !wasOverlappingChecked
        ),
    ]);

    // Reload and verify both settings persisted
    await page.reload();
    await expect(preventOverlappingCheckbox).toBeChecked({ checked: !wasOverlappingChecked });
    await expect(manageTasksCheckbox).toBeChecked({ checked: !wasManageTasksChecked });

    // Toggle both back to restore original state
    if (!wasOverlappingChecked) {
        await preventOverlappingCheckbox.uncheck();
    } else {
        await preventOverlappingCheckbox.check();
    }

    if (!wasManageTasksChecked) {
        await manageTasksCheckbox.uncheck();
    } else {
        await manageTasksCheckbox.check();
    }

    await Promise.all([
        settingsForm.getByRole('button', { name: 'Save' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.prevent_overlapping_time_entries ===
                    wasOverlappingChecked
        ),
    ]);
});

test('test that 12-hour clock format can be set', async ({ page }) => {
    await goToOrganizationSettings(page);

    await page.getByLabel('Time Format').click();
    await page.getByRole('option', { name: '12-hour clock' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Time Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.time_format === '12-hours'
        ),
    ]);

    // Reload and verify it persisted
    await page.reload();
    await expect(page.getByLabel('Time Format')).toContainText('12-hour clock');

    // Reset back to 24-hour
    await page.getByLabel('Time Format').click();
    await page.getByRole('option', { name: '24-hour clock' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Time Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.time_format === '24-hours'
        ),
    ]);
});

test('test that format settings persist after page reload', async ({ page }) => {
    await goToOrganizationSettings(page);

    // Set a specific date format
    await page.getByLabel('Date Format').click();
    await page.getByRole('option', { name: 'DD/MM/YYYY' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Date Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Reload and verify it persisted
    await page.reload();
    await expect(page.getByLabel('Date Format')).toContainText('DD/MM/YYYY');
});

// =============================================
// Admin Permission Tests
// =============================================

test.describe('Admin Organization Settings Access', () => {
    test('admin can see and edit organization settings', async ({ ctx, admin }) => {
        await admin.page.goto(PLAYWRIGHT_BASE_URL + '/teams/' + ctx.orgId);

        // Organization Name section is visible
        await expect(
            admin.page.getByRole('heading', { name: 'Organization Name', level: 3 })
        ).toBeVisible({ timeout: 10000 });

        // Editable settings sections should be visible
        await expect(
            admin.page.getByRole('heading', { name: 'Billable Rate', level: 3 })
        ).toBeVisible();
        await expect(
            admin.page.getByRole('heading', { name: 'Format Settings', level: 3 })
        ).toBeVisible();
        await expect(
            admin.page.getByRole('heading', { name: 'Organization Settings', level: 3 })
        ).toBeVisible();

        // Save buttons should be visible (admin can update)
        await expect(admin.page.getByRole('button', { name: 'Save' }).first()).toBeVisible();

        // Delete organization should NOT be visible (owner only)
        await expect(
            admin.page.getByRole('heading', { name: 'Delete Organization' })
        ).not.toBeVisible();
    });
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Organization Settings Restrictions', () => {
    test('employee can see org name but not editable settings', async ({ ctx, employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/teams/' + ctx.orgId);

        // Organization Name section is visible (but inputs are disabled)
        await expect(
            employee.page.getByRole('heading', { name: 'Organization Name', level: 3 })
        ).toBeVisible({ timeout: 10000 });

        // Editable settings sections should NOT be visible
        await expect(
            employee.page.getByRole('heading', { name: 'Billable Rate', level: 3 })
        ).not.toBeVisible();
        await expect(
            employee.page.getByRole('heading', { name: 'Format Settings', level: 3 })
        ).not.toBeVisible();
        await expect(
            employee.page.getByRole('heading', { name: 'Organization Settings', level: 3 })
        ).not.toBeVisible();

        // Save button should not be visible (employee cannot update)
        await expect(employee.page.getByRole('button', { name: 'Save' })).not.toBeVisible();
    });
});


================================================
FILE: e2e/profile.spec.ts
================================================
import { test, expect } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL, TEST_USER_PASSWORD } from '../playwright/config';
import type { Page } from '@playwright/test';

async function goToProfilePage(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
}

test('test that user name can be updated', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    await page.getByLabel('Name', { exact: true }).fill('NEW NAME');
    await Promise.all([
        page.getByRole('button', { name: 'Save' }).first().click(),
        page.waitForResponse('**/user/profile-information'),
    ]);
    await page.reload();
    await expect(page.getByLabel('Name', { exact: true })).toHaveValue('NEW NAME');
});

test.skip('test that user email can be updated', async ({ page }) => {
    // this does not work because of email verification currently
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    const emailId = Math.round(Math.random() * 10000);
    await page.getByLabel('Email').fill(`newemail+${emailId}@test.com`);
    await page.getByRole('button', { name: 'Save' }).first().click();
    await page.reload();
    await expect(page.getByLabel('Email')).toHaveValue(`newemail+${emailId}@test.com`);
});

async function createNewApiToken(page) {
    await page.getByLabel('API Key Name').fill('NEW API KEY');
    await Promise.all([
        page.getByRole('button', { name: 'Create API Key' }).click(),
        page.waitForResponse('**/users/me/api-tokens'),
    ]);

    await expect(page.locator('body')).toContainText('API Token created successfully');
    await page.getByRole('dialog').getByText('Close').click();
    await expect(page.locator('body')).toContainText('NEW API KEY');
}

test('test that user can create an API key', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    await createNewApiToken(page);
});

test('test that creating an API key with empty name shows validation error', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');

    // Wait for the API Key Name input to be visible before interacting
    const nameInput = page.getByLabel('API Key Name');
    await expect(nameInput).toBeVisible();

    // Ensure the API Key Name input is empty
    await nameInput.fill('');

    // Click the create button and wait for the 422 response
    const [response] = await Promise.all([
        page.waitForResponse('**/users/me/api-tokens'),
        page.getByRole('button', { name: 'Create API Key' }).click(),
    ]);

    expect(response.status()).toBe(422);

    // Verify that an error notification is shown with validation message about the name field
    await expect(page.getByText('name field is required')).toBeVisible({ timeout: 5000 });
});

test('test that user can delete an API key', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    await createNewApiToken(page);
    page.getByLabel('Delete API Token NEW API KEY').click();
    await expect(page.getByRole('dialog')).toContainText(
        'Are you sure you would like to delete this API token?'
    );
    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Delete' }).click(),
        page.waitForResponse('**/users/me/api-tokens'),
    ]);
    await expect(page.locator('body')).not.toContainText('NEW API KEY');
});

test('test that user can revoke an API key', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/user/profile');
    await createNewApiToken(page);
    page.getByLabel('Revoke API Token NEW API KEY').click();
    await expect(page.getByRole('dialog')).toContainText(
        'Are you sure you would like to revoke this API token?'
    );
    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Revoke' }).click(),
        page.waitForResponse('**/users/me/api-tokens'),
    ]);
    await expect(page.getByRole('button', { name: 'Revoke' })).toBeHidden();
    await expect(page.locator('body')).toContainText('NEW API KEY');
    await expect(page.locator('body')).toContainText('Revoked');
});

// =============================================
// Update Password Form Tests
// =============================================

test('test that password mismatch shows error', async ({ page }) => {
    await goToProfilePage(page);

    // Fill in with mismatched passwords
    await page.getByLabel('Current Password').fill(TEST_USER_PASSWORD);
    await page.getByLabel('New Password').fill('newSecurePassword456');
    await page.getByLabel('Confirm Password').fill('differentPassword789');

    // Find the form containing the Confirm Password field and click its Save button
    const passwordForm = page.getByLabel('Confirm Password').locator('xpath=ancestor::form');
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/user/password') && response.request().method() === 'PUT'
        ),
        passwordForm.getByRole('button', { name: 'Save' }).click(),
    ]);

    // Verify error message about password confirmation
    await expect(page.getByText('confirmation does not match')).toBeVisible();
});

test('test that short password shows validation error', async ({ page }) => {
    await goToProfilePage(page);

    // Fill in with a too short password
    await page.getByLabel('Current Password').fill(TEST_USER_PASSWORD);
    await page.getByLabel('New Password').fill('short');
    await page.getByLabel('Confirm Password').fill('short');

    // Find the form containing the Confirm Password field and click its Save button
    const passwordForm = page.getByLabel('Confirm Password').locator('xpath=ancestor::form');
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/user/password') && response.request().method() === 'PUT'
        ),
        passwordForm.getByRole('button', { name: 'Save' }).click(),
    ]);

    // Verify error message about password length
    await expect(page.getByText('must be at least')).toBeVisible();
});

test('test that incorrect current password shows validation error', async ({ page }) => {
    await goToProfilePage(page);

    // Fill in with wrong current password
    await page.getByLabel('Current Password').fill('wrongCurrentPassword123');
    await page.getByLabel('New Password').fill('newSecurePassword456');
    await page.getByLabel('Confirm Password').fill('newSecurePassword456');

    // Find the form containing the Confirm Password field and click its Save button
    const passwordForm = page.getByLabel('Confirm Password').locator('xpath=ancestor::form');
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/user/password') && response.request().method() === 'PUT'
        ),
        passwordForm.getByRole('button', { name: 'Save' }).click(),
    ]);

    // Verify error message about incorrect password
    await expect(page.getByText('does not match')).toBeVisible();
});

test('test that password can be updated successfully', async ({ page }) => {
    await goToProfilePage(page);
    const newPassword = 'newSecurePassword456';

    // Change password to new password
    await page.getByLabel('Current Password').fill(TEST_USER_PASSWORD);
    await page.getByLabel('New Password').fill(newPassword);
    await page.getByLabel('Confirm Password').fill(newPassword);

    const passwordForm = page.getByLabel('Confirm Password').locator('xpath=ancestor::form');
    const responsePromise = page.waitForResponse(
        (response) =>
            response.url().includes('/user/password') && response.request().method() === 'PUT'
    );
    await passwordForm.getByRole('button', { name: 'Save' }).click();
    const response = await responsePromise;

    // Verify successful response (303 is Inertia redirect on success, means password was updated)
    expect(response.status()).toBe(303);

    // Verify no error messages are displayed
    await expect(page.getByText('does not match')).not.toBeVisible();
    await expect(page.getByText('must be at least')).not.toBeVisible();
});

// =============================================
// Theme Selection Tests
// =============================================

test('test that theme can be changed to dark and light', async ({ page }) => {
    await goToProfilePage(page);

    // The theme select is a Reka UI combobox (button), not a native <select>
    const themeSelect = page.locator('button[role="combobox"]');

    // Change theme to dark
    await themeSelect.click();
    await page.getByRole('option', { name: 'Dark' }).click();

    // Verify the html element has 'dark' class
    await expect(page.locator('html')).toHaveClass(/dark/);

    // Change theme to light
    await themeSelect.click();
    await page.getByRole('option', { name: 'Light' }).click();

    // Verify the html element has 'light' class and no 'dark' class
    await expect(page.locator('html')).toHaveClass(/light/);
    await expect(page.locator('html')).not.toHaveClass(/dark/);

    // Verify localStorage persists the setting
    const storedTheme = await page.evaluate(() => localStorage.getItem('theme'));
    expect(storedTheme).toContain('light');

    // Reload and verify the theme persists
    await page.reload();
    await expect(page.locator('html')).toHaveClass(/light/);

    // Reset to system
    await page.locator('button[role="combobox"]').click();
    await page.getByRole('option', { name: 'System' }).click();
    await expect(page.getByText('System default:')).toBeVisible();
});

// =============================================
// Two Factor Authentication Tests
// =============================================

test('test that password confirmation modal can be cancelled without sending API request', async ({
    page,
}) => {
    await goToProfilePage(page);

    // Find the Enable button in the 2FA section
    const enableButton = page
        .getByText('You have not enabled two factor authentication.')
        .locator('..')
        .getByRole('button', { name: 'Enable' });
    await enableButton.click();

    // Verify password confirmation modal appears
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set up listener to verify no POST request is sent to confirm-password
    let confirmPasswordRequestSent = false;
    page.on('request', (request) => {
        if (request.url().includes('/user/confirm-password') && request.method() === 'POST') {
            confirmPasswordRequestSent = true;
        }
    });

    // Click Cancel
    await page.getByRole('dialog').getByRole('button', { name: 'Cancel' }).click();

    // Verify modal is closed
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify no confirm-password request was sent
    expect(confirmPasswordRequestSent).toBe(false);
});

test('test that password confirmation modal shows error for incorrect password', async ({
    page,
}) => {
    await goToProfilePage(page);

    // Find the Enable button in the 2FA section
    const enableButton = page
        .getByText('You have not enabled two factor authentication.')
        .locator('..')
        .getByRole('button', { name: 'Enable' });
    await enableButton.click();

    // Verify password confirmation modal appears
    await expect(page.getByRole('dialog')).toBeVisible();

    // Enter incorrect password and confirm
    await page.getByPlaceholder('Password').fill('wrongpassword123');
    await page.getByRole('dialog').getByRole('button', { name: 'Confirm' }).click();

    // Should show error message (wait longer for API response)
    await expect(page.getByRole('dialog').getByText('incorrect')).toBeVisible({ timeout: 10000 });
});

test('test that 2FA can be enabled with correct password', async ({ page }) => {
    await goToProfilePage(page);

    // Verify 2FA is not enabled
    await expect(page.getByText('You have not enabled two factor authentication.')).toBeVisible();

    // Find the Enable button in the 2FA section
    const enableButton = page
        .getByText('You have not enabled two factor authentication.')
        .locator('..')
        .getByRole('button', { name: 'Enable' });
    await enableButton.click();

    // Verify password confirmation modal appears
    await expect(page.getByRole('dialog')).toBeVisible();

    // Enter correct password and confirm
    await page.getByPlaceholder('Password').fill(TEST_USER_PASSWORD);
    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Confirm' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/user/two-factor-authentication') &&
                response.request().method() === 'POST'
        ),
    ]);

    // Verify QR code is shown
    await expect(page.getByRole('heading', { name: 'Finish enabling two factor' })).toBeVisible();
    await expect(page.getByText('Setup Key:')).toBeVisible();
    await expect(page.getByLabel('Code')).toBeVisible();
});

// =============================================
// Logout Other Browser Sessions Tests
// =============================================

test('test that logout other browser sessions works with correct password', async ({ page }) => {
    await goToProfilePage(page);

    await page.getByRole('button', { name: 'Log Out Other Browser Sessions' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    await page.getByPlaceholder('Password').fill(TEST_USER_PASSWORD);
    await Promise.all([
        page
            .getByRole('dialog')
            .getByRole('button', { name: 'Log Out Other Browser Sessions' })
            .click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/user/other-browser-sessions') &&
                response.request().method() === 'DELETE'
        ),
    ]);
});


================================================
FILE: e2e/project-members.spec.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { formatCentsWithOrganizationDefaults } from './utils/money';
import { createProjectViaApi, createProjectMemberViaApi, type TestContext } from './utils/api';

async function createProjectWithMemberViaApi(ctx: TestContext, page: Page, projectName: string) {
    const project = await createProjectViaApi(ctx, { name: projectName });
    await createProjectMemberViaApi(ctx, project.id, { member_id: ctx.memberId });

    // Navigate to the project detail page
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + project.id);
    await expect(page.getByTestId('project_member_table').getByRole('row').first()).toBeVisible();
    return project;
}

test('test that updating project member billable rate works for existing time entries', async ({
    page,
    ctx,
}) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    const newBillableRate = Math.round(Math.random() * 10000);
    await createProjectWithMemberViaApi(ctx, page, newProjectName);

    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();
    await page.getByLabel('Billable Rate').fill(newBillableRate.toString());
    await page.getByRole('button', { name: 'Update Project Member' }).click();

    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time' }).click(),
        page.waitForRequest(
            async (request) =>
                request.url().includes('/project-members/') &&
                request.method() === 'PUT' &&
                request.postDataJSON().billable_rate === newBillableRate * 100
        ),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/project-members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.billable_rate === newBillableRate * 100
        ),
    ]);
    await expect(
        page
            .getByRole('row')
            .first()
            .getByText(formatCentsWithOrganizationDefaults(newBillableRate * 100))
    ).toBeVisible();
});

test('test that project member edit modal can be cancelled without sending API request', async ({
    page,
    ctx,
}) => {
    const projectName = 'Cancel Test ' + Math.floor(1 + Math.random() * 10000);

    await createProjectWithMemberViaApi(ctx, page, projectName);

    // Open the edit modal
    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();

    // Verify the modal is open and shows the member name
    await expect(page.getByRole('heading', { name: 'Edit Project Member' })).toBeVisible();
    await expect(page.getByRole('dialog').getByText('John Doe')).toBeVisible();

    // Enter a new billable rate
    await page.getByLabel('Billable Rate').fill('999');

    // Set up listener to verify no PUT request is sent
    let putRequestSent = false;
    page.on('request', (request) => {
        if (request.url().includes('/project-members/') && request.method() === 'PUT') {
            putRequestSent = true;
        }
    });

    // Click Cancel
    await page.getByRole('button', { name: 'Cancel' }).click();

    // Verify the modal is closed
    await expect(page.getByRole('heading', { name: 'Edit Project Member' })).not.toBeVisible();

    // Verify no PUT request was sent
    expect(putRequestSent).toBe(false);
});

test('test that project member update without billable rate change skips confirmation and completes', async ({
    page,
    ctx,
}) => {
    const projectName = 'No Change ' + Math.floor(1 + Math.random() * 10000);

    await createProjectWithMemberViaApi(ctx, page, projectName);

    // Open the edit modal
    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();

    // Click Update without changing anything - no confirmation modal since rate didn't change
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/project-members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Project Member' }).click(),
    ]);

    // Verify the edit modal is closed (confirmation modal was skipped)
    await expect(page.getByRole('heading', { name: 'Edit Project Member' })).not.toBeVisible();
});

test('test that billable rate confirmation modal can be cancelled without sending API request', async ({
    page,
    ctx,
}) => {
    const projectName = 'Rate Cancel ' + Math.floor(1 + Math.random() * 10000);
    const newBillableRate = Math.round(Math.random() * 10000);

    await createProjectWithMemberViaApi(ctx, page, projectName);

    // Open the edit modal
    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();

    // Change the billable rate
    await page.getByLabel('Billable Rate').fill(newBillableRate.toString());

    // Set up listener to verify no PUT request is sent
    let putRequestSent = false;
    page.on('request', (request) => {
        if (request.url().includes('/project-members/') && request.method() === 'PUT') {
            putRequestSent = true;
        }
    });

    // Click Update - this should show the confirmation modal
    await page.getByRole('button', { name: 'Update Project Member' }).click();

    // Verify the confirmation modal is shown
    await expect(page.getByText('update all existing time entries')).toBeVisible();

    // Click Cancel to close the confirmation modal without updating
    await page.getByRole('button', { name: 'Cancel' }).click();

    // Verify the confirmation modal is closed but edit modal is still open
    await expect(page.getByText('update all existing time entries')).not.toBeVisible();
    await expect(page.getByRole('heading', { name: 'Edit Project Member' })).toBeVisible();

    // Close the edit modal
    await page.getByRole('dialog').getByRole('button', { name: 'Cancel' }).click();

    // Verify the edit modal is closed
    await expect(page.getByRole('heading', { name: 'Edit Project Member' })).not.toBeVisible();

    // Verify no PUT request was sent
    expect(putRequestSent).toBe(false);
});

test('test that clearing billable rate reverts to project default', async ({ page, ctx }) => {
    const projectName = 'Revert Default ' + Math.floor(1 + Math.random() * 10000);
    const customRate = Math.round(100 + Math.random() * 10000);

    await createProjectWithMemberViaApi(ctx, page, projectName);

    // Verify the billable rate shows "--" (project default) initially
    await expect(
        page.getByTestId('project_member_table').getByRole('row').first().getByText('--')
    ).toBeVisible();

    // Set a custom billable rate
    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();
    await page.getByLabel('Billable Rate').fill(customRate.toString());
    await page.getByRole('button', { name: 'Update Project Member' }).click();

    // Confirm the billable rate update
    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/project-members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Verify the custom rate is shown in the table (not "--")
    await expect(
        page.getByTestId('project_member_table').getByRole('row').first().getByText('--')
    ).not.toBeVisible();

    // Now clear the billable rate to revert to project default
    await page
        .getByTestId('project_member_table')
        .getByRole('row')
        .first()
        .getByRole('button')
        .click();
    await page.getByRole('menuitem', { name: 'Edit Project Member' }).click();

    // Set billable rate to 0 to revert to project default
    await page.getByLabel('Billable Rate').fill('0');
    await page.getByRole('button', { name: 'Update Project Member' }).click();

    // Confirm the billable rate update
    await Promise.all([
        page.getByRole('button', { name: 'Yes, update existing time' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/project-members/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Verify the billable rate shows "--" again (project default)
    await expect(
        page.getByTestId('project_member_table').getByRole('row').first().getByText('--')
    ).toBeVisible();
});


================================================
FILE: e2e/projects.spec.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { formatCentsWithOrganizationDefaults } from './utils/money';
import {
    createProjectViaApi,
    createPublicProjectViaApi,
    createTaskViaApi,
    createClientViaApi,
    createTimeEntryViaApi,
    archiveProjectViaApi,
    updateOrganizationSettingViaApi,
} from './utils/api';

async function goToProjectsOverview(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
}

// Helper to clear localStorage before tests that check persistence
async function clearProjectTableState(page: Page) {
    await page.evaluate(() => {
        localStorage.removeItem('project-table-state');
    });
}

// Create new project via modal
test('test that creating and deleting a new project via the modal works', async ({ page }) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.color !== null &&
                (await response.json()).data.client_id === null &&
                (await response.json()).data.name === newProjectName
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
    const moreButton = page.locator("[aria-label='Actions for Project " + newProjectName + "']");
    await moreButton.click();
    const deleteButton = page.locator("[aria-label='Delete Project " + newProjectName + "']");

    await Promise.all([
        deleteButton.click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);
    await expect(page.getByTestId('project_table')).not.toContainText(newProjectName);
});

// Helper to select a status filter using the new dropdown UI
async function selectStatusFilter(page: Page, status: 'Active' | 'Archived') {
    // Click the Filter button to open the dropdown
    await page.getByRole('button', { name: 'Filter projects' }).click();
    // Click on Status submenu
    await page.getByRole('menuitem', { name: 'Status' }).click();
    // Select the status option
    await page.getByRole('menuitem', { name: status }).click();
}

// Helper to remove status filter by clicking the X on the badge
async function removeStatusFilter(page: Page) {
    const statusBadge = page.getByTestId('status-filter-badge');
    // Click the remove button (second button in the badge, contains XMarkIcon)
    await statusBadge.locator('button').last().click();
}

test('test that archiving and unarchiving projects works', async ({ page, ctx }) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: newProjectName });

    await goToProjectsOverview(page);
    await clearProjectTableState(page);
    await page.reload();
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    // Archive the project
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Archive').first().click();

    // Project should still be visible since default is "all" (no filter)
    await expect(page.getByText(newProjectName)).toBeVisible();

    // Apply Active filter - archived project should disappear
    await selectStatusFilter(page, 'Active');
    await expect(page.getByText(newProjectName)).not.toBeVisible();

    // Remove Active filter and apply Archived filter
    await removeStatusFilter(page);
    await selectStatusFilter(page, 'Archived');
    await expect(page.getByText(newProjectName)).toBeVisible();

    // Unarchive the project
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Unarchive').first().click();

    // Project should disappear from Archived view
    await expect(page.getByText(newProjectName)).not.toBeVisible();

    // Remove Archived filter and apply Active filter to see the project
    await removeStatusFilter(page);
    await selectStatusFilter(page, 'Active');
    await expect(page.getByText(newProjectName)).toBeVisible();
});

test('test that updating billable rate works with existing time entries', async ({ page, ctx }) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    const newBillableRate = Math.round(Math.random() * 10000);
    await createProjectViaApi(ctx, { name: newProjectName });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Set billable default to Billable
    await page.getByRole('dialog').locator('#billable').click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Set billable rate to Custom Rate
    await page.getByRole('dialog').locator('#billableRateType').click();
    await page.getByRole('option', { name: 'Custom Rate' }).click();

    await page.getByPlaceholder('Billable Rate').fill(newBillableRate.toString());
    await page.getByRole('button', { name: 'Update Project' }).click();

    await Promise.all([
        page.locator('button').filter({ hasText: 'Yes, update existing time' }).click(),
        page.waitForRequest(
            async (request) =>
                request.url().includes('/projects/') &&
                request.method() === 'PUT' &&
                request.postDataJSON().billable_rate === newBillableRate * 100
        ),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.billable_rate === newBillableRate * 100
        ),
    ]);
    await expect(
        page
            .getByRole('row')
            .first()
            .getByText(formatCentsWithOrganizationDefaults(newBillableRate * 100))
    ).toBeVisible();
});

test('test that creating a project with default billable rate works', async ({ page }) => {
    const newProjectName = 'Default Rate Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);

    // Set billable default to Billable (leaves rate type as Default Rate)
    await page.getByRole('dialog').locator('#billable').click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Verify rate type is "Default Rate" and the rate input is disabled
    await expect(page.getByRole('dialog').locator('#billableRateType')).toContainText(
        'Default Rate'
    );
    await expect(page.getByPlaceholder('Billable Rate')).toBeDisabled();

    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.is_billable === true &&
                (await response.json()).data.billable_rate === null
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
});

test('test that creating a non-billable project works', async ({ page }) => {
    const newProjectName = 'Non-Billable Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);

    // Billable default should already be "Non-billable" by default
    await expect(page.getByRole('dialog').locator('#billable')).toContainText('Non-billable');

    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.is_billable === false &&
                (await response.json()).data.billable_rate === null
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
});

test('test that switching from custom rate to default rate clears billable rate', async ({
    page,
    ctx,
}) => {
    const newProjectName = 'Rate Switch Project ' + Math.floor(1 + Math.random() * 10000);
    // Create a project with an existing custom billable rate
    await createProjectViaApi(ctx, {
        name: newProjectName,
        is_billable: true,
        billable_rate: 15000,
    });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Verify it loaded as Billable with Custom Rate
    await expect(page.getByRole('dialog').locator('#billable')).toContainText('Billable');
    await expect(page.getByRole('dialog').locator('#billableRateType')).toContainText(
        'Custom Rate'
    );

    // Switch to Default Rate
    await page.getByRole('dialog').locator('#billableRateType').click();
    await page.getByRole('option', { name: 'Default Rate' }).click();

    // Rate input should now be disabled
    await expect(page.getByPlaceholder('Billable Rate')).toBeDisabled();

    // Submit — billable_rate changes from 15000 to null, so confirmation dialog appears
    await page.getByRole('button', { name: 'Update Project' }).click();
    await Promise.all([
        page.locator('button').filter({ hasText: 'Yes, update existing time' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.is_billable === true &&
                (await response.json()).data.billable_rate === null
        ),
    ]);
});

test('test that switching from billable to non-billable preserves rate settings', async ({
    page,
    ctx,
}) => {
    const newProjectName = 'Billable Reset Project ' + Math.floor(1 + Math.random() * 10000);
    // Create a project with a custom billable rate
    await createProjectViaApi(ctx, {
        name: newProjectName,
        is_billable: true,
        billable_rate: 20000,
    });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Verify it loaded correctly as Billable with Custom Rate
    await expect(page.getByRole('dialog').locator('#billable')).toContainText('Billable');
    await expect(page.getByRole('dialog').locator('#billableRateType')).toContainText(
        'Custom Rate'
    );

    // Switch to Non-billable
    await page.getByRole('dialog').locator('#billable').click();
    await page.getByRole('option', { name: 'Non-billable' }).click();

    // Rate type should still be Custom Rate (not reset)
    await expect(page.getByRole('dialog').locator('#billableRateType')).toContainText(
        'Custom Rate'
    );

    // Submit and verify project is non-billable but keeps its custom rate
    await Promise.all([
        page.getByRole('button', { name: 'Update Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.is_billable === false &&
                (await response.json()).data.billable_rate === 20000
        ),
    ]);
});

test('test that editing an existing billable project with default rate loads correctly', async ({
    page,
    ctx,
}) => {
    const newProjectName = 'Default Rate Edit Project ' + Math.floor(1 + Math.random() * 10000);
    // Create a project that is billable but has no custom rate (= default rate)
    await createProjectViaApi(ctx, {
        name: newProjectName,
        is_billable: true,
        billable_rate: null,
    });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Verify it loaded as Billable with Default Rate
    await expect(page.getByRole('dialog').locator('#billable')).toContainText('Billable');
    await expect(page.getByRole('dialog').locator('#billableRateType')).toContainText(
        'Default Rate'
    );
    await expect(page.getByPlaceholder('Billable Rate')).toBeDisabled();
});

// Sorting tests
test('test that sorting projects by all columns works', async ({ page, ctx }) => {
    // Seed projects with distinct values for each sortable column
    const clientAlpha = await createClientViaApi(ctx, { name: 'Alpha Client' });
    const clientBeta = await createClientViaApi(ctx, { name: 'Beta Client' });

    // Project A: client Alpha, low billable rate, has estimated time, active
    const projectA = await createProjectViaApi(ctx, {
        name: 'AAA Project',
        client_id: clientAlpha.id,
        is_billable: true,
        billable_rate: 5000,
        estimated_time: 36000, // 10h
    });
    // Add 1h of time entries (10% progress)
    await createTimeEntryViaApi(ctx, {
        duration: '1h',
        projectId: projectA.id,
    });

    // Project B: client Beta, high billable rate, has estimated time, archived
    const projectB = await createProjectViaApi(ctx, {
        name: 'BBB Project',
        client_id: clientBeta.id,
        is_billable: true,
        billable_rate: 15000,
        estimated_time: 7200, // 2h
    });
    // Add 1h of time entries (50% progress)
    await createTimeEntryViaApi(ctx, {
        duration: '1h',
        projectId: projectB.id,
    });
    await archiveProjectViaApi(ctx, {
        ...projectB,
        client_id: clientBeta.id,
        billable_rate: 15000,
        estimated_time: 7200,
    });

    // Project C: no client, medium billable rate, no estimated time, active
    const projectC = await createProjectViaApi(ctx, {
        name: 'CCC Project',
        is_billable: true,
        billable_rate: 10000,
    });
    // Add 3h of time entries
    await createTimeEntryViaApi(ctx, {
        duration: '3h',
        projectId: projectC.id,
    });

    await goToProjectsOverview(page);
    await clearProjectTableState(page);
    await page.reload();
    await expect(page.getByTestId('project_table')).toBeVisible();
    await expect(page.getByText('AAA Project')).toBeVisible();
    await expect(page.getByText('BBB Project')).toBeVisible();
    await expect(page.getByText('CCC Project')).toBeVisible();

    // Helper to get the visual order of our seeded projects by reading
    // all row text in a single evaluate call (avoids locator timing issues)
    const seededNames = ['AAA Project', 'BBB Project', 'CCC Project'];
    const getOrder = async (): Promise<string[]> => {
        const allRowTexts = await page.evaluate(() => {
            const table = document.querySelector('[data-testid="project_table"]');
            if (!table) return [];
            const rows = table.querySelectorAll('[role="row"]');
            return Array.from(rows).map((row) => row.textContent ?? '');
        });
        const order: string[] = [];
        for (const text of allRowTexts) {
            const match = seededNames.find((name) => text.includes(name));
            if (match) order.push(match);
        }
        return order;
    };

    // Helper: click a column header and wait for sort to apply.
    // expectedFirstAmongSeeded = which of our 3 seeded projects should appear first
    const clickSortHeader = async (headerText: string, expectedFirstAmongSeeded: string) => {
        const header = page
            .locator('[data-testid="project_table"] .select-none', {
                hasText: headerText,
            })
            .first();
        await header.click();
        // Wait until the expected project appears before the others among our seeded set
        await page.waitForFunction(
            ({ expected, names }) => {
                const table = document.querySelector('[data-testid="project_table"]');
                if (!table) return false;
                const rows = table.querySelectorAll('[role="row"]');
                let firstSeededIdx = -1;
                for (let i = 0; i < rows.length; i++) {
                    const text = rows[i].textContent ?? '';
                    if (names.some((n: string) => text.includes(n))) {
                        firstSeededIdx = i;
                        break;
                    }
                }
                if (firstSeededIdx === -1) return false;
                return (rows[firstSeededIdx].textContent ?? '').includes(expected);
            },
            { expected: expectedFirstAmongSeeded, names: seededNames },
            { timeout: 5000 }
        );
    };

    // --- Sort by Name ---
    // Default is name asc (A-Z)
    let order = await getOrder();
    expect(order).toEqual(['AAA Project', 'BBB Project', 'CCC Project']);

    // Click to toggle to Z-A
    await clickSortHeader('Name', 'CCC Project');
    order = await getOrder();
    expect(order).toEqual(['CCC Project', 'BBB Project', 'AAA Project']);

    // --- Sort by Client (text: first click = A-Z, no-client last) ---
    await clickSortHeader('Client', 'AAA Project');
    order = await getOrder();
    expect(order).toEqual(['AAA Project', 'BBB Project', 'CCC Project']); // Alpha, Beta, No client

    // Reverse: Z-A, no-client still last
    await clickSortHeader('Client', 'BBB Project');
    order = await getOrder();
    expect(order).toEqual(['BBB Project', 'AAA Project', 'CCC Project']); // Beta, Alpha, No client

    // --- Sort by Total Time (numeric: first click = highest first) ---
    await clickSortHeader('Total Time', 'CCC Project');
    order = await getOrder();
    expect(order[0]).toBe('CCC Project'); // C=3h first, A and B tied at 1h

    // Reverse: lowest first
    await clickSortHeader('Total Time', 'AAA Project');
    order = await getOrder();
    expect(order[2]).toBe('CCC Project'); // C=3h last

    // --- Sort by Billable Rate (numeric: first click = highest first) ---
    await clickSortHeader('Billable Rate', 'BBB Project');
    order = await getOrder();
    expect(order).toEqual(['BBB Project', 'CCC Project', 'AAA Project']); // 15000, 10000, 5000

    // Reverse: lowest first
    await clickSortHeader('Billable Rate', 'AAA Project');
    order = await getOrder();
    expect(order).toEqual(['AAA Project', 'CCC Project', 'BBB Project']); // 5000, 10000, 15000

    // --- Sort by Progress (numeric: first click = highest first, no-estimate last) ---
    await clickSortHeader('Progress', 'BBB Project');
    order = await getOrder();
    expect(order).toEqual(['BBB Project', 'AAA Project', 'CCC Project']); // 50%, 10%, no estimate

    // Reverse: lowest first, no-estimate still last
    await clickSortHeader('Progress', 'AAA Project');
    order = await getOrder();
    expect(order).toEqual(['AAA Project', 'BBB Project', 'CCC Project']); // 10%, 50%, no estimate

    // --- Sort by Status (first click = active first, archived last) ---
    await expect(async () => {
        await clickSortHeader('Status', 'AAA Project');
        order = await getOrder();
        expect(order.indexOf('BBB Project')).toBeGreaterThan(order.indexOf('AAA Project'));
        expect(order.indexOf('BBB Project')).toBeGreaterThan(order.indexOf('CCC Project'));
    }).toPass({ timeout: 5000 });

    // Reverse: archived first
    await expect(async () => {
        await clickSortHeader('Status', 'BBB Project');
        order = await getOrder();
        expect(order.indexOf('BBB Project')).toBeLessThan(order.indexOf('AAA Project'));
        expect(order.indexOf('BBB Project')).toBeLessThan(order.indexOf('CCC Project'));
    }).toPass({ timeout: 5000 });
});

// Filter tests
test('test that filtering projects by status works', async ({ page, ctx }) => {
    const newProjectName = 'Filter Test Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: newProjectName });

    await goToProjectsOverview(page);
    await clearProjectTableState(page);
    await page.reload();
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    // Archive the project
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Archive').first().click();

    // Project should still be visible (default is "all" - no filter)
    await expect(page.getByText(newProjectName)).toBeVisible();

    // Apply Active filter - archived project should disappear
    await selectStatusFilter(page, 'Active');
    await expect(page.getByText(newProjectName)).not.toBeVisible();

    // Remove Active filter - project should reappear (back to "all")
    await removeStatusFilter(page);
    await expect(page.getByText(newProjectName)).toBeVisible();

    // Apply Archived filter - project should still be visible
    await selectStatusFilter(page, 'Archived');
    await expect(page.getByText(newProjectName)).toBeVisible();

    // Remove Archived filter and apply Active filter - project should not be visible
    await removeStatusFilter(page);
    await selectStatusFilter(page, 'Active');
    await expect(page.getByText(newProjectName)).not.toBeVisible();
});

test('test that filter state persists after page reload', async ({ page }) => {
    await goToProjectsOverview(page);
    await clearProjectTableState(page);
    await page.reload();

    // Apply Active status filter
    await selectStatusFilter(page, 'Active');

    // Verify the filter badge is visible
    await expect(page.getByTestId('status-filter-badge')).toBeVisible();

    // Reload the page
    await page.reload();

    // Verify the filter badge is still visible after reload
    await expect(page.getByTestId('status-filter-badge')).toBeVisible();
});

test('test that sort state persists after page reload', async ({ page }) => {
    await goToProjectsOverview(page);
    await clearProjectTableState(page);
    await page.reload();

    // Click on Name header twice to sort descending
    const nameHeader = page.getByText('Name').first();
    await nameHeader.click();
    await expect(nameHeader.locator('svg')).toBeVisible();
    await nameHeader.click();

    // Reload the page
    await page.reload();

    // Verify descending sort indicator is visible on Name column
    await expect(page.getByTestId('project_table')).toBeVisible();
});

test('test that custom billable rate is displayed correctly on project detail page', async ({
    page,
    ctx,
}) => {
    const newProjectName = 'Billable Rate Project ' + Math.floor(1 + Math.random() * 10000);
    const newBillableRate = Math.round(10 + Math.random() * 1000);
    await createProjectViaApi(ctx, { name: newProjectName });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    // Edit the project to set a custom billable rate
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Set billable default to Billable
    await page.getByRole('dialog').locator('#billable').click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Set billable rate to Custom Rate
    await page.getByRole('dialog').locator('#billableRateType').click();
    await page.getByRole('option', { name: 'Custom Rate' }).click();

    await page.getByPlaceholder('Billable Rate').fill(newBillableRate.toString());
    await page.getByRole('button', { name: 'Update Project' }).click();

    await Promise.all([
        page.locator('button').filter({ hasText: 'Yes, update existing time' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Navigate to the project detail page by clicking the project name
    await page.getByText(newProjectName).first().click();
    await page.waitForURL(/\/projects\/[a-f0-9-]+/);

    // Verify the badge displays the correctly formatted billable rate
    const expectedFormattedRate = formatCentsWithOrganizationDefaults(newBillableRate * 100);
    await expect(page.locator('nav[aria-label="Breadcrumb"]').locator('..')).toContainText(
        expectedFormattedRate
    );
});

// Tests for estimated time input (Issue #460)
test('test that creating a project with estimated time in human-readable format works', async ({
    page,
}) => {
    const newProjectName = 'Estimated Time Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);

    // Fill in estimated time using human-readable format
    const estimatedTimeInput = page.getByPlaceholder('e.g. 2h 30m or 1.5');
    await estimatedTimeInput.fill('2h 30m');
    await estimatedTimeInput.press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                // 2h 30m = 9000 seconds
                (await response.json()).data.estimated_time === 9000
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
});

test('test that creating a project with estimated time using decimal notation works', async ({
    page,
}) => {
    const newProjectName = 'Decimal Estimated Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);

    // Fill in estimated time using decimal notation (1.5 hours = 1h 30m)
    const estimatedTimeInput = page.getByPlaceholder('e.g. 2h 30m or 1.5');
    await estimatedTimeInput.fill('1.5');
    await estimatedTimeInput.press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                // 1.5 hours = 5400 seconds
                (await response.json()).data.estimated_time === 5400
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
});

test('test that creating a project with estimated time using comma decimal notation works', async ({
    page,
}) => {
    const newProjectName = 'Comma Decimal Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);

    // Fill in estimated time using comma decimal notation (2,5 hours = 2h 30m)
    const estimatedTimeInput = page.getByPlaceholder('e.g. 2h 30m or 1.5');
    await estimatedTimeInput.fill('2,5');
    await estimatedTimeInput.press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                // 2.5 hours = 9000 seconds
                (await response.json()).data.estimated_time === 9000
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
});

test('test that updating estimated time on existing project works', async ({ page, ctx }) => {
    const newProjectName = 'Update Estimated Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: newProjectName });

    await goToProjectsOverview(page);
    await expect(page.getByText(newProjectName)).toBeVisible({ timeout: 10000 });

    // Edit the project to add estimated time
    await page.getByRole('row').first().getByRole('button').click();
    await page.getByRole('menuitem').getByText('Edit').first().click();

    // Fill in estimated time
    const estimatedTimeInput = page.getByPlaceholder('e.g. 2h 30m or 1.5');
    await estimatedTimeInput.fill('4h 15m');
    await estimatedTimeInput.press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Update Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                // 4h 15m = 15300 seconds
                (await response.json()).data.estimated_time === 15300
        ),
    ]);
});

test('test that estimated time input displays formatted value after blur', async ({ page }) => {
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();

    const estimatedTimeInput = page.getByPlaceholder('e.g. 2h 30m or 1.5');

    // Enter time in various formats and check the displayed value
    await estimatedTimeInput.fill('90');
    await estimatedTimeInput.press('Tab');
    // 90 hours should be displayed as "90h 00min" (default format)
    await expect(estimatedTimeInput).toHaveValue(/90h/);

    await estimatedTimeInput.fill('1:30');
    await estimatedTimeInput.press('Tab');
    // 1:30 should be displayed as "1h 30min"
    await expect(estimatedTimeInput).toHaveValue(/1h.*30/);
});

test('test that editing a task name on the project detail page works', async ({ page, ctx }) => {
    const projectName = 'Task Edit Project ' + Math.floor(1 + Math.random() * 10000);
    const originalTaskName = 'Original Task ' + Math.floor(1 + Math.random() * 10000);
    const updatedTaskName = 'Updated Task ' + Math.floor(1 + Math.random() * 10000);
    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTaskViaApi(ctx, { name: originalTaskName, project_id: project.id });

    // Navigate to the project detail page
    await goToProjectsOverview(page);
    await expect(page.getByText(projectName)).toBeVisible({ timeout: 10000 });
    await page.getByText(projectName).first().click();
    await page.waitForURL(/\/projects\/[a-f0-9-]+/);

    // Verify task is visible
    await expect(page.getByTestId('task_table')).toContainText(originalTaskName);

    // Open edit modal via actions menu
    const moreButton = page.locator("[aria-label='Actions for Task " + originalTaskName + "']");
    await moreButton.click();
    await page.getByTestId('task_edit').click();

    // Update the task name
    await page.locator('#taskName').fill(updatedTaskName);
    await Promise.all([
        page.getByRole('button', { name: 'Update Task' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    // Verify updated name is shown and old name is gone
    await expect(page.getByTestId('task_table')).toContainText(updatedTaskName);
    await expect(page.getByTestId('task_table')).not.toContainText(originalTaskName);
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Projects Restrictions', () => {
    test('employee can view public projects but cannot create', async ({ ctx, employee }) => {
        const projectName = 'EmpViewProj ' + Math.floor(Math.random() * 10000);
        await createPublicProjectViaApi(ctx, { name: projectName });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByTestId('projects_view')).toBeVisible({
            timeout: 10000,
        });

        // Employee can see the public project
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });

        // Employee cannot see Create Project button
        await expect(
            employee.page.getByRole('button', { name: 'Create Project' })
        ).not.toBeVisible();
    });

    test('employee cannot see edit/delete/archive actions on projects', async ({
        ctx,
        employee,
    }) => {
        const projectName = 'EmpActionsProj ' + Math.floor(Math.random() * 10000);
        await createPublicProjectViaApi(ctx, { name: projectName });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });

        // Click the actions dropdown trigger to open the menu
        const actionsButton = employee.page.locator(
            `[aria-label='Actions for Project ${projectName}']`
        );
        await actionsButton.click();

        // The dropdown menu items (Edit, Archive, Delete) should NOT be visible
        await expect(
            employee.page.locator(`[aria-label='Edit Project ${projectName}']`)
        ).not.toBeVisible();
        await expect(
            employee.page.locator(`[aria-label='Archive Project ${projectName}']`)
        ).not.toBeVisible();
        await expect(
            employee.page.locator(`[aria-label='Delete Project ${projectName}']`)
        ).not.toBeVisible();
    });
});

test.describe('Employee Billable Rate Visibility', () => {
    test('employee cannot see billable rate column by default', async ({ ctx, employee }) => {
        const projectName = 'EmpBillableProj ' + Math.floor(Math.random() * 10000);
        await createPublicProjectViaApi(ctx, {
            name: projectName,
            is_billable: true,
            billable_rate: 15000,
        });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });

        // Billable Rate column should not be visible to employee by default
        await expect(employee.page.getByText('Billable Rate')).not.toBeVisible();
    });

    test('employee can see billable rate column when employees_can_see_billable_rates is enabled', async ({
        ctx,
        employee,
    }) => {
        await updateOrganizationSettingViaApi(ctx, { employees_can_see_billable_rates: true });

        const projectName = 'EmpBillableVisProj ' + Math.floor(Math.random() * 10000);
        await createPublicProjectViaApi(ctx, {
            name: projectName,
            is_billable: true,
            billable_rate: 20000,
        });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });

        // Billable Rate column header should be visible
        await expect(employee.page.getByText('Billable Rate')).toBeVisible();

        // The project row should show the formatted billable rate
        const projectRow = employee.page.getByRole('row').filter({ hasText: projectName });
        await expect(projectRow).toContainText('200');
    });
});


================================================
FILE: e2e/reporting-detailed.spec.ts
================================================
import { expect } from '@playwright/test';
import { test } from '../playwright/fixtures';
import { goToReportingDetailed, waitForDetailedReportingUpdate } from './utils/reporting';
import {
    createProjectViaApi,
    createClientViaApi,
    createTaskViaApi,
    createTimeEntryViaApi,
    createTimeEntryWithTagViaApi,
    createBareTimeEntryViaApi,
} from './utils/api';

// Each test registers a new user and creates test data via API
test.describe.configure({ timeout: 30000 });

// ──────────────────────────────────────────────────
// Basic Detailed View Tests
// ──────────────────────────────────────────────────

test('test that detailed view shows time entries correctly', async ({ page, ctx }) => {
    const projectName = 'Detailed View Project ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    // Go to detailed reporting view
    await goToReportingDetailed(page);

    // Verify the time entry is shown with all details
    await expect(page.getByText(projectName, { exact: true }).first()).toBeVisible();
    await expect(page.locator('input[name="Duration"]').first()).toHaveValue('1h 00min');
    await expect(page.getByText('Entry for ' + projectName, { exact: true }).first()).toBeVisible();
});

test('test that updating duration in detailed view works correctly', async ({ page, ctx }) => {
    const projectName = 'Duration Update Project ' + Math.floor(Math.random() * 10000);
    const initialDuration = '1h';
    const updatedDuration = '2h 30min';

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: initialDuration,
        projectId: project.id,
    });

    // Go to detailed reporting view
    await goToReportingDetailed(page);

    // Find and update the duration
    const durationInput = page.locator('input[name="Duration"]').first();
    await durationInput.click();
    await durationInput.fill(updatedDuration);
    await Promise.all([
        durationInput.press('Enter'),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
    ]);

    // Verify the new duration is displayed
    await expect(durationInput).toHaveValue(updatedDuration);
});

// ──────────────────────────────────────────────────
// Project Filter Tests
// ──────────────────────────────────────────────────

test('test that project multiselect filters work on detailed reporting page', async ({
    page,
    ctx,
}) => {
    const project1 = 'DetailProj1 ' + Math.floor(Math.random() * 10000);
    const project2 = 'DetailProj2 ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: project1 });
    const p2 = await createProjectViaApi(ctx, { name: project2 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2}`,
        duration: '2h',
        projectId: p2.id,
    });

    await goToReportingDetailed(page);

    // Wait for initial data load
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).toBeVisible();

    // Open project multiselect and select project1
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: project1 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Verify only project1 entry is shown
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Client Filter Tests
// ──────────────────────────────────────────────────

test('test that client multiselect filters work on detailed reporting page', async ({
    page,
    ctx,
}) => {
    const client1 = 'DetailClient1 ' + Math.floor(Math.random() * 10000);
    const project1 = 'DetailClientProj1 ' + Math.floor(Math.random() * 10000);
    const project2 = 'DetailClientProj2 ' + Math.floor(Math.random() * 10000);

    const c1 = await createClientViaApi(ctx, { name: client1 });
    const p1 = await createProjectViaApi(ctx, { name: project1, client_id: c1.id });
    const p2 = await createProjectViaApi(ctx, { name: project2 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2}`,
        duration: '2h',
        projectId: p2.id,
    });

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).toBeVisible();

    // Filter by client1
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await page.getByRole('option').filter({ hasText: client1 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Only entries for project1 (with client1) should be visible
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Task Filter Tests
// ──────────────────────────────────────────────────

test('test that task multiselect dropdown filters reporting by task', async ({ page, ctx }) => {
    const projectName = 'TaskFilterProj ' + Math.floor(Math.random() * 10000);
    const task1 = 'TaskFilter1 ' + Math.floor(Math.random() * 10000);
    const task2 = 'TaskFilter2 ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const t1 = await createTaskViaApi(ctx, { name: task1, project_id: project.id });
    const t2 = await createTaskViaApi(ctx, { name: task2, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1}`,
        duration: '1h',
        projectId: project.id,
        taskId: t1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task2}`,
        duration: '2h',
        projectId: project.id,
        taskId: t2.id,
    });

    // Use the detailed view to verify task filtering (shows individual entries)
    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectName} - ${task2}`).first()).toBeVisible();

    // Open task multiselect dropdown
    await page.getByRole('button', { name: 'Tasks' }).first().click();

    // Verify both tasks appear
    await expect(page.getByRole('option').filter({ hasText: task1 })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: task2 })).toBeVisible();

    // Select task1
    await page.getByRole('option').filter({ hasText: task1 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Verify badge shows count of 1
    await expect(page.getByRole('button', { name: 'Tasks' }).first().getByText('1')).toBeVisible();

    // Verify only task1 entry is shown
    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectName} - ${task2}`).first()).not.toBeVisible();
});

test('test that selecting multiple tasks shows correct badge count', async ({ page, ctx }) => {
    const projectName = 'MultiTaskProj ' + Math.floor(Math.random() * 10000);
    const task1 = 'MultiTask1 ' + Math.floor(Math.random() * 10000);
    const task2 = 'MultiTask2 ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const t1 = await createTaskViaApi(ctx, { name: task1, project_id: project.id });
    const t2 = await createTaskViaApi(ctx, { name: task2, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1}`,
        duration: '1h',
        projectId: project.id,
        taskId: t1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task2}`,
        duration: '2h',
        projectId: project.id,
        taskId: t2.id,
    });

    // Use the detailed view to verify task filtering
    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectName} - ${task2}`).first()).toBeVisible();

    // Select both tasks
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await page.getByRole('option').filter({ hasText: task1 }).click();
    await page.getByRole('option').filter({ hasText: task2 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Verify badge shows count of 2
    await expect(page.getByRole('button', { name: 'Tasks' }).first().getByText('2')).toBeVisible();

    // Verify both task entries are shown
    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectName} - ${task2}`).first()).toBeVisible();
});

test('test that deselecting a task removes the filter', async ({ page, ctx }) => {
    const projectName = 'TaskDeselectProj ' + Math.floor(Math.random() * 10000);
    const task1 = 'TaskDeselect1 ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const t1 = await createTaskViaApi(ctx, { name: task1, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1}`,
        duration: '1h',
        projectId: project.id,
        taskId: t1.id,
    });

    await goToReportingDetailed(page);
    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();

    // Select task
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await page.getByRole('option').filter({ hasText: task1 }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(page.getByRole('button', { name: 'Tasks' }).first().getByText('1')).toBeVisible();

    // Deselect task
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await page.getByRole('option').filter({ hasText: task1 }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(
        page.getByRole('button', { name: 'Tasks' }).first().getByText(/^\d+$/)
    ).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Member Filter Tests
// ──────────────────────────────────────────────────

test('test that member multiselect filters work on detailed reporting page', async ({
    page,
    ctx,
}) => {
    const projectName = 'DetailMemberProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReportingDetailed(page);
    await expect(page.getByText(`Entry for ${projectName}`).first()).toBeVisible();

    // Filter by the current member
    await page.getByRole('button', { name: 'Members' }).first().click();
    await page.getByRole('option').filter({ hasText: 'John Doe' }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Data should still be visible since all entries belong to this member
    await expect(page.getByText(`Entry for ${projectName}`).first()).toBeVisible();

    // Verify badge shows count of 1
    await expect(
        page.getByRole('button', { name: 'Members' }).first().getByText('1')
    ).toBeVisible();
});

// ──────────────────────────────────────────────────
// Tag Filter Tests
// ──────────────────────────────────────────────────

test('test that tag filter works on detailed reporting page', async ({ page, ctx }) => {
    const tag1 = 'DetailTag1 ' + Math.floor(Math.random() * 10000);
    const tag2 = 'DetailTag2 ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tag1, '1h');
    await createTimeEntryWithTagViaApi(ctx, tag2, '2h');

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry with tag ${tag1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry with tag ${tag2}`).first()).toBeVisible();

    // Filter by tag1
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByRole('option').filter({ hasText: tag1 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(page.getByText(`Entry with tag ${tag1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry with tag ${tag2}`).first()).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Billable Filter Tests
// ──────────────────────────────────────────────────

test('test that billable filter works on detailed reporting page', async ({ page, ctx }) => {
    const projectName = 'DetailBillProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReportingDetailed(page);
    await expect(page.getByText(`Entry for ${projectName}`).first()).toBeVisible();

    // Filter by billable only
    await page.getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await Promise.all([
        page.getByRole('option', { name: 'Billable', exact: true }).click(),
        waitForDetailedReportingUpdate(page),
    ]);

    // Switch to Non Billable
    await page.getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await Promise.all([
        page.getByRole('option', { name: 'Non Billable', exact: true }).click(),
        waitForDetailedReportingUpdate(page),
    ]);

    // Switch back to Both
    await page.getByRole('combobox').filter({ hasText: 'Non Billable' }).click();
    await Promise.all([
        page.getByRole('option', { name: 'Both' }).click(),
        waitForDetailedReportingUpdate(page),
    ]);
});

// ──────────────────────────────────────────────────
// Combined Filter Tests
// ──────────────────────────────────────────────────

test('test that combining project and task filters narrows results', async ({ page, ctx }) => {
    const projectName = 'CombinedProj ' + Math.floor(Math.random() * 10000);
    const otherProject = 'OtherCombProj ' + Math.floor(Math.random() * 10000);
    const task1 = 'CombinedTask1 ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: projectName });
    const p2 = await createProjectViaApi(ctx, { name: otherProject });
    const t1 = await createTaskViaApi(ctx, { name: task1, project_id: p1.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1}`,
        duration: '1h',
        projectId: p1.id,
        taskId: t1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${otherProject}`,
        duration: '2h',
        projectId: p2.id,
    });

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${otherProject}`).first()).toBeVisible();

    // Filter by project
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: projectName }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Additionally filter by task
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await page.getByRole('option').filter({ hasText: task1 }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Verify both badges show count of 1
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('1')
    ).toBeVisible();
    await expect(page.getByRole('button', { name: 'Tasks' }).first().getByText('1')).toBeVisible();

    // Verify only the combined entry is shown
    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${otherProject}`).first()).not.toBeVisible();
});

test('test that combining client and member filters narrows results on detailed page', async ({
    page,
    ctx,
}) => {
    const client1 = 'CombClient ' + Math.floor(Math.random() * 10000);
    const project1 = 'CombClientProj ' + Math.floor(Math.random() * 10000);
    const project2 = 'CombNoClientProj ' + Math.floor(Math.random() * 10000);

    const c1 = await createClientViaApi(ctx, { name: client1 });
    const p1 = await createProjectViaApi(ctx, { name: project1, client_id: c1.id });
    const p2 = await createProjectViaApi(ctx, { name: project2 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2}`,
        duration: '2h',
        projectId: p2.id,
    });

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).toBeVisible();

    // Filter by client
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await page.getByRole('option').filter({ hasText: client1 }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Additionally filter by member
    await page.getByRole('button', { name: 'Members' }).first().click();
    await page.getByRole('option').filter({ hasText: 'John Doe' }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Only project1 entry should be visible (filtered by client + member)
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project2}`).first()).not.toBeVisible();

    // Both badges should show count of 1
    await expect(
        page.getByRole('button', { name: 'Clients' }).first().getByText('1')
    ).toBeVisible();
    await expect(
        page.getByRole('button', { name: 'Members' }).first().getByText('1')
    ).toBeVisible();
});

test('test that combining tag and project filters narrows results', async ({ page, ctx }) => {
    const tag1 = 'CombTag ' + Math.floor(Math.random() * 10000);
    const project1 = 'CombTagProj ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: project1 });

    // Create a time entry with a project (no tag)
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });

    // Create a time entry with a tag (no specific project)
    await createTimeEntryWithTagViaApi(ctx, tag1, '2h');

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry with tag ${tag1}`).first()).toBeVisible();

    // Filter by project
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: project1 }).click();
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Only the project entry should be visible (tagged entry has no project)
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry with tag ${tag1}`).first()).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// "No X" Filter Tests
// ──────────────────────────────────────────────────

test('test that "No Project" filter shows entries without a project', async ({ page, ctx }) => {
    const project1 = 'NoProj1 ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: project1 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createBareTimeEntryViaApi(ctx, 'Bare entry no project', '30min');

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText('Bare entry no project').first()).toBeVisible();

    // Open project dropdown and select "No Project"
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: 'No Project' }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Verify badge shows 1
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('1')
    ).toBeVisible();

    // Only the bare entry (no project) should be visible
    await expect(page.getByText('Bare entry no project').first()).toBeVisible();
    await expect(page.getByText(`Entry for ${project1}`).first()).not.toBeVisible();
});

test('test that "No Task" filter shows entries without a task', async ({ page, ctx }) => {
    const projectName = 'NoTaskProj ' + Math.floor(Math.random() * 10000);
    const task1 = 'NoTaskFilter1 ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const t1 = await createTaskViaApi(ctx, { name: task1, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1}`,
        duration: '1h',
        projectId: project.id,
        taskId: t1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '30min',
        projectId: project.id,
    });

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectName}`).first()).toBeVisible();

    // Open task dropdown and select "No Task"
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await page.getByRole('option').filter({ hasText: 'No Task' }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(page.getByRole('button', { name: 'Tasks' }).first().getByText('1')).toBeVisible();

    // Only the entry without a task should be visible
    await expect(page.getByText(`Entry for ${projectName} - ${task1}`).first()).not.toBeVisible();
});

test('test that "No Tag" filter shows entries without tags', async ({ page, ctx }) => {
    const tag1 = 'NoTagFilter1 ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tag1, '1h');
    await createBareTimeEntryViaApi(ctx, 'Entry without any tag', '30min');

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry with tag ${tag1}`).first()).toBeVisible();
    await expect(page.getByText('Entry without any tag').first()).toBeVisible();

    // Open tag dropdown and select "No Tag"
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByRole('option').filter({ hasText: 'No Tag' }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(page.getByRole('button', { name: 'Tags' }).getByText('1')).toBeVisible();

    await expect(page.getByText('Entry without any tag').first()).toBeVisible();
    await expect(page.getByText(`Entry with tag ${tag1}`).first()).not.toBeVisible();
});

test('test that "No Client" filter shows entries without a client', async ({ page, ctx }) => {
    const client1 = 'NoClientFilter ' + Math.floor(Math.random() * 10000);
    const projectWithClient = 'NoClientProj1 ' + Math.floor(Math.random() * 10000);
    const projectNoClient = 'NoClientProj2 ' + Math.floor(Math.random() * 10000);

    const c1 = await createClientViaApi(ctx, { name: client1 });
    const pWithClient = await createProjectViaApi(ctx, {
        name: projectWithClient,
        client_id: c1.id,
    });
    const pNoClient = await createProjectViaApi(ctx, { name: projectNoClient });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectWithClient}`,
        duration: '1h',
        projectId: pWithClient.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectNoClient}`,
        duration: '30min',
        projectId: pNoClient.id,
    });

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${projectWithClient}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectNoClient}`).first()).toBeVisible();

    // Open client dropdown and select "No Client"
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await page.getByRole('option').filter({ hasText: 'No Client' }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    await expect(
        page.getByRole('button', { name: 'Clients' }).first().getByText('1')
    ).toBeVisible();

    await expect(page.getByText(`Entry for ${projectNoClient}`).first()).toBeVisible();
    await expect(page.getByText(`Entry for ${projectWithClient}`).first()).not.toBeVisible();
});

test('test that combining "No Project" with a project ID shows both', async ({ page, ctx }) => {
    const project1 = 'CombNoProj ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: project1 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createBareTimeEntryViaApi(ctx, 'Bare combined entry', '30min');

    await goToReportingDetailed(page);

    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText('Bare combined entry').first()).toBeVisible();

    // Select both "No Project" and the specific project
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: 'No Project' }).click();
    await page.getByRole('option').filter({ hasText: project1 }).click();

    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Badge should show 2
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('2')
    ).toBeVisible();

    // Both entries should be visible
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();
    await expect(page.getByText('Bare combined entry').first()).toBeVisible();
});

// ──────────────────────────────────────────────────
// Keyboard Navigation Tests
// ──────────────────────────────────────────────────

test('test that keyboard navigation works in multiselect dropdown', async ({ page, ctx }) => {
    const project1 = 'KbNavProj1 ' + Math.floor(Math.random() * 10000);
    const project2 = 'KbNavProj2 ' + Math.floor(Math.random() * 10000);

    const p1 = await createProjectViaApi(ctx, { name: project1 });
    const p2 = await createProjectViaApi(ctx, { name: project2 });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1}`,
        duration: '1h',
        projectId: p1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2}`,
        duration: '2h',
        projectId: p2.id,
    });

    await goToReportingDetailed(page);
    await expect(page.getByText(`Entry for ${project1}`).first()).toBeVisible();

    // Open project dropdown
    await page.getByRole('button', { name: 'Projects' }).first().click();

    // The search input should be focused, first item ("No Project") highlighted
    await expect(page.getByPlaceholder('Search for a Project...')).toBeFocused();

    // Press ArrowDown to move to first project, then Enter to select it
    await page.keyboard.press('ArrowDown');
    await page.keyboard.press('ArrowDown');
    await page.keyboard.press('Enter');

    // Close dropdown and verify filter applied
    await Promise.all([page.keyboard.press('Escape'), waitForDetailedReportingUpdate(page)]);

    // Badge should show 1
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('1')
    ).toBeVisible();
});


================================================
FILE: e2e/reporting.spec.ts
================================================
import { expect } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { goToReporting, waitForReportingUpdate } from './utils/reporting';
import {
    createProjectViaApi,
    createClientViaApi,
    createTaskViaApi,
    createTimeEntryViaApi,
    createTimeEntryWithTagViaApi,
    createTimeEntryWithBillableStatusViaApi,
    createBareTimeEntryViaApi,
    createPublicProjectViaApi,
    updateOrganizationSettingViaApi,
} from './utils/api';

// Each test registers a new user and creates test data via API
test.describe.configure({ timeout: 30000 });

// ──────────────────────────────────────────────────
// Project Multiselect Dropdown Tests
// ──────────────────────────────────────────────────

test('test that project multiselect dropdown shows projects and filters reporting', async ({
    page,
    ctx,
}) => {
    const project1Name = 'ProjFilter1 ' + Math.floor(Math.random() * 10000);
    const project2Name = 'ProjFilter2 ' + Math.floor(Math.random() * 10000);

    const project1 = await createProjectViaApi(ctx, { name: project1Name });
    const project2 = await createProjectViaApi(ctx, { name: project2Name });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2Name}`,
        duration: '2h',
        projectId: project2.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open project multiselect dropdown
    await page.getByRole('button', { name: 'Projects' }).first().click();

    // Verify both projects appear as options
    await expect(page.getByRole('option').filter({ hasText: project1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: project2Name })).toBeVisible();

    // Select project1 and wait for report update
    await Promise.all([
        page.getByRole('option').filter({ hasText: project1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify filter badge shows count of 1
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('1')
    ).toBeVisible();

    // Verify only project1 data is shown
    await expect(page.getByTestId('reporting_view').getByText(project1Name)).toBeVisible();
    await expect(page.getByTestId('reporting_view').getByText(project2Name)).not.toBeVisible();
});

test('test that project multiselect search filters the option list', async ({ page, ctx }) => {
    const project1Name = 'SearchableAlpha ' + Math.floor(Math.random() * 10000);
    const project2Name = 'SearchableBeta ' + Math.floor(Math.random() * 10000);

    const project1 = await createProjectViaApi(ctx, { name: project1Name });
    await createProjectViaApi(ctx, { name: project2Name });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open project multiselect dropdown
    await page.getByRole('button', { name: 'Projects' }).first().click();

    // Type in search
    await page.getByPlaceholder('Search for a Project...').fill('Alpha');

    // Verify only matching project is visible
    await expect(page.getByRole('option').filter({ hasText: project1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: project2Name })).not.toBeVisible();

    await page.keyboard.press('Escape');
});

test('test that selecting multiple projects shows correct badge count', async ({ page, ctx }) => {
    const project1Name = 'MultiProj1 ' + Math.floor(Math.random() * 10000);
    const project2Name = 'MultiProj2 ' + Math.floor(Math.random() * 10000);

    const project1 = await createProjectViaApi(ctx, { name: project1Name });
    const project2 = await createProjectViaApi(ctx, { name: project2Name });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2Name}`,
        duration: '2h',
        projectId: project2.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open project dropdown and select both
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: project1Name }).click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: project2Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify filter badge shows count of 2
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('2')
    ).toBeVisible();

    // Verify both projects are shown in the report
    await expect(page.getByTestId('reporting_view').getByText(project1Name)).toBeVisible();
    await expect(page.getByTestId('reporting_view').getByText(project2Name)).toBeVisible();
});

test('test that deselecting a project removes the filter', async ({ page, ctx }) => {
    const project1Name = 'DeselectProj ' + Math.floor(Math.random() * 10000);

    const project1 = await createProjectViaApi(ctx, { name: project1Name });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Select project
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: project1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify badge count is 1
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText('1')
    ).toBeVisible();

    // Deselect project (no network request expected — TanStack Query serves cached unfiltered data)
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await page.getByRole('option').filter({ hasText: project1Name }).click();
    await page.keyboard.press('Escape');

    // Verify badge count is gone (no count displayed when 0)
    await expect(
        page.getByRole('button', { name: 'Projects' }).first().getByText(/^\d+$/)
    ).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Client Multiselect Dropdown Tests
// ──────────────────────────────────────────────────

test('test that client multiselect dropdown filters reporting by client', async ({ page, ctx }) => {
    const client1Name = 'ClientFilter1 ' + Math.floor(Math.random() * 10000);
    const client2Name = 'ClientFilter2 ' + Math.floor(Math.random() * 10000);
    const project1Name = 'ClientProj1 ' + Math.floor(Math.random() * 10000);
    const project2Name = 'ClientProj2 ' + Math.floor(Math.random() * 10000);

    const client1 = await createClientViaApi(ctx, { name: client1Name });
    const client2 = await createClientViaApi(ctx, { name: client2Name });
    const project1 = await createProjectViaApi(ctx, {
        name: project1Name,
        client_id: client1.id,
    });
    const project2 = await createProjectViaApi(ctx, {
        name: project2Name,
        client_id: client2.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project2Name}`,
        duration: '2h',
        projectId: project2.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open client multiselect dropdown
    await page.getByRole('button', { name: 'Clients' }).first().click();

    // Verify both clients appear
    await expect(page.getByRole('option').filter({ hasText: client1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: client2Name })).toBeVisible();

    // Select client1
    await Promise.all([
        page.getByRole('option').filter({ hasText: client1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify badge shows count of 1
    await expect(
        page.getByRole('button', { name: 'Clients' }).first().getByText('1')
    ).toBeVisible();

    // Verify only project1 (belonging to client1) is shown
    await expect(page.getByTestId('reporting_view').getByText(project1Name)).toBeVisible();
    await expect(page.getByTestId('reporting_view').getByText(project2Name)).not.toBeVisible();
});

test('test that client multiselect search filters the option list', async ({ page, ctx }) => {
    const client1Name = 'ClientSearchAlpha ' + Math.floor(Math.random() * 10000);
    const client2Name = 'ClientSearchBeta ' + Math.floor(Math.random() * 10000);

    await createClientViaApi(ctx, { name: client1Name });
    await createClientViaApi(ctx, { name: client2Name });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    await page.getByRole('button', { name: 'Clients' }).first().click();

    // Search for "Alpha"
    await page.getByPlaceholder('Search for a Client...').fill('Alpha');

    await expect(page.getByRole('option').filter({ hasText: client1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: client2Name })).not.toBeVisible();

    await page.keyboard.press('Escape');
});

test('test that deselecting a client removes the filter', async ({ page, ctx }) => {
    const client1Name = 'ClientDeselect ' + Math.floor(Math.random() * 10000);
    const project1Name = 'ClientDeselectProj ' + Math.floor(Math.random() * 10000);

    const client1 = await createClientViaApi(ctx, { name: client1Name });
    const project1 = await createProjectViaApi(ctx, {
        name: project1Name,
        client_id: client1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${project1Name}`,
        duration: '1h',
        projectId: project1.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Select client
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: client1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    await expect(
        page.getByRole('button', { name: 'Clients' }).first().getByText('1')
    ).toBeVisible();

    // Deselect client (no network request expected — TanStack Query serves cached unfiltered data)
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await page.getByRole('option').filter({ hasText: client1Name }).click();
    await page.keyboard.press('Escape');

    await expect(
        page.getByRole('button', { name: 'Clients' }).first().getByText(/^\d+$/)
    ).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Task Multiselect Dropdown Tests
// ──────────────────────────────────────────────────

test('test that task filtering works in reporting', async ({ page, ctx }) => {
    const projectName = 'Task Filter Proj ' + Math.floor(Math.random() * 10000);
    const task1Name = 'Task Filter A ' + Math.floor(Math.random() * 10000);
    const task2Name = 'Task Filter B ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '30min',
        projectId: project.id,
    });
    const task1 = await createTaskViaApi(ctx, { name: task1Name, project_id: project.id });
    const task2 = await createTaskViaApi(ctx, { name: task2Name, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task1Name}`,
        duration: '1h',
        projectId: project.id,
        taskId: task1.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${task2Name}`,
        duration: '2h',
        projectId: project.id,
        taskId: task2.id,
    });

    // Go to reporting and group by task to see individual tasks
    await goToReporting(page);

    // Filter by task1
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: task1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify the report only shows 1h (task1's duration)
    await expect(page.getByTestId('reporting_view').getByText('1h 00min').first()).toBeVisible();
});

test('test that task multiselect search filters the option list', async ({ page, ctx }) => {
    const projectName = 'TaskSearchProj ' + Math.floor(Math.random() * 10000);
    const task1Name = 'TaskSearchAlpha ' + Math.floor(Math.random() * 10000);
    const task2Name = 'TaskSearchBeta ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTaskViaApi(ctx, { name: task1Name, project_id: project.id });
    await createTaskViaApi(ctx, { name: task2Name, project_id: project.id });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    await page.getByRole('button', { name: 'Tasks' }).first().click();

    await page.getByPlaceholder('Search for a Task...').fill('Alpha');

    await expect(page.getByRole('option').filter({ hasText: task1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: task2Name })).not.toBeVisible();

    await page.keyboard.press('Escape');
});

// ──────────────────────────────────────────────────
// Member Multiselect Dropdown Tests
// ──────────────────────────────────────────────────

test('test that member multiselect dropdown shows current member and filters reporting', async ({
    page,
    ctx,
}) => {
    const projectName = 'MemberFilterProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open member multiselect dropdown
    await page.getByRole('button', { name: 'Members' }).first().click();

    // Verify the current user (John Doe from fixture) appears as an option
    await expect(page.getByRole('option').filter({ hasText: 'John Doe' })).toBeVisible();

    // Select the member
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'John Doe' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify badge shows count of 1
    await expect(
        page.getByRole('button', { name: 'Members' }).first().getByText('1')
    ).toBeVisible();

    // Verify data is still shown (since all entries belong to this member)
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();
});

test('test that member multiselect search filters the option list', async ({ page }) => {
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    await page.getByRole('button', { name: 'Members' }).first().click();

    // Search for the registered user
    await page.getByPlaceholder('Search for a Member...').fill('John');
    await expect(page.getByRole('option').filter({ hasText: 'John Doe' })).toBeVisible();

    // Search for a non-existent member
    await page.getByPlaceholder('Search for a Member...').fill('NonExistentMember');
    await expect(page.getByRole('option')).not.toBeVisible();

    await page.keyboard.press('Escape');
});

test('test that deselecting a member removes the filter', async ({ page, ctx }) => {
    const projectName = 'MemberDeselectProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Select member
    await page.getByRole('button', { name: 'Members' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'John Doe' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    await expect(
        page.getByRole('button', { name: 'Members' }).first().getByText('1')
    ).toBeVisible();

    // Deselect member (no network request expected — TanStack Query serves cached unfiltered data)
    await page.getByRole('button', { name: 'Members' }).first().click();
    await page.getByRole('option').filter({ hasText: 'John Doe' }).click();
    await page.keyboard.press('Escape');

    // Verify badge count is gone
    await expect(
        page.getByRole('button', { name: 'Members' }).first().getByText(/^\d+$/)
    ).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Tag Dropdown Tests
// ──────────────────────────────────────────────────

test('test that tag filtering works in reporting', async ({ page, ctx }) => {
    const tag1Name = 'Test Tag 1 ' + Math.floor(Math.random() * 10000);
    const tag2Name = 'Test Tag 2 ' + Math.floor(Math.random() * 10000);

    // Create time entries with different tags
    await createTimeEntryWithTagViaApi(ctx, tag1Name, '1h');
    await createTimeEntryWithTagViaApi(ctx, tag2Name, '2h');

    // Go to reporting and filter by tag1
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Tags' })).toBeVisible();

    await page.getByRole('button', { name: 'Tags' }).click();
    await Promise.all([page.getByText(tag1Name).click(), waitForReportingUpdate(page)]);
    await page.keyboard.press('Escape');

    // Verify only time entries with tag1 are shown
    await expect(page.getByTestId('reporting_view').getByText('1h 00min').first()).toBeVisible();
});

test('test that tag dropdown search filters the option list', async ({ page, ctx }) => {
    const tag1Name = 'TagSearchAlpha ' + Math.floor(Math.random() * 10000);
    const tag2Name = 'TagSearchBeta ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tag1Name, '1h');
    await createTimeEntryWithTagViaApi(ctx, tag2Name, '2h');

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    await page.getByRole('button', { name: 'Tags' }).click();

    await page.getByPlaceholder('Search for a Tag...').fill('Alpha');

    await expect(page.getByRole('option').filter({ hasText: tag1Name })).toBeVisible();
    await expect(page.getByRole('option').filter({ hasText: tag2Name })).not.toBeVisible();

    await page.keyboard.press('Escape');
});

test('test that selecting multiple tags shows correct badge count', async ({ page, ctx }) => {
    const tag1Name = 'MultiTag1 ' + Math.floor(Math.random() * 10000);
    const tag2Name = 'MultiTag2 ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tag1Name, '1h');
    await createTimeEntryWithTagViaApi(ctx, tag2Name, '2h');

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Select both tags
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByRole('option').filter({ hasText: tag1Name }).click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: tag2Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    // Verify badge shows count of 2
    await expect(page.getByRole('button', { name: 'Tags' }).getByText('2')).toBeVisible();
});

test('test that deselecting a tag removes the filter', async ({ page, ctx }) => {
    const tag1Name = 'TagDeselect ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tag1Name, '1h');

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Select tag
    await page.getByRole('button', { name: 'Tags' }).click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: tag1Name }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    await expect(page.getByRole('button', { name: 'Tags' }).getByText('1')).toBeVisible();

    // Deselect tag (no network request expected — TanStack Query serves cached unfiltered data)
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByRole('option').filter({ hasText: tag1Name }).click();
    await page.keyboard.press('Escape');

    await expect(page.getByRole('button', { name: 'Tags' }).getByText(/^\d+$/)).not.toBeVisible();
});

test('test that creating a tag inline from the reporting filter works', async ({ page, ctx }) => {
    const projectName = 'TagCreateProj ' + Math.floor(Math.random() * 10000);
    const newTag = 'InlineTag ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Open tag dropdown and create a new tag
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(newTag);

    await Promise.all([
        page.getByRole('button', { name: 'Create Tag' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/tags') && response.status() === 201
        ),
    ]);

    // The new tag should now be selected in the dropdown (badge should show 1)
    await expect(page.getByRole('button', { name: 'Tags' }).getByText('1')).toBeVisible();
});

// ──────────────────────────────────────────────────
// Billable Select Tests
// ──────────────────────────────────────────────────

test('test that billable status filtering works in reporting', async ({ page, ctx }) => {
    // Create billable and non-billable time entries
    await createTimeEntryWithBillableStatusViaApi(ctx, true, '1h');
    await createTimeEntryWithBillableStatusViaApi(ctx, false, '2h');

    // Go to reporting and filter by billable
    await goToReporting(page);

    await page.getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await Promise.all([
        page.getByRole('option', { name: 'Billable', exact: true }).click(),
        waitForReportingUpdate(page),
    ]);

    await expect(page.getByTestId('reporting_view').getByText('1h 00min').first()).toBeVisible();
});

test('test that billable filter can switch between all three states', async ({ page }) => {
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    const billableSelect = page.getByRole('combobox').filter({ hasText: 'Billable' });

    // Switch to Billable
    await billableSelect.click();
    await Promise.all([
        page.getByRole('option', { name: 'Billable', exact: true }).click(),
        waitForReportingUpdate(page),
    ]);

    // Switch to Non Billable
    await billableSelect.click();
    await Promise.all([
        page.getByRole('option', { name: 'Non Billable', exact: true }).click(),
        waitForReportingUpdate(page),
    ]);

    // Verify "Non Billable" is displayed
    await expect(billableSelect).toContainText('Non Billable');

    // Switch back to Both (cached by TanStack Query, no new API request)
    await billableSelect.click();
    await page.getByRole('option', { name: 'Both' }).click();
    await expect(billableSelect).toContainText('Billable');
});

// ──────────────────────────────────────────────────
// Rounding Controls Tests
// ──────────────────────────────────────────────────

test('test that rounding can be enabled', async ({ page, ctx }) => {
    const projectName = 'RoundingProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h 7min',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Verify rounding is off by default
    await expect(page.getByRole('button', { name: /Rounding off/ })).toBeVisible();

    // Open rounding controls and enable rounding
    await page.getByRole('button', { name: /Rounding off/ }).click();

    const reportUpdatePromise = waitForReportingUpdate(page);
    await page.getByRole('switch', { name: 'Enable Rounding' }).click();
    await reportUpdatePromise;

    // Close the popover by clicking elsewhere
    await page.keyboard.press('Escape');

    // Verify button text changed to "on"
    await expect(page.getByRole('button', { name: /Rounding on/ })).toBeVisible();
});

// ──────────────────────────────────────────────────
// Export Tests
// ──────────────────────────────────────────────────

test('test that export dropdown shows all format options', async ({ page, ctx }) => {
    const projectName = 'Export Test ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    // Go to reporting page
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Click the export button
    await page.getByRole('button', { name: 'Export' }).click();

    // Verify all 4 format options are visible
    await expect(page.getByRole('menuitem', { name: /Export as PDF/i })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: /Export as Excel/i })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: /Export as CSV/i })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: /Export as ODS/i })).toBeVisible();
});

test('test that CSV export triggers download', async ({ page, ctx }) => {
    const projectName = 'CSV Export ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    // Go to reporting page
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Click export and select CSV, wait for the export API response with a download URL
    await page.getByRole('button', { name: 'Export' }).click();
    const [exportResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/aggregate/export') &&
                response.status() === 200
        ),
        page.getByRole('menuitem', { name: /Export as CSV/i }).click(),
    ]);

    // Verify the API returned a download URL
    const responseBody = await exportResponse.json();
    expect(responseBody.download_url).toBeTruthy();

    // Verify the export success modal appeared
    await expect(page.getByText('Export Successful!')).toBeVisible();
});

// ──────────────────────────────────────────────────
// Group By Tests
// ──────────────────────────────────────────────────

test('test that group by select changes report grouping', async ({ page, ctx }) => {
    const projectName = 'GroupBy Test ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    // Go to reporting page
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Find the "Group by" selects within the reporting table
    const groupBySelects = page.locator('[data-testid="reporting_view"]').getByRole('combobox');

    // Click the first group by select to change grouping
    await groupBySelects.filter({ hasText: 'Project' }).first().click();

    // Select "Members" option and wait for the table query to update with group=user
    const [aggregateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/aggregate') &&
                response.url().includes('group=user') &&
                response.status() === 200
        ),
        page.getByRole('option', { name: 'Members' }).click(),
    ]);

    // Verify the API request contains the correct group parameter
    const requestUrl = new URL(aggregateResponse.url());
    expect(requestUrl.searchParams.get('group')).toBe('user');

    // Verify the grouping changed (the select should now show "Members")
    await expect(groupBySelects.filter({ hasText: 'Members' }).first()).toBeVisible();
});

test('test that setting group by to current sub group triggers sub group fallback', async ({
    page,
    ctx,
}) => {
    const projectName = 'Fallback Test ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    // Go to reporting page
    await goToReporting(page);
    await expect(page.getByRole('button', { name: 'Export' })).toBeVisible();

    // Find the "Group by" selects within the reporting table
    const groupBySelects = page.locator('[data-testid="reporting_view"]').getByRole('combobox');

    // Default state: group=Project, subGroup=Tasks
    // Change group to "Tasks" (which is the current sub group)
    await groupBySelects.filter({ hasText: 'Projects' }).first().click();

    const [aggregateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/aggregate') &&
                response.url().includes('group=task') &&
                response.status() === 200
        ),
        page.getByRole('option', { name: 'Tasks' }).click(),
    ]);

    // Verify the API request has group=task and sub_group changed away from task
    const requestUrl = new URL(aggregateResponse.url());
    expect(requestUrl.searchParams.get('group')).toBe('task');
    expect(requestUrl.searchParams.get('sub_group')).not.toBe('task');

    // The group should now be "Tasks"
    await expect(groupBySelects.filter({ hasText: 'Tasks' }).first()).toBeVisible();

    // The sub group should have fallen back to a different value (not "Tasks")
    await expect(groupBySelects.filter({ hasText: 'Members' }).first()).toBeVisible();
});

// ──────────────────────────────────────────────────
// Export Tests
// ──────────────────────────────────────────────────

test('test that CSV export can be triggered from the reporting page', async ({ page, ctx }) => {
    await createTimeEntryViaApi(ctx, {
        description: 'CSV export test',
        duration: '1h',
    });

    await goToReporting(page);
    await waitForReportingUpdate(page);

    // Open export dropdown
    await page.getByRole('button', { name: 'Export' }).click();

    // Click CSV export and wait for the API response
    const [exportResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/aggregate/export') &&
                response.status() === 200
        ),
        page.getByRole('menuitem', { name: 'Export as CSV' }).click(),
    ]);

    // Verify the API returned a download URL
    const responseBody = await exportResponse.json();
    expect(responseBody.download_url).toBeTruthy();

    // Verify the export success modal appeared
    await expect(page.getByText('Export Successful!')).toBeVisible();
});

test('test that export dropdown shows all export options', async ({ page, ctx }) => {
    await createTimeEntryViaApi(ctx, {
        description: 'Export options test',
        duration: '1h',
    });

    await goToReporting(page);
    await waitForReportingUpdate(page);

    // Open export dropdown
    await page.getByRole('button', { name: 'Export' }).click();

    // Verify all export options are visible
    await expect(page.getByRole('menuitem', { name: 'Export as PDF' })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: 'Export as Excel' })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: 'Export as CSV' })).toBeVisible();
    await expect(page.getByRole('menuitem', { name: 'Export as ODS' })).toBeVisible();
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Reporting Restrictions', () => {
    test('employee can access overview reporting and sees own data', async ({ ctx, employee }) => {
        // Owner creates a time entry
        await createBareTimeEntryViaApi(ctx, 'Owner report entry', '2h');

        // Create employee time entry
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description: 'Emp report entry', duration: '1h' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/reporting');
        await expect(employee.page.getByTestId('reporting_view')).toBeVisible({
            timeout: 10000,
        });

        // Employee's data should be visible (1h)
        await expect(
            employee.page.getByTestId('reporting_view').getByText('1h 00min').first()
        ).toBeVisible();
    });

    test('employee can access detailed reporting and sees only own entries', async ({
        ctx,
        employee,
    }) => {
        // Owner creates time entries
        const ownerDescription = 'OwnerDetailEntry ' + Math.floor(Math.random() * 10000);
        await createBareTimeEntryViaApi(ctx, ownerDescription, '2h');

        // Create employee time entry
        const empDescription = 'EmpDetailEntry ' + Math.floor(Math.random() * 10000);
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description: empDescription, duration: '1h' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/reporting/detailed');
        await expect(employee.page.getByTestId('reporting_view')).toBeVisible({
            timeout: 10000,
        });

        // Employee's entry IS visible
        await expect(
            employee.page.getByTestId('reporting_view').locator(`text=${empDescription}`).first()
        ).toBeAttached({ timeout: 10000 });

        // Owner's entry is NOT visible
        await expect(
            employee.page.getByTestId('reporting_view').locator(`text=${ownerDescription}`)
        ).not.toBeAttached();
    });

    test('employee cannot see shared reports tab in reporting', async ({ employee }) => {
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/reporting');
        await expect(employee.page.getByTestId('reporting_view')).toBeVisible({
            timeout: 10000,
        });

        // Overview and Detailed tabs should be visible (scope to main to avoid sidebar matches)
        const mainContent = employee.page.getByRole('main');
        await expect(mainContent.getByRole('tab', { name: 'Overview' })).toBeVisible();
        await expect(mainContent.getByRole('tab', { name: 'Detailed' })).toBeVisible();

        // Shared tab should NOT be visible for employees
        await expect(mainContent.getByRole('tab', { name: 'Shared' })).not.toBeVisible();
    });

    test('employee cannot see Cost column in reporting by default', async ({ ctx, employee }) => {
        const project = await createPublicProjectViaApi(ctx, {
            name: 'EmpBillProj',
            is_billable: true,
            billable_rate: 10000,
        });
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description: 'Emp cost entry', duration: '1h', projectId: project.id }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/reporting');
        await expect(employee.page.getByTestId('reporting_view')).toBeVisible({
            timeout: 10000,
        });

        // Cost column header should NOT be visible
        await expect(employee.page.getByText('Cost', { exact: true })).not.toBeVisible();
    });

    test('employee can see Cost column when employees_can_see_billable_rates is enabled', async ({
        ctx,
        employee,
    }) => {
        await updateOrganizationSettingViaApi(ctx, { employees_can_see_billable_rates: true });

        const project = await createPublicProjectViaApi(ctx, {
            name: 'EmpBillVisProj',
            is_billable: true,
            billable_rate: 10000,
        });
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            {
                description: 'Emp cost visible entry',
                duration: '1h',
                projectId: project.id,
                billable: true,
            }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/reporting');
        await expect(employee.page.getByTestId('reporting_view')).toBeVisible({
            timeout: 10000,
        });

        // Cost column header should be visible
        await expect(employee.page.getByText('Cost', { exact: true })).toBeVisible();

        // 1h at 100.00/h billable rate = 100.00 cost (shown in row and total)
        await expect(employee.page.getByText('100,00 EUR').first()).toBeVisible();
    });
});


================================================
FILE: e2e/shared-reports.spec.ts
================================================
import { expect } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import {
    createProjectViaApi,
    createClientViaApi,
    createTaskViaApi,
    createTimeEntryViaApi,
    createTimeEntryWithTagViaApi,
    createBareTimeEntryViaApi,
    createBillableProjectViaApi,
    createTimeEntryWithBillableStatusViaApi,
    createTagViaApi,
} from './utils/api';
import {
    goToReporting,
    goToReportingShared,
    waitForReportingUpdate,
    saveAsSharedReport,
} from './utils/reporting';

// Each test registers a new user and creates test data via API
test.describe.configure({ timeout: 30000 });

// Date picker button name patterns for different date formats
const DATE_PICKER_BUTTON_PATTERN =
    /^Pick a date$|^\d{4}-\d{2}-\d{2}$|^\d{2}\/\d{2}\/\d{4}$|^\d{2}\.\d{2}\.\d{4}$/;

// ──────────────────────────────────────────────────
// Shared Report Lifecycle Tests
// ──────────────────────────────────────────────────

test('test that saving a report creates a shared report and its shareable link shows correct data', async ({
    page,
    ctx,
}) => {
    const projectName = 'SharedProject ' + Math.floor(Math.random() * 10000);
    const reportName = 'SharedReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // Verify report appears on shared tab
    await goToReportingShared(page);
    await expect(page.getByTestId('report_table')).toBeVisible();
    await expect(page.getByText(reportName)).toBeVisible();
    await expect(page.getByText('Public', { exact: true })).toBeVisible();
    await expect(page.getByRole('button', { name: 'Copy URL' })).toBeVisible();

    // Navigate to shareable link and verify report data
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText(projectName)).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
});

test('test that shared report with invalid secret shows no data', async ({ page }) => {
    await page.goto(PLAYWRIGHT_BASE_URL + '/shared-report#invalid-secret-value');
    await expect(page.getByText('No time entries found').first()).toBeVisible();
});

test('test that a shared report can be edited to toggle public/private and then deleted', async ({
    page,
    ctx,
}) => {
    const projectName = 'EditDelProject ' + Math.floor(Math.random() * 10000);
    const reportName = 'EditDelReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    await saveAsSharedReport(page, reportName);

    await goToReportingShared(page);
    await expect(page.getByText(reportName)).toBeVisible();
    await expect(page.getByText('Public', { exact: true })).toBeVisible();

    // Click more options and edit
    await page
        .getByRole('button', { name: new RegExp('Actions for Project ' + reportName) })
        .click();
    await page.getByRole('menuitem', { name: /^Edit Report/ }).click();

    // Uncheck public and save
    await page.getByLabel('Public').click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Report' }).click(),
    ]);

    // Verify status changed to private
    await expect(page.getByText('Private')).toBeVisible();
    await expect(page.getByText('--')).toBeVisible();

    // Delete the report
    await page
        .getByRole('button', { name: new RegExp('Actions for Project ' + reportName) })
        .click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports/') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
        page.getByRole('menuitem', { name: /^Delete Report/ }).click(),
    ]);

    await expect(page.getByText('No shared reports found')).toBeVisible();
});

// ──────────────────────────────────────────────────
// Shared Report Filter Tests
// ──────────────────────────────────────────────────

test('test that shared report respects project filter', async ({ page, ctx }) => {
    const projectA = 'FilterProjA ' + Math.floor(Math.random() * 10000);
    const projectB = 'FilterProjB ' + Math.floor(Math.random() * 10000);
    const reportName = 'FilterProjReport ' + Math.floor(Math.random() * 10000);

    const projA = await createProjectViaApi(ctx, { name: projectA });
    const projB = await createProjectViaApi(ctx, { name: projectB });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectA}`,
        duration: '1h',
        projectId: projA.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectB}`,
        duration: '2h',
        projectId: projB.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectA)).toBeVisible();

    // Filter by project A
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: projectA }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText(projectA)).toBeVisible();
    await expect(page.getByText(projectB)).not.toBeVisible();
});

test('test that shared report with No Project filter shows entries without a project', async ({
    page,
    ctx,
}) => {
    const projectName = 'NoProjFilter ' + Math.floor(Math.random() * 10000);
    const reportName = 'NoProjReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });
    await createBareTimeEntryViaApi(ctx, 'Bare entry no project', '2h');

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Filter by "No Project"
    await page.getByRole('button', { name: 'Projects' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'No Project' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    // The "No Project" group should show, but the project name should not appear as a group
    await expect(page.getByText('Total')).toBeVisible();
    await expect(page.getByText(projectName)).not.toBeVisible();
});

test('test that shared report with No Task filter shows entries without a task', async ({
    page,
    ctx,
}) => {
    const projectName = 'NoTaskProj ' + Math.floor(Math.random() * 10000);
    const taskName = 'NoTaskFilter ' + Math.floor(Math.random() * 10000);
    const reportName = 'NoTaskReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const task = await createTaskViaApi(ctx, { name: taskName, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${taskName}`,
        duration: '1h',
        projectId: project.id,
        taskId: task.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '2h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Filter by "No Task"
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'No Task' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
});

test('test that shared report respects task filter', async ({ page, ctx }) => {
    const projectName = 'TaskFilterProj ' + Math.floor(Math.random() * 10000);
    const taskA = 'TaskA ' + Math.floor(Math.random() * 10000);
    const taskB = 'TaskB ' + Math.floor(Math.random() * 10000);
    const reportName = 'TaskFilterReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    const task = await createTaskViaApi(ctx, { name: taskA, project_id: project.id });
    await createTaskViaApi(ctx, { name: taskB, project_id: project.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${taskA}`,
        duration: '1h',
        projectId: project.id,
        taskId: task.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} no task`,
        duration: '2h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Filter by task A
    await page.getByRole('button', { name: 'Tasks' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: taskA }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
    await expect(page.getByText('1h 00min').first()).toBeVisible();
    await expect(page.getByText('3h 00min')).not.toBeVisible();
});

test('test that shared report respects client filter', async ({ page, ctx }) => {
    const clientA = 'ClientA ' + Math.floor(Math.random() * 10000);
    const clientB = 'ClientB ' + Math.floor(Math.random() * 10000);
    const projectA = 'ClientFilterProjA ' + Math.floor(Math.random() * 10000);
    const projectB = 'ClientFilterProjB ' + Math.floor(Math.random() * 10000);
    const reportName = 'ClientFilterReport ' + Math.floor(Math.random() * 10000);

    const cliA = await createClientViaApi(ctx, { name: clientA });
    const cliB = await createClientViaApi(ctx, { name: clientB });
    const projA = await createProjectViaApi(ctx, { name: projectA, client_id: cliA.id });
    const projB = await createProjectViaApi(ctx, { name: projectB, client_id: cliB.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${clientA}`,
        duration: '1h',
        projectId: projA.id,
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${clientB}`,
        duration: '2h',
        projectId: projB.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectA)).toBeVisible();

    // Filter by client A
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: clientA }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText(projectA)).toBeVisible();
    await expect(page.getByText(projectB)).not.toBeVisible();
});

test('test that shared report respects tag filter', async ({ page, ctx }) => {
    const tagA = 'TagA ' + Math.floor(Math.random() * 10000);
    const tagB = 'TagB ' + Math.floor(Math.random() * 10000);
    const reportName = 'TagFilterReport ' + Math.floor(Math.random() * 10000);

    const tagObjA = await createTagViaApi(ctx, { name: tagA });
    await createTagViaApi(ctx, { name: tagB });
    await createTimeEntryViaApi(ctx, {
        description: `Entry with ${tagA}`,
        duration: '1h',
        tags: [tagObjA.id],
    });
    await createBareTimeEntryViaApi(ctx, 'Entry no tags', '2h');

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText('Total')).toBeVisible();

    // Filter by tag A
    await page.getByRole('button', { name: 'Tags' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: tagA }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
    await expect(page.getByText('1h 00min').first()).toBeVisible();
    await expect(page.getByText('3h 00min')).not.toBeVisible();
});

test('test that shared report respects member filter', async ({ page, ctx }) => {
    const projectName = 'MemberFilterProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'MemberFilterReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Filter by current member (John Doe)
    await page.getByRole('button', { name: 'Members' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'John Doe' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report — should still show data since all entries belong to this member
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText(projectName)).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
});

test('test that shared report with billable filter only shows billable entries', async ({
    page,
    ctx,
}) => {
    const reportName = 'BillableFilterReport ' + Math.floor(Math.random() * 10000);

    // Create one billable (1h) and one non-billable (2h) entry
    await createTimeEntryWithBillableStatusViaApi(ctx, true, '1h');
    await createTimeEntryWithBillableStatusViaApi(ctx, false, '2h');

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText('Total')).toBeVisible();

    // Filter by billable only
    await page.getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await Promise.all([
        page.getByRole('option', { name: 'Billable', exact: true }).click(),
        waitForReportingUpdate(page),
    ]);

    // Verify only 1h shows before saving
    await expect(page.getByTestId('reporting_view').getByText('1h 00min').first()).toBeVisible();

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // Navigate to the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();

    // Shared report should only show the 1h billable entry, not the 2h non-billable
    await expect(page.getByText('1h 00min').first()).toBeVisible();
    await expect(page.getByText('3h 00min')).not.toBeVisible();
});

// ──────────────────────────────────────────────────
// Report Date Picker Tests
// ──────────────────────────────────────────────────

test('test that creating a report with an expiration date works', async ({ page, ctx }) => {
    const projectName = 'DatePickerProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'DatePickerReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Open the save report modal
    await page.getByRole('button', { name: 'Save Report' }).click();
    await page.getByLabel('Name').fill(reportName);

    // The "Public" checkbox should be checked by default, showing the date picker
    const datePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: DATE_PICKER_BUTTON_PATTERN });
    await expect(datePicker).toBeVisible();
    await datePicker.click();

    // Select a date in the next month
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });
    await page.getByRole('button', { name: /Next/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^15$/ }).first().click();

    // Wait for the calendar to close
    await expect(calendarGrid).not.toBeVisible();

    // Create the report and verify it includes the public_until date
    const [response] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
        page.getByRole('dialog').getByRole('button', { name: 'Create Report' }).click(),
    ]);
    const responseBody = await response.json();
    expect(responseBody.data.public_until).toBeTruthy();
});

test('test that editing a report to make it public with expiration date works', async ({
    page,
    ctx,
}) => {
    const projectName = 'EditDateProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'EditDateReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Open the save report modal and create a private report
    await page.getByRole('button', { name: 'Save Report' }).click();
    await page.getByLabel('Name').fill(reportName);

    // Uncheck "Public" to create a private report
    await page.getByLabel('Public').click();

    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
        page.getByRole('dialog').getByRole('button', { name: 'Create Report' }).click(),
    ]);

    // Go to shared reports and edit
    await goToReportingShared(page);
    await expect(page.getByText(reportName)).toBeVisible();
    await expect(page.getByText('Private')).toBeVisible();

    // Click more options and edit
    await page
        .getByRole('button', { name: new RegExp('Actions for Project ' + reportName) })
        .click();
    await page.getByRole('menuitem', { name: /^Edit Report/ }).click();

    // Check "Public" to make it public - this should show the date picker
    await page.getByLabel('Public').click();

    // The date picker should now be visible
    const datePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: DATE_PICKER_BUTTON_PATTERN });
    await expect(datePicker).toBeVisible();
    await datePicker.click();

    // Select a date in the next month
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });
    await page.getByRole('button', { name: /Next/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^20$/ }).first().click();

    // Wait for the calendar to close
    await expect(calendarGrid).not.toBeVisible();

    // Update the report and verify it includes the public_until date
    const [response] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Report' }).click(),
    ]);
    const responseBody = await response.json();
    expect(responseBody.data.public_until).toBeTruthy();
    expect(responseBody.data.is_public).toBe(true);
});

test('test that shared report with No Client filter shows entries without a client', async ({
    page,
    ctx,
}) => {
    const clientName = 'NoClientCli ' + Math.floor(Math.random() * 10000);
    const projectName = 'NoClientProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'NoClientReport ' + Math.floor(Math.random() * 10000);

    const client = await createClientViaApi(ctx, { name: clientName });
    const project = await createProjectViaApi(ctx, { name: projectName, client_id: client.id });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });
    await createBareTimeEntryViaApi(ctx, 'Entry without client', '2h');

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Filter by "No Client"
    await page.getByRole('button', { name: 'Clients' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'No Client' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
    await expect(page.getByText(projectName)).not.toBeVisible();
});

test('test that shared report with No Tag filter shows entries without tags', async ({
    page,
    ctx,
}) => {
    const tagName = 'NoTagFilter ' + Math.floor(Math.random() * 10000);
    const reportName = 'NoTagReport ' + Math.floor(Math.random() * 10000);

    await createTimeEntryWithTagViaApi(ctx, tagName, '1h');
    await createBareTimeEntryViaApi(ctx, 'Entry without tags', '2h');

    await goToReporting(page);
    await expect(page.getByText('Total')).toBeVisible();

    // Filter by "No Tag"
    await page.getByRole('button', { name: 'Tags' }).first().click();
    await Promise.all([
        page.getByRole('option').filter({ hasText: 'No Tag' }).click(),
        waitForReportingUpdate(page),
    ]);
    await page.keyboard.press('Escape');

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // View the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText('Total')).toBeVisible();
});

test('test that creating a report with empty name shows validation error', async ({
    page,
    ctx,
}) => {
    const projectName = 'EmptyNameProj ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Open the save report modal
    await page.getByRole('button', { name: 'Save Report' }).click();

    // Leave name empty and try to create
    await page.getByRole('dialog').getByRole('button', { name: 'Create Report' }).click();

    // Should show validation error
    await expect(page.getByText('The name field is required')).toBeVisible();
});

test('test that updating report name works', async ({ page, ctx }) => {
    const projectName = 'UpdateNameProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'OriginalName ' + Math.floor(Math.random() * 10000);
    const newReportName = 'UpdatedName ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    await saveAsSharedReport(page, reportName);

    await goToReportingShared(page);
    await expect(page.getByText(reportName)).toBeVisible();

    // Click more options and edit
    await page
        .getByRole('button', { name: new RegExp('Actions for Project ' + reportName) })
        .click();
    await page.getByRole('menuitem', { name: /^Edit Report/ }).click();

    // Update the name
    await page.getByLabel('Name', { exact: true }).fill(newReportName);

    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Report' }).click(),
    ]);

    // Verify the name was updated in the table
    await expect(page.getByText(newReportName)).toBeVisible();
    await expect(page.getByText(reportName)).not.toBeVisible();
});

test('test that updating expiration date on already-public report works', async ({ page, ctx }) => {
    const projectName = 'UpdateExpDateProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'UpdateExpDateReport ' + Math.floor(Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    // Create a public report (already public by default)
    await saveAsSharedReport(page, reportName);

    // Go to shared reports and edit
    await goToReportingShared(page);
    await expect(page.getByText(reportName)).toBeVisible();

    // Click more options and edit
    await page
        .getByRole('button', { name: new RegExp('Actions for Project ' + reportName) })
        .click();
    await page.getByRole('menuitem', { name: /^Edit Report/ }).click();

    // The date picker should be visible (report is already public)
    const datePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: DATE_PICKER_BUTTON_PATTERN });
    await expect(datePicker).toBeVisible();
    await datePicker.click();

    // Select the 25th of next month
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });
    await page.getByRole('button', { name: /Next/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^25$/ }).first().click();

    // Wait for the calendar to close
    await expect(calendarGrid).not.toBeVisible();

    // Update the report and verify it includes the correct public_until date
    const [response] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Report' }).click(),
    ]);
    const responseBody = await response.json();
    expect(responseBody.data.public_until).toBeTruthy();

    // Verify the date is the 25th of a future month
    const returnedDate = new Date(responseBody.data.public_until);
    expect(returnedDate.getUTCDate()).toBe(25);

    // The returned date should be in the future
    const now = new Date();
    expect(returnedDate.getTime()).toBeGreaterThan(now.getTime());
});

// ──────────────────────────────────────────────────
// Shared Report Cost Column Tests
// ──────────────────────────────────────────────────

test('test that shared report displays cost column correctly aligned with data rows', async ({
    page,
    ctx,
}) => {
    const projectName = 'BillableProj ' + Math.floor(Math.random() * 10000);
    const reportName = 'BillableReport ' + Math.floor(Math.random() * 10000);

    const project = await createBillableProjectViaApi(ctx, {
        name: projectName,
        billable_rate: 10000, // 100.00 per hour
    });
    await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration: '1h',
        projectId: project.id,
        billable: true,
    });

    await goToReporting(page);
    await expect(page.getByTestId('reporting_view').getByText(projectName)).toBeVisible();

    const { shareableLink } = await saveAsSharedReport(page, reportName);

    // Navigate to the shared report
    await page.goto(shareableLink);
    await expect(page.getByText('Reporting')).toBeVisible();
    await expect(page.getByText(projectName)).toBeVisible();

    // Verify the table header has all three columns
    await expect(page.getByText('Name', { exact: true })).toBeVisible();
    await expect(page.getByText('Duration', { exact: true })).toBeVisible();
    await expect(page.getByText('Cost', { exact: true })).toBeVisible();

    // Verify the Total row displays both duration and cost
    await expect(page.getByText('Total')).toBeVisible();

    // The data rows should render cost values (not just header + duration)
    // With 1h at 100/h the cost should be displayed somewhere in the table
    // If showCost is not passed to ReportingRow, only the header "Cost" and
    // the Total row cost will render, but individual row costs will be missing
    const table = page.locator('[style*="grid-template-columns"]');
    // Count elements containing the cost value - header "Cost" + project row cost + total row cost = 3
    // If broken (showCost not passed), the project row won't render its cost cell
    await expect(table.getByText(/100/).first()).toBeVisible();

    // Verify the cost value appears at least twice in the table
    // (once for the data row, once for the total) beyond just the header
    const costValues = table.getByText(/100/);
    await expect(costValues).toHaveCount(2);
});


================================================
FILE: e2e/tags.spec.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { createTagViaApi } from './utils/api';
import { getTableRowNames } from './utils/table';

async function goToTagsOverview(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/tags');
}

test('test that creating and deleting a new tag via the modal works', async ({ page }) => {
    const newTagName = 'New Tag ' + Math.floor(1 + Math.random() * 10000);
    await goToTagsOverview(page);
    await page.getByRole('button', { name: 'Create Tag' }).click();
    await page.getByPlaceholder('Tag Name').fill(newTagName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Tag' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tags') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.name === newTagName
        ),
    ]);

    await expect(page.getByTestId('tag_table')).toContainText(newTagName);
    const moreButton = page.locator("[aria-label='Actions for Tag " + newTagName + "']");
    moreButton.click();
    const deleteButton = page.locator("[aria-label='Delete Tag " + newTagName + "']");

    await Promise.all([
        deleteButton.click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tags') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);
    await expect(page.getByTestId('tag_table')).not.toContainText(newTagName);
});

test('test that editing a tag name works', async ({ page, ctx }) => {
    const originalTagName = 'Original Tag ' + Math.floor(1 + Math.random() * 10000);
    const updatedTagName = 'Updated Tag ' + Math.floor(1 + Math.random() * 10000);

    await createTagViaApi(ctx, { name: originalTagName });

    await goToTagsOverview(page);
    await expect(page.getByTestId('tag_table')).toContainText(originalTagName);

    // Open actions menu and click Edit
    const moreButton = page.locator("[aria-label='Actions for Tag " + originalTagName + "']");
    await moreButton.click();
    await page.getByRole('menuitem').getByText('Edit').click();

    // Update the tag name in the edit modal
    await expect(page.getByRole('dialog')).toBeVisible();
    await page.getByPlaceholder('Tag Name').fill(updatedTagName);
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/tags/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Tag' }).click(),
    ]);

    // Verify the table shows the updated name
    await expect(page.getByTestId('tag_table')).toContainText(updatedTagName);
    await expect(page.getByTestId('tag_table')).not.toContainText(originalTagName);
});

test('test that multiple tags can be created via API and displayed in the table', async ({
    page,
    ctx,
}) => {
    const tagName1 = 'TagA ' + Math.floor(1 + Math.random() * 10000);
    const tagName2 = 'TagB ' + Math.floor(1 + Math.random() * 10000);

    await createTagViaApi(ctx, { name: tagName1 });
    await createTagViaApi(ctx, { name: tagName2 });

    await goToTagsOverview(page);
    await expect(page.getByTestId('tag_table')).toContainText(tagName1);
    await expect(page.getByTestId('tag_table')).toContainText(tagName2);
});

// =============================================
// Sorting Tests
// =============================================

async function clearTagTableState(page: Page) {
    await page.evaluate(() => {
        localStorage.removeItem('tag-table-state');
    });
}

test('test that sorting tags by name works', async ({ page, ctx }) => {
    await createTagViaApi(ctx, { name: 'AAA SortTag' });
    await createTagViaApi(ctx, { name: 'ZZZ SortTag' });

    await goToTagsOverview(page);
    await clearTagTableState(page);
    await page.reload();

    const table = page.getByTestId('tag_table');
    await expect(table).toBeVisible();

    // Default is name asc
    let names = await getTableRowNames(table);
    expect(names.indexOf('AAA SortTag')).toBeLessThan(names.indexOf('ZZZ SortTag'));

    const nameHeader = table.getByText('Name').first();
    await nameHeader.click(); // toggle to desc
    names = await getTableRowNames(table);
    expect(names.indexOf('ZZZ SortTag')).toBeLessThan(names.indexOf('AAA SortTag'));
});

test('test that tag sort state persists after page reload', async ({ page }) => {
    await goToTagsOverview(page);
    await clearTagTableState(page);
    await page.reload();

    const table = page.getByTestId('tag_table');
    await expect(table).toBeVisible();

    const nameHeader = table.getByText('Name').first();
    await nameHeader.click(); // toggle to desc
    await expect(nameHeader.locator('svg')).toBeVisible();

    await page.reload();

    await expect(page.getByTestId('tag_table')).toBeVisible();
    await expect(
        page.getByTestId('tag_table').getByText('Name').first().locator('svg')
    ).toBeVisible();
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Tags Restrictions', () => {
    test('employee can view tags but cannot create', async ({ ctx, employee }) => {
        const tagName = 'EmpViewTag ' + Math.floor(Math.random() * 10000);
        await createTagViaApi(ctx, { name: tagName });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/tags');
        await expect(employee.page.getByTestId('tags_view')).toBeVisible({ timeout: 10000 });

        // Employee can see the tag (tags are visible to all members with tags:view)
        await expect(employee.page.getByText(tagName)).toBeVisible({ timeout: 10000 });

        // Employee cannot see Create Tag button
        await expect(employee.page.getByRole('button', { name: 'Create Tag' })).not.toBeVisible();
    });

    test('employee cannot see edit/delete actions on tags', async ({ ctx, employee }) => {
        const tagName = 'EmpActionsTag ' + Math.floor(Math.random() * 10000);
        await createTagViaApi(ctx, { name: tagName });

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/tags');
        await expect(employee.page.getByText(tagName)).toBeVisible({ timeout: 10000 });

        // Actions button should not be visible for employee
        const actionsButton = employee.page.locator(`[aria-label='Actions for Tag ${tagName}']`);
        await expect(actionsButton).not.toBeVisible();
    });
});


================================================
FILE: e2e/tasks.spec.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import {
    createProjectViaApi,
    createPublicProjectViaApi,
    createTaskViaApi,
    createClientViaApi,
    updateOrganizationSettingViaApi,
} from './utils/api';

async function goToProjectsOverview(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
}

test('test that creating and deleting a new task in a new project works', async ({ page }) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(newProjectName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.color !== null &&
                (await response.json()).data.client_id === null &&
                (await response.json()).data.name === newProjectName
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(newProjectName);
    await page.getByText(newProjectName).click();

    const newTaskName = 'New Task ' + Math.floor(1 + Math.random() * 10000);
    await page.getByRole('button', { name: 'Create Task' }).click();
    await page.getByPlaceholder('Task Name').fill(newTaskName);

    await Promise.all([
        page.getByRole('button', { name: 'Create Task' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.project_id !== null &&
                (await response.json()).data.name === newTaskName
        ),
    ]);

    await expect(page.getByTestId('task_table')).toContainText(newTaskName);

    const taskMoreButton = page.locator("[aria-label='Actions for Task " + newTaskName + "']");
    taskMoreButton.click();
    const taskDeleteButton = page.locator("[aria-label='Delete Task " + newTaskName + "']");

    await Promise.all([
        taskDeleteButton.click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);
    await expect(page.getByTestId('task_table')).not.toContainText(newTaskName);

    await goToProjectsOverview(page);

    const moreButton = page.locator("[aria-label='Actions for Project " + newProjectName + "']");
    moreButton.click();
    const deleteButton = page.locator("[aria-label='Delete Project " + newProjectName + "']");

    await Promise.all([
        deleteButton.click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'DELETE' &&
                response.status() === 204
        ),
    ]);
    await expect(page.getByTestId('project_table')).not.toContainText(newProjectName);
});

test('test that archiving and unarchiving tasks works', async ({ page, ctx }) => {
    const newProjectName = 'New Project ' + Math.floor(1 + Math.random() * 10000);
    const newTaskName = 'New Task ' + Math.floor(1 + Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: newProjectName });
    await createTaskViaApi(ctx, { name: newTaskName, project_id: project.id });

    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + project.id);
    await expect(page.getByRole('table')).toContainText(newTaskName);

    await page.getByRole('row').first().getByRole('button').click();
    await Promise.all([
        page.getByRole('menuitem').getByText('Mark as done').first().click(),
        expect(page.getByText(newTaskName)).not.toBeVisible(),
    ]);
    await Promise.all([
        page.getByRole('tab', { name: 'Done' }).click(),
        expect(page.getByText(newTaskName)).toBeVisible(),
    ]);

    await page.getByRole('row').first().getByRole('button').click();
    await Promise.all([
        page.getByRole('menuitem').getByText('Mark as active').first().click(),
        expect(page.getByText(newTaskName)).not.toBeVisible(),
    ]);
    await Promise.all([
        page.getByRole('tab', { name: 'Active' }).click(),
        expect(page.getByText(newTaskName)).toBeVisible(),
    ]);
});

test('test that editing a task name works', async ({ page, ctx }) => {
    const projectName = 'TaskEdit Project ' + Math.floor(1 + Math.random() * 10000);
    const originalTaskName = 'Original Task ' + Math.floor(1 + Math.random() * 10000);
    const updatedTaskName = 'Updated Task ' + Math.floor(1 + Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTaskViaApi(ctx, { name: originalTaskName, project_id: project.id });

    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + project.id);
    await expect(page.getByTestId('task_table')).toContainText(originalTaskName);

    // Open actions menu and click Edit
    const moreButton = page.locator("[aria-label='Actions for Task " + originalTaskName + "']");
    await moreButton.click();
    await page.getByRole('menuitem').getByText('Edit').click();

    // Update the task name
    await expect(page.getByRole('dialog')).toBeVisible();
    await page.getByPlaceholder('Task Name').fill(updatedTaskName);
    await Promise.all([
        page.getByRole('button', { name: 'Update Task' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
    ]);

    await expect(page.getByTestId('task_table')).toContainText(updatedTaskName);
    await expect(page.getByTestId('task_table')).not.toContainText(originalTaskName);
});

test('test that creating a project with an existing client works', async ({ page, ctx }) => {
    const clientName = 'Existing Client ' + Math.floor(1 + Math.random() * 10000);
    const projectName = 'Project With Client ' + Math.floor(1 + Math.random() * 10000);

    await createClientViaApi(ctx, { name: clientName });

    await goToProjectsOverview(page);
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project Name').fill(projectName);

    // Select the existing client
    await page.getByRole('dialog').getByRole('button', { name: 'No Client' }).click();
    await page.getByRole('option', { name: clientName }).click();

    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.client_id !== null
        ),
    ]);

    await expect(page.getByTestId('project_table')).toContainText(projectName);
    await expect(page.getByTestId('project_table')).toContainText(clientName);
});

test('test that multiple tasks are displayed on project detail page', async ({ page, ctx }) => {
    const projectName = 'TaskCount Project ' + Math.floor(1 + Math.random() * 10000);
    const taskName1 = 'CountTask A ' + Math.floor(1 + Math.random() * 10000);
    const taskName2 = 'CountTask B ' + Math.floor(1 + Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: projectName });
    await createTaskViaApi(ctx, { name: taskName1, project_id: project.id });
    await createTaskViaApi(ctx, { name: taskName2, project_id: project.id });

    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + project.id);
    await expect(page.getByText(taskName1)).toBeVisible();
    await expect(page.getByText(taskName2)).toBeVisible();
});

test('test that creating a new project from the task create modal project dropdown works', async ({
    page,
    ctx,
}) => {
    const existingProjectName = 'Existing Project ' + Math.floor(1 + Math.random() * 10000);
    const newProjectName = 'Dropdown Created Project ' + Math.floor(1 + Math.random() * 10000);
    const newTaskName = 'Task With New Project ' + Math.floor(1 + Math.random() * 10000);

    const project = await createProjectViaApi(ctx, { name: existingProjectName });
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + project.id);

    // Open the Create Task modal
    await page.getByRole('button', { name: 'Create Task' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await page.getByPlaceholder('Task Name').fill(newTaskName);

    // Open the project dropdown (it should show the current project)
    await page.getByRole('dialog').getByRole('button', { name: existingProjectName }).click();

    // Click "Create new Project" at the bottom of the dropdown
    await page.getByText('Create new Project').click();

    // The ProjectCreateModal should appear
    await expect(page.getByLabel('Project name')).toBeVisible();
    await page.getByLabel('Project name').fill(newProjectName);

    // Submit the project creation
    await Promise.all([
        page.getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.name === newProjectName
        ),
    ]);

    // The project dropdown trigger should now show the new project name
    await expect(
        page.getByRole('dialog').getByRole('button', { name: newProjectName })
    ).toBeVisible();

    // Submit the task and capture the response to get the new project ID
    const [taskResponse] = await Promise.all([
        page.waitForResponse(
            async (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'POST' &&
                response.status() === 201 &&
                (await response.json()).data.name === newTaskName
        ),
        page.getByRole('button', { name: 'Create Task' }).click(),
    ]);

    const taskData = await taskResponse.json();
    const newProjectId = taskData.data.project_id;

    // Navigate to the new project's page and verify the task is there
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects/' + newProjectId);
    await expect(page.getByTestId('task_table')).toContainText(newTaskName);
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Tasks Restrictions', () => {
    test('employee cannot see task management actions when employees_can_manage_tasks is disabled', async ({
        ctx,
        employee,
    }) => {
        // Create a public project with a task
        const projectName = 'EmpTaskProj ' + Math.floor(Math.random() * 10000);
        const taskName = 'EmpTask ' + Math.floor(Math.random() * 10000);
        const project = await createPublicProjectViaApi(ctx, { name: projectName });
        await createTaskViaApi(ctx, { name: taskName, project_id: project.id });

        // Navigate to the project detail page
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });
        await employee.page.getByText(projectName).first().click();
        await employee.page.waitForURL(/\/projects\/[a-f0-9-]+/);

        // Task should be visible
        await expect(employee.page.getByText(taskName)).toBeVisible({ timeout: 10000 });

        // Create Task button should not be visible
        await expect(employee.page.getByRole('button', { name: 'Create Task' })).not.toBeVisible();

        // Task actions button should not be visible
        const actionsButton = employee.page.locator(`[aria-label='Actions for Task ${taskName}']`);
        await expect(actionsButton).not.toBeVisible();
    });

    test('employee can manage tasks when employees_can_manage_tasks is enabled', async ({
        ctx,
        employee,
    }) => {
        // Enable the setting
        await updateOrganizationSettingViaApi(ctx, { employees_can_manage_tasks: true });

        const projectName = 'EmpTaskMgmtProj ' + Math.floor(Math.random() * 10000);
        await createPublicProjectViaApi(ctx, { name: projectName });

        // Navigate to the project detail page
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/projects');
        await expect(employee.page.getByText(projectName)).toBeVisible({ timeout: 10000 });
        await employee.page.getByText(projectName).first().click();
        await employee.page.waitForURL(/\/projects\/[a-f0-9-]+/);

        // Create Task button SHOULD be visible
        await expect(employee.page.getByRole('button', { name: 'Create Task' })).toBeVisible();
    });
});


================================================
FILE: e2e/time.spec.ts
================================================
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import { test } from '../playwright/fixtures';
import { expect } from '@playwright/test';
import type { Locator, Page } from '@playwright/test';
import {
    assertThatTimerHasStarted,
    assertThatTimerIsStopped,
    newTimeEntryResponse,
    startOrStopTimerWithButton,
    stoppedTimeEntryResponse,
} from './utils/currentTimeEntry';
import {
    createProjectViaApi,
    createBillableProjectViaApi,
    createBareTimeEntryViaApi,
    createTimeEntryViaApi,
    updateOrganizationCurrencyViaWeb,
} from './utils/api';

// Date picker button name patterns for different date formats
// Matches: "Pick a date", "YYYY-MM-DD", "DD/MM/YYYY", "DD.MM.YYYY", "MM/DD/YYYY", "DD-MM-YYYY", "MM-DD-YYYY"
const DATE_PICKER_BUTTON_PATTERN =
    /^Pick a date$|^\d{4}-\d{2}-\d{2}$|^\d{2}\/\d{2}\/\d{4}$|^\d{2}\.\d{2}\.\d{4}$/;
// Same pattern but without "Pick a date" - for when we expect an actual date to be displayed
const DATE_DISPLAY_PATTERN = /^\d{4}-\d{2}-\d{2}$|^\d{2}\/\d{2}\/\d{4}$|^\d{2}\.\d{2}\.\d{4}$/;

/**
 * Extracts day of month from an ISO timestamp string
 */
function getDayFromTimestamp(timestamp: string): number {
    return new Date(timestamp).getUTCDate();
}

/**
 * Extracts month (1-indexed) from an ISO timestamp string
 */
function getMonthFromTimestamp(timestamp: string): number {
    return new Date(timestamp).getUTCMonth() + 1;
}

async function goToTimeOverview(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
}

async function goToOrganizationSettings(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
    await page.locator('[data-testid="organization_switcher"]:visible').click();
    await page.getByText('Organization Settings').click();
}

async function createEmptyTimeEntry(page: Page) {
    await Promise.all([
        newTimeEntryResponse(page),
        startOrStopTimerWithButton(page),
        assertThatTimerHasStarted(page),
    ]);
    // Wait for the timer to accumulate some duration so the stopped entry has duration > 0
    await expect(page.getByTestId('time_entry_time')).not.toHaveValue('00:00:00');
    await Promise.all([
        stoppedTimeEntryResponse(page),
        startOrStopTimerWithButton(page),
        assertThatTimerIsStopped(page),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
    ]);
}

test('test that starting and stopping an empty time entry shows a new time entry in the overview', async ({
    page,
}) => {
    await Promise.all([
        goToTimeOverview(page),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
    ]);
    // check that there are not testid time_entry_row elements on the page
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const initialTimeEntryCount = await timeEntryRows.count();
    await createEmptyTimeEntry(page);

    await expect(timeEntryRows).toHaveCount(initialTimeEntryCount + 1);
});

// Test that description update works

async function assertThatTimeEntryRowIsStopped(newTimeEntry: Locator) {
    await expect(newTimeEntry.getByTestId('timer_button').first()).toHaveClass(/bg-quaternary/);
}

test('test that updating a description of a time entry in the overview works on blur', async ({
    page,
}) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);
    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);

    const newDescription = Math.floor(Math.random() * 1000000).toString();
    const descriptionElement = newTimeEntry.getByTestId('time_entry_description').first();
    await descriptionElement.fill(newDescription);
    await Promise.all([
        descriptionElement.press('Tab'),
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null &&
                (await response.json()).data.project_id === null &&
                (await response.json()).data.description == newDescription &&
                (await response.json()).data.task_id === null &&
                (await response.json()).data.duration !== null &&
                (await response.json()).data.user_id !== null &&
                JSON.stringify((await response.json()).data.tags) === JSON.stringify([])
            );
        }),
    ]);
});

test('test that updating a description of a time entry in the overview works on enter', async ({
    page,
}) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);

    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);
    const newDescription = Math.floor(Math.random() * 1000000).toString();
    const descriptionElement = newTimeEntry.getByTestId('time_entry_description').first();
    await descriptionElement.fill(newDescription);
    await Promise.all([
        descriptionElement.press('Enter'),
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null &&
                (await response.json()).data.project_id === null &&
                (await response.json()).data.description == newDescription &&
                (await response.json()).data.task_id === null &&
                (await response.json()).data.duration !== null &&
                (await response.json()).data.user_id !== null &&
                JSON.stringify((await response.json()).data.tags) === JSON.stringify([])
            );
        }),
    ]);
});

test('test that adding a new tag to an existing time entry works', async ({ page }) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);

    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);
    const newTagName = Math.floor(Math.random() * 1000000).toString();

    await newTimeEntry.getByTestId('time_entry_tag_dropdown').first().click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(newTagName);

    const [tagReponse] = await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.status() === 201 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.name === newTagName
            );
        }),
        page.getByRole('button', { name: 'Create Tag' }).click(),
    ]);

    await page.waitForResponse(async (response) => {
        return (
            response.status() === 200 &&
            (await response.headerValue('Content-Type')) === 'application/json' &&
            (await response.json()).data.id !== null &&
            (await response.json()).data.start !== null &&
            (await response.json()).data.end !== null &&
            JSON.stringify((await response.json()).data.tags) ===
                JSON.stringify([(await tagReponse.json()).data.id])
        );
    });

    await expect(newTimeEntry.getByText(newTagName).first()).toBeVisible();
});

// Test that Start / End Time Update Works
test('test that updating a the start of an existing time entry in the overview works on enter', async ({
    page,
}) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);

    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);
    const timeEntryRangeElement = newTimeEntry.getByTestId('time_entry_range_selector');
    await expect(timeEntryRangeElement).toBeVisible();
    await timeEntryRangeElement.click();
    await page.getByTestId('time_entry_range_start').first().fill('1');
    await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                // TODO! Actually check the value
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null
            );
        }),
        page.getByTestId('time_entry_range_end').press('Enter'),
    ]);
});

test('test that updating a the duration in the overview works on blur', async ({ page }) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);

    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);
    const timeEntryDurationInput = newTimeEntry.locator('input[name="Duration"]').first();
    await expect(timeEntryDurationInput).toBeEditable();
    await timeEntryDurationInput.fill('20min');

    await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                // TODO! Actually check the value
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null
            );
        }),
        timeEntryDurationInput.press('Tab'),
    ]);

    await expect(timeEntryDurationInput).toHaveValue('0h 20min');
});

// Test that start stop button stops running timer
test('test that starting a time entry from the overview works', async ({ page }) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);

    const newTimeEntry = timeEntryRows.first();
    const startButton = newTimeEntry.getByTestId('timer_button').first();
    await expect(startButton).toHaveClass(/bg-quaternary/);

    await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null
            );
        }),
        startButton.click(),
    ]);

    await assertThatTimerHasStarted(page);

    // Wait for the timer to accumulate some duration
    await expect(page.getByTestId('time_entry_time')).not.toHaveValue('00:00:00');
    await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.start !== null &&
                (await response.json()).data.end !== null
            );
        }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that deleting a time entry from the overview works', async ({ page }) => {
    await goToTimeOverview(page);
    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await createEmptyTimeEntry(page);
    await expect(timeEntryRows).toHaveCount(1);

    const newTimeEntry = timeEntryRows.first();
    const actionsDropdown = newTimeEntry
        .getByRole('button', { name: 'Actions for the time entry' })
        .first();
    await actionsDropdown.click();
    const deleteButton = page.getByText('Delete');
    await deleteButton.click();
    await expect(timeEntryRows).toHaveCount(0);
});

test.skip('test that load more works when the end of page is reached', async ({ page }) => {
    // this test is flaky when you do not need to scroll
    await Promise.all([
        goToTimeOverview(page),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
    ]);

    await Promise.all([
        page.evaluate(() => window.scrollTo(0, document.body.scrollHeight)),
        page.waitForResponse(async (response) => {
            return (
                response.status() === 200 &&
                response.url().includes('before') &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                JSON.stringify((await response.json()).data) === JSON.stringify([])
            );
        }),
    ]);

    // assert that "All time entries are loaded!" is visible on page
    await expect(page.locator('body')).toHaveText(/All time entries are loaded!/);
});

// TODO: Test that updating the time entry start / end times works while it is running

// TODO: Test for project update

// TODO: Test for resume button click works with project / task

// TODO: Test that time entries are loaded at the end of the page

// TODO: Test Grouped time entries by description/project

// Date Update Tests

test('test that updating the start date of a time entry via the edit modal works', async ({
    page,
    ctx,
}) => {
    await createBareTimeEntryViaApi(ctx, 'Date edit test', '1h');
    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const newTimeEntry = timeEntryRows.first();

    // Open edit modal via the actions dropdown
    const actionsDropdown = newTimeEntry
        .getByRole('button', { name: 'Actions for the time entry' })
        .first();
    await actionsDropdown.click();
    await page.getByTestId('time_entry_edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Click the start date picker (first date picker button in the Start section)
    const startDatePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: DATE_PICKER_BUTTON_PATTERN })
        .first();
    await startDatePicker.click();

    // Navigate to the previous month and select the 15th
    await page.getByRole('button', { name: /Previous/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^15$/ }).first().click();

    // Get current month to calculate expected month after going to previous
    const now = new Date();
    const expectedMonth = now.getMonth() === 0 ? 12 : now.getMonth(); // Previous month (1-indexed)

    // Submit the update and verify the response has correct date
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const updateBody = await updateResponse.json();
    expect(updateBody.data.start).toBeTruthy();
    expect(updateBody.data.end).toBeTruthy();
    // Verify the day was changed to 15th
    expect(getDayFromTimestamp(updateBody.data.start)).toBe(15);
    // Verify the month is the previous month
    expect(getMonthFromTimestamp(updateBody.data.start)).toBe(expectedMonth);
});

test('test that setting a date in the create modal works', async ({ page }) => {
    await goToTimeOverview(page);

    // Get today's date to compare later
    const today = new Date();

    // Open create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Date picker test entry');

    // Set duration first (to ensure the form is valid)
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Click the start date picker
    const startDatePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: DATE_PICKER_BUTTON_PATTERN })
        .first();
    await startDatePicker.click();

    // Wait for calendar to appear
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });

    // Navigate to previous month and select the 15th (a day that's always in the middle of the month)
    await page.getByRole('button', { name: /Previous/i }).click();
    await page.getByRole('gridcell', { name: '15' }).getByRole('button').click();

    // Wait for calendar to close
    await expect(calendarGrid).not.toBeVisible();

    // Get current month to calculate expected month after going to previous
    const expectedMonth = today.getMonth() === 0 ? 12 : today.getMonth(); // Previous month (1-indexed)

    // Submit and verify creation succeeds with correct date
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    expect(createBody.data.start).toBeTruthy();
    // Verify the day was set to 15th
    expect(getDayFromTimestamp(createBody.data.start)).toBe(15);
    // Verify the month is the previous month
    expect(getMonthFromTimestamp(createBody.data.start)).toBe(expectedMonth);
});

test('test that updating the date via the time entry row range selector works', async ({
    page,
    ctx,
}) => {
    await createBareTimeEntryViaApi(ctx, 'Date range test', '1h');
    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const newTimeEntry = timeEntryRows.first();
    await expect(newTimeEntry).toBeVisible();

    // Open the time range popover
    const timeEntryRangeElement = newTimeEntry.getByTestId('time_entry_range_selector');
    await timeEntryRangeElement.click();

    // Verify the range selector dropdown is open
    const rangeStart = page.getByTestId('time_entry_range_start');
    await expect(rangeStart).toBeVisible();

    // Click the start date picker button within the range selector
    const startDatePicker = page.getByRole('button', { name: DATE_DISPLAY_PATTERN }).first();
    await expect(startDatePicker).toBeVisible();
    await startDatePicker.click();

    // Wait for the calendar to appear and select a day
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });

    // Navigate to previous month and select the 5th
    await page.getByRole('button', { name: /Previous/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^5$/ }).first().click();

    // Get current month to calculate expected month after going to previous
    const now = new Date();
    const expectedMonth = now.getMonth() === 0 ? 12 : now.getMonth(); // Previous month (1-indexed)

    // Verify the time entry update API call succeeds with correct date
    const updateResponse = await page.waitForResponse(async (response) => {
        return (
            response.status() === 200 &&
            response.request().method() === 'PUT' &&
            (await response.headerValue('Content-Type')) === 'application/json'
        );
    });
    const updateBody = await updateResponse.json();
    expect(updateBody.data.start).toBeTruthy();
    // Verify the day was changed to 5th
    expect(getDayFromTimestamp(updateBody.data.start)).toBe(5);
    // Verify the month is the previous month
    expect(getMonthFromTimestamp(updateBody.data.start)).toBe(expectedMonth);
});

test('test that updating the end date via the time entry row range selector works', async ({
    page,
    ctx,
}) => {
    await createBareTimeEntryViaApi(ctx, 'End date range test', '1h');
    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const newTimeEntry = timeEntryRows.first();
    await expect(newTimeEntry).toBeVisible();

    // Open the time range popover
    const timeEntryRangeElement = newTimeEntry.getByTestId('time_entry_range_selector');
    await timeEntryRangeElement.click();

    // Verify the range selector dropdown is open
    const rangeEnd = page.getByTestId('time_entry_range_end');
    await expect(rangeEnd).toBeVisible();

    // Click the end date picker button (second date picker)
    const datePickers = page.getByRole('button', { name: DATE_DISPLAY_PATTERN });
    const endDatePicker = datePickers.nth(1);
    await expect(endDatePicker).toBeVisible();
    await endDatePicker.click();

    // Wait for the calendar to appear
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });

    // Navigate to next month and select the 20th (to ensure end > start)
    await page.getByRole('button', { name: /Next/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^20$/ }).first().click();

    // Get current month to calculate expected month after going to next
    const now = new Date();
    const expectedMonth = now.getMonth() === 11 ? 1 : now.getMonth() + 2; // Next month (1-indexed)

    // Verify the time entry update API call succeeds with correct date
    const updateResponse = await page.waitForResponse(async (response) => {
        return (
            response.status() === 200 &&
            response.request().method() === 'PUT' &&
            (await response.headerValue('Content-Type')) === 'application/json'
        );
    });
    const updateBody = await updateResponse.json();
    expect(updateBody.data.end).toBeTruthy();
    // Verify the day was changed to 20th
    expect(getDayFromTimestamp(updateBody.data.end)).toBe(20);
    // Verify the month is the next month
    expect(getMonthFromTimestamp(updateBody.data.end)).toBe(expectedMonth);
});

test('test that date picker displays date in organization date format', async ({ page, ctx }) => {
    // First change the organization date format to DD/MM/YYYY
    await goToOrganizationSettings(page);
    await page.getByLabel('Date Format').click();
    await page.getByRole('option', { name: 'DD/MM/YYYY' }).click();
    await Promise.all([
        page
            .locator('form')
            .filter({ hasText: 'Date Format' })
            .getByRole('button', { name: 'Save' })
            .click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/organizations/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200 &&
                (await response.json()).data.date_format === 'slash-separated-dd-mm-yyyy'
        ),
    ]);

    // Create a time entry and open the edit modal
    await createBareTimeEntryViaApi(ctx, 'Date format test', '1h');
    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const newTimeEntry = timeEntryRows.first();
    await expect(newTimeEntry).toBeVisible();

    // Open edit modal
    const actionsDropdown = newTimeEntry
        .getByRole('button', { name: 'Actions for the time entry' })
        .first();
    await actionsDropdown.click();
    await page.getByTestId('time_entry_edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Verify the date picker shows the date in DD/MM/YYYY format
    const datePicker = page
        .getByRole('dialog')
        .getByRole('button', { name: /^\d{2}\/\d{2}\/\d{4}$/ })
        .first();
    await expect(datePicker).toBeVisible();
});

// TODO: Test that project can be created in the time entry row

test('test that billable icon shows dollar sign for USD currency on time entry row', async ({
    page,
    ctx,
}) => {
    await updateOrganizationCurrencyViaWeb(page, ctx, 'USD');
    await goToTimeOverview(page);
    await createEmptyTimeEntry(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();
    const billableButton = timeEntryRow.getByRole('button', { name: 'Non Billable' }).first();
    await expect(billableButton).toBeVisible();
    await expect(billableButton.locator('svg')).toHaveAttribute('viewBox', '0 0 8 14');
});

test('test that billable icon shows euro sign for EUR currency on time entry row', async ({
    page,
    ctx,
}) => {
    await updateOrganizationCurrencyViaWeb(page, ctx, 'EUR');
    await goToTimeOverview(page);
    await createEmptyTimeEntry(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();
    const billableButton = timeEntryRow.getByRole('button', { name: 'Non Billable' }).first();
    await expect(billableButton).toBeVisible();
    await expect(billableButton.locator('svg')).toHaveAttribute('viewBox', '0 0 12 12');
});

test('test that editing billable status via the edit modal works', async ({ page }) => {
    await goToTimeOverview(page);
    await createEmptyTimeEntry(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    const newTimeEntry = timeEntryRows.first();
    await assertThatTimeEntryRowIsStopped(newTimeEntry);

    // Open edit modal via the actions dropdown
    const actionsDropdown = newTimeEntry
        .getByRole('button', { name: 'Actions for the time entry' })
        .first();
    await actionsDropdown.click();
    await page.getByTestId('time_entry_edit').click();

    // Verify the edit dialog is visible
    await expect(page.getByRole('dialog')).toBeVisible();

    // Change billable status to Billable
    await page
        .getByRole('dialog')
        .getByRole('combobox')
        .filter({ hasText: 'Non-Billable' })
        .click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Save the time entry and verify the response has billable=true
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const updateBody = await updateResponse.json();
    expect(updateBody.data.billable).toBe(true);

    // Verify the dialog closed
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Re-open the edit modal and verify it now shows "Billable"
    await actionsDropdown.click();
    await page.getByTestId('time_entry_edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();
});

test('test that mass update billable status works', async ({ page }) => {
    await goToTimeOverview(page);
    await createEmptyTimeEntry(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await assertThatTimeEntryRowIsStopped(timeEntryRows.first());

    // Select the time entry via the "Select All" checkbox
    await page.getByLabel('Select All').click();
    await expect(page.getByText('1 selected')).toBeVisible();

    // Open mass update modal via the Edit button in the mass action row
    await page.getByRole('button', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Change billable status to Billable
    await page
        .getByRole('dialog')
        .getByRole('combobox')
        .filter({ hasText: 'Set billable status' })
        .click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Submit the mass update
    const [massUpdateResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entries' }).click(),
    ]);
    const massUpdateBody = await massUpdateResponse.json();
    expect(massUpdateBody.success.length).toBeGreaterThan(0);
    expect(massUpdateBody.error.length).toBe(0);

    // Verify dialog closes
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify the UI reflects the billable status by re-opening the edit modal
    const actionsDropdown = page
        .locator('[data-testid="time_entry_row"]')
        .first()
        .getByRole('button', { name: 'Actions' });
    await actionsDropdown.click();
    await page.getByTestId('time_entry_edit').click();
    await expect(page.getByRole('dialog')).toBeVisible();
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();
});

test('test that resetting project selection in mass update modal does not update project', async ({
    page,
    ctx,
}) => {
    const projectName = 'Mass Update Reset Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: projectName });

    // Create a time entry with the project assigned
    await createBareTimeEntryViaApi(ctx, 'Mass update reset test', '1h');
    await goToTimeOverview(page);

    // Assign project to the time entry
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();
    await expect(timeEntryRow).toBeVisible();
    await timeEntryRow.getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: projectName }).click();
    await expect(timeEntryRow.getByRole('button', { name: projectName })).toBeVisible();

    // Now open mass update modal
    await page.getByLabel('Select All').click();
    await expect(page.getByText('1 selected')).toBeVisible();
    await page.getByRole('button', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // The project dropdown should show "Select project..." (initial unset state)
    const projectDropdown = page
        .getByRole('dialog')
        .getByRole('button', { name: 'Select project...' });
    await expect(projectDropdown).toBeVisible();

    // Select the project, then click the reset (X) button
    await projectDropdown.click();
    await page.getByRole('option', { name: projectName }).click();

    // Now the dropdown shows the project name, click the X to reset
    await expect(page.getByRole('dialog').getByRole('button', { name: projectName })).toBeVisible();

    // Find and click the reset button (the X icon next to the dropdown)
    await page.getByRole('dialog').getByTestId('project_reset_button').click();

    // After reset, it should show "Select project..." again (not "No Project")
    await expect(
        page.getByRole('dialog').getByRole('button', { name: 'Select project...' })
    ).toBeVisible();

    // Submit the mass update - need to make at least one change for the API to accept it
    // Change billable status to keep it unchanged by selecting the "Keep current" option
    // Actually, we need to verify the reset behavior, so let's just change billable to trigger the request
    await page
        .getByRole('dialog')
        .getByRole('combobox')
        .filter({ hasText: 'Set billable status' })
        .click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    await page.getByRole('button', { name: 'Update Time Entries' }).click();

    // Wait for dialog to close
    await expect(page.getByRole('dialog')).not.toBeVisible();

    // Verify the time entry still has the original project (was not changed to "No Project")
    await expect(
        page
            .locator('[data-testid="time_entry_row"]')
            .first()
            .getByRole('button', { name: projectName })
    ).toBeVisible();
});

test('test that setting billable status via the create modal works', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the dropdown menu and click "Manual time entry"
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Billable create test');

    // Change billable status to Billable
    await page
        .getByRole('dialog')
        .getByRole('combobox')
        .filter({ hasText: 'Non-Billable' })
        .click();
    await page.getByRole('option', { name: 'Billable', exact: true }).click();

    // Set duration
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Submit and verify the time entry was created with billable=true
    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            async (response) =>
                response.url().includes('/time-entries') &&
                response.status() === 201 &&
                (await response.json()).data.billable === true
        ),
    ]);
});

/**
 * The following tests verify that changing the project on a time entry
 * updates the billable status to match the new project's is_billable setting.
 *
 * Issue: https://github.com/solidtime-io/solidtime/issues/981
 */

test('test that changing project on a time entry row from non-billable to billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Row Project ' + Math.floor(1 + Math.random() * 10000);
    const nonBillableProjectName =
        'NonBillable Row Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: nonBillableProjectName });
    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable row', '1h');

    await goToTimeOverview(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();

    // Assign the non-billable project first
    await timeEntryRow.getByRole('button', { name: 'No Project' }).click();
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('option', { name: nonBillableProjectName }).click(),
    ]);

    // Now switch to the billable project
    await timeEntryRow.getByRole('button', { name: nonBillableProjectName }).click();
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('option', { name: billableProjectName }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(true);
});

test('test that changing project on a time entry row from billable to non-billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Row Rev Project ' + Math.floor(1 + Math.random() * 10000);
    const nonBillableProjectName =
        'NonBillable Row Rev Project ' + Math.floor(1 + Math.random() * 10000);
    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createProjectViaApi(ctx, { name: nonBillableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable row reverse', '1h');

    await goToTimeOverview(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();

    // Assign the billable project first
    await timeEntryRow.getByRole('button', { name: 'No Project' }).click();
    const [firstResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('option', { name: billableProjectName }).click(),
    ]);
    const firstBody = await firstResponse.json();
    expect(firstBody.data.billable).toBe(true);

    // Now switch to the non-billable project
    await timeEntryRow.getByRole('button', { name: billableProjectName }).click();
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('option', { name: nonBillableProjectName }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(false);
});

/**
 * Tests for TimeEntryCreateModal functionality
 */

test('test that natural language duration input works in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Duration test entry');

    // Test natural language duration input "2h 30m"
    const durationInput = page.locator('[role="dialog"] input[name="Duration"]');
    await durationInput.fill('2h 30m');
    await durationInput.press('Tab');

    // Verify the duration was parsed correctly (should show "2h 30min")
    await expect(durationInput).toHaveValue('2h 30min');

    // Submit and verify the duration in the response (2h 30m = 9000 seconds)
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    expect(createBody.data.duration).toBe(9000);
});

test('test that decimal duration input works in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Decimal duration test');

    // Test decimal duration input "1.5h" (should be interpreted as 1.5 hours = 90 minutes)
    // Note: parse-duration library requires a unit suffix for decimal values
    const durationInput = page.locator('[role="dialog"] input[name="Duration"]');
    await durationInput.fill('1.5h');
    await durationInput.press('Tab');

    // Verify the duration was parsed correctly (should show "1h 30min")
    await expect(durationInput).toHaveValue('1h 30min');

    // Submit and verify the duration in the response (1.5h = 5400 seconds)
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    expect(createBody.data.duration).toBe(5400);
});

test('test that project selection works in create modal', async ({ page, ctx }) => {
    const projectName = 'Create Modal Project ' + Math.floor(1 + Math.random() * 10000);
    await createProjectViaApi(ctx, { name: projectName });

    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Project selection test');

    // Select project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: projectName }).click();

    // Verify project is selected
    await expect(page.getByRole('dialog').getByRole('button', { name: projectName })).toBeVisible();

    // Set duration
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Submit and verify project_id is set in response
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    expect(createBody.data.project_id).not.toBeNull();
});

test('test that tag selection works in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Tag selection test');

    // Open tags dropdown
    await page.getByRole('dialog').getByRole('button', { name: 'Tags' }).click();

    // Create a new tag
    const tagName = 'TestTag' + Math.floor(1 + Math.random() * 10000);
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(tagName);
    const [tagResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/tags') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Tag' }).click(),
    ]);
    const tagBody = await tagResponse.json();
    const tagId = tagBody.data.id;

    // Verify tag button now shows "1 Tag"
    await expect(page.getByRole('dialog').getByRole('button', { name: '1 Tag' })).toBeVisible();

    // Set duration
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Submit and verify tags array contains the created tag
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    expect(createBody.data.tags).toContain(tagId);
});

test('test that tags dropdown does not show No Tag option in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Open tags dropdown
    await page.getByRole('dialog').getByRole('button', { name: 'Tags' }).click();

    // Verify "No Tag" option is not visible
    await expect(page.getByText('No Tag')).not.toBeVisible();
});

test('test that start time picker works in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('Time picker test');

    // Set duration first (so it doesn't recalculate start time when we set it)
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Find the start time input (first time_picker_input in the modal)
    const modal = page.getByRole('dialog');
    const startTimeInput = modal.getByTestId('time_picker_input').first();
    await startTimeInput.fill('09:30');
    await startTimeInput.press('Tab');

    // Verify the time picker input shows the correct value
    await expect(startTimeInput).toHaveValue('09:30');

    // Submit and verify the time entry was created
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    // The start time should contain 09:30 in the timestamp
    expect(createBody.data.start).toMatch(/09:30/);
});

test('test that end time picker works in create modal', async ({ page }) => {
    await goToTimeOverview(page);

    // Open the create modal
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Set description
    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill('End time picker test');

    // Find the end time input (second time_picker_input in the modal)
    const modal = page.getByRole('dialog');
    const endTimeInput = modal.getByTestId('time_picker_input').nth(1);
    await endTimeInput.fill('17:45');
    await endTimeInput.press('Tab');

    // Set duration (this will adjust based on the times)
    // clear() before fill() needed because fill() appends on Firefox instead of replacing
    await page.locator('[role="dialog"] input[name="Duration"]').clear();
    await page.locator('[role="dialog"] input[name="Duration"]').fill('1h');
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    // Submit and verify end time contains 17:45
    const [createResponse] = await Promise.all([
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
    ]);
    const createBody = await createResponse.json();
    // The end time should be set (we filled duration after, so it recalculates)
    expect(createBody.data.end).toBeTruthy();
});

test('test that changing project in edit modal from non-billable to billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Modal Project ' + Math.floor(1 + Math.random() * 10000);
    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable modal', '1h');

    await goToTimeOverview(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();

    // Open edit modal
    await timeEntryRow.getByRole('button', { name: 'Actions for the time entry' }).first().click();
    await page.getByRole('menuitem', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // Verify initially non-billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Select the billable project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify the billable dropdown updated to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Save and verify
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(true);
});

test('test that opening edit modal for a time entry with manually overridden billable status preserves that status', async ({
    page,
    ctx,
}) => {
    const billableProjectName = 'Billable Persist Project ' + Math.floor(1 + Math.random() * 10000);
    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test persist billable override', '1h');

    await goToTimeOverview(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();

    // Open edit modal and assign the billable project
    await timeEntryRow.getByRole('button', { name: 'Actions for the time entry' }).first().click();
    await page.getByRole('menuitem', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify it auto-set to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Now manually override billable to Non-Billable via the dropdown
    await page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' }).click();
    await page.getByRole('option', { name: 'Non Billable' }).click();

    // Verify it shows Non-Billable now
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save
    const [firstSaveResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const firstBody = await firstSaveResponse.json();
    expect(firstBody.data.billable).toBe(false);

    // Re-open the edit modal — the project_id watcher should NOT override billable back to true
    await timeEntryRow.getByRole('button', { name: 'Actions for the time entry' }).first().click();
    await page.getByRole('menuitem', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // The billable dropdown should still show Non-Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save without changes and verify the response still has billable=false
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(false);
});

test('test that changing project in edit modal from billable to non-billable updates billable status', async ({
    page,
    ctx,
}) => {
    const billableProjectName =
        'Billable Modal Rev Project ' + Math.floor(1 + Math.random() * 10000);
    const nonBillableProjectName =
        'NonBillable Modal Rev Project ' + Math.floor(1 + Math.random() * 10000);
    await createBillableProjectViaApi(ctx, { name: billableProjectName });
    await createProjectViaApi(ctx, { name: nonBillableProjectName });
    await createBareTimeEntryViaApi(ctx, 'Test billable modal reverse', '1h');

    await goToTimeOverview(page);
    const timeEntryRow = page.locator('[data-testid="time_entry_row"]').first();

    // Open edit modal
    await timeEntryRow.getByRole('button', { name: 'Actions for the time entry' }).first().click();
    await page.getByRole('menuitem', { name: 'Edit' }).click();
    await expect(page.getByRole('dialog')).toBeVisible();

    // First assign the billable project
    await page.getByRole('dialog').getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option', { name: billableProjectName }).click();

    // Verify billable status flipped to Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Billable' })
    ).toBeVisible();

    // Now switch to the non-billable project
    await page.getByRole('dialog').getByRole('button', { name: billableProjectName }).click();
    await page.getByRole('option', { name: nonBillableProjectName }).click();

    // Verify billable status reverted to Non-Billable
    await expect(
        page.getByRole('dialog').getByRole('combobox').filter({ hasText: 'Non-Billable' })
    ).toBeVisible();

    // Save and verify
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries/') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        page.getByRole('button', { name: 'Update Time Entry' }).click(),
    ]);
    const responseBody = await updateResponse.json();
    expect(responseBody.data.billable).toBe(false);
});

// =============================================
// Mass Delete Tests
// =============================================

test('test that mass deleting time entries works', async ({ page, ctx }) => {
    const description = 'Mass delete ' + Math.floor(1 + Math.random() * 10000);
    await createBareTimeEntryViaApi(ctx, description, '30min');

    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await expect(timeEntryRows.first()).toBeVisible({ timeout: 10000 });

    // Select all time entries using the checkbox
    await page.getByLabel('Select All').click();
    await expect(page.getByText('selected')).toBeVisible();

    // Verify the time entry is visible before deleting
    const entryRow = timeEntryRows.filter({ hasText: description });
    await expect(entryRow).toBeVisible();

    // Click delete button in mass action bar (no confirmation dialog)
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries') && response.request().method() === 'DELETE'
        ),
        page.getByRole('button', { name: 'Delete' }).click(),
    ]);

    // Verify the time entry is no longer visible
    await expect(entryRow).not.toBeVisible();
});

// =============================================
// Delete Single Time Entry Test
// =============================================

test('test that deleting a single time entry via actions menu works', async ({ page, ctx }) => {
    const description = 'Delete single entry ' + Math.floor(1 + Math.random() * 10000);
    await createBareTimeEntryViaApi(ctx, description, '1h');

    await goToTimeOverview(page);

    const timeEntryRow = page
        .locator('[data-testid="time_entry_row"]')
        .filter({ hasText: description });
    await expect(timeEntryRow).toBeVisible({ timeout: 10000 });

    // Open actions menu and click Delete
    await timeEntryRow.getByRole('button', { name: 'Actions for the time entry' }).first().click();
    await expect(page.getByTestId('time_entry_delete')).toBeVisible();
    // The dropdown delete uses the bulk delete endpoint (DELETE /time-entries?ids=...)
    // which returns 200 with a JSON body, not the single endpoint returning 204
    await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries') &&
                response.request().method() === 'DELETE' &&
                response.status() === 200
        ),
        page.getByTestId('time_entry_delete').click(),
    ]);

    // Verify the time entry is no longer visible
    await expect(timeEntryRow).not.toBeVisible();
});

// =============================================
// Multiple Time Entries Test
// =============================================

test('test that time entries page loads multiple entries created via API', async ({
    page,
    ctx,
}) => {
    for (let i = 0; i < 5; i++) {
        await createBareTimeEntryViaApi(ctx, `Batch entry ${i + 1}`, '30min');
    }

    await goToTimeOverview(page);

    const timeEntryRows = page.locator('[data-testid="time_entry_row"]');
    await expect(timeEntryRows.first()).toBeVisible();
    const count = await timeEntryRows.count();
    expect(count).toBeGreaterThanOrEqual(5);
});

// =============================================
// Employee Permission Tests
// =============================================

test.describe('Employee Time Entry Isolation', () => {
    test('employee can only see their own time entries on the time page', async ({
        ctx,
        employee,
    }) => {
        // Owner creates a time entry
        const ownerDescription = 'OwnerWork ' + Math.floor(Math.random() * 10000);
        await createBareTimeEntryViaApi(ctx, ownerDescription, '1h');

        // Create a time entry for the employee using the owner's context
        const employeeDescription = 'EmpWork ' + Math.floor(Math.random() * 10000);
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description: employeeDescription, duration: '30min' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/time');
        await expect(
            employee.page
                .getByTestId('dashboard_timer')
                .getByTestId('timer_button')
                .and(employee.page.locator(':visible'))
        ).toBeVisible({ timeout: 10000 });

        // Employee's time entry IS visible
        const employeeRow = employee.page
            .locator('[data-testid="time_entry_row"]')
            .filter({ hasText: employeeDescription });
        await expect(employeeRow).toBeVisible({ timeout: 10000 });

        // Owner's time entry is NOT visible
        const ownerRow = employee.page
            .locator('[data-testid="time_entry_row"]')
            .filter({ hasText: ownerDescription });
        await expect(ownerRow).not.toBeVisible();
    });

    test('employee can edit their own time entry', async ({ ctx, employee }) => {
        const description = 'EmpEditEntry ' + Math.floor(Math.random() * 10000);
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description, duration: '1h' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/time');
        const timeEntryRow = employee.page
            .locator('[data-testid="time_entry_row"]')
            .filter({ hasText: description });
        await expect(timeEntryRow).toBeVisible({ timeout: 10000 });

        // Update description
        const updatedDescription = 'Updated ' + description;
        const descriptionInput = timeEntryRow.getByTestId('time_entry_description').first();
        await descriptionInput.fill(updatedDescription);
        await Promise.all([
            employee.page.waitForResponse(
                (response) =>
                    response.url().includes('/time-entries') &&
                    response.request().method() === 'PUT' &&
                    response.status() === 200
            ),
            descriptionInput.press('Tab'),
        ]);

        // Verify updated description
        await expect(timeEntryRow.getByTestId('time_entry_description').first()).toHaveValue(
            updatedDescription
        );
    });

    test('employee can delete their own time entry', async ({ ctx, employee }) => {
        const description = 'EmpDeleteEntry ' + Math.floor(Math.random() * 10000);
        await createTimeEntryViaApi(
            { ...ctx, memberId: employee.memberId },
            { description, duration: '1h' }
        );

        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/time');
        const timeEntryRow = employee.page
            .locator('[data-testid="time_entry_row"]')
            .filter({ hasText: description });
        await expect(timeEntryRow).toBeVisible({ timeout: 10000 });

        // Delete via actions menu
        await timeEntryRow
            .getByRole('button', { name: 'Actions for the time entry' })
            .first()
            .click();
        await Promise.all([
            employee.page.waitForResponse(
                (response) =>
                    response.url().includes('/time-entries') &&
                    response.request().method() === 'DELETE'
            ),
            employee.page.getByTestId('time_entry_delete').click(),
        ]);

        // Verify entry is gone
        await expect(timeEntryRow).not.toBeVisible();
    });
});


================================================
FILE: e2e/timetracker.spec.ts
================================================
import { expect, test } from '../playwright/fixtures';
import { PLAYWRIGHT_BASE_URL } from '../playwright/config';
import {
    assertThatTimerHasStarted,
    assertThatTimerIsStopped,
    newTimeEntryResponse,
    startOrStopTimerWithButton,
    stoppedTimeEntryResponse,
} from './utils/currentTimeEntry';
import type { Page } from '@playwright/test';
import { newTagResponse } from './utils/tags';
import { updateOrganizationCurrencyViaWeb } from './utils/api';

// Date picker button name patterns for different date formats
const DATE_DISPLAY_PATTERN = /^\d{4}-\d{2}-\d{2}$|^\d{2}\/\d{2}\/\d{4}$|^\d{2}\.\d{2}\.\d{4}$/;

async function goToDashboard(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
}

test('test that starting and stopping a timer without description and project works', async ({
    page,
}) => {
    await goToDashboard(page);
    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);
    await page.waitForTimeout(1500);
    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that billable icon shows dollar sign for USD currency', async ({ page, ctx }) => {
    await updateOrganizationCurrencyViaWeb(page, ctx, 'USD');
    await goToDashboard(page);
    await page.waitForLoadState('networkidle');
    const billableButton = page.getByRole('button', { name: 'Non Billable' }).first();
    await expect(billableButton).toBeVisible();
    await expect(billableButton.locator('svg')).toHaveAttribute('viewBox', '0 0 8 14');
});

test('test that billable icon shows euro sign for EUR currency', async ({ page, ctx }) => {
    await updateOrganizationCurrencyViaWeb(page, ctx, 'EUR');
    await goToDashboard(page);
    await page.waitForLoadState('networkidle');
    const billableButton = page.getByRole('button', { name: 'Non Billable' }).first();
    await expect(billableButton).toBeVisible();
    await expect(billableButton.locator('svg')).toHaveAttribute('viewBox', '0 0 12 12');
});

test('test that starting and stopping a timer with a description works', async ({ page }) => {
    await goToDashboard(page);
    // Wait for the description input to be editable before filling
    await expect(page.getByTestId('time_entry_description')).toBeEditable();
    await page.getByTestId('time_entry_description').fill('New Time Entry Description');
    await Promise.all([
        newTimeEntryResponse(page, {
            description: 'New Time Entry Description',
        }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerHasStarted(page);
    await page.waitForTimeout(1500);
    await Promise.all([
        stoppedTimeEntryResponse(page, {
            description: 'New Time Entry Description',
        }),
        await startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that starting the time entry starts the live timer and that it keeps running after reload', async ({
    page,
}) => {
    await goToDashboard(page);

    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);
    const beforeTimerValue = await page.getByTestId('time_entry_time').inputValue();
    await page.waitForTimeout(2000);
    const afterWaitTimeValue = await page.getByTestId('time_entry_time').inputValue();
    expect(afterWaitTimeValue).not.toEqual(beforeTimerValue);
    await page.reload();
    await expect(page.getByTestId('time_entry_time')).toBeVisible();

    const afterReloadTimerValue = await page.getByTestId('time_entry_time').inputValue();
    await page.waitForTimeout(2000);
    const afterReloadAfterWaitTimerValue = await page.getByTestId('time_entry_time').inputValue();
    expect(afterReloadTimerValue).not.toEqual(afterReloadAfterWaitTimerValue);
});

test('test that starting and updating the description while running works', async ({ page }) => {
    await goToDashboard(page);

    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);
    await expect(page.getByTestId('time_entry_description')).toBeEditable();
    await page.getByTestId('time_entry_description').fill('New Time Entry Description');

    await Promise.all([
        newTimeEntryResponse(page, {
            status: 200,
            description: 'New Time Entry Description',
        }),
        page.getByTestId('time_entry_description').press('Tab'),
    ]);
    await Promise.all([
        stoppedTimeEntryResponse(page, {
            description: 'New Time Entry Description',
        }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that starting and updating the time while running works', async ({ page }) => {
    await goToDashboard(page);
    const [createResponse] = await Promise.all([
        newTimeEntryResponse(page),
        await startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerHasStarted(page);
    await expect(page.getByTestId('time_entry_time')).toBeEditable();
    await page.getByTestId('time_entry_time').fill('20min');

    await Promise.all([
        page.waitForResponse(async (response) => {
            return (
                response.url().includes('/time-entries') &&
                response.status() === 200 &&
                (await response.headerValue('Content-Type')) === 'application/json' &&
                (await response.json()).data.id !== null &&
                (await response.json()).data.start !== null &&
                (await response.json()).data.start !== (await createResponse.json()).data.start &&
                (await response.json()).data.end === null &&
                (await response.json()).data.project_id === null &&
                (await response.json()).data.description === '' &&
                (await response.json()).data.task_id === null &&
                (await response.json()).data.user_id !== null &&
                JSON.stringify((await response.json()).data.tags) === JSON.stringify([])
            );
        }),
        page.getByTestId('time_entry_time').press('Enter'),
    ]);

    await expect(page.getByTestId('time_entry_time')).toHaveValue(/00:20/);
    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that entering a human readable time starts the timer on blur', async ({ page }) => {
    await goToDashboard(page);
    await page.getByTestId('time_entry_time').fill('20min');
    await Promise.all([
        newTimeEntryResponse(page),
        page.getByTestId('time_entry_time').press('Tab'),
    ]);
    await expect(page.getByTestId('time_entry_time')).toHaveValue(/00:20:/);
    await assertThatTimerHasStarted(page);

    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that entering a number in the time range starts the timer on blur', async ({ page }) => {
    await goToDashboard(page);
    await page.getByTestId('time_entry_time').fill('5');
    await Promise.all([
        newTimeEntryResponse(page),
        page.getByTestId('time_entry_time').press('Tab'),
    ]);
    await expect(page.getByTestId('time_entry_time')).toHaveValue(/00:05:/);
    await assertThatTimerHasStarted(page);

    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that entering a value with the format hh:mm in the time range starts the timer on blur', async ({
    page,
}) => {
    await goToDashboard(page);
    await page.getByTestId('time_entry_time').fill('12:30');
    await Promise.all([
        newTimeEntryResponse(page),
        page.getByTestId('time_entry_time').press('Tab'),
    ]);
    await expect(page.getByTestId('time_entry_time')).toHaveValue(/12:30:/);
    await assertThatTimerHasStarted(page);

    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that entering a random value in the time range does not start the timer on blur', async ({
    page,
}) => {
    await goToDashboard(page);
    await page.getByTestId('time_entry_time').fill('asdasdasd');
    await page.getByTestId('time_entry_time').press('Tab');
    await assertThatTimerIsStopped(page);
});

test('test that entering a time starts the timer on enter', async ({ page }) => {
    await goToDashboard(page);
    await page.getByTestId('time_entry_time').fill('20min');
    await Promise.all([
        newTimeEntryResponse(page),
        page.getByTestId('time_entry_time').press('Enter'),
    ]);
    await assertThatTimerHasStarted(page);
    await Promise.all([stoppedTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerIsStopped(page);
});

test('test that adding a new tag works', async ({ page }) => {
    const newTagName = 'New Tag' + Math.floor(Math.random() * 10000);
    await goToDashboard(page);

    await page.getByTestId('tag_dropdown').click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(newTagName);

    await Promise.all([
        newTagResponse(page, { name: newTagName }),
        page.getByRole('button', { name: 'Create Tag' }).click(),
    ]);

    // Wait for tags query refetch after invalidation
    await page.waitForResponse(
        (response) => response.url().includes('/tags') && response.status() === 200
    );

    await page.getByTestId('tag_dropdown').click();
    await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
});

test('test that adding a new tag when the timer is running', async ({ page }) => {
    const newTagName = 'New Tag' + Math.floor(Math.random() * 10000);
    await goToDashboard(page);
    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);
    await page.getByTestId('tag_dropdown').click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(newTagName);

    const [tagCreateResponse] = await Promise.all([
        newTagResponse(page, { name: newTagName }),
        page.getByRole('button', { name: 'Create Tag' }).click(),
    ]);
    const tagId = (await tagCreateResponse.json()).data.id;
    await newTimeEntryResponse(page, { status: 200, tags: [tagId] });
    await page.getByTestId('tag_dropdown').click();
    await expect(page.getByRole('option', { name: newTagName })).toBeVisible();
    await page.getByTestId('tag_dropdown_search').press('Escape');
    await expect(page.getByTestId('tag_dropdown_search')).not.toBeVisible();

    await Promise.all([
        stoppedTimeEntryResponse(page, { tags: [tagId] }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that setting an end time with a different date via the timetracker range selector works', async ({
    page,
}) => {
    await goToDashboard(page);

    // Start a timer
    await Promise.all([newTimeEntryResponse(page), startOrStopTimerWithButton(page)]);
    await assertThatTimerHasStarted(page);

    // Open the time range dropdown by clicking on the time display
    await page.getByTestId('time_entry_time').click();
    const rangeStart = page.getByTestId('time_entry_range_start');
    await expect(rangeStart).toBeVisible();

    // Click "Set End Time" button
    await page.getByRole('button', { name: 'Set End Time' }).click();

    // The end time picker should now be visible with a Confirm button
    const rangeEnd = page.getByTestId('time_entry_range_end');
    await expect(rangeEnd).toBeVisible();
    const confirmButton = page.getByRole('button', { name: 'Confirm' });
    await expect(confirmButton).toBeVisible();

    // Click the end date picker to change the date
    const endDatePickers = page.getByRole('button', { name: DATE_DISPLAY_PATTERN });
    // The second date picker is the end date (first is the start date)
    const endDatePicker = endDatePickers.nth(1);
    await expect(endDatePicker).toBeVisible();
    await endDatePicker.click();

    // Calendar should appear
    const calendarGrid = page.getByRole('grid');
    await expect(calendarGrid).toBeVisible({ timeout: 5000 });

    // Navigate to the next month and select a day to ensure end > start
    await page.getByRole('button', { name: /Next/i }).click();
    await page.getByRole('gridcell').filter({ hasText: /^15$/ }).first().click();

    // The dropdown should still be open after selecting a date (not auto-closed)
    await expect(rangeEnd).toBeVisible();
    await expect(confirmButton).toBeVisible();

    // Click Confirm to finalize and verify the API call
    const [updateResponse] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/time-entries') &&
                response.request().method() === 'PUT' &&
                response.status() === 200
        ),
        confirmButton.click(),
    ]);
    const updateBody = await updateResponse.json();
    expect(updateBody.data.start).toBeTruthy();
    expect(updateBody.data.end).toBeTruthy();
});

test('test that timer starts on enter with description', async ({ page }) => {
    await goToDashboard(page);
    await expect(page.getByTestId('time_entry_description')).toBeEditable();
    await page.getByTestId('time_entry_description').fill('Start on Enter');

    await Promise.all([
        newTimeEntryResponse(page, { description: 'Start on Enter' }),
        page.getByTestId('time_entry_description').press('Enter'),
    ]);
    await assertThatTimerHasStarted(page);

    await Promise.all([
        stoppedTimeEntryResponse(page, { description: 'Start on Enter' }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that timer started on dashboard is visible on time page', async ({ page }) => {
    await goToDashboard(page);

    // Start timer on dashboard
    await expect(page.getByTestId('time_entry_description')).toBeEditable();
    await page.getByTestId('time_entry_description').fill('Sync test');
    await Promise.all([
        newTimeEntryResponse(page, { description: 'Sync test' }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerHasStarted(page);

    // Navigate to time page
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');

    // Timer should still be running (the timer button should be red/active)
    await expect(
        page
            .getByTestId('dashboard_timer')
            .getByTestId('timer_button')
            .and(page.locator(':visible'))
    ).toHaveClass(/bg-red-400\/80/);

    // Stop the timer
    await Promise.all([
        stoppedTimeEntryResponse(page, { description: 'Sync test' }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});

test('test that adding a project and tag before starting timer works', async ({ page }) => {
    const newTagName = 'TimerTag ' + Math.floor(Math.random() * 10000);
    await goToDashboard(page);

    // Create and select a tag first
    await page.getByTestId('tag_dropdown').click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(newTagName);

    const [tagCreateResponse] = await Promise.all([
        newTagResponse(page, { name: newTagName }),
        page.getByRole('button', { name: 'Create Tag' }).click(),
    ]);
    const tagId = (await tagCreateResponse.json()).data.id;

    // Wait for tags query refetch (tag is auto-selected after creation)
    await page.waitForResponse(
        (response) => response.url().includes('/tags') && response.status() === 200
    );

    // Fill description and start
    await page.getByTestId('time_entry_description').fill('Entry with tag');
    await Promise.all([
        newTimeEntryResponse(page, { description: 'Entry with tag', tags: [tagId] }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerHasStarted(page);

    await Promise.all([
        stoppedTimeEntryResponse(page, { description: 'Entry with tag', tags: [tagId] }),
        startOrStopTimerWithButton(page),
    ]);
    await assertThatTimerIsStopped(page);
});


================================================
FILE: e2e/utils/api.ts
================================================
import { expect } from '@playwright/test';
import type { APIRequestContext, Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../../playwright/config';

// ──────────────────────────────────────────────────
// Types
// ──────────────────────────────────────────────────

export interface TestContext {
    request: APIRequestContext;
    orgId: string;
    memberId: string;
}

// ──────────────────────────────────────────────────
// Auth helpers
// ──────────────────────────────────────────────────

/**
 * Create a Passport API token by calling the token endpoint from the browser.
 *
 * The browser's native fetch includes the laravel_token cookie (set by
 * CreateFreshApiToken during the dashboard page load), so authentication
 * is handled by the browser's own cookie jar. The returned Bearer token is
 * then used for all subsequent API calls, making them independent of cookie state.
 *
 * If the first attempt returns 401 (Octane hasn't fully committed the session yet),
 * we reload the page to trigger a fresh CreateFreshApiToken and retry.
 */
async function createApiToken(page: Page): Promise<string> {
    for (let attempt = 0; attempt < 3; attempt++) {
        const result = await page.evaluate(async (baseUrl) => {
            const xsrfCookie = document.cookie.split('; ').find((c) => c.startsWith('XSRF-TOKEN='));
            const xsrfToken = xsrfCookie
                ? decodeURIComponent(xsrfCookie.split('=').slice(1).join('='))
                : '';

            const res = await fetch(`${baseUrl}/api/v1/users/me/api-tokens`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    Accept: 'application/json',
                    'X-XSRF-TOKEN': xsrfToken,
                },
                body: JSON.stringify({ name: 'playwright-test' }),
            });

            if (!res.ok) {
                return null;
            }

            const body = await res.json();
            return body.data.access_token as string;
        }, PLAYWRIGHT_BASE_URL);

        if (result) {
            return result;
        }

        // Reload to get a fresh laravel_token cookie and retry.
        // networkidle gives Octane time to fully commit the session.
        await page.reload({ waitUntil: 'networkidle' });
    }

    throw new Error('Failed to create API token after retries');
}

function bearerHeaders(token: string): Record<string, string> {
    return {
        Accept: 'application/json',
        Authorization: `Bearer ${token}`,
    };
}

// ──────────────────────────────────────────────────
// Context setup
// ──────────────────────────────────────────────────

export async function setupTestContext(page: Page): Promise<TestContext> {
    const token = await createApiToken(page);
    const request = page.request;
    const headers = bearerHeaders(token);

    const orgId = await getOrganizationId(request, headers);
    const memberId = await getCurrentMemberId(request, orgId, headers);
    return { request: createAuthenticatedRequest(request, headers), orgId, memberId };
}

function createAuthenticatedRequest(
    request: APIRequestContext,
    headers: Record<string, string>
): APIRequestContext {
    // Wrap the request to always include auth headers
    return new Proxy(request, {
        get(target, prop) {
            if (
                prop === 'get' ||
                prop === 'post' ||
                prop === 'put' ||
                prop === 'delete' ||
                prop === 'patch'
            ) {
                return (url: string, options?: Record<string, unknown>) => {
                    return target[prop as 'get'](url, {
                        ...options,
                        headers: {
                            ...headers,
                            ...((options?.headers as Record<string, string>) || {}),
                        },
                    });
                };
            }
            return target[prop as keyof APIRequestContext];
        },
    });
}

async function getOrganizationId(
    request: APIRequestContext,
    headers: Record<string, string>
): Promise<string> {
    const response = await request.get(`${PLAYWRIGHT_BASE_URL}/api/v1/users/me/memberships`, {
        headers,
    });
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data[0].organization.id;
}

async function getCurrentMemberId(
    request: APIRequestContext,
    orgId: string,
    headers: Record<string, string>
): Promise<string> {
    const response = await request.get(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${orgId}/members`,
        { headers }
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data[0].id;
}

// ──────────────────────────────────────────────────
// Duration parsing
// ──────────────────────────────────────────────────

function parseDurationToSeconds(duration: string): number {
    let totalSeconds = 0;

    // Match patterns like "1h", "30min", "2h 30min", "1h 7min"
    const hourMatch = duration.match(/(\d+)\s*h/);
    const minMatch = duration.match(/(\d+)\s*min/);

    if (hourMatch) {
        totalSeconds += parseInt(hourMatch[1], 10) * 3600;
    }
    if (minMatch) {
        totalSeconds += parseInt(minMatch[1], 10) * 60;
    }

    // If no h/min pattern matched, try plain number as minutes
    if (!hourMatch && !minMatch) {
        const plainNumber = parseInt(duration, 10);
        if (!isNaN(plainNumber)) {
            totalSeconds = plainNumber * 60;
        }
    }

    return totalSeconds;
}

function createTimestamps(duration: string): { start: string; end: string } {
    const durationSeconds = parseDurationToSeconds(duration);
    const now = new Date();
    const start = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 9, 0, 0);
    const end = new Date(start.getTime() + durationSeconds * 1000);

    return {
        start: formatTimestamp(start),
        end: formatTimestamp(end),
    };
}

function formatTimestamp(date: Date): string {
    return date.toISOString().replace(/\.\d{3}Z$/, 'Z');
}

function randomColor(): string {
    const colors = [
        '#ef5350',
        '#ab47bc',
        '#5c6bc0',
        '#29b6f6',
        '#26a69a',
        '#9ccc65',
        '#ffa726',
        '#8d6e63',
    ];
    return colors[Math.floor(Math.random() * colors.length)];
}

// ──────────────────────────────────────────────────
// Entity creation
// ──────────────────────────────────────────────────

export async function createPublicProjectViaApi(
    ctx: TestContext,
    data: {
        name: string;
        is_billable?: boolean;
        billable_rate?: number | null;
        client_id?: string | null;
    }
) {
    return createProjectViaApi(ctx, {
        ...data,
        is_public: true,
    });
}

export async function createProjectViaApi(
    ctx: TestContext,
    data: {
        name: string;
        color?: string;
        is_billable?: boolean;
        billable_rate?: number | null;
        client_id?: string | null;
        estimated_time?: number | null;
        is_public?: boolean;
    }
) {
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/projects`,
        {
            data: {
                name: data.name,
                color: data.color ?? randomColor(),
                is_billable: data.is_billable ?? false,
                billable_rate: data.billable_rate ?? null,
                client_id: data.client_id ?? null,
                estimated_time: data.estimated_time ?? null,
                is_public: data.is_public ?? false,
            },
        }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; name: string; color: string; is_billable: boolean };
}

export async function archiveProjectViaApi(
    ctx: TestContext,
    project: {
        id: string;
        name: string;
        color: string;
        is_billable: boolean;
        client_id?: string | null;
        billable_rate?: number | null;
        estimated_time?: number | null;
    }
) {
    const response = await ctx.request.put(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/projects/${project.id}`,
        {
            data: {
                name: project.name,
                color: project.color,
                is_billable: project.is_billable,
                is_archived: true,
                client_id: project.client_id ?? null,
                billable_rate: project.billable_rate ?? null,
                estimated_time: project.estimated_time ?? null,
            },
        }
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data;
}

export async function createBillableProjectViaApi(
    ctx: TestContext,
    data: { name: string; billable_rate?: number | null }
) {
    return createProjectViaApi(ctx, {
        name: data.name,
        is_billable: true,
        billable_rate: data.billable_rate ?? null,
    });
}

export async function createClientViaApi(ctx: TestContext, data: { name: string }) {
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/clients`,
        { data: { name: data.name } }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; name: string };
}

export async function createProjectWithClientViaApi(
    ctx: TestContext,
    projectName: string,
    clientName: string
) {
    const client = await createClientViaApi(ctx, { name: clientName });
    const project = await createProjectViaApi(ctx, {
        name: projectName,
        client_id: client.id,
    });
    return { project, client };
}

export async function createTaskViaApi(
    ctx: TestContext,
    data: { name: string; project_id: string }
) {
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/tasks`,
        {
            data: {
                name: data.name,
                project_id: data.project_id,
            },
        }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; name: string; project_id: string };
}

export async function createTagViaApi(ctx: TestContext, data: { name: string }) {
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/tags`,
        { data: { name: data.name } }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; name: string };
}

export async function createTimeEntryViaApi(
    ctx: TestContext,
    data: {
        description?: string;
        duration: string;
        projectId?: string | null;
        taskId?: string | null;
        tags?: string[];
        billable?: boolean;
    }
) {
    const { start, end } = createTimestamps(data.duration);
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/time-entries`,
        {
            data: {
                member_id: ctx.memberId,
                start,
                end,
                description: data.description ?? '',
                project_id: data.projectId ?? null,
                task_id: data.taskId ?? null,
                tags: data.tags ?? [],
                billable: data.billable ?? false,
            },
        }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; start: string; end: string; description: string };
}

export async function createProjectMemberViaApi(
    ctx: TestContext,
    projectId: string,
    data: { member_id: string; billable_rate?: number | null }
) {
    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/projects/${projectId}/project-members`,
        {
            data: {
                member_id: data.member_id,
                billable_rate: data.billable_rate ?? null,
            },
        }
    );
    expect(response.status()).toBe(201);
    const body = await response.json();
    return body.data as { id: string; billable_rate: number | null };
}

export async function getMembersViaApi(ctx: TestContext) {
    const response = await ctx.request.get(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/members`
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data as Array<{
        id: string;
        name: string;
        email: string;
        role: string;
        billable_rate: number | null;
        is_placeholder: boolean;
    }>;
}

export async function updateMemberBillableRateViaApi(
    ctx: TestContext,
    memberId: string,
    billableRate: number | null
) {
    const response = await ctx.request.put(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/members/${memberId}`,
        { data: { billable_rate: billableRate } }
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data;
}

// ──────────────────────────────────────────────────
// Composite helpers (matching existing UI helper signatures)
// ──────────────────────────────────────────────────

export async function createTimeEntryWithProjectViaApi(
    ctx: TestContext,
    projectName: string,
    duration: string
) {
    const project = await createProjectViaApi(ctx, { name: projectName });
    const entry = await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName}`,
        duration,
        projectId: project.id,
    });
    return { project, entry };
}

export async function createTimeEntryWithProjectAndTaskViaApi(
    ctx: TestContext,
    projectId: string,
    taskName: string,
    projectName: string,
    duration: string
) {
    const task = await createTaskViaApi(ctx, { name: taskName, project_id: projectId });
    const entry = await createTimeEntryViaApi(ctx, {
        description: `Entry for ${projectName} - ${taskName}`,
        duration,
        projectId,
        taskId: task.id,
    });
    return { task, entry };
}

export async function createTimeEntryWithTagViaApi(
    ctx: TestContext,
    tagName: string,
    duration: string
) {
    const tag = await createTagViaApi(ctx, { name: tagName });
    const entry = await createTimeEntryViaApi(ctx, {
        description: `Entry with tag ${tagName}`,
        duration,
        tags: [tag.id],
    });
    return { tag, entry };
}

export async function createBareTimeEntryViaApi(
    ctx: TestContext,
    description: string,
    duration: string
) {
    return createTimeEntryViaApi(ctx, { description, duration });
}

export async function createTimeEntryWithBillableStatusViaApi(
    ctx: TestContext,
    isBillable: boolean,
    duration: string
) {
    return createTimeEntryViaApi(ctx, {
        description: `Time entry ${isBillable ? 'billable' : 'non-billable'}`,
        duration,
        billable: isBillable,
    });
}

// ──────────────────────────────────────────────────
// Import helper (for placeholder member creation)
// ──────────────────────────────────────────────────

export async function createPlaceholderMemberViaImportApi(
    ctx: TestContext,
    placeholderName: string
) {
    const placeholderEmail = `placeholder+${Math.floor(Math.random() * 100000)}@solidtime-import.test`;
    const csvContent = [
        'User,Email,Client,Project,Task,Description,Billable,Start date,Start time,End date,End time,Tags',
        `${placeholderName},${placeholderEmail},,,,Imported entry,No,2024-01-01,09:00:00,2024-01-01,10:00:00,`,
    ].join('\n');

    const base64Data = Buffer.from(csvContent).toString('base64');

    const response = await ctx.request.post(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/import`,
        {
            data: {
                type: 'toggl_time_entries',
                data: base64Data,
            },
        }
    );
    expect(response.status()).toBe(200);
    return await response.json();
}

// ──────────────────────────────────────────────────
// Organization settings helpers
// ──────────────────────────────────────────────────

export async function updateOrganizationSettingViaApi(
    ctx: TestContext,
    settings: Record<string, unknown>
) {
    const response = await ctx.request.put(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}`,
        { data: settings }
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data;
}

export async function updateOrganizationCurrencyViaWeb(
    page: Page,
    ctx: TestContext,
    currency: string,
    name: string = 'Test Organization'
) {
    const cookies = await page.context().cookies();
    const xsrfCookie = cookies.find((c) => c.name === 'XSRF-TOKEN');
    const xsrfToken = xsrfCookie ? decodeURIComponent(xsrfCookie.value) : '';

    const response = await page.request.put(`${PLAYWRIGHT_BASE_URL}/teams/${ctx.orgId}`, {
        headers: { 'X-XSRF-TOKEN': xsrfToken },
        data: { name, currency },
    });
    expect(response.status()).toBe(200);
}

// ──────────────────────────────────────────────────
// Bulk helpers
// ──────────────────────────────────────────────────

export async function createMultipleTimeEntriesViaApi(
    ctx: TestContext,
    count: number,
    data: { description?: string; duration?: string } = {}
) {
    const entries = [];
    for (let i = 0; i < count; i++) {
        const entry = await createTimeEntryViaApi(ctx, {
            description: data.description ?? `Bulk entry ${i + 1}`,
            duration: data.duration ?? '30min',
        });
        entries.push(entry);
    }
    return entries;
}

// ──────────────────────────────────────────────────
// Invitation helpers
// ──────────────────────────────────────────────────

export async function getInvitationsViaApi(ctx: TestContext) {
    const response = await ctx.request.get(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ctx.orgId}/invitations`
    );
    expect(response.status()).toBe(200);
    const body = await response.json();
    return body.data as Array<{ id: string; email: string; role: string }>;
}


================================================
FILE: e2e/utils/currentTimeEntry.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';

export async function startOrStopTimerWithButton(page: Page) {
    await page
        .getByTestId('dashboard_timer')
        .getByTestId('timer_button')
        .and(page.locator(':visible'))
        .click();
}

export async function assertThatTimerHasStarted(page: Page) {
    await expect(
        page
            .getByTestId('dashboard_timer')
            .getByTestId('timer_button')
            .and(page.locator(':visible'))
    ).toHaveClass(/bg-red-400\/80/);
}

export function newTimeEntryResponse(
    page: Page,
    { description = '', status = 201, tags = [] } = {}
) {
    return page.waitForResponse(async (response) => {
        return (
            response.url().includes('/time-entries') &&
            response.status() === status &&
            (await response.headerValue('Content-Type')) === 'application/json' &&
            (await response.json()).data.id !== null &&
            (await response.json()).data.start !== null &&
            (await response.json()).data.end === null &&
            (await response.json()).data.project_id === null &&
            (await response.json()).data.description === description &&
            (await response.json()).data.task_id === null &&
            (await response.json()).data.user_id !== null &&
            JSON.stringify((await response.json()).data.tags) === JSON.stringify(tags)
        );
    });
}

export async function assertThatTimerIsStopped(page: Page) {
    await expect(
        page
            .getByTestId('dashboard_timer')
            .getByTestId('timer_button')
            .and(page.locator(':visible'))
    ).toHaveClass(/bg-accent-300\/70/);
}

export async function stoppedTimeEntryResponse(page: Page, { description = '', tags = [] } = {}) {
    return page.waitForResponse(async (response) => {
        return (
            response.status() === 200 &&
            response.url().includes('/time-entries/') &&
            (await response.headerValue('Content-Type')) === 'application/json' &&
            (await response.json()).data.id !== null &&
            (await response.json()).data.start !== null &&
            (await response.json()).data.end !== null &&
            (await response.json()).data.project_id === null &&
            (await response.json()).data.description === description &&
            (await response.json()).data.task_id === null &&
            (await response.json()).data.duration !== null &&
            (await response.json()).data.user_id !== null &&
            JSON.stringify((await response.json()).data.tags) === JSON.stringify(tags)
        );
    });
}


================================================
FILE: e2e/utils/mailpit.ts
================================================
import { expect } from '@playwright/test';
import type { APIRequestContext } from '@playwright/test';
import { MAILPIT_BASE_URL } from '../../playwright/config';

/**
 * Search for emails in Mailpit matching the given query.
 */
export async function searchEmails(
    request: APIRequestContext,
    query: string
): Promise<{ messages: Array<{ ID: string; Subject: string }> }> {
    const response = await request.get(`${MAILPIT_BASE_URL}/api/v1/search?query=${query}`);
    return response.json();
}

/**
 * Get the full email message from Mailpit by ID.
 */
export async function getMessage(
    request: APIRequestContext,
    messageId: string
): Promise<{ HTML: string; Text: string }> {
    const response = await request.get(`${MAILPIT_BASE_URL}/api/v1/message/${messageId}`);
    return response.json();
}

/**
 * Find the invitation acceptance URL from a Mailpit email sent to the given address.
 * Retries a few times to allow for email delivery delay.
 */
export async function getInvitationAcceptUrl(
    request: APIRequestContext,
    recipientEmail: string
): Promise<string> {
    let searchResult: { messages: Array<{ ID: string }> } = { messages: [] };

    // Retry up to 5 times with 500ms delay to allow for email delivery
    for (let attempt = 0; attempt < 5; attempt++) {
        searchResult = await searchEmails(
            request,
            `to:${encodeURIComponent(recipientEmail)} subject:"Organization Invitation"`
        );
        if (searchResult.messages.length > 0) break;
        await new Promise((resolve) => setTimeout(resolve, 500));
    }
    expect(searchResult.messages.length).toBeGreaterThan(0);

    const message = await getMessage(request, searchResult.messages[0].ID);
    const acceptUrlMatch = message.HTML.match(/href="([^"]*team-invitations[^"]*)"/);
    expect(acceptUrlMatch).toBeTruthy();

    return acceptUrlMatch![1].replace(/&amp;/g, '&');
}

/**
 * Find the password reset URL from a Mailpit email sent to the given address.
 * Retries a few times to allow for email delivery delay.
 */
export async function getPasswordResetUrl(
    request: APIRequestContext,
    recipientEmail: string
): Promise<string> {
    let searchResult: { messages: Array<{ ID: string }> } = { messages: [] };

    // Retry up to 5 times with 500ms delay to allow for email delivery
    for (let attempt = 0; attempt < 5; attempt++) {
        searchResult = await searchEmails(
            request,
            `to:${encodeURIComponent(recipientEmail)} subject:"Reset Password"`
        );
        if (searchResult.messages.length > 0) break;
        await new Promise((resolve) => setTimeout(resolve, 500));
    }
    expect(searchResult.messages.length).toBeGreaterThan(0);

    const message = await getMessage(request, searchResult.messages[0].ID);
    const resetUrlMatch = message.HTML.match(/href="([^"]*reset-password[^"]*)"/);
    expect(resetUrlMatch).toBeTruthy();

    return resetUrlMatch![1].replace(/&amp;/g, '&');
}


================================================
FILE: e2e/utils/members.ts
================================================
import { expect } from '@playwright/test';
import type { Browser, Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../../playwright/config';
import { getInvitationAcceptUrl } from './mailpit';
import type { TestContext } from './api';

/**
 * Register a new user in a fresh browser context and return the page + context.
 */
export async function registerUser(
    browser: Browser,
    name: string,
    email: string
): Promise<{ page: Page; close: () => Promise<void> }> {
    const context = await browser.newContext();
    const page = await context.newPage();

    await page.goto(PLAYWRIGHT_BASE_URL + '/register');
    await page.getByLabel('Name').fill(name);
    await page.getByLabel('Email').fill(email);
    await page.getByLabel('Password', { exact: true }).fill('amazingpassword123');
    await page.getByLabel('Confirm Password').fill('amazingpassword123');
    await page.getByLabel('I agree to the Terms of').click();
    await page.getByRole('button', { name: 'Register' }).click();
    await page.waitForURL(PLAYWRIGHT_BASE_URL + '/dashboard');

    return { page, close: () => context.close() };
}

/**
 * Invite a user by email from the members page and accept the invitation
 * through a second browser session, returning the accepted member to the
 * members table as a real (non-placeholder) member.
 *
 * @param ownerPage   – The page of the organization owner who sends the invite
 * @param browser     – Browser instance used to create a second context
 * @param memberName  – Display name for the new user
 * @param memberEmail – Email address (must not be registered yet)
 * @param role        – Role button label: 'Employee' | 'Manager' | 'Administrator'
 */
export async function inviteAndAcceptMember(
    ownerPage: Page,
    browser: Browser,
    memberName: string,
    memberEmail: string,
    role: 'Employee' | 'Manager' | 'Administrator'
): Promise<void> {
    // 1. Register the second user
    const secondUser = await registerUser(browser, memberName, memberEmail);

    // 2. Send invitation from the owner
    await ownerPage.goto(PLAYWRIGHT_BASE_URL + '/members');
    await ownerPage.getByRole('button', { name: 'Invite Member' }).click();
    await expect(ownerPage.getByPlaceholder('Member Email')).toBeVisible();
    await ownerPage.getByLabel('Email').fill(memberEmail);
    await ownerPage.getByRole('button', { name: role }).click();
    await Promise.all([
        ownerPage.getByRole('button', { name: 'Invite Member', exact: true }).click(),
        expect(ownerPage.getByRole('main')).toContainText(memberEmail),
    ]);

    // 3. Retrieve the acceptance link from Mailpit and accept
    const acceptUrl = await getInvitationAcceptUrl(secondUser.page.request, memberEmail);
    await secondUser.page.goto(acceptUrl);
    await secondUser.page.waitForURL(/dashboard/);

    // 4. Clean up
    await secondUser.close();
}

/**
 * Set up an admin member in the owner's organization.
 * Returns the admin's page, their member ID, and a cleanup function.
 */
export async function setupAdminUser(
    ownerPage: Page,
    ownerCtx: TestContext,
    browser: Browser
): Promise<{
    adminPage: Page;
    adminMemberId: string;
    closeAdmin: () => Promise<void>;
}> {
    const memberId = Math.floor(Math.random() * 100000);
    const memberEmail = `admin+${memberId}@admin-perms.test`;
    const memberName = 'Admin ' + memberId;

    const admin = await registerUser(browser, memberName, memberEmail);

    await ownerPage.goto(PLAYWRIGHT_BASE_URL + '/members');
    await ownerPage.getByRole('button', { name: 'Invite Member' }).click();
    await expect(ownerPage.getByPlaceholder('Member Email')).toBeVisible();
    await ownerPage.getByPlaceholder('Member Email').fill(memberEmail);
    await ownerPage.getByRole('button', { name: 'Administrator' }).click();
    await Promise.all([
        ownerPage.waitForResponse(
            (response) =>
                response.url().includes('/invitations') &&
                response.request().method() === 'POST' &&
                response.status() === 204
        ),
        ownerPage.getByRole('button', { name: 'Invite Member', exact: true }).click(),
    ]);

    const acceptUrl = await getInvitationAcceptUrl(admin.page.request, memberEmail);
    await admin.page.goto(acceptUrl);
    await admin.page.waitForURL(/dashboard/);

    await admin.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
    await expect(admin.page.getByTestId('dashboard_view')).toBeVisible({ timeout: 15000 });

    const orgSwitcherText = await admin.page
        .getByTestId('organization_switcher')
        .first()
        .textContent();
    if (!orgSwitcherText?.includes("John's Organization")) {
        const cookies = await admin.page.context().cookies();
        const xsrfCookie = cookies.find((c) => c.name === 'XSRF-TOKEN');
        const xsrfToken = xsrfCookie ? decodeURIComponent(xsrfCookie.value) : '';

        await admin.page.request.put(`${PLAYWRIGHT_BASE_URL}/current-team`, {
            headers: {
                'X-XSRF-TOKEN': xsrfToken,
                Accept: 'text/html',
            },
            data: { team_id: ownerCtx.orgId },
        });

        await admin.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(admin.page.getByTestId('dashboard_view')).toBeVisible({ timeout: 15000 });
    }

    const membersResponse = await ownerCtx.request.get(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ownerCtx.orgId}/members`
    );
    expect(membersResponse.status()).toBe(200);
    const membersBody = await membersResponse.json();
    const adminMember = membersBody.data.find(
        (m: { role: string; name: string }) => m.role === 'admin' && m.name === memberName
    );
    expect(adminMember).toBeTruthy();

    return {
        adminPage: admin.page,
        adminMemberId: adminMember.id,
        closeAdmin: admin.close,
    };
}

/**
 * Set up an employee member in the owner's organization.
 * Returns the employee's page, their member ID, and a cleanup function.
 *
 * The owner page (from the fixture) is used to invite the employee.
 * Test data should be created via the owner's ctx.
 *
 * IMPORTANT: Projects must be created with is_public: true for the employee to see them,
 * or the employee must be added as a project member via createProjectMemberViaApi.
 * Clients are only visible to employees if they have at least one visible project.
 * Tags are visible to all org members with tags:view permission.
 */
export async function setupEmployeeUser(
    ownerPage: Page,
    ownerCtx: TestContext,
    browser: Browser
): Promise<{
    employeePage: Page;
    employeeMemberId: string;
    closeEmployee: () => Promise<void>;
}> {
    const memberId = Math.floor(Math.random() * 100000);
    const memberEmail = `employee+${memberId}@emp-perms.test`;
    const memberName = 'Emp ' + memberId;

    // Register the employee user first
    const employee = await registerUser(browser, memberName, memberEmail);

    // Send invitation from the owner
    await ownerPage.goto(PLAYWRIGHT_BASE_URL + '/members');
    await ownerPage.getByRole('button', { name: 'Invite Member' }).click();
    await expect(ownerPage.getByPlaceholder('Member Email')).toBeVisible();
    await ownerPage.getByPlaceholder('Member Email').fill(memberEmail);
    await ownerPage.getByRole('button', { name: 'Employee' }).click();
    await Promise.all([
        ownerPage.waitForResponse(
            (response) =>
                response.url().includes('/invitations') &&
                response.request().method() === 'POST' &&
                response.status() === 204
        ),
        ownerPage.getByRole('button', { name: 'Invite Member', exact: true }).click(),
    ]);

    // Accept the invitation
    const acceptUrl = await getInvitationAcceptUrl(employee.page.request, memberEmail);
    await employee.page.goto(acceptUrl);
    await employee.page.waitForURL(/dashboard/);

    // Navigate to dashboard explicitly and wait for it to load to ensure the correct org context.
    await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
    await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({ timeout: 15000 });

    // Verify we're on the correct organization (John's Organization).
    const orgSwitcherText = await employee.page
        .getByTestId('organization_switcher')
        .first()
        .textContent();
    if (!orgSwitcherText?.includes("John's Organization")) {
        // Switch to the owner's org using the PUT /current-team endpoint
        const cookies = await employee.page.context().cookies();
        const xsrfCookie = cookies.find((c) => c.name === 'XSRF-TOKEN');
        const xsrfToken = xsrfCookie ? decodeURIComponent(xsrfCookie.value) : '';

        await employee.page.request.put(`${PLAYWRIGHT_BASE_URL}/current-team`, {
            headers: {
                'X-XSRF-TOKEN': xsrfToken,
                Accept: 'text/html',
            },
            data: { team_id: ownerCtx.orgId },
        });

        // Reload to pick up the new org
        await employee.page.goto(PLAYWRIGHT_BASE_URL + '/dashboard');
        await expect(employee.page.getByTestId('dashboard_view')).toBeVisible({ timeout: 15000 });
    }

    // Find the employee's member ID in the owner's organization
    const membersResponse = await ownerCtx.request.get(
        `${PLAYWRIGHT_BASE_URL}/api/v1/organizations/${ownerCtx.orgId}/members`
    );
    expect(membersResponse.status()).toBe(200);
    const membersBody = await membersResponse.json();
    const employeeMember = membersBody.data.find(
        (m: { role: string; name: string }) => m.role === 'employee' && m.name === memberName
    );
    expect(employeeMember).toBeTruthy();

    return {
        employeePage: employee.page,
        employeeMemberId: employeeMember.id,
        closeEmployee: employee.close,
    };
}


================================================
FILE: e2e/utils/money.ts
================================================
import { formatCents } from '../../resources/js/packages/ui/src/utils/money';
import type { CurrencyFormat } from '../../resources/js/packages/ui/src/utils/money';
import type { NumberFormat } from '../../resources/js/packages/ui/src/utils/number';

export function formatCentsWithOrganizationDefaults(
    cents: number,
    currencyCode: string = 'EUR',
    currencySymbol: string = '€'
): string {
    return formatCents(
        cents,
        currencyCode,
        'iso-code-after-with-space' as CurrencyFormat,
        currencySymbol,
        'point-comma' as NumberFormat
    );
}


================================================
FILE: e2e/utils/reporting.ts
================================================
import { expect } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL } from '../../playwright/config';

// ──────────────────────────────────────────────────
// Navigation
// ──────────────────────────────────────────────────

export async function goToReporting(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/reporting');
}

export async function goToReportingDetailed(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/reporting/detailed');
}

// ──────────────────────────────────────────────────
// Entity creation
// ──────────────────────────────────────────────────

export async function createProject(page: Page, projectName: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
    await expect(page.getByRole('button', { name: 'Create Project' })).toBeVisible();
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project name').fill(projectName);
    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
    await expect(page.getByText(projectName)).toBeVisible();
}

export async function createBillableProject(page: Page, projectName: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
    await expect(page.getByRole('button', { name: 'Create Project' })).toBeVisible();
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project name').fill(projectName);
    await page.getByText('Non-Billable').click();
    await page.getByText('Default Rate').click();
    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
    await expect(page.getByText(projectName)).toBeVisible();
}

export async function createClient(page: Page, clientName: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/clients');
    await expect(page.getByRole('button', { name: 'Create Client' })).toBeVisible();
    await page.getByRole('button', { name: 'Create Client' }).click();
    await page.getByPlaceholder('Client Name').fill(clientName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Client' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/clients') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
    await expect(page.getByText(clientName)).toBeVisible();
}

export async function createProjectWithClient(page: Page, projectName: string, clientName: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
    await expect(page.getByRole('button', { name: 'Create Project' })).toBeVisible();
    await page.getByRole('button', { name: 'Create Project' }).click();
    await page.getByLabel('Project name').fill(projectName);

    // Select client in the project create modal
    await page.getByRole('dialog').getByRole('button', { name: 'No Client' }).click();
    await page.getByRole('option', { name: clientName }).click();

    await Promise.all([
        page.getByRole('dialog').getByRole('button', { name: 'Create Project' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/projects') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
    await expect(page.getByText(projectName)).toBeVisible();
}

export async function createTask(page: Page, projectName: string, taskName: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/projects');
    await expect(page.getByText(projectName)).toBeVisible();
    await page.getByText(projectName).click();
    await page.getByRole('button', { name: 'Create Task' }).click();
    await page.getByPlaceholder('Task Name').fill(taskName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Task' }).click(),
        page.waitForResponse(
            (response) =>
                response.url().includes('/tasks') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
    ]);
    await expect(page.getByText(taskName)).toBeVisible();
}

// ──────────────────────────────────────────────────
// Time entry creation
// ──────────────────────────────────────────────────

export async function createTimeEntryWithProject(
    page: Page,
    projectName: string,
    duration: string
) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    await expect(page.getByRole('button', { name: 'Time entry actions' })).toBeVisible();
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill(`Entry for ${projectName}`);

    await page.getByRole('button', { name: 'No Project' }).click();
    await page.getByRole('option').filter({ hasText: projectName }).click();

    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
    ]);
}

export async function createTimeEntryWithProjectAndTask(
    page: Page,
    projectName: string,
    taskName: string,
    duration: string
) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    await expect(page.getByRole('button', { name: 'Time entry actions' })).toBeVisible();
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill(`Entry for ${projectName} - ${taskName}`);

    // Open the project/task dropdown
    await page.getByRole('button', { name: 'No Project' }).click();

    // Expand the project's tasks by clicking the "Tasks" button
    const projectOption = page.getByRole('option').filter({ hasText: projectName });
    await projectOption.getByText(/Tasks/).click();

    // Select the task (this also selects the project and closes the dropdown)
    await page.getByText(taskName, { exact: true }).click();

    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
    ]);
}

export async function createTimeEntryWithTag(page: Page, tagName: string, duration: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    await expect(page.getByRole('button', { name: 'Time entry actions' })).toBeVisible();
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill(`Entry with tag ${tagName}`);

    // Add tag
    await page.getByRole('button', { name: 'Tags' }).click();
    await page.getByText('Create new tag').click();
    await page.getByPlaceholder('Tag Name').fill(tagName);
    await Promise.all([
        page.getByRole('button', { name: 'Create Tag' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/tags') && response.status() === 201
        ),
    ]);

    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
    ]);
}

export async function createBareTimeEntry(page: Page, description: string, duration: string) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    await expect(page.getByRole('button', { name: 'Time entry actions' })).toBeVisible();
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    await page.getByRole('dialog').getByRole('textbox', { name: 'Description' }).fill(description);

    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
    ]);
}

export async function createTimeEntryWithBillableStatus(
    page: Page,
    isBillable: boolean,
    duration: string
) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/time');
    await expect(page.getByRole('button', { name: 'Time entry actions' })).toBeVisible();
    await page.getByRole('button', { name: 'Time entry actions' }).click();
    await page.getByRole('menuitem', { name: 'Manual time entry' }).click();

    await page
        .getByRole('dialog')
        .getByRole('textbox', { name: 'Description' })
        .fill(`Time entry ${isBillable ? 'billable' : 'non-billable'}`);

    if (isBillable) {
        await page
            .getByRole('dialog')
            .getByRole('combobox')
            .filter({ hasText: 'Non-Billable' })
            .click();
        await page.getByRole('option', { name: 'Billable', exact: true }).click();
    }

    await page.locator('[role="dialog"] input[name="Duration"]').fill(duration);
    await page.locator('[role="dialog"] input[name="Duration"]').press('Tab');

    await Promise.all([
        page.getByRole('button', { name: 'Create Time Entry' }).click(),
        page.waitForResponse(
            (response) => response.url().includes('/time-entries') && response.status() === 201
        ),
    ]);
}

// ──────────────────────────────────────────────────
// Wait helpers
// ──────────────────────────────────────────────────

export async function waitForReportingUpdate(page: Page) {
    await page.waitForResponse(
        (response) =>
            response.url().includes('/time-entries/aggregate') && response.status() === 200
    );
}

export async function waitForDetailedReportingUpdate(page: Page) {
    await page.waitForResponse(
        (response) =>
            response.url().includes('/time-entries') &&
            !response.url().includes('/aggregate') &&
            response.request().method() === 'GET' &&
            response.status() === 200
    );
}

// ──────────────────────────────────────────────────
// Shared report helpers
// ──────────────────────────────────────────────────

export async function goToReportingShared(page: Page) {
    await page.goto(PLAYWRIGHT_BASE_URL + '/reporting/shared');
}

export async function saveAsSharedReport(
    page: Page,
    reportName: string
): Promise<{ shareableLink: string }> {
    await page.getByRole('button', { name: 'Save Report' }).click();
    await page.getByLabel('Name').fill(reportName);
    // "Public" checkbox is checked by default
    const [response] = await Promise.all([
        page.waitForResponse(
            (response) =>
                response.url().includes('/reports') &&
                response.request().method() === 'POST' &&
                response.status() === 201
        ),
        page.getByRole('dialog').getByRole('button', { name: 'Create Report' }).click(),
    ]);
    const responseBody = await response.json();
    // Wait for navigation to shared reports page
    await page.waitForURL('**/reporting/shared');
    return { shareableLink: responseBody.data.shareable_link };
}


================================================
FILE: e2e/utils/table.ts
================================================
import type { Locator } from '@playwright/test';

/**
 * Extract the first cell's text content from each row in a table.
 * Useful for reading the ordered names/labels from a sorted table.
 */
export async function getTableRowNames(table: Locator): Promise<string[]> {
    const rows = table.getByRole('row');
    const count = await rows.count();
    const names: string[] = [];
    for (let i = 0; i < count; i++) {
        const text = await rows.nth(i).locator('div').first().textContent();
        if (text) names.push(text.trim());
    }
    return names;
}


================================================
FILE: e2e/utils/tags.ts
================================================
import type { Page } from '@playwright/test';

export function newTagResponse(page: Page, { name = '' } = {}) {
    return page.waitForResponse(async (response) => {
        return (
            response.status() === 201 &&
            (await response.headerValue('Content-Type')) === 'application/json' &&
            (await response.json()).data.name === name
        );
    });
}


================================================
FILE: eslint.config.mjs
================================================
import eslint from '@eslint/js';
import eslintConfigPrettier from 'eslint-config-prettier';
import eslintPluginVue from 'eslint-plugin-vue';
import globals from 'globals';
import typescriptEslint from 'typescript-eslint';
import unusedImports from 'eslint-plugin-unused-imports';

export default typescriptEslint.config(
    { ignores: ['*.d.ts', '**/coverage', '**/dist'] },
    {
        extends: [
            eslint.configs.recommended,
            ...typescriptEslint.configs.recommended,
            ...eslintPluginVue.configs['flat/recommended'],
        ],
        files: ['**/*.{ts,vue,js}'],
        languageOptions: {
            ecmaVersion: 'latest',
            sourceType: 'module',
            globals: globals.browser,
            parserOptions: {
                parser: typescriptEslint.parser,
            },
        },
        plugins: {
            'unused-imports': unusedImports,
        },
        rules: {
            'vue/multi-word-component-names': 'off',
            '@typescript-eslint/no-unused-vars': 'off',
            'unused-imports/no-unused-imports': 'error',
            'unused-imports/no-unused-vars': [
                'error',
                {
                    'vars': 'all',
                    'varsIgnorePattern': '^_',
                    'args': 'after-used',
                    'argsIgnorePattern': '^_',
                },
            ],
        },
    },
    eslintConfigPrettier
);


================================================
FILE: jsconfig.json
================================================
{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": ["resources/js/*"]
        }
    },
    "exclude": ["node_modules", "public"]
}


================================================
FILE: lang/en/auth.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Authentication Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are used during authentication for various
    | messages that we need to display to the user. You are free to modify
    | these language lines according to your application's requirements.
    |
    */

    'failed' => 'These credentials do not match our records.',
    'password' => 'The provided password is incorrect.',
    'throttle' => 'Too many login attempts. Please try again in :seconds seconds.',

];


================================================
FILE: lang/en/enum.php
================================================
<?php

declare(strict_types=1);

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Enums\Weekday;

return [

    'weekday' => [
        Weekday::Monday->value => 'Monday',
        Weekday::Tuesday->value => 'Tuesday',
        Weekday::Wednesday->value => 'Wednesday',
        Weekday::Thursday->value => 'Thursday',
        Weekday::Friday->value => 'Friday',
        Weekday::Saturday->value => 'Saturday',
        Weekday::Sunday->value => 'Sunday',
    ],

    'number_format' => [
        NumberFormat::ThousandsPointDecimalComma->value => '1.111,11',
        NumberFormat::ThousandsCommaDecimalPoint->value => '1,111.11',
        NumberFormat::ThousandsSpaceDecimalComma->value => '1 111,11',
        NumberFormat::ThousandsSpaceDecimalPoint->value => '1 111.11',
        NumberFormat::ThousandsApostropheDecimalPoint->value => '1\'111.11',
    ],

    'date_format' => [
        DateFormat::PointSeparatedDMYYYY->value => 'D.M.YYYY',
        DateFormat::SlashSeparatedMMDDYYYY->value => 'MM/DD/YYYY',
        DateFormat::SlashSeparatedDDMMYYYY->value => 'DD/MM/YYYY',
        DateFormat::HyphenSeparatedDDMMYYY->value => 'DD-MM-YYYY',
        DateFormat::HyphenSeparatedMMDDDYYYY->value => 'MM-DD-YYYY',
        DateFormat::HyphenSeparatedYYYYMMDD->value => 'YYYY-MM-DD',
    ],

    'time_format' => [
        TimeFormat::TwelveHours->value => '12-hour clock',
        TimeFormat::TwentyFourHours->value => '24-hour clock',
    ],

    'interval_format' => [
        IntervalFormat::Decimal->value => 'Decimal',
        IntervalFormat::HoursMinutes->value => '12h 3m',
        IntervalFormat::HoursMinutesColonSeparated->value => '12:03',
        IntervalFormat::HoursMinutesSecondsColonSeparated->value => '12:03:45',
    ],

    'currency_format' => [
        CurrencyFormat::ISOCodeBeforeWithSpace->value => 'EUR 111',
        CurrencyFormat::ISOCodeAfterWithSpace->value => '111 EUR',
        CurrencyFormat::SymbolBefore->value => '€111',
        CurrencyFormat::SymbolAfter->value => '111€',
        CurrencyFormat::SymbolBeforeWithSpace->value => '€ 111',
        CurrencyFormat::SymbolAfterWithSpace->value => '111 €',
    ],

];


================================================
FILE: lang/en/exceptions.php
================================================
<?php

declare(strict_types=1);

use App\Exceptions\Api\CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers;
use App\Exceptions\Api\CanNotRemoveOwnerFromOrganization;
use App\Exceptions\Api\ChangingRoleOfPlaceholderIsNotAllowed;
use App\Exceptions\Api\ChangingRoleToPlaceholderIsNotAllowed;
use App\Exceptions\Api\EntityStillInUseApiException;
use App\Exceptions\Api\FeatureIsNotAvailableInFreePlanApiException;
use App\Exceptions\Api\InactiveUserCanNotBeUsedApiException;
use App\Exceptions\Api\InvitationForTheEmailAlreadyExistsApiException;
use App\Exceptions\Api\OnlyOwnerCanChangeOwnership;
use App\Exceptions\Api\OnlyPlaceholdersCanBeMergedIntoAnotherMember;
use App\Exceptions\Api\OrganizationHasNoSubscriptionButMultipleMembersException;
use App\Exceptions\Api\OrganizationNeedsAtLeastOneOwner;
use App\Exceptions\Api\OverlappingTimeEntryApiException;
use App\Exceptions\Api\PdfRendererIsNotConfiguredException;
use App\Exceptions\Api\PersonalAccessClientIsNotConfiguredException;
use App\Exceptions\Api\ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException;
use App\Exceptions\Api\TimeEntryCanNotBeRestartedApiException;
use App\Exceptions\Api\TimeEntryStillRunningApiException;
use App\Exceptions\Api\UserIsAlreadyMemberOfOrganizationApiException;
use App\Exceptions\Api\UserIsAlreadyMemberOfProjectApiException;
use App\Exceptions\Api\UserNotPlaceholderApiException;
use App\Service\Export\ExportException;

return [
    'api' => [
        TimeEntryStillRunningApiException::KEY => 'Time entry is still running',
        UserNotPlaceholderApiException::KEY => 'The given user is not a placeholder',
        TimeEntryCanNotBeRestartedApiException::KEY => 'Time entry is already stopped and can not be restarted',
        InactiveUserCanNotBeUsedApiException::KEY => 'Inactive user can not be used',
        UserIsAlreadyMemberOfOrganizationApiException::KEY => 'User is already a member of the organization',
        UserIsAlreadyMemberOfProjectApiException::KEY => 'User is already a member of the project',
        EntityStillInUseApiException::KEY => 'The :modelToDelete is still used by a :modelInUse and can not be deleted.',
        CanNotRemoveOwnerFromOrganization::KEY => 'Can not remove owner from organization',
        CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers::KEY => 'Can not delete user who is owner of organization with multiple members. Please delete the organization first.',
        OnlyOwnerCanChangeOwnership::KEY => 'Only owner can change ownership',
        OrganizationNeedsAtLeastOneOwner::KEY => 'Organization needs at least one owner',
        ChangingRoleToPlaceholderIsNotAllowed::KEY => 'Changing role to placeholder is not allowed',
        ExportException::KEY => 'Export failed, please try again later or contact support',
        OrganizationHasNoSubscriptionButMultipleMembersException::KEY => 'Organization has no subscription but multiple members',
        PdfRendererIsNotConfiguredException::KEY => 'PDF renderer is not configured',
        FeatureIsNotAvailableInFreePlanApiException::KEY => 'Feature is not available in free plan',
        PersonalAccessClientIsNotConfiguredException::KEY => 'Personal access client is not configured',
        ChangingRoleOfPlaceholderIsNotAllowed::KEY => 'Changing role of placeholder is not allowed',
        OnlyPlaceholdersCanBeMergedIntoAnotherMember::KEY => 'Only placeholders can be merged into another member',
        ThisPlaceholderCanNotBeInvitedUseTheMergeToolInsteadException::KEY => 'This placeholder can not be invited use the merge tool instead',
        InvitationForTheEmailAlreadyExistsApiException::KEY => 'The email has already been invited to the organization. Please wait for the user to accept the invitation or resend the invitation email.',
        OverlappingTimeEntryApiException::KEY => 'Overlapping time entries are not allowed.',
    ],
    'unknown_error_in_admin_panel' => 'An unknown error occurred. Please check the logs.',
];


================================================
FILE: lang/en/importer.php
================================================
<?php

declare(strict_types=1);

return [
    'clockify_time_entries' => [
        'name' => 'Clockify Time Entries',
        'description' => '1. First make sure that you set the Date format to "MM/DD/YYYY" and the Time format to "12-hour" in the user settings.<br>'.
            '2. In the same preferences page change the language of Clockfiy to English.<br>'.
            '3. Go to REPORTS -> TIME -> Detailed in the navigation on the left. <br>'.
            '4. Now select the date range that you want to export in the right top. '.
            'In the free Clockify plan it\'s currently not possible to select more than one year. '.
            'You can export each year separately and import them one after another.'.
            '<br> 4. Now click Export -> Save as CSV. The Export dropdown is in the header of the export table left of the printer symbol. '.
            '<br><br>Before you import make sure that the Timezone settings in Clockify are the same as in solidtime.',
    ],
    'generic_projects' => [
        'name' => 'Generic Projects',
        'description' => 'If you want to import many projects yourself this importer the right choice. Please see our docs for <a href="https://docs.solidtime.io/user-guide/import">more information about the CSV structure</a>',
    ],
    'generic_time_entries' => [
        'name' => 'Generic Time Entries',
        'description' => 'If you want to import many time entries yourself this importer the right choice. Please see our docs for <a href="https://docs.solidtime.io/user-guide/import">more information about the CSV structure</a>',
    ],
    'clockify_projects' => [
        'name' => 'Clockify Projects',
        'description' => '1. Make sure to set the language of Clockify to English in "Preferences -> General".<br>'.
            '2. Go to PROJECTS in the navigation on the left.<br> '.
            '3. Now click on the three dots on the right of the project that you want to export and select Export.<br> '.
            '4. Now click Export -> Save as CSV. The Export dropdown is in the header of the export table in the top right corner.',
    ],
    'toggl_data_importer' => [
        'name' => 'Toggl Data Importer',
        'description' => '1. Go to Admin -> Settings -> Data export. <br>'.
            '2. Under "Data Export" select all items for export and click on "Export to email". <br> '.
            '3. You will receive an email with a download link. Download the ZIP and upload it here. '.
            '<br><br>The "Data Export" exports everything except time entries. '.
            'If you want to also import time entries use the "Toggl Time Entries" importer afterwards.',
    ],
    'toggl_time_entries' => [
        'name' => 'Toggl Time Entries',
        'description' => '<strong>Important:</strong> If you want to import a Toggl organization use the "Toggl Data Importer" before using this importer, since this export contains more details. '.
            '<br><br>1. Go to Admin -> Settings -> Data export. <br>2. Under "Time entries" select the year you want to export and click on "Export time entries". <br><br>You can export all years one after another and import them one after another. '.
            ' <br>Before you import make sure that the Timezone settings in Toggl are the same as in solidtime.',
    ],
    'solidtime_importer' => [
        'name' => 'Solidtime',
        'description' => '1. Choose the organization you want to export in dropdown in the left top corner<br>2. Click on "Export" in the left navigation under "Admin" (You need to be Admin or Owner of the organization to see this)<br>3. Click on "Export". <br>4. Save the file and upload it here.',
    ],
    'harvest_clients' => [
        'name' => 'Harvest Clients',
        'description' => '1. Go to "Manage" (top navigation)<br>2. Click on the "Clients"'.
            '<br>3. Click on "Import/Export" and in the dropdown "Export clients to CSV" '.
            '<br>',
    ],
    'harvest_projects' => [
        'name' => 'Harvest Projects',
        'description' => '1. Go to "Projects" (top navigation)<br>2. Click on the "Export" button'.
            '<br>3. Select which projects you would like to export and select CSV format '.
            '<br><br>Before you import make sure that the Timezone settings in Harvest are the same as in solidtime.',
    ],
    'harvest_time_entries' => [
        'name' => 'Harvest Time Entries',
        'description' => '1. Go to Settings (right top corner)<br>2. Click on "Import/Export" in the left navigation'.
            '<br>3. Now click on "Export all time" '.
            '<br><br>Before you import make sure that the Timezone settings in Harvest are the same as in solidtime.',
    ],
];


================================================
FILE: lang/en/pagination.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Pagination Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are used by the paginator library to build
    | the simple pagination links. You are free to change them to anything
    | you want to customize your views to better match your application.
    |
    */

    'previous' => '&laquo; Previous',
    'next' => 'Next &raquo;',

];


================================================
FILE: lang/en/passwords.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Password Reset Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines are the default lines which match reasons
    | that are given by the password broker for a password update attempt
    | has failed, such as for an invalid token or invalid new password.
    |
    */

    'reset' => 'Your password has been reset.',
    'sent' => 'We have emailed your password reset link.',
    'throttled' => 'Please wait before retrying.',
    'token' => 'This password reset token is invalid.',
    'user' => "We can't find a user with that email address.",

];


================================================
FILE: lang/en/validation.php
================================================
<?php

declare(strict_types=1);

return [

    /*
    |--------------------------------------------------------------------------
    | Validation Language Lines
    |--------------------------------------------------------------------------
    |
    | The following language lines contain the default error messages used by
    | the validator class. Some of these rules have multiple versions such
    | as the size rules. Feel free to tweak each of these messages here.
    |
    */

    'accepted' => 'The :attribute field must be accepted.',
    'accepted_if' => 'The :attribute field must be accepted when :other is :value.',
    'active_url' => 'The :attribute field must be a valid URL.',
    'after' => 'The :attribute field must be a date after :date.',
    'after_or_equal' => 'The :attribute field must be a date after or equal to :date.',
    'alpha' => 'The :attribute field must only contain letters.',
    'alpha_dash' => 'The :attribute field must only contain letters, numbers, dashes, and underscores.',
    'alpha_num' => 'The :attribute field must only contain letters and numbers.',
    'array' => 'The :attribute field must be an array.',
    'ascii' => 'The :attribute field must only contain single-byte alphanumeric characters and symbols.',
    'before' => 'The :attribute field must be a date before :date.',
    'before_or_equal' => 'The :attribute field must be a date before or equal to :date.',
    'between' => [
        'array' => 'The :attribute field must have between :min and :max items.',
        'file' => 'The :attribute field must be between :min and :max kilobytes.',
        'numeric' => 'The :attribute field must be between :min and :max.',
        'string' => 'The :attribute field must be between :min and :max characters.',
    ],
    'boolean' => 'The :attribute field must be true or false.',
    'can' => 'The :attribute field contains an unauthorized value.',
    'confirmed' => 'The :attribute field confirmation does not match.',
    'current_password' => 'The password is incorrect.',
    'date' => 'The :attribute field must be a valid date.',
    'date_equals' => 'The :attribute field must be a date equal to :date.',
    'date_format' => 'The :attribute field must match the format :format.',
    'decimal' => 'The :attribute field must have :decimal decimal places.',
    'declined' => 'The :attribute field must be declined.',
    'declined_if' => 'The :attribute field must be declined when :other is :value.',
    'different' => 'The :attribute field and :other must be different.',
    'digits' => 'The :attribute field must be :digits digits.',
    'digits_between' => 'The :attribute field must be between :min and :max digits.',
    'dimensions' => 'The :attribute field has invalid image dimensions.',
    'distinct' => 'The :attribute field has a duplicate value.',
    'doesnt_end_with' => 'The :attribute field must not end with one of the following: :values.',
    'doesnt_start_with' => 'The :attribute field must not start with one of the following: :values.',
    'email' => 'The :attribute field must be a valid email address.',
    'ends_with' => 'The :attribute field must end with one of the following: :values.',
    'enum' => 'The selected :attribute is invalid.',
    'exists' => 'The selected :attribute is invalid.',
    'extensions' => 'The :attribute field must have one of the following extensions: :values.',
    'file' => 'The :attribute field must be a file.',
    'filled' => 'The :attribute field must have a value.',
    'gt' => [
        'array' => 'The :attribute field must have more than :value items.',
        'file' => 'The :attribute field must be greater than :value kilobytes.',
        'numeric' => 'The :attribute field must be greater than :value.',
        'string' => 'The :attribute field must be greater than :value characters.',
    ],
    'gte' => [
        'array' => 'The :attribute field must have :value items or more.',
        'file' => 'The :attribute field must be greater than or equal to :value kilobytes.',
        'numeric' => 'The :attribute field must be greater than or equal to :value.',
        'string' => 'The :attribute field must be greater than or equal to :value characters.',
    ],
    'hex_color' => 'The :attribute field must be a valid hexadecimal color.',
    'image' => 'The :attribute field must be an image.',
    'in' => 'The selected :attribute is invalid.',
    'in_array' => 'The :attribute field must exist in :other.',
    'integer' => 'The :attribute field must be an integer.',
    'ip' => 'The :attribute field must be a valid IP address.',
    'ipv4' => 'The :attribute field must be a valid IPv4 address.',
    'ipv6' => 'The :attribute field must be a valid IPv6 address.',
    'json' => 'The :attribute field must be a valid JSON string.',
    'lowercase' => 'The :attribute field must be lowercase.',
    'lt' => [
        'array' => 'The :attribute field must have less than :value items.',
        'file' => 'The :attribute field must be less than :value kilobytes.',
        'numeric' => 'The :attribute field must be less than :value.',
        'string' => 'The :attribute field must be less than :value characters.',
    ],
    'lte' => [
        'array' => 'The :attribute field must not have more than :value items.',
        'file' => 'The :attribute field must be less than or equal to :value kilobytes.',
        'numeric' => 'The :attribute field must be less than or equal to :value.',
        'string' => 'The :attribute field must be less than or equal to :value characters.',
    ],
    'mac_address' => 'The :attribute field must be a valid MAC address.',
    'max' => [
        'array' => 'The :attribute field must not have more than :max items.',
        'file' => 'The :attribute field must not be greater than :max kilobytes.',
        'numeric' => 'The :attribute field must not be greater than :max.',
        'string' => 'The :attribute field must not be greater than :max characters.',
    ],
    'max_digits' => 'The :attribute field must not have more than :max digits.',
    'mimes' => 'The :attribute field must be a file of type: :values.',
    'mimetypes' => 'The :attribute field must be a file of type: :values.',
    'min' => [
        'array' => 'The :attribute field must have at least :min items.',
        'file' => 'The :attribute field must be at least :min kilobytes.',
        'numeric' => 'The :attribute field must be at least :min.',
        'string' => 'The :attribute field must be at least :min characters.',
    ],
    'min_digits' => 'The :attribute field must have at least :min digits.',
    'missing' => 'The :attribute field must be missing.',
    'missing_if' => 'The :attribute field must be missing when :other is :value.',
    'missing_unless' => 'The :attribute field must be missing unless :other is :value.',
    'missing_with' => 'The :attribute field must be missing when :values is present.',
    'missing_with_all' => 'The :attribute field must be missing when :values are present.',
    'multiple_of' => 'The :attribute field must be a multiple of :value.',
    'not_in' => 'The selected :attribute is invalid.',
    'not_regex' => 'The :attribute field format is invalid.',
    'numeric' => 'The :attribute field must be a number.',
    'password' => [
        'letters' => 'The :attribute field must contain at least one letter.',
        'mixed' => 'The :attribute field must contain at least one uppercase and one lowercase letter.',
        'numbers' => 'The :attribute field must contain at least one number.',
        'symbols' => 'The :attribute field must contain at least one symbol.',
        'uncompromised' => 'The given :attribute has appeared in a data leak. Please choose a different :attribute.',
    ],
    'present' => 'The :attribute field must be present.',
    'present_if' => 'The :attribute field must be present when :other is :value.',
    'present_unless' => 'The :attribute field must be present unless :other is :value.',
    'present_with' => 'The :attribute field must be present when :values is present.',
    'present_with_all' => 'The :attribute field must be present when :values are present.',
    'prohibited' => 'The :attribute field is prohibited.',
    'prohibited_if' => 'The :attribute field is prohibited when :other is :value.',
    'prohibited_unless' => 'The :attribute field is prohibited unless :other is in :values.',
    'prohibits' => 'The :attribute field prohibits :other from being present.',
    'regex' => 'The :attribute field format is invalid.',
    'required' => 'The :attribute field is required.',
    'required_array_keys' => 'The :attribute field must contain entries for: :values.',
    'required_if' => 'The :attribute field is required when :other is :value.',
    'required_if_accepted' => 'The :attribute field is required when :other is accepted.',
    'required_unless' => 'The :attribute field is required unless :other is in :values.',
    'required_with' => 'The :attribute field is required when :values is present.',
    'required_with_all' => 'The :attribute field is required when :values are present.',
    'required_without' => 'The :attribute field is required when :values is not present.',
    'required_without_all' => 'The :attribute field is required when none of :values are present.',
    'same' => 'The :attribute field must match :other.',
    'size' => [
        'array' => 'The :attribute field must contain :size items.',
        'file' => 'The :attribute field must be :size kilobytes.',
        'numeric' => 'The :attribute field must be :size.',
        'string' => 'The :attribute field must be :size characters.',
    ],
    'starts_with' => 'The :attribute field must start with one of the following: :values.',
    'string' => 'The :attribute field must be a string.',
    'timezone' => 'The :attribute field must be a valid timezone.',
    'unique' => 'The :attribute has already been taken.',
    'uploaded' => 'The :attribute failed to upload.',
    'uppercase' => 'The :attribute field must be uppercase.',
    'url' => 'The :attribute field must be a valid URL.',
    'ulid' => 'The :attribute field must be a valid ULID.',
    'uuid' => 'The :attribute field must be a valid UUID.',

    /*
    |--------------------------------------------------------------------------
    | Custom Validation Language Lines
    |--------------------------------------------------------------------------
    |
    | Here you may specify custom validation messages for attributes using the
    | convention "attribute.rule" to name the lines. This makes it quick to
    | specify a specific custom language line for a given attribute rule.
    |
    */

    'custom' => [
        'attribute-name' => [
            'rule-name' => 'custom-message',
        ],
    ],

    /*
    |--------------------------------------------------------------------------
    | Custom Validation Attributes
    |--------------------------------------------------------------------------
    |
    | The following language lines are used to swap our attribute placeholder
    | with something more reader friendly such as "E-Mail Address" instead
    | of "email". This simply helps us make our message more expressive.
    |
    */

    'attributes' => [
        'task_id' => 'task',
        'project_id' => 'project',
        'organization_id' => 'organization',
    ],

    /*
     * Custom validation rules
     */

    'color' => 'The :attribute field must be a valid color.',
    'currency' => 'The :attribute field must be a valid currency code (ISO 4217).',
    'organization' => 'The :attribute does not exist.',
    'task_belongs_to_project' => 'The :attribute is not part of the given project.',
    'project_name_already_exists' => 'A project with the same name and client already exists in the organization.',
    'overlapping_time_entry' => 'Overlapping time entries are not allowed.',
    'tag_name_already_exists' => 'A tag with the same name already exists in the organization.',
    'client_name_already_exists' => 'A client with the same name already exists in the organization.',
    'task_name_already_exists' => 'A task with the same name already exists in the project.',
    'invitation_already_exists' => 'The email has already been invited to the organization. Please wait for the user to accept the invitation or resend the invitation email.',

    'entities' => [
        'organization' => 'organization',
        'project' => 'project',
        'task' => 'task',
        'time_entry' => 'time entry',
        'user' => 'user',
        'client' => 'client',
        'member' => 'member',
        'project_member' => 'project member',
        'tag' => 'tag',
    ],
];


================================================
FILE: openapi.json
================================================
{
    "openapi": "3.1.0",
    "info": {
        "title": "Laravel",
        "version": "0.0.1"
    },
    "servers": [
        {
            "url": "https:\/\/app.solidtime.io\/api",
            "description": "Production"
        },
        {
            "url": "https:\/\/app.staging.solidtime.io\/api",
            "description": "Staging"
        },
        {
            "url": "https:\/\/soldtime.test\/api",
            "description": "Local"
        }
    ],
    "security": [
        {
            "oauth2": []
        }
    ],
    "paths": {
        "\/v1\/organization\/{organization}\/projects": {
            "get": {
                "operationId": "getProjects",
                "summary": "Get projects",
                "tags": [
                    "Project"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "responses": {
                    "200": {
                        "description": "`ProjectCollection`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/ProjectCollection"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    }
                }
            },
            "post": {
                "operationId": "createProject",
                "summary": "Create project",
                "tags": [
                    "Project"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object",
                                "properties": {
                                    "name": {
                                        "type": "string"
                                    },
                                    "color": {
                                        "type": "string"
                                    }
                                },
                                "required": [
                                    "name",
                                    "color"
                                ]
                            }
                        }
                    }
                },
                "responses": {
                    "200": {
                        "description": "`ProjectResource`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/ProjectResource"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    },
                    "422": {
                        "$ref": "#\/components\/responses\/ValidationException"
                    }
                }
            }
        },
        "\/v1\/organization\/{organization}\/projects\/{project}": {
            "get": {
                "operationId": "getProject",
                "summary": "Get project",
                "tags": [
                    "Project"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "project",
                        "in": "path",
                        "required": true,
                        "description": "The project ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "responses": {
                    "200": {
                        "description": "`ProjectResource`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/ProjectResource"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    }
                }
            },
            "put": {
                "operationId": "updateProject",
                "summary": "Update project",
                "tags": [
                    "Project"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "project",
                        "in": "path",
                        "required": true,
                        "description": "The project ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object",
                                "properties": {
                                    "name": {
                                        "type": "string"
                                    },
                                    "color": {
                                        "type": "string"
                                    }
                                },
                                "required": [
                                    "name",
                                    "color"
                                ]
                            }
                        }
                    }
                },
                "responses": {
                    "200": {
                        "description": "`ProjectResource`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/ProjectResource"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    },
                    "422": {
                        "$ref": "#\/components\/responses\/ValidationException"
                    }
                }
            },
            "delete": {
                "operationId": "v1.projects.destroy",
                "summary": "Delete project",
                "tags": [
                    "Project"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "project",
                        "in": "path",
                        "required": true,
                        "description": "The project ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object"
                            }
                        }
                    }
                },
                "responses": {
                    "204": {
                        "description": "No content",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "null"
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    }
                }
            }
        },
        "\/v1\/organization\/{organization}\/time-entries": {
            "get": {
                "operationId": "v1.time-entries.index",
                "summary": "Get time entries",
                "tags": [
                    "TimeEntry"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "user_id",
                        "in": "query",
                        "description": "Filter by user ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "before",
                        "in": "query",
                        "description": "Filter only time entries that have a start date before (not including) the given date (example: 2021-12-31)",
                        "schema": {
                            "type": [
                                "string",
                                "null"
                            ]
                        }
                    },
                    {
                        "name": "after",
                        "in": "query",
                        "description": "Filter only time entries that have a start date after (not including) the given date (example: 2021-12-31)",
                        "schema": {
                            "type": [
                                "string",
                                "null"
                            ]
                        }
                    },
                    {
                        "name": "active",
                        "in": "query",
                        "description": "Filter only time entries that are active (have no end date, are still running)",
                        "schema": {
                            "type": "boolean"
                        }
                    },
                    {
                        "name": "limit",
                        "in": "query",
                        "description": "Limit the number of returned time entries",
                        "schema": {
                            "type": "integer",
                            "minimum": 1,
                            "maximum": 500
                        }
                    },
                    {
                        "name": "only_full_dates",
                        "in": "query",
                        "description": "Filter makes sure that only time entries of a whole date are returned",
                        "schema": {
                            "type": "boolean"
                        }
                    }
                ],
                "responses": {
                    "200": {
                        "description": "`TimeEntryCollection`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/TimeEntryCollection"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    },
                    "422": {
                        "$ref": "#\/components\/responses\/ValidationException"
                    }
                }
            },
            "post": {
                "operationId": "v1.time-entries.store",
                "summary": "Create time entry",
                "tags": [
                    "TimeEntry"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object",
                                "properties": {
                                    "user_id": {
                                        "type": "string",
                                        "format": "uuid",
                                        "description": "ID of the user that the time entry should belong to"
                                    },
                                    "task_id": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "format": "uuid",
                                        "description": "ID of the task that the time entry should belong to"
                                    },
                                    "start": {
                                        "type": "string",
                                        "description": "Start of time entry (ISO 8601 format, UTC timezone)"
                                    },
                                    "end": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "description": "End of time entry (ISO 8601 format, UTC timezone)"
                                    },
                                    "description": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "description": "Description of time entry"
                                    },
                                    "tags": {
                                        "type": [
                                            "array",
                                            "null"
                                        ],
                                        "description": "List of tag IDs",
                                        "items": {
                                            "type": "string",
                                            "format": "uuid"
                                        }
                                    }
                                },
                                "required": [
                                    "user_id",
                                    "start",
                                    "end"
                                ]
                            }
                        }
                    }
                },
                "responses": {
                    "200": {
                        "description": "`TimeEntryResource`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/TimeEntryResource"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    },
                    "422": {
                        "$ref": "#\/components\/responses\/ValidationException"
                    }
                }
            }
        },
        "\/v1\/organization\/{organization}\/time-entries\/{timeEntry}": {
            "put": {
                "operationId": "v1.time-entries.update",
                "summary": "Update time entry",
                "tags": [
                    "TimeEntry"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "timeEntry",
                        "in": "path",
                        "required": true,
                        "description": "The time entry ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object",
                                "properties": {
                                    "task_id": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "format": "uuid",
                                        "description": "ID of the task that the time entry should belong to"
                                    },
                                    "start": {
                                        "type": "string",
                                        "description": "Start of time entry (ISO 8601 format, UTC timezone)"
                                    },
                                    "end": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "description": "End of time entry (ISO 8601 format, UTC timezone)"
                                    },
                                    "description": {
                                        "type": [
                                            "string",
                                            "null"
                                        ],
                                        "description": "Description of time entry"
                                    },
                                    "tags": {
                                        "type": [
                                            "array",
                                            "null"
                                        ],
                                        "description": "List of tag IDs",
                                        "items": {
                                            "type": "string",
                                            "format": "uuid"
                                        }
                                    }
                                },
                                "required": [
                                    "start",
                                    "end"
                                ]
                            }
                        }
                    }
                },
                "responses": {
                    "200": {
                        "description": "`TimeEntryResource`",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "object",
                                    "properties": {
                                        "data": {
                                            "$ref": "#\/components\/schemas\/TimeEntryResource"
                                        }
                                    },
                                    "required": [
                                        "data"
                                    ]
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    },
                    "422": {
                        "$ref": "#\/components\/responses\/ValidationException"
                    }
                }
            },
            "delete": {
                "operationId": "v1.time-entries.destroy",
                "summary": "Delete time entry",
                "tags": [
                    "TimeEntry"
                ],
                "parameters": [
                    {
                        "name": "organization",
                        "in": "path",
                        "required": true,
                        "description": "The organization ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    },
                    {
                        "name": "timeEntry",
                        "in": "path",
                        "required": true,
                        "description": "The time entry ID",
                        "schema": {
                            "type": "string",
                            "format": "uuid"
                        }
                    }
                ],
                "requestBody": {
                    "content": {
                        "application\/json": {
                            "schema": {
                                "type": "object"
                            }
                        }
                    }
                },
                "responses": {
                    "204": {
                        "description": "No content",
                        "content": {
                            "application\/json": {
                                "schema": {
                                    "type": "null"
                                }
                            }
                        }
                    },
                    "403": {
                        "$ref": "#\/components\/responses\/AuthorizationException"
                    },
                    "404": {
                        "$ref": "#\/components\/responses\/ModelNotFoundException"
                    }
                }
            }
        }
    },
    "components": {
        "securitySchemes": {
            "oauth2": {
                "type": "oauth2",
                "flows": {
                    "authorizationCode": {
                        "authorizationUrl": "https:\/\/solidtime.test\/oauth\/authorize"
                    }
                }
            }
        },
        "schemas": {
            "ProjectCollection": {
                "type": "array",
                "items": {
                    "$ref": "#\/components\/schemas\/ProjectResource"
                },
                "title": "ProjectCollection"
            },
            "ProjectResource": {
                "type": "object",
                "properties": {
                    "id": {
                        "type": "string",
                        "description": "ID of project"
                    },
                    "name": {
                        "type": "string",
                        "description": "Name of project"
                    },
                    "color": {
                        "type": "string",
                        "description": "Color of project"
                    },
                    "client_id": {
                        "type": [
                            "string",
                            "null"
                        ],
                        "description": "ID of client"
                    }
                },
                "required": [
                    "id",
                    "name",
                    "color",
                    "client_id"
                ],
                "title": "ProjectResource"
            },
            "TimeEntryCollection": {
                "type": "array",
                "items": {
                    "$ref": "#\/components\/schemas\/TimeEntryResource"
                },
                "title": "TimeEntryCollection"
            },
            "TimeEntryResource": {
                "type": "object",
                "properties": {
                    "id": {
                        "type": "string",
                        "description": "ID of time entry"
                    },
                    "start": {
                        "type": "string",
                        "description": "Start of time entry (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z)"
                    },
                    "end": {
                        "type": [
                            "string",
                            "null"
                        ],
                        "description": "End of time entry (ISO 8601 format, UTC timezone, example: 2024-02-26T17:17:17Z)"
                    },
                    "duration": {
                        "type": "integer",
                        "description": "Duration of time entry in seconds"
                    },
                    "description": {
                        "type": [
                            "string",
                            "null"
                        ],
                        "description": "Description of time entry"
                    },
                    "task_id": {
                        "type": [
                            "string",
                            "null"
                        ],
                        "description": "ID of task"
                    },
                    "project_id": {
                        "type": [
                            "string",
                            "null"
                        ],
                        "description": "ID of project"
                    },
                    "user_id": {
                        "type": "string",
                        "description": "ID of user"
                    },
                    "tags": {
                        "type": "array",
                        "description": "List of tag IDs",
                        "items": {
                            "type": "string"
                        }
                    }
                },
                "required": [
                    "id",
                    "start",
                    "end",
                    "duration",
                    "description",
                    "task_id",
                    "project_id",
                    "user_id",
                    "tags"
                ],
                "title": "TimeEntryResource"
            }
        },
        "responses": {
            "AuthorizationException": {
                "description": "Authorization error",
                "content": {
                    "application\/json": {
                        "schema": {
                            "type": "object",
                            "properties": {
                                "message": {
                                    "type": "string",
                                    "description": "Error overview."
                                }
                            },
                            "required": [
                                "message"
                            ]
                        }
                    }
                }
            },
            "ModelNotFoundException": {
                "description": "Not found",
                "content": {
                    "application\/json": {
                        "schema": {
                            "type": "object",
                            "properties": {
                                "message": {
                                    "type": "string",
                                    "description": "Error overview."
                                }
                            },
                            "required": [
                                "message"
                            ]
                        }
                    }
                }
            },
            "ValidationException": {
                "description": "Validation error",
                "content": {
                    "application\/json": {
                        "schema": {
                            "type": "object",
                            "properties": {
                                "message": {
                                    "type": "string",
                                    "description": "Errors overview."
                                },
                                "errors": {
                                    "type": "object",
                                    "description": "A detailed description of each field that failed validation.",
                                    "additionalProperties": {
                                        "type": "array",
                                        "items": {
                                            "type": "string"
                                        }
                                    }
                                }
                            },
                            "required": [
                                "message",
                                "errors"
                            ]
                        }
                    }
                }
            }
        }
    }
}


================================================
FILE: package.json
================================================
{
    "private": true,
    "type": "module",
    "workspaces": [
        "resources/js/packages/ui",
        "resources/js/packages/api"
    ],
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "lint": "eslint resources/js",
        "lint:fix": "eslint --fix resources/js",
        "type-check": "vue-tsc --noEmit",
        "test:e2e": "rm -rf test-results/.auth && npx playwright test",
        "zod:generate": "npx openapi-zod-client http://localhost:80/docs/api.json --output resources/js/packages/api/src/openapi.json.client.ts --base-url /api",
        "format": "prettier --write './**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts,vue}'",
        "format:check": "prettier --check './**/*.{js,jsx,cjs,mjs,ts,tsx,cts,mts,vue}'"
    },
    "devDependencies": {
        "@eslint/eslintrc": "^3.2.0",
        "@eslint/js": "^9.19.0",
        "@inertiajs/vue3": "^2.0.0",
        "@playwright/test": "^1.41.1",
        "@tailwindcss/forms": "^0.5.9",
        "@tailwindcss/typography": "^0.5.15",
        "@types/chroma-js": "^3.1.0",
        "@types/node": "^22.10.10",
        "@vitejs/plugin-vue": "^6.0.3",
        "@vue/tsconfig": "^0.8.0",
        "autoprefixer": "^10.4.20",
        "axios": "^1.6.4",
        "eslint-plugin-unused-imports": "^4.1.4",
        "laravel-vite-plugin": "^2.1.0",
        "openapi-zod-client": "^1.16.2",
        "postcss": "^8.4.47",
        "postcss-import": "^15.1.0",
        "postcss-nesting": "^12.1.5",
        "tailwindcss": "^3.4.13",
        "typescript": "^5.7.3",
        "vite": "^7.0.0",
        "vite-plugin-checker": "^0.12.0",
        "vue": "^3.5.0",
        "vue-tsc": "^3.0.0"
    },
    "dependencies": {
        "@floating-ui/core": "^1.6.0",
        "@floating-ui/vue": "^1.0.6",
        "@fullcalendar/core": "^6.1.18",
        "@fullcalendar/daygrid": "^6.1.18",
        "@fullcalendar/interaction": "^6.1.18",
        "@fullcalendar/timegrid": "^6.1.18",
        "@fullcalendar/vue3": "^6.1.18",
        "@heroicons/vue": "^2.1.1",
        "@rushstack/eslint-patch": "^1.10.5",
        "@tailwindcss/container-queries": "^0.1.1",
        "@tanstack/vue-form": "^1.3.1",
        "@tanstack/vue-query": "^5.56.2",
        "@tanstack/vue-query-devtools": "^5.58.0",
        "@tanstack/vue-table": "^8.21.2",
        "@vue/eslint-config-prettier": "^10.2.0",
        "@vue/eslint-config-typescript": "^14.3.0",
        "@vueuse/core": "^14.2.0",
        "@vueuse/integrations": "^14.0.0",
        "@zodios/core": "^10.9.6",
        "chroma-js": "3.1.2",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
        "dayjs": "^1.11.11",
        "echarts": "^6.0.0",
        "focus-trap": "^8.0.0",
        "lucide-vue-next": "^0.487.0",
        "parse-duration": "^2.0.1",
        "pinia": "^3.0.0",
        "radix-vue": "^1.9.6",
        "reka-ui": "^2.8.0",
        "tailwind-merge": "^2.6.0",
        "tailwindcss-animate": "^1.0.7",
        "vue-echarts": "^8.0.0",
        "zod": "^3.23.8"
    },
    "overrides": {
        "vite-plugin-checker": {
            "vue-tsc": "$vue-tsc"
        }
    }
}


================================================
FILE: phpstan.neon
================================================
includes:
    - vendor/larastan/larastan/extension.neon

parameters:

    paths:
        - app/

    # Level 9 is the highest level
    level: 7

    checkOctaneCompatibility: true
    checkModelProperties: true
    noEnvCallsOutsideOfConfig: true

    ignoreErrors:
        - '# is not subtype of native type Illuminate\\Database\\Eloquent\\Builder#'
        - '# is not subtype of native type Illuminate\\Database\\Eloquent\\Relations\\Relation#'


================================================
FILE: phpunit.xml
================================================
<?xml version="1.0" encoding="UTF-8"?>
<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:noNamespaceSchemaLocation="vendor/phpunit/phpunit/phpunit.xsd"
         bootstrap="vendor/autoload.php"
         colors="true"
>
    <testsuites>
        <testsuite name="Unit">
            <directory>tests/Unit</directory>
        </testsuite>
        <testsuite name="Feature">
            <directory>tests/Feature</directory>
        </testsuite>
        <testsuite name="Modules">
            <directory suffix="Test.php">./extensions/*/tests/Feature</directory>
            <directory suffix="Test.php">./extensions/*/tests/Unit</directory>
        </testsuite>
    </testsuites>
    <source>
        <include>
            <directory>app</directory>
            <directory suffix=".php">./extensions</directory>
        </include>
        <exclude>
            <directory suffix=".php">./extensions/*/database</directory>
            <directory suffix=".php">./extensions/*/resources</directory>
            <directory suffix=".php">./extensions/*/tests</directory>
        </exclude>
    </source>
    <php>
        <env name="APP_ENV" value="testing"/>
        <env name="APP_FORCE_HTTPS" value="false"/>
        <env name="TRUSTED_PROXIES" value="0.0.0.0/0,2000:0:0:0:0:0:0:0/3"/>
        <env name="BCRYPT_ROUNDS" value="4"/>
        <env name="CACHE_DRIVER" value="array"/>
        <env name="DB_CONNECTION" value="pgsql_test"/>
        <env name="MAIL_MAILER" value="array"/>
        <env name="PULSE_ENABLED" value="false"/>
        <env name="QUEUE_CONNECTION" value="sync"/>
        <env name="SESSION_DRIVER" value="array"/>
        <env name="TELESCOPE_ENABLED" value="false"/>
        <env name="AUDITING_ENABLED" value="true"/>
        <env name="NEWSLETTER_URL" value="null"/>
        <env name="PASSPORT_PERSONAL_ACCESS_CLIENT_ID" value="null"/>
        <env name="PASSPORT_PERSONAL_ACCESS_CLIENT_SECRET" value="null"/>
    </php>
</phpunit>


================================================
FILE: pint.json
================================================
{
    "preset": "laravel",
    "rules": {
        "declare_strict_types": true,
        "strict_comparison": true,
        "strict_param": true,
        "no_unused_imports": true,
        "void_return": true
    }
}


================================================
FILE: playwright/config.ts
================================================
export const PLAYWRIGHT_BASE_URL = process.env.PLAYWRIGHT_BASE_URL ?? 'http://solidtime.test';
export const MAILPIT_BASE_URL = process.env.MAILPIT_BASE_URL ?? 'http://mailpit:8025';
export const TEST_USER_PASSWORD = 'amazingpassword123';


================================================
FILE: playwright/fixtures.ts
================================================
import { test as baseTest } from '@playwright/test';
import type { Page } from '@playwright/test';
import { PLAYWRIGHT_BASE_URL, TEST_USER_PASSWORD } from './config';
import { type TestContext, setupTestContext } from '../e2e/utils/api';
import { setupAdminUser, setupEmployeeUser } from '../e2e/utils/members';

export * from '@playwright/test';
export type { TestContext };

export interface EmployeeFixture {
    page: Page;
    memberId: string;
}

export interface AdminFixture {
    page: Page;
    memberId: string;
}

/**
 * API-based authentication fixture - creates a new user via HTTP requests instead of UI interactions.
 * This is ~10-25x faster than UI-based authentication (~100-200ms vs ~3-5s).
 *
 * Uses page.context().request() to ensure cookies are shared between the API request and page.
 */
export const test = baseTest.extend<
    { ctx: TestContext; employee: EmployeeFixture; admin: AdminFixture },
    { workerStorageState: string }
>({
    page: async ({ page }, use) => {
        // Generate unique email for this test
        const email = `john+${Date.now()}_${Math.floor(Math.random() * 10000)}@doe.com`;
        const password = TEST_USER_PASSWORD;
        const name = 'John Doe';

        // Use page.context().request() so cookies are automatically shared with the page
        const request = page.context().request;

        // Step 1: Visit the register page to get CSRF token and initial session
        const csrfResponse = await request.get(`${PLAYWRIGHT_BASE_URL}/register`, {
            maxRedirects: 0,
        });

        // Extract XSRF-TOKEN from cookies
        const cookies = csrfResponse.headers()['set-cookie'];
        let xsrfToken = '';
        if (cookies) {
            const xsrfMatch = cookies.match(/XSRF-TOKEN=([^;]+)/);
            if (xsrfMatch) {
                xsrfToken = decodeURIComponent(xsrfMatch[1]);
            }
        }

        // Step 2: Register via API (Laravel Fortify web routes)
        const registerResponse = await request.post(`${PLAYWRIGHT_BASE_URL}/register`, {
            headers: {
                'X-XSRF-TOKEN': xsrfToken,
                'Content-Type': 'application/x-www-form-urlencoded',
                'Accept': 'text/html',
            },
            form: {
                name,
                email,
                password,
                password_confirmation: password,
                terms: 'on',
            },
            maxRedirects: 0,
        });

        // Check if registration was successful (should redirect to dashboard)
        if (registerResponse.status() !== 302) {
            console.error('API registration failed, falling back to UI-based registration');

            // Fall back to UI-based registration
            await page.goto(`${PLAYWRIGHT_BASE_URL}/register`);
            await page.getByLabel('Name').fill(name);
            await page.getByLabel('Email').fill(email);
            await page.getByLabel('Password', { exact: true }).fill(password);
            await page.getByLabel('Confirm Password').fill(password);
            await page.getByLabel('I agree to the Terms of').click();
            await page.getByRole('button', { name: 'Register' }).click();
            await page.waitForURL(`${PLAYWRIGHT_BASE_URL}/dashboard`);
        } else {
            // Registration succeeded - cookies are already set in the context from the request
            // Just navigate to dashboard to verify
            await page.goto(`${PLAYWRIGHT_BASE_URL}/dashboard`);
            await page.waitForLoadState('domcontentloaded');
        }

        await use(page);
    },

    ctx: async ({ page }, use) => {
        const ctx = await setupTestContext(page);
        await use(ctx);
    },

    employee: async ({ page, ctx, browser }, use) => {
        const { employeePage, employeeMemberId, closeEmployee } = await setupEmployeeUser(
            page,
            ctx,
            browser
        );
        await use({ page: employeePage, memberId: employeeMemberId });
        await closeEmployee();
    },

    admin: async ({ page, ctx, browser }, use) => {
        const { adminPage, adminMemberId, closeAdmin } = await setupAdminUser(page, ctx, browser);
        await use({ page: adminPage, memberId: adminMemberId });
        await closeAdmin();
    },
});


================================================
FILE: playwright.config.ts
================================================
import { defineConfig, devices } from '@playwright/test';

/**
 * Read environment variables from file.
 * https://github.com/motdotla/dotenv
 */
// require('dotenv').config();

/**
 * See https://playwright.dev/docs/test-configuration.
 */
export default defineConfig({
    testDir: './e2e',
    /* Run tests in files in parallel */
    fullyParallel: true,
    /* Fail the build on CI if you accidentally left test.only in the source code. */
    forbidOnly: !!process.env.CI,
    /* Retry on CI only */
    retries: process.env.CI ? 1 : 0,
    /* Run tests in parallel */
    workers: process.env.CI ? 2 : 4,
    /* Reporter to use. See https://playwright.dev/docs/test-reporters */
    reporter: process.env.CI ? 'blob' : 'html',
    /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
    use: {
        /* Base URL to use in actions like `await page.goto('/')`. */
        // baseURL: 'http://127.0.0.1:3000',

        /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
        trace: process.env.CI ? 'on-first-retry' : 'on',
    },

    timeout: 20 * 1000,

    /* Configure projects for major browsers */
    projects: [
        {
            name: 'chromium',
            use: { ...devices['Desktop Chrome'] },
        },

        // Firefox only in CI to keep local runs fast
        ...(process.env.CI
            ? [
                  {
                      name: 'firefox',
                      use: { ...devices['Desktop Firefox'] },
                  },
              ]
            : []),
    ],

    /* Run your local dev server before starting the tests */
    // webServer: {
    //   command: 'npm run start',
    //   url: 'http://127.0.0.1:3000',
    //   reuseExistingServer: !process.env.CI,
    // },
});


================================================
FILE: postcss.config.js
================================================
export default {
    plugins: {
        'postcss-import': {},
        'tailwindcss/nesting': {},
        tailwindcss: {},
        autoprefixer: {},
    },
};


================================================
FILE: public/.htaccess
================================================
<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews -Indexes
    </IfModule>

    RewriteEngine On

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_URI} (.+)/$
    RewriteRule ^ %1 [L,R=301]

    # Send Requests To Front Controller...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]
</IfModule>


================================================
FILE: public/desktop-version/latest-linux.yml
================================================
version: 0.0.23
files:
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23.AppImage
    sha512: O7JKg+rZOFPwaysl9KfrMdH2/KoJAaC+y+pq3JUAv0qG5Kr1eaLjIrzv5iJvWg+Ow+7n7xDGyeEd9ZojQ968OA==
    size: 116853923
    blockMapSize: 122039
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime_0.0.23_amd64.deb
    sha512: U7Rwb+F7IZZbgJmWuIqMa9D3lfOkZlWgoqnNMZO+pX9SVMuskMEkLoFB5axEPI4JKtOWCUh5H9mDdqbmBbuoFw==
    size: 78604326
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23.x86_64.rpm
    sha512: xICjadHCip4vcpQt2mrewAZheI4gXO3csZxUo6Za8c1+eLCU5Wvdj+WaRGtz/+NIrzmiKJ7YmrSUhW2rs08qiQ==
    size: 78917997
path: solidtime-0.0.23.AppImage
sha512: O7JKg+rZOFPwaysl9KfrMdH2/KoJAaC+y+pq3JUAv0qG5Kr1eaLjIrzv5iJvWg+Ow+7n7xDGyeEd9ZojQ968OA==
releaseDate: '2024-08-27T13:31:55.031Z'


================================================
FILE: public/desktop-version/latest-mac.yml
================================================
version: 0.0.23
files:
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23-mac.zip
    sha512: /1dAPCgPV7PEE2KPQkHGme0YFPjHUqkGEvNkJj4Ncw1ZXFY5YK0+lr82XrnQiwCVUioylpWeQitdc+QEwW+2fQ==
    size: 108473987
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23-arm64-mac.zip
    sha512: TOuyxEI8i6IMdcE4vG0U6cU0IZDs6JR67/8uSISmhqiwyTwKLC+pLuiWn/ayNLfXDtAVPvGFq6NsyhSd6CXjbA==
    size: 100954963
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23-x64.dmg
    sha512: 9ib2nk7i149ihTB6GO3lyRM62dCzUigqLqNEGIa35Vw4CDeYIHBDfu+kTbHold0MphVAP36/Z7ZYUNXy+IDphg==
    size: 112692794
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23-arm64.dmg
    sha512: JGekA83DFOtzmAc93dcCyYneVLFLsDl/wq/lfCr3ejCYlcNip6be9EAr5MKFlqXQ/MaqjWfpweOVYJVM/S3hDQ==
    size: 105162031
path: solidtime-0.0.23-mac.zip
sha512: /1dAPCgPV7PEE2KPQkHGme0YFPjHUqkGEvNkJj4Ncw1ZXFY5YK0+lr82XrnQiwCVUioylpWeQitdc+QEwW+2fQ==
releaseDate: '2024-08-27T13:30:08.202Z'


================================================
FILE: public/desktop-version/latest.yml
================================================
version: 0.0.23
files:
  - url: https://github.com/solidtime-io/solidtime-desktop/releases/download/v0.0.23/solidtime-0.0.23-setup.exe
    sha512: i3ju9ekS7scQlwOzocairegdhCKwEFKE9JppQF8SmLHXxD2aWxsW1uOCc9HcB+0KSo7/1IcnmsOMdHfIvjeW1Q==
    size: 84101154
path: solidtime-0.0.23-setup.exe
sha512: i3ju9ekS7scQlwOzocairegdhCKwEFKE9JppQF8SmLHXxD2aWxsW1uOCc9HcB+0KSo7/1IcnmsOMdHfIvjeW1Q==
releaseDate: '2024-08-27T13:26:34.512Z'


================================================
FILE: public/favicons/browserconfig.xml
================================================
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
            <square150x150logo src="/favicons/mstile-150x150.png"/>
            <TileColor>#000000</TileColor>
        </tile>
    </msapplication>
</browserconfig>


================================================
FILE: public/favicons/site.webmanifest
================================================
{
    "name": "solidtime",
    "short_name": "solidtime",
    "icons": [
        {
            "src": "/favicons/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/favicons/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "theme_color": "#000000",
    "background_color": "#000000",
    "display": "standalone"
}


================================================
FILE: public/index.php
================================================
<?php

declare(strict_types=1);

use Illuminate\Contracts\Http\Kernel;
use Illuminate\Http\Request;

define('LARAVEL_START', microtime(true));

/*
|--------------------------------------------------------------------------
| Check If The Application Is Under Maintenance
|--------------------------------------------------------------------------
|
| If the application is in maintenance / demo mode via the "down" command
| we will load this file so that any pre-rendered content can be shown
| instead of starting the framework, which could cause an exception.
|
*/

if (file_exists($maintenance = __DIR__.'/../storage/framework/maintenance.php')) {
    require $maintenance;
}

/*
|--------------------------------------------------------------------------
| Register The Auto Loader
|--------------------------------------------------------------------------
|
| Composer provides a convenient, automatically generated class loader for
| this application. We just need to utilize it! We'll simply require it
| into the script here so we don't need to manually load our classes.
|
*/

require __DIR__.'/../vendor/autoload.php';

/*
|--------------------------------------------------------------------------
| Run The Application
|--------------------------------------------------------------------------
|
| Once we have the application, we can handle the incoming request using
| the application's HTTP kernel. Then, we will send the response back
| to this client's browser, allowing them to enjoy our application.
|
*/

$app = require_once __DIR__.'/../bootstrap/app.php';

$kernel = $app->make(Kernel::class);

$response = $kernel->handle(
    $request = Request::capture()
)->send();

$kernel->terminate($request, $response);


================================================
FILE: public/robots.txt
================================================
User-agent: *
Disallow:


================================================
FILE: public/security.txt
================================================
Contact: mailto:security@solidtime.io
Expires: 2025-03-31T10:00:00.000Z


================================================
FILE: resources/css/app.css
================================================
/* Import shared solidtime styles from UI package */
@import '../js/packages/ui/styles.css';

/* Main app specific styles - Inter font */
@font-face {
    font-family: 'Inter';
    src:
        url('/fonts/InterVariable.woff2') format('woff2'),
        url('/fonts/InterVariable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}


================================================
FILE: resources/css/filament/admin/tailwind.config.js
================================================
import preset from '../../../../vendor/filament/filament/tailwind.config.preset';

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
};


================================================
FILE: resources/css/filament/admin/theme.css
================================================
@import '/vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';


================================================
FILE: resources/js/Components/ActionMessage.vue
================================================
<script setup lang="ts">
defineProps({
    on: Boolean,
});
</script>

<template>
    <div>
        <transition
            leave-active-class="transition ease-in duration-1000"
            leave-from-class="opacity-100"
            leave-to-class="opacity-0">
            <div v-show="on" class="text-sm text-text-secondary">
                <slot />
            </div>
        </transition>
    </div>
</template>


================================================
FILE: resources/js/Components/ActionSection.vue
================================================
<script setup lang="ts">
import SectionTitle from './SectionTitle.vue';
</script>

<template>
    <div class="md:grid md:grid-cols-3 md:gap-6">
        <SectionTitle>
            <template #title>
                <slot name="title" />
            </template>
            <template #description>
                <slot name="description" />
            </template>
        </SectionTitle>

        <div class="mt-5 md:mt-0 md:col-span-2">
            <div class="px-4 py-5 sm:p-6 bg-card-background shadow sm:rounded-lg">
                <slot name="content" />
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/ApplicationLogo.vue
================================================
<template>
    <svg viewBox="0 0 317 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M74.09 30.04V13h-4.14v21H82.1v-3.96h-8.01zM95.379 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM106.628 21.58V19h-3.87v15h3.87v-7.17c0-3.15 2.55-4.05 4.56-3.81V18.7c-1.89 0-3.78.84-4.56 2.88zM124.295 19v1.77c-1.08-1.35-2.7-2.19-4.89-2.19-3.99 0-7.29 3.45-7.29 7.92s3.3 7.92 7.29 7.92c2.19 0 3.81-.84 4.89-2.19V34h3.87V19h-3.87zm-4.17 11.73c-2.37 0-4.14-1.71-4.14-4.23 0-2.52 1.77-4.23 4.14-4.23 2.4 0 4.17 1.71 4.17 4.23 0 2.52-1.77 4.23-4.17 4.23zM141.544 19l-3.66 10.5-3.63-10.5h-4.26l5.7 15h4.41l5.7-15h-4.26zM150.354 28.09h11.31c.09-.51.15-1.02.15-1.59 0-4.41-3.15-7.92-7.59-7.92-4.71 0-7.92 3.45-7.92 7.92s3.18 7.92 8.22 7.92c2.88 0 5.13-1.17 6.54-3.21l-3.12-1.8c-.66.87-1.86 1.5-3.36 1.5-2.04 0-3.69-.84-4.23-2.82zm-.06-3c.45-1.92 1.86-3.03 3.93-3.03 1.62 0 3.24.87 3.72 3.03h-7.65zM164.516 34h3.87V12.1h-3.87V34zM185.248 34.36c3.69 0 6.9-2.01 6.9-6.3V13h-2.1v15.06c0 3.03-2.07 4.26-4.8 4.26-2.19 0-3.93-.78-4.62-2.61l-1.77 1.05c1.05 2.43 3.57 3.6 6.39 3.6zM203.124 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM221.224 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM225.176 22.93c0-1.62 1.59-2.37 3.15-2.37 1.44 0 2.97.57 3.6 2.1l1.65-.96c-.87-1.86-2.79-3.06-5.25-3.06-3 0-5.13 1.89-5.13 4.29 0 5.52 8.76 3.39 8.76 7.11 0 1.77-1.68 2.4-3.45 2.4-2.01 0-3.57-.99-4.11-2.52l-1.68.99c.75 1.92 2.79 3.45 5.79 3.45 3.21 0 5.43-1.77 5.43-4.32 0-5.52-8.76-3.39-8.76-7.11zM244.603 20.92V19h-4.32v-4.2l-1.98.6V19h-3.15v1.92h3.15v9.09c0 3.6 2.25 4.59 6.3 3.99v-1.74c-2.91.12-4.32.33-4.32-2.25v-9.09h4.32zM249.883 21.49V19h-1.98v15h1.98v-8.34c0-3.72 2.34-4.98 4.74-4.98v-1.92c-1.92 0-3.69.63-4.74 2.73zM263.358 18.64c-4.65 0-7.83 3.45-7.83 7.86 0 4.53 3.24 7.86 7.98 7.86 3.03 0 5.34-1.41 6.6-3.45l-1.74-1.02c-.81 1.44-2.46 2.55-4.83 2.55-3.18 0-5.55-1.89-5.97-4.95h13.17c.03-.3.06-.63.06-.93 0-4.11-2.85-7.92-7.44-7.92zm0 1.92c2.58 0 4.98 1.71 5.4 5.01h-11.19c.39-2.94 2.64-5.01 5.79-5.01zM286.848 19v2.94c-1.26-2.01-3.39-3.3-6.06-3.3-4.23 0-7.74 3.42-7.74 7.86s3.51 7.86 7.74 7.86c2.67 0 4.8-1.29 6.06-3.3V34h1.98V19h-1.98zm-5.91 13.44c-3.33 0-5.91-2.61-5.91-5.94 0-3.33 2.58-5.94 5.91-5.94s5.91 2.61 5.91 5.94c0 3.33-2.58 5.94-5.91 5.94zM309.01 18.64c-1.92 0-3.75.87-4.86 2.73-.84-1.74-2.46-2.73-4.56-2.73-1.8 0-3.42.72-4.59 2.55V19h-1.98v15H295v-8.31c0-3.72 2.16-5.13 4.32-5.13 2.13 0 3.51 1.41 3.51 4.08V34h1.98v-8.31c0-3.72 1.86-5.13 4.17-5.13 2.13 0 3.66 1.41 3.66 4.08V34h1.98v-9.36c0-3.75-2.31-6-5.61-6z"
            class="fill-white" />
        <path
            d="M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z"
            fill="#6875F5" />
        <path
            d="M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z"
            fill="#6875F5" />
    </svg>
</template>


================================================
FILE: resources/js/Components/ApplicationMark.vue
================================================
<template>
    <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M11.395 44.428C4.557 40.198 0 32.632 0 24 0 10.745 10.745 0 24 0a23.891 23.891 0 0113.997 4.502c-.2 17.907-11.097 33.245-26.602 39.926z"
            fill="#6875F5" />
        <path
            d="M14.134 45.885A23.914 23.914 0 0024 48c13.255 0 24-10.745 24-24 0-3.516-.756-6.856-2.115-9.866-4.659 15.143-16.608 27.092-31.75 31.751z"
            fill="#6875F5" />
    </svg>
</template>


================================================
FILE: resources/js/Components/AuthenticationCard.vue
================================================
<script setup lang="ts">
import { onMounted } from 'vue';
import { useTheme } from '@/utils/theme.js';

onMounted(async () => {
    useTheme();
});
</script>

<template>
    <div
        class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-default-background">
        <div>
            <slot name="logo" />
        </div>

        <div
            class="w-full sm:max-w-md mt-6 px-6 py-4 bg-card-background shadow-md border border-card-border overflow-hidden sm:rounded-lg">
            <slot />
        </div>

        <slot name="actions"></slot>
    </div>
</template>


================================================
FILE: resources/js/Components/AuthenticationCardLogo.vue
================================================
<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
</script>

<template>
    <Link :href="'/'">
        <svg
            class="h-12 py-2 text-text-primary"
            viewBox="0 0 168 30"
            fill="none"
            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M54.4081 6.78783C55.0812 7.46093 55.9225 7.79748 56.9322 7.79748C57.9936 7.79748 58.8479 7.46093 59.4951 6.78783C60.1682 6.08885 60.5048 5.22159 60.5048 4.18606C60.5048 3.17642 60.1682 2.3221 59.4951 1.62312C58.8479 0.924138 57.9936 0.574646 56.9322 0.574646C55.9225 0.574646 55.0812 0.924138 54.4081 1.62312C53.735 2.3221 53.3984 3.17642 53.3984 4.18606C53.3984 5.22159 53.735 6.08885 54.4081 6.78783Z"
                fill="currentColor" />
            <path
                d="M158.028 29.4272C155.905 29.4272 154.028 29.0129 152.397 28.1845C150.766 27.3302 149.485 26.1523 148.553 24.6508C147.621 23.1492 147.155 21.4277 147.155 19.4861C147.155 17.5703 147.608 15.8746 148.514 14.399C149.42 12.8975 150.65 11.7196 152.203 10.8653C153.782 9.98505 155.556 9.54495 157.523 9.54495C159.439 9.54495 161.134 9.95916 162.61 10.7876C164.112 11.5901 165.277 12.7163 166.105 14.166C166.959 15.5899 167.386 17.2208 167.386 19.0589C167.386 19.4472 167.361 19.8485 167.309 20.2627C167.283 20.651 167.205 21.1041 167.076 21.6218L150.339 21.6995V17.3503L164.396 17.2338L161.367 19.1366C161.342 18.0751 161.186 17.2079 160.901 16.5348C160.617 15.8358 160.202 15.3051 159.659 14.9427C159.115 14.5802 158.429 14.399 157.601 14.399C156.746 14.399 156.009 14.6061 155.387 15.0203C154.766 15.4345 154.287 16.017 153.95 16.7678C153.614 17.5185 153.446 18.4246 153.446 19.4861C153.446 20.5734 153.627 21.5053 153.989 22.282C154.352 23.0327 154.869 23.6023 155.543 23.9906C156.216 24.3789 157.044 24.5731 158.028 24.5731C158.96 24.5731 159.775 24.4178 160.474 24.1071C161.199 23.7964 161.846 23.3175 162.416 22.6703L165.95 26.2041C165.018 27.2655 163.879 28.068 162.532 28.6117C161.212 29.1553 159.711 29.4272 158.028 29.4272Z"
                fill="currentColor" />
            <path
                d="M114.306 29V10.0109H121.063V29H114.306ZM126.228 29V18.0104C126.228 17.2079 125.982 16.5866 125.49 16.1465C124.998 15.6805 124.39 15.4475 123.665 15.4475C123.147 15.4475 122.694 15.551 122.306 15.7581C121.917 15.9652 121.607 16.263 121.374 16.6513C121.167 17.0137 121.063 17.4668 121.063 18.0104L118.422 16.9619C118.422 15.4345 118.759 14.1272 119.432 13.0399C120.105 11.9526 121.011 11.1112 122.15 10.5158C123.289 9.92034 124.584 9.62262 126.034 9.62262C127.328 9.62262 128.493 9.93328 129.528 10.5546C130.59 11.15 131.431 11.9914 132.053 13.0787C132.674 14.166 132.985 15.4475 132.985 16.9231V29H126.228ZM138.149 29V18.0104C138.149 17.2079 137.903 16.5866 137.411 16.1465C136.92 15.6805 136.311 15.4475 135.586 15.4475C135.094 15.4475 134.641 15.551 134.227 15.7581C133.839 15.9652 133.528 16.263 133.295 16.6513C133.088 17.0137 132.985 17.4668 132.985 18.0104L129.024 17.8163C129.075 16.1076 129.451 14.6449 130.15 13.4282C130.849 12.2114 131.807 11.2795 133.023 10.6323C134.266 9.95917 135.664 9.62262 137.217 9.62262C138.693 9.62262 140.013 9.93328 141.178 10.5546C142.343 11.1759 143.249 12.082 143.896 13.2729C144.57 14.4378 144.906 15.8358 144.906 17.4668V29H138.149Z"
                fill="currentColor" />
            <path d="M103.573 29V10.011H110.369V29H103.573Z" fill="currentColor" />
            <path
                d="M104.428 6.78783C105.101 7.46093 105.942 7.79748 106.952 7.79748C108.013 7.79748 108.867 7.46093 109.515 6.78783C110.188 6.08885 110.524 5.22159 110.524 4.18606C110.524 3.17642 110.188 2.3221 109.515 1.62312C108.867 0.924138 108.013 0.574646 106.952 0.574646C105.942 0.574646 105.101 0.924138 104.428 1.62312C103.755 2.3221 103.418 3.17642 103.418 4.18606C103.418 5.22159 103.755 6.08885 104.428 6.78783Z"
                fill="currentColor" />
            <path
                d="M90.2867 29V2.16681H97.0435V29H90.2867ZM86.0928 15.6417V10.011H101.237V15.6417H86.0928Z"
                fill="currentColor" />
            <path
                d="M72.4414 29.3883C70.6033 29.3883 68.9853 28.9612 67.5873 28.1068C66.1893 27.2525 65.0891 26.0876 64.2866 24.6119C63.5099 23.1104 63.1216 21.4147 63.1216 19.5249C63.1216 17.6091 63.5099 15.9005 64.2866 14.399C65.0891 12.8975 66.1764 11.7325 67.5485 10.9041C68.9464 10.0498 70.5774 9.62262 72.4414 9.62262C73.6322 9.62262 74.7454 9.84267 75.781 10.2828C76.8165 10.697 77.6837 11.2924 78.3827 12.0691C79.0817 12.8457 79.4959 13.7259 79.6254 14.7097V23.9906C79.4959 24.9744 79.0817 25.8805 78.3827 26.7089C77.6837 27.5373 76.8165 28.1975 75.781 28.6893C74.7454 29.1553 73.6322 29.3883 72.4414 29.3883ZM73.6452 23.3693C74.3959 23.3693 75.0431 23.214 75.5868 22.9033C76.1304 22.5668 76.5576 22.1137 76.8683 21.5442C77.2048 20.9487 77.3731 20.2627 77.3731 19.4861C77.3731 18.7353 77.2177 18.0751 76.9071 17.5056C76.5964 16.9361 76.1563 16.483 75.5868 16.1465C75.0431 15.8099 74.4089 15.6416 73.684 15.6416C72.9591 15.6416 72.3119 15.8099 71.7424 16.1465C71.1987 16.483 70.7586 16.949 70.4221 17.5444C70.1114 18.114 69.9561 18.7612 69.9561 19.4861C69.9561 20.2368 70.1114 20.9099 70.4221 21.5053C70.7327 22.0749 71.1728 22.5279 71.7424 22.8645C72.3119 23.201 72.9462 23.3693 73.6452 23.3693ZM83.7416 29H77.1012V23.9129L78.0721 19.2531L76.9848 14.6708V0.691162H83.7416V29Z"
                fill="currentColor" />
            <path d="M53.5537 29V10.011H60.3494V29H53.5537Z" fill="currentColor" />
            <path d="M42.8608 29V0.691162H49.6177V29H42.8608Z" fill="currentColor" />
            <path
                d="M29.6176 29.4272C27.5724 29.4272 25.7473 29 24.1423 28.1457C22.5631 27.2655 21.3075 26.0746 20.3755 24.5731C19.4435 23.0457 18.9775 21.3371 18.9775 19.4472C18.9775 17.5574 19.4306 15.8746 20.3367 14.399C21.2687 12.8975 22.5372 11.7196 24.1423 10.8653C25.7473 9.98505 27.5595 9.54495 29.5788 9.54495C31.5981 9.54495 33.3973 9.98505 34.9765 10.8653C36.5816 11.7196 37.8501 12.8975 38.7821 14.399C39.714 15.8746 40.18 17.5574 40.18 19.4472C40.18 21.3371 39.714 23.0457 38.7821 24.5731C37.876 26.0746 36.6204 27.2655 35.0153 28.1457C33.4361 29 31.6369 29.4272 29.6176 29.4272ZM29.5788 23.4081C30.3295 23.4081 30.9768 23.2528 31.5204 22.9421C32.09 22.6056 32.5301 22.1396 32.8407 21.5442C33.1514 20.9487 33.3067 20.2627 33.3067 19.4861C33.3067 18.7094 33.1384 18.0363 32.8019 17.4668C32.4912 16.8713 32.0641 16.4183 31.5204 16.1076C30.9768 15.7711 30.3295 15.6028 29.5788 15.6028C28.8539 15.6028 28.2067 15.7711 27.6372 16.1076C27.0676 16.4442 26.6275 16.9102 26.3169 17.5056C26.0062 18.0751 25.8509 18.7482 25.8509 19.5249C25.8509 20.2756 26.0062 20.9487 26.3169 21.5442C26.6275 22.1396 27.0676 22.6056 27.6372 22.9421C28.2067 23.2528 28.8539 23.4081 29.5788 23.4081Z"
                fill="currentColor" />
            <path
                d="M9.20323 29.5437C8.03825 29.5437 6.88622 29.3883 5.74714 29.0777C4.63394 28.767 3.58547 28.3528 2.60172 27.835C1.64385 27.2914 0.828369 26.6701 0.155273 25.9711L3.84435 22.2043C4.46567 22.8515 5.20349 23.3564 6.0578 23.7188C6.938 24.0812 7.86998 24.2624 8.85373 24.2624C9.42328 24.2624 9.85043 24.1848 10.1352 24.0295C10.4459 23.8741 10.6012 23.6541 10.6012 23.3693C10.6012 22.9551 10.3811 22.6444 9.94104 22.4373C9.52683 22.2043 8.97023 22.0102 8.27125 21.8548C7.59815 21.6736 6.88623 21.4665 6.13547 21.2335C5.38471 20.9746 4.65983 20.6381 3.96085 20.2239C3.26187 19.8097 2.69232 19.2272 2.25222 18.4764C1.83801 17.7257 1.63091 16.7678 1.63091 15.6028C1.63091 14.3861 1.95451 13.3247 2.60172 12.4186C3.27481 11.4866 4.20679 10.7617 5.39765 10.2439C6.58851 9.70029 7.98648 9.42847 9.59155 9.42847C11.2225 9.42847 12.7758 9.71324 14.2514 10.2828C15.7271 10.8264 16.9179 11.6549 17.824 12.7681L14.0961 16.5348C13.4748 15.8358 12.7888 15.3569 12.038 15.098C11.2872 14.8132 10.6012 14.6708 9.97987 14.6708C9.38444 14.6708 8.95729 14.7615 8.6984 14.9427C8.43952 15.098 8.31008 15.318 8.31008 15.6028C8.31008 15.9394 8.51719 16.2112 8.9314 16.4183C9.3715 16.6254 9.9281 16.8196 10.6012 17.0008C11.3002 17.1561 12.0121 17.3632 12.737 17.6221C13.4877 17.881 14.1997 18.2434 14.8728 18.7094C15.5717 19.1495 16.1283 19.7449 16.5426 20.4957C16.9827 21.2465 17.2027 22.2173 17.2027 23.4081C17.2027 25.298 16.4778 26.7995 15.0281 27.9127C13.5783 29 11.6367 29.5437 9.20323 29.5437Z"
                fill="currentColor" />
        </svg>
    </Link>
</template>


================================================
FILE: resources/js/Components/Banner.vue
================================================
<script setup lang="ts">
import { ref, watchEffect } from 'vue';
import { usePage } from '@inertiajs/vue3';

const page = usePage<{
    jetstream: {
        flash: {
            banner: string;
            bannerStyle: string;
        };
    };
}>();

const show = ref(true);
const style = ref('success');
const message = ref('');

watchEffect(async () => {
    style.value = page.props.jetstream.flash?.bannerStyle || 'success';
    message.value = page.props.jetstream.flash?.banner || '';
    show.value = true;
});
</script>

<template>
    <div>
        <div v-if="show && message" class="bg-secondary border-b border-border-secondary">
            <div class="mx-auto py-1 px-3 sm:px-6 lg:px-8">
                <div class="flex items-center justify-between flex-wrap">
                    <div class="w-0 flex-1 flex items-center min-w-0">
                        <span class="flex">
                            <svg
                                v-if="style == 'success'"
                                class="h-6 w-6 text-text-secondary"
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                stroke="currentColor">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>

                            <svg
                                v-if="style == 'danger'"
                                class="h-5 w-5 text-text-primary"
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                stroke="currentColor">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
                            </svg>
                        </span>

                        <p class="ms-3 font-medium text-sm text-text-primary truncate">
                            {{ message }}
                        </p>
                    </div>

                    <div class="shrink-0 sm:ms-3">
                        <button
                            type="button"
                            class="-me-1 flex p-2 rounded-md focus:outline-none sm:-me-2 transition hover:bg-tertiary focus:bg-tertiary"
                            aria-label="Dismiss"
                            @click.prevent="show = false">
                            <svg
                                class="h-5 w-5 text-text-primary"
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                stroke="currentColor">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M6 18L18 6M6 6l12 12" />
                            </svg>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Billing/BillingBanner.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import { CheckBadgeIcon, XMarkIcon, XCircleIcon } from '@heroicons/vue/16/solid';
import { Link } from '@inertiajs/vue3';
import { computed } from 'vue';
import {
    daysLeftInTrial,
    isBillingActivated,
    isBlocked,
    isFreePlan,
    isInTrial,
} from '@/utils/billing';
import { useSessionStorage } from '@vueuse/core';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { canManageBilling } from '@/utils/permissions';

const hideTrialBanner = useSessionStorage('showTrialBanner-' + getCurrentOrganizationId(), false);
const showTrialBanner = computed(() => isInTrial() && !hideTrialBanner.value);
const hideBlockedBanner = useSessionStorage(
    'showBlockedBanner-' + getCurrentOrganizationId(),
    false
);
const showBlockedBanner = computed(() => isBlocked() && !hideBlockedBanner.value);
const hideFreeUpgradeBanner = useSessionStorage(
    'showFreeUpgradeBanner-' + getCurrentOrganizationId(),
    false
);
const showFreeUpgradeBanner = computed(
    () =>
        isFreePlan() && !isBlocked() && !hideFreeUpgradeBanner.value && !showBlackFridayBanner.value
);
const hideBlackFridayBanner = useSessionStorage(
    'hideBlackFridayBanner-' + getCurrentOrganizationId(),
    false
);

const showBlackFridayBanner = computed(() => {
    if (hideBlackFridayBanner.value) {
        return false;
    }
    const today = new Date();
    const blackFriday = new Date(2024, 10, 30);
    return today < blackFriday;
});
</script>

<template>
    <div
        v-if="showBlackFridayBanner"
        class="bg-tertiary text-xs lg:text-sm pb-1 pt-2 border-b border-border-secondary">
        <MainContainer class="flex items-center justify-between">
            <div class="flex items-center space-x-1.5">
                <svg class="w-4 mr-1" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="#FF37AD"
                        d="M22.498 68.97a11.845 11.845 0 1 0 0-23.687c-6.471.098-11.666 5.372-11.666 11.844s5.195 11.746 11.666 11.844m181.393-10.04a11.845 11.845 0 1 0-.003-23.688c-6.471.098-11.665 5.373-11.665 11.845c.001 6.472 5.197 11.745 11.668 11.842" />
                    <path
                        fill="#FCC954"
                        d="M213.503 211.097a11.845 11.845 0 1 0-.003-23.687c-6.471.098-11.665 5.373-11.664 11.845s5.196 11.745 11.667 11.842M70.872 23.689a11.845 11.845 0 1 0 0-23.688C64.4.1 59.206 5.373 59.206 11.845S64.4 23.591 70.872 23.689" />
                    <path
                        fill="#2890E9"
                        d="M140.945 105.94a9.25 9.25 0 0 1-8.974-11.484c.37-1.482.672-2.97.899-4.455a25.4 25.4 0 0 1-8.732 1.904c-5.379.205-10.195-.702-14.3-2.69a22.23 22.23 0 0 1-9.614-8.877c-4.415-7.652-4.034-17.718.964-25.645c4.765-7.568 12.836-11.664 21.586-10.995c6.74.527 12.647 3.051 17.378 7.382q1.293-3.647 2.473-7.803c4.833-17.058 6.429-34.187 6.442-34.36a9.24 9.24 0 0 1 10.041-8.37a9.25 9.25 0 0 1 8.37 10.044c-.067.767-1.768 19.03-7.068 37.735c-2.676 9.445-5.838 17.426-9.42 23.798q.396 2.13.631 4.372c.746 7.211.152 14.974-1.714 22.445a9.256 9.256 0 0 1-8.962 6.998m-20.123-43.827c-.956 0-2.64.28-3.996 2.43c-1.298 2.06-1.552 4.873-.588 6.544c1.282 2.223 5.054 2.417 7.19 2.336c2.424-.092 4.908-1.612 7.338-4.382a16 16 0 0 0-1.43-2.422c-2.007-2.787-4.547-4.212-7.998-4.482c-.13-.008-.305-.024-.516-.024" />
                    <path
                        fill="#F0A420"
                        d="M114.361 131.268c-38.343-30.224-78.42-43.319-89.514-29.246a12.8 12.8 0 0 0-2.257 4.509a4 4 0 0 0-.156.61v.024q-.223.947-.333 1.917L.393 236.18c-3.477 20.412 16.73 36.755 35.967 29.093l117.721-46.908c2.076-.826 7.185-3.982 8.583-5.724q.556-.544 1.037-1.153c11.092-14.075-11-49.988-49.34-80.223z" />
                    <path
                        fill="#FCC954"
                        d="M163.688 211.494c11.1-14.08-10.984-50-49.327-80.226c-38.343-30.227-78.425-43.316-89.524-29.236s10.983 50 49.326 80.226c38.343 30.227 78.425 43.316 89.525 29.236" />
                    <path
                        fill="#F0A420"
                        d="M156.994 203.294c9.108-11.556-10.956-42.563-44.817-69.256c-33.861-26.695-68.697-38.966-77.804-27.413c-9.11 11.556 10.954 42.563 44.815 69.256c33.86 26.695 68.697 38.969 77.806 27.413" />
                    <path
                        fill="#2E6AC9"
                        d="M76.059 249.456c-14.327.07-26.004-7.101-40.158-18.257C19.431 218.21 8.493 202.665 7.63 193.81l-4.668 27.327c2.16 7.798 9.523 17.683 20.202 26.101c8.883 7.004 17.844 11.813 27.135 12.48l25.76-10.266zm-14.332-49.6c-27.443-21.637-45.271-46.467-44.77-60.669l-4.549 26.63c.351 12.685 15.175 33.184 36.262 49.808c18.894 14.896 38.583 25.38 53.66 23.363l25.593-10.2c-20.62 1.425-42.376-10.147-66.196-28.931" />
                    <path
                        fill="#2890E9"
                        d="M118.535 145.052a11.845 11.845 0 1 0 0-23.688c-6.471.098-11.666 5.372-11.666 11.844s5.195 11.746 11.666 11.844" />
                    <path
                        fill="#FF37AD"
                        d="m182.412 122.007l.087-.097c.108-.116.308-.33.596-.621a45 45 0 0 1 2.8-2.56c3.56-2.98 7.45-5.54 11.594-7.63c10.128-5.125 25.208-9.307 44.985-4.747c5.943 1.37 11.87-2.336 13.241-8.278c1.37-5.942-2.336-11.87-8.278-13.24c-25.602-5.903-45.957-.506-59.922 6.566a82.5 82.5 0 0 0-15.857 10.449a66 66 0 0 0-4.215 3.866a45 45 0 0 0-1.53 1.615l-.12.135l-.042.048l-.02.022l-.007.008c-.003.005-.009.01 8.361 7.21l-8.37-7.2c-3.877 4.622-3.328 11.5 1.233 15.448s11.446 3.506 15.464-.994M73.03 43.248a11.75 11.75 0 0 0-16.23-3.664a11.76 11.76 0 0 0-3.665 16.227c.427.683 9.178 14.86 10.976 34.276c1.83 19.727-3.966 37.86-17.253 54.12c4.474 5.686 9.858 11.596 16.008 17.507c8.51-9.834 14.913-20.402 19.12-31.583c5.175-13.756 7.006-28.342 5.445-43.348c-2.487-23.874-12.874-41.11-14.402-43.535" />
                    <path
                        fill="#2890E9"
                        d="M220.242 156.578c6.002 1.553 10.244 3.246 12.077 4.034a11.86 11.86 0 0 0 13.94-1.12a11.87 11.87 0 0 0 4.107-8.765a11.85 11.85 0 0 0-8.06-11.426c-5.618-2.495-26.905-10.92-55.044-9.423c-18.941 1.007-37.155 6.253-54.133 15.608c-16.076 8.86-31.004 21.412-44.556 37.425a199 199 0 0 0 20.17 12.607c22.882-26.08 49.283-40.217 78.7-42.085a105.9 105.9 0 0 1 32.8 3.145" />
                </svg>
                <div class="flex-1 space-x-1">
                    <span class="font-medium">
                        <strong>BLACK FRIDAY SALE!</strong> Use the code
                        <strong>BLACKFRIDAY</strong> at checkout and get
                        <strong>30% off</strong> the solidtime yearly plan.
                    </span>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <Link v-if="canManageBilling()" href="/billing">
                    <div
                        class="text-text-primary font-semibold uppercase text-xs flex space-x-1 items-center hover:bg-white/10 rounded-lg px-2 py-1.5">
                        <span>Upgrade now</span>
                    </div>
                </Link>
                <button class="p-1" @click="hideBlackFridayBanner = true">
                    <XMarkIcon class="w-4 opacity-50 hover:opacity-100"></XMarkIcon>
                </button>
            </div>
        </MainContainer>
    </div>
    <div
        v-if="showTrialBanner"
        class="bg-accent-600/50 text-xs lg:text-sm py-0.5 border-b border-border-secondary">
        <MainContainer class="flex items-center justify-between">
            <div class="flex items-center space-x-1.5">
                <CheckBadgeIcon class="w-4 text-text-primary/50"></CheckBadgeIcon>
                <div class="flex-1 space-x-1">
                    <span class="font-medium">
                        Your trial expires in {{ daysLeftInTrial() }} days.
                    </span>
                    <span class="hidden md:inline">
                        To continue using all features & support the development of solidtime,
                        please upgrade your plan.
                    </span>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <Link v-if="canManageBilling()" href="/billing">
                    <div
                        class="text-text-primary font-semibold uppercase text-xs flex space-x-1 items-center hover:bg-white/10 rounded-lg px-2 py-1.5">
                        <span>Upgrade now</span>
                    </div>
                </Link>
                <button class="p-1" @click="hideTrialBanner = true">
                    <XMarkIcon class="w-4 opacity-50 hover:opacity-100"></XMarkIcon>
                </button>
            </div>
        </MainContainer>
    </div>
    <div
        v-if="showBlockedBanner"
        class="bg-red-600/50 text-xs lg:text-sm py-0.5 border-b border-border-secondary">
        <MainContainer class="flex items-center justify-between">
            <div class="flex items-center space-x-1.5">
                <XCircleIcon class="w-4 text-text-primary/50"></XCircleIcon>
                <div class="flex-1 space-x-1">
                    <span class="font-medium"> Your organization is currently blocked. </span>
                    <span class="hidden md:inline">
                        Please upgrade to a premium plan or remove all users except the owner to
                        unblock your organization.
                    </span>
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                    <div
                        class="text-text-primary font-semibold uppercase text-xs flex space-x-1 items-center hover:bg-white/10 rounded-lg px-2 py-1.5">
                        <span>Upgrade now</span>
                    </div>
                </Link>
                <button class="p-1" @click="hideBlockedBanner = true">
                    <XMarkIcon class="w-4 opacity-50 hover:opacity-100"></XMarkIcon>
                </button>
            </div>
        </MainContainer>
    </div>
    <div
        v-if="showFreeUpgradeBanner"
        class="bg-tertiary text-xs lg:text-sm py-0.5 border-b border-border-secondary">
        <MainContainer class="flex items-center justify-between">
            <div class="flex items-center space-x-1.5">
                <XCircleIcon class="w-4 text-text-primary/50"></XCircleIcon>
                <div class="flex-1 space-x-1">
                    <span class="font-medium"> You are currently using the Free Plan. </span>
                    <span class="hidden md:inline">
                        To unlock all premium features & support the development of solidtime,
                        please upgrade your plan.</span
                    >
                </div>
            </div>
            <div class="flex items-center space-x-2">
                <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                    <div
                        class="text-text-primary font-semibold uppercase text-xs flex space-x-1 items-center hover:bg-white/10 rounded-lg px-2 py-1.5">
                        <span>Upgrade now</span>
                    </div>
                </Link>
                <button class="p-1" @click="hideFreeUpgradeBanner = true">
                    <XMarkIcon class="w-4 opacity-50 hover:opacity-100"></XMarkIcon>
                </button>
            </div>
        </MainContainer>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/CommandPalette/CommandPaletteProvider.vue
================================================
<script setup lang="ts">
import { onMounted, onUnmounted, computed } from 'vue';
import { router, usePage } from '@inertiajs/vue3';
import { CommandPalette } from '@/packages/ui/src/CommandPalette';
import { useCommandPalette } from '@/utils/useCommandPalette';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { useTagsStore } from '@/utils/useTags';
import { useTimeEntriesMutations } from '@/utils/useTimeEntriesMutations';
import { getOrganizationCurrencyString } from '@/utils/money';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { canCreateProjects } from '@/utils/permissions';
import type {
    CreateClientBody,
    CreateProjectBody,
    CreateTimeEntryBody,
    Project,
    Client,
    Tag,
} from '@/packages/api/src';
import type { User } from '@/types/models';
import type { Role } from '@/types/jetstream';

// Import modals
import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
import TaskCreateModal from '@/Components/Common/Task/TaskCreateModal.vue';
import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
import MemberInviteModal from '@/Components/Common/Member/MemberInviteModal.vue';
import TimeEntryCreateModal from '@/packages/ui/src/TimeEntry/TimeEntryCreateModal.vue';

// Import dropdowns for active timer selectors
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';

// Dialog components for selectors
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

const {
    isOpen,
    searchTerm,
    groups,
    entityResults,
    togglePalette,
    showCreateProjectModal,
    showCreateClientModal,
    showCreateTaskModal,
    showCreateTagModal,
    showInviteMemberModal,
    showCreateTimeEntryModal,
    showProjectSelector,
    showTaskSelector,
    showTagsSelector,
    currentTimeEntry,
    updateTimer,
    projects,
    clients,
    tasks,
    tags,
} = useCommandPalette();

// Stores for creating entities
const projectsStore = useProjectsStore();
const clientsStore = useClientsStore();
const tagsStore = useTagsStore();

// Time entry mutations
const { createTimeEntry: createTimeEntryMutation } = useTimeEntriesMutations();

// Get available roles from page props (for member invite modal)
const page = usePage<{
    availableRoles?: Role[];
    auth: {
        user: User;
    };
}>();

const availableRoles = computed(() => page.props.availableRoles ?? []);

// Active clients for dropdowns
const activeClients = computed(() => clients.value.filter((c) => !c.is_archived));

// Keyboard shortcut handler
function handleKeyDown(e: KeyboardEvent) {
    if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
        e.preventDefault();
        togglePalette();
    }
}

onMounted(() => {
    document.addEventListener('keydown', handleKeyDown);
});

onUnmounted(() => {
    document.removeEventListener('keydown', handleKeyDown);
});

// Project creation
async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    const openedFromCommandPalette = showCreateProjectModal.value;
    const newProject = await projectsStore.createProject(project);
    showCreateProjectModal.value = false;
    if (newProject && openedFromCommandPalette) {
        router.visit(route('projects.show', { project: newProject.id }));
    }
    return newProject;
}

async function createClient(client: CreateClientBody): Promise<Client | undefined> {
    const openedFromCommandPalette = showCreateClientModal.value;
    const newClient = await clientsStore.createClient(client);
    if (newClient && openedFromCommandPalette) {
        showCreateClientModal.value = false;
        router.visit(route('clients'));
    }
    return newClient;
}

async function createTag(name: string): Promise<Tag | undefined> {
    const openedFromCommandPalette = showCreateTagModal.value;
    const newTag = await tagsStore.createTag(name);
    if (newTag && openedFromCommandPalette) {
        showCreateTagModal.value = false;
        router.visit(route('tags'));
    }
    return newTag;
}

async function createTimeEntry(timeEntry: Omit<CreateTimeEntryBody, 'member_id'>) {
    await createTimeEntryMutation(timeEntry);
    showCreateTimeEntryModal.value = false;
}

async function handleProjectTaskSelect() {
    showProjectSelector.value = false;
    showTaskSelector.value = false;
    await updateTimer();
}

async function handleTagsSelect() {
    showTagsSelector.value = false;
    await updateTimer();
}

const firstProjectId = computed(() => projects.value[0]?.id ?? '');
</script>

<template>
    <!-- Command Palette Dialog -->
    <CommandPalette
        v-model:open="isOpen"
        v-model:search-term="searchTerm"
        :groups="groups"
        :entity-results="entityResults" />

    <!-- Project Create Modal -->
    <ProjectCreateModal
        v-model:show="showCreateProjectModal"
        :create-project="createProject"
        :create-client="createClient"
        :clients="activeClients"
        :currency="getOrganizationCurrencyString()"
        :enable-estimated-time="isAllowedToPerformPremiumAction()" />

    <!-- Client Create Modal -->
    <ClientCreateModal v-model:show="showCreateClientModal" />

    <!-- Task Create Modal -->
    <TaskCreateModal
        v-if="firstProjectId"
        v-model:show="showCreateTaskModal"
        :project-id="firstProjectId" />

    <!-- Tag Create Modal -->
    <TagCreateModal v-model:show="showCreateTagModal" :create-tag="createTag" />

    <!-- Member Invite Modal -->
    <MemberInviteModal v-model:show="showInviteMemberModal" :available-roles="availableRoles" />

    <!-- Time Entry Create Modal -->
    <TimeEntryCreateModal
        v-model:show="showCreateTimeEntryModal"
        :create-time-entry="createTimeEntry"
        :create-project="createProject"
        :create-client="createClient"
        :create-tag="createTag"
        :projects="projects"
        :tasks="tasks"
        :tags="tags"
        :clients="activeClients"
        :currency="getOrganizationCurrencyString()"
        :enable-estimated-time="isAllowedToPerformPremiumAction()"
        :can-create-project="canCreateProjects()" />

    <!-- Project Selector Dialog for Active Timer -->
    <DialogModal :show="showProjectSelector" closeable @close="showProjectSelector = false">
        <template #title>Set Project</template>
        <template #content>
            <TimeTrackerProjectTaskDropdown
                v-model:project="currentTimeEntry.project_id"
                v-model:task="currentTimeEntry.task_id"
                variant="outline"
                :projects="projects"
                :tasks="tasks"
                :clients="activeClients"
                :create-project="createProject"
                :create-client="createClient"
                :can-create-project="canCreateProjects()"
                :currency="getOrganizationCurrencyString()"
                :enable-estimated-time="isAllowedToPerformPremiumAction()"
                class="w-full" />
        </template>
        <template #footer>
            <SecondaryButton @click="showProjectSelector = false"> Cancel </SecondaryButton>
            <SecondaryButton class="ms-3" @click="handleProjectTaskSelect"> Save </SecondaryButton>
        </template>
    </DialogModal>

    <!-- Task Selector Dialog for Active Timer -->
    <DialogModal :show="showTaskSelector" closeable @close="showTaskSelector = false">
        <template #title>Set Task</template>
        <template #content>
            <TimeTrackerProjectTaskDropdown
                v-model:project="currentTimeEntry.project_id"
                v-model:task="currentTimeEntry.task_id"
                variant="outline"
                :projects="projects"
                :tasks="tasks"
                :clients="activeClients"
                :create-project="createProject"
                :create-client="createClient"
                :can-create-project="canCreateProjects()"
                :currency="getOrganizationCurrencyString()"
                :enable-estimated-time="isAllowedToPerformPremiumAction()"
                class="w-full" />
        </template>
        <template #footer>
            <SecondaryButton @click="showTaskSelector = false"> Cancel </SecondaryButton>
            <SecondaryButton class="ms-3" @click="handleProjectTaskSelect"> Save </SecondaryButton>
        </template>
    </DialogModal>

    <!-- Tags Selector Dialog for Active Timer -->
    <DialogModal :show="showTagsSelector" closeable @close="showTagsSelector = false">
        <template #title>Set Tags</template>
        <template #content>
            <TagDropdown v-model="currentTimeEntry.tags" :tags="tags" :create-tag="createTag">
                <template #trigger>
                    <div
                        class="w-full p-3 border border-card-border rounded-lg cursor-pointer hover:bg-tertiary transition">
                        <span
                            v-if="currentTimeEntry.tags.length === 0"
                            class="text-muted-foreground">
                            Click to select tags...
                        </span>
                        <span v-else> {{ currentTimeEntry.tags.length }} tag(s) selected </span>
                    </div>
                </template>
            </TagDropdown>
        </template>
        <template #footer>
            <SecondaryButton @click="showTagsSelector = false"> Cancel </SecondaryButton>
            <SecondaryButton class="ms-3" @click="handleTagsSelect"> Save </SecondaryButton>
        </template>
    </DialogModal>
</template>


================================================
FILE: resources/js/Components/CommandPalette/index.ts
================================================
export { default as CommandPaletteProvider } from './CommandPaletteProvider.vue';


================================================
FILE: resources/js/Components/Common/Card.vue
================================================
<script setup lang="ts"></script>

<template>
    <div
        class="rounded-lg border overflow-hidden border-card-border bg-card-background shadow-card">
        <slot></slot>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Client/ClientCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import type { CreateClientBody } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useClientsStore } from '@/utils/useClients';
import { Field, FieldLabel } from '@/packages/ui/src/field';

const { createClient } = useClientsStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const client = ref<CreateClientBody>({
    name: '',
});

async function submit() {
    await createClient(client.value);
    client.value.name = '';
    show.value = false;
}

const clientNameInput = ref<HTMLInputElement | null>(null);
useFocus(clientNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Client </span>
            </div>
        </template>

        <template #content>
            <div class="flex items-center space-x-4">
                <Field class="col-span-6 sm:col-span-4 flex-1">
                    <FieldLabel for="clientName">Client Name</FieldLabel>
                    <TextInput
                        id="clientName"
                        ref="clientNameInput"
                        v-model="client.name"
                        type="text"
                        placeholder="Client Name"
                        class="block w-full"
                        required
                        autocomplete="clientName"
                        @keydown.enter="submit" />
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Client
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Client/ClientEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import type { Client, UpdateClientBody } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useClientsStore } from '@/utils/useClients';

const { updateClient } = useClientsStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    client: Client;
}>();

const clientBody = ref<UpdateClientBody>({
    name: props.client.name,
});

async function submit() {
    await updateClient(props.client.id, clientBody.value);
    show.value = false;
}

const clientNameInput = ref<HTMLInputElement | null>(null);
useFocus(clientNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Update Client </span>
            </div>
        </template>

        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1">
                    <TextInput
                        id="clientName"
                        ref="clientNameInput"
                        v-model="clientBody.name"
                        type="text"
                        placeholder="Client Name"
                        class="mt-1 block w-full"
                        required
                        autocomplete="clientName"
                        @keydown.enter="submit" />
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Client
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Client/ClientMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { ArchiveBoxIcon, PencilSquareIcon, TrashIcon } from '@heroicons/vue/20/solid';
import type { Client } from '@/packages/api/src';
import { canDeleteClients, canUpdateClients } from '@/utils/permissions';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    edit: [];
    archive: [];
}>();
const props = defineProps<{
    client: Client;
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Client ' + props.client.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateClients()"
                :aria-label="'Edit Client ' + props.client.name"
                data-testid="client_edit"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canUpdateClients()"
                :aria-label="'Archive Client ' + props.client.name"
                class="flex items-center space-x-3 cursor-pointer"
                @click.prevent="emit('archive')">
                <ArchiveBoxIcon class="w-5 text-icon-active" />
                <span>{{ client.is_archived ? 'Unarchive' : 'Archive' }}</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteClients()"
                :aria-label="'Delete Client ' + props.client.name"
                data-testid="client_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Client/ClientMultiselectDropdown.vue
================================================
<script setup lang="ts">
import MultiselectDropdown from '@/packages/ui/src/Input/MultiselectDropdown.vue';
import type { Client } from '@/packages/api/src';
import { useClientsQuery } from '@/utils/useClientsQuery';

const { clients } = useClientsQuery();

function getKeyFromItem(item: Client) {
    return item.id;
}

function getNameForItem(item: Client) {
    return item.name;
}

const emit = defineEmits<{
    submit: [];
}>();
</script>

<template>
    <MultiselectDropdown
        search-placeholder="Search for a Client..."
        :items="clients"
        :get-key-from-item="getKeyFromItem"
        :get-name-for-item="getNameForItem"
        no-item-label="No Client"
        @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
    </MultiselectDropdown>
</template>


================================================
FILE: resources/js/Components/Common/Client/ClientTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { UserCircleIcon } from '@heroicons/vue/24/solid';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { type Component, computed, ref } from 'vue';
import { type Client } from '@/packages/api/src';
import ClientTableRow from '@/Components/Common/Client/ClientTableRow.vue';
import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
import ClientTableHeading from '@/Components/Common/Client/ClientTableHeading.vue';
import { canCreateClients } from '@/utils/permissions';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import {
    useVueTable,
    getCoreRowModel,
    getSortedRowModel,
    type SortingState,
} from '@tanstack/vue-table';

export type SortColumn = 'name' | 'projects_count' | 'status';
export type SortDirection = 'asc' | 'desc';

const props = defineProps<{
    clients: Client[];
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn, direction: SortDirection];
}>();

const createClient = ref(false);

const { projects } = useProjectsQuery();

const projectCountMap = computed(() => {
    const map = new Map<string, number>();
    projects.value.forEach((project) => {
        if (project.client_id) {
            map.set(project.client_id, (map.get(project.client_id) ?? 0) + 1);
        }
    });
    return map;
});

const sorting = computed<SortingState>(() => [
    {
        id: props.sortColumn,
        desc: props.sortDirection === 'desc',
    },
]);

const columns = computed(() => [
    {
        id: 'name',
        accessorFn: (row: Client) => row.name.toLowerCase(),
    },
    {
        id: 'projects_count',
        sortDescFirst: true,
        accessorFn: (row: Client) => projectCountMap.value.get(row.id) ?? 0,
    },
    {
        id: 'status',
        accessorFn: (row: Client) => (row.is_archived ? 1 : 0),
    },
]);

const descFirstColumns = new Set<SortColumn>(
    columns.value
        .filter((c) => 'sortDescFirst' in c && c.sortDescFirst)
        .map((c) => c.id as SortColumn)
);

function handleSort(column: SortColumn) {
    if (props.sortColumn === column) {
        emit('sort', column, props.sortDirection === 'asc' ? 'desc' : 'asc');
    } else {
        emit('sort', column, descFirstColumns.has(column) ? 'desc' : 'asc');
    }
}

const table = useVueTable({
    get data() {
        return props.clients;
    },
    get columns() {
        return columns.value;
    },
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
    state: {
        get sorting() {
            return sorting.value;
        },
    },
    manualSorting: false,
});

const sortedClients = computed(() => {
    return table.getRowModel().rows.map((row) => row.original);
});
</script>

<template>
    <ClientCreateModal v-model:show="createClient"></ClientCreateModal>
    <div class="flow-root max-w-[100vw] overflow-x-auto">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="client_table"
                class="grid min-w-full"
                style="grid-template-columns: 1fr 150px 200px 80px">
                <ClientTableHeading
                    :sort-column="props.sortColumn"
                    :sort-direction="props.sortDirection"
                    :desc-first-columns="descFirstColumns"
                    @sort="handleSort"></ClientTableHeading>
                <div v-if="sortedClients.length === 0" class="col-span-3 py-24 text-center">
                    <UserCircleIcon class="w-8 text-icon-default inline pb-2"></UserCircleIcon>
                    <h3 class="text-text-primary font-semibold">No clients found</h3>
                    <p v-if="canCreateClients()" class="pb-5">Create your first client now!</p>
                    <SecondaryButton
                        v-if="canCreateClients()"
                        :icon="PlusIcon as Component"
                        @click="createClient = true"
                        >Create your First Client
                    </SecondaryButton>
                </div>
                <template v-for="client in sortedClients" :key="client.id">
                    <ClientTableRow :client="client"></ClientTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Client/ClientTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
import { ChevronUpIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { SortColumn, SortDirection } from '@/Components/Common/Client/ClientTable.vue';

const props = defineProps<{
    sortColumn: SortColumn;
    sortDirection: SortDirection;
    descFirstColumns: ReadonlySet<SortColumn>;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn];
}>();

function handleSort(column: SortColumn) {
    emit('sort', column);
}

function isSorted(column: SortColumn): boolean {
    return props.sortColumn === column;
}

function isChevronDown(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return props.descFirstColumns.has(column)
        ? props.sortDirection === 'desc'
        : props.sortDirection === 'asc';
}

function isChevronUp(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return !isChevronDown(column);
}
</script>

<template>
    <TableHeading>
        <div
            class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12 cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('name')">
            Name
            <ChevronDownIcon v-if="isChevronDown('name')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('name')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('projects_count')">
            Projects
            <ChevronDownIcon v-if="isChevronDown('projects_count')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('projects_count')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('status')">
            Status
            <ChevronDownIcon v-if="isChevronDown('status')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('status')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>


================================================
FILE: resources/js/Components/Common/Client/ClientTableRow.vue
================================================
<script setup lang="ts">
import type { Client } from '@/packages/api/src';
import { computed, ref } from 'vue';
import { CheckCircleIcon, ArchiveBoxIcon } from '@heroicons/vue/24/outline';
import { useClientsStore } from '@/utils/useClients';
import ClientMoreOptionsDropdown from '@/Components/Common/Client/ClientMoreOptionsDropdown.vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import TableRow from '@/Components/TableRow.vue';
import ClientEditModal from '@/Components/Common/Client/ClientEditModal.vue';

const { projects } = useProjectsQuery();

const props = defineProps<{
    client: Client;
}>();

function deleteClient() {
    useClientsStore().deleteClient(props.client.id);
}

const projectCount = computed(() => {
    return projects.value.filter((projects) => projects.client_id === props.client.id).length;
});

function archiveClient() {
    useClientsStore().updateClient(props.client.id, {
        ...props.client,
        is_archived: !props.client.is_archived,
    });
}

const showEditModal = ref(false);
</script>

<template>
    <TableRow>
        <ClientEditModal v-model:show="showEditModal" :client="client"></ClientEditModal>
        <div
            class="whitespace-nowrap flex items-center space-x-5 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span>
                {{ client.name }}
            </span>
        </div>
        <div
            class="whitespace-nowrap flex items-center px-3 py-4 text-sm font-medium text-text-primary">
            <span class="text-text-secondary"> {{ projectCount }} Projects </span>
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex space-x-1.5 items-center font-medium">
            <template v-if="client.is_archived">
                <ArchiveBoxIcon class="w-4 text-icon-default"></ArchiveBoxIcon>
                <span>Archived</span>
            </template>
            <template v-else>
                <CheckCircleIcon class="w-4 text-icon-default"></CheckCircleIcon>
                <span>Active</span>
            </template>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium sm:pr-0 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <ClientMoreOptionsDropdown
                :client="client"
                @edit="showEditModal = true"
                @archive="archiveClient"
                @delete="deleteClient"></ClientMoreOptionsDropdown>
        </div>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, ArrowPathIcon } from '@heroicons/vue/20/solid';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    resend: [];
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                aria-label="Actions for the invitation">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                data-testid="invitation_delete"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('resend')">
                <ArrowPathIcon class="w-5 text-icon-active" />
                <span>Resend Invitation</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                data-testid="invitation_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Invitation/InvitationTable.vue
================================================
<script setup lang="ts">
import { onMounted } from 'vue';
import { storeToRefs } from 'pinia';
import { useInvitationsStore } from '@/utils/useInvitations';
import InvitationTableRow from '@/Components/Common/Invitation/InvitationTableRow.vue';
import InvitationTableHeading from '@/Components/Common/Invitation/InvitationTableHeading.vue';

const { invitations } = storeToRefs(useInvitationsStore());

onMounted(async () => {
    await useInvitationsStore().fetchInvitations();
});
</script>

<template>
    <div class="flow-root max-w-[100vw] overflow-x-auto">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="client_table"
                class="grid min-w-full"
                style="grid-template-columns: 1fr 1fr 80px">
                <InvitationTableHeading></InvitationTableHeading>
                <template v-for="invitation in invitations" :key="invitation.id">
                    <InvitationTableRow :invitation="invitation"></InvitationTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Invitation/InvitationTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
</script>

<template>
    <TableHeading>
        <div class="px-3 py-1.5 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            Email
        </div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Role</div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12 bg-row-heading-background">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Invitation/InvitationTableRow.vue
================================================
<script setup lang="ts">
import type { Invitation } from '@/packages/api/src';
import TableRow from '@/Components/TableRow.vue';
import { capitalizeFirstLetter } from '../../../utils/format';
import InvitationMoreOptionsDropdown from '@/Components/Common/Invitation/InvitationMoreOptionsDropdown.vue';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { useInvitationsStore } from '@/utils/useInvitations';
const { handleApiRequestNotifications } = useNotificationsStore();

const props = defineProps<{
    invitation: Invitation;
}>();

async function deleteInvitation() {
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        await handleApiRequestNotifications(
            () =>
                api.removeInvitation(undefined, {
                    params: {
                        invitation: props.invitation.id,
                        organization: organizationId,
                    },
                }),
            'Invitation removed successfully',
            'Error removing invitation',
            () => {
                useInvitationsStore().fetchInvitations();
            }
        );
    }
}

async function resendInvitation() {
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        await handleApiRequestNotifications(
            () =>
                api.resendInvitationEmail(undefined, {
                    params: {
                        invitation: props.invitation.id,
                        organization: organizationId,
                    },
                }),
            'Invitation mail sent successfully',
            'Error sending invitation mail'
        );
    }
}
</script>

<template>
    <TableRow>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            {{ invitation.email }}
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ capitalizeFirstLetter(invitation.role) }}
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <InvitationMoreOptionsDropdown @delete="deleteInvitation" @resend="resendInvitation" />
        </div>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberBillableRateModal.vue
================================================
<script setup lang="ts">
import { getOrganizationCurrencyString } from '@/utils/money';
import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    newBillableRate?: number | null;
    memberName: string;
}>();

defineEmits<{
    submit: [];
}>();
</script>

<template>
    <BillableRateModal
        v-model:show="show"
        v-model:saving="saving"
        title="Update Member Billable Rate"
        @submit="$emit('submit')">
        <p class="py-1 text-center">
            The billable rate of {{ memberName }} will be updated to
            <strong>{{
                newBillableRate
                    ? formatCents(
                          newBillableRate,
                          getOrganizationCurrencyString(),
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : ' the default rate of the organization'
            }}</strong
            >.
        </p>
        <p class="py-1 text-center font-semibold max-w-md mx-auto">
            Do you want to update all existing time entries, where the member billable rate applies
            as well?
        </p>
    </BillableRateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberBillableSelect.vue
================================================
<script setup lang="ts">
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import type { BillableKey } from '@/types/projects';

const model = defineModel<BillableKey>({
    default: 'default-rate',
});

type Option = { key: BillableKey; name: string };

const options: Option[] = [
    {
        key: 'default-rate',
        name: 'Organization Default Rate',
    },
    {
        key: 'custom-rate',
        name: 'Custom Rate',
    },
];

function getNameForKey(key: BillableKey | undefined) {
    const item = options.find((item) => item.key === key);
    if (item) {
        return item.name;
    }
    return '';
}
</script>

<template>
    <Select v-model="model">
        <SelectTrigger>
            <SelectValue>{{ getNameForKey(model) }}</SelectValue>
        </SelectTrigger>
        <SelectContent>
            <SelectItem v-for="option in options" :key="option.key" :value="option.key">
                {{ option.name }}
            </SelectItem>
        </SelectContent>
    </Select>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberCombobox.vue
================================================
<script setup lang="ts">
import { computed, nextTick, ref, watch } from 'vue';
import { useMembersQuery } from '@/utils/useMembersQuery';
import { UserIcon } from '@heroicons/vue/24/solid';
import { ChevronDown } from 'lucide-vue-next';
import type { ProjectMember } from '@/packages/api/src';
import type { Member } from '@/packages/api/src';
import {
    ComboboxAnchor,
    ComboboxContent,
    ComboboxInput,
    ComboboxItem,
    ComboboxRoot,
    ComboboxViewport,
} from 'radix-vue';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { Button } from '@/packages/ui/src/Buttons';

const { members } = useMembersQuery();

const model = defineModel<string>({
    default: '',
});

const props = withDefaults(
    defineProps<{
        hiddenMembers?: ProjectMember[];
        disabled?: boolean;
    }>(),
    {
        hiddenMembers: () => [] as ProjectMember[],
        disabled: false,
    }
);

const open = ref(false);
const searchValue = ref('');
const searchInput = ref<HTMLElement | null>(null);

watch(open, (isOpen) => {
    if (isOpen) {
        searchValue.value = '';
        nextTick(() => {
            // @ts-expect-error We need to access the actual HTML Element to focus
            searchInput.value?.$el?.focus();
        });
    }
});

const filteredMembers = computed<Member[]>(() => {
    return members.value.filter((member) => {
        return (
            member.name.toLowerCase().includes(searchValue.value.toLowerCase().trim() || '') &&
            !props.hiddenMembers.some((hiddenMember) => hiddenMember.member_id === member.id) &&
            member.is_placeholder === false
        );
    });
});

const currentValue = computed(() => {
    if (model.value) {
        return members.value.find((member) => member.id === model.value)?.name;
    }
    return '';
});

function selectMember(member: Member) {
    model.value = member.id;
    open.value = false;
}
</script>

<template>
    <Dropdown v-model="open" align="start" :close-on-content-click="false">
        <template #trigger>
            <Button
                :disabled="disabled"
                type="button"
                variant="input"
                class="w-full justify-between text-start font-normal">
                <div class="flex items-center gap-3 truncate">
                    <UserIcon class="w-4 text-text-secondary shrink-0" />
                    <span v-if="currentValue" class="truncate text-text-primary">{{
                        currentValue
                    }}</span>
                    <span v-else class="text-muted-foreground">Select a member...</span>
                </div>
                <ChevronDown class="w-4 h-4 text-icon-default shrink-0" />
            </Button>
        </template>
        <template #content>
            <ComboboxRoot
                v-model:search-term="searchValue"
                v-model:open="open"
                class="relative"
                :filter-function="(val: string[]) => val">
                <ComboboxAnchor>
                    <ComboboxInput
                        ref="searchInput"
                        class="bg-card-background border-0 placeholder-text-tertiary text-sm text-text-primary py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
                        placeholder="Search for a member..." />
                </ComboboxAnchor>
                <ComboboxContent
                    :dismiss-able="false"
                    position="inline"
                    class="w-60 max-h-60 overflow-y-auto">
                    <ComboboxViewport>
                        <ComboboxItem
                            v-for="member in filteredMembers"
                            :key="member.id"
                            :value="member.id"
                            class="flex items-center gap-3 px-3 py-2.5 text-sm text-text-primary data-[highlighted]:bg-card-background-active cursor-default"
                            @select.prevent="selectMember(member)">
                            <UserIcon class="w-4 text-text-secondary shrink-0" />
                            <span class="truncate">{{ member.name }}</span>
                        </ComboboxItem>
                    </ComboboxViewport>
                </ComboboxContent>
            </ComboboxRoot>
        </template>
    </Dropdown>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberDeleteModal.vue
================================================
<script setup lang="ts">
import type { Member } from '@/packages/api/src';
import { api } from '@/packages/api/src';
import { useForm } from '@tanstack/vue-form';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import Modal from '@/packages/ui/src/Modal.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
import { useNotificationsStore } from '@/utils/notification';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';

const props = defineProps<{
    show: boolean;
    member: Member;
}>();

const emit = defineEmits<{
    'update:show': [value: boolean];
}>();

const { handleApiRequestNotifications } = useNotificationsStore();
const queryClient = useQueryClient();

const deleteMutation = useMutation({
    mutationFn: async () => {
        const organizationId = getCurrentOrganizationId();
        if (!organizationId) {
            throw new Error('No organization ID found');
        }

        return api.removeMember(undefined, {
            params: {
                member: props.member.id,
                organization: organizationId,
            },
            queries: {
                delete_related: 'true',
            },
        });
    },
    onSuccess: () => {
        close();
        queryClient.invalidateQueries({ queryKey: ['members'] });
    },
});

const form = useForm({
    canSubmitWhenInvalid: true,
    defaultValues: {
        confirmDelete: false,
    },
    onSubmit: async () => {
        await handleApiRequestNotifications(
            () => deleteMutation.mutateAsync(),
            'Member deleted successfully',
            'Error deleting member'
        );
    },
});

const close = () => {
    emit('update:show', false);
    form.reset();
};
</script>

<template>
    <Modal :show="show" max-width="md" @close="close">
        <div class="p-6">
            <h2 class="text-lg font-medium text-text-primary">Delete Member</h2>

            <div class="mt-4 text-sm text-text-secondary">
                <p class="mb-4">
                    Are you sure you want to delete {{ member.name }}? This action cannot be undone.
                </p>
                <p class="mb-4">This will permanently delete:</p>

                <ul class="list-disc ml-6 mt-2">
                    <li>All time entries created by this member</li>
                    <li>Their project assignments</li>
                    <li>Their organization membership</li>
                </ul>
                <p class="pt-4">
                    <strong>Note:</strong> Deleting time entries will affect all reports and
                    statistics. If you want to keep the time entries but remove the member from your
                    organization, you can convert them to a placeholder user instead. Placeholder
                    users are not charged and their time entries remain intact for reporting
                    purposes.
                </p>
            </div>

            <form
                class="mt-6"
                @submit="
                    (e) => {
                        e.preventDefault();
                        e.stopPropagation();
                        form.handleSubmit();
                    }
                ">
                <div class="flex items-start">
                    <form.Field
                        name="confirmDelete"
                        :validators="{
                            onSubmit: ({ value }) => {
                                if (!value) {
                                    return 'You must confirm that you understand the consequences of this action';
                                }
                                return '';
                            },
                        }">
                        <template #default="{ field }">
                            <Field orientation="horizontal">
                                <Checkbox
                                    :id="field.name"
                                    :name="field.name"
                                    :checked="field.state.value"
                                    @update:checked="field.handleChange"
                                    @blur="field.handleBlur" />
                                <FieldLabel :for="field.name" class="font-medium text-text-primary">
                                    I understand that this will permanently delete all data related
                                    to this member
                                </FieldLabel>
                                <FieldError v-if="field.state.meta.errors[0]" class="pl-7 pt-2">
                                    {{ field.state.meta.errors[0] }}
                                </FieldError>
                            </Field>
                        </template>
                    </form.Field>
                </div>
                <div class="mt-6 flex justify-end space-x-3">
                    <SecondaryButton @click="close">Cancel</SecondaryButton>
                    <form.Subscribe>
                        <template #default="{ canSubmit, isSubmitting }">
                            <DangerButton type="submit" :disabled="!canSubmit">
                                {{ isSubmitting ? 'Deleting...' : 'Delete Member' }}
                            </DangerButton>
                        </template>
                    </form.Subscribe>
                </div>
            </form>
        </div>
    </Modal>
</template>


================================================
FILE: resources/js/Components/Common/Member/MemberEditModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, onMounted, ref, watch } from 'vue';
import type { Member, UpdateMemberBody } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { type MemberBillableKey, useMembersStore } from '@/utils/useMembers';
import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
import { Field, FieldLabel, FieldDescription } from '@/packages/ui/src/field';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import {
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
} from '@/packages/ui/src/tooltip';
import MemberBillableRateModal from '@/Components/Common/Member/MemberBillableRateModal.vue';
import MemberRoleSelect from '@/Components/Common/Member/MemberRoleSelect.vue';
import MemberOwnershipTransferConfirmModal from '@/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue';
import { getOrganizationCurrencyString } from '@/utils/money';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import { useOrganizationQuery } from '@/utils/useOrganizationQuery';
import { getCurrentOrganizationId } from '@/utils/useUser';

const { updateMember } = useMembersStore();
const { organization } = useOrganizationQuery(getCurrentOrganizationId()!);
const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    member: Member;
}>();

const memberBody = ref<UpdateMemberBody>({
    // @ts-expect-error - The role value is always valid
    role: props.member.role,
    billable_rate: props.member.billable_rate,
});

async function submitBillableRate() {
    if (memberBody.value.role === 'owner' && props.member.role !== 'owner') {
        show.value = false;
        showOwnershipTransferConfirmModal.value = true;
    } else {
        await submit();
    }
}

async function submit() {
    await updateMember(props.member.id, memberBody.value);
    show.value = false;
    showBillableRateModal.value = false;
    showOwnershipTransferConfirmModal.value = false;
}

const showBillableRateModal = ref(false);
const showOwnershipTransferConfirmModal = ref(false);

function saveWithChecks() {
    if (memberBody.value.billable_rate !== props.member.billable_rate) {
        // make sure that the alert modal is not immediately submitted when user presses enter
        setTimeout(() => {
            showBillableRateModal.value = true;
        }, 0);
        show.value = false;
    } else if (memberBody.value.role === 'owner' && props.member.role !== 'owner') {
        show.value = false;
        showOwnershipTransferConfirmModal.value = true;
    } else {
        submitBillableRate();
    }
}

const billableRateSelect = ref<MemberBillableKey>('default-rate');

onMounted(() => {
    if (props.member.billable_rate !== null) {
        billableRateSelect.value = 'custom-rate';
    } else {
        billableRateSelect.value = 'default-rate';
    }
});
watch(billableRateSelect, () => {
    if (billableRateSelect.value === 'default-rate') {
        memberBody.value.billable_rate = null;
    } else if (billableRateSelect.value === 'custom-rate') {
        if (!memberBody.value.billable_rate) {
            memberBody.value.billable_rate = organization.value?.billable_rate ?? 0;
        }
    }
});

const displayedRate = computed({
    get() {
        if (billableRateSelect.value === 'default-rate') {
            return organization.value?.billable_rate ?? null;
        }
        return memberBody.value.billable_rate;
    },
    set(value: number | null) {
        if (billableRateSelect.value === 'custom-rate') {
            memberBody.value.billable_rate = value;
        }
    },
});

const roleDescriptionTexts = {
    'owner':
        'The owner has full access of the organization. The owner is the only role that can: delete the organization, transfer the ownership to another user and access to the billing settings',
    'admin':
        'The admin has full access to the organization, except for the stuff that only the owner can do.',
    'manager':
        'The manager has full access to projects, clients, tags, time entries, and reports, but can not manage the organization or the users.',
    'employee':
        'An employee is a user that is only using the application to track time, but has no administrative rights.',
    'placeholder':
        'Placeholder users can not do anything in the organization. They are not billed and can be used to remove users from the organization without deleting their time entries.',
};

const roleDescription = computed(() => {
    if (memberBody.value.role && memberBody.value.role in roleDescriptionTexts) {
        return roleDescriptionTexts[memberBody.value.role];
    }
    return '';
});
</script>

<template>
    <MemberBillableRateModal
        v-model:saving="saving"
        v-model:show="showBillableRateModal"
        :member-name="member.name"
        :new-billable-rate="memberBody.billable_rate"
        @submit="submitBillableRate"></MemberBillableRateModal>
    <MemberOwnershipTransferConfirmModal
        v-model:show="showOwnershipTransferConfirmModal"
        :member-name="member.name"
        @submit="submit"></MemberOwnershipTransferConfirmModal>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Update Member </span>
            </div>
        </template>

        <template #content>
            <div class="pb-5 pt-2 divide-y divide-border-secondary">
                <div class="pb-5">
                    <Field>
                        <FieldLabel for="role">Role</FieldLabel>
                        <MemberRoleSelect v-model="memberBody.role" name="role"></MemberRoleSelect>
                        <FieldDescription v-if="roleDescription">{{
                            roleDescription
                        }}</FieldDescription>
                    </Field>
                </div>
                <div class="pt-5">
                    <Field>
                        <FieldLabel :icon="BillableIcon" for="billableRateType"
                            >Billable Rate</FieldLabel
                        >
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
                            <Select v-model="billableRateSelect">
                                <SelectTrigger id="billableRateType">
                                    <SelectValue />
                                </SelectTrigger>
                                <SelectContent>
                                    <SelectItem value="default-rate">Default Rate</SelectItem>
                                    <SelectItem value="custom-rate">Custom Rate</SelectItem>
                                </SelectContent>
                            </Select>
                            <TooltipProvider v-if="billableRateSelect === 'default-rate'">
                                <Tooltip>
                                    <TooltipTrigger as-child>
                                        <div>
                                            <BillableRateInput
                                                v-model="displayedRate"
                                                :currency="getOrganizationCurrencyString()"
                                                disabled
                                                name="memberBillableRate" />
                                        </div>
                                    </TooltipTrigger>
                                    <TooltipContent
                                        >Uses the default rate of the organization</TooltipContent
                                    >
                                </Tooltip>
                            </TooltipProvider>
                            <BillableRateInput
                                v-else
                                v-model="displayedRate"
                                focus
                                :currency="getOrganizationCurrencyString()"
                                name="memberBillableRate"
                                @keydown.enter="saveWithChecks()" />
                        </div>
                    </Field>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="saveWithChecks()">
                Update Member
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberInviteModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import type { Role } from '@/types/jetstream';
import { Link, useForm } from '@inertiajs/vue3';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { filterRoles } from '@/utils/roles';
import { isAllowedToPerformPremiumAction, isBillingActivated } from '@/utils/billing';
import { CreditCardIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
import { canManageBilling, canUpdateOrganization } from '@/utils/permissions';
import { api } from '@/packages/api/src';
import type { MemberRole } from '@/packages/api/src';
import { z } from 'zod';
import { useNotificationsStore } from '@/utils/notification';

const show = defineModel('show', { default: false });
const saving = ref(false);

defineProps<{
    availableRoles: Role[];
}>();

const errors = ref({
    email: '',
    role: '',
});

const addTeamMemberForm = useForm({
    email: '',
    role: null as string | null,
});

const emit = defineEmits(['close']);
const { handleApiRequestNotifications } = useNotificationsStore();

async function submit() {
    if (addTeamMemberForm.role === null || addTeamMemberForm.email === '') {
        errors.value.email = z.string().email().safeParse(addTeamMemberForm.email).success
            ? ''
            : 'Please enter a valid email address';
        errors.value.role = addTeamMemberForm.role === null ? 'Please select a role' : '';
        return;
    }

    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        await handleApiRequestNotifications(
            () =>
                api.invite(
                    {
                        email: addTeamMemberForm.email,
                        role: addTeamMemberForm.role as MemberRole,
                    },
                    {
                        params: {
                            organization: organizationId,
                        },
                    }
                ),
            'Member invited',
            'Failed to invite member',
            () => {
                addTeamMemberForm.reset();
                emit('close');
                show.value = false;
            }
        );
    }
}

const clientNameInput = ref<HTMLInputElement | null>(null);
useFocus(clientNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Invite Member </span>
            </div>
        </template>

        <template #content>
            <div v-if="!isAllowedToPerformPremiumAction()">
                <div
                    class="rounded-full flex items-center justify-center w-20 h-20 mx-auto border border-border-tertiary bg-secondary">
                    <UserGroupIcon class="w-12"></UserGroupIcon>
                </div>
                <div class="max-w-sm text-center mx-auto py-4 text-base">
                    <p class="py-1">The Free plan is <strong>limited to one member</strong></p>
                    <p class="py-1">
                        To add new team members to your organization you,
                        <strong>please upgrade to a paid plan</strong>.
                    </p>

                    <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                        <PrimaryButton
                            v-if="isBillingActivated() && canUpdateOrganization()"
                            type="button"
                            class="mt-6">
                            <CreditCardIcon class="w-5 h-5 me-2" />
                            Go to Billing
                        </PrimaryButton>
                    </Link>
                </div>
            </div>
            <div v-else class="space-y-4">
                <Field class="col-span-6 sm:col-span-4 flex-1">
                    <FieldLabel for="email">Email</FieldLabel>
                    <TextInput
                        id="email"
                        ref="memberEmailInput"
                        v-model="addTeamMemberForm.email"
                        name="email"
                        type="text"
                        placeholder="Member Email"
                        class="block w-full"
                        required
                        autocomplete="memberName"
                        @keydown.enter="submit" />
                    <FieldError v-if="errors.email">{{ errors.email }}</FieldError>
                </Field>

                <Field v-if="availableRoles.length > 0">
                    <FieldLabel for="roles">Role</FieldLabel>
                    <FieldError v-if="errors.role">{{ errors.role }}</FieldError>

                    <div
                        class="relative z-0 mt-1 border border-card-border rounded-lg bg-card-background cursor-pointer">
                        <button
                            v-for="(role, i) in filterRoles(availableRoles)"
                            :key="role.key"
                            type="button"
                            class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
                            :class="{
                                'border-t border-card-border focus:border-none rounded-t-none':
                                    i > 0,
                                'rounded-b-none': i != Object.keys(availableRoles).length - 1,
                            }"
                            @click="addTeamMemberForm.role = role.key">
                            <div
                                :class="{
                                    'opacity-50':
                                        addTeamMemberForm.role &&
                                        addTeamMemberForm.role != role.key,
                                }">
                                <!-- Role Name -->
                                <div class="flex items-center">
                                    <div
                                        class="text-sm text-text-primary"
                                        :class="{
                                            'font-semibold': addTeamMemberForm.role == role.key,
                                        }">
                                        {{ role.name }}
                                    </div>

                                    <svg
                                        v-if="addTeamMemberForm.role == role.key"
                                        class="ms-2 h-5 w-5 text-green-400"
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor">
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                    </svg>
                                </div>

                                <!-- Role Description -->
                                <div class="mt-2 text-xs text-text-secondary text-start">
                                    {{ role.description }}
                                </div>
                            </div>
                        </button>
                    </div>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                v-if="isAllowedToPerformPremiumAction()"
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Invite Member
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberMakePlaceholderModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import { api, type Member } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';

const { handleApiRequestNotifications } = useNotificationsStore();
const queryClient = useQueryClient();

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    member: Member;
}>();

const turnToPlaceholderMutation = useMutation({
    mutationFn: async () => {
        const organizationId = getCurrentOrganizationId();
        if (organizationId === null) {
            throw new Error('No current organization id - create report');
        }
        return await api.makePlaceholder(undefined, {
            params: {
                organization: organizationId,
                member: props.member.id,
            },
        });
    },
});

async function submit() {
    saving.value = true;
    await handleApiRequestNotifications(
        () => turnToPlaceholderMutation.mutateAsync(),
        'Deactivating the member was successful!',
        'There was an error deactivating the user.',
        () => {
            show.value = false;
            queryClient.invalidateQueries({ queryKey: ['members'] });
        }
    );
}
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Deactivate User </span>
            </div>
        </template>

        <template #content>
            <p>
                Deactivating the user <strong>{{ member.name }} </strong> will remove the user's
                access to the organization. You will not be billed for inactive users and all time
                entries will be preserved.
            </p>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit()">
                Deactivate
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberMergeModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import { api, type Member } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import MemberCombobox from '@/Components/Common/Member/MemberCombobox.vue';
import { UserIcon, ArrowRightIcon } from '@heroicons/vue/24/solid';
import { Badge } from '@/packages/ui/src';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
const queryClient = useQueryClient();
const { handleApiRequestNotifications, addNotification } = useNotificationsStore();

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    member: Member;
}>();

const newMember = ref<string>('');

const mergeMember = useMutation({
    mutationFn: async (newMemberId: string) => {
        const organizationId = getCurrentOrganizationId();
        if (organizationId === null) {
            throw new Error('No current organization id - create report');
        }
        return await api.mergeMember(
            {
                member_id: newMemberId,
            },
            {
                params: {
                    organization: organizationId,
                    member: props.member.id,
                },
            }
        );
    },
});

async function submit() {
    const newMemberId = newMember.value;
    if (newMemberId !== '') {
        saving.value = true;
        await handleApiRequestNotifications(
            () => mergeMember.mutateAsync(newMemberId),
            'Members successfully merged!',
            'There was an error merging the members.',
            () => {
                queryClient.invalidateQueries({ queryKey: ['members'] });
                show.value = false;
            }
        );
    } else {
        addNotification('error', 'Please select a member to merge into.');
    }
}
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Merge Member </span>
            </div>
        </template>

        <template #content>
            <p>
                Merging the user <strong>{{ member.name }} </strong> into another one will transfer
                all time entries to the new user. <strong>This cannot be reverted!</strong>
            </p>
            <div class="py-5 flex flex-col md:flex-row gap-6 items-center">
                <div class="flex-1">
                    <Badge
                        class="flex w-full text-base text-left space-x-3 px-3 text-text-secondary font-normal cursor py-1.5">
                        <UserIcon class="relative z-10 w-4 text-text-secondary"></UserIcon>
                        <div class="flex-1 font-medium truncate">
                            {{ member.name }}
                        </div>
                    </Badge>
                </div>
                <div>
                    <ArrowRightIcon class="relative z-10 w-4 text-muted"></ArrowRightIcon>
                </div>
                <div class="flex-1">
                    <MemberCombobox v-model="newMember"></MemberCombobox>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit()">
                Merge Member
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import {
    TrashIcon,
    UserCircleIcon,
    PencilSquareIcon,
    ArrowDownOnSquareStackIcon,
} from '@heroicons/vue/20/solid';
import type { Member } from '@/packages/api/src';
import {
    canDeleteMembers,
    canMakeMembersPlaceholders,
    canMergeMembers,
    canUpdateMembers,
} from '@/utils/permissions';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    edit: [];
    merge: [];
    makePlaceholder: [];
}>();
const props = defineProps<{
    member: Member;
}>();
</script>

<template>
    <DropdownMenu v-if="canUpdateMembers() || canDeleteMembers()">
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Member ' + props.member.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateMembers()"
                :aria-label="'Edit Member ' + props.member.name"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="props.member.role === 'placeholder' && canMergeMembers()"
                :aria-label="'Merge Member ' + props.member.name"
                data-testid="member_merge"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('merge')">
                <ArrowDownOnSquareStackIcon class="w-5 text-icon-active" />
                <span>Merge</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="props.member.role !== 'placeholder' && canMakeMembersPlaceholders()"
                :aria-label="'Make Member ' + props.member.name + ' a placeholder'"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('makePlaceholder')">
                <UserCircleIcon class="w-5 text-icon-active" />
                <span>Deactivate</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteMembers()"
                :aria-label="'Delete Member ' + props.member.name"
                data-testid="member_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberMultiselectDropdown.vue
================================================
<script setup lang="ts">
import MultiselectDropdown from '@/packages/ui/src/Input/MultiselectDropdown.vue';
import { useMembersQuery } from '@/utils/useMembersQuery';
import type { Member } from '@/packages/api/src';

const { members } = useMembersQuery();

function getKeyFromItem(item: Member) {
    return item.id;
}

function getNameForItem(item: Member) {
    return item.name;
}

const emit = defineEmits<{
    submit: [];
}>();
</script>

<template>
    <MultiselectDropdown
        search-placeholder="Search for a Member..."
        :items="members"
        :get-key-from-item="getKeyFromItem"
        :get-name-for-item="getNameForItem"
        @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
    </MultiselectDropdown>
</template>


================================================
FILE: resources/js/Components/Common/Member/MemberOwnershipTransferConfirmModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

defineProps<{
    memberName: string;
}>();

const emit = defineEmits<{
    submit: [];
}>();
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex justify-center">
                <span> Confirm Ownership Transfer </span>
            </div>
        </template>
        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1">
                    <p class="py-1 text-center">
                        You are about to transfer the ownership of this organization to
                        {{ memberName }}.
                    </p>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="emit('submit')">
                Confirm Transfer
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberRoleSelect.vue
================================================
<script setup lang="ts">
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import type { Role } from '@/types/jetstream';
import { usePage } from '@inertiajs/vue3';

const model = defineModel<string>({
    default: 'employee',
});

const page = usePage<{
    availableRoles: Role[];
}>();

function getNameForKey(key: string | undefined) {
    const item = page.props.availableRoles.find((item) => item.key === key);
    if (item) {
        return item.name;
    }
    return '';
}
</script>

<template>
    <Select v-model="model">
        <SelectTrigger>
            <SelectValue>{{ getNameForKey(model) }}</SelectValue>
        </SelectTrigger>
        <SelectContent>
            <SelectItem v-for="role in page.props.availableRoles" :key="role.key" :value="role.key">
                {{ role.name }}
            </SelectItem>
        </SelectContent>
    </Select>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Member/MemberTable.vue
================================================
<script setup lang="ts">
import MemberTableHeading from '@/Components/Common/Member/MemberTableHeading.vue';
import MemberTableRow from '@/Components/Common/Member/MemberTableRow.vue';
import { useMembersQuery } from '@/utils/useMembersQuery';
import type { Member } from '@/packages/api/src';
import { computed } from 'vue';
import {
    useVueTable,
    getCoreRowModel,
    getSortedRowModel,
    type SortingState,
} from '@tanstack/vue-table';

export type SortColumn = 'name' | 'email' | 'role' | 'billable_rate' | 'status';
export type SortDirection = 'asc' | 'desc';

const props = defineProps<{
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn, direction: SortDirection];
}>();

const { members } = useMembersQuery();

const roleOrder: Record<string, number> = {
    owner: 0,
    admin: 1,
    manager: 2,
    employee: 3,
    placeholder: 4,
};

const sorting = computed<SortingState>(() => [
    {
        id: props.sortColumn,
        desc: props.sortDirection === 'desc',
    },
]);

const columns = [
    {
        id: 'name',
        accessorFn: (row: Member) => row.name.toLowerCase(),
    },
    {
        id: 'email',
        accessorFn: (row: Member) => row.email.toLowerCase(),
    },
    {
        id: 'role',
        accessorFn: (row: Member) => roleOrder[row.role] ?? 99,
    },
    {
        id: 'billable_rate',
        sortDescFirst: true,
        sortUndefined: 'last' as const,
        accessorFn: (row: Member) => {
            if (row.billable_rate === null) return undefined;
            return row.billable_rate;
        },
    },
    {
        id: 'status',
        accessorFn: (row: Member) => (row.is_placeholder ? 1 : 0),
    },
];

const descFirstColumns = new Set<SortColumn>(
    columns.filter((c) => c.sortDescFirst).map((c) => c.id as SortColumn)
);

function handleSort(column: SortColumn) {
    if (props.sortColumn === column) {
        emit('sort', column, props.sortDirection === 'asc' ? 'desc' : 'asc');
    } else {
        emit('sort', column, descFirstColumns.has(column) ? 'desc' : 'asc');
    }
}

const table = useVueTable({
    get data() {
        return members.value;
    },
    columns,
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
    state: {
        get sorting() {
            return sorting.value;
        },
    },
    manualSorting: false,
});

const sortedMembers = computed(() => {
    return table.getRowModel().rows.map((row) => row.original);
});
</script>

<template>
    <div class="flow-root max-w-[100vw] overflow-x-auto">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="member_table"
                class="grid min-w-full"
                style="grid-template-columns: 1fr 1fr 180px 180px 150px 130px">
                <MemberTableHeading
                    :sort-column="props.sortColumn"
                    :sort-direction="props.sortDirection"
                    :desc-first-columns="descFirstColumns"
                    @sort="handleSort"></MemberTableHeading>
                <template v-for="member in sortedMembers" :key="member.id">
                    <MemberTableRow :member="member"></MemberTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Member/MemberTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
import { ChevronUpIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { SortColumn, SortDirection } from '@/Components/Common/Member/MemberTable.vue';

const props = defineProps<{
    sortColumn: SortColumn;
    sortDirection: SortDirection;
    descFirstColumns: ReadonlySet<SortColumn>;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn];
}>();

function handleSort(column: SortColumn) {
    emit('sort', column);
}

function isSorted(column: SortColumn): boolean {
    return props.sortColumn === column;
}

function isChevronDown(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return props.descFirstColumns.has(column)
        ? props.sortDirection === 'desc'
        : props.sortDirection === 'asc';
}

function isChevronUp(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return !isChevronDown(column);
}
</script>

<template>
    <TableHeading>
        <div
            class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12 cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('name')">
            Name
            <ChevronDownIcon v-if="isChevronDown('name')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('name')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('email')">
            Email
            <ChevronDownIcon v-if="isChevronDown('email')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('email')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('role')">
            Role
            <ChevronDownIcon v-if="isChevronDown('role')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('role')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('billable_rate')">
            Billable Rate
            <ChevronDownIcon v-if="isChevronDown('billable_rate')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('billable_rate')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('status')">
            Status
            <ChevronDownIcon v-if="isChevronDown('status')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('status')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12 bg-row-heading-background">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>


================================================
FILE: resources/js/Components/Common/Member/MemberTableRow.vue
================================================
<script setup lang="ts">
import type { Member, Organization } from '@/packages/api/src';
import { api } from '@/packages/api/src';
import { CheckCircleIcon, UserCircleIcon } from '@heroicons/vue/24/outline';
import MemberMoreOptionsDropdown from '@/Components/Common/Member/MemberMoreOptionsDropdown.vue';
import TableRow from '@/Components/TableRow.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { canInvitePlaceholderMembers } from '@/utils/permissions';
import { computed, type ComputedRef, inject, ref } from 'vue';
import MemberEditModal from '@/Components/Common/Member/MemberEditModal.vue';
import MemberMergeModal from '@/Components/Common/Member/MemberMergeModal.vue';
import MemberMakePlaceholderModal from '@/Components/Common/Member/MemberMakePlaceholderModal.vue';
import MemberDeleteModal from '@/Components/Common/Member/MemberDeleteModal.vue';
import { capitalizeFirstLetter } from '../../../utils/format';
import { formatCents } from '../../../packages/ui/src/utils/money';

const props = defineProps<{
    member: Member;
}>();

const organization = inject<ComputedRef<Organization>>('organization');

const showEditMemberModal = ref(false);
const showMergeMemberModal = ref(false);
const showMakeMemberPlaceholderModal = ref(false);
const showDeleteMemberModal = ref(false);

function removeMember() {
    showDeleteMemberModal.value = true;
}

async function invitePlaceholder(id: string) {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        await handleApiRequestNotifications(
            () =>
                api.invitePlaceholder(undefined, {
                    params: {
                        organization: organizationId,
                        member: id,
                    },
                }),
            'Member invited successfully',
            'Error inviting member'
        );
    }
}

const userHasValidMailAddress = computed(() => {
    return !props.member.email.endsWith('@solidtime-import.test');
});
</script>

<template>
    <TableRow>
        <div
            class="whitespace-nowrap flex items-center space-x-5 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span>
                {{ member.name }}
            </span>
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ member.email }}
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ capitalizeFirstLetter(member.role) }}
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{
                member.billable_rate
                    ? formatCents(
                          member.billable_rate,
                          organization?.currency,
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : '--'
            }}
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex space-x-1.5 items-center font-medium">
            <template v-if="member.is_placeholder === false">
                <CheckCircleIcon class="w-4 text-icon-default"></CheckCircleIcon>
                <span>Active</span>
            </template>
            <template v-else>
                <UserCircleIcon class="w-4 text-icon-default"></UserCircleIcon>
                <span>Inactive</span>
            </template>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium sm:pr-0 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <SecondaryButton
                v-if="
                    member.is_placeholder === true &&
                    canInvitePlaceholderMembers() &&
                    userHasValidMailAddress
                "
                size="small"
                @click="invitePlaceholder(member.id)"
                >Invite
            </SecondaryButton>
            <MemberMoreOptionsDropdown
                :member="member"
                @edit="showEditMemberModal = true"
                @delete="removeMember"
                @merge="showMergeMemberModal = true"
                @make-placeholder="
                    showMakeMemberPlaceholderModal = true
                "></MemberMoreOptionsDropdown>
        </div>
        <MemberEditModal v-model:show="showEditMemberModal" :member="member"></MemberEditModal>
        <MemberMergeModal v-model:show="showMergeMemberModal" :member="member"></MemberMergeModal>
        <MemberMakePlaceholderModal
            v-model:show="showMakeMemberPlaceholderModal"
            :member="member"></MemberMakePlaceholderModal>
        <MemberDeleteModal
            v-model:show="showDeleteMemberModal"
            :member="member"></MemberDeleteModal>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Notification/Notification.vue
================================================
<template>
    <!-- Global notification live region, render this permanently at the end of the document -->
    <!-- Notification panel, dynamically insert this into the live region when it needs to be displayed -->
    <transition
        enter-active-class="transform ease-out duration-300 transition"
        enter-from-class="translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2"
        enter-to-class="translate-y-0 opacity-100 sm:translate-x-0"
        leave-active-class="transition ease-in duration-100"
        leave-from-class="opacity-100"
        leave-to-class="opacity-0">
        <div
            v-if="show"
            class="pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg border border-card-border bg-card-background shadow-lg ring-1 ring-black text-text-primary ring-opacity-5">
            <div class="p-4">
                <div class="flex items-start">
                    <div class="flex-shrink-0">
                        <CheckCircleIcon
                            v-if="type === 'success'"
                            class="h-6 w-6 text-green-400"
                            aria-hidden="true" />
                        <XCircleIcon
                            v-if="type === 'error'"
                            class="h-6 w-6 text-red-400"
                            aria-hidden="true" />
                    </div>
                    <div class="ml-3 w-0 flex-1 pt-0.5">
                        <p class="text-sm font-medium text-text-primary">
                            {{ title }}
                        </p>
                        <p v-if="message" class="mt-1 text-sm text-text-secondary">
                            {{ message }}
                        </p>
                    </div>
                    <div class="ml-4 flex flex-shrink-0">
                        <button
                            type="button"
                            class="inline-flex rounded-md bg-card-background text-text-secondary hover:text-text-primary focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
                            @click="show = false">
                            <span class="sr-only">Close</span>
                            <XMarkIcon class="h-5 w-5" aria-hidden="true" />
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </transition>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { CheckCircleIcon, XCircleIcon } from '@heroicons/vue/24/outline';
import { XMarkIcon } from '@heroicons/vue/20/solid';
import type { NotificationType } from '@/utils/notification';

defineProps<{
    title: string;
    type: NotificationType;
    message?: string;
}>();

const show = ref(true);
</script>


================================================
FILE: resources/js/Components/Common/Organization/OrganizationBillableRateModal.vue
================================================
<script setup lang="ts">
import { getOrganizationCurrencyString } from '@/utils/money';
import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    newBillableRate?: number | null;
}>();

defineEmits<{
    submit: [];
}>();
</script>

<template>
    <BillableRateModal
        v-model:show="show"
        v-model:saving="saving"
        title="Update Organization Billable Rate"
        @submit="$emit('submit')">
        <p class="py-0.5 text-center">
            The organization billable rate will be updated to
            <strong>{{
                newBillableRate
                    ? formatCents(
                          newBillableRate,
                          getOrganizationCurrencyString(),
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : ' none.'
            }}</strong
            >.
        </p>
        <p class="py-0.5 text-center font-semibold">
            Do you want to update all existing time entries, where the organization billable rate
            applies as well?
        </p>
    </BillableRateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/PageTitle.vue
================================================
<script setup lang="ts">
import type { Component } from 'vue';

defineProps<{
    icon: Component;
    title: string;
}>();
</script>

<template>
    <h3
        class="text-text-primary font-semibold text-sm sm:text-base flex items-center space-x-2 sm:space-x-2.5">
        <component :is="icon" class="w-5 text-icon-default"></component>
        <span> {{ title }} </span>
    </h3>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/BaseFilterBadge.vue
================================================
<script setup lang="ts">
import { XMarkIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { Component } from 'vue';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

defineProps<{
    icon: Component;
    label: string;
    filterName: string;
}>();

defineEmits<{
    remove: [];
}>();

defineSlots<{
    default(): void;
}>();
</script>

<template>
    <div
        class="inline-flex items-center gap-0.5 rounded-md bg-tertiary dark:bg-secondary border border-border-secondary">
        <DropdownMenu>
            <DropdownMenuTrigger
                class="inline-flex items-center gap-1.5 px-2 py-1 text-sm hover:bg-quaternary dark:hover:bg-tertiary rounded-l-md transition-colors whitespace-nowrap">
                <component :is="icon" class="h-3.5 w-3.5 text-icon-default" />
                <span class="font-medium text-foreground">{{ filterName }}</span>
                <span class="text-muted-foreground">is</span>
                <span class="text-foreground">{{ label }}</span>
                <ChevronDownIcon class="h-3 w-3 text-muted-foreground" />
            </DropdownMenuTrigger>
            <DropdownMenuContent align="start">
                <slot />
            </DropdownMenuContent>
        </DropdownMenu>

        <button
            class="px-1.5 py-1 hover:bg-quaternary dark:hover:bg-tertiary h-full rounded-r-md transition-colors group border-l border-border-secondary"
            @click="$emit('remove')">
            <XMarkIcon class="h-3.5 w-3.5 text-muted-foreground group-hover:text-foreground" />
        </button>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Project/ProjectClientFilterBadge.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { UserGroupIcon } from '@heroicons/vue/16/solid';
import { DropdownMenuCheckboxItem, DropdownMenuSeparator } from '@/Components/ui/dropdown-menu';
import BaseFilterBadge from './BaseFilterBadge.vue';
import type { Client } from '@/packages/api/src';
import { NO_CLIENT_ID } from './constants';

const props = defineProps<{
    value: string[];
    clients: Client[];
}>();

const emit = defineEmits<{
    remove: [];
    'update:value': [value: string[]];
}>();

const hasNoClient = computed(() => props.value.includes(NO_CLIENT_ID));

const label = computed(() => {
    const count = props.value.length;

    if (count === 0) return 'None';
    if (count === 1) {
        if (hasNoClient.value) return 'No client';
        const client = props.clients.find((c) => c.id === props.value[0]);
        return client?.name ?? 'Client';
    }
    return `${count} selected`;
});

function toggleClient(clientId: string) {
    const clientIds = props.value.includes(clientId)
        ? props.value.filter((id) => id !== clientId)
        : [...props.value, clientId];

    emit('update:value', clientIds);
}

function toggleNoClient() {
    const clientIds = hasNoClient.value
        ? props.value.filter((id) => id !== NO_CLIENT_ID)
        : [...props.value, NO_CLIENT_ID];

    emit('update:value', clientIds);
}
</script>

<template>
    <BaseFilterBadge
        :icon="UserGroupIcon"
        :label="label"
        filter-name="Client"
        @remove="emit('remove')">
        <DropdownMenuCheckboxItem :model-value="hasNoClient" @select.prevent="toggleNoClient">
            No client
        </DropdownMenuCheckboxItem>
        <DropdownMenuSeparator />
        <DropdownMenuCheckboxItem
            v-for="client in clients"
            :key="client.id"
            :model-value="value.includes(client.id)"
            @select.prevent="toggleClient(client.id)">
            {{ client.name }}
        </DropdownMenuCheckboxItem>
    </BaseFilterBadge>
</template>


================================================
FILE: resources/js/Components/Common/Project/ProjectDropdown.vue
================================================
<script setup lang="ts">
import { computed, nextTick, ref, watch } from 'vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import {
    ComboboxAnchor,
    ComboboxContent,
    ComboboxInput,
    ComboboxItem,
    ComboboxRoot,
    ComboboxViewport,
} from 'radix-vue';
import { Check, Plus } from 'lucide-vue-next';
import type { CreateClientBody, CreateProjectBody, Project } from '@/packages/api/src';
import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { getOrganizationCurrencyString } from '@/utils/money';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { canCreateProjects } from '@/utils/permissions';

const searchValue = ref('');
const searchInput = ref<HTMLElement | null>(null);
const model = defineModel<string | null>({
    default: null,
});
const open = ref(false);
const showCreateProject = ref(false);
const { projects } = useProjectsQuery();
const { clients } = useClientsQuery();
const emit = defineEmits(['update:modelValue', 'changed']);

const activeClients = computed(() => clients.value.filter((c) => !c.is_archived));

const sortedProjects = ref<Project[]>([]);

const shownProjects = computed(() => {
    return sortedProjects.value.filter((project) => {
        return project.name.toLowerCase().includes(searchValue.value?.toLowerCase()?.trim() || '');
    });
});

async function handleCreateProject(projectBody: CreateProjectBody) {
    const newProject = await useProjectsStore().createProject(projectBody);
    if (newProject) {
        model.value = newProject.id;
        emit('changed');
    }
    return newProject;
}

async function handleCreateClient(clientBody: CreateClientBody) {
    return await useClientsStore().createClient(clientBody);
}

watch(open, (isOpen) => {
    if (isOpen) {
        nextTick(() => {
            // @ts-expect-error We need to access the actual HTML Element to focus as radix-vue does not support any other way right now
            searchInput.value?.$el?.focus();
        });

        sortedProjects.value = [...projects.value].sort((iteratingProject) => {
            return model.value === iteratingProject.id ? -1 : 1;
        });
    }
});

const currentProject = computed(() => {
    return projects.value.find((project) => project.id === model.value);
});

function isProjectSelected(project: Project) {
    return model.value === project.id;
}

const selectedProjectName = computed(() => {
    return currentProject.value?.name || 'No Project';
});

const selectedProjectColor = computed(() => {
    return currentProject.value?.color || 'var(--theme-color-icon-default)';
});

function updateValue(project: Project) {
    model.value = project.id;
    emit('changed');
}
</script>

<template>
    <Dropdown v-model="open" align="start">
        <template #trigger>
            <slot
                name="trigger"
                :selected-project-name="selectedProjectName"
                :selected-project-color="selectedProjectColor"></slot>
        </template>

        <template #content>
            <UseFocusTrap v-if="open" :options="{ immediate: true, allowOutsideClick: true }">
                <ComboboxRoot
                    v-model:search-term="searchValue"
                    v-model:open="open"
                    :model-value="currentProject"
                    class="relative"
                    @update:model-value="updateValue">
                    <ComboboxAnchor>
                        <ComboboxInput
                            ref="searchInput"
                            class="bg-transparent border-0 placeholder-muted-foreground text-sm text-popover-foreground py-2 px-3 focus:ring-0 border-b border-popover-border focus:border-popover-border w-full"
                            placeholder="Search for a project..." />
                    </ComboboxAnchor>
                    <ComboboxContent>
                        <ComboboxViewport
                            class="w-[--reka-popper-anchor-width] max-h-60 overflow-y-scroll p-1">
                            <ComboboxItem
                                v-for="project in shownProjects"
                                :key="project.id"
                                :value="project"
                                class="relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground"
                                :data-project-id="project.id">
                                <span class="flex items-center gap-2">
                                    <span
                                        :style="{ backgroundColor: project.color }"
                                        class="w-3 h-3 rounded-full shrink-0"></span>
                                    <span>{{ project.name }}</span>
                                </span>
                                <span
                                    v-if="isProjectSelected(project)"
                                    class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
                                    <Check class="h-4 w-4" />
                                </span>
                            </ComboboxItem>
                        </ComboboxViewport>
                        <div
                            v-if="canCreateProjects()"
                            class="flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground border-t border-popover-border"
                            @click="
                                open = false;
                                showCreateProject = true;
                            ">
                            <Plus class="h-4 w-4 shrink-0" />
                            <span>Create new Project</span>
                        </div>
                    </ComboboxContent>
                </ComboboxRoot>
            </UseFocusTrap>
        </template>
    </Dropdown>
    <ProjectCreateModal
        v-model:show="showCreateProject"
        :create-project="handleCreateProject"
        :create-client="handleCreateClient"
        :clients="activeClients"
        :currency="getOrganizationCurrencyString()"
        :enable-estimated-time="isAllowedToPerformPremiumAction()" />
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/ProjectEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, ref } from 'vue';
import type { CreateClientBody, CreateProjectBody, Project } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { useFocus } from '@vueuse/core';
import ClientDropdown from '@/packages/ui/src/Client/ClientDropdown.vue';
import { useClientsQuery } from '@/utils/useClientsQuery';
import ProjectColorSelector from '@/packages/ui/src/Project/ProjectColorSelector.vue';
import { Button } from '@/packages/ui/src/Buttons';
import { ChevronDown } from 'lucide-vue-next';
import { UserCircleIcon } from '@heroicons/vue/20/solid';
import EstimatedTimeSection from '@/packages/ui/src/EstimatedTimeSection.vue';
import { Field, FieldGroup, FieldLabel } from '@/packages/ui/src/field';
import ProjectBillableRateModal from '@/packages/ui/src/Project/ProjectBillableRateModal.vue';
import { getOrganizationCurrencyString } from '@/utils/money';
import ProjectEditBillableSection from '@/packages/ui/src/Project/ProjectEditBillableSection.vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';

const { updateProject } = useProjectsStore();
const { clients } = useClientsQuery();
const show = defineModel('show', { default: false });
const saving = ref(false);
const showBillableRateModal = ref(false);
const props = defineProps<{
    originalProject: Project;
}>();

async function createClient(body: CreateClientBody) {
    return await useClientsStore().createClient(body);
}

const project = ref<CreateProjectBody>({
    name: props.originalProject.name,
    color: props.originalProject.color,
    client_id: props.originalProject.client_id,
    billable_rate: props.originalProject.billable_rate,
    is_billable: props.originalProject.is_billable,
    estimated_time: props.originalProject.estimated_time,
});

async function submit() {
    if (props.originalProject.billable_rate !== project.value.billable_rate) {
        // make sure that the alert modal is not immediately submitted when user presses enter
        setTimeout(() => {
            showBillableRateModal.value = true;
        }, 0);
        return;
    }
    await updateProject(props.originalProject.id, project.value);
    show.value = false;
}

const projectNameInput = ref<HTMLInputElement | null>(null);

useFocus(projectNameInput, { initialValue: true });

const currentClientName = computed(() => {
    if (project.value.client_id) {
        return clients.value.find((client) => client.id === project.value.client_id)?.name;
    }
    return 'No Client';
});

async function submitBillableRate() {
    await updateProject(props.originalProject.id, project.value);
    show.value = false;
    showBillableRateModal.value = false;
}
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Edit Project {{ props.originalProject.name }} </span>
            </div>
        </template>

        <template #content>
            <FieldGroup>
                <FieldGroup class="flex-row items-end">
                    <Field class="w-auto text-center">
                        <FieldLabel for="color">Color</FieldLabel>
                        <ProjectColorSelector v-model="project.color"></ProjectColorSelector>
                    </Field>
                    <Field class="w-full">
                        <FieldLabel for="projectName">Project name</FieldLabel>
                        <TextInput
                            id="projectName"
                            ref="projectNameInput"
                            v-model="project.name"
                            type="text"
                            placeholder="Project Name"
                            class="block w-full"
                            required
                            autocomplete="projectName"
                            @keydown.enter="submit()" />
                    </Field>
                </FieldGroup>
                <Field>
                    <FieldLabel for="client" :icon="UserCircleIcon">Client</FieldLabel>
                    <ClientDropdown v-model="project.client_id" :create-client :clients="clients">
                        <template #trigger>
                            <Button variant="input" class="w-full justify-between">
                                <span class="truncate">{{ currentClientName }}</span>
                                <ChevronDown class="w-4 h-4 text-icon-default" />
                            </Button>
                        </template>
                    </ClientDropdown>
                </Field>
                <ProjectEditBillableSection
                    v-model:is-billable="project.is_billable"
                    v-model:billable-rate="project.billable_rate"
                    :currency="getOrganizationCurrencyString()"
                    @submit="submit"></ProjectEditBillableSection>
                <EstimatedTimeSection
                    v-if="isAllowedToPerformPremiumAction()"
                    v-model="project.estimated_time"
                    @submit="submit()"></EstimatedTimeSection>
            </FieldGroup>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Project
            </PrimaryButton>
        </template>
    </DialogModal>
    <ProjectBillableRateModal
        v-model:show="showBillableRateModal"
        :currency="getOrganizationCurrencyString()"
        :new-billable-rate="project.billable_rate"
        :project-name="project.name"
        @submit="submitBillableRate"></ProjectBillableRateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/ProjectMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilSquareIcon, ArchiveBoxIcon } from '@heroicons/vue/20/solid';
import type { Project } from '@/packages/api/src';
import { canDeleteProjects, canUpdateProjects } from '@/utils/permissions';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    edit: [];
    archive: [];
}>();
const props = defineProps<{
    project: Project;
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Project ' + props.project.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateProjects()"
                :aria-label="'Edit Project ' + props.project.name"
                data-testid="project_edit"
                class="flex items-center space-x-3 cursor-pointer"
                @click.prevent="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canUpdateProjects()"
                :aria-label="'Archive Project ' + props.project.name"
                class="flex items-center space-x-3 cursor-pointer"
                @click.prevent="emit('archive')">
                <ArchiveBoxIcon class="w-5 text-icon-active" />
                <span>{{ project.is_archived ? 'Unarchive' : 'Archive' }}</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteProjects()"
                :aria-label="'Delete Project ' + props.project.name"
                data-testid="project_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click.prevent="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/ProjectMultiselectDropdown.vue
================================================
<script setup lang="ts">
import MultiselectDropdown from '@/packages/ui/src/Input/MultiselectDropdown.vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import type { Project } from '@/packages/api/src';

const { projects } = useProjectsQuery();

function getKeyFromItem(item: Project) {
    return item.id;
}

function getNameForItem(item: Project) {
    return item.name;
}

const emit = defineEmits<{
    submit: [];
}>();
</script>

<template>
    <MultiselectDropdown
        search-placeholder="Search for a Project..."
        :items="projects"
        :get-key-from-item="getKeyFromItem"
        :get-name-for-item="getNameForItem"
        no-item-label="No Project"
        @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
    </MultiselectDropdown>
</template>


================================================
FILE: resources/js/Components/Common/Project/ProjectStatusFilterBadge.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { CircleStackIcon } from '@heroicons/vue/16/solid';
import { DropdownMenuItem } from '@/Components/ui/dropdown-menu';
import BaseFilterBadge from './BaseFilterBadge.vue';

type StatusValue = 'active' | 'archived' | 'all';

const props = defineProps<{
    value: StatusValue;
}>();

const emit = defineEmits<{
    remove: [];
    'update:value': [value: StatusValue];
}>();

const statusOptions = [
    { id: 'active' as const, name: 'Active' },
    { id: 'archived' as const, name: 'Archived' },
];

const label = computed(() => {
    return statusOptions.find((opt) => opt.id === props.value)?.name ?? 'Status';
});

function updateStatus(status: StatusValue) {
    emit('update:value', status);
}
</script>

<template>
    <BaseFilterBadge
        :icon="CircleStackIcon"
        :label="label"
        filter-name="Status"
        @remove="emit('remove')">
        <DropdownMenuItem
            v-for="option in statusOptions"
            :key="option.id"
            :class="[value === option.id && 'bg-accent text-accent-foreground']"
            @click="updateStatus(option.id)">
            {{ option.name }}
        </DropdownMenuItem>
    </BaseFilterBadge>
</template>


================================================
FILE: resources/js/Components/Common/Project/ProjectTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { FolderPlusIcon } from '@heroicons/vue/24/solid';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { computed, ref } from 'vue';
import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
import ProjectTableHeading from '@/Components/Common/Project/ProjectTableHeading.vue';
import ProjectTableRow from '@/Components/Common/Project/ProjectTableRow.vue';

export type SortColumn =
    | 'name'
    | 'client_name'
    | 'spent_time'
    | 'progress'
    | 'billable_rate'
    | 'status';
export type SortDirection = 'asc' | 'desc';
import { canCreateProjects } from '@/utils/permissions';
import type { CreateProjectBody, Project, Client, CreateClientBody } from '@/packages/api/src';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { getOrganizationCurrencyString } from '@/utils/money';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import {
    useVueTable,
    getCoreRowModel,
    getSortedRowModel,
    type SortingState,
} from '@tanstack/vue-table';

const props = defineProps<{
    projects: Project[];
    showBillableRate: boolean;
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn, direction: SortDirection];
}>();

const { clients } = useClientsQuery();

// Create a map of client names for sorting
const clientNameMap = computed(() => {
    const map = new Map<string, string>();
    clients.value.forEach((client) => {
        map.set(client.id, client.name);
    });
    return map;
});

// Convert sort props to TanStack Table format
const sorting = computed<SortingState>(() => [
    {
        id: props.sortColumn,
        desc: props.sortDirection === 'desc',
    },
]);

// Define column accessors for sorting.
// Numeric columns use sortDescFirst so that the first click (chevron down) sorts highest-first,
// while text columns default to ascending (A-Z) on first click (chevron down).
const columns = computed(() => [
    {
        id: 'name',
        accessorFn: (row: Project) => row.name.toLowerCase(),
    },
    {
        id: 'client_name',
        sortUndefined: 'last' as const,
        accessorFn: (row: Project) => {
            if (!row.client_id) return undefined;
            return (clientNameMap.value.get(row.client_id) ?? '').toLowerCase();
        },
    },
    {
        id: 'spent_time',
        sortDescFirst: true,
        accessorFn: (row: Project) => row.spent_time ?? 0,
    },
    {
        id: 'progress',
        sortDescFirst: true,
        sortUndefined: 'last' as const,
        accessorFn: (row: Project) => {
            if (!row.estimated_time) return undefined;
            return (row.spent_time / row.estimated_time) * 100;
        },
    },
    {
        id: 'billable_rate',
        sortDescFirst: true,
        accessorFn: (row: Project) => row.billable_rate ?? 0,
    },
    {
        id: 'status',
        accessorFn: (row: Project) => (row.is_archived ? 1 : 0),
    },
]);

// Columns with sortDescFirst get desc as default direction on first click.
const descFirstColumns = new Set<SortColumn>(
    columns.value.filter((c) => c.sortDescFirst).map((c) => c.id as SortColumn)
);

function handleSort(column: SortColumn) {
    if (props.sortColumn === column) {
        emit('sort', column, props.sortDirection === 'asc' ? 'desc' : 'asc');
    } else {
        emit('sort', column, descFirstColumns.has(column) ? 'desc' : 'asc');
    }
}

const table = useVueTable({
    get data() {
        return props.projects;
    },
    get columns() {
        return columns.value;
    },
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
    state: {
        get sorting() {
            return sorting.value;
        },
    },
    manualSorting: false,
});

const sortedProjects = computed(() => {
    return table.getRowModel().rows.map((row) => row.original);
});

const showCreateProjectModal = ref(false);

async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    return await useProjectsStore().createProject(project);
}

async function createClient(client: CreateClientBody): Promise<Client | undefined> {
    return await useClientsStore().createClient(client);
}

const gridTemplate = computed(() => {
    return `grid-template-columns: minmax(300px, 1fr) minmax(150px, auto) minmax(140px, auto) minmax(130px, auto) ${props.showBillableRate ? 'minmax(130px, auto)' : ''} minmax(120px, auto) 80px;`;
});
</script>

<template>
    <ProjectCreateModal
        v-model:show="showCreateProjectModal"
        :create-project
        :create-client
        :currency="getOrganizationCurrencyString()"
        :clients="clients"
        :enable-estimated-time="isAllowedToPerformPremiumAction()"></ProjectCreateModal>
    <div class="flow-root max-w-[100vw] overflow-x-auto">
        <div class="inline-block min-w-full align-middle">
            <div data-testid="project_table" class="grid min-w-full" :style="gridTemplate">
                <ProjectTableHeading
                    :show-billable-rate="props.showBillableRate"
                    :sort-column="props.sortColumn"
                    :sort-direction="props.sortDirection"
                    :desc-first-columns="descFirstColumns"
                    @sort="handleSort"></ProjectTableHeading>
                <div v-if="sortedProjects.length === 0" class="col-span-5 py-24 text-center">
                    <FolderPlusIcon class="w-8 text-icon-default inline pb-2"></FolderPlusIcon>
                    <h3 class="text-text-primary font-semibold">
                        {{
                            canCreateProjects()
                                ? 'No projects found'
                                : 'You are not a member of any projects'
                        }}
                    </h3>
                    <p class="pb-5 max-w-md mx-auto text-sm pt-1">
                        {{
                            canCreateProjects()
                                ? 'Create your first project now!'
                                : 'Ask your manager to add you to a project as a team member.'
                        }}
                    </p>
                    <SecondaryButton
                        v-if="canCreateProjects()"
                        :icon="PlusIcon"
                        @click="showCreateProjectModal = true"
                        >Create your First Project
                    </SecondaryButton>
                </div>
                <template v-for="project in sortedProjects" :key="project.id">
                    <ProjectTableRow
                        :show-billable-rate="props.showBillableRate"
                        :project="project"></ProjectTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Project/ProjectTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
import { ChevronUpIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { SortColumn, SortDirection } from '@/Components/Common/Project/ProjectTable.vue';

const props = defineProps<{
    showBillableRate: boolean;
    sortColumn: SortColumn;
    sortDirection: SortDirection;
    descFirstColumns: ReadonlySet<SortColumn>;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn];
}>();

function handleSort(column: SortColumn) {
    emit('sort', column);
}

function isSorted(column: SortColumn): boolean {
    return props.sortColumn === column;
}

function isChevronDown(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return props.descFirstColumns.has(column)
        ? props.sortDirection === 'desc'
        : props.sortDirection === 'asc';
}

function isChevronUp(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return !isChevronDown(column);
}
</script>

<template>
    <TableHeading>
        <div
            class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12 cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('name')">
            Name
            <ChevronDownIcon v-if="isChevronDown('name')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('name')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('client_name')">
            Client
            <ChevronDownIcon v-if="isChevronDown('client_name')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('client_name')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('spent_time')">
            Total Time
            <ChevronDownIcon v-if="isChevronDown('spent_time')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('spent_time')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('progress')">
            Progress
            <ChevronDownIcon v-if="isChevronDown('progress')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('progress')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            v-if="showBillableRate"
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('billable_rate')">
            Billable Rate
            <ChevronDownIcon v-if="isChevronDown('billable_rate')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('billable_rate')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div
            class="px-3 py-1.5 text-left text-text-tertiary cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('status')">
            Status
            <ChevronDownIcon v-if="isChevronDown('status')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('status')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/ProjectTableRow.vue
================================================
<script setup lang="ts">
import ProjectMoreOptionsDropdown from '@/Components/Common/Project/ProjectMoreOptionsDropdown.vue';
import type { Project } from '@/packages/api/src';
import { computed, ref, inject, type ComputedRef } from 'vue';
import { CheckCircleIcon, ArchiveBoxIcon } from '@heroicons/vue/24/outline';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useProjectsStore } from '@/utils/useProjects';
import TableRow from '@/Components/TableRow.vue';
import ProjectEditModal from '@/Components/Common/Project/ProjectEditModal.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import { getOrganizationCurrencyString } from '@/utils/money';
import EstimatedTimeProgress from '@/packages/ui/src/EstimatedTimeProgress.vue';
import UpgradeBadge from '@/Components/Common/UpgradeBadge.vue';
import { formatHumanReadableDuration } from '../../../packages/ui/src/utils/time';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import type { Organization } from '@/packages/api/src';

const { clients } = useClientsQuery();
const { tasks } = useTasksQuery();

const props = defineProps<{
    project: Project;
    showBillableRate: boolean;
}>();

const client = computed(() => {
    return clients.value.find((client) => client.id === props.project.client_id);
});

const projectTasksCount = computed(() => {
    return tasks.value.filter((task) => task.project_id === props.project.id).length;
});

function deleteProject() {
    useProjectsStore().deleteProject(props.project.id);
}

function archiveProject() {
    useProjectsStore().updateProject(props.project.id, {
        ...props.project,
        is_archived: !props.project.is_archived,
    });
}

const organization = inject<ComputedRef<Organization>>('organization');

const billableRateInfo = computed(() => {
    if (props.project.is_billable) {
        if (props.project.billable_rate) {
            return formatCents(
                props.project.billable_rate,
                getOrganizationCurrencyString(),
                organization?.value?.currency_format,
                organization?.value?.currency_symbol,
                organization?.value?.number_format
            );
        } else {
            return 'Default Rate';
        }
    }
    return '--';
});

const showEditProjectModal = ref(false);
</script>

<template>
    <ProjectEditModal
        v-model:show="showEditProjectModal"
        :original-project="project"></ProjectEditModal>
    <TableRow :href="route('projects.show', { project: project.id })">
        <div
            class="whitespace-nowrap min-w-0 flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <div
                :style="{
                    backgroundColor: project.color,
                    boxShadow: `var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) ${project.color}30`,
                }"
                class="w-3 h-3 rounded-full"></div>
            <span class="overflow-ellipsis overflow-hidden">
                {{ project.name }}
            </span>
            <span class="text-text-secondary"> {{ projectTasksCount }} Tasks </span>
        </div>
        <div class="whitespace-nowrap min-w-0 px-3 py-4 text-sm text-text-secondary">
            <div v-if="project.client_id" class="overflow-ellipsis overflow-hidden">
                {{ client?.name }}
            </div>
            <div v-else>No client</div>
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            <div v-if="project.spent_time">
                {{
                    formatHumanReadableDuration(
                        project.spent_time,
                        organization?.interval_format,
                        organization?.number_format
                    )
                }}
            </div>
            <div v-else>--</div>
        </div>
        <div class="whitespace-nowrap px-3 flex items-center text-sm text-text-secondary">
            <UpgradeBadge v-if="!isAllowedToPerformPremiumAction()"></UpgradeBadge>
            <EstimatedTimeProgress
                v-else-if="project.estimated_time"
                :estimated="project.estimated_time"
                :current="project.spent_time"></EstimatedTimeProgress>
            <span v-else> -- </span>
        </div>
        <div
            v-if="showBillableRate"
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ billableRateInfo }}
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex space-x-1.5 items-center font-medium">
            <template v-if="project.is_archived">
                <ArchiveBoxIcon class="w-4 text-icon-default"></ArchiveBoxIcon>
                <span>Archived</span>
            </template>
            <template v-else>
                <CheckCircleIcon class="w-4 text-icon-default"></CheckCircleIcon>
                <span>Active</span>
            </template>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <ProjectMoreOptionsDropdown
                :project="project"
                @edit="showEditProjectModal = true"
                @archive="archiveProject"
                @delete="deleteProject"></ProjectMoreOptionsDropdown>
        </div>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Project/ProjectsFilterDropdown.vue
================================================
<script setup lang="ts">
import { computed, ref } from 'vue';
import { UserGroupIcon, CheckCircleIcon } from '@heroicons/vue/16/solid';
import ListFilterIcon from '@/packages/ui/src/Icons/ListFilterIcon.vue';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
    DropdownMenuSub,
    DropdownMenuSubTrigger,
    DropdownMenuSubContent,
    DropdownMenuCheckboxItem,
    DropdownMenuSeparator,
} from '@/Components/ui/dropdown-menu';
import { Button } from '@/packages/ui/src';
import type { Client } from '@/packages/api/src';
import { NO_CLIENT_ID } from './constants';

export interface ProjectFilters {
    status: 'active' | 'archived' | 'all';
    clientIds: string[];
}

const props = defineProps<{
    filters: ProjectFilters;
    clients: Client[];
}>();

const emit = defineEmits<{
    'update:filters': [filters: ProjectFilters];
}>();

const statusOptions = [
    { id: 'active' as const, name: 'Active' },
    { id: 'archived' as const, name: 'Archived' },
];

const open = ref(false);

function updateStatus(status: 'active' | 'archived' | 'all') {
    emit('update:filters', {
        ...props.filters,
        status,
    });
    open.value = false;
}

function toggleClient(clientId: string) {
    const clientIds = props.filters.clientIds.includes(clientId)
        ? props.filters.clientIds.filter((id) => id !== clientId)
        : [...props.filters.clientIds, clientId];

    emit('update:filters', {
        ...props.filters,
        clientIds,
    });
}

function toggleNoClient() {
    const clientIds = props.filters.clientIds.includes(NO_CLIENT_ID)
        ? props.filters.clientIds.filter((id) => id !== NO_CLIENT_ID)
        : [...props.filters.clientIds, NO_CLIENT_ID];

    emit('update:filters', {
        ...props.filters,
        clientIds,
    });
}

const hasActiveFilters = computed(() => {
    return props.filters.status !== 'all' || props.filters.clientIds.length > 0;
});
</script>

<template>
    <DropdownMenu v-model:open="open">
        <DropdownMenuTrigger as-child>
            <Button variant="ghost" size="xs" aria-label="Filter projects">
                <ListFilterIcon
                    :class="[hasActiveFilters ? '' : '-ml-0.5', 'h-4 w-4 text-icon-default']" />
                <span v-if="!hasActiveFilters" class="text-nowrap">Filter</span>
            </Button>
        </DropdownMenuTrigger>
        <DropdownMenuContent align="start" class="w-56">
            <!-- Status Filter -->
            <DropdownMenuSub>
                <DropdownMenuSubTrigger class="gap-2">
                    <CheckCircleIcon class="h-4 w-4 text-icon-default" />
                    <span>Status</span>
                </DropdownMenuSubTrigger>
                <DropdownMenuSubContent>
                    <DropdownMenuItem
                        v-for="option in statusOptions"
                        :key="option.id"
                        :class="[
                            filters.status === option.id && 'bg-accent text-accent-foreground',
                        ]"
                        @click="updateStatus(option.id)">
                        {{ option.name }}
                    </DropdownMenuItem>
                </DropdownMenuSubContent>
            </DropdownMenuSub>

            <!-- Client Filter -->
            <DropdownMenuSub v-if="clients.length > 0">
                <DropdownMenuSubTrigger class="gap-2">
                    <UserGroupIcon class="h-4 w-4 text-icon-default" />
                    <span>Client</span>
                </DropdownMenuSubTrigger>
                <DropdownMenuSubContent class="max-h-[300px] overflow-y-auto">
                    <DropdownMenuCheckboxItem
                        :model-value="filters.clientIds.includes(NO_CLIENT_ID)"
                        @select.prevent="toggleNoClient">
                        No client
                    </DropdownMenuCheckboxItem>
                    <DropdownMenuSeparator />
                    <DropdownMenuCheckboxItem
                        v-for="client in clients"
                        :key="client.id"
                        :model-value="filters.clientIds.includes(client.id)"
                        @select.prevent="toggleClient(client.id)">
                        {{ client.name }}
                    </DropdownMenuCheckboxItem>
                </DropdownMenuSubContent>
            </DropdownMenuSub>
        </DropdownMenuContent>
    </DropdownMenu>
</template>


================================================
FILE: resources/js/Components/Common/Project/constants.ts
================================================
export const NO_CLIENT_ID = '__no_client__';


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue
================================================
<script setup lang="ts">
import { getOrganizationCurrencyString } from '@/utils/money';
import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    newBillableRate?: number | null;
    memberName?: string;
}>();

defineEmits<{
    submit: [];
}>();
</script>

<template>
    <BillableRateModal
        v-model:show="show"
        v-model:saving="saving"
        title="Update Project Member Billable Rate"
        @submit="$emit('submit')">
        <p class="py-1 text-center">
            The billable rate of {{ memberName }} will be updated to
            <strong>{{
                newBillableRate
                    ? formatCents(
                          newBillableRate,
                          getOrganizationCurrencyString(),
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : ' the default rate of the project'
            }}</strong
            >.
        </p>
        <p class="py-1 text-center font-semibold max-w-md mx-auto">
            Do you want to update all existing time entries, where the project member billable rate
            applies as well?
        </p>
    </BillableRateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberCreateModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import type { CreateProjectMemberBody, ProjectMember } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useProjectMembersStore } from '@/utils/useProjectMembers';
import MemberCombobox from '@/Components/Common/Member/MemberCombobox.vue';
import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
import { getOrganizationCurrencyString } from '@/utils/money';
const { createProjectMember } = useProjectMembersStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    projectId: string;
    existingMembers: ProjectMember[];
}>();

const projectMember = ref<CreateProjectMemberBody>({
    member_id: '',
    billable_rate: null,
});

async function submit() {
    await createProjectMember(props.projectId, projectMember.value);
    show.value = false;
    projectMember.value = {
        member_id: '',
        billable_rate: null,
    };
}

const projectNameInput = ref<HTMLInputElement | null>(null);

useFocus(projectNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span>Add Project Member</span>
            </div>
        </template>

        <template #content>
            <div class="grid grid-cols-3 items-center space-x-4">
                <div class="col-span-3 sm:col-span-2">
                    <MemberCombobox
                        v-model="projectMember.member_id"
                        :hidden-members="props.existingMembers"></MemberCombobox>
                </div>
                <div class="col-span-3 sm:col-span-1 flex-1">
                    <BillableRateInput
                        v-model="projectMember.billable_rate"
                        name="billable_rate"
                        :currency="getOrganizationCurrencyString()"></BillableRateInput>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false">Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Add Project Member
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberEditModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref, watch } from 'vue';
import type { ProjectMember, UpdateProjectMemberBody } from '@/packages/api/src';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useProjectMembersStore } from '@/utils/useProjectMembers';
import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
import { UserIcon } from '@heroicons/vue/24/solid';
import ProjectMemberBillableRateModal from '@/Components/Common/ProjectMember/ProjectMemberBillableRateModal.vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import { getOrganizationCurrencyString } from '@/utils/money';
const { updateProjectMember } = useProjectMembersStore();

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    projectMember: ProjectMember;
    name?: string;
}>();

const projectMemberBody = ref<UpdateProjectMemberBody>({
    billable_rate: props.projectMember.billable_rate,
});
const showBillableRateModal = ref(false);
async function submit() {
    if (props.projectMember.billable_rate !== projectMemberBody.value.billable_rate) {
        // make sure that the alert modal is not immediately submitted when user presses enter
        setTimeout(() => {
            showBillableRateModal.value = true;
        }, 0);
        return;
    }
    await updateProjectMember(props.projectMember.id, projectMemberBody.value);
    show.value = false;
    projectMemberBody.value = {
        billable_rate: null,
    };
}

async function submitBillableRate() {
    await updateProjectMember(props.projectMember.id, projectMemberBody.value);
    show.value = false;
    showBillableRateModal.value = false;
}

watch(
    () => show.value,
    (value) => {
        if (value) {
            projectMemberBody.value = {
                billable_rate: props.projectMember.billable_rate,
            };
        }
    }
);

const projectNameInput = ref<HTMLInputElement | null>(null);

useFocus(projectNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span>Edit Project Member</span>
            </div>
        </template>

        <template #content>
            <ProjectMemberBillableRateModal
                v-model:show="showBillableRateModal"
                :member-name="props.name"
                :new-billable-rate="projectMemberBody.billable_rate"
                @close="showBillableRateModal = false"
                @submit="submitBillableRate"></ProjectMemberBillableRateModal>
            <div class="grid grid-cols-3 items-center space-x-4">
                <div class="col-span-3 sm:col-span-2 space-x-2 flex items-center">
                    <UserIcon class="w-4 text-text-secondary"></UserIcon>
                    <span>{{ props.name }}</span>
                </div>
                <Field class="col-span-3 sm:col-span-1 flex-1">
                    <FieldLabel for="billable_rate">Billable Rate</FieldLabel>
                    <BillableRateInput
                        v-model="projectMemberBody.billable_rate"
                        :currency="getOrganizationCurrencyString()"
                        name="billable_rate"
                        @keydown.enter="submit"></BillableRateInput>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false">Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Project Member
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
import type { ProjectMember } from '@/packages/api/src';
import { useMembersQuery } from '@/utils/useMembersQuery';
import { computed } from 'vue';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    edit: [];
}>();
const props = defineProps<{
    projectMember: ProjectMember;
}>();

const { members } = useMembersQuery();

const currentMember = computed(() => {
    return members.value.find((member) => member.id === props.projectMember.user_id);
});
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Project Member ' + currentMember?.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                :aria-label="'Edit Project Member ' + currentMember?.name"
                class="flex items-center space-x-3 cursor-pointer"
                @click.prevent="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                :aria-label="'Delete Project Member ' + currentMember?.name"
                data-testid="project_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click.prevent="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Remove from Team</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { ref } from 'vue';
import ProjectMemberTableRow from '@/Components/Common/ProjectMember/ProjectMemberTableRow.vue';
import { UserGroupIcon } from '@heroicons/vue/24/solid';
import ProjectMemberTableHeading from '@/Components/Common/ProjectMember/ProjectMemberTableHeading.vue';
import ProjectMemberCreateModal from '@/Components/Common/ProjectMember/ProjectMemberCreateModal.vue';
import type { ProjectMember } from '@/packages/api/src';

defineProps<{
    projectId: string;
    projectMembers: ProjectMember[];
}>();

const createProjectMember = ref(false);
</script>

<template>
    <ProjectMemberCreateModal
        v-model:show="createProjectMember"
        :existing-members="projectMembers"
        :project-id="projectId"></ProjectMemberCreateModal>
    <div class="flow-root">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="project_member_table"
                class="grid min-w-full"
                style="grid-template-columns: 1fr 150px 150px 80px">
                <ProjectMemberTableHeading></ProjectMemberTableHeading>
                <div v-if="projectMembers.length === 0" class="col-span-5 py-24 text-center">
                    <UserGroupIcon class="w-8 text-icon-default inline pb-2"></UserGroupIcon>
                    <h3 class="text-text-primary font-semibold">No project members</h3>
                    <p class="pb-5">Add the first project member!</p>
                    <SecondaryButton :icon="PlusIcon" @click="createProjectMember = true"
                        >Add a new Project Member
                    </SecondaryButton>
                </div>
                <template v-for="projectMember in projectMembers" :key="projectMember.id">
                    <ProjectMemberTableRow :project-member="projectMember"></ProjectMemberTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
</script>

<template>
    <TableHeading>
        <div class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            Name
        </div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Billable Rate</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Role</div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/ProjectMember/ProjectMemberTableRow.vue
================================================
<script setup lang="ts">
import type { ProjectMember } from '@/packages/api/src';
import { computed, ref, inject, type ComputedRef } from 'vue';
import TableRow from '@/Components/TableRow.vue';
import { useMembersQuery } from '@/utils/useMembersQuery';
import { useProjectMembersStore } from '@/utils/useProjectMembers';
import ProjectMemberMoreOptionsDropdown from '@/Components/Common/ProjectMember/ProjectMemberMoreOptionsDropdown.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import { capitalizeFirstLetter } from '@/utils/format';
import ProjectMemberEditModal from '@/Components/Common/ProjectMember/ProjectMemberEditModal.vue';
import { getOrganizationCurrencyString } from '@/utils/money';
import type { Organization } from '@/packages/api/src';

const props = defineProps<{
    projectMember: ProjectMember;
}>();

const organization = inject<ComputedRef<Organization>>('organization');

function deleteProjectMember() {
    useProjectMembersStore().deleteProjectMember(
        props.projectMember.project_id,
        props.projectMember.id
    );
}

function editProjectMember() {
    showEditModal.value = true;
}

const { members } = useMembersQuery();
const member = computed(() => {
    return members.value.find((member) => member.id === props.projectMember.member_id);
});
const showEditModal = ref(false);
</script>

<template>
    <TableRow>
        <ProjectMemberEditModal
            v-model:show="showEditModal"
            :name="member?.name"
            :project-member="projectMember"></ProjectMemberEditModal>
        <div
            class="whitespace-nowrap flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span>
                {{ member?.name }}
            </span>
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{
                projectMember.billable_rate
                    ? formatCents(
                          projectMember.billable_rate,
                          getOrganizationCurrencyString(),
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : '--'
            }}
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ capitalizeFirstLetter(member?.role ?? '') }}
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium sm:pr-0 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <ProjectMemberMoreOptionsDropdown
                :project-member="projectMember"
                @delete="deleteProjectMember"
                @edit="editProjectMember"></ProjectMemberMoreOptionsDropdown>
        </div>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '../../../packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '../../../packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import PrimaryButton from '../../../packages/ui/src/Buttons/PrimaryButton.vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import type { CreateReportBody, CreateReportBodyProperties } from '@/packages/api/src';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { Checkbox } from '@/packages/ui/src';
import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
import { useNotificationsStore } from '@/utils/notification';
import { getDayJsInstance } from '@/packages/ui/src/utils/time';
import { router } from '@inertiajs/vue3';

const show = defineModel('show', { default: false });
const saving = ref(false);
const queryClient = useQueryClient();

const createReportMutation = useMutation({
    mutationFn: async (report: CreateReportBody) => {
        const organizationId = getCurrentOrganizationId();
        if (organizationId === null) {
            throw new Error('No current organization id - create report');
        }
        return await api.createReport(report, {
            params: {
                organization: organizationId,
            },
        });
    },
    onSuccess: () => {
        queryClient.invalidateQueries({
            queryKey: ['reports'],
        });
    },
});

const props = defineProps<{
    properties: CreateReportBodyProperties;
}>();

const report = ref({
    name: '',
    description: '',
    is_public: true,
    public_until: null,
});

const { handleApiRequestNotifications } = useNotificationsStore();

async function submit() {
    const publicUntil = report.value.public_until
        ? getDayJsInstance()(report.value.public_until).utc().format()
        : null;
    await handleApiRequestNotifications(
        () =>
            createReportMutation.mutateAsync({
                ...report.value,
                public_until: publicUntil,
                properties: { ...props.properties },
            }),
        'Success',
        'Error',
        () => {
            report.value = {
                name: '',
                description: '',
                is_public: false,
                public_until: null,
            };
            show.value = false;
            router.visit(route('reporting.shared'));
        }
    );
}
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Report </span>
            </div>
        </template>

        <template #content>
            <div class="items-center space-y-4 w-full">
                <Field class="w-full">
                    <FieldLabel for="name">Name</FieldLabel>
                    <TextInput id="name" v-model="report.name" class="w-full"></TextInput>
                </Field>
                <Field>
                    <FieldLabel for="description">Description</FieldLabel>
                    <TextInput
                        id="description"
                        v-model="report.description"
                        class="w-full"></TextInput>
                </Field>
                <Field>
                    <FieldLabel>Visibility</FieldLabel>
                    <div class="flex items-center space-x-12">
                        <Field orientation="horizontal" class="px-2 py-3">
                            <Checkbox id="is_public" v-model:checked="report.is_public"></Checkbox>
                            <FieldLabel for="is_public">Public</FieldLabel>
                        </Field>
                        <Field v-if="report.is_public" class="flex-row items-center space-x-4">
                            <div>
                                <FieldLabel for="public_until">Expires at</FieldLabel>
                                <div class="text-text-tertiary font-medium">(optional)</div>
                            </div>
                            <DatePicker v-model="report.public_until"></DatePicker>
                        </Field>
                    </div>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Report
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '../../../packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '../../../packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, ref, watch } from 'vue';
import PrimaryButton from '../../../packages/ui/src/Buttons/PrimaryButton.vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import type { UpdateReportBody } from '@/packages/api/src';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { Checkbox } from '@/packages/ui/src';
import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
import { useNotificationsStore } from '@/utils/notification';
import type { Report } from '@/packages/api/src';
import { getDayJsInstance, getLocalizedDayJs } from '@/packages/ui/src/utils/time';

const show = defineModel('show', { default: false });
const saving = ref(false);
const queryClient = useQueryClient();

const updateReportMutation = useMutation({
    mutationFn: async (report: UpdateReportBody) => {
        const organizationId = getCurrentOrganizationId();
        if (organizationId === null) {
            throw new Error('No current organization id - update report');
        }
        return await api.updateReport(report, {
            params: {
                organization: organizationId,
                report: props.originalReport.id,
            },
        });
    },
    onSuccess: () => {
        queryClient.invalidateQueries({
            queryKey: ['reports'],
        });
    },
});

const props = defineProps<{
    originalReport: Report;
}>();

const report = ref<UpdateReportBody>({
    name: props.originalReport.name,
    description: props.originalReport.description,
    is_public: props.originalReport.is_public,
    public_until: props.originalReport.public_until,
});

watch(
    () => props.originalReport,
    () => {
        report.value = {
            name: props.originalReport.name,
            description: props.originalReport.description,
            is_public: props.originalReport.is_public,
            public_until: props.originalReport.public_until,
        };
    }
);

// Intermediate local variable for DatePicker (converts between UTC and localized)
const localPublicUntil = computed({
    get: () => {
        if (!report.value.public_until) return null;
        return getLocalizedDayJs(report.value.public_until).format();
    },
    set: (value: string | null) => {
        report.value.public_until = value ? getDayJsInstance()(value).utc().format() : null;
    },
});

const { handleApiRequestNotifications } = useNotificationsStore();

async function submit() {
    // public_until is already in UTC format from the computed setter
    await handleApiRequestNotifications(
        () => updateReportMutation.mutateAsync(report.value),
        'Success',
        'Error',
        () => {
            report.value = {
                name: '',
                description: '',
                is_public: false,
                public_until: null,
                properties: {},
            };
            show.value = false;
        }
    );
}
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Report </span>
            </div>
        </template>

        <template #content>
            <div class="items-center space-y-4 w-full">
                <Field class="w-full">
                    <FieldLabel for="name">Name</FieldLabel>
                    <TextInput id="name" v-model="report.name" class="w-full"></TextInput>
                </Field>
                <Field>
                    <FieldLabel for="description">Description</FieldLabel>
                    <TextInput
                        id="description"
                        v-model="report.description"
                        class="w-full"></TextInput>
                </Field>
                <Field>
                    <FieldLabel>Visibility</FieldLabel>
                    <div class="flex items-center space-x-12">
                        <Field orientation="horizontal" class="px-2 py-3">
                            <Checkbox id="is_public" v-model:checked="report.is_public"></Checkbox>
                            <FieldLabel for="is_public">Public</FieldLabel>
                        </Field>
                        <Field v-if="report.is_public" orientation="horizontal">
                            <FieldLabel for="public_until">Expires at</FieldLabel>
                            <DatePicker v-model="localPublicUntil"></DatePicker>
                        </Field>
                    </div>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Report
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
import type { Report } from '@/packages/api/src';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';
import { canDeleteReport, canUpdateReport } from '@/utils/permissions';

const emit = defineEmits<{
    delete: [];
    edit: [];
    archive: [];
}>();
const props = defineProps<{
    report: Report;
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Project ' + props.report.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateReport()"
                :aria-label="'Edit Report ' + props.report.name"
                class="flex items-center space-x-3 cursor-pointer"
                @click.prevent="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteReport()"
                :aria-label="'Delete Report ' + props.report.name"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click.prevent="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportSaveButton.vue
================================================
<script setup lang="ts">
import { SecondaryButton } from '@/packages/ui/src';
import ReportCreateModal from '@/Components/Common/Report/ReportCreateModal.vue';
import { h, ref } from 'vue';
import type { CreateReportBodyProperties } from '@/packages/api/src';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import UpgradeModal from '@/Components/Common/UpgradeModal.vue';
import { canCreateReports } from '@/utils/permissions';
defineProps<{
    reportProperties: CreateReportBodyProperties;
}>();

const showCreateReportModal = ref(false);
const showPremiumModal = ref(false);
const SaveIcon = h('div', {
    innerHTML:
        '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path d="M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7"/></g></svg>',
});

function onSaveReportClick() {
    if (isAllowedToPerformPremiumAction()) {
        showCreateReportModal.value = true;
    } else {
        showPremiumModal.value = true;
    }
}
</script>

<template>
    <ReportCreateModal
        v-model:show="showCreateReportModal"
        :properties="reportProperties"></ReportCreateModal>
    <UpgradeModal v-model:show="showPremiumModal">
        <strong>Sharable Reports</strong> is only available in solidtime Professional.
    </UpgradeModal>
    <SecondaryButton v-if="canCreateReports()" :icon="SaveIcon" @click="onSaveReportClick"
        >Save Report</SecondaryButton
    >
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { FolderPlusIcon } from '@heroicons/vue/24/solid';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { computed } from 'vue';
import { canCreateProjects } from '@/utils/permissions';
import type { Report } from '@/packages/api/src';
import ReportTableHeading from '@/Components/Common/Report/ReportTableHeading.vue';
import ReportTableRow from '@/Components/Common/Report/ReportTableRow.vue';
import { router } from '@inertiajs/vue3';

defineProps<{
    reports: Report[];
}>();

const gridTemplate = computed(() => {
    return `grid-template-columns: minmax(150px, auto) minmax(200px, 1fr) minmax(100px, 120px) minmax(80px, 100px) minmax(100px, 120px) minmax(130px, auto) 80px;`;
});
</script>

<template>
    <div class="flow-root max-w-[100vw] overflow-x-auto">
        <div class="inline-block min-w-full align-middle">
            <div data-testid="report_table" class="grid min-w-full" :style="gridTemplate">
                <ReportTableHeading></ReportTableHeading>
                <div v-if="reports.length === 0" class="col-span-7 py-24 text-center">
                    <FolderPlusIcon class="w-8 text-icon-default inline pb-2"></FolderPlusIcon>
                    <h3 class="text-text-primary font-semibold">No shared reports found</h3>
                    <p v-if="canCreateProjects()" class="pb-5">
                        Go to the overview to create a report
                    </p>
                    <SecondaryButton :icon="PlusIcon" @click="router.visit(route('reporting'))"
                        >Go to overview
                    </SecondaryButton>
                </div>
                <template v-for="report in reports" :key="report.id">
                    <ReportTableRow :report="report"></ReportTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Report/ReportTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
</script>

<template>
    <TableHeading>
        <div class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            Name
        </div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Description</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Created At</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Visibility</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Expires At</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Public URL</div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Report/ReportTableRow.vue
================================================
<script setup lang="ts">
import { type ComputedRef, computed, inject, ref } from 'vue';
import TableRow from '@/Components/TableRow.vue';
import { api, type Report, type Organization } from '@/packages/api/src';
import ReportMoreOptionsDropdown from '@/Components/Common/Report/ReportMoreOptionsDropdown.vue';
import ReportEditModal from '@/Components/Common/Report/ReportEditModal.vue';
import { SecondaryButton } from '@/packages/ui/src';
import { useClipboard } from '@vueuse/core';
import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';
import { GlobeAltIcon, LockClosedIcon } from '@heroicons/vue/24/outline';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { formatDateLocalized } from '@/packages/ui/src/utils/time';

const props = defineProps<{
    report: Report;
}>();

const showEditReportModal = ref(false);

const { copy, copied, isSupported } = useClipboard({ legacy: true });
const { handleApiRequestNotifications } = useNotificationsStore();
const organization = inject<ComputedRef<Organization | undefined>>('organization');
const dateFormat = computed(() => organization?.value?.date_format);

function openSharableLink() {
    const link = props.report.shareable_link;
    if (link) {
        window.open(link, '_blank')?.focus();
    }
}

const queryClient = useQueryClient();
const deleteReportMutation = useMutation({
    mutationFn: async (reportId: string) => {
        const organizationId = getCurrentOrganizationId();
        if (organizationId === null) {
            throw new Error('No current organization id - update report');
        }
        return await api.deleteReport(undefined, {
            params: {
                organization: organizationId,
                report: reportId,
            },
        });
    },
    onSuccess: () => {
        queryClient.invalidateQueries({
            queryKey: ['reports'],
        });
    },
});
async function deleteReport() {
    await handleApiRequestNotifications(
        () => deleteReportMutation.mutateAsync(props.report.id),
        'Success',
        'Error'
    );
}
</script>

<template>
    <ReportEditModal v-model:show="showEditReportModal" :original-report="report"></ReportEditModal>
    <TableRow>
        <div
            class="whitespace-nowrap min-w-0 flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span class="overflow-ellipsis overflow-hidden">
                {{ report.name }}
            </span>
        </div>
        <div class="whitespace-nowrap min-w-0 px-3 py-4 text-sm text-text-secondary">
            <span class="overflow-ellipsis overflow-hidden">
                {{ report.description }}
            </span>
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            {{ formatDateLocalized(report.created_at, dateFormat) }}
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex items-center gap-1.5">
            <GlobeAltIcon v-if="report.is_public" class="w-4 h-4 shrink-0 text-text-tertiary" />
            <LockClosedIcon v-else class="w-4 h-4 shrink-0 text-text-tertiary" />
            <span>{{ report.is_public ? 'Public' : 'Private' }}</span>
        </div>
        <div class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary">
            <span v-if="report.public_until">
                {{ formatDateLocalized(report.public_until, dateFormat) }}
            </span>
            <span v-else>Never</span>
        </div>
        <div class="whitespace-nowrap px-3 flex items-center text-sm text-text-secondary">
            <div v-if="report.shareable_link" class="space-x-2 flex items-center">
                <SecondaryButton v-if="isSupported" @click="copy(report.shareable_link)">
                    <span v-if="!copied">Copy URL</span>
                    <span v-else>Copied!</span>
                </SecondaryButton>
                <button
                    class="outline-0 focus-visible:ring-2 w-6 h-6 flex items-center justify-center rounded focus-visible:ring-ring"
                    @click="openSharableLink">
                    <ArrowTopRightOnSquareIcon
                        class="w-4 text-text-tertiary hover:text-text-secondary transition"></ArrowTopRightOnSquareIcon>
                </button>
            </div>
            <span v-else> -- </span>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <ReportMoreOptionsDropdown
                :report="report"
                @edit="showEditReportModal = true"
                @delete="deleteReport"></ReportMoreOptionsDropdown>
        </div>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingChart.vue
================================================
<script setup lang="ts">
import VChart, { THEME_KEY } from 'vue-echarts';
import { computed, provide, inject, shallowRef, type ComputedRef } from 'vue';
import LinearGradient from 'zrender/lib/graphic/LinearGradient';
import { formatDate, formatHumanReadableDuration, formatWeek } from '@/packages/ui/src/utils/time';
import { use } from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
import { BarChart } from 'echarts/charts';
import {
    GridComponent,
    LegendComponent,
    TitleComponent,
    TooltipComponent,
} from 'echarts/components';
import type { AggregatedTimeEntries, Organization } from '@/packages/api/src';
import { useCssVariable } from '@/utils/useCssVariable';

use([CanvasRenderer, BarChart, TitleComponent, GridComponent, TooltipComponent, LegendComponent]);

provide(THEME_KEY, 'dark');

const organization = inject<ComputedRef<Organization>>('organization');
const chart = shallowRef(null);
type GroupedData = AggregatedTimeEntries['grouped_data'];

const props = defineProps<{
    groupedData: GroupedData;
    groupedType: string | null;
}>();

const xAxisLabels = computed(() => {
    if (props.groupedType === 'week') {
        return props?.groupedData?.map((el) => formatWeek(el.key));
    }
    return props?.groupedData?.map((el) =>
        formatDate(el.key ?? '', organization?.value?.date_format)
    );
});
const accentColor = useCssVariable('--theme-color-chart');
const labelColor = useCssVariable('--color-text-secondary');
const markLineColor = useCssVariable('--color-border-secondary');
const splitLineColor = useCssVariable('--color-border-tertiary');

const seriesData = computed(() => {
    return props?.groupedData?.map((el) => {
        return {
            value: el.seconds,
            ...{
                itemStyle: {
                    borderColor: new LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: 'rgba(' + accentColor.value + ',0.7)',
                        },
                        {
                            offset: 1,
                            color: 'rgba(' + accentColor.value + ',0.5)',
                        },
                    ]),
                    emphasis: {
                        color: new LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgba(' + accentColor.value + ',0.9)',
                            },
                            {
                                offset: 1,
                                color: 'rgba(' + accentColor.value + ',0.7)',
                            },
                        ]),
                    },
                    borderRadius: [12, 12, 0, 0],
                    color: new LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: 'rgba(' + accentColor.value + ',0.7)',
                        },
                        {
                            offset: 1,
                            color: 'rgba(' + accentColor.value + ',0.5)',
                        },
                    ]),
                },
            },
        };
    });
});

const option = computed(() => ({
    tooltip: {
        trigger: 'item',
    },
    grid: {
        top: 0,
        right: 0,
        bottom: 50,
        left: 0,
    },
    backgroundColor: 'transparent',
    xAxis: {
        type: 'category',
        data: xAxisLabels.value,
        markLine: {
            lineStyle: {
                color: markLineColor.value,
                type: 'dashed',
            },
        },
        axisLine: {
            show: false,
        },
        axisLabel: {
            fontSize: 12,
            fontWeight: 400,
            color: labelColor.value,
            margin: 16,
            fontFamily: 'Inter, sans-serif',
        },
        axisTick: {
            show: false,
        },
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            show: false,
        },
        splitLine: {
            lineStyle: {
                color: splitLineColor.value,
            },
        },
    },
    series: [
        {
            data: seriesData.value,
            type: 'bar',
            tooltip: {
                valueFormatter: (value: number) => {
                    return formatHumanReadableDuration(
                        value,
                        organization?.value?.interval_format,
                        organization?.value?.number_format
                    );
                },
            },
        },
    ],
}));
</script>

<template>
    <div class="w-[calc(100%-1px)]">
        <v-chart
            v-if="groupedData && groupedData?.length > 0"
            ref="chart"
            :autoresize="true"
            class="chart"
            :option="option" />
        <div v-else class="chart flex flex-col items-center justify-center">
            <p class="text-lg text-text-primary font-semibold">No time entries found</p>
            <p>Try to change the filters and time range</p>
        </div>
    </div>
</template>

<style scoped>
.chart {
    height: 300px;
    background: transparent;
}
</style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingExportButton.vue
================================================
<script setup lang="ts">
import { SecondaryButton } from '@/packages/ui/src';
import { ArrowDownTrayIcon, LockClosedIcon } from '@heroicons/vue/20/solid';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';
import type { ExportFormat } from '@/types/reporting';
import { ref } from 'vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import UpgradeModal from '@/Components/Common/UpgradeModal.vue';

const props = defineProps<{
    download: (format: ExportFormat) => Promise<void>;
}>();
const loading = ref(false);
const showPremiumModal = ref(false);
function triggerDownload(format: ExportFormat) {
    if (format === 'pdf' && !isAllowedToPerformPremiumAction()) {
        showPremiumModal.value = true;
        return;
    }
    loading.value = true;
    props.download(format).finally(() => {
        loading.value = false;
    });
}
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <SecondaryButton :icon="ArrowDownTrayIcon" :loading> Export </SecondaryButton>
        </DropdownMenuTrigger>
        <DropdownMenuContent align="end">
            <DropdownMenuItem @click="triggerDownload('pdf')">
                <div class="flex items-center space-x-2">
                    <span>Export as PDF</span>
                    <LockClosedIcon
                        v-if="!isAllowedToPerformPremiumAction()"
                        class="w-3.5 text-text-tertiary" />
                </div>
            </DropdownMenuItem>
            <DropdownMenuItem @click="triggerDownload('xlsx')"> Export as Excel </DropdownMenuItem>
            <DropdownMenuItem @click="triggerDownload('csv')"> Export as CSV </DropdownMenuItem>
            <DropdownMenuItem @click="triggerDownload('ods')"> Export as ODS </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
    <UpgradeModal v-model:show="showPremiumModal">
        <strong>PDF Reports</strong> are only available in solidtime Professional.
    </UpgradeModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingExportModal.vue
================================================
<script setup lang="ts">
import { ArrowDownTrayIcon, CheckCircleIcon, XMarkIcon } from '@heroicons/vue/20/solid';
import { Modal, PrimaryButton } from '@/packages/ui/src';
const props = defineProps<{
    exportUrl: string | null;
}>();

const showExportModal = defineModel('show', { default: false });

function downloadCurrentExport() {
    if (props.exportUrl) {
        window.open(props.exportUrl, '_blank')?.focus();
    }
}
</script>

<template>
    <Modal closeable max-width="lg" :show="showExportModal" @close="showExportModal = false">
        <button
            class="text-text-tertiary w-6 mx-auto absolute focus-visible:outline-none focus-visible:ring-2 rounded-full focus-visible:ring-ring transition focus-visible:text-text-primary hover:text-text-primary top-2 right-2">
            <XMarkIcon @click="showExportModal = false"></XMarkIcon>
        </button>
        <div class="text-center text-text-primary py-6">
            <div class="flex items-center font-semibold text-lg justify-center space-x-2 pb-2">
                <CheckCircleIcon class="text-text-tertiary w-6"></CheckCircleIcon>
                <span> Export Successful! </span>
            </div>
            <div class="text-center text-sm max-w-64 mx-auto">
                <p class="pb-5">Your export is ready, you can download it with the button below.</p>
                <PrimaryButton :icon="ArrowDownTrayIcon" @click="downloadCurrentExport"
                    >Download</PrimaryButton
                >
            </div>
        </div>
    </Modal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingFilterBadge.vue
================================================
<script setup lang="ts">
import { Button } from '@/packages/ui/src';

const props = defineProps<{
    icon: Component;
    title: string;
    count?: number;
    active?: boolean;
}>();
import { type Component, computed } from 'vue';
import { twMerge } from 'tailwind-merge';

const activeClass = computed(() => {
    if (props.active) {
        return 'border-accent-300/50 bg-accent-50 hover:bg-accent-100 dark:border-accent-300/50 dark:bg-accent-300/5 dark:hover:bg-accent-300/10';
    }
    return '';
});

const iconClass = computed(() => {
    return twMerge(
        '-ml-0.5 h-4 w-4',
        props.active ? 'dark:text-accent-300/80 text-accent-400/80' : 'text-text-quaternary'
    );
});
</script>

<template>
    <Button variant="outline" size="sm" :class="twMerge(activeClass)">
        <component :is="icon" :class="iconClass"></component>
        <span class="text-nowrap"> {{ title }} </span>
        <div
            v-if="count"
            class="bg-accent-300/20 w-5 h-5 font-medium rounded flex items-center transition justify-center">
            {{ count }}
        </div>
    </Button>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingFilterBar.vue
================================================
<script setup lang="ts">
import { CheckCircleIcon, TagIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
import { FolderIcon } from '@heroicons/vue/16/solid';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import ReportingRoundingControls from '@/Components/Common/Reporting/ReportingRoundingControls.vue';
import TaskMultiselectDropdown from '@/Components/Common/Task/TaskMultiselectDropdown.vue';
import ClientMultiselectDropdown from '@/Components/Common/Client/ClientMultiselectDropdown.vue';
import MemberMultiselectDropdown from '@/Components/Common/Member/MemberMultiselectDropdown.vue';
import ReportingFilterBadge from '@/Components/Common/Reporting/ReportingFilterBadge.vue';
import ProjectMultiselectDropdown from '@/Components/Common/Project/ProjectMultiselectDropdown.vue';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import DateRangePicker from '@/packages/ui/src/Input/DateRangePicker.vue';
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useTagsStore } from '@/utils/useTags';

type TimeEntryRoundingType = 'up' | 'down' | 'nearest';

const selectedMembers = defineModel<string[]>('selectedMembers', { required: true });
const selectedProjects = defineModel<string[]>('selectedProjects', { required: true });
const selectedTasks = defineModel<string[]>('selectedTasks', { required: true });
const selectedClients = defineModel<string[]>('selectedClients', { required: true });
const selectedTags = defineModel<string[]>('selectedTags', { required: true });
const billable = defineModel<'true' | 'false' | null>('billable', { required: true });
const roundingEnabled = defineModel<boolean>('roundingEnabled', { required: true });
const roundingType = defineModel<TimeEntryRoundingType>('roundingType', { required: true });
const roundingMinutes = defineModel<number>('roundingMinutes', { required: true });
const startDate = defineModel<string>('startDate', { required: true });
const endDate = defineModel<string>('endDate', { required: true });

const emit = defineEmits<{
    submit: [];
}>();

const { tags } = useTagsQuery();

async function createTag(name: string) {
    return await useTagsStore().createTag(name);
}
</script>

<template>
    <div class="py-2.5 w-full border-b border-default-background-separator">
        <MainContainer class="sm:flex space-y-4 sm:space-y-0 justify-between">
            <div class="flex flex-wrap items-center space-y-2 sm:space-y-0 space-x-3">
                <div class="text-sm font-medium">Filters</div>
                <MemberMultiselectDropdown v-model="selectedMembers" @submit="emit('submit')">
                    <template #trigger>
                        <ReportingFilterBadge
                            :count="selectedMembers.length"
                            :active="selectedMembers.length > 0"
                            title="Members"
                            :icon="UserGroupIcon" />
                    </template>
                </MemberMultiselectDropdown>
                <ProjectMultiselectDropdown v-model="selectedProjects" @submit="emit('submit')">
                    <template #trigger>
                        <ReportingFilterBadge
                            :count="selectedProjects.length"
                            :active="selectedProjects.length > 0"
                            title="Projects"
                            :icon="FolderIcon" />
                    </template>
                </ProjectMultiselectDropdown>
                <TaskMultiselectDropdown v-model="selectedTasks" @submit="emit('submit')">
                    <template #trigger>
                        <ReportingFilterBadge
                            :count="selectedTasks.length"
                            :active="selectedTasks.length > 0"
                            title="Tasks"
                            :icon="CheckCircleIcon" />
                    </template>
                </TaskMultiselectDropdown>
                <ClientMultiselectDropdown v-model="selectedClients" @submit="emit('submit')">
                    <template #trigger>
                        <ReportingFilterBadge
                            :count="selectedClients.length"
                            :active="selectedClients.length > 0"
                            title="Clients"
                            :icon="FolderIcon" />
                    </template>
                </ClientMultiselectDropdown>
                <TagDropdown
                    v-model="selectedTags"
                    :create-tag
                    :tags="tags"
                    @submit="emit('submit')">
                    <template #trigger>
                        <ReportingFilterBadge
                            :count="selectedTags.length"
                            :active="selectedTags.length > 0"
                            title="Tags"
                            :icon="TagIcon" />
                    </template>
                </TagDropdown>

                <Select v-model="billable" @update:model-value="emit('submit')">
                    <SelectTrigger
                        size="sm"
                        variant="outline"
                        :active="billable !== null"
                        :show-chevron="false">
                        <SelectValue class="flex items-center gap-2">
                            <BillableIcon
                                class="h-4"
                                :class="
                                    billable !== null
                                        ? 'dark:text-accent-300/80 text-accent-400/80'
                                        : 'text-text-quaternary'
                                " />
                            <span class="text-text-secondary">{{
                                billable === 'false' ? 'Non Billable' : 'Billable'
                            }}</span>
                        </SelectValue>
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem :value="null">Both</SelectItem>
                        <SelectItem value="true">Billable</SelectItem>
                        <SelectItem value="false">Non Billable</SelectItem>
                    </SelectContent>
                </Select>
                <ReportingRoundingControls
                    v-model:enabled="roundingEnabled"
                    v-model:type="roundingType"
                    v-model:minutes="roundingMinutes"
                    @change="emit('submit')" />
            </div>
            <div>
                <DateRangePicker
                    v-model:start="startDate"
                    v-model:end="endDate"
                    @submit="emit('submit')" />
            </div>
        </MainContainer>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingGroupBySelect.vue
================================================
<script setup lang="ts">
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { type Component, computed } from 'vue';

const model = defineModel<string | null>({ default: null });
const props = defineProps<{
    groupByOptions: { value: string; label: string; icon: Component }[];
}>();
const emit = defineEmits<{
    changed: [];
}>();
const icon = computed(() => {
    return props.groupByOptions.find((option) => option.value === model.value)?.icon;
});
const title = computed(() => {
    return props.groupByOptions.find((option) => option.value === model.value)?.label;
});
</script>

<template>
    <Select v-model="model" @update:model-value="emit('changed')">
        <SelectTrigger size="sm" :show-chevron="false">
            <SelectValue class="flex items-center gap-2">
                <component :is="icon" class="h-4 text-icon-default" />
                <span>{{ title }}</span>
            </SelectValue>
        </SelectTrigger>
        <SelectContent>
            <SelectItem v-for="option in groupByOptions" :key="option.value" :value="option.value">
                {{ option.label }}
            </SelectItem>
        </SelectContent>
    </Select>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingOverview.vue
================================================
<script setup lang="ts">
import {
    ChartBarIcon,
    ArrowDownTrayIcon,
    EllipsisVerticalIcon,
    LockClosedIcon,
} from '@heroicons/vue/20/solid';
import { SaveIcon } from 'lucide-vue-next';
import { getOrganizationCurrencyString } from '@/utils/money';
import {
    formatHumanReadableDuration,
    getDayJsInstance,
    getLocalizedDayJs,
} from '@/packages/ui/src/utils/time';
import { formatCents } from '@/packages/ui/src/utils/money';
import ReportingTabNavbar from '@/Components/Common/Reporting/ReportingTabNavbar.vue';
import ReportingRow from '@/Components/Common/Reporting/ReportingRow.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import ReportingChart from '@/Components/Common/Reporting/ReportingChart.vue';
import ReportingGroupBySelect from '@/Components/Common/Reporting/ReportingGroupBySelect.vue';
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import ReportingExportModal from '@/Components/Common/Reporting/ReportingExportModal.vue';
import ReportingPieChart from '@/Components/Common/Reporting/ReportingPieChart.vue';
import ReportingFilterBar from '@/Components/Common/Reporting/ReportingFilterBar.vue';
import { SecondaryButton } from '@/packages/ui/src';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';
import ReportCreateModal from '@/Components/Common/Report/ReportCreateModal.vue';
import UpgradeModal from '@/Components/Common/UpgradeModal.vue';
import { canCreateReports } from '@/utils/permissions';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { computed, type ComputedRef, inject, ref, watch } from 'vue';
import { type GroupingOption, useReportingStore } from '@/utils/useReporting';
import {
    type AggregatedTimeEntries,
    type AggregatedTimeEntriesQueryParams,
    api,
    type CreateReportBodyProperties,
    type Organization,
} from '@/packages/api/src';
import { getCurrentMembershipId, getCurrentOrganizationId, getCurrentRole } from '@/utils/useUser';
import { useSessionStorage, useStorage } from '@vueuse/core';
import { useNotificationsStore } from '@/utils/notification';
import type { ExportFormat } from '@/types/reporting';
import { getRandomColorWithSeed } from '@/packages/ui/src/utils/color';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useAggregatedTimeEntriesQuery } from '@/utils/useAggregatedTimeEntriesQuery';

type TimeEntryRoundingType = 'up' | 'down' | 'nearest';

const { handleApiRequestNotifications } = useNotificationsStore();

const startDate = useSessionStorage<string>(
    'reporting-start-date',
    getLocalizedDayJs(getDayJsInstance()().format()).subtract(14, 'd').format()
);
const endDate = useSessionStorage<string>(
    'reporting-end-date',
    getLocalizedDayJs(getDayJsInstance()().format()).format()
);
const selectedTags = ref<string[]>([]);
const selectedProjects = ref<string[]>([]);
const selectedMembers = ref<string[]>([]);
const selectedTasks = ref<string[]>([]);
const selectedClients = ref<string[]>([]);

const billable = ref<'true' | 'false' | null>(null);
const roundingEnabled = ref<boolean>(false);
const roundingType = ref<TimeEntryRoundingType>('nearest');
const roundingMinutes = ref<number>(15);

const group = useStorage<GroupingOption>('reporting-group', 'project');
const subGroup = useStorage<GroupingOption>('reporting-sub-group', 'task');

const reportingStore = useReportingStore();
const { groupByOptions, getNameForReportingRowEntry, emptyPlaceholder } = reportingStore;

const organization = inject<ComputedRef<Organization>>('organization');

const showBillableRate = computed(() => {
    return !!(
        getCurrentRole() !== 'employee' || organization?.value?.employees_can_see_billable_rates
    );
});

// Ensure sub-group falls back when it collides with group
watch(
    group,
    () => {
        if (group.value === subGroup.value) {
            const fallbackOption = groupByOptions.find((el) => el.value !== group.value);
            if (fallbackOption?.value) {
                subGroup.value = fallbackOption.value;
            }
        }
    },
    { immediate: true }
);

function getOptimalGroupingOption(start: string, end: string): 'day' | 'week' | 'month' {
    const diffInDays = getDayJsInstance()(end).diff(getDayJsInstance()(start), 'd');

    if (diffInDays <= 31) {
        return 'day';
    } else if (diffInDays <= 200) {
        return 'week';
    } else {
        return 'month';
    }
}

const filterParams = computed<AggregatedTimeEntriesQueryParams>(() => {
    return {
        start: getLocalizedDayJs(startDate.value).startOf('day').utc().format(),
        end: getLocalizedDayJs(endDate.value).endOf('day').utc().format(),
        member_ids: selectedMembers.value.length > 0 ? selectedMembers.value : undefined,
        project_ids: selectedProjects.value.length > 0 ? selectedProjects.value : undefined,
        task_ids: selectedTasks.value.length > 0 ? selectedTasks.value : undefined,
        client_ids: selectedClients.value.length > 0 ? selectedClients.value : undefined,
        tag_ids: selectedTags.value.length > 0 ? selectedTags.value : undefined,
        billable: billable.value !== null ? billable.value : undefined,
        member_id: getCurrentRole() === 'employee' ? getCurrentMembershipId() : undefined,
        rounding_type: roundingEnabled.value ? roundingType.value : undefined,
        rounding_minutes: roundingEnabled.value ? roundingMinutes.value : undefined,
    };
});

const graphQueryParams = computed<AggregatedTimeEntriesQueryParams>(() => {
    return {
        ...filterParams.value,
        fill_gaps_in_time_groups: 'true',
        group: getOptimalGroupingOption(startDate.value, endDate.value),
    };
});

const tableQueryParams = computed<AggregatedTimeEntriesQueryParams>(() => {
    return {
        ...filterParams.value,
        group: group.value,
        sub_group: subGroup.value,
    };
});

const { data: graphResponse } = useAggregatedTimeEntriesQuery('graph', graphQueryParams);
const { data: tableResponse } = useAggregatedTimeEntriesQuery('table', tableQueryParams);

const aggregatedGraphTimeEntries = computed<AggregatedTimeEntries | undefined>(() => {
    return graphResponse.value?.data as AggregatedTimeEntries | undefined;
});

const aggregatedTableTimeEntries = computed<AggregatedTimeEntries | undefined>(() => {
    return tableResponse.value?.data as AggregatedTimeEntries | undefined;
});

const reportProperties = computed(() => {
    const { billable: billableFilter, ...rest } = filterParams.value;

    let billableValue: boolean | null = null;
    if (billableFilter === 'true') {
        billableValue = true;
    } else if (billableFilter === 'false') {
        billableValue = false;
    }

    return {
        ...rest,
        billable: billableValue,
        group: group.value,
        sub_group: subGroup.value,
        history_group: getOptimalGroupingOption(startDate.value, endDate.value),
    } as CreateReportBodyProperties;
});

async function downloadExport(format: ExportFormat) {
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        const response = await handleApiRequestNotifications(
            () =>
                api.exportAggregatedTimeEntries({
                    params: {
                        organization: organizationId,
                    },
                    queries: {
                        ...filterParams.value,
                        group: group.value,
                        sub_group: subGroup.value,
                        history_group: getOptimalGroupingOption(startDate.value, endDate.value),
                        format: format,
                    },
                }),
            'Export successful',
            'Export failed'
        );

        if (response?.download_url) {
            showExportModal.value = true;
            exportUrl.value = response.download_url as string;
        }
    }
}

const { projects } = useProjectsQuery();
const showExportModal = ref(false);
const exportUrl = ref<string | null>(null);
const showCreateReportModal = ref(false);
const showPremiumModal = ref(false);
const exportLoading = ref(false);

function triggerExport(format: ExportFormat) {
    if (format === 'pdf' && !isAllowedToPerformPremiumAction()) {
        showPremiumModal.value = true;
        return;
    }
    exportLoading.value = true;
    downloadExport(format).finally(() => {
        exportLoading.value = false;
    });
}

function onSaveReportClick() {
    if (isAllowedToPerformPremiumAction()) {
        showCreateReportModal.value = true;
    } else {
        showPremiumModal.value = true;
    }
}

const groupedPieChartData = computed(() => {
    return (
        aggregatedTableTimeEntries.value?.grouped_data?.map((entry) => {
            const name = getNameForReportingRowEntry(
                entry.key,
                aggregatedTableTimeEntries.value?.grouped_type ?? null
            );
            let color = getRandomColorWithSeed(entry.key ?? 'none');
            if (
                name &&
                aggregatedTableTimeEntries.value?.grouped_type &&
                emptyPlaceholder[aggregatedTableTimeEntries.value.grouped_type] === name
            ) {
                color = '#CCCCCC';
            } else if (aggregatedTableTimeEntries.value?.grouped_type === 'project') {
                color =
                    projects.value?.find((project) => project.id === entry.key)?.color ?? '#CCCCCC';
            }
            return {
                value: entry.seconds,
                name:
                    getNameForReportingRowEntry(
                        entry.key,
                        aggregatedTableTimeEntries.value?.grouped_type ?? null
                    ) ?? '',
                color: color,
            };
        }) ?? []
    );
});

const tableData = computed(() => {
    return aggregatedTableTimeEntries.value?.grouped_data?.map((entry) => {
        return {
            seconds: entry.seconds,
            cost: entry.cost,
            description: getNameForReportingRowEntry(
                entry.key,
                aggregatedTableTimeEntries.value?.grouped_type ?? null
            ),
            grouped_data:
                entry.grouped_data?.map((el) => {
                    return {
                        seconds: el.seconds,
                        cost: el.cost,
                        description: getNameForReportingRowEntry(el.key, entry.grouped_type),
                    };
                }) ?? [],
        };
    });
});
</script>

<template>
    <ReportingExportModal
        v-model:show="showExportModal"
        :export-url="exportUrl"></ReportingExportModal>
    <ReportCreateModal
        v-model:show="showCreateReportModal"
        :properties="reportProperties"></ReportCreateModal>
    <UpgradeModal v-model:show="showPremiumModal">
        This feature is only available in solidtime Professional.
    </UpgradeModal>
    <MainContainer
        class="h-14 sm:h-16 border-b border-default-background-separator flex flex-wrap gap-y-3 justify-between items-center">
        <div class="flex items-center space-x-3 sm:space-x-6">
            <PageTitle :icon="ChartBarIcon" title="Reporting"></PageTitle>
            <ReportingTabNavbar active="reporting" class="hidden sm:flex"></ReportingTabNavbar>
        </div>
        <div class="hidden sm:flex space-x-2">
            <DropdownMenu>
                <DropdownMenuTrigger as-child>
                    <SecondaryButton :icon="ArrowDownTrayIcon" :loading="exportLoading">
                        Export
                    </SecondaryButton>
                </DropdownMenuTrigger>
                <DropdownMenuContent align="end">
                    <DropdownMenuItem @click="triggerExport('pdf')">
                        <div class="flex items-center space-x-2">
                            <span>Export as PDF</span>
                            <LockClosedIcon
                                v-if="!isAllowedToPerformPremiumAction()"
                                class="w-3.5 text-text-tertiary" />
                        </div>
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('xlsx')">
                        Export as Excel
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('csv')">
                        Export as CSV
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('ods')">
                        Export as ODS
                    </DropdownMenuItem>
                </DropdownMenuContent>
            </DropdownMenu>
            <SecondaryButton v-if="canCreateReports()" :icon="SaveIcon" @click="onSaveReportClick">
                Save Report
            </SecondaryButton>
        </div>
        <DropdownMenu>
            <DropdownMenuTrigger as-child class="sm:hidden">
                <button
                    class="p-1.5 rounded-lg border border-border-tertiary text-text-secondary hover:text-text-primary hover:bg-secondary transition"
                    aria-label="More options">
                    <EllipsisVerticalIcon class="w-5 h-5" />
                </button>
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end">
                <DropdownMenuItem @click="triggerExport('pdf')">
                    <div class="flex items-center space-x-2">
                        <span>Export as PDF</span>
                        <LockClosedIcon
                            v-if="!isAllowedToPerformPremiumAction()"
                            class="w-3.5 text-text-tertiary" />
                    </div>
                </DropdownMenuItem>
                <DropdownMenuItem @click="triggerExport('xlsx')">
                    Export as Excel
                </DropdownMenuItem>
                <DropdownMenuItem @click="triggerExport('csv')"> Export as CSV </DropdownMenuItem>
                <DropdownMenuItem @click="triggerExport('ods')"> Export as ODS </DropdownMenuItem>
                <DropdownMenuItem v-if="canCreateReports()" @click="onSaveReportClick">
                    Save Report
                </DropdownMenuItem>
            </DropdownMenuContent>
        </DropdownMenu>
    </MainContainer>
    <MainContainer class="sm:hidden py-2 border-b border-default-background-separator">
        <ReportingTabNavbar active="reporting"></ReportingTabNavbar>
    </MainContainer>
    <ReportingFilterBar
        v-model:selected-members="selectedMembers"
        v-model:selected-projects="selectedProjects"
        v-model:selected-tasks="selectedTasks"
        v-model:selected-clients="selectedClients"
        v-model:selected-tags="selectedTags"
        v-model:billable="billable"
        v-model:rounding-enabled="roundingEnabled"
        v-model:rounding-type="roundingType"
        v-model:rounding-minutes="roundingMinutes"
        v-model:start-date="startDate"
        v-model:end-date="endDate" />
    <MainContainer>
        <div class="pt-10 w-full px-3 relative">
            <ReportingChart
                :grouped-type="aggregatedGraphTimeEntries?.grouped_type ?? null"
                :grouped-data="aggregatedGraphTimeEntries?.grouped_data ?? null"></ReportingChart>
        </div>
    </MainContainer>
    <MainContainer>
        <div class="sm:grid grid-cols-4 pt-6 items-start">
            <div class="col-span-3 bg-secondary rounded-lg border border-card-border pt-3">
                <div
                    class="text-sm flex text-text-primary items-center space-x-3 font-medium px-6 border-b border-card-background-separator pb-3">
                    <span>Group by</span>
                    <ReportingGroupBySelect
                        v-model="group"
                        :group-by-options="groupByOptions"></ReportingGroupBySelect>
                    <span>and</span>
                    <ReportingGroupBySelect
                        v-model="subGroup"
                        :group-by-options="
                            groupByOptions.filter((el) => el.value !== group)
                        "></ReportingGroupBySelect>
                </div>
                <div
                    class="grid items-center"
                    :style="`grid-template-columns: 1fr 100px ${showBillableRate ? '150px' : ''}`">
                    <div
                        class="contents [&>*]:border-card-background-separator [&>*]:border-b [&>*]:bg-secondary [&>*]:pb-1.5 [&>*]:pt-1 text-text-tertiary text-sm">
                        <div class="pl-6">Name</div>
                        <div class="text-right" :class="!showBillableRate ? 'pr-6' : ''">
                            Duration
                        </div>
                        <div v-if="showBillableRate" class="text-right pr-6">Cost</div>
                    </div>
                    <template
                        v-if="
                            aggregatedTableTimeEntries?.grouped_data &&
                            aggregatedTableTimeEntries.grouped_data?.length > 0
                        ">
                        <ReportingRow
                            v-for="entry in tableData"
                            :key="entry.description ?? 'none'"
                            :currency="getOrganizationCurrencyString()"
                            :type="aggregatedTableTimeEntries.grouped_type"
                            :show-cost="showBillableRate"
                            :entry="entry"></ReportingRow>
                        <div class="contents [&>*]:transition text-text-tertiary [&>*]:h-[50px]">
                            <div class="flex items-center pl-6 font-medium">
                                <span>Total</span>
                            </div>
                            <div
                                class="justify-end flex items-center font-medium"
                                :class="!showBillableRate ? 'pr-6' : ''">
                                {{
                                    formatHumanReadableDuration(
                                        aggregatedTableTimeEntries.seconds,
                                        organization?.interval_format,
                                        organization?.number_format
                                    )
                                }}
                            </div>
                            <div
                                v-if="showBillableRate"
                                class="justify-end pr-6 flex items-center font-medium">
                                {{
                                    aggregatedTableTimeEntries.cost
                                        ? formatCents(
                                              aggregatedTableTimeEntries.cost,
                                              getOrganizationCurrencyString(),
                                              organization?.currency_format,
                                              organization?.currency_symbol,
                                              organization?.number_format
                                          )
                                        : '--'
                                }}
                            </div>
                        </div>
                    </template>
                    <div
                        v-else
                        class="chart flex flex-col items-center justify-center py-12"
                        :class="showBillableRate ? 'col-span-3' : 'col-span-2'">
                        <p class="text-lg text-text-primary font-medium">No time entries found</p>
                        <p>Try to change the filters and time range</p>
                    </div>
                </div>
            </div>
            <div class="px-2 lg:px-4">
                <ReportingPieChart :data="groupedPieChartData"></ReportingPieChart>
            </div>
        </div>
    </MainContainer>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingPieChart.vue
================================================
<script setup lang="ts">
import VChart, { THEME_KEY } from 'vue-echarts';
import { computed, provide, inject, type ComputedRef } from 'vue';
import { use } from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
import { PieChart } from 'echarts/charts';
import {
    GridComponent,
    LegendComponent,
    TitleComponent,
    TooltipComponent,
} from 'echarts/components';
import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import { useCssVariable } from '@/utils/useCssVariable';
import type { Organization } from '@/packages/api/src';

use([CanvasRenderer, PieChart, TitleComponent, GridComponent, TooltipComponent, LegendComponent]);

provide(THEME_KEY, 'dark');

const organization = inject<ComputedRef<Organization>>('organization');

type ReportingChartDataEntry = {
    value: number;
    name: string;
    color: string;
}[];

const props = defineProps<{
    data: ReportingChartDataEntry | null;
}>();
const labelColor = useCssVariable('--color-text-secondary');

const seriesData = computed(() => {
    return props.data?.map((el) => {
        return {
            ...el,
            ...{
                itemStyle: {
                    color: `${el.color}BB`,
                },
                emphasis: {
                    itemStyle: {
                        color: `${el.color}`,
                    },
                },
            },
        };
    });
});
const option = computed(() => ({
    tooltip: {
        trigger: 'item',
    },
    legend: {
        show: true,
        top: '250px',
        textStyle: {
            color: labelColor.value,
        },
    },
    backgroundColor: 'transparent',
    series: [
        {
            label: {
                show: false,
            },
            tooltip: {
                valueFormatter: (value: number) => {
                    return formatHumanReadableDuration(
                        value,
                        organization?.value?.interval_format,
                        organization?.value?.number_format
                    );
                },
            },
            data: seriesData.value,
            radius: ['30%', '60%'],
            top: '-45%',
            type: 'pie',
        },
    ],
}));
</script>

<template>
    <v-chart
        class="background-transparent max-w-[300px] mx-auto h-[460px]"
        :autoresize="true"
        :option="option" />
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingRoundingControls.vue
================================================
<script setup lang="ts">
import { Switch } from '@/Components/ui/switch';
import { Popover, PopoverContent, PopoverTrigger } from '@/packages/ui/src';
import { Button } from '@/packages/ui/src';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import {
    NumberField,
    NumberFieldInput,
    NumberFieldContent,
    NumberFieldIncrement,
    NumberFieldDecrement,
} from '@/Components/ui/number-field';
import { ArrowsUpDownIcon } from '@heroicons/vue/20/solid';
import { computed, ref, watch } from 'vue';
import { twMerge } from 'tailwind-merge';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { Link } from '@inertiajs/vue3';
import { CreditCardIcon } from '@heroicons/vue/20/solid';
// TimeEntryRoundingType definition
const TimeEntryRoundingType = {
    Up: 'up' as const,
    Down: 'down' as const,
    Nearest: 'nearest' as const,
} as const;

type TimeEntryRoundingType = (typeof TimeEntryRoundingType)[keyof typeof TimeEntryRoundingType];

interface Props {
    enabled: boolean;
    type: TimeEntryRoundingType;
    minutes: number;
}

const props = defineProps<Props>();

const emit = defineEmits<{
    'update:enabled': [value: boolean];
    'update:type': [value: TimeEntryRoundingType];
    'update:minutes': [value: number];
    'change': [];
}>();

function updateEnabled(value: boolean) {
    emit('update:enabled', value);
    emit('change');
}

function updateType(value: TimeEntryRoundingType) {
    emit('update:type', value);
    emit('change');
}

function updateMinutes(value: number) {
    emit('update:minutes', value);
    emit('change');
}

// Predefined intervals
const predefinedIntervals = [
    { value: '5', label: '5 minutes' },
    { value: '6', label: '6 minutes' },
    { value: '10', label: '10 minutes' },
    { value: '15', label: '15 minutes' },
    { value: '30', label: '30 minutes' },
    { value: '60', label: '1 hour' },
    { value: 'custom', label: 'Custom' },
];

const showCustomInput = ref(false);
const customMinutes = ref(props.minutes);
const selectedInterval = ref('');

// Compute the current interval value based on props
const currentInterval = computed(() => {
    const predefined = predefinedIntervals.find(
        (interval) => interval.value !== 'custom' && parseInt(interval.value) === props.minutes
    );
    return predefined ? predefined.value : 'custom';
});

// Initialize selectedInterval
const initializeSelectedInterval = () => {
    selectedInterval.value = currentInterval.value;
    showCustomInput.value = selectedInterval.value === 'custom';
    if (showCustomInput.value) {
        customMinutes.value = props.minutes;
    }
};

function handleIntervalChange(value: string) {
    selectedInterval.value = value;
    if (value === 'custom') {
        showCustomInput.value = true;
        // Update minutes to current custom value to ensure "custom" shows as selected
        updateMinutes(customMinutes.value);
    } else {
        showCustomInput.value = false;
        const minutes = parseInt(value);
        updateMinutes(minutes);
    }
}

function handleCustomMinutesChange(value: string | number) {
    const numValue = typeof value === 'string' ? parseInt(value) : value;
    if (!isNaN(numValue) && numValue > 0) {
        customMinutes.value = numValue;
        updateMinutes(numValue);
    }
}

// Watch for changes in props.minutes
watch(
    () => props.minutes,
    (newMinutes) => {
        customMinutes.value = newMinutes;
        initializeSelectedInterval();
    },
    { immediate: true }
);

watch(currentInterval, () => {
    initializeSelectedInterval();
});

// Active styling similar to ReportingFilterBadge
const activeClass = computed(() => {
    if (props.enabled) {
        return 'border-accent-300/50 bg-accent-50 hover:bg-accent-100 dark:border-accent-300/50 dark:bg-accent-300/5 dark:hover:bg-accent-300/10';
    }
    return '';
});

const iconClass = computed(() => {
    return twMerge(
        'w-4 h-4',
        props.enabled
            ? 'dark:text-accent-300/80 text-accent-400/80'
            : 'text-muted-foreground opacity-50'
    );
});
</script>

<template>
    <Popover>
        <PopoverTrigger as-child>
            <Button variant="outline" size="sm" :class="twMerge(activeClass)">
                <ArrowsUpDownIcon :class="iconClass" />
                Rounding {{ enabled ? 'on' : 'off' }}
            </Button>
        </PopoverTrigger>
        <PopoverContent class="w-72 p-4">
            <div v-if="!isAllowedToPerformPremiumAction()" class="flex flex-col space-y-2">
                <span class="font-semibold text-xs">Premium</span>
                <span class="text-xs text-text-secondary flex-1"
                    >Rounding is a premium feature. Upgrade to unlock this feature.</span
                >
                <Link href="/billing">
                    <Button size="sm" variant="outline" class="items-center space-x-1">
                        <CreditCardIcon class="w-3.5 h-3.5 text-text-tertiary mr-1" />
                        Go to Billing
                    </Button>
                </Link>
            </div>
            <div v-else class="space-y-4">
                <div>
                    <Field orientation="horizontal" class="justify-between">
                        <FieldLabel for="enable-rounding">Enable Rounding</FieldLabel>
                        <Switch
                            id="enable-rounding"
                            :model-value="enabled"
                            class="data-[state=checked]:bg-accent-500"
                            @update:model-value="updateEnabled" />
                    </Field>
                    <div
                        class="mb-3 pb-2 pt-1 text-xs text-muted-foreground border-b border-border-secondary text-text-tertiary">
                        Rounding is applied to each individual time entry, not to the accumulated
                        total.
                    </div>
                </div>

                <Field>
                    <FieldLabel for="rounding-type">Rounding Type</FieldLabel>
                    <Select
                        :model-value="type"
                        :disabled="!enabled"
                        @update:model-value="(value) => updateType(value as TimeEntryRoundingType)">
                        <SelectTrigger
                            id="rounding-type"
                            size="sm"
                            class="w-full"
                            :disabled="!enabled">
                            <SelectValue placeholder="Select rounding type" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem value="up">Round Up</SelectItem>
                            <SelectItem value="down">Round Down</SelectItem>
                            <SelectItem value="nearest">Round Nearest</SelectItem>
                        </SelectContent>
                    </Select>
                </Field>
                <Field>
                    <FieldLabel for="minutes-interval">Minutes Interval</FieldLabel>
                    <Select
                        :model-value="selectedInterval"
                        :disabled="!enabled"
                        @update:model-value="(value) => handleIntervalChange(value as string)">
                        <SelectTrigger
                            id="minutes-interval"
                            size="sm"
                            class="w-full"
                            :disabled="!enabled">
                            <SelectValue placeholder="Select interval" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem
                                v-for="interval in predefinedIntervals"
                                :key="interval.value"
                                :value="interval.value">
                                {{ interval.label }}
                            </SelectItem>
                        </SelectContent>
                    </Select>

                    <div v-if="showCustomInput" class="mt-2">
                        <NumberField
                            id="custom-minutes"
                            :model-value="customMinutes"
                            :min="1"
                            :max="1440"
                            :disabled="!enabled"
                            class="text-sm"
                            @update:model-value="handleCustomMinutesChange">
                            <NumberFieldContent>
                                <NumberFieldDecrement :disabled="!enabled" />
                                <NumberFieldInput
                                    placeholder="Enter custom minutes"
                                    :disabled="!enabled" />
                                <NumberFieldIncrement :disabled="!enabled" />
                            </NumberFieldContent>
                        </NumberField>
                    </div>
                </Field>
            </div>
        </PopoverContent>
    </Popover>
</template>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingRow.vue
================================================
<script setup lang="ts">
import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import { formatCents } from '@/packages/ui/src/utils/money';
import GroupedItemsCountButton from '@/packages/ui/src/GroupedItemsCountButton.vue';
import { ref, inject, type ComputedRef } from 'vue';
import { twMerge } from 'tailwind-merge';
import type { Organization } from '@/packages/api/src';

type AggregatedGroupedData = GroupedData & {
    grouped_data?: GroupedData[] | null;
};

type GroupedData = {
    seconds: number;
    cost: number | null;
    description: string | null | undefined;
};

const props = defineProps<{
    entry: AggregatedGroupedData;
    indent?: boolean;
    currency: string;
    showCost?: boolean;
}>();

const expanded = ref(false);

const organization = inject<ComputedRef<Organization>>('organization');
</script>

<template>
    <div
        class="contents text-text-primary [&>*]:transition [&>*]:border-card-background-separator [&>*]:border-b [&>*]:h-[50px]">
        <div :class="twMerge('pl-6 flex items-center space-x-3', props.indent ? 'pl-16' : '')">
            <GroupedItemsCountButton
                v-if="entry.grouped_data && entry.grouped_data?.length > 0"
                :expanded="expanded"
                @click="expanded = !expanded">
                {{ entry.grouped_data?.length }}
            </GroupedItemsCountButton>
            <span>
                {{ entry.description }}
            </span>
        </div>
        <div class="justify-end flex items-center" :class="!showCost ? 'pr-6' : ''">
            {{
                formatHumanReadableDuration(
                    entry.seconds,
                    organization?.interval_format,
                    organization?.number_format
                )
            }}
        </div>
        <div v-if="showCost" class="justify-end pr-6 flex items-center">
            {{
                entry.cost
                    ? formatCents(
                          entry.cost,
                          props.currency,
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : '--'
            }}
        </div>
    </div>
    <div
        v-if="expanded && entry.grouped_data"
        :class="showCost ? 'col-span-3' : 'col-span-2'"
        class="grid bg-tertiary"
        :style="`grid-template-columns: 1fr 150px ${showCost ? '150px' : ''}`">
        <ReportingRow
            v-for="subEntry in entry.grouped_data"
            :key="subEntry.description ?? 'none'"
            :currency="props.currency"
            :show-cost="showCost"
            indent
            :entry="subEntry"></ReportingRow>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Reporting/ReportingTabNavbar.vue
================================================
<script setup lang="ts">
import { router } from '@inertiajs/vue3';
import { canViewReport } from '@/utils/permissions';
import { computed } from 'vue';
import TabBar from '@/Components/Common/TabBar/TabBar.vue';
import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';

const props = defineProps<{
    active: 'reporting' | 'detailed' | 'shared';
}>();

const showSharedReports = computed(() => canViewReport());

const tabs = computed(() => {
    const items = [
        { value: 'reporting', label: 'Overview', href: route('reporting') },
        { value: 'detailed', label: 'Detailed', href: route('reporting.detailed') },
    ];
    if (showSharedReports.value) {
        items.push({
            value: 'shared',
            label: 'Shared',
            href: route('reporting.shared'),
        });
    }
    return items;
});

function hrefForTab(value: string) {
    return tabs.value.find((tab) => tab.value === value)?.href;
}

function onTabChange(value: string | number) {
    const href = hrefForTab(String(value));
    if (href) {
        router.visit(href);
    }
}

function onTabHover(value: string) {
    const href = hrefForTab(value);
    if (href) {
        router.prefetch(href, {}, { cacheFor: '1m' });
    }
}
</script>

<template>
    <TabBar :default-value="props.active" @update:model-value="onTabChange">
        <TabBarItem
            v-for="tab in tabs"
            :key="tab.value"
            :value="tab.value"
            @mouseenter="onTabHover(tab.value)">
            {{ tab.label }}
        </TabBarItem>
    </TabBar>
</template>


================================================
FILE: resources/js/Components/Common/StatCard.vue
================================================
<script setup lang="ts">
defineProps<{
    title: string;
    value?: string;
}>();
</script>

<template>
    <div class="rounded-lg bg-card-background border-card-border shadow-card border px-3.5 py-2.5">
        <dt class="font-semibold text-sm text-text-secondary">{{ title }}</dt>
        <dd class="text-2xl text-text-primary pt-1 font-semibold">
            {{ value ?? '--' }}
        </dd>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/TabBar/TabBar.vue
================================================
<script setup lang="ts">
import { Tabs, TabsList } from '@/Components/ui/tabs';

defineProps<{
    defaultValue?: string;
}>();
</script>

<template>
    <Tabs :default-value="defaultValue" class="w-full">
        <TabsList class="flex items-center space-x-0.5 sm:space-x-1">
            <slot></slot>
        </TabsList>
    </Tabs>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/TabBar/TabBarItem.vue
================================================
<script setup lang="ts">
import { TabsTrigger } from '@/Components/ui/tabs';
import { twMerge } from 'tailwind-merge';
import type { Component } from 'vue';

const props = defineProps<{
    value: string;
    class?: string;
    icon?: Component;
}>();
</script>

<template>
    <TabsTrigger
        :value="value"
        :icon="icon"
        :class="
            twMerge(
                'rounded-md px-2 sm:px-3 border py-1.5 text-xs sm:text-sm font-medium text-text-tertiary hover:text-text-primary focus-visible:outline-none data-[state=active]:bg-tab-background data-[state=active]:border-input-border data-[state=active]:text-text-primary border-tab-border',
                props.class
            )
        ">
        <slot></slot>
    </TabsTrigger>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/TableHeading.vue
================================================
<script setup lang="ts"></script>

<template>
    <div
        class="contents [&>*]:border-row-separator text-xs [&>*]:border-b [&>*]:border-t [&>*]:bg-row-heading-background">
        <slot></slot>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Tag/TagEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useTagsStore } from '@/utils/useTags';
import type { Tag, UpdateTagBody } from '@/packages/api/src';

const { updateTag } = useTagsStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    tag: Tag;
}>();

const tagBody = ref<UpdateTagBody>({
    name: props.tag.name,
});

async function submit() {
    saving.value = true;
    try {
        await updateTag({ tagId: props.tag.id, tagBody: tagBody.value });
        show.value = false;
    } finally {
        saving.value = false;
    }
}

const tagNameInput = ref<HTMLInputElement | null>(null);

useFocus(tagNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Update Tag </span>
            </div>
        </template>

        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1">
                    <TextInput
                        id="tagName"
                        ref="tagNameInput"
                        v-model="tagBody.name"
                        type="text"
                        placeholder="Tag Name"
                        class="mt-1 block w-full"
                        required
                        autocomplete="tagName"
                        @keydown.enter="submit()" />
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Tag
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Tag/TagMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilSquareIcon } from '@heroicons/vue/20/solid';
import { canDeleteTags, canUpdateTags } from '@/utils/permissions';
import type { Tag } from '@/packages/api/src';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    edit: [];
    delete: [];
}>();
const props = defineProps<{
    tag: Tag;
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Tag ' + props.tag.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateTags()"
                :aria-label="'Edit Tag ' + props.tag.name"
                data-testid="tag_edit"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteTags()"
                :aria-label="'Delete Tag ' + props.tag.name"
                data-testid="tag_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Tag/TagTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { FolderPlusIcon } from '@heroicons/vue/24/solid';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { computed, ref } from 'vue';
import { useTagsQuery } from '@/utils/useTagsQuery';
import TagTableRow from '@/Components/Common/Tag/TagTableRow.vue';
import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
import TagTableHeading from '@/Components/Common/Tag/TagTableHeading.vue';
import { canCreateTags } from '@/utils/permissions';
import type { Tag } from '@/packages/api/src';
import {
    useVueTable,
    getCoreRowModel,
    getSortedRowModel,
    type SortingState,
} from '@tanstack/vue-table';

export type SortColumn = 'name';
export type SortDirection = 'asc' | 'desc';

const props = defineProps<{
    createTag: (name: string) => Promise<Tag | undefined>;
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn, direction: SortDirection];
}>();

const { tags } = useTagsQuery();
const showCreateTagModal = ref(false);

const sorting = computed<SortingState>(() => [
    {
        id: props.sortColumn,
        desc: props.sortDirection === 'desc',
    },
]);

const columns = [
    {
        id: 'name',
        accessorFn: (row: Tag) => row.name.toLowerCase(),
    },
];

const descFirstColumns = new Set<SortColumn>(
    columns.filter((c) => 'sortDescFirst' in c && c.sortDescFirst).map((c) => c.id as SortColumn)
);

function handleSort(column: SortColumn) {
    if (props.sortColumn === column) {
        emit('sort', column, props.sortDirection === 'asc' ? 'desc' : 'asc');
    } else {
        emit('sort', column, descFirstColumns.has(column) ? 'desc' : 'asc');
    }
}

const table = useVueTable({
    get data() {
        return tags.value;
    },
    columns,
    getCoreRowModel: getCoreRowModel(),
    getSortedRowModel: getSortedRowModel(),
    state: {
        get sorting() {
            return sorting.value;
        },
    },
    manualSorting: false,
});

const sortedTags = computed(() => {
    return table.getRowModel().rows.map((row) => row.original);
});
</script>

<template>
    <TagCreateModal v-model:show="showCreateTagModal" :create-tag></TagCreateModal>
    <div class="flow-root">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="tag_table"
                class="grid min-w-full"
                style="grid-template-columns: 1fr 80px">
                <TagTableHeading
                    :sort-column="props.sortColumn"
                    :sort-direction="props.sortDirection"
                    :desc-first-columns="descFirstColumns"
                    @sort="handleSort"></TagTableHeading>
                <div v-if="sortedTags.length === 0" class="col-span-5 py-24 text-center">
                    <FolderPlusIcon class="w-8 text-icon-default inline pb-2"></FolderPlusIcon>
                    <h3 class="text-text-primary font-semibold">No tags found</h3>
                    <p v-if="canCreateTags()" class="pb-5">Create your first tag now!</p>
                    <SecondaryButton
                        v-if="canCreateTags()"
                        :icon="PlusIcon"
                        @click="showCreateTagModal = true"
                        >Create your First Tag</SecondaryButton
                    >
                </div>
                <template v-for="tag in sortedTags" :key="tag.id">
                    <TagTableRow :tag="tag"></TagTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Tag/TagTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
import { ChevronUpIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import type { SortColumn, SortDirection } from '@/Components/Common/Tag/TagTable.vue';

const props = defineProps<{
    sortColumn: SortColumn;
    sortDirection: SortDirection;
    descFirstColumns: ReadonlySet<SortColumn>;
}>();

const emit = defineEmits<{
    sort: [column: SortColumn];
}>();

function handleSort(column: SortColumn) {
    emit('sort', column);
}

function isSorted(column: SortColumn): boolean {
    return props.sortColumn === column;
}

function isChevronDown(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return props.descFirstColumns.has(column)
        ? props.sortDirection === 'desc'
        : props.sortDirection === 'asc';
}

function isChevronUp(column: SortColumn): boolean {
    if (!isSorted(column)) return false;
    return !isChevronDown(column);
}
</script>

<template>
    <TableHeading>
        <div
            class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12 cursor-pointer hover:bg-secondary hover:text-text-primary transition-colors select-none flex items-center gap-1"
            @click="handleSort('name')">
            Name
            <ChevronDownIcon v-if="isChevronDown('name')" class="w-4 h-4" />
            <ChevronUpIcon v-else-if="isChevronUp('name')" class="w-4 h-4" />
            <span v-else class="w-4 h-4"></span>
        </div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>


================================================
FILE: resources/js/Components/Common/Tag/TagTableRow.vue
================================================
<script setup lang="ts">
import type { Tag } from '@/packages/api/src';
import { useTagsStore } from '@/utils/useTags';
import TagMoreOptionsDropdown from '@/Components/Common/Tag/TagMoreOptionsDropdown.vue';
import TagEditModal from '@/Components/Common/Tag/TagEditModal.vue';
import TableRow from '@/Components/TableRow.vue';
import { canDeleteTags, canUpdateTags } from '@/utils/permissions';
import { ref } from 'vue';

const props = defineProps<{
    tag: Tag;
}>();

const showTagEditModal = ref(false);

function deleteTag() {
    useTagsStore().deleteTag(props.tag.id);
}
</script>

<template>
    <TableRow>
        <div
            class="whitespace-nowrap flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span>
                {{ tag.name }}
            </span>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium sm:pr-0 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <TagMoreOptionsDropdown
                v-if="canDeleteTags() || canUpdateTags()"
                :tag="tag"
                @edit="showTagEditModal = true"
                @delete="deleteTag"></TagMoreOptionsDropdown>
        </div>
        <TagEditModal v-model:show="showTagEditModal" :tag="tag"></TagEditModal>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Task/TaskCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref, watch } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useTasksStore } from '@/utils/useTasks';
import ProjectDropdown from '@/Components/Common/Project/ProjectDropdown.vue';
import EstimatedTimeSection from '@/packages/ui/src/EstimatedTimeSection.vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { Field, FieldGroup, FieldLabel } from '@/packages/ui/src/field';
import { Button } from '@/packages/ui/src/Buttons';
import { ChevronDown } from 'lucide-vue-next';
import { FolderIcon } from '@heroicons/vue/20/solid';

const { createTask } = useTasksStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const taskName = ref('');
const estimatedTime = ref<number | null>(null);

const props = defineProps<{
    projectId: string;
}>();

const taskProjectId = ref<string>(props.projectId);

watch(
    () => props.projectId,
    (value) => {
        taskProjectId.value = value;
    }
);

async function submit() {
    await createTask({
        name: taskName.value,
        project_id: taskProjectId.value,
        estimated_time: estimatedTime.value,
    });
    show.value = false;
    taskName.value = '';
}

const taskNameInput = ref<HTMLInputElement | null>(null);

useFocus(taskNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Task </span>
            </div>
        </template>

        <template #content>
            <FieldGroup>
                <Field class="w-full">
                    <FieldLabel for="taskName">Task name</FieldLabel>
                    <TextInput
                        id="taskName"
                        ref="taskNameInput"
                        v-model="taskName"
                        type="text"
                        placeholder="Task Name"
                        class="block w-full"
                        required
                        autocomplete="taskName"
                        @keydown.enter="submit()" />
                </Field>
                <Field class="w-auto">
                    <FieldLabel :icon="FolderIcon" for="project">Project</FieldLabel>
                    <ProjectDropdown v-model="taskProjectId">
                        <template #trigger="{ selectedProjectName, selectedProjectColor }">
                            <Button variant="input" class="w-full justify-between">
                                <span class="flex items-center gap-2 truncate">
                                    <span
                                        :style="{ backgroundColor: selectedProjectColor }"
                                        class="w-3 h-3 rounded-full shrink-0"></span>
                                    <span class="truncate">{{ selectedProjectName }}</span>
                                </span>
                                <ChevronDown class="w-4 h-4 text-icon-default" />
                            </Button>
                        </template>
                    </ProjectDropdown>
                </Field>
                <EstimatedTimeSection
                    v-if="isAllowedToPerformPremiumAction()"
                    v-model="estimatedTime"
                    @submit="submit()"></EstimatedTimeSection>
            </FieldGroup>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Task
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Task/TaskEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import { useTasksStore } from '@/utils/useTasks';
import type { Task, UpdateTaskBody } from '@/packages/api/src';
import EstimatedTimeSection from '@/packages/ui/src/EstimatedTimeSection.vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { Field, FieldGroup, FieldLabel } from '@/packages/ui/src/field';

const { updateTask } = useTasksStore();
const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    task: Task;
}>();

const taskBody = ref<UpdateTaskBody>({
    name: props.task.name,
    estimated_time: props.task.estimated_time,
});

async function submit() {
    await updateTask(props.task.id, taskBody.value);
    show.value = false;
}

const taskNameInput = ref<HTMLInputElement | null>(null);

useFocus(taskNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Update Task </span>
            </div>
        </template>

        <template #content>
            <FieldGroup>
                <Field>
                    <FieldLabel for="taskName">Task name</FieldLabel>
                    <TextInput
                        id="taskName"
                        ref="taskNameInput"
                        v-model="taskBody.name"
                        type="text"
                        placeholder="Task Name"
                        class="block w-full"
                        required
                        autocomplete="taskName"
                        @keydown.enter="submit()" />
                </Field>
                <EstimatedTimeSection
                    v-if="isAllowedToPerformPremiumAction()"
                    v-model="taskBody.estimated_time"
                    @submit="submit()"></EstimatedTimeSection>
            </FieldGroup>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Task
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Task/TaskMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilSquareIcon, CheckCircleIcon } from '@heroicons/vue/20/solid';
import type { Task } from '@/packages/api/src';
import { canDeleteTasks, canUpdateTasks } from '@/utils/permissions';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const emit = defineEmits<{
    delete: [];
    edit: [];
    done: [];
}>();
const props = defineProps<{
    task: Task;
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                :aria-label="'Actions for Task ' + props.task.name">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="canUpdateTasks()"
                :aria-label="'Edit Task ' + props.task.name"
                data-testid="task_edit"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('edit')">
                <PencilSquareIcon class="w-5 text-icon-active" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canUpdateTasks()"
                :aria-label="'Mark Task ' + props.task.name + ' as done'"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('done')">
                <CheckCircleIcon class="w-5 text-icon-active" />
                <span v-if="props.task.is_done">Mark as active</span>
                <span v-else>Mark as done</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="canDeleteTasks()"
                :aria-label="'Delete Task ' + props.task.name"
                data-testid="task_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Task/TaskMultiselectDropdown.vue
================================================
<script setup lang="ts">
import MultiselectDropdown from '@/packages/ui/src/Input/MultiselectDropdown.vue';
import type { Task } from '@/packages/api/src';
import { useTasksQuery } from '@/utils/useTasksQuery';

const { tasks } = useTasksQuery();

function getKeyFromItem(item: Task) {
    return item.id;
}

function getNameForItem(item: Task) {
    return item.name;
}

const emit = defineEmits<{
    submit: [];
}>();
</script>

<template>
    <MultiselectDropdown
        search-placeholder="Search for a Task..."
        :items="tasks"
        :get-key-from-item="getKeyFromItem"
        :get-name-for-item="getNameForItem"
        no-item-label="No Task"
        @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
    </MultiselectDropdown>
</template>


================================================
FILE: resources/js/Components/Common/Task/TaskTable.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { PlusCircleIcon } from '@heroicons/vue/24/solid';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { ref } from 'vue';
import TaskTableRow from '@/Components/Common/Task/TaskTableRow.vue';
import TaskTableHeading from '@/Components/Common/Task/TaskTableHeading.vue';
import TaskCreateModal from '@/Components/Common/Task/TaskCreateModal.vue';
import { canCreateTasks } from '@/utils/permissions';
import type { Task } from '@/packages/api/src';

const props = defineProps<{
    projectId: string;
    tasks: Task[];
}>();

const createTask = ref(false);
</script>

<template>
    <TaskCreateModal v-model:show="createTask" :project-id="props.projectId"></TaskCreateModal>
    <div class="flow-root">
        <div class="inline-block min-w-full align-middle">
            <div
                data-testid="task_table"
                role="table"
                class="grid min-w-full"
                style="
                    grid-template-columns:
                        1fr minmax(80px, auto) minmax(120px, auto) minmax(50px, auto)
                        80px;
                ">
                <TaskTableHeading></TaskTableHeading>
                <div v-if="tasks.length === 0" class="col-span-5 py-24 text-center">
                    <PlusCircleIcon class="w-8 text-icon-default inline pb-2"></PlusCircleIcon>
                    <h3 class="text-text-primary font-semibold">No tasks found</h3>
                    <p v-if="canCreateTasks()" class="pb-5">Create your first task now!</p>
                    <SecondaryButton
                        v-if="canCreateTasks()"
                        :icon="PlusIcon"
                        @click="createTask = true"
                        >Create your First Task
                    </SecondaryButton>
                </div>
                <template v-for="task in tasks" :key="task.id">
                    <TaskTableRow :task="task"></TaskTableRow>
                </template>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Common/Task/TaskTableHeading.vue
================================================
<script setup lang="ts">
import TableHeading from '@/Components/Common/TableHeading.vue';
</script>

<template>
    <TableHeading>
        <div class="py-1.5 pr-3 text-left text-text-tertiary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            Task Name
        </div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Total Time</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Progress</div>
        <div class="px-3 py-1.5 text-left text-text-tertiary">Status</div>
        <div class="relative py-1.5 pl-3 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <span class="sr-only">Edit</span>
        </div>
    </TableHeading>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/Task/TaskTableRow.vue
================================================
<script setup lang="ts">
import type { Task } from '@/packages/api/src';
import { CheckCircleIcon } from '@heroicons/vue/20/solid';
import { useTasksStore } from '@/utils/useTasks';
import TaskMoreOptionsDropdown from '@/Components/Common/Task/TaskMoreOptionsDropdown.vue';
import TableRow from '@/Components/TableRow.vue';
import { canDeleteTasks } from '@/utils/permissions';
import TaskEditModal from '@/Components/Common/Task/TaskEditModal.vue';
import { ref, inject, type ComputedRef } from 'vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import EstimatedTimeProgress from '@/packages/ui/src/EstimatedTimeProgress.vue';
import UpgradeBadge from '@/Components/Common/UpgradeBadge.vue';
import { formatHumanReadableDuration } from '../../../packages/ui/src/utils/time';
import type { Organization } from '@/packages/api/src';

const props = defineProps<{
    task: Task;
}>();

const organization = inject<ComputedRef<Organization>>('organization');

function deleteTask() {
    useTasksStore().deleteTask(props.task.id);
}

function markTaskAsDone() {
    useTasksStore().updateTask(props.task.id, {
        ...props.task,
        is_done: !props.task.is_done,
    });
}

const showTaskEditModal = ref(false);
</script>

<template>
    <TableRow>
        <div
            class="whitespace-nowrap min-w-0 flex items-center space-x-5 3xl:pl-12 py-4 pr-3 text-sm font-medium text-text-primary pl-4 sm:pl-6 lg:pl-8 3xl:pl-12">
            <span class="overflow-ellipsis overflow-hidden">
                {{ task.name }}
            </span>
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex space-x-1 items-center font-medium">
            <span v-if="task.spent_time">
                {{
                    formatHumanReadableDuration(
                        task.spent_time,
                        organization?.interval_format,
                        organization?.number_format
                    )
                }}
            </span>
            <span v-else> -- </span>
        </div>
        <div class="whitespace-nowrap px-3 flex items-center text-sm text-text-secondary">
            <UpgradeBadge v-if="!isAllowedToPerformPremiumAction()"></UpgradeBadge>
            <EstimatedTimeProgress
                v-else-if="task.estimated_time"
                :estimated="task.estimated_time"
                :current="task.spent_time"></EstimatedTimeProgress>
            <span v-else> -- </span>
        </div>
        <div
            class="whitespace-nowrap px-3 py-4 text-sm text-text-secondary flex space-x-1 items-center font-medium">
            <template v-if="task.is_done">
                <CheckCircleIcon class="w-5"></CheckCircleIcon>
                <span>Done</span>
            </template>
            <template v-else>
                <span>Active</span>
            </template>
        </div>
        <div
            class="relative whitespace-nowrap flex items-center pl-3 text-right text-sm font-medium sm:pr-0 pr-4 sm:pr-6 lg:pr-8 3xl:pr-12">
            <TaskMoreOptionsDropdown
                v-if="canDeleteTasks()"
                :task="task"
                @done="markTaskAsDone"
                @edit="showTaskEditModal = true"
                @delete="deleteTask"></TaskMoreOptionsDropdown>
        </div>
        <TaskEditModal v-model:show="showTaskEditModal" :task="task"></TaskEditModal>
    </TableRow>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/UpgradeBadge.vue
================================================
<script setup lang="ts">
import { LockClosedIcon } from '@heroicons/vue/20/solid';
import UpgradeModal from '@/Components/Common/UpgradeModal.vue';
import { ref } from 'vue';
const showUpgradeModal = ref(false);
</script>

<template>
    <UpgradeModal v-model:show="showUpgradeModal">
        <strong>Project and Task Estimates</strong> is only available in solidtime Professional.
    </UpgradeModal>
    <button
        class="inline-flex bg-secondary hover:bg-tertiary px-2 py-1 rounded border border-border-secondary hover:border-border-tertiary items-center space-x-1"
        @click.prevent="showUpgradeModal = true">
        <LockClosedIcon class="w-3 text-text-tertiary"></LockClosedIcon>
        <span class="text-xs text-text-secondary font-semibold"> Upgrade </span>
    </button>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/UpgradeModal.vue
================================================
<script setup lang="ts">
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { Link } from '@inertiajs/vue3';
import { isBillingActivated } from '@/utils/billing';
import { CreditCardIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
import { canManageBilling, canUpdateOrganization } from '@/utils/permissions';
import { SecondaryButton } from '@/packages/ui/src';

const show = defineModel('show', { default: false });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Upgrade Plan </span>
            </div>
        </template>

        <template #content>
            <div>
                <div
                    class="rounded-full flex items-center justify-center w-20 h-20 mx-auto border border-border-tertiary bg-secondary">
                    <UserGroupIcon class="w-12"></UserGroupIcon>
                </div>
                <div class="max-w-sm text-center mx-auto py-4 text-base">
                    <p class="py-1">
                        <slot></slot>
                    </p>
                    <p class="py-1 text-sm">
                        If you want to use this feature,
                        <strong class="font-semibold text-text-primary"
                            >please upgrade to a paid plan</strong
                        >
                        or
                        <strong class="font-semibold text-text-primary"
                            >request a free trial</strong
                        >
                        via
                        <a
                            class="text-accent-200/80 transition text-accent-300"
                            href="mailto:hello@solidtime.io"
                            >hello@solidtime.io</a
                        >
                        to try out this feature.
                    </p>

                    <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                        <PrimaryButton
                            v-if="isBillingActivated() && canUpdateOrganization()"
                            type="button"
                            class="mt-6"
                            :icon="CreditCardIcon">
                            Go to Billing
                        </PrimaryButton>
                    </Link>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false">Close</SecondaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Common/User/UserTimezoneMismatchModal.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm, usePage } from '@inertiajs/vue3';
import type { User } from '@/types/models';
import TimezoneMismatchModal from '@/packages/ui/src/TimezoneMismatchModal.vue';

const show = defineModel('show', { default: false });
const saving = ref(false);

const page = usePage<{
    auth: {
        user: User;
    };
}>();

function handleUpdate(timezone: string) {
    saving.value = true;
    const form = useForm({
        _method: 'PUT',
        timezone: timezone,
        name: page.props.auth.user.name,
        email: page.props.auth.user.email,
        week_start: page.props.auth.user.week_start,
    });

    form.post(route('user-profile-information.update'), {
        errorBag: 'updateProfileInformation',
        preserveScroll: true,
        onSuccess: () => {
            saving.value = false;
            show.value = false;
            location.reload();
        },
        onError: () => {
            saving.value = false;
        },
    });
}
</script>

<template>
    <TimezoneMismatchModal v-model:show="show" :saving="saving" @update="handleUpdate" />
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/ConfirmationModal.vue
================================================
<script setup lang="ts">
import Modal from '@/packages/ui/src/Modal.vue';

const emit = defineEmits(['close']);

defineProps({
    show: {
        type: Boolean,
        default: false,
    },
    maxWidth: {
        type: String,
        default: '2xl',
    },
    closeable: {
        type: Boolean,
        default: true,
    },
});

const close = () => {
    emit('close');
};
</script>

<template>
    <Modal :show="show" :max-width="maxWidth" :closeable="closeable" @close="close">
        <div class="bg-card-background px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
            <div class="sm:flex sm:items-start">
                <div
                    class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
                    <svg
                        class="h-6 w-6 text-red-400"
                        xmlns="http://www.w3.org/2000/svg"
                        fill="none"
                        viewBox="0 0 24 24"
                        stroke-width="1.5"
                        stroke="currentColor">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
                    </svg>
                </div>

                <div class="mt-3 text-center sm:mt-0 sm:ms-4 sm:text-start">
                    <h3 class="text-lg font-medium text-text-primary">
                        <slot name="title" />
                    </h3>

                    <div class="mt-4 text-sm text-text-secondary">
                        <slot name="content" />
                    </div>
                </div>
            </div>
        </div>

        <div class="flex flex-row justify-end px-6 py-4 bg-card-background text-end">
            <slot name="footer" />
        </div>
    </Modal>
</template>


================================================
FILE: resources/js/Components/ConfirmsPassword.vue
================================================
<script setup lang="ts">
import { ref, reactive, nextTick } from 'vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { Field, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import axios from 'axios';

const emit = defineEmits(['confirmed']);

defineProps({
    title: {
        type: String,
        default: 'Confirm Password',
    },
    content: {
        type: String,
        default: 'For your security, please confirm your password to continue.',
    },
    button: {
        type: String,
        default: 'Confirm',
    },
});

const confirmingPassword = ref(false);

const form = reactive({
    password: '',
    error: '',
    processing: false,
});

const passwordInput = ref<HTMLInputElement | null>(null);

const startConfirmingPassword = () => {
    axios.get(route('password.confirmation')).then((response) => {
        if (response.data.confirmed) {
            emit('confirmed');
        } else {
            confirmingPassword.value = true;

            setTimeout(() => passwordInput.value?.focus(), 250);
        }
    });
};

const confirmPassword = () => {
    form.processing = true;

    axios
        .post(route('password.confirm'), {
            password: form.password,
        })
        .then(() => {
            form.processing = false;

            closeModal();
            nextTick().then(() => emit('confirmed'));
        })
        .catch((error) => {
            form.processing = false;
            form.error = error.response.data.errors.password[0];
            passwordInput.value?.focus();
        });
};

const closeModal = () => {
    confirmingPassword.value = false;
    form.password = '';
    form.error = '';
};
</script>

<template>
    <span>
        <span @click="startConfirmingPassword">
            <slot />
        </span>

        <DialogModal :show="confirmingPassword" @close="closeModal">
            <template #title>
                {{ title }}
            </template>

            <template #content>
                {{ content }}

                <Field class="mt-4">
                    <TextInput
                        ref="passwordInput"
                        v-model="form.password"
                        type="password"
                        class="block w-3/4"
                        placeholder="Password"
                        autocomplete="current-password"
                        @keyup.enter="confirmPassword" />

                    <FieldError v-if="form.error">{{ form.error }}</FieldError>
                </Field>
            </template>

            <template #footer>
                <SecondaryButton @click="closeModal"> Cancel </SecondaryButton>

                <PrimaryButton
                    class="ms-3"
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing"
                    @click="confirmPassword">
                    {{ button }}
                </PrimaryButton>
            </template>
        </DialogModal>
    </span>
</template>


================================================
FILE: resources/js/Components/CurrentSidebarTimer.vue
================================================
<script setup lang="ts">
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { storeToRefs } from 'pinia';
import { computed } from 'vue';
import dayjs from 'dayjs';
import { formatDuration } from '@/packages/ui/src/utils/time';
import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
import { getCurrentOrganizationId } from '@/utils/useUser';

const store = useCurrentTimeEntryStore();
const { currentTimeEntry, now, isActive } = storeToRefs(store);
const { setActiveState } = store;

const currentTime = computed(() => {
    if (now.value && currentTimeEntry.value.start) {
        const startTime = dayjs(currentTimeEntry.value.start);
        const diff = now.value.diff(startTime, 's');
        return formatDuration(diff);
    }
    return formatDuration(0);
});

const isRunningInDifferentOrganization = computed(() => {
    return (
        currentTimeEntry.value.organization_id &&
        getCurrentOrganizationId() &&
        currentTimeEntry.value.organization_id !== getCurrentOrganizationId()
    );
});
</script>

<template>
    <div class="pt-3 pb-2.5 px-2 flex justify-between items-center relative">
        <div
            v-if="isRunningInDifferentOrganization"
            class="absolute w-full h-full backdrop-blur-sm z-10 flex items-center justify-center">
            <div
                class="w-full h-[calc(100%+10px)] absolute bg-default-background opacity-75 backdrop-blur-sm"></div>
            <div class="flex space-x-3 items-center w-full z-20 justify-center">
                <span class="text-xs text-center text-text-primary">
                    The Timer is running in a different organization.
                </span>
            </div>
        </div>
        <div>
            <div class="text-text-secondary font-medium text-xs">Current Timer</div>
            <div class="text-text-primary font-medium text-lg">
                {{ currentTime }}
            </div>
        </div>
        <TimeTrackerStartStop
            :active="isActive"
            size="base"
            variant="secondary"
            @changed="setActiveState"></TimeTrackerStartStop>
    </div>
</template>


================================================
FILE: resources/js/Components/Dashboard/ActivityGraphCard.vue
================================================
<script lang="ts" setup>
import VChart, { THEME_KEY } from 'vue-echarts';
import { provide, computed, inject, ref, type ComputedRef } from 'vue';
import { use } from 'echarts/core';
import { useElementSize } from '@vueuse/core';
import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
import { BoltIcon } from '@heroicons/vue/20/solid';
import { HeatmapChart } from 'echarts/charts';
import {
    CalendarComponent,
    TitleComponent,
    TooltipComponent,
    VisualMapComponent,
} from 'echarts/components';
import { CanvasRenderer } from 'echarts/renderers';
import {
    firstDayIndex,
    formatDate,
    formatHumanReadableDuration,
    getDayJsInstance,
} from '@/packages/ui/src/utils/time';
import chroma from 'chroma-js';
import { useCssVariable } from '@/utils/useCssVariable';
import { useQuery } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api, type Organization } from '@/packages/api/src';
import { LoadingSpinner } from '@/packages/ui/src';

const organization = inject<ComputedRef<Organization>>('organization');

// Get the organization ID using the utility function
const organizationId = computed(() => getCurrentOrganizationId());

const { data: dailyHoursTracked, isLoading } = useQuery({
    queryKey: ['dailyTrackedHours', organizationId],
    queryFn: () => {
        return api.dailyTrackedHours({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
});

use([
    TitleComponent,
    TooltipComponent,
    VisualMapComponent,
    CalendarComponent,
    HeatmapChart,
    CanvasRenderer,
]);

provide(THEME_KEY, 'dark');

const max = computed(() => {
    if (!isLoading.value && dailyHoursTracked.value) {
        return Math.max(Math.max(...dailyHoursTracked.value.map((el) => el.duration)), 1);
    } else {
        return 1;
    }
});

const backgroundColor = useCssVariable('--theme-color-card-background');
const borderColor = useCssVariable('--color-border');
const labelColor = useCssVariable('--color-text-secondary');
const chartColorRaw = useCssVariable('--theme-color-chart');

const chartEmptyColorRaw = useCssVariable('--color-bg-tertiary');
const chartEmptyColor = computed(() => {
    if (!chartEmptyColorRaw.value) return '#2a2c32';
    return chroma(chartEmptyColorRaw.value).hex();
});
const chartColor = computed(() => {
    if (!chartColorRaw.value) return '#bae6fd';
    return `rgb(${chartColorRaw.value})`;
});

// Track chart container size
const chartContainer = ref<HTMLElement | null>(null);
const { width: containerWidth } = useElementSize(chartContainer);

// Calculate number of weeks based on available width
// Rough estimate: 40px per cell + 80px for labels = ~360px for 7 weeks
const numberOfWeeks = computed(() => {
    const availableWidth = containerWidth.value || 400;
    const minCellSize = 25; // Minimum cell size in pixels
    const labelSpace = 80; // Space for day labels
    const usableWidth = availableWidth - labelSpace;
    const maxWeeks = Math.floor(usableWidth / minCellSize);
    // Clamp between 4 and 12 weeks for reasonable display
    return Math.max(4, Math.min(12, maxWeeks));
});

// Calculate date range based on dynamic number of weeks
const dateRange = computed(() => {
    const today = getDayJsInstance()();
    const startOfWeek = today.startOf('week');
    // Go back (numberOfWeeks - 1) weeks from the start of current week
    const rangeStart = startOfWeek.subtract(numberOfWeeks.value - 1, 'week');
    return [today.format('YYYY-MM-DD'), rangeStart.format('YYYY-MM-DD')];
});

const option = computed(() => {
    return {
        tooltip: {},
        visualMap: {
            type: 'piecewise',
            orient: 'horizontal',
            left: 'center',
            top: 'center',
            pieces: [
                { value: 0, color: chartEmptyColor.value },
                {
                    gt: 0,
                    lte: max.value * 0.25,
                    color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.3).hex(),
                },
                {
                    gt: max.value * 0.25,
                    lte: max.value * 0.5,
                    color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.6).hex(),
                },
                {
                    gt: max.value * 0.5,
                    lte: max.value * 0.75,
                    color: chroma.mix(chartEmptyColor.value, chartColor.value, 0.8).hex(),
                },
                { gt: max.value * 0.75, lte: max.value, color: chartColor.value },
            ],
            show: false,
        },
        calendar: {
            top: 35,
            bottom: 20,
            left: 35,
            right: 5,
            cellSize: 'auto',
            orient: 'horizontal',
            dayLabel: {
                firstDay: firstDayIndex.value,
                color: labelColor.value,
                fontFamily: 'Inter, sans-serif',
            },
            monthLabel: {
                color: labelColor.value,
                fontFamily: 'Inter, sans-serif',
            },
            splitLine: {
                show: false,
            },
            range: dateRange.value,
            itemStyle: {
                color: 'transparent',
                borderWidth: 8,
                borderColor: backgroundColor.value,
            },
            yearLabel: { show: false },
        },
        series: {
            type: 'heatmap',
            coordinateSystem: 'calendar',
            data: dailyHoursTracked?.value?.map((el) => [el.date, el.duration]) ?? [],
            itemStyle: {
                borderRadius: 5,
                borderColor: borderColor.value,
                borderWidth: 1,
            },
            tooltip: {
                valueFormatter: (value: number, dataIndex: number) => {
                    if (dailyHoursTracked?.value) {
                        return (
                            formatDate(
                                dailyHoursTracked?.value[dataIndex]?.date ?? '',
                                organization?.value?.date_format
                            ) +
                            ': ' +
                            formatHumanReadableDuration(
                                value,
                                organization?.value?.interval_format,
                                organization?.value?.number_format
                            )
                        );
                    } else {
                        return '';
                    }
                },
            },
        },
        backgroundColor: 'transparent',
    };
});
</script>

<template>
    <DashboardCard title="Activity Graph" :icon="BoltIcon">
        <div class="px-2">
            <div v-if="isLoading" class="flex justify-center items-center h-40">
                <LoadingSpinner />
            </div>
            <div v-else-if="dailyHoursTracked" ref="chartContainer">
                <v-chart
                    class="chart"
                    :autoresize="true"
                    :option="option"
                    style="height: 260px; background-color: transparent" />
            </div>
            <div v-else class="text-center text-gray-500 py-8">No activity data available</div>
        </div>
    </DashboardCard>
</template>

<style></style>


================================================
FILE: resources/js/Components/Dashboard/DashboardCard.vue
================================================
<template>
    <section class="flex overflow-hidden flex-col gap-1.5">
        <CardTitle :title="title" :icon="icon"></CardTitle>

        <div
            class="flex-1 flex items-stretch rounded-lg bg-card-background border border-card-border">
            <div class="w-full flex flex-col">
                <slot></slot>
            </div>
        </div>
    </section>
</template>

<script setup lang="ts">
import type { Component } from 'vue';
import CardTitle from '@/packages/ui/src/CardTitle.vue';

defineProps<{
    title: string;
    icon?: Component;
}>();
</script>


================================================
FILE: resources/js/Components/Dashboard/DayOverviewCardChart.vue
================================================
<script setup lang="ts">
import VChart from 'vue-echarts';
import { computed } from 'vue';
import { useCssVariable } from '@/utils/useCssVariable';

const props = defineProps<{
    history: number[];
}>();

const accentColor = useCssVariable('--theme-color-chart');

const seriesData = computed(() =>
    props.history.map((el) => {
        return {
            value: el,
            ...{
                itemStyle: {
                    borderWidth: 1,
                    borderColor: 'rgba(' + accentColor.value + ',0.8)',
                    borderRadius: [2, 2, 0, 0],
                    color: 'rgba(' + accentColor.value + ',0.8)',
                },
            },
        };
    })
);
const option = computed(() => ({
    grid: {
        top: 0,
        right: 0,
        left: 0,
        bottom: 0,
    },
    backgroundColor: 'transparent',
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        show: false,
    },
    yAxis: {
        type: 'value',
        show: false,
    },
    series: [
        {
            data: seriesData.value,
            type: 'bar',
        },
    ],
}));
</script>

<template>
    <v-chart style="height: 20px; width: 80px" class="chart" :option="option" />
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/Dashboard/DayOverviewCardEntry.vue
================================================
<script setup lang="ts">
import DayOverviewCardChart from '@/Components/Dashboard/DayOverviewCardChart.vue';
import { formatHumanReadableDate, formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    date: string;
    duration: number;
    history: number[];
}>();
</script>

<template>
    <div class="px-3.5 py-2 flex justify-between @container">
        <div class="flex items-center min-w-[70px]">
            <p class="text-sm text-text-primary">
                {{ formatHumanReadableDate(date) }}
            </p>
        </div>
        <div class="items-center justify-center flex-1 hidden @2xs:flex">
            <DayOverviewCardChart :history="history"></DayOverviewCardChart>
        </div>
        <div class="flex text-sm items-center justify-center text-text-secondary min-w-[65px]">
            {{
                formatHumanReadableDuration(
                    duration,
                    organization?.interval_format,
                    organization?.number_format
                )
            }}
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Dashboard/LastSevenDaysCard.vue
================================================
<script setup lang="ts">
import { useQuery } from '@tanstack/vue-query';
import { computed } from 'vue';
import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
import DayOverviewCardEntry from '@/Components/Dashboard/DayOverviewCardEntry.vue';
import { CalendarIcon } from '@heroicons/vue/20/solid';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { LoadingSpinner } from '@/packages/ui/src';

// Get the organization ID using the utility function
const organizationId = computed(() => getCurrentOrganizationId());

// Set up the query
const { data: last7Days, isLoading } = useQuery({
    queryKey: ['lastSevenDays', organizationId],
    queryFn: () => {
        return api.lastSevenDays({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    placeholderData: Array.from({ length: 7 }, (_, i) => ({
        date: new Date(Date.now() - i * 24 * 60 * 60 * 1000).toISOString().split('T')[0]!,
        duration: 0,
        history: Array(8).fill(0) as number[],
    })),
});
</script>

<template>
    <DashboardCard title="Last 7 Days" :icon="CalendarIcon">
        <div v-if="isLoading" class="flex justify-center items-center h-40">
            <LoadingSpinner />
        </div>
        <div v-else-if="last7Days">
            <DayOverviewCardEntry
                v-for="day in last7Days"
                :key="day.date"
                :class="last7Days.length === 7 ? 'last:border-0 first:pt-3' : ''"
                :date="day.date"
                :history="day.history"
                :duration="day.duration"></DayOverviewCardEntry>
        </div>
        <div v-else class="text-center text-gray-500 py-8">No data available</div>
    </DashboardCard>
</template>


================================================
FILE: resources/js/Components/Dashboard/ProjectsChartCard.vue
================================================
<script setup lang="ts">
import VChart, { THEME_KEY } from 'vue-echarts';
import { provide, inject, type ComputedRef } from 'vue';
import { use } from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
import { PieChart } from 'echarts/charts';
import {
    GridComponent,
    LegendComponent,
    TitleComponent,
    TooltipComponent,
} from 'echarts/components';
import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import { useCssVariable } from '@/utils/useCssVariable';
import type { Organization } from '@/packages/api/src';

use([CanvasRenderer, PieChart, TitleComponent, GridComponent, TooltipComponent, LegendComponent]);

provide(THEME_KEY, 'dark');
const labelColor = useCssVariable('--color-text-secondary');

const props = defineProps<{
    weeklyProjectOverview: {
        value: number;
        name: string;
        color: string;
    }[];
}>();

const organization = inject<ComputedRef<Organization>>('organization');

const seriesData = props.weeklyProjectOverview.map((el) => {
    return {
        ...el,
        ...{
            itemStyle: {
                color: `${el.color}BB`,
            },
            emphasis: {
                itemStyle: {
                    color: `${el.color}`,
                },
            },
        },
    };
});
import { computed } from 'vue';

const option = computed(() => ({
    tooltip: {
        trigger: 'item',
    },
    legend: {
        bottom: 'bottom',
        top: '250px',
        textStyle: {
            color: labelColor.value,
        },
    },
    backgroundColor: 'transparent',
    series: [
        {
            label: {
                show: false,
            },
            tooltip: {
                valueFormatter: (value: number) => {
                    return formatHumanReadableDuration(
                        value,
                        organization?.value?.interval_format,
                        organization?.value?.number_format
                    );
                },
            },
            data: seriesData,
            top: '-45%',
            radius: ['30%', '60%'],
            type: 'pie',
        },
    ],
}));
</script>

<template>
    <v-chart
        class="h-[420px] max-w-[300px] mx-auto bg-transparent"
        :autoresize="true"
        :option="option" />
</template>


================================================
FILE: resources/js/Components/Dashboard/RecentlyTrackedTasksCard.vue
================================================
<script setup lang="ts">
import { useQuery } from '@tanstack/vue-query';
import { computed } from 'vue';
import RecentlyTrackedTasksCardEntry from '@/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue';
import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
import { CheckCircleIcon } from '@heroicons/vue/24/solid';
import { PlusCircleIcon } from '@heroicons/vue/24/solid';
import { getCurrentMembershipId, getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { LoadingSpinner } from '@/packages/ui/src';

// Get the organization ID using the utility function
const organizationId = computed(() => getCurrentOrganizationId());

// Function to fetch latest tasks using the API client

// Set up the query
const {
    data: timeEntriesResponse,
    isLoading,
    refetch,
} = useQuery({
    queryKey: ['timeEntries', organizationId],
    queryFn: () => {
        return api.getTimeEntries({
            params: {
                organization: organizationId.value!,
            },
            queries: {
                member_id: getCurrentMembershipId(),
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
});

const latestTasks = computed(() => {
    if (!timeEntriesResponse.value) {
        return [];
    }

    return timeEntriesResponse.value.data;
});

const filteredLatestTasks = computed(() => {
    // do not include running time entries
    const finishedTimeEntries = latestTasks.value.filter((item) => item.end !== null);

    // filter out duplicates based on description, task, project, tags and billable
    return finishedTimeEntries
        .filter((item, index, self) => {
            return (
                index ===
                self.findIndex(
                    (t) =>
                        t.description === item.description &&
                        t.task_id === item.task_id &&
                        t.project_id === item.project_id &&
                        t.tags.length === item.tags.length &&
                        t.tags.every((tag) => item.tags.includes(tag)) &&
                        t.billable === item.billable
                )
            );
        })
        .slice(0, 4);
});

// Listen for dashboard refresh events
window.addEventListener('dashboard:refresh', () => {
    refetch();
});
</script>

<template>
    <DashboardCard title="Recent Time Entries" :icon="CheckCircleIcon">
        <div v-if="isLoading" class="flex justify-center items-center h-40">
            <LoadingSpinner />
        </div>
        <div v-else-if="filteredLatestTasks && filteredLatestTasks.length > 0">
            <RecentlyTrackedTasksCardEntry
                v-for="lastTask in filteredLatestTasks"
                :key="lastTask.id"
                :time-entry="lastTask"
                :class="
                    filteredLatestTasks.length === 4 ? 'last:border-0' : ''
                "></RecentlyTrackedTasksCardEntry>
        </div>
        <div v-else class="text-center flex flex-1 justify-center items-center py-5">
            <div>
                <PlusCircleIcon class="w-8 text-icon-default inline pb-2"></PlusCircleIcon>
                <h3 class="text-text-primary font-semibold text-sm">No recent time entries</h3>
                <p class="text-sm">Start tracking your time!</p>
            </div>
        </div>
    </DashboardCard>
</template>


================================================
FILE: resources/js/Components/Dashboard/RecentlyTrackedTasksCardEntry.vue
================================================
<script setup lang="ts">
import ProjectBadge from '@/packages/ui/src/Project/ProjectBadge.vue';
import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { computed } from 'vue';
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { storeToRefs } from 'pinia';
import { getDayJsInstance } from '@/packages/ui/src/utils/time';
import type { TimeEntry } from '@/packages/api/src';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { ChevronRightIcon } from '@heroicons/vue/16/solid';

const props = defineProps<{
    timeEntry: TimeEntry;
}>();

const { projects } = useProjectsQuery();

const project = computed(() => {
    return projects.value.find((project) => project.id === props.timeEntry.project_id);
});

const { tasks } = useTasksQuery();

const task = computed(() => {
    return tasks.value.find((task) => task.id === props.timeEntry.task_id);
});

const { currentTimeEntry } = storeToRefs(useCurrentTimeEntryStore());
const { setActiveState } = useCurrentTimeEntryStore();

async function startTaskTimer() {
    if (currentTimeEntry.value.id) {
        await setActiveState(false);
    }
    currentTimeEntry.value.description = props.timeEntry.description;
    currentTimeEntry.value.project_id = props.timeEntry.project_id;
    currentTimeEntry.value.task_id = props.timeEntry.task_id;
    currentTimeEntry.value.tags = props.timeEntry.tags;
    currentTimeEntry.value.billable = props.timeEntry.billable;
    currentTimeEntry.value.start = getDayJsInstance().utc().format();
    await setActiveState(true);
    useCurrentTimeEntryStore().fetchCurrentTimeEntry();
}
</script>

<template>
    <div class="px-3.5 py-2 grid grid-cols-5">
        <div class="col-span-4">
            <p class="text-text-secondary text-sm pb-1.5 truncate">
                <span v-if="timeEntry.description"> {{ timeEntry.description }}</span>
                <span v-else>No description</span>
            </p>
            <ProjectBadge size="base" class="min-w-0 max-w-full" :color="project?.color">
                <div class="flex items-center lg:space-x-0.5 min-w-0">
                    <span class="whitespace-nowrap">
                        {{ project?.name ?? 'No Project' }}
                    </span>
                    <ChevronRightIcon
                        v-if="task"
                        class="w-4 text-text-secondary shrink-0"></ChevronRightIcon>
                    <div v-if="task" class="min-w-0 shrink truncate">
                        {{ task.name }}
                    </div>
                </div>
            </ProjectBadge>
        </div>
        <div class="flex items-center justify-end pr-1">
            <TimeTrackerStartStop
                variant="secondary"
                size="base"
                class="w-9 h-9"
                @changed="startTaskTimer"></TimeTrackerStartStop>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Dashboard/TeamActivityCard.vue
================================================
<script lang="ts" setup>
import { useQuery } from '@tanstack/vue-query';
import { computed } from 'vue';
import DashboardCard from '@/Components/Dashboard/DashboardCard.vue';
import TeamActivityCardEntry from '@/Components/Dashboard/TeamActivityCardEntry.vue';
import { UserGroupIcon } from '@heroicons/vue/20/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { LoadingSpinner } from '@/packages/ui/src';
import { router } from '@inertiajs/vue3';

// Get the organization ID using the utility function
const organizationId = computed(() => getCurrentOrganizationId());

// Set up the query
const { data: latestTeamActivity, isLoading } = useQuery({
    queryKey: ['latestTeamActivity', organizationId],
    queryFn: () => {
        return api.latestTeamActivity({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
});
</script>

<template>
    <DashboardCard title="Team Activity" :icon="UserGroupIcon">
        <div v-if="isLoading" class="flex justify-center items-center h-40">
            <LoadingSpinner />
        </div>
        <div v-else-if="latestTeamActivity">
            <TeamActivityCardEntry
                v-for="activity in latestTeamActivity"
                :key="activity.time_entry_id"
                :class="latestTeamActivity.length === 4 ? 'last:border-0' : ''"
                :name="activity.name"
                :description="activity.description"
                :working="activity.status"></TeamActivityCardEntry>
        </div>
        <div v-else class="text-center text-gray-500 py-8">No team activity found</div>
        <div
            v-if="latestTeamActivity && latestTeamActivity.length <= 1"
            :class="latestTeamActivity?.length === 1 ? 'pb-5' : 'py-5'"
            class="text-center flex flex-1 justify-center items-center">
            <div>
                <UserGroupIcon class="w-8 text-icon-default inline pb-2"></UserGroupIcon>
                <h3 class="text-text-primary font-semibold text-sm">Invite your co-workers</h3>
                <p class="pb-5 text-sm">You can invite your entire team.</p>
                <SecondaryButton @click="router.visit(route('members'))"
                    >Go to Members
                </SecondaryButton>
            </div>
        </div>
    </DashboardCard>
</template>


================================================
FILE: resources/js/Components/Dashboard/TeamActivityCardEntry.vue
================================================
<script lang="ts" setup>
defineProps<{
    name: string;
    description: string | null;
    working?: boolean;
}>();
</script>

<template>
    <div class="px-3.5 py-2 2xl:py-3">
        <div class="col-span-2">
            <div class="flex justify-between">
                <p
                    class="text-xs min-w-0 overflow-ellipsis overflow-hidden flex-1 text-text-secondary">
                    {{ name }}
                </p>
                <div v-if="working" class="flex space-x-1.5 items-center justify-end">
                    <span class="relative flex h-3 w-3 justify-center items-center">
                        <span
                            class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-500 opacity-75"></span>
                        <span class="relative inline-flex rounded-full h-2 w-2 bg-green-500"></span>
                    </span>
                    <span class="text-green-500 font-medium text-sm block pb-0.5"> working </span>
                </div>
            </div>
            <div
                class="text-text-secondary text-sm font-medium text-ellipsis whitespace-nowrap max-w-full overflow-hidden">
                {{ description }}
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/Dashboard/ThisWeekOverview.vue
================================================
<script setup lang="ts">
import { use } from 'echarts/core';
import { CanvasRenderer } from 'echarts/renderers';
import { BarChart } from 'echarts/charts';
import {
    GridComponent,
    LegendComponent,
    TitleComponent,
    TooltipComponent,
} from 'echarts/components';
import VChart, { THEME_KEY } from 'vue-echarts';
import { computed, provide, inject, type ComputedRef } from 'vue';
import StatCard from '@/Components/Common/StatCard.vue';
import { ClockIcon } from '@heroicons/vue/20/solid';
import CardTitle from '@/packages/ui/src/CardTitle.vue';
import LinearGradient from 'zrender/lib/graphic/LinearGradient';
import ProjectsChartCard from '@/Components/Dashboard/ProjectsChartCard.vue';
import ThisWeekReportingTable from '@/Components/Dashboard/ThisWeekReportingTable.vue';
import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import { formatCents } from '@/packages/ui/src/utils/money';
import { getWeekStart } from '@/packages/ui/src/utils/settings';
import { useCssVariable } from '@/utils/useCssVariable';
import { getOrganizationCurrencyString } from '@/utils/money';
import { useQuery } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api, type Organization } from '@/packages/api/src';

use([CanvasRenderer, BarChart, TitleComponent, GridComponent, TooltipComponent, LegendComponent]);

provide(THEME_KEY, 'dark');

const weekdays = computed(() => {
    const daysOrder = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];
    const dayMapping: Record<string, string> = {
        monday: 'Mon',
        tuesday: 'Tue',
        wednesday: 'Wed',
        thursday: 'Thu',
        friday: 'Fri',
        saturday: 'Sat',
        sunday: 'Sun',
    };
    if (dayMapping[getWeekStart()]) {
        const customOrder = [];
        const startIndex = daysOrder.indexOf(dayMapping[getWeekStart()]!);

        for (let i = startIndex; i < 7 + startIndex; i++) {
            customOrder.push(daysOrder[i % daysOrder.length]!);
        }

        return customOrder;
    } else {
        return daysOrder;
    }
});

const accentColor = useCssVariable('--theme-color-chart');

// Get the organization ID using the utility function
const organizationId = computed(() => getCurrentOrganizationId());

const organization = inject<ComputedRef<Organization>>('organization');

// Set up the queries
const { data: weeklyProjectOverview } = useQuery({
    queryKey: ['weeklyProjectOverview', organizationId],
    queryFn: () => {
        return api.weeklyProjectOverview({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    staleTime: 1000 * 30, // 30 seconds
});

const { data: totalWeeklyTime } = useQuery({
    queryKey: ['totalWeeklyTime', organizationId],
    queryFn: () => {
        return api.totalWeeklyTime({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    staleTime: 1000 * 30, // 30 seconds
});

const { data: totalWeeklyBillableTime } = useQuery({
    queryKey: ['totalWeeklyBillableTime', organizationId],
    queryFn: () => {
        return api.totalWeeklyBillableTime({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    staleTime: 1000 * 30, // 30 seconds
});

const { data: totalWeeklyBillableAmount } = useQuery({
    queryKey: ['totalWeeklyBillableAmount', organizationId],
    queryFn: () => {
        return api.totalWeeklyBillableAmount({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    staleTime: 1000 * 30, // 30 seconds
});

const { data: weeklyHistory } = useQuery({
    queryKey: ['weeklyHistory', organizationId],
    queryFn: () => {
        return api.weeklyHistory({
            params: {
                organization: organizationId.value!,
            },
        });
    },
    enabled: computed(() => !!organizationId.value),
    staleTime: 1000 * 30, // 30 seconds
});

const seriesData = computed(() => {
    if (!weeklyHistory.value) {
        return [];
    }
    return weeklyHistory.value?.map((el) => {
        return {
            value: el.duration,
            ...{
                itemStyle: {
                    borderColor: new LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: 'rgba(' + accentColor.value + ',0.7)',
                        },
                        {
                            offset: 1,
                            color: 'rgba(' + accentColor.value + ',0.5)',
                        },
                    ]),
                    emphasis: {
                        color: new LinearGradient(0, 0, 0, 1, [
                            {
                                offset: 0,
                                color: 'rgba(' + accentColor.value + ',0.9)',
                            },
                            {
                                offset: 1,
                                color: 'rgba(' + accentColor.value + ',0.7)',
                            },
                        ]),
                    },
                    borderRadius: [12, 12, 0, 0],
                    color: new LinearGradient(0, 0, 0, 1, [
                        {
                            offset: 0,
                            color: 'rgba(' + accentColor.value + ',0.7)',
                        },
                        {
                            offset: 1,
                            color: 'rgba(' + accentColor.value + ',0.5)',
                        },
                    ]),
                },
            },
        };
    });
});

const markLineColor = useCssVariable('--color-border-secondary');
const labelColor = useCssVariable('--color-text-secondary');
const option = computed(() => {
    return {
        tooltip: {
            trigger: 'item',
        },
        grid: {
            top: 0,
            right: 0,
            bottom: 50,
            left: 0,
        },
        backgroundColor: 'transparent',
        xAxis: {
            type: 'category',
            data: weekdays.value,
            axisLine: {
                show: false,
            },
            axisLabel: {
                fontSize: 14,
                fontWeight: 500,
                margin: 24,
                fontFamily: 'Inter, sans-serif',
                color: labelColor.value,
            },
            axisTick: {
                show: false,
            },
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                show: false,
            },
            splitLine: {
                lineStyle: {
                    color: markLineColor.value,
                },
            },
        },
        series: [
            {
                data: seriesData.value,
                type: 'bar',
                tooltip: {
                    valueFormatter: (value: number) => {
                        return formatHumanReadableDuration(
                            value,
                            organization?.value?.interval_format,
                            organization?.value?.number_format
                        );
                    },
                },
            },
        ],
    };
});
</script>

<template>
    <div
        class="grid space-y-5 sm:space-y-0 sm:gap-x-6 xl:gap-x-6 grid-cols-1 lg:grid-cols-3 xl:grid-cols-4">
        <div class="col-span-2 xl:col-span-3">
            <CardTitle title="This Week" class="pb-8" :icon="ClockIcon"></CardTitle>
            <v-chart v-if="weeklyHistory" :autoresize="true" class="chart" :option="option" />

            <div class="mt-6">
                <ThisWeekReportingTable></ThisWeekReportingTable>
            </div>
        </div>
        <div class="space-y-6">
            <StatCard
                title="Spent Time"
                :value="
                    totalWeeklyTime
                        ? formatHumanReadableDuration(
                              totalWeeklyTime,
                              organization?.interval_format,
                              organization?.number_format
                          )
                        : '--'
                " />
            <StatCard
                title="Billable Time"
                :value="
                    totalWeeklyBillableTime
                        ? formatHumanReadableDuration(
                              totalWeeklyBillableTime,
                              organization?.interval_format,
                              organization?.number_format
                          )
                        : '--'
                " />
            <StatCard
                title="Billable Amount"
                :value="
                    totalWeeklyBillableAmount
                        ? formatCents(
                              totalWeeklyBillableAmount.value,
                              getOrganizationCurrencyString(),
                              organization?.currency_format,
                              organization?.currency_symbol,
                              organization?.number_format
                          )
                        : '--'
                " />
            <ProjectsChartCard
                v-if="weeklyProjectOverview"
                :weekly-project-overview="weeklyProjectOverview"></ProjectsChartCard>
        </div>
    </div>
</template>

<style scoped>
.chart {
    height: 280px;
    background: transparent;
}
</style>


================================================
FILE: resources/js/Components/Dashboard/ThisWeekReportingTable.vue
================================================
<script setup lang="ts">
import ReportingRow from '@/Components/Common/Reporting/ReportingRow.vue';
import ReportingGroupBySelect from '@/Components/Common/Reporting/ReportingGroupBySelect.vue';
import {
    formatHumanReadableDuration,
    getDayJsInstance,
    getLocalizedDayJs,
} from '@/packages/ui/src/utils/time';
import { formatCents } from '@/packages/ui/src/utils/money';
import { getOrganizationCurrencyString } from '@/utils/money';
import { type GroupingOption, useReportingStore } from '@/utils/useReporting';
import { getCurrentMembershipId, getCurrentOrganizationId, getCurrentRole } from '@/utils/useUser';
import {
    api,
    type AggregatedTimeEntries,
    type AggregatedTimeEntriesQueryParams,
    type Organization,
} from '@/packages/api/src';
import { useQuery } from '@tanstack/vue-query';
import { useStorage } from '@vueuse/core';
import { computed, inject, type ComputedRef, watch } from 'vue';

const organization = inject<ComputedRef<Organization>>('organization');

const group = useStorage<GroupingOption>('dashboard-reporting-group', 'project');
const subGroup = useStorage<GroupingOption>('dashboard-reporting-sub-group', 'task');

const reportingStore = useReportingStore();
const { groupByOptions, getNameForReportingRowEntry } = reportingStore;

watch(
    group,
    () => {
        if (group.value === subGroup.value) {
            const fallbackOption = groupByOptions.find((el) => el.value !== group.value);
            if (fallbackOption?.value) {
                subGroup.value = fallbackOption.value;
            }
        }
    },
    { immediate: true }
);

const organizationId = computed(() => getCurrentOrganizationId());

const weekStartUtc = computed(() => {
    return getLocalizedDayJs(getDayJsInstance()().format())
        .startOf('week')
        .startOf('day')
        .utc()
        .format();
});

const weekEndUtc = computed(() => {
    return getLocalizedDayJs(getDayJsInstance()().format()).endOf('day').utc().format();
});

const queryParams = computed<AggregatedTimeEntriesQueryParams>(() => {
    return {
        start: weekStartUtc.value,
        end: weekEndUtc.value,
        group: group.value,
        sub_group: subGroup.value,
        member_id: getCurrentRole() === 'employee' ? getCurrentMembershipId() : undefined,
    };
});

const { data: reportingResponse, isLoading } = useQuery({
    queryKey: [
        'dashboardThisWeekReporting',
        organizationId,
        weekStartUtc,
        weekEndUtc,
        group,
        subGroup,
    ],
    queryFn: () => {
        return api.getAggregatedTimeEntries({
            params: {
                organization: organizationId.value!,
            },
            queries: queryParams.value,
        });
    },
    enabled: computed(() => !!organizationId.value),
});

const aggregatedTableTimeEntries = computed<AggregatedTimeEntries | null>(() => {
    return (reportingResponse.value?.data as AggregatedTimeEntries | undefined) ?? null;
});

const tableData = computed(() => {
    return (
        aggregatedTableTimeEntries.value?.grouped_data?.map((entry) => {
            return {
                seconds: entry.seconds,
                cost: entry.cost,
                description: getNameForReportingRowEntry(
                    entry.key,
                    aggregatedTableTimeEntries.value?.grouped_type ?? null
                ),
                grouped_data:
                    entry.grouped_data?.map((el) => {
                        return {
                            seconds: el.seconds,
                            cost: el.cost,
                            description: getNameForReportingRowEntry(
                                el.key,
                                entry.grouped_type ?? null
                            ),
                        };
                    }) ?? [],
            };
        }) ?? []
    );
});

const showBillableRate = computed(() => {
    return !!(
        getCurrentRole() !== 'employee' || organization?.value?.employees_can_see_billable_rates
    );
});
</script>

<template>
    <div class="rounded-lg bg-card-background border border-card-border">
        <div
            class="text-sm flex text-text-primary pt-3 items-center space-x-3 font-medium px-6 border-b border-card-background-separator pb-3">
            <span>Group by</span>
            <ReportingGroupBySelect
                v-model="group"
                :group-by-options="groupByOptions"></ReportingGroupBySelect>
            <span>and</span>
            <ReportingGroupBySelect
                v-model="subGroup"
                :group-by-options="
                    groupByOptions.filter((el) => el.value !== group)
                "></ReportingGroupBySelect>
        </div>

        <div
            class="grid items-center"
            :style="`grid-template-columns: 1fr 100px ${showBillableRate ? '150px' : ''}`">
            <div
                class="contents [&>*]:border-card-background-separator [&>*]:border-b [&>*]:pb-1.5 [&>*]:pt-1 text-text-tertiary text-sm">
                <div class="pl-6">Name</div>
                <div class="text-right" :class="!showBillableRate ? 'pr-6' : ''">Duration</div>
                <div v-if="showBillableRate" class="text-right pr-6">Cost</div>
            </div>

            <div
                v-if="isLoading"
                class="flex justify-center py-10 text-text-tertiary"
                :class="showBillableRate ? 'col-span-3' : 'col-span-2'">
                Loading reporting data…
            </div>

            <template
                v-else-if="
                    aggregatedTableTimeEntries?.grouped_data &&
                    aggregatedTableTimeEntries.grouped_data?.length > 0
                ">
                <ReportingRow
                    v-for="entry in tableData"
                    :key="entry.description ?? 'none'"
                    :currency="getOrganizationCurrencyString()"
                    :show-cost="showBillableRate"
                    :entry="entry"></ReportingRow>
                <div class="contents [&>*]:transition text-text-tertiary [&>*]:h-[50px]">
                    <div class="flex items-center pl-6 font-medium">
                        <span>Total</span>
                    </div>
                    <div
                        class="justify-end flex items-center font-medium"
                        :class="!showBillableRate ? 'pr-6' : ''">
                        {{
                            formatHumanReadableDuration(
                                aggregatedTableTimeEntries.seconds,
                                organization?.interval_format,
                                organization?.number_format
                            )
                        }}
                    </div>
                    <div
                        v-if="showBillableRate"
                        class="justify-end pr-6 flex items-center font-medium">
                        {{
                            aggregatedTableTimeEntries.cost
                                ? formatCents(
                                      aggregatedTableTimeEntries.cost,
                                      getOrganizationCurrencyString(),
                                      organization?.currency_format,
                                      organization?.currency_symbol,
                                      organization?.number_format
                                  )
                                : '--'
                        }}
                    </div>
                </div>
            </template>

            <div
                v-else
                class="chart flex flex-col items-center justify-center py-12"
                :class="showBillableRate ? 'col-span-3' : 'col-span-2'">
                <p class="text-lg text-text-primary font-medium">No time entries found</p>
                <p>Try to track some time entries this week</p>
            </div>
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/DropdownLink.vue
================================================
<script setup lang="ts">
import { Link } from '@inertiajs/vue3';

defineProps<{
    href?: string;
    as?: string;
}>();
</script>

<template>
    <div>
        <button
            v-if="as == 'button'"
            type="submit"
            v-bind="$attrs"
            class="block w-full px-4 py-2 text-start text-sm leading-5 text-text-primary hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
            <slot />
        </button>
        <a
            v-else-if="as == 'a'"
            :href="href"
            class="block px-4 py-2 text-sm leading-5 text-text-primary hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
            <slot />
        </a>

        <Link
            v-else
            :href="href ?? ''"
            prefetch
            class="block px-4 py-2 text-sm leading-5 text-text-primary hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
            <slot />
        </Link>
    </div>
</template>


================================================
FILE: resources/js/Components/FormSection.vue
================================================
<script setup lang="ts">
import { computed, useSlots } from 'vue';
import SectionTitle from './SectionTitle.vue';

defineEmits(['submitted']);

const hasActions = computed(() => !!useSlots().actions);
</script>

<template>
    <div class="md:grid md:grid-cols-3 md:gap-6">
        <SectionTitle>
            <template #title>
                <slot name="title" />
            </template>
            <template #description>
                <slot name="description" />
            </template>
        </SectionTitle>

        <div class="mt-5 md:mt-0 md:col-span-2">
            <form @submit.prevent="$emit('submitted')">
                <div
                    class="px-4 py-5 bg-card-background sm:p-6 shadow"
                    :class="hasActions ? 'sm:rounded-tl-md sm:rounded-tr-md' : 'sm:rounded-md'">
                    <div class="grid grid-cols-6 gap-6">
                        <slot name="form" />
                    </div>
                </div>

                <div
                    v-if="hasActions"
                    class="flex items-center justify-end px-4 py-3 bg-card-background border-t border-card-background-separator text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
                    <slot name="actions" />
                </div>
            </form>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/NavLink.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { Link } from '@inertiajs/vue3';

const props = defineProps<{
    href?: string;
    active?: boolean;
}>();

const classes = computed(() => {
    return props.active
        ? 'inline-flex items-center px-1 pt-1 border-b-2 border-indigo-400 text-sm font-medium leading-5 text-gray-900 focus:outline-none focus:border-indigo-700 transition duration-150 ease-in-out'
        : 'inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition duration-150 ease-in-out';
});
</script>

<template>
    <Link :href="href ?? ''" :class="classes" prefetch="mount">
        <slot />
    </Link>
</template>


================================================
FILE: resources/js/Components/NavigationSidebarItem.vue
================================================
<script setup lang="ts">
import { type Component } from 'vue';
import NavigationSidebarLink from '@/Components/NavigationSidebarLink.vue';
import { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger } from 'radix-vue';
import { useSessionStorage } from '@vueuse/core';
import { ChevronRightIcon } from '@heroicons/vue/20/solid';

const props = defineProps<{
    title: string;
    icon?: Component;
    current?: boolean;
    href: string;
    subItems?: { title: string; route: string; show: boolean }[];
}>();

const open = useSessionStorage('nav-collapse-state-' + props.title, true);
</script>

<template>
    <li class="relative">
        <NavigationSidebarLink
            v-if="!subItems"
            class="py-0.5"
            :title
            :icon
            :current
            :href></NavigationSidebarLink>
        <CollapsibleRoot v-else v-model:open="open"
            ><CollapsibleTrigger class="w-full group py-0.5">
                <div
                    class="text-text-secondary group-hover:text-text-primary group-hover:bg-menu-active group flex gap-x-2 rounded-md transition leading-6 py-0.5 px-2 font-medium text-sm items-center justify-between">
                    <div class="flex items-center gap-x-2">
                        <component
                            :is="icon"
                            v-if="icon"
                            :class="[
                                current
                                    ? 'text-icon-active'
                                    : 'text-icon-default group-hover:text-icon-active',
                                'transition h-4 w-4 shrink-0',
                            ]"
                            aria-hidden="true" />
                        <span>
                            {{ title }}
                        </span>
                    </div>

                    <ChevronRightIcon
                        :class="[
                            'w-5 text-text-secondary',
                            { 'transform rotate-90': open },
                        ]"></ChevronRightIcon>
                </div>
            </CollapsibleTrigger>
            <CollapsibleContent class="CollapsibleContent">
                <div class="px-3.5">
                    <ul
                        v-if="subItems"
                        class="flex min-w-0 flex-col border-l border-border-secondary px-3 w-full my-0.5">
                        <li
                            v-for="subItem in subItems"
                            :key="subItem.title"
                            class="w-full relative">
                            <NavigationSidebarLink
                                v-if="subItem.show"
                                :title="subItem.title"
                                :current="route().current(subItem.route)"
                                :href="route(subItem.route)"></NavigationSidebarLink>
                        </li>
                    </ul>
                </div>
            </CollapsibleContent>
        </CollapsibleRoot>
    </li>
</template>
<style scoped>
.CollapsibleContent {
    overflow: hidden;
}
.CollapsibleContent[data-state='open'] {
    animation: slideDown 300ms ease-out;
}
.CollapsibleContent[data-state='closed'] {
    animation: slideUp 300ms ease-out;
}

@keyframes slideDown {
    from {
        height: 0;
    }
    to {
        height: var(--radix-collapsible-content-height);
    }
}

@keyframes slideUp {
    from {
        height: var(--radix-collapsible-content-height);
    }
    to {
        height: 0;
    }
}
</style>


================================================
FILE: resources/js/Components/NavigationSidebarLink.vue
================================================
<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
import type { Component } from 'vue';
defineProps<{
    title: string;
    icon?: Component;
    current?: boolean;
    href: string;
}>();
</script>

<template>
    <Link :href="href" class="block group" prefetch>
        <div
            :class="[
                current
                    ? 'bg-menu-active text-text-primary'
                    : 'text-text-secondary group-hover:text-text-primary group-hover:bg-menu-active ',
                'group flex gap-x-2 rounded-md transition leading-6 py-0.5 px-2 font-medium text-sm items-center',
            ]">
            <component
                :is="icon"
                v-if="icon"
                :class="[
                    current ? 'text-icon-active' : 'text-icon-default group-hover:text-icon-active',
                    'transition h-4 w-4 shrink-0',
                ]"
                aria-hidden="true" />
            {{ title }}
        </div>
    </Link>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/NotificationContainer.vue
================================================
<template>
    <div
        aria-live="assertive"
        class="pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-end sm:p-6 z-[70]">
        <div class="flex w-full flex-col items-center space-y-4 sm:items-end">
            <Notification
                v-for="notification in notifications"
                :key="notification.uuid"
                :type="notification.type"
                :title="notification.title"
                :message="notification.message"></Notification>
        </div>
    </div>
    <DialogModal :show="showActionBlockedModal">
        <template #title>
            <div class="flex space-x-2">
                <span> Action blocked </span>
            </div>
        </template>

        <template #content>
            <div
                class="rounded-full flex items-center justify-center w-16 h-16 mx-auto border border-border-tertiary bg-secondary">
                <XCircleIcon class="w-10"></XCircleIcon>
            </div>
            <div class="max-w-sm text-center mx-auto py-4 text-base">
                <p class="py-1">
                    Your organization is currently
                    <strong class="font-semibold">blocked from performing this action</strong>
                </p>
                <p class="py-1">
                    To unblock your organization, please
                    <strong class="font-semibold"> upgrade to a premium plan</strong>
                    or remove all users except the owner.
                </p>

                <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                    <PrimaryButton :icon="CreditCardIcon" type="button" class="mt-6">
                        Go to Billing
                    </PrimaryButton>
                </Link>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="showActionBlockedModal = false"> Cancel</SecondaryButton>
        </template>
    </DialogModal>
</template>

<script setup lang="ts">
import Notification from '@/Components/Common/Notification/Notification.vue';
import { storeToRefs } from 'pinia';
import { useNotificationsStore } from '@/utils/notification';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { isBillingActivated } from '@/utils/billing';
import { canManageBilling } from '@/utils/permissions';
import { CreditCardIcon, XCircleIcon } from '@heroicons/vue/20/solid';
import { Link } from '@inertiajs/vue3';
import PrimaryButton from '../packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '../packages/ui/src/Buttons/SecondaryButton.vue';

const { notifications, showActionBlockedModal } = storeToRefs(useNotificationsStore());
</script>


================================================
FILE: resources/js/Components/OrganizationSwitcher.vue
================================================
<script setup lang="ts">
import { ChevronDownIcon } from '@heroicons/vue/20/solid';
import { Link, usePage } from '@inertiajs/vue3';
import {
    Cog6ToothIcon,
    PlusCircleIcon,
    CheckCircleIcon,
    ArrowRightIcon,
} from '@heroicons/vue/24/solid';
import type { Organization, User } from '@/types/models';
import { isBillingActivated } from '@/utils/billing';
import { canManageBilling } from '@/utils/permissions';
import { switchOrganization } from '@/utils/useOrganization';
import {
    DropdownMenu,
    DropdownMenuTrigger,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuLabel,
} from '@/Components/ui/dropdown-menu';

const page = usePage<{
    jetstream: {
        canCreateTeams: boolean;
        hasTeamFeatures: boolean;
        managesProfilePhotos: boolean;
        hasApiFeatures: boolean;
    };
    auth: {
        user: User & {
            all_teams: Organization[];
        };
    };
}>();

const switchToTeam = (organization: Organization) => {
    switchOrganization(organization.id);
};
</script>

<template>
    <DropdownMenu v-if="page.props.jetstream.hasTeamFeatures">
        <DropdownMenuTrigger
            class="flex w-full text-left hover:bg-white/10 focus-visible:ring-2 focus-visible:ring-ring cursor-pointer transition pl-2 py-1 rounded w-full items-center justify-between"
            as-child>
            <button data-testid="organization_switcher">
                <div class="flex flex-1 space-x-2 items-center w-[calc(100%-30px)]">
                    <div
                        class="rounded bg-blue-900 font-medium text-xs flex-shrink-0 text-white w-5 h-5 flex items-center justify-center">
                        {{ page.props.auth.user.current_team.name.slice(0, 1).toUpperCase() }}
                    </div>
                    <span class="text-xs flex-1 truncate font-medium">
                        {{ page.props.auth.user.current_team.name }}
                    </span>
                </div>
                <div class="w-[30px]">
                    <div class="p-1 rounded-full flex items-center w-6 h-6">
                        <ChevronDownIcon class="w-4 sm:w-full mt-[1px]"></ChevronDownIcon>
                    </div>
                </div>
            </button>
        </DropdownMenuTrigger>

        <DropdownMenuContent align="start">
            <div class="w-60">
                <DropdownMenuLabel>Manage Organization</DropdownMenuLabel>

                <DropdownMenuItem as-child>
                    <Link
                        :href="route('teams.show', page.props.auth.user.current_team.id)"
                        class="inline-flex items-center gap-2.5 w-full">
                        <Cog6ToothIcon class="w-5 h-5 text-icon-default" />
                        <span>Organization Settings</span>
                    </Link>
                </DropdownMenuItem>

                <DropdownMenuItem v-if="canManageBilling() && isBillingActivated()" as-child>
                    <Link href="/billing" class="inline-flex items-center w-full"> Billing </Link>
                </DropdownMenuItem>

                <DropdownMenuItem v-if="page.props.jetstream.canCreateTeams" as-child>
                    <Link
                        :href="route('teams.create')"
                        class="inline-flex items-center gap-2.5 w-full">
                        <PlusCircleIcon class="w-5 h-5 text-icon-default" />
                        <span>Create new organization</span>
                    </Link>
                </DropdownMenuItem>

                <template v-if="page.props.auth.user.all_teams.length > 1">
                    <div class="border-t border-card-background-separator" />

                    <DropdownMenuLabel>Switch Organizations</DropdownMenuLabel>

                    <template v-for="team in page.props.auth.user.all_teams" :key="team.id">
                        <form @submit.prevent="switchToTeam(team)">
                            <DropdownMenuItem
                                as-child
                                class="inline-flex gap-2.5 items-center w-full">
                                <button type="submit">
                                    <CheckCircleIcon
                                        v-if="team.id == page.props.auth.user.current_team_id"
                                        class="h-5 w-5 text-green-400" />
                                    <ArrowRightIcon v-else class="h-5 w-5 text-icon-default" />

                                    <div class="w-full truncate text-left">
                                        {{ team.name }}
                                    </div>
                                </button>
                            </DropdownMenuItem>
                        </form>
                    </template>
                </template>
            </div>
        </DropdownMenuContent>
    </DropdownMenu>
</template>


================================================
FILE: resources/js/Components/ResponsiveNavLink.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { Link } from '@inertiajs/vue3';

const props = defineProps<{
    active?: boolean;
    href?: string;
    as?: string;
}>();

const classes = computed(() => {
    return props.active
        ? 'block w-full ps-3 pe-4 py-2 border-l-4 border-indigo-400 text-start text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition duration-150 ease-in-out'
        : 'block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-text-secondary hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out';
});
</script>

<template>
    <div>
        <button v-if="as == 'button'" :class="classes" class="w-full text-start">
            <slot />
        </button>

        <Link v-else :href="href ?? ''" :class="classes" prefetch>
            <slot />
        </Link>
    </div>
</template>


================================================
FILE: resources/js/Components/SectionBorder.vue
================================================
<template>
    <div class="hidden sm:block">
        <div class="py-8">
            <div class="border-t border-default-background-separator" />
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/SectionTitle.vue
================================================
<template>
    <div class="md:col-span-1 flex justify-between">
        <div class="px-4 sm:px-0">
            <h3 class="text-lg font-medium text-text-primary">
                <slot name="title" />
            </h3>

            <p class="mt-1 text-sm text-text-secondary">
                <slot name="description" />
            </p>
        </div>

        <div class="px-4 sm:px-0">
            <slot name="aside" />
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/TableRow.vue
================================================
<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
import { twMerge } from 'tailwind-merge';

defineProps<{
    href?: string;
}>();
</script>

<template>
    <Component
        :is="href ? Link : 'div'"
        :href="href"
        role="row"
        :class="
            twMerge(
                'contents group [&>*]:transition [&>*]:border-row-separator [&>*]:bg-row-background [&>*]:border-b',
                href ? '[&>*]:cursor-pointer [&>*]:hover:bg-white/5' : ''
            )
        ">
        <slot></slot>
    </Component>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/TimeTracker.vue
================================================
<script setup lang="ts">
import { ClockIcon } from '@heroicons/vue/20/solid';
import CardTitle from '@/packages/ui/src/CardTitle.vue';
import { usePage } from '@inertiajs/vue3';
import { type User } from '@/types/models';
import { computed, onMounted, watch } from 'vue';
import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import duration from 'dayjs/plugin/duration';

import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { storeToRefs } from 'pinia';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { switchOrganization } from '@/utils/useOrganization';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useTagsStore } from '@/utils/useTags';
import { useProjectsStore } from '@/utils/useProjects';
import TimeTrackerControls from '@/packages/ui/src/TimeTracker/TimeTrackerControls.vue';
import type {
    CreateClientBody,
    CreateProjectBody,
    CreateTimeEntryBody,
    Project,
    Tag,
} from '@/packages/api/src';
import TimeTrackerRunningInDifferentOrganizationOverlay from '@/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue';
import TimeTrackerMoreOptionsDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerMoreOptionsDropdown.vue';
import TimeEntryCreateModal from '@/packages/ui/src/TimeEntry/TimeEntryCreateModal.vue';
import { useClientsStore } from '@/utils/useClients';
import { getOrganizationCurrencyString } from '@/utils/money';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { canCreateProjects } from '@/utils/permissions';
import { ref } from 'vue';
import { useNotificationsStore } from '@/utils/notification';
import { useTimeEntriesMutations } from '@/utils/useTimeEntriesMutations';
import { useTimeEntriesInfiniteQuery } from '@/utils/useTimeEntriesInfiniteQuery';

const page = usePage<{
    auth: {
        user: User;
    };
}>();
dayjs.extend(duration);

dayjs.extend(utc);

const currentTimeEntryStore = useCurrentTimeEntryStore();
const { currentTimeEntry, isActive, now } = storeToRefs(currentTimeEntryStore);
const { startLiveTimer, stopLiveTimer, setActiveState } = currentTimeEntryStore;

const { projects } = useProjectsQuery();
const { tasks } = useTasksQuery();
const { clients } = useClientsQuery();

const emit = defineEmits<{
    change: [];
}>();

const showManualTimeEntryModal = ref(false);

const { createTimeEntry: createTimeEntryMutation, deleteTimeEntry } = useTimeEntriesMutations();
const { data: timeEntriesData } = useTimeEntriesInfiniteQuery();
const timeEntries = computed(() => timeEntriesData.value?.pages.flatMap((page) => page.data) || []);

watch(isActive, () => {
    if (isActive.value) {
        startLiveTimer();
    } else {
        stopLiveTimer();
    }
    emit('change');
});

onMounted(async () => {
    if (page.props.auth.user.current_team_id) {
        await currentTimeEntryStore.fetchCurrentTimeEntry();
        now.value = dayjs().utc();
    }
});

function updateTimeEntry() {
    if (currentTimeEntry.value.id) {
        useCurrentTimeEntryStore().updateTimer();
    }
}

const isRunningInDifferentOrganization = computed(() => {
    return (
        currentTimeEntry.value.organization_id &&
        getCurrentOrganizationId() &&
        currentTimeEntry.value.organization_id !== getCurrentOrganizationId()
    );
});

async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    const newProject = await useProjectsStore().createProject(project);
    if (newProject) {
        currentTimeEntry.value.project_id = newProject.id;
    }
    return newProject;
}
async function createClient(client: CreateClientBody) {
    return await useClientsStore().createClient(client);
}

function switchToTimeEntryOrganization() {
    if (currentTimeEntry.value.organization_id) {
        switchOrganization(currentTimeEntry.value.organization_id);
    }
}
async function createTag(tag: string): Promise<Tag | undefined> {
    return await useTagsStore().createTag(tag);
}

async function createTimeEntry(timeEntry: Omit<CreateTimeEntryBody, 'member_id'>) {
    await createTimeEntryMutation(timeEntry);
    showManualTimeEntryModal.value = false;
}

async function createTimeEntryFromCurrentEntry() {
    const { start, end, description, project_id, task_id, billable, tags } = currentTimeEntry.value;
    await createTimeEntry({ start, end, description, project_id, task_id, billable, tags });
    currentTimeEntryStore.$reset();
}

const { handleApiRequestNotifications } = useNotificationsStore();

async function discardCurrentTimeEntry() {
    if (currentTimeEntry.value.id) {
        await handleApiRequestNotifications(
            () => deleteTimeEntry(currentTimeEntry.value.id),
            'Time entry discarded successfully',
            'Failed to discard time entry'
        );
        await currentTimeEntryStore.fetchCurrentTimeEntry();
    }
}

const { tags } = useTagsQuery();
</script>

<template>
    <TimeEntryCreateModal
        v-model:show="showManualTimeEntryModal"
        :enable-estimated-time="isAllowedToPerformPremiumAction()"
        :create-project="createProject"
        :create-client="createClient"
        :create-tag="createTag"
        :create-time-entry="createTimeEntry"
        :currency="getOrganizationCurrencyString()"
        :can-create-project="canCreateProjects()"
        :projects
        :tasks
        :tags
        :clients></TimeEntryCreateModal>
    <CardTitle title="Time Tracker" :icon="ClockIcon"></CardTitle>
    <div class="relative pt-1">
        <TimeTrackerRunningInDifferentOrganizationOverlay
            v-if="isRunningInDifferentOrganization"
            @switch-organization="
                switchToTimeEntryOrganization
            "></TimeTrackerRunningInDifferentOrganizationOverlay>

        <div class="flex w-full items-center gap-2">
            <div class="flex w-full items-center gap-2">
                <div class="flex-1">
                    <TimeTrackerControls
                        v-model:current-time-entry="currentTimeEntry"
                        v-model:live-timer="now"
                        :create-project
                        :enable-estimated-time="isAllowedToPerformPremiumAction()"
                        :can-create-project="canCreateProjects()"
                        :create-client
                        :clients
                        :tags
                        :tasks
                        :projects
                        :time-entries
                        :create-tag
                        :is-active
                        :currency="getOrganizationCurrencyString()"
                        @start-live-timer="startLiveTimer"
                        @stop-live-timer="stopLiveTimer"
                        @start-timer="setActiveState(true)"
                        @stop-timer="setActiveState(false)"
                        @update-time-entry="updateTimeEntry"
                        @create-time-entry="createTimeEntryFromCurrentEntry"></TimeTrackerControls>
                </div>
                <TimeTrackerMoreOptionsDropdown
                    :has-active-timer="isActive"
                    @manual-entry="showManualTimeEntryModal = true"
                    @discard="discardCurrentTimeEntry"></TimeTrackerMoreOptionsDropdown>
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Components/UpdateSidebarNotification.vue
================================================
<script setup lang="ts">
import { BellAlertIcon, XMarkIcon } from '@heroicons/vue/20/solid';
import { SecondaryButton } from '@/packages/ui/src';
import { useStorage } from '@vueuse/core';
const showReleaseInfo = useStorage('showReleaseInfo-desktop', true);

function openDesktopGithubRepo() {
    window.open('https://github.com/solidtime-io/solidtime-desktop', '_blank')?.focus();
}
</script>

<template>
    <div v-if="showReleaseInfo" class="py-4 hidden lg:block">
        <div class="rounded-lg px-2.5 py-2 bg-card-background border border-border-secondary">
            <div class="flex items-start justify-between">
                <div
                    class="text-xs pb-1.5 font-semibold text-text-tertiary flex items-center space-x-1">
                    <BellAlertIcon class="w-3.5"></BellAlertIcon>
                    <span> New Update </span>
                </div>
                <button>
                    <XMarkIcon
                        class="w-3.5 text-text-tertiary hover:text-text-secondary"
                        @click="showReleaseInfo = false"></XMarkIcon>
                </button>
            </div>

            <p class="text-xs">
                <span class="font-semibold">Solidtime Desktop Beta</span> is here! Test our brand
                new clients for Windows, macOS and Linux now.
            </p>
            <SecondaryButton
                size="small"
                class="w-full text-center justify-center mt-1.5"
                @click="openDesktopGithubRepo"
                >Download now</SecondaryButton
            >
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/Components/UserSettingsIcon.vue
================================================
<script setup lang="ts">
import { Link, router, usePage } from '@inertiajs/vue3';
import type { Organization, User } from '@/types/models';
import {
    DropdownMenu,
    DropdownMenuTrigger,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuLabel,
} from '@/Components/ui/dropdown-menu';
import {
    UserCircleIcon,
    KeyIcon,
    ArrowLeftOnRectangleIcon,
    ChatBubbleLeftRightIcon,
} from '@heroicons/vue/24/solid';
import { openFeedback } from '@/utils/feedback';

const page = usePage<{
    has_services_extension?: boolean;
    has_billing_extension?: boolean;
    jetstream: {
        canCreateTeams: boolean;
        hasTeamFeatures: boolean;
        managesProfilePhotos: boolean;
        hasApiFeatures: boolean;
    };
    auth: {
        user: User & {
            all_teams: Organization[];
        };
    };
}>();

const logout = () => {
    router.post(route('logout'));
};
</script>
<template>
    <div class="relative">
        <DropdownMenu>
            <DropdownMenuTrigger
                class="flex text-sm border-2 outline-none border-transparent rounded-full focus-visible:ring-2 focus-visible:ring-ring transition"
                as-child>
                <button data-testid="current_user_button">
                    <img
                        class="h-7 w-7 rounded-full object-cover"
                        :src="page.props.auth.user.profile_photo_url"
                        :alt="page.props.auth.user.name" />
                </button>
            </DropdownMenuTrigger>
            <DropdownMenuContent align="center" class="max-w-48">
                <DropdownMenuLabel>Manage Account</DropdownMenuLabel>

                <DropdownMenuItem as-child>
                    <Link
                        :href="route('profile.show')"
                        class="inline-flex items-center gap-2.5 w-full">
                        <UserCircleIcon class="w-5 h-5 text-icon-default" />
                        <span>Profile Settings</span>
                    </Link>
                </DropdownMenuItem>

                <DropdownMenuItem v-if="page.props.jetstream.hasApiFeatures" as-child>
                    <Link
                        :href="route('api-tokens.index')"
                        class="inline-flex items-center gap-2.5 w-full">
                        <KeyIcon class="w-5 h-5 text-icon-default" />
                        <span>API Tokens</span>
                    </Link>
                </DropdownMenuItem>

                <DropdownMenuItem v-if="page.props.has_services_extension" as-child>
                    <button
                        type="button"
                        class="inline-flex items-center gap-2.5 w-full"
                        @click="openFeedback">
                        <ChatBubbleLeftRightIcon class="w-5 h-5 text-icon-default" />
                        <span>Feedback</span>
                    </button>
                </DropdownMenuItem>

                <form class="w-full" @submit.prevent="logout">
                    <DropdownMenuItem as-child class="inline-flex items-center gap-2.5 w-full">
                        <button type="submit" data-testid="logout_button">
                            <ArrowLeftOnRectangleIcon class="w-5 h-5 text-icon-default" />
                            <span>Log Out</span>
                        </button>
                    </DropdownMenuItem>
                </form>
            </DropdownMenuContent>
        </DropdownMenu>
    </div>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialog.vue
================================================
<script setup lang="ts">
import {
    type AlertDialogEmits,
    type AlertDialogProps,
    AlertDialogRoot,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<AlertDialogProps>();
const emits = defineEmits<AlertDialogEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <AlertDialogRoot v-bind="forwarded">
        <slot />
    </AlertDialogRoot>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogAction.vue
================================================
<script setup lang="ts">
import { buttonVariants } from '@/packages/ui/src';
import { AlertDialogAction, type AlertDialogActionProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import { twMerge } from 'tailwind-merge';
const props = defineProps<AlertDialogActionProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AlertDialogAction v-bind="delegatedProps" :class="twMerge(buttonVariants(), props.class)">
        <slot />
    </AlertDialogAction>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogCancel.vue
================================================
<script setup lang="ts">
import { buttonVariants } from '@/packages/ui/src';
import { AlertDialogCancel, type AlertDialogCancelProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import { twMerge } from 'tailwind-merge';

const props = defineProps<AlertDialogCancelProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AlertDialogCancel
        v-bind="delegatedProps"
        :class="twMerge(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', props.class)">
        <slot />
    </AlertDialogCancel>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogContent.vue
================================================
<script setup lang="ts">
import {
    AlertDialogContent,
    type AlertDialogContentEmits,
    type AlertDialogContentProps,
    AlertDialogOverlay,
    AlertDialogPortal,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<AlertDialogContentProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<AlertDialogContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <AlertDialogPortal>
        <AlertDialogOverlay
            class="fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" />
        <AlertDialogContent
            v-bind="forwarded"
            :class="
                cn(
                    'fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
                    props.class
                )
            ">
            <slot />
        </AlertDialogContent>
    </AlertDialogPortal>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogDescription.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { AlertDialogDescription, type AlertDialogDescriptionProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<AlertDialogDescriptionProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AlertDialogDescription
        v-bind="delegatedProps"
        :class="cn('text-sm text-muted-foreground', props.class)">
        <slot />
    </AlertDialogDescription>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogFooter.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div :class="cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2', props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogHeader.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div :class="cn('flex flex-col gap-y-2 text-center sm:text-left', props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogTitle.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { AlertDialogTitle, type AlertDialogTitleProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<AlertDialogTitleProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AlertDialogTitle v-bind="delegatedProps" :class="cn('text-lg font-semibold', props.class)">
        <slot />
    </AlertDialogTitle>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/AlertDialogTrigger.vue
================================================
<script setup lang="ts">
import { AlertDialogTrigger, type AlertDialogTriggerProps } from 'reka-ui';

const props = defineProps<AlertDialogTriggerProps>();
</script>

<template>
    <AlertDialogTrigger v-bind="props">
        <slot />
    </AlertDialogTrigger>
</template>


================================================
FILE: resources/js/Components/ui/alert-dialog/index.ts
================================================
export { default as AlertDialog } from './AlertDialog.vue';
export { default as AlertDialogAction } from './AlertDialogAction.vue';
export { default as AlertDialogCancel } from './AlertDialogCancel.vue';
export { default as AlertDialogContent } from './AlertDialogContent.vue';
export { default as AlertDialogDescription } from './AlertDialogDescription.vue';
export { default as AlertDialogFooter } from './AlertDialogFooter.vue';
export { default as AlertDialogHeader } from './AlertDialogHeader.vue';
export { default as AlertDialogTitle } from './AlertDialogTitle.vue';
export { default as AlertDialogTrigger } from './AlertDialogTrigger.vue';


================================================
FILE: resources/js/Components/ui/calendar/Calendar.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import {
    CalendarRoot,
    type CalendarRootEmits,
    type CalendarRootProps,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import {
    CalendarCell,
    CalendarCellTrigger,
    CalendarGrid,
    CalendarGridBody,
    CalendarGridHead,
    CalendarGridRow,
    CalendarHeadCell,
    CalendarHeader,
    CalendarHeading,
    CalendarNextButton,
    CalendarPrevButton,
} from '.';

const props = defineProps<CalendarRootProps & { class?: HTMLAttributes['class'] }>();

const emits = defineEmits<CalendarRootEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <CalendarRoot v-slot="{ grid, weekDays }" :class="cn('p-3', props.class)" v-bind="forwarded">
        <CalendarHeader>
            <CalendarPrevButton />
            <CalendarHeading />
            <CalendarNextButton />
        </CalendarHeader>

        <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
            <CalendarGrid v-for="month in grid" :key="month.value.toString()">
                <CalendarGridHead>
                    <CalendarGridRow>
                        <CalendarHeadCell v-for="day in weekDays" :key="day">
                            {{ day }}
                        </CalendarHeadCell>
                    </CalendarGridRow>
                </CalendarGridHead>
                <CalendarGridBody>
                    <CalendarGridRow
                        v-for="(weekDates, index) in month.rows"
                        :key="`weekDate-${index}`"
                        class="mt-2 w-full">
                        <CalendarCell
                            v-for="weekDate in weekDates"
                            :key="weekDate.toString()"
                            :date="weekDate">
                            <CalendarCellTrigger :day="weekDate" :month="month.value" />
                        </CalendarCell>
                    </CalendarGridRow>
                </CalendarGridBody>
            </CalendarGrid>
        </div>
    </CalendarRoot>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarCell.vue
================================================
<script lang="ts" setup>
import { CalendarCell, type CalendarCellProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import { twMerge } from 'tailwind-merge';

const props = defineProps<CalendarCellProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarCell
        :class="
            twMerge(
                'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-view])]:bg-accent/50',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot />
    </CalendarCell>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarCellTrigger.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src';
import { CalendarCellTrigger, type CalendarCellTriggerProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarCellTriggerProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarCellTrigger
        :class="
            cn(
                buttonVariants({ variant: 'ghost' }),
                'h-8 w-8 p-0 font-normal',
                '[&[data-today]:not([data-selected])]:border-accent [&[data-today]:not([data-selected])]:border [&[data-today]:not([data-selected])]:text-accent-foreground',
                // Selected
                'data-[selected]:bg-quaternary data-[selected]:text-primary-foreground data-[selected]:opacity-100 data-[selected]:hover:bg-quaternary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground',
                // Disabled
                'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
                // Unavailable
                'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
                // Outside months
                'data-[outside-view]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:bg-accent/50 [&[data-outside-view][data-selected]]:text-muted-foreground [&[data-outside-view][data-selected]]:opacity-30',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot />
    </CalendarCellTrigger>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarDateInput.vue
================================================
<script setup lang="ts">
import { Popover, PopoverContent, PopoverTrigger } from '@/packages/ui/src';
import { Button } from '@/packages/ui/src';
import { Calendar } from '@/Components/ui/calendar';
import { CalendarIcon, XIcon } from 'lucide-vue-next';
import { formatDate } from '@/packages/ui/src/utils/time';
import { parseDate } from '@internationalized/date';
import { computed, inject, type ComputedRef } from 'vue';
import { type Organization } from '@/packages/api/src';

const model = defineModel<string | null>();
const emit = defineEmits<{
    blur: [];
}>();

defineProps<{
    clearable?: boolean;
}>();

const handleChange = (date: string) => {
    model.value = date;
};

const handleBlur = () => {
    emit('blur');
};

const handleClear = (event: Event) => {
    event.stopPropagation();
    model.value = null;
};

const date = computed(() => {
    return model.value ? parseDate(model.value) : undefined;
});

const organization = inject<ComputedRef<Organization>>('organization');
</script>

<template>
    <Popover>
        <PopoverTrigger as-child>
            <Button
                variant="input"
                :class="[
                    'w-full justify-start text-left font-normal',
                    !model && 'text-muted-foreground',
                ]">
                <CalendarIcon class="mr-2 h-4 w-4" />
                <span class="flex-1">
                    {{ model ? formatDate(model, organization?.date_format) : 'Pick a date' }}
                </span>
                <button
                    v-if="clearable && model"
                    class="ml-2 hover:bg-muted rounded p-1 transition-colors"
                    type="button"
                    @click="handleClear">
                    <XIcon class="h-4 w-4" />
                </button>
            </Button>
        </PopoverTrigger>
        <PopoverContent class="w-auto p-0">
            <Calendar
                mode="single"
                :model-value="date"
                :initial-focus="true"
                @update:model-value="(date) => handleChange(date ? date.toString() : '')"
                @blur="handleBlur" />
        </PopoverContent>
    </Popover>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarGrid.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { CalendarGrid, type CalendarGridProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarGridProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarGrid
        :class="cn('w-full border-collapse space-y-1', props.class)"
        v-bind="forwardedProps">
        <slot />
    </CalendarGrid>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarGridBody.vue
================================================
<script lang="ts" setup>
import { CalendarGridBody, type CalendarGridBodyProps } from 'reka-ui';

const props = defineProps<CalendarGridBodyProps>();
</script>

<template>
    <CalendarGridBody v-bind="props">
        <slot />
    </CalendarGridBody>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarGridHead.vue
================================================
<script lang="ts" setup>
import type { HTMLAttributes } from 'vue';
import { CalendarGridHead, type CalendarGridHeadProps } from 'reka-ui';

const props = defineProps<CalendarGridHeadProps & { class?: HTMLAttributes['class'] }>();
</script>

<template>
    <CalendarGridHead v-bind="props">
        <slot />
    </CalendarGridHead>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarGridRow.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { CalendarGridRow, type CalendarGridRowProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarGridRowProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarGridRow :class="cn('flex', props.class)" v-bind="forwardedProps">
        <slot />
    </CalendarGridRow>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarHeadCell.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { CalendarHeadCell, type CalendarHeadCellProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarHeadCellProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarHeadCell
        :class="cn('w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground', props.class)"
        v-bind="forwardedProps">
        <slot />
    </CalendarHeadCell>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarHeader.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { CalendarHeader, type CalendarHeaderProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarHeaderProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarHeader
        :class="cn('relative flex w-full items-center justify-between pt-1', props.class)"
        v-bind="forwardedProps">
        <slot />
    </CalendarHeader>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarHeading.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { CalendarHeading, type CalendarHeadingProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarHeadingProps & { class?: HTMLAttributes['class'] }>();

defineSlots<{
    default: (props: { headingValue: string }) => unknown;
}>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarHeading
        v-slot="{ headingValue }"
        :class="cn('text-sm font-medium', props.class)"
        v-bind="forwardedProps">
        <slot :heading-value>
            {{ headingValue }}
        </slot>
    </CalendarHeading>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarNextButton.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src/index';
import { ChevronRight } from 'lucide-vue-next';
import { CalendarNext, type CalendarNextProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarNextProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarNext
        :class="
            cn(
                buttonVariants({ variant: 'outline' }),
                'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot>
            <ChevronRight class="h-4 w-4" />
        </slot>
    </CalendarNext>
</template>


================================================
FILE: resources/js/Components/ui/calendar/CalendarPrevButton.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src';
import { ChevronLeft } from 'lucide-vue-next';
import { CalendarPrev, type CalendarPrevProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<CalendarPrevProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <CalendarPrev
        :class="
            cn(
                buttonVariants({ variant: 'outline' }),
                'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot>
            <ChevronLeft class="h-4 w-4" />
        </slot>
    </CalendarPrev>
</template>


================================================
FILE: resources/js/Components/ui/calendar/index.ts
================================================
export { default as Calendar } from './Calendar.vue';
export { default as CalendarCell } from './CalendarCell.vue';
export { default as CalendarCellTrigger } from './CalendarCellTrigger.vue';
export { default as CalendarGrid } from './CalendarGrid.vue';
export { default as CalendarGridBody } from './CalendarGridBody.vue';
export { default as CalendarGridHead } from './CalendarGridHead.vue';
export { default as CalendarGridRow } from './CalendarGridRow.vue';
export { default as CalendarHeadCell } from './CalendarHeadCell.vue';
export { default as CalendarHeader } from './CalendarHeader.vue';
export { default as CalendarHeading } from './CalendarHeading.vue';
export { default as CalendarNextButton } from './CalendarNextButton.vue';
export { default as CalendarPrevButton } from './CalendarPrevButton.vue';


================================================
FILE: resources/js/Components/ui/dialog/Dialog.vue
================================================
<script setup lang="ts">
import {
    DialogRoot,
    type DialogRootEmits,
    type DialogRootProps,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<DialogRootProps>();
const emits = defineEmits<DialogRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <DialogRoot v-bind="forwarded">
        <slot />
    </DialogRoot>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogClose.vue
================================================
<script setup lang="ts">
import { DialogClose, type DialogCloseProps } from 'reka-ui';

const props = defineProps<DialogCloseProps>();
</script>

<template>
    <DialogClose v-bind="props">
        <slot />
    </DialogClose>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    DialogContent,
    type DialogContentEmits,
    type DialogContentProps,
    DialogOverlay,
    DialogPortal,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<DialogContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DialogPortal>
        <DialogOverlay
            class="fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0">
            <div class="absolute inset-0 bg-default-background opacity-30" />
        </DialogOverlay>
        <div
            :class="
                cn(
                    'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start px-2 pt-3 md:pt-20 xl:pt-32 justify-center overflow-auto'
                )
            ">
            <DialogContent
                v-bind="forwarded"
                :class="
                    cn(
                        'pointer-events-auto bg-default-background grid w-full max-w-lg border border-border-tertiary shadow-lg duration-200 rounded-lg outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
                        props.class
                    )
                ">
                <slot />
            </DialogContent>
        </div>
    </DialogPortal>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogDescription.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { DialogDescription, type DialogDescriptionProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <DialogDescription
        v-bind="forwardedProps"
        :class="cn('text-sm text-muted-foreground', props.class)">
        <slot />
    </DialogDescription>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogFooter.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{ class?: HTMLAttributes['class'] }>();
</script>

<template>
    <div :class="cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2', props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogHeader.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div :class="cn('flex flex-col gap-y-1.5 text-center sm:text-left', props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogScrollContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { X } from 'lucide-vue-next';
import {
    DialogClose,
    DialogContent,
    type DialogContentEmits,
    type DialogContentProps,
    DialogOverlay,
    DialogPortal,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<DialogContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DialogPortal>
        <DialogOverlay
            class="fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0">
            <DialogContent
                :class="
                    cn(
                        'relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full',
                        props.class
                    )
                "
                v-bind="forwarded"
                @pointer-down-outside="
                    (event) => {
                        const originalEvent = event.detail.originalEvent;
                        const target = originalEvent.target as HTMLElement;
                        if (
                            originalEvent.offsetX > target.clientWidth ||
                            originalEvent.offsetY > target.clientHeight
                        ) {
                            event.preventDefault();
                        }
                    }
                ">
                <slot />

                <DialogClose
                    class="absolute top-4 right-4 p-0.5 transition-colors rounded-md hover:bg-secondary">
                    <X class="w-4 h-4" />
                    <span class="sr-only">Close</span>
                </DialogClose>
            </DialogContent>
        </DialogOverlay>
    </DialogPortal>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogTitle.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { DialogTitle, type DialogTitleProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <DialogTitle
        v-bind="forwardedProps"
        :class="cn('text-lg font-semibold leading-none tracking-tight', props.class)">
        <slot />
    </DialogTitle>
</template>


================================================
FILE: resources/js/Components/ui/dialog/DialogTrigger.vue
================================================
<script setup lang="ts">
import { DialogTrigger, type DialogTriggerProps } from 'reka-ui';

const props = defineProps<DialogTriggerProps>();
</script>

<template>
    <DialogTrigger v-bind="props">
        <slot />
    </DialogTrigger>
</template>


================================================
FILE: resources/js/Components/ui/dialog/index.ts
================================================
export { default as Dialog } from './Dialog.vue';
export { default as DialogClose } from './DialogClose.vue';
export { default as DialogContent } from './DialogContent.vue';
export { default as DialogDescription } from './DialogDescription.vue';
export { default as DialogFooter } from './DialogFooter.vue';
export { default as DialogHeader } from './DialogHeader.vue';
export { default as DialogScrollContent } from './DialogScrollContent.vue';
export { default as DialogTitle } from './DialogTitle.vue';
export { default as DialogTrigger } from './DialogTrigger.vue';


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenu.vue
================================================
<script setup lang="ts">
import {
    DropdownMenuRoot,
    type DropdownMenuRootEmits,
    type DropdownMenuRootProps,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<DropdownMenuRootProps>();
const emits = defineEmits<DropdownMenuRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <DropdownMenuRoot v-bind="forwarded">
        <slot />
    </DropdownMenuRoot>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { Check } from 'lucide-vue-next';
import {
    DropdownMenuCheckboxItem,
    type DropdownMenuCheckboxItemEmits,
    type DropdownMenuCheckboxItemProps,
    DropdownMenuItemIndicator,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<DropdownMenuCheckboxItemEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DropdownMenuCheckboxItem
        v-bind="forwarded"
        :class="
            cn(
                'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
                props.class
            )
        ">
        <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
            <DropdownMenuItemIndicator>
                <Check class="w-4 h-4" />
            </DropdownMenuItemIndicator>
        </span>
        <slot />
    </DropdownMenuCheckboxItem>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    DropdownMenuContent,
    type DropdownMenuContentEmits,
    type DropdownMenuContentProps,
    DropdownMenuPortal,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = withDefaults(
    defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
    {
        sideOffset: 4,
    }
);
const emits = defineEmits<DropdownMenuContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DropdownMenuPortal>
        <DropdownMenuContent
            v-bind="forwarded"
            :class="
                cn(
                    'z-50 min-w-32 overflow-hidden rounded-md border border-border-secondary bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                    props.class
                )
            ">
            <slot />
        </DropdownMenuContent>
    </DropdownMenuPortal>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuGroup.vue
================================================
<script setup lang="ts">
import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'reka-ui';

const props = defineProps<DropdownMenuGroupProps>();
</script>

<template>
    <DropdownMenuGroup v-bind="props">
        <slot />
    </DropdownMenuGroup>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuItem.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<
    DropdownMenuItemProps & { class?: HTMLAttributes['class']; inset?: boolean }
>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <DropdownMenuItem
        v-bind="forwardedProps"
        :class="
            cn(
                'relative flex cursor-default select-none items-center rounded-sm gap-2 px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',
                inset && 'pl-8',
                props.class
            )
        ">
        <slot />
    </DropdownMenuItem>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuLabel.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<
    DropdownMenuLabelProps & { class?: HTMLAttributes['class']; inset?: boolean }
>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <DropdownMenuLabel
        v-bind="forwardedProps"
        :class="cn('block px-2 py-2 text-xs text-gray-400', inset && 'pl-8', props.class)">
        <slot />
    </DropdownMenuLabel>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuRadioGroup.vue
================================================
<script setup lang="ts">
import {
    DropdownMenuRadioGroup,
    type DropdownMenuRadioGroupEmits,
    type DropdownMenuRadioGroupProps,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<DropdownMenuRadioGroupProps>();
const emits = defineEmits<DropdownMenuRadioGroupEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <DropdownMenuRadioGroup v-bind="forwarded">
        <slot />
    </DropdownMenuRadioGroup>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuRadioItem.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { Circle } from 'lucide-vue-next';
import {
    DropdownMenuItemIndicator,
    DropdownMenuRadioItem,
    type DropdownMenuRadioItemEmits,
    type DropdownMenuRadioItemProps,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>();

const emits = defineEmits<DropdownMenuRadioItemEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DropdownMenuRadioItem
        v-bind="forwarded"
        :class="
            cn(
                'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
                props.class
            )
        ">
        <span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
            <DropdownMenuItemIndicator>
                <Circle class="h-4 w-4 fill-current" />
            </DropdownMenuItemIndicator>
        </span>
        <slot />
    </DropdownMenuRadioItem>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuSeparator.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { DropdownMenuSeparator, type DropdownMenuSeparatorProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<
    DropdownMenuSeparatorProps & {
        class?: HTMLAttributes['class'];
    }
>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <DropdownMenuSeparator
        v-bind="delegatedProps"
        :class="cn('-mx-1 my-1 h-px bg-muted', props.class)" />
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuShortcut.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <span :class="cn('ml-auto text-xs tracking-widest opacity-60', props.class)">
        <slot />
    </span>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuSub.vue
================================================
<script setup lang="ts">
import {
    DropdownMenuSub,
    type DropdownMenuSubEmits,
    type DropdownMenuSubProps,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<DropdownMenuSubProps>();
const emits = defineEmits<DropdownMenuSubEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <DropdownMenuSub v-bind="forwarded">
        <slot />
    </DropdownMenuSub>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuSubContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    DropdownMenuSubContent,
    type DropdownMenuSubContentEmits,
    type DropdownMenuSubContentProps,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<DropdownMenuSubContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <DropdownMenuSubContent
        v-bind="forwarded"
        :class="
            cn(
                'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                props.class
            )
        ">
        <slot />
    </DropdownMenuSubContent>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuSubTrigger.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { ChevronRight } from 'lucide-vue-next';
import { DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <DropdownMenuSubTrigger
        v-bind="forwardedProps"
        :class="
            cn(
                'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
                props.class
            )
        ">
        <slot />
        <ChevronRight class="ml-auto h-4 w-4" />
    </DropdownMenuSubTrigger>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/DropdownMenuTrigger.vue
================================================
<script setup lang="ts">
import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from 'reka-ui';

const props = defineProps<DropdownMenuTriggerProps>();

const forwardedProps = useForwardProps(props);
</script>

<template>
    <DropdownMenuTrigger class="outline-none" v-bind="forwardedProps">
        <slot />
    </DropdownMenuTrigger>
</template>


================================================
FILE: resources/js/Components/ui/dropdown-menu/index.ts
================================================
export { default as DropdownMenu } from './DropdownMenu.vue';

export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue';
export { default as DropdownMenuContent } from './DropdownMenuContent.vue';
export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue';
export { default as DropdownMenuItem } from './DropdownMenuItem.vue';
export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue';
export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue';
export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue';
export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue';
export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue';
export { default as DropdownMenuSub } from './DropdownMenuSub.vue';
export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue';
export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue';
export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue';
export { DropdownMenuPortal } from 'reka-ui';


================================================
FILE: resources/js/Components/ui/label/Label.vue
================================================
<script setup lang="ts">
import type { LabelProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { Label } from 'reka-ui';
import { cn } from '@/lib/utils';

const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = reactiveOmit(props, 'class');
</script>

<template>
    <Label
        v-bind="delegatedProps"
        :class="
            cn(
                'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
                props.class
            )
        ">
        <slot />
    </Label>
</template>


================================================
FILE: resources/js/Components/ui/label/index.ts
================================================
export { default as Label } from './Label.vue';


================================================
FILE: resources/js/Components/ui/number-field/NumberField.vue
================================================
<script setup lang="ts">
import type { NumberFieldRootEmits, NumberFieldRootProps } from 'reka-ui';
import { cn } from '@/lib/utils';
import { NumberFieldRoot, useForwardPropsEmits } from 'reka-ui';
import { computed, type HTMLAttributes, inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const props = defineProps<
    NumberFieldRootProps & {
        class?: HTMLAttributes['class'];
        formatOptions?: {
            maximumFractionDigits?: number;
            minimumFractionDigits?: number;
        };
    }
>();
const emits = defineEmits<NumberFieldRootEmits>();

const delegatedProps = computed(() => {
    const { class: _, formatOptions: __, ...delegated } = props;
    return delegated;
});

const organization = inject<ComputedRef<Organization>>('organization');

const locale = computed(() => {
    const format = organization?.value?.number_format || 'comma-point';

    // space poin is not supported in reka-ui
    switch (format) {
        case 'point-comma':
            return 'de-DE'; // Uses point for thousands and comma for decimal
        case 'comma-point':
            return 'en-US'; // Uses comma for thousands and point for decimal
        case 'space-comma':
            return 'sv-SE'; // Uses space for thousands and comma for decimal
        case 'apostrophe-point':
            return 'de-CH'; // Uses apostrophe for thousands and point for decimal
        default:
            return 'en-US';
    }
});

const defaultFormatOptions = {
    maximumFractionDigits: 2,
};

const formatOptions = computed(() => ({
    ...defaultFormatOptions,
    ...props.formatOptions,
}));

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <NumberFieldRoot
        v-bind="forwarded"
        :locale="locale"
        :format-options="formatOptions"
        :class="cn('grid gap-1.5', props.class)">
        <slot />
    </NumberFieldRoot>
</template>


================================================
FILE: resources/js/Components/ui/number-field/NumberFieldContent.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div
        :class="
            cn(
                'relative [&>[data-slot=input]]:has-[[data-slot=increment]]:pr-5 [&>[data-slot=input]]:has-[[data-slot=decrement]]:pl-5',
                props.class
            )
        ">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/Components/ui/number-field/NumberFieldDecrement.vue
================================================
<script setup lang="ts">
import type { NumberFieldDecrementProps } from 'reka-ui';
import { cn } from '@/lib/utils';
import { Minus } from 'lucide-vue-next';
import { NumberFieldDecrement, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<NumberFieldDecrementProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardProps(delegatedProps);
</script>

<template>
    <NumberFieldDecrement
        data-slot="decrement"
        v-bind="forwarded"
        :class="
            cn(
                'absolute top-1/2 -translate-y-1/2 left-0 p-3 disabled:cursor-not-allowed disabled:opacity-20',
                props.class
            )
        ">
        <slot>
            <Minus class="h-4 w-4" />
        </slot>
    </NumberFieldDecrement>
</template>


================================================
FILE: resources/js/Components/ui/number-field/NumberFieldIncrement.vue
================================================
<script setup lang="ts">
import type { NumberFieldIncrementProps } from 'reka-ui';
import { cn } from '@/lib/utils';
import { Plus } from 'lucide-vue-next';
import { NumberFieldIncrement, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<NumberFieldIncrementProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardProps(delegatedProps);
</script>

<template>
    <NumberFieldIncrement
        data-slot="increment"
        v-bind="forwarded"
        :class="
            cn(
                'absolute top-1/2 -translate-y-1/2 right-0 disabled:cursor-not-allowed disabled:opacity-20 p-3',
                props.class
            )
        ">
        <slot>
            <Plus class="h-4 w-4" />
        </slot>
    </NumberFieldIncrement>
</template>


================================================
FILE: resources/js/Components/ui/number-field/NumberFieldInput.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';
import { NumberFieldInput } from 'reka-ui';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <NumberFieldInput
        data-slot="input"
        :class="
            cn(
                'flex h-9 w-full rounded-md border border-input-border bg-input-background px-3 py-1 text-base sm:text-sm text-center shadow-sm transition-colors placeholder:text-muted-foreground focus:border-input-border focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50',
                props.class
            )
        " />
</template>


================================================
FILE: resources/js/Components/ui/number-field/index.ts
================================================
export { default as NumberField } from './NumberField.vue';
export { default as NumberFieldContent } from './NumberFieldContent.vue';
export { default as NumberFieldDecrement } from './NumberFieldDecrement.vue';
export { default as NumberFieldIncrement } from './NumberFieldIncrement.vue';
export { default as NumberFieldInput } from './NumberFieldInput.vue';


================================================
FILE: resources/js/Components/ui/select/Select.vue
================================================
<script setup lang="ts">
import type { SelectRootEmits, SelectRootProps } from 'reka-ui';
import { SelectRoot, useForwardPropsEmits } from 'reka-ui';

const props = defineProps<SelectRootProps>();
const emits = defineEmits<SelectRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <SelectRoot v-bind="forwarded">
        <slot />
    </SelectRoot>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    SelectContent,
    type SelectContentEmits,
    type SelectContentProps,
    SelectPortal,
    SelectViewport,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import { SelectScrollDownButton, SelectScrollUpButton } from '.';

defineOptions({
    inheritAttrs: false,
});

const props = withDefaults(
    defineProps<SelectContentProps & { class?: HTMLAttributes['class'] }>(),
    {
        position: 'popper',
    }
);
const emits = defineEmits<SelectContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <SelectPortal>
        <SelectContent
            v-bind="{ ...forwarded, ...$attrs }"
            :class="
                cn(
                    'relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border border-popover-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                    position === 'popper' &&
                        'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
                    props.class
                )
            ">
            <SelectScrollUpButton />
            <SelectViewport
                :class="
                    cn(
                        'p-1',
                        position === 'popper' &&
                            'h-[--reka-select-trigger-height] w-full min-w-[--reka-select-trigger-width]'
                    )
                ">
                <slot />
            </SelectViewport>
            <SelectScrollDownButton />
        </SelectContent>
    </SelectPortal>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectGroup.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { SelectGroup, type SelectGroupProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <SelectGroup :class="cn('p-1 w-full', props.class)" v-bind="delegatedProps">
        <slot />
    </SelectGroup>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectItem.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { Check } from 'lucide-vue-next';
import {
    SelectItem,
    SelectItemIndicator,
    type SelectItemProps,
    SelectItemText,
    useForwardProps,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <SelectItem
        v-bind="forwardedProps"
        :class="
            cn(
                'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
                props.class
            )
        ">
        <span class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
            <SelectItemIndicator>
                <Check class="h-4 w-4" />
            </SelectItemIndicator>
        </span>

        <SelectItemText>
            <slot />
        </SelectItemText>
    </SelectItem>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectItemText.vue
================================================
<script setup lang="ts">
import { SelectItemText, type SelectItemTextProps } from 'reka-ui';

const props = defineProps<SelectItemTextProps>();
</script>

<template>
    <SelectItemText v-bind="props">
        <slot />
    </SelectItemText>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectLabel.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';
import { SelectLabel, type SelectLabelProps } from 'reka-ui';

const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>();
</script>

<template>
    <SelectLabel :class="cn('px-2 py-1.5 text-sm font-semibold', props.class)">
        <slot />
    </SelectLabel>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectScrollDownButton.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { ChevronDown } from 'lucide-vue-next';
import { SelectScrollDownButton, type SelectScrollDownButtonProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <SelectScrollDownButton
        v-bind="forwardedProps"
        :class="cn('flex cursor-default items-center justify-center py-1', props.class)">
        <slot>
            <ChevronDown />
        </slot>
    </SelectScrollDownButton>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectScrollUpButton.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { ChevronUp } from 'lucide-vue-next';
import { SelectScrollUpButton, type SelectScrollUpButtonProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <SelectScrollUpButton
        v-bind="forwardedProps"
        :class="cn('flex cursor-default items-center justify-center py-1', props.class)">
        <slot>
            <ChevronUp />
        </slot>
    </SelectScrollUpButton>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectSeparator.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { SelectSeparator, type SelectSeparatorProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <SelectSeparator v-bind="delegatedProps" :class="cn('-mx-1 my-1 h-px bg-muted', props.class)" />
</template>


================================================
FILE: resources/js/Components/ui/select/SelectTrigger.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { ChevronDown } from 'lucide-vue-next';
import { SelectIcon, SelectTrigger, type SelectTriggerProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = withDefaults(
    defineProps<
        SelectTriggerProps & {
            size?: 'default' | 'sm' | 'lg';
            class?: HTMLAttributes['class'];
            showChevron?: boolean;
            variant?: 'default' | 'outline';
            active?: boolean;
        }
    >(),
    {
        showChevron: true,
        variant: 'default',
        active: false,
        size: 'default',
    }
);

const delegatedProps = computed(() => {
    const {
        class: _,
        showChevron: __,
        variant: ___,
        active: ____,
        size: _____,
        ...delegated
    } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);

const sizeClasses = computed(() => {
    switch (props.size) {
        case 'sm':
            return 'h-8 px-3 text-xs';
        case 'lg':
            return 'h-10 px-4 text-sm';
        default:
            return 'h-9 px-3 text-sm';
    }
});

const variantClasses = computed(() => {
    if (props.variant === 'outline') {
        if (props.active) {
            return 'border border-accent-300/50 bg-accent-50 hover:bg-accent-100 dark:border-accent-300/50 dark:bg-accent-300/5 dark:hover:bg-accent-300/10';
        }
        return 'border shadow-xs hover:text-text-primary bg-card-background dark:bg-transparent border-input dark:border-input hover:bg-white/5';
    }
    return 'border border-input-border bg-input-background shadow-sm';
});
</script>

<template>
    <SelectTrigger
        v-bind="forwardedProps"
        :class="
            cn(
                'flex items-center justify-between gap-3 whitespace-nowrap rounded-md data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate text-start font-medium transition-colors',
                sizeClasses,
                variantClasses,
                props.class
            )
        ">
        <slot />
        <SelectIcon v-if="showChevron" as-child>
            <ChevronDown class="w-4 h-4 text-icon-default shrink-0" />
        </SelectIcon>
    </SelectTrigger>
</template>


================================================
FILE: resources/js/Components/ui/select/SelectValue.vue
================================================
<script setup lang="ts">
import { SelectValue, type SelectValueProps } from 'reka-ui';

const props = defineProps<SelectValueProps>();
</script>

<template>
    <SelectValue v-bind="props">
        <slot />
    </SelectValue>
</template>


================================================
FILE: resources/js/Components/ui/select/index.ts
================================================
export { default as Select } from './Select.vue';
export { default as SelectContent } from './SelectContent.vue';
export { default as SelectGroup } from './SelectGroup.vue';
export { default as SelectItem } from './SelectItem.vue';
export { default as SelectItemText } from './SelectItemText.vue';
export { default as SelectLabel } from './SelectLabel.vue';
export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue';
export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue';
export { default as SelectSeparator } from './SelectSeparator.vue';
export { default as SelectTrigger } from './SelectTrigger.vue';
export { default as SelectValue } from './SelectValue.vue';


================================================
FILE: resources/js/Components/ui/switch/Switch.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    SwitchRoot,
    type SwitchRootEmits,
    type SwitchRootProps,
    SwitchThumb,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>();

const emits = defineEmits<SwitchRootEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <SwitchRoot
        v-bind="forwarded"
        :class="
            cn(
                'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
                props.class
            )
        ">
        <SwitchThumb
            :class="
                cn(
                    'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4'
                )
            ">
            <slot name="thumb" />
        </SwitchThumb>
    </SwitchRoot>
</template>


================================================
FILE: resources/js/Components/ui/switch/index.ts
================================================
export { default as Switch } from './Switch.vue';


================================================
FILE: resources/js/Components/ui/table/Table.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div class="relative w-full overflow-auto">
        <table :class="cn('w-full caption-bottom text-sm', props.class)">
            <slot />
        </table>
    </div>
</template>


================================================
FILE: resources/js/Components/ui/table/TableBody.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <tbody :class="cn('[&_tr:last-child]:border-0', props.class)">
        <slot />
    </tbody>
</template>


================================================
FILE: resources/js/Components/ui/table/TableCaption.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <caption :class="cn('mt-4 text-sm text-muted-foreground', props.class)">
        <slot />
    </caption>
</template>


================================================
FILE: resources/js/Components/ui/table/TableCell.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <td
        :class="
            cn(
                'p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5',
                props.class
            )
        ">
        <slot />
    </td>
</template>


================================================
FILE: resources/js/Components/ui/table/TableEmpty.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { computed, type HTMLAttributes } from 'vue';
import TableCell from './TableCell.vue';
import TableRow from './TableRow.vue';

const props = withDefaults(
    defineProps<{
        class?: HTMLAttributes['class'];
        colspan?: number;
    }>(),
    {
        colspan: 1,
    }
);

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <TableRow>
        <TableCell
            :class="cn('p-4 whitespace-nowrap align-middle text-sm text-foreground', props.class)"
            v-bind="delegatedProps">
            <div class="flex items-center justify-center py-10">
                <slot />
            </div>
        </TableCell>
    </TableRow>
</template>


================================================
FILE: resources/js/Components/ui/table/TableFooter.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <tfoot :class="cn('border-t bg-muted/50 font-medium [&>tr]:last:border-b-0', props.class)">
        <slot />
    </tfoot>
</template>


================================================
FILE: resources/js/Components/ui/table/TableHead.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <th
        :class="
            cn(
                'h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-0.5',
                props.class
            )
        ">
        <slot />
    </th>
</template>


================================================
FILE: resources/js/Components/ui/table/TableHeader.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <thead :class="cn('[&_tr]:border-b', props.class)">
        <slot />
    </thead>
</template>


================================================
FILE: resources/js/Components/ui/table/TableRow.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <tr
        :class="
            cn(
                'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
                props.class
            )
        ">
        <slot />
    </tr>
</template>


================================================
FILE: resources/js/Components/ui/table/index.ts
================================================
export { default as Table } from './Table.vue';
export { default as TableBody } from './TableBody.vue';
export { default as TableCaption } from './TableCaption.vue';
export { default as TableCell } from './TableCell.vue';
export { default as TableEmpty } from './TableEmpty.vue';
export { default as TableFooter } from './TableFooter.vue';
export { default as TableHead } from './TableHead.vue';
export { default as TableHeader } from './TableHeader.vue';
export { default as TableRow } from './TableRow.vue';


================================================
FILE: resources/js/Components/ui/tabs/Tabs.vue
================================================
<script setup lang="ts">
import type { TabsRootEmits, TabsRootProps } from 'reka-ui';
import { TabsRoot, useForwardPropsEmits } from 'reka-ui';

const props = defineProps<TabsRootProps>();
const emits = defineEmits<TabsRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <TabsRoot v-bind="forwarded">
        <slot />
    </TabsRoot>
</template>


================================================
FILE: resources/js/Components/ui/tabs/TabsContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { TabsContent, type TabsContentProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <TabsContent
        :class="
            cn(
                'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
                props.class
            )
        "
        v-bind="delegatedProps">
        <slot />
    </TabsContent>
</template>


================================================
FILE: resources/js/Components/ui/tabs/TabsList.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { TabsList, type TabsListProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <TabsList
        v-bind="delegatedProps"
        :class="cn('inline-flex items-center rounded-lg text-muted-foreground', props.class)">
        <slot />
    </TabsList>
</template>


================================================
FILE: resources/js/Components/ui/tabs/TabsTrigger.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import { TabsTrigger, type TabsTriggerProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes, type Component } from 'vue';

const props = defineProps<
    TabsTriggerProps & { class?: HTMLAttributes['class']; icon?: Component }
>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <TabsTrigger
        v-bind="forwardedProps"
        :class="
            cn(
                'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium  transition-all focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
                props.class
            )
        ">
        <div v-if="props.icon" class="mr-2 h-4 w-4">
            <props.icon />
        </div>
        <span class="truncate">
            <slot />
        </span>
    </TabsTrigger>
</template>


================================================
FILE: resources/js/Components/ui/tabs/index.ts
================================================
export { default as Tabs } from './Tabs.vue';
export { default as TabsContent } from './TabsContent.vue';
export { default as TabsList } from './TabsList.vue';
export { default as TabsTrigger } from './TabsTrigger.vue';


================================================
FILE: resources/js/Layouts/AppLayout.vue
================================================
<script setup lang="ts">
import { Head, usePage } from '@inertiajs/vue3';
import Banner from '@/Components/Banner.vue';
import OrganizationSwitcher from '@/Components/OrganizationSwitcher.vue';
import CurrentSidebarTimer from '@/Components/CurrentSidebarTimer.vue';
import {
    CalendarIcon,
    ChartBarIcon,
    ClockIcon,
    Cog6ToothIcon,
    CreditCardIcon,
    FolderIcon,
    HomeIcon,
    MagnifyingGlassIcon,
    TagIcon,
    UserCircleIcon,
    UserGroupIcon,
    XMarkIcon,
    DocumentTextIcon,
} from '@heroicons/vue/20/solid';
import { PanelLeft } from 'lucide-vue-next';
import NavigationSidebarItem from '@/Components/NavigationSidebarItem.vue';
import UserSettingsIcon from '@/Components/UserSettingsIcon.vue';
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import { nextTick, onMounted, provide, ref } from 'vue';
import NotificationContainer from '@/Components/NotificationContainer.vue';
import { initializeStores } from '@/utils/init';
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import {
    canManageBilling,
    canUpdateOrganization,
    canViewClients,
    canViewInvoices,
    canViewMembers,
    canViewProjects,
    canViewReport,
    canViewTags,
} from '@/utils/permissions';
import { isBillingActivated, isInvoicingActivated } from '@/utils/billing';
import type { User } from '@/types/models';
import { ArrowsRightLeftIcon } from '@heroicons/vue/16/solid';
import { fetchToken, isTokenValid } from '@/utils/session';
import UpdateSidebarNotification from '@/Components/UpdateSidebarNotification.vue';
import BillingBanner from '@/Components/Billing/BillingBanner.vue';
import UserTimezoneMismatchModal from '@/Components/Common/User/UserTimezoneMismatchModal.vue';
import { useTheme } from '@/utils/theme';
import { useOrganizationQuery } from '@/utils/useOrganizationQuery';
import { getCurrentOrganizationId } from '@/utils/useUser';
import LoadingSpinner from '@/packages/ui/src/LoadingSpinner.vue';
import { twMerge } from 'tailwind-merge';
import { Button } from '@/packages/ui/src/Buttons';
import { openFeedback } from '@/utils/feedback';
import { CommandPaletteProvider } from '@/Components/CommandPalette';
import { useCommandPalette } from '@/utils/useCommandPalette';

const { openPalette } = useCommandPalette();

defineProps({
    title: String,
    mainClass: String,
});

const showSidebarMenu = ref(false);
const sidebarVisible = ref(false);

function openSidebar() {
    showSidebarMenu.value = true;
    nextTick(() => {
        requestAnimationFrame(() => {
            sidebarVisible.value = true;
        });
    });
}

function closeSidebar() {
    sidebarVisible.value = false;
    setTimeout(() => {
        showSidebarMenu.value = false;
    }, 200);
}

const isUnloading = ref(false);

const { organization, isLoading: isOrganizationLoading } = useOrganizationQuery(
    getCurrentOrganizationId()!
);

provide('organization', organization);

onMounted(async () => {
    useTheme();
    // make sure that the initial requests are only loaded once, this can be removed once we move away from inertia
    if (window.initialDataLoaded !== true) {
        window.initialDataLoaded = true;
        initializeStores();
    }
    window.onbeforeunload = () => {
        isUnloading.value = true;
    };
    window.onfocus = async () => {
        if (!isTokenValid()) {
            await fetchToken();
        }
        setTimeout(() => {
            // TanStack Query automatically refetches on window focus
            // Only refresh non-migrated stores
            if (isUnloading.value === false) {
                useCurrentTimeEntryStore().fetchCurrentTimeEntry();
            }
        }, 100);
    };
});
const page = usePage<{
    has_services_extension?: boolean;
    auth: {
        user: User;
    };
}>();
</script>

<template>
    <div v-bind="$attrs" class="flex flex-wrap bg-background text-text-secondary">
        <!-- Mobile sidebar overlay -->
        <Teleport to="body">
            <div v-if="showSidebarMenu" class="fixed inset-0 z-40 lg:hidden" @click="closeSidebar">
                <div
                    class="absolute inset-0 bg-default-background transition-opacity duration-200"
                    :class="sidebarVisible ? 'opacity-50' : 'opacity-0'" />
            </div>
        </Teleport>

        <div
            :class="[
                sidebarVisible
                    ? 'max-lg:translate-x-0 max-lg:shadow-xl'
                    : 'max-lg:-translate-x-full',
            ]"
            class="flex-shrink-0 h-screen fixed w-[280px] px-2.5 py-4 hidden lg:flex flex-col justify-between bg-background border-r border-default-background-separator max-lg:z-50 max-lg:transition-transform max-lg:duration-200 max-lg:ease-in-out lg:w-[230px] 2xl:w-[250px] 2xl:px-3 lg:border-r-0"
            :style="showSidebarMenu ? { display: 'flex' } : undefined">
            <div class="flex flex-col h-full">
                <div
                    class="border-b border-default-background-separator pb-2 flex items-center gap-1">
                    <div class="flex-1 min-w-0 overflow-hidden">
                        <OrganizationSwitcher></OrganizationSwitcher>
                    </div>
                    <Button
                        variant="ghost"
                        size="icon"
                        class="h-7 w-7 flex-shrink-0"
                        data-testid="command_palette_button"
                        @click="openPalette">
                        <MagnifyingGlassIcon class="h-4 w-4 text-icon-default" />
                    </Button>
                    <Button
                        variant="ghost"
                        size="icon"
                        class="h-7 w-7 flex-shrink-0 lg:hidden"
                        @click="closeSidebar">
                        <XMarkIcon class="h-4 w-4 text-icon-default" />
                    </Button>
                </div>
                <div class="border-b border-default-background-separator">
                    <CurrentSidebarTimer></CurrentSidebarTimer>
                </div>
                <div
                    class="overflow-y-scroll flex-1 w-full"
                    style="
                        scrollbar-width: thin;
                        scrollbar-color: var(--color-bg-primary) transparent;
                    ">
                    <nav class="pt-2">
                        <ul>
                            <NavigationSidebarItem
                                title="Dashboard"
                                :icon="HomeIcon"
                                :href="route('dashboard')"
                                :current="route().current('dashboard')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                title="Time"
                                :icon="ClockIcon"
                                :current="route().current('time')"
                                :href="route('time')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                title="Calendar"
                                :icon="CalendarIcon"
                                :current="route().current('calendar')"
                                :href="route('calendar')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                title="Reporting"
                                :icon="ChartBarIcon"
                                :sub-items="[
                                    {
                                        title: 'Overview',
                                        route: 'reporting',
                                        show: true,
                                    },
                                    {
                                        title: 'Detailed',
                                        route: 'reporting.detailed',
                                        show: true,
                                    },
                                    {
                                        title: 'Shared',
                                        route: 'reporting.shared',
                                        show: canViewReport(),
                                    },
                                ]"
                                :current="
                                    route().current('reporting') ||
                                    route().current('reporting.detailed') ||
                                    route().current('reporting.shared')
                                "
                                :href="route('reporting')">
                            </NavigationSidebarItem>
                        </ul>
                    </nav>

                    <div class="text-text-tertiary text-xs font-semibold pt-5 pb-1.5">Manage</div>

                    <nav>
                        <ul>
                            <NavigationSidebarItem
                                v-if="canViewProjects()"
                                title="Projects"
                                :icon="FolderIcon"
                                :href="route('projects')"
                                :current="route().current('projects')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="canViewClients()"
                                title="Clients"
                                :icon="UserCircleIcon"
                                :current="route().current('clients')"
                                :href="route('clients')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="canViewMembers()"
                                title="Members"
                                :icon="UserGroupIcon"
                                :current="route().current('members')"
                                :href="route('members')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="canViewTags()"
                                title="Tags"
                                :icon="TagIcon"
                                :current="route().current('tags')"
                                :href="route('tags')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="isInvoicingActivated() && canViewInvoices()"
                                title="Invoices"
                                :icon="DocumentTextIcon"
                                :current="route().current('invoices')"
                                href="/invoices"></NavigationSidebarItem>
                        </ul>
                    </nav>
                    <div
                        v-if="canUpdateOrganization()"
                        class="text-text-tertiary text-xs font-semibold pt-5 pb-1.5">
                        Admin
                    </div>

                    <nav>
                        <ul>
                            <NavigationSidebarItem
                                v-if="canManageBilling() && isBillingActivated()"
                                title="Billing"
                                :icon="CreditCardIcon"
                                href="/billing"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="canUpdateOrganization()"
                                title="Import / Export"
                                :icon="ArrowsRightLeftIcon"
                                :current="route().current('import')"
                                :href="route('import')"></NavigationSidebarItem>
                            <NavigationSidebarItem
                                v-if="canUpdateOrganization()"
                                title="Settings"
                                :icon="Cog6ToothIcon"
                                :href="route('teams.show', page.props.auth.user.current_team.id)"
                                :current="
                                    route().current(
                                        'teams.show',
                                        page.props.auth.user.current_team.id
                                    )
                                "></NavigationSidebarItem>
                        </ul>
                    </nav>
                </div>
                <div class="justify-self-end">
                    <UpdateSidebarNotification></UpdateSidebarNotification>
                    <ul
                        class="border-t border-default-background-separator pt-3 gap-1 pr-2 flex justify-between items-center">
                        <UserSettingsIcon></UserSettingsIcon>

                        <NavigationSidebarItem
                            class="flex-1"
                            title="Profile Settings"
                            :icon="Cog6ToothIcon"
                            :href="route('profile.show')"></NavigationSidebarItem>

                        <Button
                            v-if="page.props.has_services_extension"
                            variant="outline"
                            size="xs"
                            class="rounded-full ml-2 flex h-6 w-6 items-center text-xs text-icon-default justify-center"
                            @click="openFeedback">
                            ?
                        </Button>
                    </ul>
                </div>
            </div>
        </div>
        <div class="flex-1 lg:ml-[230px] 2xl:ml-[250px] min-w-0">
            <div
                class="h-screen overflow-y-auto flex flex-col bg-default-background border-l border-default-background-separator">
                <div
                    class="lg:hidden w-full px-3 py-1 border-b border-b-default-background-separator text-text-secondary flex justify-between items-center">
                    <Button
                        variant="ghost"
                        size="icon"
                        class="h-7 w-7 shrink-0"
                        @click="openSidebar">
                        <PanelLeft class="h-4 w-4 text-icon-default" />
                    </Button>
                    <div class="flex items-center gap-1">
                        <OrganizationSwitcher></OrganizationSwitcher>
                        <Button
                            variant="ghost"
                            size="icon"
                            class="h-7 w-7 shrink-0"
                            data-testid="command_palette_button_mobile"
                            @click="openPalette">
                            <MagnifyingGlassIcon class="h-4 w-4 text-icon-default" />
                        </Button>
                    </div>
                </div>

                <Head :title="title" />

                <!-- Page Heading -->
                <Banner />
                <BillingBanner v-if="isBillingActivated()" />

                <header
                    v-if="$slots.header"
                    class="bg-default-background border-b border-default-background-separator shadow">
                    <div class="pt-8 pb-3">
                        <MainContainer>
                            <slot name="header" />
                        </MainContainer>
                    </div>
                </header>

                <!-- Page Content -->
                <main :class="twMerge('pb-28 relative flex-1', mainClass)">
                    <div
                        v-if="isOrganizationLoading"
                        class="flex items-center justify-center h-screen">
                        <LoadingSpinner />
                    </div>
                    <slot v-else />
                </main>
            </div>
        </div>
    </div>
    <NotificationContainer></NotificationContainer>
    <UserTimezoneMismatchModal></UserTimezoneMismatchModal>
    <CommandPaletteProvider></CommandPaletteProvider>
</template>


================================================
FILE: resources/js/Pages/API/Index.vue
================================================
<script setup lang="ts">
import ApiTokenManager from '@/Pages/API/Partials/ApiTokenManager.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import type { Token } from '@/types/jetstream';

defineProps<{
    tokens: Token[];
    availablePermissions: string[];
    defaultPermissions: string[];
}>();
</script>

<template>
    <AppLayout title="API Tokens">
        <template #header>
            <h2 class="font-semibold text-xl text-text-primary leading-tight">API Tokens</h2>
        </template>

        <div>
            <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
                <ApiTokenManager
                    :tokens="tokens"
                    :available-permissions="availablePermissions"
                    :default-permissions="defaultPermissions" />
            </div>
        </div>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/API/Partials/ApiTokenManager.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm, usePage } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import ActionSection from '@/Components/ActionSection.vue';
import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
import ConfirmationModal from '@/Components/ConfirmationModal.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import SectionBorder from '@/Components/SectionBorder.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { Token } from '@/types/jetstream';

const props = defineProps<{
    tokens: Token[];
    availablePermissions: string[];
    defaultPermissions: string[];
}>();

const createApiTokenForm = useForm({
    name: '',
    permissions: props.defaultPermissions,
});

const page = usePage<{
    jetstream: {
        flash: {
            token: string;
        };
    };
}>();

const updateApiTokenForm = useForm<{
    permissions: string[];
}>({
    permissions: [],
});

const deleteApiTokenForm = useForm({});

const displayingToken = ref(false);
const managingPermissionsFor = ref<Token | null>(null);
const apiTokenBeingDeleted = ref<Token | null>(null);

const createApiToken = () => {
    createApiTokenForm.post(route('api-tokens.store'), {
        preserveScroll: true,
        onSuccess: () => {
            displayingToken.value = true;
            createApiTokenForm.reset();
        },
    });
};

const manageApiTokenPermissions = (token: Token) => {
    updateApiTokenForm.permissions = token.abilities;
    managingPermissionsFor.value = token;
};

const updateApiToken = () => {
    updateApiTokenForm.put(route('api-tokens.update', managingPermissionsFor.value?.id), {
        preserveScroll: true,
        preserveState: true,
        onSuccess: () => (managingPermissionsFor.value = null),
    });
};

const confirmApiTokenDeletion = (token: Token) => {
    apiTokenBeingDeleted.value = token;
};

const deleteApiToken = () => {
    deleteApiTokenForm.delete(route('api-tokens.destroy', apiTokenBeingDeleted.value?.id), {
        preserveScroll: true,
        preserveState: true,
        onSuccess: () => (apiTokenBeingDeleted.value = null),
    });
};
</script>

<template>
    <div>
        <!-- Generate API Token -->
        <FormSection @submitted="createApiToken">
            <template #title> Create API Token </template>

            <template #description>
                API tokens allow third-party services to authenticate with our application on your
                behalf.
            </template>

            <template #form>
                <!-- Token Name -->
                <Field class="col-span-6 sm:col-span-4">
                    <FieldLabel for="name">Name</FieldLabel>
                    <TextInput
                        id="name"
                        v-model="createApiTokenForm.name"
                        type="text"
                        class="block w-full"
                        autofocus />
                    <FieldError v-if="createApiTokenForm.errors.name">{{
                        createApiTokenForm.errors.name
                    }}</FieldError>
                </Field>

                <!-- Token Permissions -->
                <div v-if="availablePermissions.length > 0" class="col-span-6">
                    <FieldLabel for="permissions">Permissions</FieldLabel>

                    <div class="mt-2 grid grid-cols-1 md:grid-cols-2 gap-4">
                        <div v-for="permission in availablePermissions" :key="permission">
                            <label class="flex items-center">
                                <Checkbox
                                    v-model:checked="createApiTokenForm.permissions"
                                    :value="permission" />
                                <span class="ms-2 text-sm text-text-secondary">{{
                                    permission
                                }}</span>
                            </label>
                        </div>
                    </div>
                </div>
            </template>

            <template #actions>
                <ActionMessage :on="createApiTokenForm.recentlySuccessful" class="me-3">
                    Created.
                </ActionMessage>

                <PrimaryButton
                    :class="{ 'opacity-25': createApiTokenForm.processing }"
                    :disabled="createApiTokenForm.processing">
                    Create
                </PrimaryButton>
            </template>
        </FormSection>

        <div v-if="tokens.length > 0">
            <SectionBorder />

            <!-- Manage API Tokens -->
            <div class="mt-10 sm:mt-0">
                <ActionSection>
                    <template #title> Manage API Tokens </template>

                    <template #description>
                        You may delete any of your existing tokens if they are no longer needed.
                    </template>

                    <!-- API Token List -->
                    <template #content>
                        <div class="space-y-6">
                            <div
                                v-for="token in tokens"
                                :key="token.id"
                                class="flex items-center justify-between">
                                <div class="break-all text-text-primary">
                                    {{ token.name }}
                                </div>

                                <div class="flex items-center ms-2">
                                    <div v-if="token.last_used_ago" class="text-sm text-gray-400">
                                        Last used {{ token.last_used_ago }}
                                    </div>

                                    <button
                                        v-if="availablePermissions.length > 0"
                                        class="cursor-pointer ms-6 text-sm text-gray-400 underline"
                                        @click="manageApiTokenPermissions(token)">
                                        Permissions
                                    </button>

                                    <button
                                        class="cursor-pointer ms-6 text-sm text-red-500"
                                        @click="confirmApiTokenDeletion(token)">
                                        Delete
                                    </button>
                                </div>
                            </div>
                        </div>
                    </template>
                </ActionSection>
            </div>
        </div>

        <!-- Token Value Modal -->
        <DialogModal :show="displayingToken" @close="displayingToken = false">
            <template #title> API Token </template>

            <template #content>
                <div>
                    Please copy your new API token. For your security, it won't be shown again.
                </div>

                <div
                    v-if="page.props.jetstream.flash.token"
                    class="mt-4 bg-card-backgroundpx-4 py-2 rounded font-mono text-sm text-gray-500 break-all">
                    {{ page.props.jetstream.flash.token }}
                </div>
            </template>

            <template #footer>
                <SecondaryButton @click="displayingToken = false"> Close </SecondaryButton>
            </template>
        </DialogModal>

        <!-- API Token Permissions Modal -->
        <DialogModal :show="managingPermissionsFor != null" @close="managingPermissionsFor = null">
            <template #title> API Token Permissions </template>

            <template #content>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <div v-for="permission in availablePermissions" :key="permission">
                        <label class="flex items-center">
                            <Checkbox
                                v-model:checked="updateApiTokenForm.permissions"
                                :value="permission" />
                            <span class="ms-2 text-sm text-muted">{{ permission }}</span>
                        </label>
                    </div>
                </div>
            </template>

            <template #footer>
                <SecondaryButton @click="managingPermissionsFor = null"> Cancel </SecondaryButton>

                <PrimaryButton
                    class="ms-3"
                    :class="{ 'opacity-25': updateApiTokenForm.processing }"
                    :disabled="updateApiTokenForm.processing"
                    @click="updateApiToken">
                    Save
                </PrimaryButton>
            </template>
        </DialogModal>

        <!-- Delete Token Confirmation Modal -->
        <ConfirmationModal
            :show="apiTokenBeingDeleted != null"
            @close="apiTokenBeingDeleted = null">
            <template #title> Delete API Token </template>

            <template #content> Are you sure you would like to delete this API token? </template>

            <template #footer>
                <SecondaryButton @click="apiTokenBeingDeleted = null"> Cancel </SecondaryButton>

                <DangerButton
                    class="ms-3"
                    :class="{ 'opacity-25': deleteApiTokenForm.processing }"
                    :disabled="deleteApiTokenForm.processing"
                    @click="deleteApiToken">
                    Delete
                </DangerButton>
            </template>
        </ConfirmationModal>
    </div>
</template>


================================================
FILE: resources/js/Pages/Auth/ConfirmPassword.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { Head, useForm } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const form = useForm({
    password: '',
});

const passwordInput = ref<HTMLInputElement | null>(null);

const submit = () => {
    form.post(route('password.confirm'), {
        onFinish: () => {
            form.reset();

            passwordInput.value?.focus();
        },
    });
};
</script>

<template>
    <Head title="Secure Area" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <div class="mb-4 text-sm text-text-secondary">
            This is a secure area of the application. Please confirm your password before
            continuing.
        </div>

        <form @submit.prevent="submit">
            <Field>
                <FieldLabel for="password">Password</FieldLabel>
                <TextInput
                    id="password"
                    ref="passwordInput"
                    v-model="form.password"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="current-password"
                    autofocus />
                <FieldError v-if="form.errors.password">{{ form.errors.password }}</FieldError>
            </Field>

            <div class="flex justify-end mt-4">
                <PrimaryButton
                    class="ms-4"
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Confirm
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/ForgotPassword.vue
================================================
<script setup lang="ts">
import { Head, useForm } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

defineProps({
    status: String,
});

const form = useForm({
    email: '',
});

const submit = () => {
    form.post(route('password.email'));
};
</script>

<template>
    <Head title="Forgot Password" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <div class="mb-4 text-sm text-text-secondary">
            Forgot your password? No problem. Just let us know your email address and we will email
            you a password reset link that will allow you to choose a new one.
        </div>

        <div v-if="status" class="mb-4 font-medium text-sm text-green-400">
            {{ status }}
        </div>

        <form @submit.prevent="submit">
            <Field>
                <FieldLabel for="email">Email</FieldLabel>
                <TextInput
                    id="email"
                    v-model="form.email"
                    type="email"
                    class="block w-full"
                    required
                    autofocus
                    autocomplete="username" />
                <FieldError v-if="form.errors.email">{{ form.errors.email }}</FieldError>
            </Field>

            <div class="flex items-center justify-end mt-4">
                <PrimaryButton
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Email Password Reset Link
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/Login.vue
================================================
<script setup lang="ts">
import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

defineProps({
    canResetPassword: Boolean,
    status: String,
});

const form = useForm({
    email: '',
    password: '',
    remember: true,
});

const submit = () => {
    form.transform((data) => ({
        ...data,
        remember: form.remember ? 'on' : '',
    })).post(route('login'), {
        onFinish: () => form.reset('password'),
    });
};

const page = usePage<{
    flash: {
        message: string;
    };
}>();
</script>

<template>
    <Head title="Log in" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <template #actions>
            <Link
                class="py-8 text-text-secondary text-sm font-medium opacity-90 hover:opacity-100 transition"
                :href="route('register')">
                No account yet? <span class="text-text-primary">Register here!</span>
            </Link>
        </template>

        <div v-if="status" class="mb-4 font-medium text-sm text-green-400">
            {{ status }}
        </div>
        <div
            v-if="page.props.flash?.message"
            class="bg-red-400 text-black text-center w-full px-3 py-1 mb-4 rounded-lg">
            {{ page.props.flash?.message }}
        </div>

        <form @submit.prevent="submit">
            <Field>
                <FieldLabel for="email">Email</FieldLabel>
                <TextInput
                    id="email"
                    v-model="form.email"
                    type="email"
                    class="block w-full"
                    required
                    autofocus
                    autocomplete="username" />
                <FieldError v-if="form.errors.email">{{ form.errors.email }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="password">Password</FieldLabel>
                <TextInput
                    id="password"
                    v-model="form.password"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="current-password" />
                <FieldError v-if="form.errors.password">{{ form.errors.password }}</FieldError>
            </Field>

            <div class="flex items-center justify-end mt-4">
                <Link
                    v-if="canResetPassword"
                    :href="route('password.request')"
                    class="underline text-sm text-text-secondary hover:text-text-primary rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Forgot your password?
                </Link>

                <PrimaryButton
                    class="ms-4"
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Log in
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/Register.vue
================================================
<script setup lang="ts">
import { Head, Link, useForm, usePage } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const form = useForm({
    name: '',
    email: '',
    password: '',
    password_confirmation: '',
    terms: false,
    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone ?? null,
    newsletter_consent: false,
});

const submit = () => {
    form.post(route('register'), {
        onSuccess: () => {
            form.reset('password', 'password_confirmation');
        },
    });
};

const page = usePage<{
    terms_url: string | null;
    privacy_policy_url: string | null;
    newsletter_consent: boolean;
    jetstream: {
        hasTermsAndPrivacyPolicyFeature: boolean;
    };
    flash: {
        message: string;
    };
}>();
</script>

<template>
    <Head title="Register" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <template #actions>
            <Link
                class="py-8 text-text-secondary text-sm font-medium opacity-90 hover:opacity-100 transition"
                :href="route('login')">
                Already have an account?
                <span class="text-text-primary">Login here!</span>
            </Link>
        </template>

        <div
            v-if="page.props.flash?.message"
            class="bg-red-400 text-black text-center w-full px-3 py-1 mb-4 rounded-lg">
            {{ page.props.flash?.message }}
        </div>

        <form @submit.prevent="submit">
            <Field>
                <FieldLabel for="name">Name</FieldLabel>
                <TextInput
                    id="name"
                    v-model="form.name"
                    type="text"
                    class="block w-full"
                    required
                    autofocus
                    autocomplete="name" />
                <FieldError v-if="form.errors.name">{{ form.errors.name }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="email">Email</FieldLabel>
                <TextInput
                    id="email"
                    v-model="form.email"
                    type="email"
                    class="block w-full"
                    required
                    autocomplete="username" />
                <FieldError v-if="form.errors.email">{{ form.errors.email }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="password">Password</FieldLabel>
                <TextInput
                    id="password"
                    v-model="form.password"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password">{{ form.errors.password }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="password_confirmation">Confirm Password</FieldLabel>
                <TextInput
                    id="password_confirmation"
                    v-model="form.password_confirmation"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password_confirmation">{{
                    form.errors.password_confirmation
                }}</FieldError>
            </Field>

            <div
                v-if="
                    page.props.jetstream.hasTermsAndPrivacyPolicyFeature &&
                    page.props.terms_url !== null &&
                    page.props.privacy_policy_url !== null
                "
                class="mt-4">
                <Field orientation="horizontal">
                    <Checkbox id="terms" v-model:checked="form.terms" name="terms" />
                    <FieldLabel for="terms">
                        I agree to the
                        <a
                            target="_blank"
                            :href="page.props.terms_url"
                            class="underline text-sm text-text-secondary hover:text-white rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                            >Terms of Service</a
                        >
                        and
                        <a
                            target="_blank"
                            :href="page.props.privacy_policy_url"
                            class="underline text-sm text-text-secondary hover:text-white rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
                            >Privacy Policy</a
                        >
                    </FieldLabel>
                    <FieldError v-if="form.errors.terms">{{ form.errors.terms }}</FieldError>
                </Field>
            </div>

            <div v-if="page.props.newsletter_consent" class="mt-4">
                <Field orientation="horizontal">
                    <Checkbox
                        id="newsletter_consent"
                        v-model:checked="form.newsletter_consent"
                        name="newsletter_consent" />
                    <FieldLabel for="newsletter_consent">
                        I agree to receive emails about product related updates
                    </FieldLabel>
                    <FieldError v-if="form.errors.newsletter_consent">{{
                        form.errors.newsletter_consent
                    }}</FieldError>
                </Field>
            </div>

            <div class="flex items-center justify-end mt-4">
                <Link
                    :href="route('login')"
                    class="underline text-sm text-text-secondary hover:text-white rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Already registered?
                </Link>

                <PrimaryButton
                    class="ms-4"
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Register
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/ResetPassword.vue
================================================
<script setup lang="ts">
import { Head, useForm } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const props = defineProps({
    email: String,
    token: String,
});

const form = useForm({
    token: props.token,
    email: props.email,
    password: '',
    password_confirmation: '',
});

const submit = () => {
    form.post(route('password.update'), {
        onFinish: () => form.reset('password', 'password_confirmation'),
    });
};
</script>

<template>
    <Head title="Reset Password" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <form @submit.prevent="submit">
            <Field>
                <FieldLabel for="email">Email</FieldLabel>
                <TextInput
                    id="email"
                    v-model="form.email"
                    type="email"
                    class="block w-full"
                    required
                    autofocus
                    autocomplete="username" />
                <FieldError v-if="form.errors.email">{{ form.errors.email }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="password">Password</FieldLabel>
                <TextInput
                    id="password"
                    v-model="form.password"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password">{{ form.errors.password }}</FieldError>
            </Field>

            <Field class="mt-4">
                <FieldLabel for="password_confirmation">Confirm Password</FieldLabel>
                <TextInput
                    id="password_confirmation"
                    v-model="form.password_confirmation"
                    type="password"
                    class="block w-full"
                    required
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password_confirmation">{{
                    form.errors.password_confirmation
                }}</FieldError>
            </Field>

            <div class="flex items-center justify-end mt-4">
                <PrimaryButton
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Reset Password
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/TwoFactorChallenge.vue
================================================
<script setup lang="ts">
import { nextTick, ref } from 'vue';
import { Head, useForm } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const recovery = ref(false);

const form = useForm({
    code: '',
    recovery_code: '',
});

const recoveryCodeInput = ref<HTMLInputElement | null>(null);
const codeInput = ref<HTMLInputElement | null>(null);

const toggleRecovery = async () => {
    recovery.value = !recovery.value;

    await nextTick();

    if (recovery.value) {
        recoveryCodeInput.value?.focus();
        form.code = '';
    } else {
        codeInput.value?.focus();
        form.recovery_code = '';
    }
};

const submit = () => {
    form.post(route('two-factor.login'));
};
</script>

<template>
    <Head title="Two-factor Confirmation" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <div class="mb-4 text-sm text-text-secondary">
            <template v-if="!recovery">
                Please confirm access to your account by entering the authentication code provided
                by your authenticator application.
            </template>

            <template v-else>
                Please confirm access to your account by entering one of your emergency recovery
                codes.
            </template>
        </div>

        <form @submit.prevent="submit">
            <Field v-if="!recovery">
                <FieldLabel for="code">Code</FieldLabel>
                <TextInput
                    id="code"
                    ref="codeInput"
                    v-model="form.code"
                    type="text"
                    inputmode="numeric"
                    class="block w-full"
                    autofocus
                    autocomplete="one-time-code" />
                <FieldError v-if="form.errors.code">{{ form.errors.code }}</FieldError>
            </Field>

            <Field v-else>
                <FieldLabel for="recovery_code">Recovery Code</FieldLabel>
                <TextInput
                    id="recovery_code"
                    ref="recoveryCodeInput"
                    v-model="form.recovery_code"
                    type="text"
                    class="block w-full"
                    autocomplete="one-time-code" />
                <FieldError v-if="form.errors.recovery_code">{{
                    form.errors.recovery_code
                }}</FieldError>
            </Field>

            <div class="flex items-center justify-end mt-4">
                <button
                    type="button"
                    class="text-sm text-text-secondary hover:text-text-primary underline cursor-pointer"
                    @click.prevent="toggleRecovery">
                    <template v-if="!recovery"> Use a recovery code</template>

                    <template v-else> Use an authentication code</template>
                </button>

                <PrimaryButton
                    class="ms-4"
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Log in
                </PrimaryButton>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Auth/VerifyEmail.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { Head, Link, useForm } from '@inertiajs/vue3';
import AuthenticationCard from '@/Components/AuthenticationCard.vue';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';

const props = defineProps({
    status: String,
});
const form = useForm({});

const submit = () => {
    form.post(route('verification.send'));
};

const verificationLinkSent = computed(() => props.status === 'verification-link-sent');
</script>

<template>
    <Head title="Email Verification" />

    <AuthenticationCard>
        <template #logo>
            <AuthenticationCardLogo />
        </template>

        <div class="mb-4 text-sm text-text-secondary">
            Before continuing, could you verify your email address by clicking on the link we just
            emailed to you? If you didn't receive the email, we will gladly send you another.
        </div>

        <div v-if="verificationLinkSent" class="mb-4 font-medium text-sm text-green-400">
            A new verification link has been sent to the email address you provided in your profile
            settings.
        </div>

        <form @submit.prevent="submit">
            <div class="mt-4 flex items-center justify-between">
                <PrimaryButton
                    :class="{ 'opacity-25': form.processing }"
                    :disabled="form.processing">
                    Resend Verification Email
                </PrimaryButton>

                <div>
                    <Link
                        :href="route('logout')"
                        method="post"
                        as="button"
                        class="underline text-sm text-text-secondary hover:text-text-secondary rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 ms-2">
                        Log Out
                    </Link>
                </div>
            </div>
        </form>
    </AuthenticationCard>
</template>


================================================
FILE: resources/js/Pages/Calendar.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import { useTimeEntriesCalendarQuery } from '@/utils/useTimeEntriesCalendarQuery';
import { useTimeEntriesMutations } from '@/utils/useTimeEntriesMutations';
import { computed, ref } from 'vue';
import { useQueryClient } from '@tanstack/vue-query';
import {
    type Client,
    type CreateClientBody,
    type CreateProjectBody,
    type Project,
} from '@/packages/api/src';
import { TimeEntryCalendar } from '@/packages/ui/src';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { useTagsStore } from '@/utils/useTags';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { getOrganizationCurrencyString } from '@/utils/money';
import { canCreateProjects } from '@/utils/permissions';

const calendarStart = ref<Date | undefined>(undefined);
const calendarEnd = ref<Date | undefined>(undefined);

const { data: timeEntryResponse, isLoading: timeEntriesLoading } = useTimeEntriesCalendarQuery(
    calendarStart,
    calendarEnd
);

const currentTimeEntries = computed(() => {
    return timeEntryResponse?.value?.data || [];
});

const {
    createTimeEntry: createTimeEntryMutation,
    updateTimeEntry: updateTimeEntryMutation,
    deleteTimeEntry: deleteTimeEntryMutation,
} = useTimeEntriesMutations();

// Wrap mutations to match expected Promise<void> return type
async function createTimeEntry(
    entry: Omit<import('@/packages/api/src').TimeEntry, 'id' | 'organization_id' | 'user_id'>
): Promise<void> {
    await createTimeEntryMutation(entry);
}

async function updateTimeEntry(entry: import('@/packages/api/src').TimeEntry): Promise<void> {
    await updateTimeEntryMutation(entry);
}

async function deleteTimeEntry(timeEntryId: string): Promise<void> {
    await deleteTimeEntryMutation(timeEntryId);
}

async function createTag(name: string) {
    return await useTagsStore().createTag(name);
}

async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    return await useProjectsStore().createProject(project);
}

async function createClient(body: CreateClientBody): Promise<Client | undefined> {
    return await useClientsStore().createClient(body);
}

const { projects } = useProjectsQuery();
const { tasks } = useTasksQuery();
const { clients } = useClientsQuery();
const { tags } = useTagsQuery();

const queryClient = useQueryClient();

function onDatesChange({ start, end }: { start: Date; end: Date }) {
    calendarStart.value = start;
    calendarEnd.value = end;
}

function onRefresh() {
    queryClient.invalidateQueries({
        queryKey: ['timeEntries', 'calendar'],
    });
}
</script>

<template>
    <AppLayout title="Calendar" data-testid="calendar_view" main-class="p-0">
        <TimeEntryCalendar
            :time-entries="currentTimeEntries"
            :projects="projects"
            :tasks="tasks"
            :clients="clients"
            :tags="tags"
            :loading="timeEntriesLoading"
            :enable-estimated-time="isAllowedToPerformPremiumAction()"
            :currency="getOrganizationCurrencyString()"
            :can-create-project="canCreateProjects()"
            :create-time-entry="createTimeEntry"
            :update-time-entry="updateTimeEntry"
            :delete-time-entry="deleteTimeEntry"
            :create-client="createClient"
            :create-project="createProject"
            :create-tag="createTag"
            @dates-change="onDatesChange"
            @refresh="onRefresh" />
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Clients.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { PlusIcon } from '@heroicons/vue/16/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { UserCircleIcon } from '@heroicons/vue/20/solid';
import { computed, ref } from 'vue';
import { useClientsQuery } from '@/utils/useClientsQuery';
import ClientTable from '@/Components/Common/Client/ClientTable.vue';
import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { canCreateClients } from '@/utils/permissions';
import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
import TabBar from '@/Components/Common/TabBar/TabBar.vue';
import { useStorage } from '@vueuse/core';
import type { SortColumn, SortDirection } from '@/Components/Common/Client/ClientTable.vue';

const { clients } = useClientsQuery();

const activeTab = ref<'active' | 'archived'>('active');

const createClient = ref(false);

interface ClientTableState {
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}

const tableState = useStorage<ClientTableState>(
    'client-table-state',
    {
        sortColumn: 'name',
        sortDirection: 'asc',
    },
    undefined,
    { mergeDefaults: true }
);

function handleSort(column: SortColumn, direction: SortDirection) {
    tableState.value.sortColumn = column;
    tableState.value.sortDirection = direction;
}

const shownClients = computed(() => {
    return clients.value.filter((client) => {
        if (activeTab.value === 'active') {
            return !client.is_archived;
        }
        return client.is_archived;
    });
});
</script>

<template>
    <AppLayout title="Clients" data-testid="clients_view">
        <MainContainer
            class="py-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-3 sm:space-x-6">
                <PageTitle :icon="UserCircleIcon" title="Clients"> </PageTitle>
                <TabBar v-model="activeTab">
                    <TabBarItem value="active">Active</TabBarItem>
                    <TabBarItem value="archived"> Archived </TabBarItem>
                </TabBar>
            </div>
            <SecondaryButton v-if="canCreateClients()" :icon="PlusIcon" @click="createClient = true"
                >Create Client</SecondaryButton
            >
            <ClientCreateModal v-model:show="createClient"></ClientCreateModal>
        </MainContainer>
        <ClientTable
            :clients="shownClients"
            :sort-column="tableState.sortColumn"
            :sort-direction="tableState.sortDirection"
            @sort="handleSort"></ClientTable>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Dashboard.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import TimeTracker from '@/Components/TimeTracker.vue';
import RecentlyTrackedTasksCard from '@/Components/Dashboard/RecentlyTrackedTasksCard.vue';
import LastSevenDaysCard from '@/Components/Dashboard/LastSevenDaysCard.vue';
import TeamActivityCard from '@/Components/Dashboard/TeamActivityCard.vue';
import ThisWeekOverview from '@/Components/Dashboard/ThisWeekOverview.vue';
import ActivityGraphCard from '@/Components/Dashboard/ActivityGraphCard.vue';
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import { canViewMembers } from '@/utils/permissions';
import { useQueryClient } from '@tanstack/vue-query';

const queryClient = useQueryClient();

const refreshDashboardData = () => {
    // Invalidate all dashboard queries to trigger refetching
    queryClient.invalidateQueries({ queryKey: ['latestTasks'] });
    queryClient.invalidateQueries({ queryKey: ['lastSevenDays'] });
    queryClient.invalidateQueries({ queryKey: ['dailyTrackedHours'] });
    queryClient.invalidateQueries({ queryKey: ['latestTeamActivity'] });
    queryClient.invalidateQueries({ queryKey: ['weeklyProjectOverview'] });
    queryClient.invalidateQueries({ queryKey: ['totalWeeklyTime'] });
    queryClient.invalidateQueries({ queryKey: ['totalWeeklyBillableTime'] });
    queryClient.invalidateQueries({ queryKey: ['totalWeeklyBillableAmount'] });
    queryClient.invalidateQueries({ queryKey: ['weeklyHistory'] });
    queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
};
</script>

<template>
    <AppLayout title="Dashboard" data-testid="dashboard_view">
        <MainContainer
            class="pt-5 sm:pt-8 pb-4 sm:pb-6 border-b border-default-background-separator">
            <TimeTracker @change="refreshDashboardData"></TimeTracker>
        </MainContainer>

        <MainContainer
            class="grid gap-2 sm:gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 pt-3 sm:pt-5 pb-4 sm:pb-6 border-b border-default-background-separator items-stretch">
            <RecentlyTrackedTasksCard></RecentlyTrackedTasksCard>
            <LastSevenDaysCard></LastSevenDaysCard>
            <ActivityGraphCard></ActivityGraphCard>
            <TeamActivityCard v-if="canViewMembers()" class="flex lg:hidden xl:flex">
            </TeamActivityCard>
        </MainContainer>
        <MainContainer class="py-5">
            <ThisWeekOverview></ThisWeekOverview>
        </MainContainer>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Import.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { ArrowsRightLeftIcon } from '@heroicons/vue/16/solid';
import PageTitle from '@/Components/Common/PageTitle.vue';
import ImportData from '@/Pages/Teams/Partials/ImportData.vue';
import ExportData from '@/Pages/Teams/Partials/ExportData.vue';
</script>

<template>
    <AppLayout title="Import / Export" data-testid="import_view">
        <MainContainer
            class="py-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-6">
                <PageTitle :icon="ArrowsRightLeftIcon" title="Import / Export"> </PageTitle>
            </div>
        </MainContainer>
        <MainContainer class="py-6 space-y-4">
            <div class="grid lg:grid-cols-2 gap-6">
                <ImportData></ImportData>
                <ExportData></ExportData>
            </div>
        </MainContainer>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Members.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { PlusIcon } from '@heroicons/vue/16/solid';
import { UserGroupIcon } from '@heroicons/vue/20/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TabBar from '@/Components/Common/TabBar/TabBar.vue';
import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
import { ref } from 'vue';
import MemberTable from '@/Components/Common/Member/MemberTable.vue';
import MemberInviteModal from '@/Components/Common/Member/MemberInviteModal.vue';
import type { Role } from '@/types/jetstream';
import PageTitle from '@/Components/Common/PageTitle.vue';
import InvitationTable from '@/Components/Common/Invitation/InvitationTable.vue';
import { canCreateInvitations } from '@/utils/permissions';
import { useStorage } from '@vueuse/core';
import type { SortColumn, SortDirection } from '@/Components/Common/Member/MemberTable.vue';

const inviteMember = ref(false);

defineProps<{
    availableRoles: Role[];
}>();

const activeTab = ref<'all' | 'invitations'>('all');

interface MemberTableState {
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}

const tableState = useStorage<MemberTableState>(
    'member-table-state',
    {
        sortColumn: 'name',
        sortDirection: 'asc',
    },
    undefined,
    { mergeDefaults: true }
);

function handleSort(column: SortColumn, direction: SortDirection) {
    tableState.value.sortColumn = column;
    tableState.value.sortDirection = direction;
}
</script>

<template>
    <AppLayout title="Members" data-testid="members_view">
        <MainContainer
            class="py-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-4 sm:space-x-6">
                <PageTitle :icon="UserGroupIcon" title="Members"> </PageTitle>
                <TabBar v-model="activeTab">
                    <TabBarItem value="all">All</TabBarItem>
                    <TabBarItem value="invitations">Invitations</TabBarItem>
                </TabBar>
            </div>
            <SecondaryButton
                v-if="canCreateInvitations()"
                :icon="PlusIcon"
                @click="inviteMember = true"
                >Invite member</SecondaryButton
            >
            <MemberInviteModal
                v-model:show="inviteMember"
                :available-roles="availableRoles"
                @close="activeTab = 'invitations'"></MemberInviteModal>
        </MainContainer>
        <MemberTable
            v-if="activeTab === 'all'"
            :sort-column="tableState.sortColumn"
            :sort-direction="tableState.sortDirection"
            @sort="handleSort"></MemberTable>
        <InvitationTable v-if="activeTab === 'invitations'"></InvitationTable>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/PrivacyPolicy.vue
================================================
<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';

defineProps({
    policy: String,
});
</script>

<template>
    <Head title="Privacy Policy" />

    <div class="font-sans text-text-secondary antialiased">
        <div class="pt-4 bg-gray-900">
            <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
                <div>
                    <AuthenticationCardLogo />
                </div>

                <div
                    class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
                    v-html="policy" />
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/ApiTokensForm.vue
================================================
<script setup lang="ts">
import FormSection from '@/Components/FormSection.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { computed, ref, inject, type ComputedRef } from 'vue';
import { Field, FieldLabel, FieldDescription, FieldError } from '@/packages/ui/src/field';
import { api, type ApiToken, type CreateApiTokenBody } from '@/packages/api/src';
import SectionBorder from '@/Components/SectionBorder.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import TextInput from '../../../packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '../../../packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import ActionMessage from '@/Components/ActionMessage.vue';
import ConfirmationModal from '@/Components/ConfirmationModal.vue';
import ActionSection from '@/Components/ActionSection.vue';
import { useForm } from '@inertiajs/vue3';
import { useMutation, useQuery, useQueryClient } from '@tanstack/vue-query';
import { useNotificationsStore } from '@/utils/notification';
import { useClipboard } from '@vueuse/core';
import { formatDateTimeLocalized } from '../../../packages/ui/src/utils/time';
import { ClockIcon } from '@heroicons/vue/20/solid';
import type { Organization } from '@/packages/api/src';

const queryClient = useQueryClient();

const apiTokenBeingDeleted = ref<ApiToken | null>(null);
const apiTokenBeingRevoked = ref<ApiToken | null>(null);

const { handleApiRequestNotifications } = useNotificationsStore();
const newToken = ref('');

const { copy, copied, isSupported } = useClipboard();

const organization = inject<ComputedRef<Organization>>('organization');

async function createApiToken() {
    await handleApiRequestNotifications(
        () =>
            createApiTokenMutation.mutateAsync({
                name: createApiTokenForm.name,
            }),
        'API Token successfully created',
        'There was an error while creating the API Token',
        (response) => {
            createApiTokenForm.name = '';
            displayingToken.value = true;
            newToken.value = response.data.access_token;
        }
    );
}

const createApiTokenForm = useForm({
    name: '',
});

function confirmApiTokenDeletion(token: ApiToken) {
    apiTokenBeingDeleted.value = token;
}

function confirmApiTokenRevocation(token: ApiToken) {
    apiTokenBeingRevoked.value = token;
}

const displayingToken = ref(false);

async function deleteApiToken() {
    if (apiTokenBeingDeleted.value) {
        await handleApiRequestNotifications(
            () => deleteApiTokenMutation.mutateAsync(apiTokenBeingDeleted.value!.id),
            'API Token successfully deleted',
            'There was an error while deleting the API Token',
            () => {
                apiTokenBeingDeleted.value = null;
            }
        );
    }
}

async function revokeApiToken() {
    if (apiTokenBeingRevoked.value) {
        await handleApiRequestNotifications(
            () => revokeApiTokenMutation.mutateAsync(apiTokenBeingRevoked.value!.id),
            'API Token successfully revoked',
            'There was an error while revoking the API Token',
            () => {
                apiTokenBeingRevoked.value = null;
            }
        );
    }
}

const { data: sharedReportResponseData } = useQuery({
    queryKey: ['api-tokens'],
    queryFn: () => api.getApiTokens(),
});

const tokens = computed(() => {
    return sharedReportResponseData.value?.data ?? [];
});

const createApiTokenMutation = useMutation({
    mutationFn: async (apiToken: CreateApiTokenBody) => {
        return await api.createApiToken(apiToken);
    },
    onSuccess: () => {
        queryClient.invalidateQueries({ queryKey: ['api-tokens'] });
    },
});

const deleteApiTokenMutation = useMutation({
    mutationFn: async (apiTokenId: string) => {
        return await api.deleteApiToken(undefined, {
            params: {
                apiToken: apiTokenId,
            },
        });
    },
    onSuccess: () => {
        queryClient.invalidateQueries({ queryKey: ['api-tokens'] });
    },
});

const revokeApiTokenMutation = useMutation({
    mutationFn: async (apiTokenId: string) => {
        return await api.revokeApiToken(undefined, {
            params: {
                apiToken: apiTokenId,
            },
        });
    },
    onSuccess: () => {
        queryClient.invalidateQueries({ queryKey: ['api-tokens'] });
    },
});
</script>

<template>
    <div>
        <!-- Generate API Token -->
        <FormSection @submitted="createApiToken">
            <template #title> Create API Token </template>

            <template #description>
                API tokens allow third-party services to authenticate with our application on your
                behalf.
            </template>

            <template #form>
                <!-- Token Name -->
                <Field class="col-span-6 sm:col-span-4">
                    <FieldLabel for="api_key_name">API Key Name</FieldLabel>
                    <TextInput
                        id="api_key_name"
                        v-model="createApiTokenForm.name"
                        type="text"
                        class="block w-full" />
                    <FieldError v-if="createApiTokenForm.errors.name">{{
                        createApiTokenForm.errors.name
                    }}</FieldError>
                    <FieldDescription>
                        <span class="flex space-x-1.5 items-center text-text-tertiary font-medium">
                            <ClockIcon class="w-4"></ClockIcon>
                            <span> API Tokens are valid for 1 year </span>
                        </span>
                    </FieldDescription>
                </Field>
            </template>

            <template #actions>
                <ActionMessage :on="createApiTokenForm.recentlySuccessful" class="me-3">
                    Created.
                </ActionMessage>

                <PrimaryButton
                    :class="{ 'opacity-25': createApiTokenForm.processing }"
                    :disabled="createApiTokenForm.processing">
                    Create API Key
                </PrimaryButton>
            </template>
        </FormSection>

        <div v-if="tokens.length > 0">
            <SectionBorder />

            <!-- Manage API Tokens -->
            <div class="mt-10 sm:mt-0">
                <ActionSection>
                    <template #title> Manage API Tokens </template>

                    <template #description>
                        You may delete or revoke any of your existing tokens if they are no longer
                        needed.
                    </template>

                    <!-- API Token List -->
                    <template #content>
                        <div class="divide-border-secondary divide-y">
                            <div
                                v-for="token in tokens"
                                :key="token.id"
                                class="flex items-center py-2.5 justify-between">
                                <div class="break-all text-text-primary">
                                    <div>{{ token.name }}</div>
                                    <div class="text-sm text-text-tertiary space-x-3">
                                        <span v-if="token.created_at">
                                            Created at
                                            {{
                                                formatDateTimeLocalized(
                                                    token.created_at,
                                                    organization?.date_format,
                                                    organization?.time_format
                                                )
                                            }}
                                        </span>
                                        <span v-if="token.expires_at">
                                            Expires at
                                            {{
                                                formatDateTimeLocalized(
                                                    token.expires_at,
                                                    organization?.date_format,
                                                    organization?.time_format
                                                )
                                            }}
                                        </span>
                                        <span v-if="token.revoked"> Revoked </span>
                                    </div>
                                </div>

                                <div class="flex items-center ms-2">
                                    <div v-if="token.last_used_ago" class="text-sm text-gray-400">
                                        Last used {{ token.last_used_ago }}
                                    </div>
                                    <button
                                        v-if="!token.revoked"
                                        class="cursor-pointer ms-6 text-sm text-text-secondary"
                                        :aria-label="'Revoke API Token ' + token.name"
                                        @click="confirmApiTokenRevocation(token)">
                                        Revoke
                                    </button>
                                    <button
                                        class="cursor-pointer ms-6 text-sm text-red-500"
                                        :aria-label="'Delete API Token ' + token.name"
                                        @click="confirmApiTokenDeletion(token)">
                                        Delete
                                    </button>
                                </div>
                            </div>
                        </div>
                    </template>
                </ActionSection>
            </div>
        </div>

        <!-- Token Value Modal -->
        <DialogModal :show="displayingToken" @close="displayingToken = false">
            <template #title> API Token created successfully </template>

            <template #content>
                <div>
                    Please copy your new API token. For your security, it won't be shown again.
                    <strong>This token is valid for one year</strong> unless you revoke it.
                </div>

                <div></div>

                <div class="flex gap-2 pt-6 w-full">
                    <TextInput
                        v-if="newToken"
                        disabled
                        :model-value="newToken"
                        class="flex-1 text-gray-500"></TextInput>
                    <PrimaryButton v-if="isSupported" @click="copy(newToken)">{{
                        copied ? 'Copied!' : 'Copy Token'
                    }}</PrimaryButton>
                </div>
            </template>

            <template #footer>
                <SecondaryButton @click="displayingToken = false"> Close </SecondaryButton>
            </template>
        </DialogModal>

        <!-- Delete Token Confirmation Modal -->
        <ConfirmationModal
            :show="apiTokenBeingDeleted != null"
            @close="apiTokenBeingDeleted = null">
            <template #title> Delete API Token </template>

            <template #content> Are you sure you would like to delete this API token? </template>

            <template #footer>
                <SecondaryButton @click="apiTokenBeingDeleted = null"> Cancel </SecondaryButton>

                <DangerButton
                    class="ms-3"
                    :class="{ 'opacity-25': createApiTokenMutation.isPending.value }"
                    :disabled="createApiTokenMutation.isPending.value"
                    @click="deleteApiToken">
                    Delete
                </DangerButton>
            </template>
        </ConfirmationModal>

        <ConfirmationModal
            :show="apiTokenBeingRevoked != null"
            @close="apiTokenBeingRevoked = null">
            <template #title> Revoke API Token </template>

            <template #content> Are you sure you would like to revoke this API token? </template>

            <template #footer>
                <SecondaryButton @click="apiTokenBeingRevoked = null"> Cancel </SecondaryButton>

                <DangerButton
                    class="ms-3"
                    :class="{ 'opacity-25': revokeApiTokenMutation.isPending.value }"
                    :disabled="revokeApiTokenMutation.isPending.value"
                    @click="revokeApiToken">
                    Revoke
                </DangerButton>
            </template>
        </ConfirmationModal>
    </div>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/DeleteUserForm.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm } from '@inertiajs/vue3';
import ActionSection from '@/Components/ActionSection.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { Field, FieldError } from '@/packages/ui/src/field';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const confirmingUserDeletion = ref(false);
const passwordInput = ref<HTMLElement | null>(null);

const form = useForm({
    password: '',
});

const confirmUserDeletion = () => {
    confirmingUserDeletion.value = true;

    setTimeout(() => passwordInput.value?.focus(), 250);
};

const deleteUser = () => {
    form.delete(route('current-user.destroy'), {
        preserveScroll: true,
        onSuccess: () => closeModal(),
        onError: () => passwordInput.value?.focus(),
        onFinish: () => form.reset(),
    });
};

const closeModal = () => {
    confirmingUserDeletion.value = false;

    form.reset();
};
</script>

<template>
    <ActionSection>
        <template #title> Delete Account </template>

        <template #description> Permanently delete your account. </template>

        <template #content>
            <div class="max-w-xl text-sm text-text-secondary">
                Once your account is deleted, all of its resources and data will be permanently
                deleted. Before deleting your account, please download any data or information that
                you wish to retain.
            </div>

            <div class="mt-5">
                <DangerButton @click="confirmUserDeletion"> Delete Account </DangerButton>
            </div>

            <!-- Delete Account Confirmation Modal -->
            <DialogModal :show="confirmingUserDeletion" @close="closeModal">
                <template #title> Delete Account </template>

                <template #content>
                    Are you sure you want to delete your account? Once your account is deleted, all
                    of its resources and data will be permanently deleted. Please enter your
                    password to confirm you would like to permanently delete your account.

                    <Field class="mt-4">
                        <TextInput
                            ref="passwordInput"
                            v-model="form.password"
                            type="password"
                            class="block w-3/4"
                            placeholder="Password"
                            autocomplete="current-password"
                            @keyup.enter="deleteUser" />

                        <FieldError v-if="form.errors.password">{{
                            form.errors.password
                        }}</FieldError>
                    </Field>
                </template>

                <template #footer>
                    <SecondaryButton @click="closeModal"> Cancel </SecondaryButton>

                    <DangerButton
                        class="ms-3"
                        :class="{ 'opacity-25': form.processing }"
                        :disabled="form.processing"
                        @click="deleteUser">
                        Delete Account
                    </DangerButton>
                </template>
            </DialogModal>
        </template>
    </ActionSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import ActionSection from '@/Components/ActionSection.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { Field, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { Session } from '@/types/jetstream';

defineProps<{
    sessions: Session[];
}>();

const confirmingLogout = ref(false);
const passwordInput = ref<HTMLElement | null>(null);

const form = useForm({
    password: '',
});

const confirmLogout = () => {
    confirmingLogout.value = true;

    setTimeout(() => passwordInput.value?.focus(), 250);
};

const logoutOtherBrowserSessions = () => {
    form.delete(route('other-browser-sessions.destroy'), {
        preserveScroll: true,
        onSuccess: () => closeModal(),
        onError: () => passwordInput.value?.focus(),
        onFinish: () => form.reset(),
    });
};

const closeModal = () => {
    confirmingLogout.value = false;

    form.reset();
};
</script>

<template>
    <ActionSection>
        <template #title> Browser Sessions </template>

        <template #description>
            Manage and log out your active sessions on other browsers and devices.
        </template>

        <template #content>
            <div class="max-w-xl text-sm text-text-secondary">
                If necessary, you may log out of all of your other browser sessions across all of
                your devices. Some of your recent sessions are listed below; however, this list may
                not be exhaustive. If you feel your account has been compromised, you should also
                update your password.
            </div>

            <!-- Other Browser Sessions -->
            <div v-if="sessions.length > 0" class="mt-5 space-y-6">
                <div v-for="(session, i) in sessions" :key="i" class="flex items-center">
                    <div>
                        <svg
                            v-if="session.agent.is_desktop"
                            class="w-8 h-8 text-text-primary"
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="currentColor">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
                        </svg>

                        <svg
                            v-else
                            class="w-8 h-8 text-gray-500"
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            stroke="currentColor">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
                        </svg>
                    </div>

                    <div class="ms-3">
                        <div class="text-sm text-text-primary font-medium">
                            {{ session.agent.platform ? session.agent.platform : 'Unknown' }}
                            -
                            {{ session.agent.browser ? session.agent.browser : 'Unknown' }}
                        </div>

                        <div>
                            <div class="text-xs text-text-secondary">
                                {{ session.ip_address }},

                                <span
                                    v-if="session.is_current_device"
                                    class="text-green-500 font-semibold"
                                    >This device</span
                                >
                                <span v-else>Last active {{ session.last_active }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex items-center mt-5">
                <PrimaryButton @click="confirmLogout">
                    Log Out Other Browser Sessions
                </PrimaryButton>

                <ActionMessage :on="form.recentlySuccessful" class="ms-3"> Done. </ActionMessage>
            </div>

            <!-- Log Out Other Devices Confirmation Modal -->
            <DialogModal :show="confirmingLogout" @close="closeModal">
                <template #title> Log Out Other Browser Sessions </template>

                <template #content>
                    Please enter your password to confirm you would like to log out of your other
                    browser sessions across all of your devices.

                    <Field class="mt-4">
                        <TextInput
                            ref="passwordInput"
                            v-model="form.password"
                            type="password"
                            class="block w-3/4"
                            placeholder="Password"
                            autocomplete="current-password"
                            @keyup.enter="logoutOtherBrowserSessions" />

                        <FieldError v-if="form.errors.password">{{
                            form.errors.password
                        }}</FieldError>
                    </Field>
                </template>

                <template #footer>
                    <SecondaryButton @click="closeModal"> Cancel </SecondaryButton>

                    <PrimaryButton
                        class="ms-3"
                        :class="{ 'opacity-25': form.processing }"
                        :disabled="form.processing"
                        @click="logoutOtherBrowserSessions">
                        Log Out Other Browser Sessions
                    </PrimaryButton>
                </template>
            </DialogModal>
        </template>
    </ActionSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/ThemeForm.vue
================================================
<script setup lang="ts">
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldDescription } from '@/packages/ui/src/field';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { usePreferredColorScheme } from '@vueuse/core';
import { themeSetting } from '@/utils/theme';

const preferredColor = usePreferredColorScheme();
</script>

<template>
    <FormSection>
        <template #title> Theme</template>

        <template #description> Choose how you want solidtime to look on your device </template>

        <template #form>
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="theme">Theme</FieldLabel>
                <Select id="theme" v-model="themeSetting">
                    <SelectTrigger>
                        <SelectValue />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="system">System</SelectItem>
                        <SelectItem value="light">Light</SelectItem>
                        <SelectItem value="dark">Dark</SelectItem>
                    </SelectContent>
                </Select>
                <FieldDescription v-if="themeSetting === 'system'">
                    System default: {{ preferredColor }}
                </FieldDescription>
            </Field>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue
================================================
<script setup lang="ts">
import { ref, computed, watch } from 'vue';
import { router, useForm, usePage } from '@inertiajs/vue3';
import ActionSection from '@/Components/ActionSection.vue';
import ConfirmsPassword from '@/Components/ConfirmsPassword.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import axios from 'axios';
import type { JetstreamUser } from '@/types/jetstream';

const props = defineProps<{
    requiresConfirmation: boolean;
}>();

const page = usePage<{
    auth: {
        user: JetstreamUser;
    };
}>();
const enabling = ref(false);
const confirming = ref(false);
const disabling = ref(false);
const qrCode = ref(null);
const setupKey = ref(null);
const recoveryCodes = ref([]);

const confirmationForm = useForm({
    code: '',
});

const twoFactorEnabled = computed(
    () => !enabling.value && page.props.auth.user?.two_factor_enabled
);

watch(twoFactorEnabled, () => {
    if (!twoFactorEnabled.value) {
        confirmationForm.reset();
        confirmationForm.clearErrors();
    }
});

const enableTwoFactorAuthentication = () => {
    enabling.value = true;

    router.post(
        route('two-factor.enable'),
        {},
        {
            preserveScroll: true,
            onSuccess: () => Promise.all([showQrCode(), showSetupKey(), showRecoveryCodes()]),
            onFinish: () => {
                enabling.value = false;
                confirming.value = props.requiresConfirmation;
            },
        }
    );
};

const showQrCode = () => {
    return axios.get(route('two-factor.qr-code')).then((response) => {
        qrCode.value = response.data.svg;
    });
};

const showSetupKey = () => {
    return axios.get(route('two-factor.secret-key')).then((response) => {
        setupKey.value = response.data.secretKey;
    });
};

const showRecoveryCodes = () => {
    return axios.get(route('two-factor.recovery-codes')).then((response) => {
        recoveryCodes.value = response.data;
    });
};

const confirmTwoFactorAuthentication = () => {
    confirmationForm.post(route('two-factor.confirm'), {
        errorBag: 'confirmTwoFactorAuthentication',
        preserveScroll: true,
        preserveState: true,
        onSuccess: () => {
            confirming.value = false;
            qrCode.value = null;
            setupKey.value = null;
        },
    });
};

const regenerateRecoveryCodes = () => {
    axios.post(route('two-factor.recovery-codes')).then(() => showRecoveryCodes());
};

const disableTwoFactorAuthentication = () => {
    disabling.value = true;

    router.delete(route('two-factor.disable'), {
        preserveScroll: true,
        onSuccess: () => {
            disabling.value = false;
            confirming.value = false;
        },
    });
};
</script>

<template>
    <ActionSection>
        <template #title> Two Factor Authentication </template>

        <template #description>
            Add additional security to your account using two factor authentication.
        </template>

        <template #content>
            <h3
                v-if="twoFactorEnabled && !confirming"
                class="text-lg font-medium text-text-secondary">
                You have enabled two factor authentication.
            </h3>

            <h3
                v-else-if="twoFactorEnabled && confirming"
                class="text-lg font-medium text-text-secondary">
                Finish enabling two factor authentication.
            </h3>

            <h3 v-else class="text-lg font-medium text-text-primary">
                You have not enabled two factor authentication.
            </h3>

            <div class="mt-3 max-w-xl text-sm text-text-secondary">
                <p>
                    When two factor authentication is enabled, you will be prompted for a secure,
                    random token during authentication. You may retrieve this token from your
                    phone's Google Authenticator application.
                </p>
            </div>

            <div v-if="twoFactorEnabled">
                <div v-if="qrCode">
                    <div class="mt-4 max-w-xl text-sm text-text-secondary">
                        <p v-if="confirming" class="font-semibold">
                            To finish enabling two factor authentication, scan the following QR code
                            using your phone's authenticator application or enter the setup key and
                            provide the generated OTP code.
                        </p>

                        <p v-else>
                            Two factor authentication is now enabled. Scan the following QR code
                            using your phone's authenticator application or enter the setup key.
                        </p>
                    </div>

                    <div class="mt-4 p-2 inline-block bg-white" v-html="qrCode" />

                    <div v-if="setupKey" class="mt-4 max-w-xl text-sm text-text-secondary">
                        <p class="font-semibold">Setup Key: <span v-html="setupKey"></span></p>
                    </div>

                    <Field v-if="confirming" class="mt-4 w-1/2">
                        <FieldLabel for="code">Code</FieldLabel>

                        <TextInput
                            id="code"
                            v-model="confirmationForm.code"
                            type="text"
                            name="code"
                            class="block w-full"
                            inputmode="numeric"
                            autofocus
                            autocomplete="one-time-code"
                            @keyup.enter="confirmTwoFactorAuthentication" />

                        <FieldError v-if="confirmationForm.errors.code">{{
                            confirmationForm.errors.code
                        }}</FieldError>
                    </Field>
                </div>

                <div v-if="recoveryCodes.length > 0 && !confirming">
                    <div class="mt-4 max-w-xl text-sm text-muted">
                        <p class="font-semibold">
                            Store these recovery codes in a secure password manager. They can be
                            used to recover access to your account if your two factor authentication
                            device is lost.
                        </p>
                    </div>

                    <div
                        class="grid gap-1 max-w-xl mt-4 px-4 py-4 font-mono text-sm bg-input-background text-text-secondary rounded-lg">
                        <div v-for="code in recoveryCodes" :key="code">
                            {{ code }}
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-5">
                <div v-if="!twoFactorEnabled">
                    <ConfirmsPassword @confirmed="enableTwoFactorAuthentication">
                        <PrimaryButton
                            type="button"
                            :class="{ 'opacity-25': enabling }"
                            :disabled="enabling">
                            Enable
                        </PrimaryButton>
                    </ConfirmsPassword>
                </div>

                <div v-else>
                    <ConfirmsPassword @confirmed="confirmTwoFactorAuthentication">
                        <PrimaryButton
                            v-if="confirming"
                            type="button"
                            class="me-3"
                            :class="{ 'opacity-25': enabling }"
                            :disabled="enabling">
                            Confirm
                        </PrimaryButton>
                    </ConfirmsPassword>

                    <ConfirmsPassword @confirmed="regenerateRecoveryCodes">
                        <SecondaryButton
                            v-if="recoveryCodes.length > 0 && !confirming"
                            class="me-3">
                            Regenerate Recovery Codes
                        </SecondaryButton>
                    </ConfirmsPassword>

                    <ConfirmsPassword @confirmed="showRecoveryCodes">
                        <SecondaryButton
                            v-if="recoveryCodes.length === 0 && !confirming"
                            class="me-3">
                            Show Recovery Codes
                        </SecondaryButton>
                    </ConfirmsPassword>

                    <ConfirmsPassword @confirmed="disableTwoFactorAuthentication">
                        <SecondaryButton
                            v-if="confirming"
                            :class="disabling ? 'opacity-25' : ''"
                            :disabled="disabling">
                            Cancel
                        </SecondaryButton>
                    </ConfirmsPassword>

                    <ConfirmsPassword @confirmed="disableTwoFactorAuthentication">
                        <DangerButton
                            v-if="!confirming"
                            :class="{ 'opacity-25': disabling }"
                            :disabled="disabling">
                            Disable
                        </DangerButton>
                    </ConfirmsPassword>
                </div>
            </div>
        </template>
    </ActionSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/UpdatePasswordForm.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';

const passwordInput = ref<HTMLElement | null>(null);
const currentPasswordInput = ref<HTMLElement | null>(null);

const form = useForm({
    current_password: '',
    password: '',
    password_confirmation: '',
});

const updatePassword = () => {
    form.put(route('user-password.update'), {
        errorBag: 'updatePassword',
        preserveScroll: true,
        onSuccess: () => form.reset(),
        onError: () => {
            if (form.errors.password) {
                form.reset('password', 'password_confirmation');
                passwordInput.value?.focus();
            }

            if (form.errors.current_password) {
                form.reset('current_password');
                currentPasswordInput.value?.focus();
            }
        },
    });
};
</script>

<template>
    <FormSection @submitted="updatePassword">
        <template #title> Update Password </template>

        <template #description>
            Ensure your account is using a long, random password to stay secure.
        </template>

        <template #form>
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="current_password">Current Password</FieldLabel>
                <TextInput
                    id="current_password"
                    ref="currentPasswordInput"
                    v-model="form.current_password"
                    type="password"
                    class="block w-full"
                    autocomplete="current-password" />
                <FieldError v-if="form.errors.current_password">{{
                    form.errors.current_password
                }}</FieldError>
            </Field>

            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="password">New Password</FieldLabel>
                <TextInput
                    id="password"
                    ref="passwordInput"
                    v-model="form.password"
                    type="password"
                    class="block w-full"
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password">{{ form.errors.password }}</FieldError>
            </Field>

            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="password_confirmation">Confirm Password</FieldLabel>
                <TextInput
                    id="password_confirmation"
                    v-model="form.password_confirmation"
                    type="password"
                    class="block w-full"
                    autocomplete="new-password" />
                <FieldError v-if="form.errors.password_confirmation">{{
                    form.errors.password_confirmation
                }}</FieldError>
            </Field>
        </template>

        <template #actions>
            <ActionMessage :on="form.recentlySuccessful" class="me-3"> Saved. </ActionMessage>

            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
                Save
            </PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { Link, router, useForm, usePage } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { User } from '@/types/models';

const props = defineProps<{
    user: User;
}>();

const form = useForm({
    _method: 'PUT',
    name: props.user.name,
    email: props.user.email,
    photo: null as File | null,
    timezone: props.user.timezone,
    week_start: props.user.week_start,
});

const verificationLinkSent = ref<boolean | null>(null);
const photoPreview = ref<ArrayBuffer | undefined | string | null>(null);
const photoInput = ref<HTMLInputElement | null>(null);

const updateProfileInformation = () => {
    if (photoInput.value && photoInput.value.files && photoInput.value.files?.length > 0) {
        form.photo = photoInput.value?.files[0] ?? null;
    }

    form.post(route('user-profile-information.update'), {
        errorBag: 'updateProfileInformation',
        preserveScroll: true,
        onSuccess: () => clearPhotoFileInput(),
    });
};

const sendEmailVerification = () => {
    verificationLinkSent.value = true;
};

const selectNewPhoto = () => {
    photoInput.value?.click();
};

const updatePhotoPreview = () => {
    if (photoInput.value?.files) {
        const photo = photoInput.value?.files[0];
        if (!photo) return;

        const reader = new FileReader();

        reader.onload = (e) => {
            photoPreview.value = e.target?.result;
        };

        reader.readAsDataURL(photo);
    }
};

const deletePhoto = () => {
    router.delete(route('current-user-photo.destroy'), {
        preserveScroll: true,
        onSuccess: () => {
            photoPreview.value = null;
            clearPhotoFileInput();
        },
    });
};

const clearPhotoFileInput = () => {
    if (photoInput.value?.value) {
        photoInput.value.value = '';
    }
};

const page = usePage<{
    jetstream: {
        managesProfilePhotos: boolean;
        hasEmailVerification: boolean;
    };
}>();
</script>

<template>
    <FormSection @submitted="updateProfileInformation">
        <template #title> Profile Information</template>

        <template #description>
            Update your account's profile information and email address.
        </template>

        <template #form>
            <!-- Profile Photo -->
            <div v-if="page.props.jetstream.managesProfilePhotos" class="col-span-6 sm:col-span-4">
                <!-- Profile Photo File Input -->
                <input
                    id="photo"
                    ref="photoInput"
                    type="file"
                    class="hidden"
                    @change="updatePhotoPreview" />

                <FieldLabel for="photo">Photo</FieldLabel>

                <!-- Current Profile Photo -->
                <div v-show="!photoPreview" class="mt-2">
                    <img
                        :src="user.profile_photo_url"
                        :alt="user.name"
                        class="rounded-full h-20 w-20 object-cover" />
                </div>

                <!-- New Profile Photo Preview -->
                <div v-show="photoPreview" class="mt-2">
                    <span
                        class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
                        :style="'background-image: url(\'' + photoPreview + '\');'" />
                </div>

                <SecondaryButton class="mt-2 me-2" type="button" @click.prevent="selectNewPhoto">
                    Select A New Photo
                </SecondaryButton>

                <SecondaryButton
                    v-if="user.profile_photo_path"
                    type="button"
                    class="mt-2"
                    @click.prevent="deletePhoto">
                    Remove Photo
                </SecondaryButton>

                <FieldError v-if="form.errors.photo">{{ form.errors.photo }}</FieldError>
            </div>

            <!-- Name -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="name">Name</FieldLabel>
                <TextInput
                    id="name"
                    v-model="form.name"
                    type="text"
                    class="block w-full"
                    required
                    autocomplete="name" />
                <FieldError v-if="form.errors.name">{{ form.errors.name }}</FieldError>
            </Field>

            <!-- Email -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="email">Email</FieldLabel>
                <TextInput
                    id="email"
                    v-model="form.email"
                    type="email"
                    class="block w-full"
                    required
                    autocomplete="username" />
                <FieldError v-if="form.errors.email">{{ form.errors.email }}</FieldError>

                <div
                    v-if="
                        page.props.jetstream.hasEmailVerification && user.email_verified_at === null
                    ">
                    <p class="text-sm mt-2 text-text-primary">
                        Your email address is unverified.

                        <Link
                            :href="route('verification.send')"
                            method="post"
                            as="button"
                            class="underline text-sm text-text-secondary hover:text-text-secondary rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800"
                            @click.prevent="sendEmailVerification">
                            Click here to re-send the verification email.
                        </Link>
                    </p>

                    <div
                        v-show="verificationLinkSent"
                        class="mt-2 font-medium text-sm text-green-400">
                        A new verification link has been sent to your email address.
                    </div>
                </div>
            </Field>

            <!-- Timezone -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="timezone">Timezone</FieldLabel>
                <select
                    id="timezone"
                    v-model="form.timezone"
                    name="timezone"
                    required
                    class="block w-full border-input-border bg-input-background text-text-primary focus:border-input-border-active rounded-md shadow-sm">
                    <option value="" disabled>Select a Timezone</option>
                    <option
                        v-for="(timezoneTranslated, timezoneKey) in $page.props.timezones"
                        :key="timezoneKey"
                        :value="timezoneKey">
                        {{ timezoneTranslated }}
                    </option>
                </select>
                <FieldError v-if="form.errors.timezone">{{ form.errors.timezone }}</FieldError>
            </Field>

            <!-- Week start -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="week_start">Start of the week</FieldLabel>
                <select
                    id="week_start"
                    v-model="form.week_start"
                    name="week_start"
                    required
                    class="block w-full border-input-border bg-input-background text-text-primary focus:border-input-border-active rounded-md shadow-sm">
                    <option value="" disabled>Select a week day</option>
                    <option
                        v-for="(weekdayTranslated, weekdayKey) in $page.props.weekdays"
                        :key="weekdayKey"
                        :value="weekdayKey">
                        {{ weekdayTranslated }}
                    </option>
                </select>
                <FieldError v-if="form.errors.week_start">{{ form.errors.week_start }}</FieldError>
            </Field>
        </template>

        <template #actions>
            <ActionMessage :on="form.recentlySuccessful" class="me-3"> Saved. </ActionMessage>

            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
                Save
            </PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Profile/Show.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import DeleteUserForm from '@/Pages/Profile/Partials/DeleteUserForm.vue';
import LogoutOtherBrowserSessionsForm from '@/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue';
import SectionBorder from '@/Components/SectionBorder.vue';
import TwoFactorAuthenticationForm from '@/Pages/Profile/Partials/TwoFactorAuthenticationForm.vue';
import UpdatePasswordForm from '@/Pages/Profile/Partials/UpdatePasswordForm.vue';
import UpdateProfileInformationForm from '@/Pages/Profile/Partials/UpdateProfileInformationForm.vue';
import { usePage } from '@inertiajs/vue3';
import type { User } from '@/types/models';
import type { Session } from '@/types/jetstream';
import ApiTokensForm from '@/Pages/Profile/Partials/ApiTokensForm.vue';
import ThemeForm from '@/Pages/Profile/Partials/ThemeForm.vue';

defineProps<{
    confirmsTwoFactorAuthentication: boolean;
    sessions: Session[];
}>();

const page = usePage<{
    jetstream: {
        canUpdateProfileInformation: boolean;
        canUpdatePassword: boolean;
        canManageTwoFactorAuthentication: boolean;
        hasAccountDeletionFeatures: boolean;
    };
    auth: {
        user: User;
    };
}>();
</script>

<template>
    <AppLayout title="Profile">
        <template #header>
            <h2 class="font-semibold text-xl text-text-primary leading-tight">Profile</h2>
        </template>

        <div>
            <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
                <div v-if="page.props.jetstream.canUpdateProfileInformation">
                    <UpdateProfileInformationForm :user="page.props.auth.user" />

                    <SectionBorder />
                </div>

                <div>
                    <ThemeForm />

                    <SectionBorder />
                </div>

                <div v-if="page.props.jetstream.canUpdatePassword">
                    <UpdatePasswordForm class="mt-10 sm:mt-0" />

                    <SectionBorder />
                </div>

                <div v-if="page.props.jetstream.canManageTwoFactorAuthentication">
                    <TwoFactorAuthenticationForm
                        :requires-confirmation="confirmsTwoFactorAuthentication"
                        class="mt-10 sm:mt-0" />

                    <SectionBorder />
                </div>

                <LogoutOtherBrowserSessionsForm :sessions="sessions" class="mt-10 sm:mt-0" />
                <SectionBorder />

                <ApiTokensForm></ApiTokensForm>

                <template v-if="page.props.jetstream.hasAccountDeletionFeatures">
                    <SectionBorder />

                    <DeleteUserForm class="mt-10 sm:mt-0" />
                </template>
            </div>
        </div>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/ProjectShow.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { FolderIcon, PlusIcon } from '@heroicons/vue/20/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { computed, ref } from 'vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import {
    ChevronRightIcon,
    CheckCircleIcon,
    UserGroupIcon,
    PencilSquareIcon,
} from '@heroicons/vue/20/solid';

import { Link } from '@inertiajs/vue3';
import TaskCreateModal from '@/Components/Common/Task/TaskCreateModal.vue';
import TaskTable from '@/Components/Common/Task/TaskTable.vue';
import CardTitle from '@/packages/ui/src/CardTitle.vue';
import Card from '@/Components/Common/Card.vue';
import ProjectMemberTable from '@/Components/Common/ProjectMember/ProjectMemberTable.vue';
import ProjectMemberCreateModal from '@/Components/Common/ProjectMember/ProjectMemberCreateModal.vue';
import { useProjectMembersQuery } from '@/utils/useProjectMembersQuery';
import { canCreateProjects, canCreateTasks, canViewProjectMembers } from '@/utils/permissions';
import TabBarItem from '@/Components/Common/TabBar/TabBarItem.vue';
import TabBar from '@/Components/Common/TabBar/TabBar.vue';
import { useTasksQuery } from '@/utils/useTasksQuery';
import ProjectEditModal from '@/Components/Common/Project/ProjectEditModal.vue';
import { Badge } from '@/packages/ui/src';
import { formatCents } from '../packages/ui/src/utils/money';
import { getOrganizationCurrencyString } from '../utils/money';
import { useOrganizationQuery } from '@/utils/useOrganizationQuery';
import { getCurrentOrganizationId } from '@/utils/useUser';

const { projects } = useProjectsQuery();

const { organization } = useOrganizationQuery(getCurrentOrganizationId()!);

const project = computed(() => {
    return projects.value.find((project) => project.id === route().params.project) ?? null;
});
const createTask = ref(false);
const createProjectMember = ref(false);
const projectId = route()?.params?.project as string;

// TanStack Query automatically fetches project members when component mounts
const { projectMembers } = canViewProjectMembers()
    ? useProjectMembersQuery(projectId)
    : { projectMembers: computed(() => []) };

const showEditProjectModal = ref(false);

const billableRateFormatted = computed(() => {
    if (project.value?.billable_rate) {
        return formatCents(
            project.value.billable_rate,
            getOrganizationCurrencyString(),
            organization.value?.currency_format,
            organization.value?.currency_symbol,
            organization.value?.number_format
        );
    }
    return null;
});

const activeTab = ref<'active' | 'done'>('active');

const { tasks } = useTasksQuery();

const shownTasks = computed(() => {
    return tasks.value.filter((task) => {
        if (activeTab.value === 'active') {
            return task.project_id === projectId && !task.is_done;
        }
        return task.project_id === projectId && task.is_done;
    });
});
</script>

<template>
    <AppLayout title="Projects" data-testid="projects_view">
        <MainContainer
            class="py-5 border-b border-default-background-separator flex justify-between items-center">
            <nav class="flex" aria-label="Breadcrumb">
                <ol role="list" class="flex items-center space-x-2">
                    <li>
                        <div class="flex items-center space-x-6">
                            <Link
                                :href="route('projects')"
                                class="flex items-center space-x-2 sm:space-x-2.5">
                                <FolderIcon class="w-5 text-icon-default"></FolderIcon>
                                <span class="text-sm sm:text-base font-medium">Projects</span>
                            </Link>
                        </div>
                    </li>
                    <li>
                        <div
                            class="flex items-center space-x-3 text-text-primary font-semibold text-base">
                            <ChevronRightIcon
                                class="h-5 w-5 flex-shrink-0 text-text-secondary"
                                aria-hidden="true" />
                            <div class="flex space-x-3 items-center">
                                <div
                                    :style="{
                                        backgroundColor: project?.color,
                                        boxShadow: `var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) ${project?.color}30`,
                                    }"
                                    class="w-3 h-3 rounded-full"></div>
                                <span>{{ project?.name }}</span>
                            </div>
                        </div>
                    </li>
                </ol>
                <div class="px-4">
                    <Badge v-if="project?.billable_rate">
                        {{ billableRateFormatted }}
                        / h
                    </Badge>
                    <Badge v-if="project?.is_billable && !project?.billable_rate">
                        Default Rate
                    </Badge>
                    <Badge v-if="!project?.is_billable"> Non-Billable </Badge>
                </div>
            </nav>
            <div>
                <SecondaryButton
                    v-if="canCreateProjects()"
                    :icon="PencilSquareIcon"
                    @click="showEditProjectModal = true">
                    Edit Project
                </SecondaryButton>
                <ProjectEditModal
                    v-if="project"
                    v-model:show="showEditProjectModal"
                    :original-project="project"></ProjectEditModal>
            </div>
        </MainContainer>
        <MainContainer>
            <div class="grid lg:grid-cols-2 gap-x-6 pt-6">
                <div>
                    <CardTitle title="Tasks" :icon="CheckCircleIcon">
                        <template #actions>
                            <div class="w-full items-center flex justify-between">
                                <div class="pl-6">
                                    <TabBar v-model="activeTab">
                                        <TabBarItem value="active">Active </TabBarItem>
                                        <TabBarItem value="done">Done </TabBarItem>
                                    </TabBar>
                                </div>
                                <SecondaryButton
                                    v-if="canCreateTasks()"
                                    :icon="PlusIcon"
                                    @click="createTask = true"
                                    >Create Task
                                </SecondaryButton>
                                <TaskCreateModal
                                    v-model:show="createTask"
                                    :project-id="projectId"></TaskCreateModal>
                            </div>
                        </template>
                    </CardTitle>
                    <Card>
                        <TaskTable :tasks="shownTasks" :project-id="projectId"></TaskTable>
                    </Card>
                </div>
                <div v-if="canViewProjectMembers()">
                    <CardTitle title="Project Members" :icon="UserGroupIcon">
                        <template #actions>
                            <SecondaryButton :icon="PlusIcon" @click="createProjectMember = true">
                                Add Member
                            </SecondaryButton>
                            <ProjectMemberCreateModal
                                v-model:show="createProjectMember"
                                :project-id="projectId"
                                :existing-members="projectMembers"></ProjectMemberCreateModal>
                        </template>
                    </CardTitle>
                    <Card>
                        <ProjectMemberTable
                            :project-members="projectMembers"
                            :project-id="projectId"></ProjectMemberTable>
                    </Card>
                </div>
            </div>
        </MainContainer>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Projects.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { FolderIcon, PlusIcon } from '@heroicons/vue/20/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import ProjectTable from '@/Components/Common/Project/ProjectTable.vue';
import { computed } from 'vue';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useProjectsStore } from '@/utils/useProjects';
import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { canCreateProjects } from '@/utils/permissions';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useClientsStore } from '@/utils/useClients';
import type { CreateClientBody, Client, CreateProjectBody, Project } from '@/packages/api/src';
import { getOrganizationCurrencyString } from '@/utils/money';
import { getCurrentOrganizationId, getCurrentRole } from '@/utils/useUser';
import { useOrganizationQuery } from '@/utils/useOrganizationQuery';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { useStorage } from '@vueuse/core';
import ProjectsFilterDropdown from '@/Components/Common/Project/ProjectsFilterDropdown.vue';
import ProjectStatusFilterBadge from '@/Components/Common/Project/ProjectStatusFilterBadge.vue';
import ProjectClientFilterBadge from '@/Components/Common/Project/ProjectClientFilterBadge.vue';
import { NO_CLIENT_ID } from '@/Components/Common/Project/constants';
import type { SortColumn, SortDirection } from '@/Components/Common/Project/ProjectTable.vue';

// Fetch data using TanStack Query
const { projects } = useProjectsQuery();
const { clients } = useClientsQuery();
const { organization } = useOrganizationQuery(getCurrentOrganizationId()!);

// Table state persisted in localStorage
interface ProjectTableState {
    sortColumn: SortColumn;
    sortDirection: SortDirection;
    filters: {
        clientIds: string[];
        status: 'active' | 'archived' | 'all';
    };
}

const tableState = useStorage<ProjectTableState>(
    'project-table-state',
    {
        sortColumn: 'name',
        sortDirection: 'asc',
        filters: {
            clientIds: [],
            status: 'all',
        },
    },
    undefined,
    { mergeDefaults: true }
);

function handleSort(column: SortColumn, direction: SortDirection) {
    tableState.value.sortColumn = column;
    tableState.value.sortDirection = direction;
}

// Filter projects based on current filters
const filteredProjects = computed(() => {
    return projects.value.filter((project) => {
        // Status filter
        if (tableState.value.filters.status === 'active' && project.is_archived) {
            return false;
        }
        if (tableState.value.filters.status === 'archived' && !project.is_archived) {
            return false;
        }

        // Client filter
        const hasClientFilter = tableState.value.filters.clientIds.length > 0;
        if (hasClientFilter) {
            const matchesNoClient =
                tableState.value.filters.clientIds.includes(NO_CLIENT_ID) && !project.client_id;
            const matchesClientId =
                project.client_id && tableState.value.filters.clientIds.includes(project.client_id);

            if (!matchesNoClient && !matchesClientId) {
                return false;
            }
        }

        return true;
    });
});

// Helper functions for active filters
function removeStatusFilter() {
    tableState.value.filters.status = 'all';
}

function removeClientFilter() {
    tableState.value.filters.clientIds = [];
}

const showCreateProjectModal = useStorage('project-create-modal-open', false);

async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    return await useProjectsStore().createProject(project);
}

async function createClient(client: CreateClientBody): Promise<Client | undefined> {
    return await useClientsStore().createClient(client);
}

const showBillableRate = computed(() => {
    return !!(
        getCurrentRole() !== 'employee' || organization.value?.employees_can_see_billable_rates
    );
});
</script>

<template>
    <AppLayout title="Projects" data-testid="projects_view">
        <MainContainer
            class="py-3 sm:pt-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-3 sm:space-x-6">
                <PageTitle :icon="FolderIcon" title="Projects"></PageTitle>
            </div>
            <SecondaryButton
                v-if="canCreateProjects()"
                :icon="PlusIcon"
                @click="showCreateProjectModal = true"
                >Create Project
            </SecondaryButton>
            <ProjectCreateModal
                v-model:show="showCreateProjectModal"
                :create-project
                :enable-estimated-time="isAllowedToPerformPremiumAction()"
                :create-client
                :currency="getOrganizationCurrencyString()"
                :clients="clients"
                @submit="createProject"></ProjectCreateModal>
        </MainContainer>
        <MainContainer>
            <div class="flex items-center gap-2 py-1">
                <ProjectsFilterDropdown
                    :filters="tableState.filters"
                    :clients="clients"
                    @update:filters="tableState.filters = $event" />

                <!-- Active Filters -->
                <ProjectStatusFilterBadge
                    v-if="tableState.filters.status !== 'all'"
                    data-testid="status-filter-badge"
                    :value="tableState.filters.status"
                    @remove="removeStatusFilter"
                    @update:value="
                        tableState.filters.status = $event as 'active' | 'archived' | 'all'
                    " />

                <ProjectClientFilterBadge
                    v-if="tableState.filters.clientIds.length > 0"
                    data-testid="client-filter-badge"
                    :value="tableState.filters.clientIds"
                    :clients="clients"
                    @remove="removeClientFilter"
                    @update:value="tableState.filters.clientIds = $event as string[]" />
            </div>
        </MainContainer>

        <ProjectTable
            :show-billable-rate="showBillableRate"
            :projects="filteredProjects"
            :sort-column="tableState.sortColumn"
            :sort-direction="tableState.sortDirection"
            @sort="handleSort"></ProjectTable>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Reporting.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import ReportingOverview from '@/Components/Common/Reporting/ReportingOverview.vue';
</script>

<template>
    <AppLayout title="Reporting" data-testid="reporting_view" class="overflow-hidden">
        <ReportingOverview></ReportingOverview>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/ReportingDetailed.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import {
    ChartBarIcon,
    ChevronLeftIcon,
    ChevronDoubleLeftIcon,
    ChevronRightIcon,
    ChevronDoubleRightIcon,
    ClockIcon,
    EllipsisVerticalIcon,
    ArrowDownTrayIcon,
    LockClosedIcon,
} from '@heroicons/vue/20/solid';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';
import { SecondaryButton } from '@/packages/ui/src';
import { computed, onMounted, ref, watch } from 'vue';
import { getDayJsInstance, getLocalizedDayJs } from '@/packages/ui/src/utils/time';
import { storeToRefs } from 'pinia';
import {
    api,
    type Client,
    type CreateClientBody,
    type CreateProjectBody,
    type Project,
    type TimeEntry,
} from '@/packages/api/src';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useTagsStore } from '@/utils/useTags';
import { useSessionStorage } from '@vueuse/core';
import TimeEntryRow from '@/packages/ui/src/TimeEntry/TimeEntryRow.vue';
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useProjectsStore } from '@/utils/useProjects';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useClientsStore } from '@/utils/useClients';
import { getOrganizationCurrencyString } from '@/utils/money';
import { useMembersQuery } from '@/utils/useMembersQuery';
import {
    PaginationEllipsis,
    PaginationFirst,
    PaginationLast,
    PaginationList,
    PaginationListItem,
    PaginationNext,
    PaginationPrev,
    PaginationRoot,
} from 'radix-vue';
import { useQueryClient } from '@tanstack/vue-query';
import { getCurrentOrganizationId, getCurrentMembershipId } from '@/utils/useUser';
import ReportingTabNavbar from '@/Components/Common/Reporting/ReportingTabNavbar.vue';
import UpgradeModal from '@/Components/Common/UpgradeModal.vue';
import type { ExportFormat } from '@/types/reporting';
import { useNotificationsStore } from '@/utils/notification';
import TimeEntryMassActionRow from '@/packages/ui/src/TimeEntry/TimeEntryMassActionRow.vue';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { canCreateProjects, canViewAllTimeEntries } from '@/utils/permissions';
import ReportingExportModal from '@/Components/Common/Reporting/ReportingExportModal.vue';
import ReportingFilterBar from '@/Components/Common/Reporting/ReportingFilterBar.vue';
import { useTimeEntriesReportQuery } from '@/utils/useTimeEntriesReportQuery';
import { useTimeEntriesMutations } from '@/utils/useTimeEntriesMutations';

// TimeEntryRoundingType is now defined in ReportingRoundingControls component
type TimeEntryRoundingType = 'up' | 'down' | 'nearest';

const startDate = useSessionStorage<string>(
    'reporting-start-date',
    getLocalizedDayJs(getDayJsInstance()().format()).subtract(14, 'd').format()
);
const endDate = useSessionStorage<string>(
    'reporting-end-date',
    getLocalizedDayJs(getDayJsInstance()().format()).format()
);
const selectedTags = ref<string[]>([]);
const selectedProjects = ref<string[]>([]);
const selectedMembers = ref<string[]>([]);
const selectedTasks = ref<string[]>([]);
const selectedClients = ref<string[]>([]);
const billable = ref<'true' | 'false' | null>(null);
const roundingEnabled = ref<boolean>(false);
const roundingType = ref<TimeEntryRoundingType>('nearest');
const roundingMinutes = ref<number>(15);

const { members } = useMembersQuery();
const pageLimit = 15;

// Watch rounding enabled state to trigger updates
watch(roundingEnabled, () => {
    updateFilteredTimeEntries();
});
const currentPage = ref(1);

function getFilterAttributes() {
    const defaultParams = {
        start: getLocalizedDayJs(startDate.value).startOf('day').utc().format(),
        end: getLocalizedDayJs(endDate.value).endOf('day').utc().format(),
        active: 'false' as 'true' | 'false',
        limit: pageLimit,
        offset: currentPage.value * pageLimit - pageLimit,
    };
    const params = {
        ...defaultParams,
        member_id: !canViewAllTimeEntries() ? getCurrentMembershipId() : undefined,
        member_ids: selectedMembers.value.length > 0 ? selectedMembers.value : undefined,
        project_ids: selectedProjects.value.length > 0 ? selectedProjects.value : undefined,
        task_ids: selectedTasks.value.length > 0 ? selectedTasks.value : undefined,
        client_ids: selectedClients.value.length > 0 ? selectedClients.value : undefined,
        tag_ids: selectedTags.value.length > 0 ? selectedTags.value : undefined,
        billable: billable.value !== null ? billable.value : undefined,
        rounding_type: roundingEnabled.value ? roundingType.value : undefined,
        rounding_minutes: roundingEnabled.value ? roundingMinutes.value : undefined,
    };
    return params;
}

const currentTimeEntryStore = useCurrentTimeEntryStore();
const { currentTimeEntry } = storeToRefs(currentTimeEntryStore);
const { setActiveState, startLiveTimer } = currentTimeEntryStore;
const { handleApiRequestNotifications } = useNotificationsStore();

const {
    createTimeEntry,
    updateTimeEntry,
    updateTimeEntries: updateTimeEntriesMutation,
    deleteTimeEntries: deleteTimeEntriesMutation,
} = useTimeEntriesMutations();

async function updateTimeEntries(
    ids: string[],
    changes: Parameters<typeof updateTimeEntriesMutation>[0]['changes']
) {
    await updateTimeEntriesMutation({ ids, changes });
}

const { tags } = useTagsQuery();

const filterParams = computed(() => getFilterAttributes());
const { data: timeEntryResponse } = useTimeEntriesReportQuery(filterParams);

const totalPages = computed(() => {
    return timeEntryResponse?.value?.meta?.total ?? 1;
});

async function deleteTimeEntries(timeEntries: TimeEntry[]) {
    await deleteTimeEntriesMutation(timeEntries);
    selectedTimeEntries.value = [];
    await updateFilteredTimeEntries();
}

const timeEntries = computed(() => {
    return timeEntryResponse?.value?.data || [];
});

onMounted(async () => {
    await updateFilteredTimeEntries();
});

const { projects } = useProjectsQuery();
const { tasks } = useTasksQuery();
const { clients } = useClientsQuery();

const selectedTimeEntries = ref<TimeEntry[]>([]);

const showExportModal = ref(false);
const exportUrl = ref<string | null>(null);
const showPremiumModal = ref(false);
const exportLoading = ref(false);

function triggerExport(format: ExportFormat) {
    if (format === 'pdf' && !isAllowedToPerformPremiumAction()) {
        showPremiumModal.value = true;
        return;
    }
    exportLoading.value = true;
    downloadExport(format).finally(() => {
        exportLoading.value = false;
    });
}

async function createTag(name: string) {
    return await useTagsStore().createTag(name);
}

async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    return await useProjectsStore().createProject(project);
}

async function createClient(body: CreateClientBody): Promise<Client | undefined> {
    return await useClientsStore().createClient(body);
}

async function startTimeEntryFromExisting(entry: TimeEntry) {
    if (currentTimeEntry.value.id) {
        await setActiveState(false);
    }
    await createTimeEntry({
        project_id: entry.project_id,
        task_id: entry.task_id,
        start: getDayJsInstance().utc().format(),
        end: null,
        billable: entry.billable,
        description: entry.description,
    });
    startLiveTimer();
    updateFilteredTimeEntries();
    useCurrentTimeEntryStore().fetchCurrentTimeEntry();
}
const queryClient = useQueryClient();
async function updateFilteredTimeEntries() {
    await queryClient.invalidateQueries({
        queryKey: ['timeEntries', 'detailed-report'],
    });
}
watch(currentPage, () => {
    updateFilteredTimeEntries();
});
function deleteSelected() {
    deleteTimeEntries(selectedTimeEntries.value);
}

async function clearSelectionAndState() {
    selectedTimeEntries.value = [];
    await updateFilteredTimeEntries();
}
async function downloadExport(format: ExportFormat) {
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        const response = await handleApiRequestNotifications(
            () =>
                api.exportTimeEntries({
                    params: {
                        organization: organizationId,
                    },
                    queries: {
                        ...getFilterAttributes(),
                        format: format,
                    },
                }),
            'Export successful',
            'Export failed'
        );
        if (response?.download_url) {
            showExportModal.value = true;
            exportUrl.value = response.download_url as string;
        }
    }
}
</script>

<template>
    <AppLayout title="Reporting" data-testid="reporting_view" class="overflow-hidden">
        <ReportingExportModal
            v-model:show="showExportModal"
            :export-url="exportUrl"></ReportingExportModal>
        <UpgradeModal v-model:show="showPremiumModal">
            <strong>PDF Reports</strong> are only available in solidtime Professional.
        </UpgradeModal>
        <MainContainer
            class="h-14 sm:h-16 border-b border-default-background-separator flex flex-wrap gap-y-3 justify-between items-center">
            <div class="flex items-center space-x-3 sm:space-x-6">
                <PageTitle :icon="ChartBarIcon" title="Reporting"></PageTitle>
                <ReportingTabNavbar active="detailed" class="hidden sm:flex"></ReportingTabNavbar>
            </div>
            <div class="hidden sm:block">
                <DropdownMenu>
                    <DropdownMenuTrigger as-child>
                        <SecondaryButton :icon="ArrowDownTrayIcon" :loading="exportLoading">
                            Export
                        </SecondaryButton>
                    </DropdownMenuTrigger>
                    <DropdownMenuContent align="end">
                        <DropdownMenuItem @click="triggerExport('pdf')">
                            <div class="flex items-center space-x-2">
                                <span>Export as PDF</span>
                                <LockClosedIcon
                                    v-if="!isAllowedToPerformPremiumAction()"
                                    class="w-3.5 text-text-tertiary" />
                            </div>
                        </DropdownMenuItem>
                        <DropdownMenuItem @click="triggerExport('xlsx')">
                            Export as Excel
                        </DropdownMenuItem>
                        <DropdownMenuItem @click="triggerExport('csv')">
                            Export as CSV
                        </DropdownMenuItem>
                        <DropdownMenuItem @click="triggerExport('ods')">
                            Export as ODS
                        </DropdownMenuItem>
                    </DropdownMenuContent>
                </DropdownMenu>
            </div>
            <DropdownMenu>
                <DropdownMenuTrigger as-child class="sm:hidden">
                    <button
                        class="p-1.5 rounded-lg border border-border-tertiary text-text-secondary hover:text-text-primary hover:bg-secondary transition"
                        aria-label="More options">
                        <EllipsisVerticalIcon class="w-5 h-5" />
                    </button>
                </DropdownMenuTrigger>
                <DropdownMenuContent align="end">
                    <DropdownMenuItem @click="triggerExport('pdf')">
                        <div class="flex items-center space-x-2">
                            <span>Export as PDF</span>
                            <LockClosedIcon
                                v-if="!isAllowedToPerformPremiumAction()"
                                class="w-3.5 text-text-tertiary" />
                        </div>
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('xlsx')">
                        Export as Excel
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('csv')">
                        Export as CSV
                    </DropdownMenuItem>
                    <DropdownMenuItem @click="triggerExport('ods')">
                        Export as ODS
                    </DropdownMenuItem>
                </DropdownMenuContent>
            </DropdownMenu>
        </MainContainer>
        <MainContainer class="sm:hidden py-2 border-b border-default-background-separator">
            <ReportingTabNavbar active="detailed"></ReportingTabNavbar>
        </MainContainer>

        <ReportingFilterBar
            v-model:selected-members="selectedMembers"
            v-model:selected-projects="selectedProjects"
            v-model:selected-tasks="selectedTasks"
            v-model:selected-clients="selectedClients"
            v-model:selected-tags="selectedTags"
            v-model:billable="billable"
            v-model:rounding-enabled="roundingEnabled"
            v-model:rounding-type="roundingType"
            v-model:rounding-minutes="roundingMinutes"
            v-model:start-date="startDate"
            v-model:end-date="endDate"
            @submit="updateFilteredTimeEntries" />
        <TimeEntryMassActionRow
            :selected-time-entries="selectedTimeEntries"
            :can-create-project="canCreateProjects()"
            :enable-estimated-time="isAllowedToPerformPremiumAction()"
            :delete-selected="deleteSelected"
            :all-selected="selectedTimeEntries.length === timeEntries.length"
            :projects="projects"
            :tasks="tasks"
            :tags="tags"
            :currency="getOrganizationCurrencyString()"
            :clients="clients"
            class="border-b border-default-background-separator"
            :update-time-entries="
                (args) =>
                    updateTimeEntries(
                        selectedTimeEntries.map((timeEntry) => timeEntry.id),
                        args
                    )
            "
            :create-project="createProject"
            :create-client="createClient"
            :create-tag="createTag"
            @submit="clearSelectionAndState"
            @select-all="selectedTimeEntries = [...timeEntries]"
            @unselect-all="selectedTimeEntries = []"></TimeEntryMassActionRow>
        <div class="w-full relative @container">
            <div v-for="entry in timeEntries" :key="entry.id">
                <TimeEntryRow
                    :selected="selectedTimeEntries.some((item) => item.id === entry.id)"
                    :can-create-project="canCreateProjects()"
                    :create-client
                    :create-project
                    :enable-estimated-time="isAllowedToPerformPremiumAction()"
                    :projects="projects"
                    :tasks="tasks"
                    :tags="tags"
                    :clients
                    :create-tag
                    :update-time-entry
                    :on-start-stop-click="() => startTimeEntryFromExisting(entry)"
                    :delete-time-entry="() => deleteTimeEntries([entry])"
                    :currency="getOrganizationCurrencyString()"
                    :duplicate-time-entry="() => createTimeEntry(entry)"
                    :members="members"
                    show-date
                    show-member
                    :time-entry="entry"
                    @selected="selectedTimeEntries.push(entry)"
                    @unselected="
                        selectedTimeEntries = selectedTimeEntries.filter(
                            (item) => item.id !== entry.id
                        )
                    "></TimeEntryRow>
            </div>
            <div v-if="timeEntries.length === 0">
                <div class="text-center pt-12">
                    <ClockIcon class="w-8 text-icon-default inline pb-2"></ClockIcon>
                    <h3 class="text-text-primary font-semibold">No time entries found</h3>
                    <p class="pb-5">Adjust the filters to see more time entries!</p>
                </div>
            </div>
        </div>

        <PaginationRoot
            v-model:page="currentPage"
            :total="totalPages"
            :items-per-page="pageLimit"
            class="flex justify-center items-center py-8"
            :sibling-count="1"
            show-edges>
            <PaginationList v-slot="{ items }" class="flex items-center space-x-1 relative">
                <div class="pr-2 flex items-center space-x-1 border-r border-border-primary mr-1">
                    <PaginationFirst class="navigation-item">
                        <ChevronDoubleLeftIcon class="w-4"> </ChevronDoubleLeftIcon>
                    </PaginationFirst>
                    <PaginationPrev class="mr-4 navigation-item">
                        <ChevronLeftIcon class="w-4 text-text-tertiary hover:text-text-primary">
                        </ChevronLeftIcon>
                    </PaginationPrev>
                </div>
                <template v-for="(page, index) in items">
                    <PaginationListItem
                        v-if="page.type === 'page'"
                        :key="index"
                        class="pagination-item"
                        :value="page.value">
                        {{ page.value }}
                    </PaginationListItem>
                    <PaginationEllipsis
                        v-else
                        :key="page.type"
                        :index="index"
                        class="PaginationEllipsis">
                        <div class="px-2">&#8230;</div>
                    </PaginationEllipsis>
                </template>
                <div class="!ml-2 pl-2 flex items-center space-x-1 border-l border-border-primary">
                    <PaginationNext class="navigation-item">
                        <ChevronRightIcon
                            class="w-4 text-text-tertiary hover:text-text-primary"></ChevronRightIcon>
                    </PaginationNext>
                    <PaginationLast class="navigation-item">
                        <ChevronDoubleRightIcon
                            class="w-4 text-text-tertiary hover:text-text-primary"></ChevronDoubleRightIcon>
                    </PaginationLast>
                </div>
            </PaginationList>
        </PaginationRoot>
    </AppLayout>
</template>
<style lang="postcss">
.navigation-item {
    @apply bg-quaternary h-8 w-8 flex items-center justify-center rounded border border-border-primary text-text-tertiary hover:text-text-primary transition cursor-pointer hover:border-border-secondary hover:bg-secondary focus-visible:text-text-primary focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-ring;
}

.pagination-item {
    @apply bg-secondary h-8 w-8 flex items-center justify-center rounded border border-border-tertiary text-text-secondary hover:text-text-primary transition cursor-pointer hover:border-border-secondary hover:bg-secondary focus-visible:text-text-primary focus-visible:outline-0 focus-visible:ring-2 focus-visible:ring-ring;
}
.pagination-item[data-selected] {
    @apply text-text-primary bg-accent-300/10 border border-accent-300/20 rounded-md font-medium hover:bg-accent-300/20 active:bg-accent-300/20 outline-0 focus-visible:ring-2 focus:ring-ring transition ease-in-out duration-150;
}
</style>


================================================
FILE: resources/js/Pages/ReportingShared.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { ChartBarIcon, CreditCardIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
import { computed } from 'vue';

import { useQuery } from '@tanstack/vue-query';
import { getCurrentOrganizationId } from '@/utils/useUser';
import ReportingTabNavbar from '@/Components/Common/Reporting/ReportingTabNavbar.vue';
import ReportTable from '@/Components/Common/Report/ReportTable.vue';
import { isAllowedToPerformPremiumAction, isBillingActivated } from '@/utils/billing';
import { canManageBilling, canUpdateOrganization } from '@/utils/permissions';
import PrimaryButton from '../packages/ui/src/Buttons/PrimaryButton.vue';
import { Link } from '@inertiajs/vue3';
import { fetchAllReports } from '@/utils/useReportsQuery';

const { data: reportsData } = useQuery({
    queryKey: computed(() => ['reports', getCurrentOrganizationId()]),
    enabled: !!getCurrentOrganizationId(),
    queryFn: async () => {
        const organizationId = getCurrentOrganizationId();
        if (!organizationId) throw new Error('No organization');
        const data = await fetchAllReports(organizationId);
        return { data };
    },
    staleTime: 1000 * 30,
});

const reports = computed(() => {
    return reportsData.value?.data ?? [];
});
</script>

<template>
    <AppLayout title="Reporting" data-testid="reporting_view" class="overflow-hidden">
        <MainContainer
            class="h-14 sm:h-16 border-b border-default-background-separator flex flex-wrap gap-y-3 justify-between items-center">
            <div class="flex items-center space-x-3 sm:space-x-6">
                <PageTitle :icon="ChartBarIcon" title="Reporting"></PageTitle>
                <ReportingTabNavbar active="shared" class="hidden sm:flex"></ReportingTabNavbar>
            </div>
        </MainContainer>
        <MainContainer class="sm:hidden py-2 border-b border-default-background-separator">
            <ReportingTabNavbar active="shared"></ReportingTabNavbar>
        </MainContainer>

        <div v-if="!isAllowedToPerformPremiumAction()">
            <div class="py-12">
                <div
                    class="rounded-full flex items-center justify-center w-20 h-20 mx-auto border border-border-tertiary bg-secondary">
                    <UserGroupIcon class="w-12"></UserGroupIcon>
                </div>
                <div class="max-w-sm text-center mx-auto py-4 text-base">
                    <p class="py-1">
                        <slot></slot>
                    </p>
                    <p class="py-1">
                        If you want to use <strong>sharable reports</strong> ,
                        <strong>please upgrade to a paid plan</strong>.
                    </p>

                    <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                        <PrimaryButton
                            v-if="isBillingActivated() && canUpdateOrganization()"
                            type="button"
                            class="mt-6"
                            :icon="CreditCardIcon">
                            Go to Billing
                        </PrimaryButton>
                    </Link>
                </div>
            </div>
        </div>

        <ReportTable
            v-if="reports.length > 0 || isAllowedToPerformPremiumAction()"
            :reports="reports"></ReportTable>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/SharedReport.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { ChartBarIcon } from '@heroicons/vue/20/solid';
import ReportingChart from '@/Components/Common/Reporting/ReportingChart.vue';
import { formatHumanReadableDuration } from '@/packages/ui/src/utils/time';
import ReportingRow from '@/Components/Common/Reporting/ReportingRow.vue';
import ReportingPieChart from '@/Components/Common/Reporting/ReportingPieChart.vue';
import { formatCents } from '@/packages/ui/src/utils/money';
import type { CurrencyFormat } from '@/packages/ui/src/utils/money';
import { computed, onMounted, provide, ref } from 'vue';
import { useQuery } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getRandomColorWithSeed } from '@/packages/ui/src/utils/color';
import { useReportingStore } from '@/utils/useReporting';
import { Head } from '@inertiajs/vue3';
import { useTheme } from '@/utils/theme';

const sharedSecret = ref<string | null>(null);

const hasSharedSecret = computed(() => {
    return sharedSecret.value !== null;
});

const { data: sharedReportResponseData } = useQuery({
    enabled: hasSharedSecret,
    queryKey: ['reporting', sharedSecret],
    queryFn: () =>
        api.getPublicReport({
            headers: {
                'X-Api-Key': sharedSecret.value,
            },
        }),
});

onMounted(() => {
    const currentUrl = window.location.href;
    // check if # exists exactly once in the URL
    if (currentUrl.split('#').length === 2) {
        sharedSecret.value = currentUrl.split('#')[1] ?? null;
    }
});

const reportCurrency = computed(() => {
    if (sharedReportResponseData.value) {
        return sharedReportResponseData.value?.currency;
    }
    return 'EUR';
});

const reportIntervalFormat = computed(() => {
    return sharedReportResponseData.value?.interval_format;
});

const reportNumberFormat = computed(() => {
    return sharedReportResponseData.value?.number_format;
});

const reportCurrencyFormat = computed(() => {
    return (sharedReportResponseData.value?.currency_format ?? 'symbol-before') as CurrencyFormat;
});

const reportDateFormat = computed(() => {
    return sharedReportResponseData.value?.date_format;
});

const reportCurrencySymbol = computed(() => {
    return sharedReportResponseData.value?.currency_symbol;
});

provide(
    'organization',
    computed(() => ({
        'number_format': reportNumberFormat.value,
        'interval_format': reportIntervalFormat.value,
        'currency_format': reportCurrencyFormat.value,
        'currency_symbol': reportCurrencySymbol.value,
        'date_format': reportDateFormat.value,
    }))
);

const aggregatedTableTimeEntries = computed(() => {
    if (sharedReportResponseData.value) {
        return sharedReportResponseData.value?.data;
    }
    return {
        grouped_data: [],
        grouped_type: 'project',
        seconds: 0,
        cost: 0,
    };
});
const aggregatedGraphTimeEntries = computed(() => {
    if (sharedReportResponseData.value) {
        return sharedReportResponseData.value?.history_data;
    }
    // Placeholder Data
    return {
        grouped_data: [],
        grouped_type: 'project',
        seconds: 0,
        cost: 0,
    };
});

const group = computed(() => {
    if (sharedReportResponseData.value) {
        return sharedReportResponseData.value?.properties.group;
    }
    return 'billable';
});

const subGroup = computed(() => {
    if (sharedReportResponseData.value) {
        return sharedReportResponseData.value?.properties.sub_group;
    }
    return 'project';
});
const { emptyPlaceholder } = useReportingStore();

const groupedPieChartData = computed(() => {
    return (
        aggregatedTableTimeEntries.value?.grouped_data?.map((entry) => {
            if (entry.description === null) {
                return {
                    value: entry.seconds,
                    name:
                        emptyPlaceholder[
                            aggregatedTableTimeEntries.value?.grouped_type ?? 'project'
                        ] ?? '',
                    color: '#CCCCCC',
                };
            }
            return {
                value: entry.seconds,
                name: entry.description,
                color: entry.color ?? getRandomColorWithSeed(entry.description ?? 'none'),
            };
        }) ?? []
    );
});

const tableData = computed(() => {
    return aggregatedTableTimeEntries.value?.grouped_data?.map((entry) => {
        return {
            seconds: entry.seconds,
            cost: entry.cost,
            description:
                entry.description ??
                emptyPlaceholder[aggregatedTableTimeEntries.value?.grouped_type ?? 'project'] ??
                '',
            grouped_data:
                entry.grouped_data?.map((el) => {
                    return {
                        seconds: el.seconds,
                        cost: el.cost,
                        description:
                            el.description ??
                            emptyPlaceholder[entry.grouped_type ?? 'project'] ??
                            '',
                    };
                }) ?? [],
        };
    });
});

const { groupByOptions } = useReportingStore();

function getGroupLabel(key: string) {
    return groupByOptions.find((option) => {
        return option.value === key;
    })?.label;
}

onMounted(async () => {
    useTheme();
});
</script>

<template>
    <Head :title="sharedReportResponseData?.name" />

    <div class="text-text-secondary">
        <MainContainer
            class="py-3 sm:py-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-3 sm:space-x-6">
                <PageTitle :icon="ChartBarIcon" title="Reporting"></PageTitle>
            </div>
        </MainContainer>
        <MainContainer>
            <div class="pt-10 w-full px-3 relative">
                <ReportingChart
                    :grouped-type="aggregatedGraphTimeEntries?.grouped_type"
                    :grouped-data="aggregatedGraphTimeEntries?.grouped_data"></ReportingChart>
            </div>
        </MainContainer>
        <MainContainer>
            <div class="sm:grid grid-cols-4 pt-6 items-start">
                <div
                    class="col-span-3 bg-card-background rounded-lg border border-card-border pt-3">
                    <div
                        class="text-sm flex text-text-primary items-center font-medium px-6 border-b border-card-background-separator pb-3">
                        Group by
                        <strong class="px-2">{{ getGroupLabel(group) }}</strong>
                        and
                        <strong class="px-2">{{ getGroupLabel(subGroup) }}</strong>
                    </div>
                    <div class="grid items-center" style="grid-template-columns: 1fr 100px 150px">
                        <div
                            class="contents [&>*]:border-card-background-separator [&>*]:border-b [&>*]:bg-tertiary [&>*]:pb-1.5 [&>*]:pt-1 text-text-secondary text-sm">
                            <div class="pl-6">Name</div>
                            <div class="text-right">Duration</div>
                            <div class="text-right pr-6">Cost</div>
                        </div>
                        <template
                            v-if="
                                aggregatedTableTimeEntries?.grouped_data &&
                                aggregatedTableTimeEntries.grouped_data?.length > 0
                            ">
                            <ReportingRow
                                v-for="entry in tableData"
                                :key="entry.description ?? 'none'"
                                :currency="reportCurrency"
                                :currency-format="reportCurrencyFormat"
                                :show-cost="true"
                                :entry="entry"></ReportingRow>
                            <div
                                class="contents [&>*]:transition text-text-tertiary [&>*]:h-[50px]">
                                <div class="flex items-center pl-6 font-medium">
                                    <span>Total</span>
                                </div>
                                <div class="justify-end flex items-center font-medium">
                                    {{
                                        formatHumanReadableDuration(
                                            aggregatedTableTimeEntries.seconds,
                                            reportIntervalFormat,
                                            reportNumberFormat
                                        )
                                    }}
                                </div>
                                <div class="justify-end pr-6 flex items-center font-medium">
                                    {{
                                        aggregatedTableTimeEntries.cost
                                            ? formatCents(
                                                  aggregatedTableTimeEntries.cost,
                                                  reportCurrency,
                                                  reportCurrencyFormat,
                                                  reportCurrencySymbol,
                                                  reportNumberFormat
                                              )
                                            : '--'
                                    }}
                                </div>
                            </div>
                        </template>
                        <div
                            v-else
                            class="chart flex flex-col items-center justify-center py-12 col-span-3">
                            <p class="text-lg text-text-primary font-semibold">
                                No time entries found
                            </p>
                            <p>Try to change the filters and time range</p>
                        </div>
                    </div>
                </div>
                <div class="px-2 lg:px-4">
                    <ReportingPieChart :data="groupedPieChartData"></ReportingPieChart>
                </div>
            </div>
        </MainContainer>
    </div>
</template>


================================================
FILE: resources/js/Pages/Tags.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import AppLayout from '@/Layouts/AppLayout.vue';
import { TagIcon, PlusIcon } from '@heroicons/vue/16/solid';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { ref } from 'vue';
import TagTable from '@/Components/Common/Tag/TagTable.vue';
import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
import PageTitle from '@/Components/Common/PageTitle.vue';
import { canCreateTags } from '@/utils/permissions';
import { useTagsStore } from '@/utils/useTags';
import { useStorage } from '@vueuse/core';
import type { SortColumn, SortDirection } from '@/Components/Common/Tag/TagTable.vue';

const showCreateTagModal = ref(false);

interface TagTableState {
    sortColumn: SortColumn;
    sortDirection: SortDirection;
}

const tableState = useStorage<TagTableState>(
    'tag-table-state',
    {
        sortColumn: 'name',
        sortDirection: 'asc',
    },
    undefined,
    { mergeDefaults: true }
);

function handleSort(column: SortColumn, direction: SortDirection) {
    tableState.value.sortColumn = column;
    tableState.value.sortDirection = direction;
}

async function createTag(tag: string) {
    return await useTagsStore().createTag(tag);
}
</script>

<template>
    <AppLayout title="Tags" data-testid="tags_view">
        <MainContainer
            class="py-5 border-b border-default-background-separator flex justify-between items-center">
            <div class="flex items-center space-x-6">
                <PageTitle :icon="TagIcon" title="Tags"></PageTitle>
            </div>
            <SecondaryButton
                v-if="canCreateTags()"
                :icon="PlusIcon"
                @click="showCreateTagModal = true"
                >Create Tag
            </SecondaryButton>
            <TagCreateModal
                v-model:show="showCreateTagModal"
                :create-tag="createTag"></TagCreateModal>
        </MainContainer>
        <TagTable
            :create-tag="createTag"
            :sort-column="tableState.sortColumn"
            :sort-direction="tableState.sortDirection"
            @sort="handleSort"></TagTable>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Teams/Create.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import CreateTeamForm from '@/Pages/Teams/Partials/CreateTeamForm.vue';
</script>

<template>
    <AppLayout title="Create Organization">
        <template #header>
            <h2 class="font-semibold text-xl text-text-primary leading-tight">
                Create Organization
            </h2>
        </template>

        <div>
            <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
                <CreateTeamForm />
            </div>
        </div>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/CreateTeamForm.vue
================================================
<script setup lang="ts">
import { useForm, usePage } from '@inertiajs/vue3';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { User } from '@/types/models';
import { initializeStores } from '@/utils/init';

const form = useForm({
    name: '',
});

const createTeam = () => {
    form.post(route('teams.store'), {
        errorBag: 'createTeam',
        preserveScroll: true,
        onSuccess: () => {
            initializeStores();
        },
    });
};
const page = usePage<{
    auth: {
        user: User;
    };
}>();
</script>

<template>
    <FormSection @submitted="createTeam">
        <template #title> Organization Details</template>

        <template #description>
            Create a new organization to collaborate with others on projects.
        </template>

        <template #form>
            <div class="col-span-6">
                <FieldLabel>Organization Owner</FieldLabel>

                <div class="flex items-center mt-2">
                    <img
                        class="object-cover w-12 h-12 rounded-full"
                        :src="page.props.auth.user.profile_photo_url"
                        :alt="page.props.auth.user.name" />

                    <div class="ms-4 leading-tight">
                        <div class="text-text-primary">
                            {{ page.props.auth.user.name }}
                        </div>
                        <div class="text-sm text-text-secondary">
                            {{ page.props.auth.user.email }}
                        </div>
                    </div>
                </div>
            </div>

            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="name">Organization Name</FieldLabel>
                <TextInput
                    id="name"
                    v-model="form.name"
                    type="text"
                    class="block w-full"
                    autofocus />
                <FieldError v-if="form.errors.name">{{ form.errors.name }}</FieldError>
            </Field>
        </template>

        <template #actions>
            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
                Create
            </PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/DeleteTeamForm.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useForm } from '@inertiajs/vue3';
import ActionSection from '@/Components/ActionSection.vue';
import ConfirmationModal from '@/Components/ConfirmationModal.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

const props = defineProps({
    team: Object,
});

const confirmingTeamDeletion = ref(false);
const form = useForm({});

const confirmTeamDeletion = () => {
    confirmingTeamDeletion.value = true;
};

const deleteTeam = () => {
    form.delete(route('teams.destroy', props.team), {
        errorBag: 'deleteTeam',
    });
};
</script>

<template>
    <ActionSection>
        <template #title> Delete Organization </template>

        <template #description> Permanently delete this organization. </template>

        <template #content>
            <div class="max-w-xl text-sm text-text-secondary">
                Once a organization is deleted, all of its resources and data will be permanently
                deleted. Before deleting this organization, please download any data or information
                regarding this organization that you wish to retain.
            </div>

            <div class="mt-5">
                <DangerButton @click="confirmTeamDeletion"> Delete Organization </DangerButton>
            </div>

            <!-- Delete Organization Confirmation Modal -->
            <ConfirmationModal
                :show="confirmingTeamDeletion"
                @close="confirmingTeamDeletion = false">
                <template #title> Delete Organization </template>

                <template #content>
                    Are you sure you want to delete this organization? Once a organization is
                    deleted, all of its resources and data will be permanently deleted.
                </template>

                <template #footer>
                    <SecondaryButton @click="confirmingTeamDeletion = false">
                        Cancel
                    </SecondaryButton>

                    <DangerButton
                        class="ms-3"
                        :class="{ 'opacity-25': form.processing }"
                        :disabled="form.processing"
                        @click="deleteTeam">
                        Delete Organization
                    </DangerButton>
                </template>
            </ConfirmationModal>
        </template>
    </ActionSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/ExportData.vue
================================================
<script setup lang="ts">
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { ref } from 'vue';
import { useNotificationsStore } from '@/utils/notification';
import { api, type OrganizationExportResponse } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { ArrowUpOnSquareIcon, InformationCircleIcon } from '@heroicons/vue/24/outline';
import { CardTitle } from '@/packages/ui/src';
import Card from '@/Components/Common/Card.vue';
import { useOrganizationStore } from '@/utils/useOrganization';

const showResultModal = ref(false);
const loading = ref(false);
const exportResponse = ref<OrganizationExportResponse | null>(null);

const { organization } = useOrganizationStore();
const { handleApiRequestNotifications } = useNotificationsStore();

async function exportData() {
    loading.value = true;
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        try {
            const response = await handleApiRequestNotifications(
                () =>
                    api.exportOrganization(undefined, {
                        params: {
                            organization: organizationId,
                        },
                    }),
                'Organization data exported successfully.',
                'Exporting organization data failed.'
            );
            if (response) {
                showResultModal.value = true;
                exportResponse.value = response;
                window.open(response.download_url, '_self')?.focus();
            }
        } finally {
            loading.value = false;
        }
    }
}
</script>

<template>
    <DialogModal closeable :show="showResultModal" @close="showResultModal = false">
        <template #title>The export was successful!</template>
        <template #content>
            <div class="pb-6">
                The download should start automatically. If it does not
                <a
                    class="font-semibold text-accent-200 hover:text-accent-300"
                    target="_self"
                    :href="exportResponse?.download_url"
                    >click here</a
                >
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="showResultModal = false"> Close </SecondaryButton>
        </template>
    </DialogModal>
    <div>
        <CardTitle title="Export Data" :icon="ArrowUpOnSquareIcon"></CardTitle>
        <Card class="mb-3">
            <div class="py-2 px-3 sm:px-4 text-sm flex items-center space-x-3">
                <InformationCircleIcon class="h-5 min-w-0 w-5 text-bg-tertiary" />
                <p class="flex-1">
                    Export your solidtime organization data. This will include all clients,
                    projects, tasks, and time entries. You will receive a zip file with json files
                    for each entity.
                </p>
            </div>
        </Card>
        <Card>
            <div class="py-6 flex-col items-center flex space-y-5 text-center text-sm">
                <div>
                    The following organization will be exported: <br />
                    <strong class="font-semibold">{{ organization?.name }}</strong>
                </div>
                <PrimaryButton :loading @click="exportData"
                    >Export Organization Data
                </PrimaryButton>
            </div>
        </Card>
    </div>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/ImportData.vue
================================================
<script setup lang="ts">
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { computed, onMounted, ref } from 'vue';
import { useNotificationsStore } from '@/utils/notification';
import { api } from '@/packages/api/src';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import { DocumentIcon } from '@heroicons/vue/24/solid';
import { ArrowDownOnSquareIcon, InformationCircleIcon } from '@heroicons/vue/24/outline';

import { getCurrentOrganizationId } from '@/utils/useUser';
import type { ImportReport, ImportType } from '@/packages/api/src';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import { initializeStores } from '@/utils/init';
import { CardTitle } from '@/packages/ui/src';
import Card from '@/Components/Common/Card.vue';

const importTypeOptions = ref<ImportType[]>([]);

const { addNotification } = useNotificationsStore();

const loading = ref(false);

onMounted(async () => {
    const organizationId = getCurrentOrganizationId();
    if (organizationId) {
        importTypeOptions.value = (
            await api.getImporters({
                params: {
                    organization: organizationId,
                },
            })
        ).data;
    }
});

const reportResult = ref<ImportReport | null>();
const files = ref<FileList | null>(null);

async function importData() {
    if (importType.value === null) {
        addNotification('error', 'Please select the import type');
        return;
    }
    if (files.value?.length !== 1) {
        addNotification('error', 'Please select the CSV or ZIP file that you want to import');
        return;
    }
    const rawBase64String = await toBase64(files.value[0]!);
    const base64String = rawBase64String.split(';')[1]!.replace('base64,', '') as string;
    const organizationId = getCurrentOrganizationId();
    if (organizationId !== null) {
        const { handleApiRequestNotifications } = useNotificationsStore();
        loading.value = true;
        try {
            reportResult.value = await handleApiRequestNotifications(() => {
                if (importType.value) {
                    return api.importData(
                        {
                            type: importType.value.key,
                            data: base64String,
                        },
                        {
                            params: {
                                organization: organizationId,
                            },
                        }
                    );
                }
                return new Promise((resolve, reject) => {
                    reject('Import type is null');
                });
            });
            initializeStores();
            if (reportResult.value) {
                showResultModal.value = true;
            }
        } finally {
            loading.value = false;
        }
    }
}

const importFile = ref<HTMLInputElement | null>();

function toBase64(file: File): Promise<string> {
    return new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.readAsDataURL(file);
        reader.onload = () => {
            if (reader.result instanceof ArrayBuffer) {
                const decoder = new TextDecoder();
                const str = decoder.decode(reader.result);
                return reject(str);
            } else if (reader.result) {
                resolve(reader.result);
            }
        };
        reader.onerror = reject;
    });
}

function updateFiles() {
    files.value = importFile.value?.files ?? null;
}

const currentImporterDescription = computed(() => {
    if (importType.value === null) {
        return '';
    }
    return importType.value.description;
});

const filenames = computed(() => {
    return files.value?.item(0)?.name ?? 'Import File selected';
});

const importType = ref<ImportType | null>(null);

const showResultModal = ref(false);
</script>

<template>
    <DialogModal closeable :show="showResultModal" @close="showResultModal = false">
        <template #title>Import Result</template>
        <template #content>
            <div class="pb-6">
                The import was successful! Here is an overview of the imported data:
            </div>

            <div class="py-2.5 px-3 border-t border-t-card-background-separator">
                <span class="text-text-primary font-semibold">Clients created:</span>
                {{ reportResult?.report.clients.created }}
            </div>
            <div class="py-2.5 px-3 border-t border-t-card-background-separator">
                <span class="text-text-primary font-semibold">Projects created:</span>
                {{ reportResult?.report.projects.created }}
            </div>
            <div class="py-2.5 px-3 border-t border-t-card-background-separator">
                <span class="text-text-primary font-semibold">Tasks created:</span>
                {{ reportResult?.report.tasks.created }}
            </div>
            <div class="py-2.5 px-3 border-t border-t-card-background-separator">
                <span class="text-text-primary font-semibold">Time entries created:</span>
                {{ reportResult?.report.time_entries.created }}
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="showResultModal = false"> Close </SecondaryButton>
        </template>
    </DialogModal>
    <div>
        <CardTitle title="Import Data" :icon="ArrowDownOnSquareIcon"></CardTitle>
        <Card class="mb-3">
            <div class="py-2 px-3 sm:px-4 text-sm flex items-center space-x-3">
                <InformationCircleIcon class="h-5 min-w-0 w-5 text-bg-tertiary" />
                <p class="flex-1">
                    Import existing data from Toggl, Clockify or a different solidtime instance.
                    Please select the type of data you want to import and follow the instructions.
                </p>
            </div>
        </Card>

        <Card>
            <div class="px-4 py-5 sm:px-5">
                <Field>
                    <FieldLabel for="importType">Import Type</FieldLabel>
                    <select
                        id="importType"
                        v-model="importType"
                        name="importType"
                        class="block w-full border-input-border bg-input-background text-text-primary focus:border-input-border-active rounded-md shadow-sm">
                        <option :value="null" selected disabled>
                            Select an import type to get instructions...
                        </option>
                        <option
                            v-for="importTypeOption in importTypeOptions"
                            :key="importTypeOption.key"
                            :value="importTypeOption">
                            {{ importTypeOption.name }}
                        </option>
                    </select>
                    <div v-if="currentImporterDescription" class="py-3 text-text-primary">
                        <div class="font-semibold text-text-secondary py-1">Instructions:</div>
                        <div class="max-w-2xl" v-html="currentImporterDescription"></div>
                    </div>
                </Field>

                <div
                    class="mt-2 flex justify-center rounded-lg border border-dashed border-border-primary px-6 py-10">
                    <div class="text-center">
                        <DocumentIcon
                            class="mx-auto h-8 w-8 text-text-secondary"
                            aria-hidden="true" />

                        <div class="mt-4 flex text-sm leading-6 text-text-secondary">
                            <label
                                for="file-upload"
                                class="relative cursor-pointer rounded-md font-semibold text-text-primary focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-600 focus-within:ring-offset-2 focus-within:ring-offset-gray-900 hover:text-indigo-500">
                                <span v-if="files">{{ filenames }}</span>
                                <span v-else>Upload a Toggl/Clockify Export</span>
                                <input
                                    id="file-upload"
                                    ref="importFile"
                                    name="file-upload"
                                    type="file"
                                    class="sr-only"
                                    @change="updateFiles" />
                            </label>
                        </div>
                        <p class="text-xs leading-5 text-text-secondary">
                            CSV and ZIP are supported
                        </p>
                    </div>
                </div>
            </div>

            <div
                class="flex items-center justify-end px-4 py-3 bg-card-background border-t border-card-background-separator text-end sm:px-6 shadow sm:rounded-bl-md sm:rounded-br-md">
                <PrimaryButton :loading @click="importData">Import Data </PrimaryButton>
            </div>
        </Card>
    </div>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/OrganizationBillableRate.vue
================================================
<script setup lang="ts">
import FormSection from '@/Components/FormSection.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { onMounted, ref } from 'vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import type { UpdateOrganizationBody } from '@/packages/api/src';
import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
import { useOrganizationStore } from '@/utils/useOrganization';
import { storeToRefs } from 'pinia';
import OrganizationBillableRateModal from '@/Components/Common/Organization/OrganizationBillableRateModal.vue';
import { getOrganizationCurrencyString } from '@/utils/money';
import { Checkbox } from '@/packages/ui/src';

const store = useOrganizationStore();
const { fetchOrganization, updateOrganization } = store;
const { organization } = storeToRefs(store);
const saving = ref(false);
const organizationBody = ref<UpdateOrganizationBody>({
    name: '',
    billable_rate: null as number | null,
    employees_can_see_billable_rates: false,
});

onMounted(async () => {
    await fetchOrganization();
    organizationBody.value = {
        name: organization.value?.name ?? '',
        billable_rate: organization.value?.billable_rate,
        employees_can_see_billable_rates:
            organization.value?.employees_can_see_billable_rates ?? false,
    };
});
const showConfirmationModal = ref(false);

async function submit() {
    saving.value = true;
    await updateOrganization(organizationBody.value);
    saving.value = false;
    showConfirmationModal.value = false;
}

function checkForConfirmationModal() {
    if (organizationBody.value.billable_rate === organization.value?.billable_rate) {
        submit();
    } else {
        showConfirmationModal.value = true;
    }
}
</script>

<template>
    <FormSection>
        <template #title> Billable Rate</template>

        <template #description>
            Configure the default billable rate for the organization.
        </template>

        <template #form>
            <OrganizationBillableRateModal
                v-model:show="showConfirmationModal"
                :new-billable-rate="organizationBody.billable_rate"
                @submit="submit"></OrganizationBillableRateModal>
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="organizationBillableRate">Organization Billable Rate</FieldLabel>
                <BillableRateInput
                    v-if="organization"
                    v-model="organizationBody.billable_rate"
                    :currency="getOrganizationCurrencyString()"
                    name="organizationBillableRate"></BillableRateInput>
            </Field>

            <div class="col-span-6 sm:col-span-4">
                <Field orientation="horizontal">
                    <Checkbox
                        v-if="organization"
                        id="organizationShowBillableRatesToEmployees"
                        v-model:checked="
                            organizationBody.employees_can_see_billable_rates
                        "></Checkbox>
                    <FieldLabel for="organizationShowBillableRatesToEmployees"
                        >Show Billable Rates to Employees</FieldLabel
                    >
                </Field>
            </div>
        </template>
        <template #actions>
            <PrimaryButton @click="checkForConfirmationModal">Save</PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/OrganizationFormatSettings.vue
================================================
<script setup lang="ts">
import FormSection from '@/Components/FormSection.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { onMounted, ref } from 'vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import type { UpdateOrganizationBody } from '@/packages/api/src';
import { useOrganizationStore } from '@/utils/useOrganization';
import { storeToRefs } from 'pinia';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import type { DateFormat, TimeFormat, IntervalFormat } from '@/packages/ui/src/utils/time';
import type { CurrencyFormat } from '@/packages/ui/src/utils/money';
import type { NumberFormat } from '@/packages/ui/src/utils/number';

interface FormValues {
    number_format: NumberFormat | undefined;
    currency_format: CurrencyFormat | undefined;
    date_format: DateFormat | undefined;
    time_format: TimeFormat | undefined;
    interval_format: IntervalFormat | undefined;
}

const store = useOrganizationStore();
const { updateOrganization } = store;
const { organization } = storeToRefs(store);
const queryClient = useQueryClient();

const form = ref<FormValues>({
    number_format: undefined,
    currency_format: undefined,
    date_format: undefined,
    time_format: undefined,
    interval_format: undefined,
});

const mutation = useMutation({
    mutationFn: (values: FormValues) => updateOrganization(values as UpdateOrganizationBody),
    onSuccess: () => {
        queryClient.invalidateQueries({ queryKey: ['organization'] });
    },
});

onMounted(async () => {
    if (organization.value) {
        form.value = {
            number_format: organization.value.number_format as NumberFormat,
            currency_format: organization.value.currency_format as CurrencyFormat,
            date_format: organization.value.date_format as DateFormat,
            time_format: organization.value.time_format as TimeFormat,
            interval_format: organization?.value.interval_format as IntervalFormat,
        };
    }
});

async function submit() {
    mutation.mutate(form.value);
}
</script>

<template>
    <FormSection>
        <template #title>Format Settings</template>

        <template #description>
            Configure the default format settings for the organization.
        </template>

        <template #form>
            <!-- Number Format -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="numberFormat">Number Format</FieldLabel>
                <Select v-model="form.number_format">
                    <SelectTrigger id="numberFormat">
                        <SelectValue placeholder="Select number format" />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="point-comma">1.111,11</SelectItem>
                        <SelectItem value="comma-point">1,111.11</SelectItem>
                        <SelectItem value="space-comma">1 111,11</SelectItem>
                        <SelectItem value="space-point">1 111.11</SelectItem>
                        <SelectItem value="apostrophe-point">1'111.11</SelectItem>
                    </SelectContent>
                </Select>
            </Field>

            <!-- Currency Format -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="currencyFormat">Currency Format</FieldLabel>
                <Select v-model="form.currency_format">
                    <SelectTrigger id="currencyFormat">
                        <SelectValue placeholder="Select currency format" />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="iso-code-before-with-space">EUR 111</SelectItem>
                        <SelectItem value="iso-code-after-with-space">111 EUR</SelectItem>
                        <SelectItem value="symbol-before">€111</SelectItem>
                        <SelectItem value="symbol-after">111€</SelectItem>
                        <SelectItem value="symbol-before-with-space">€ 111</SelectItem>
                        <SelectItem value="symbol-after-with-space">111 €</SelectItem>
                    </SelectContent>
                </Select>
            </Field>

            <!-- Date Format -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="dateFormat">Date Format</FieldLabel>
                <Select v-model="form.date_format">
                    <SelectTrigger id="dateFormat">
                        <SelectValue placeholder="Select date format" />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="point-separated-d-m-yyyy">D.M.YYYY</SelectItem>
                        <SelectItem value="slash-separated-mm-dd-yyyy">MM/DD/YYYY</SelectItem>
                        <SelectItem value="slash-separated-dd-mm-yyyy">DD/MM/YYYY</SelectItem>
                        <SelectItem value="hyphen-separated-dd-mm-yyyy">DD-MM-YYYY</SelectItem>
                        <SelectItem value="hyphen-separated-mm-dd-yyyy">MM-DD-YYYY</SelectItem>
                        <SelectItem value="hyphen-separated-yyyy-mm-dd">YYYY-MM-DD</SelectItem>
                    </SelectContent>
                </Select>
            </Field>

            <!-- Time Format -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="timeFormat">Time Format</FieldLabel>
                <Select v-model="form.time_format">
                    <SelectTrigger id="timeFormat">
                        <SelectValue placeholder="Select time format" />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="12-hours">12-hour clock</SelectItem>
                        <SelectItem value="24-hours">24-hour clock</SelectItem>
                    </SelectContent>
                </Select>
            </Field>

            <!-- Interval Format -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="intervalFormat">Time Duration Format</FieldLabel>
                <Select v-model="form.interval_format">
                    <SelectTrigger id="intervalFormat">
                        <SelectValue placeholder="Select interval format" />
                    </SelectTrigger>
                    <SelectContent>
                        <SelectItem value="decimal">Decimal</SelectItem>
                        <SelectItem value="hours-minutes">12h 3m</SelectItem>
                        <SelectItem value="hours-minutes-colon-separated">12:03</SelectItem>
                        <SelectItem value="hours-minutes-seconds-colon-separated"
                            >12:03:45</SelectItem
                        >
                    </SelectContent>
                </Select>
            </Field>
        </template>

        <template #actions>
            <PrimaryButton :disabled="mutation.isPending.value" @click="submit">
                {{ mutation.isPending.value ? 'Saving...' : 'Save' }}
            </PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/OrganizationTimeEntrySettings.vue
================================================
<script setup lang="ts">
import FormSection from '@/Components/FormSection.vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { onMounted, ref } from 'vue';
import { Field, FieldLabel } from '@/packages/ui/src/field';
import { Checkbox } from '@/packages/ui/src';
import type { UpdateOrganizationBody } from '@/packages/api/src';
import { useOrganizationStore } from '@/utils/useOrganization';
import { storeToRefs } from 'pinia';
import { useMutation, useQueryClient } from '@tanstack/vue-query';

const store = useOrganizationStore();
const { updateOrganization } = store;
const { organization } = storeToRefs(store);
const queryClient = useQueryClient();

const form = ref<{
    prevent_overlapping_time_entries: boolean;
    employees_can_manage_tasks: boolean;
}>({
    prevent_overlapping_time_entries: false,
    employees_can_manage_tasks: false,
});

onMounted(async () => {
    form.value.prevent_overlapping_time_entries =
        organization.value?.prevent_overlapping_time_entries ?? false;
    form.value.employees_can_manage_tasks = organization.value?.employees_can_manage_tasks ?? false;
});

const mutation = useMutation({
    mutationFn: (values: Partial<UpdateOrganizationBody>) => updateOrganization(values),
    onSuccess: () => {
        queryClient.invalidateQueries({ queryKey: ['organization'] });
    },
});

async function submit() {
    await mutation.mutateAsync({
        prevent_overlapping_time_entries: form.value.prevent_overlapping_time_entries,
        employees_can_manage_tasks: form.value.employees_can_manage_tasks,
    });
}
</script>

<template>
    <FormSection>
        <template #title>Organization Settings</template>
        <template #description>
            Configure various settings for your organization, including time entry and task
            management permissions.
        </template>

        <template #form>
            <div class="col-span-6 sm:col-span-4 space-y-4">
                <Field orientation="horizontal">
                    <Checkbox
                        id="preventOverlappingTimeEntries"
                        v-model:checked="form.prevent_overlapping_time_entries" />
                    <FieldLabel for="preventOverlappingTimeEntries"
                        >Prevent overlapping time entries (new entries only)</FieldLabel
                    >
                </Field>
                <Field orientation="horizontal">
                    <Checkbox
                        id="employeesCanManageTasks"
                        v-model:checked="form.employees_can_manage_tasks" />
                    <FieldLabel for="employeesCanManageTasks"
                        >Allow Employees to manage tasks</FieldLabel
                    >
                </Field>
            </div>
        </template>

        <template #actions>
            <PrimaryButton :disabled="mutation.isPending.value" @click="submit">Save</PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/TeamMemberManager.vue
================================================
<script setup lang="ts">
import { computed, ref } from 'vue';
import { router, useForm, usePage } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import ActionSection from '@/Components/ActionSection.vue';
import ConfirmationModal from '@/Components/ConfirmationModal.vue';
import DangerButton from '@/packages/ui/src/Buttons/DangerButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';

import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import SectionBorder from '@/Components/SectionBorder.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { Organization, OrganizationInvitation, User } from '@/types/models';
import type { Membership, Permissions, Role } from '@/types/jetstream';
import { filterRoles } from '@/utils/roles';

type UserWithMembership = User & { membership: Membership };

const props = defineProps<{
    team: Organization;
    availableRoles: Role[];
    userPermissions: Permissions;
}>();

const users = computed(() => {
    return props.team.users as Array<UserWithMembership>;
});

const page = usePage<{
    auth: {
        user: User;
    };
}>();

const addTeamMemberForm = useForm({
    email: '',
    role: null as string | null,
});

const updateRoleForm = useForm({
    role: null as string | null,
});

const leaveTeamForm = useForm({});
const removeTeamMemberForm = useForm({});

const currentlyManagingRole = ref(false);
const managingRoleFor = ref<User | null>(null);
const confirmingLeavingTeam = ref(false);
const teamMemberBeingRemoved = ref<User | null>(null);

const addTeamMember = () => {
    addTeamMemberForm.post(route('team-members.store', props.team.id), {
        errorBag: 'addTeamMember',
        preserveScroll: true,
        onSuccess: () => addTeamMemberForm.reset(),
    });
};

const cancelTeamInvitation = (invitation: OrganizationInvitation) => {
    router.delete(route('team-invitations.destroy', invitation.id), {
        preserveScroll: true,
    });
};

const manageRole = (teamMember: User & { membership: Membership }) => {
    managingRoleFor.value = teamMember;
    updateRoleForm.role = teamMember.membership.role;
    currentlyManagingRole.value = true;
};

const updateRole = () => {
    updateRoleForm.put(
        route('team-members.update', {
            team: props.team.id,
            user: managingRoleFor.value?.id,
        }),
        {
            preserveScroll: true,
            onSuccess: () => (currentlyManagingRole.value = false),
        }
    );
};

const confirmLeavingTeam = () => {
    confirmingLeavingTeam.value = true;
};

const leaveTeam = () => {
    leaveTeamForm.delete(route('team-members.destroy', [props.team.id, page.props.auth.user.id]));
};

const confirmTeamMemberRemoval = (teamMember: User) => {
    teamMemberBeingRemoved.value = teamMember;
};

const removeTeamMember = () => {
    removeTeamMemberForm.delete(
        route('team-members.destroy', {
            team: props.team.id,
            user: teamMemberBeingRemoved.value?.id,
        }),
        {
            errorBag: 'removeTeamMember',
            preserveScroll: true,
            preserveState: true,
            onSuccess: () => (teamMemberBeingRemoved.value = null),
        }
    );
};

const displayableRole = (role: string) => {
    return props.availableRoles.find((r) => r.key === role)?.name;
};
</script>

<template>
    <div>
        <div v-if="userPermissions.canAddTeamMembers">
            <SectionBorder />

            <!-- Add Organization Member -->
            <FormSection @submitted="addTeamMember">
                <template #title> Add Organization Member</template>

                <template #description>
                    Add a new member to your organization, allowing them to collaborate with you.
                </template>

                <template #form>
                    <div class="col-span-6">
                        <div class="max-w-xl text-sm text-muted">
                            Please provide the email address of the person you would like to add to
                            this organization.
                        </div>
                    </div>

                    <!-- Member Email -->
                    <Field class="col-span-6 sm:col-span-4">
                        <FieldLabel for="email">Email</FieldLabel>
                        <TextInput
                            id="email"
                            v-model="addTeamMemberForm.email"
                            type="email"
                            class="block w-full" />
                        <FieldError v-if="addTeamMemberForm.errors.email">{{
                            addTeamMemberForm.errors.email
                        }}</FieldError>
                    </Field>

                    <!-- Role -->
                    <div v-if="availableRoles.length > 0" class="col-span-6 lg:col-span-4">
                        <FieldLabel for="roles">Role</FieldLabel>
                        <FieldError v-if="addTeamMemberForm.errors.role">{{
                            addTeamMemberForm.errors.role
                        }}</FieldError>

                        <div
                            class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
                            <button
                                v-for="(role, i) in filterRoles(availableRoles)"
                                :key="role.key"
                                type="button"
                                class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
                                :class="{
                                    'border-t border-card-border focus:border-none rounded-t-none':
                                        i > 0,
                                    'rounded-b-none': i != Object.keys(availableRoles).length - 1,
                                }"
                                @click="addTeamMemberForm.role = role.key">
                                <div
                                    :class="{
                                        'opacity-50':
                                            addTeamMemberForm.role &&
                                            addTeamMemberForm.role != role.key,
                                    }">
                                    <!-- Role Name -->
                                    <div class="flex items-center">
                                        <div
                                            class="text-sm text-text-primary"
                                            :class="{
                                                'font-semibold': addTeamMemberForm.role == role.key,
                                            }">
                                            {{ role.name }}
                                        </div>

                                        <svg
                                            v-if="addTeamMemberForm.role == role.key"
                                            class="ms-2 h-5 w-5 text-green-400"
                                            xmlns="http://www.w3.org/2000/svg"
                                            fill="none"
                                            viewBox="0 0 24 24"
                                            stroke-width="1.5"
                                            stroke="currentColor">
                                            <path
                                                stroke-linecap="round"
                                                stroke-linejoin="round"
                                                d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                        </svg>
                                    </div>

                                    <!-- Role Description -->
                                    <div class="mt-2 text-xs text-muted text-start">
                                        {{ role.description }}
                                    </div>
                                </div>
                            </button>
                        </div>
                    </div>
                </template>

                <template #actions>
                    <ActionMessage :on="addTeamMemberForm.recentlySuccessful" class="me-3">
                        Added.
                    </ActionMessage>

                    <PrimaryButton
                        :class="{ 'opacity-25': addTeamMemberForm.processing }"
                        :disabled="addTeamMemberForm.processing">
                        Add
                    </PrimaryButton>
                </template>
            </FormSection>
        </div>

        <div v-if="team.team_invitations.length > 0 && userPermissions.canAddTeamMembers">
            <SectionBorder />

            <!-- Organization Member Invitations -->
            <ActionSection class="mt-10 sm:mt-0">
                <template #title> Pending Organization Invitations</template>

                <template #description>
                    These people have been invited to your organization and have been sent an
                    invitation email. They may join the organization by accepting the email
                    invitation.
                </template>

                <!-- Pending Organization Member Invitation List -->
                <template #content>
                    <div class="space-y-6">
                        <div
                            v-for="invitation in team.team_invitations"
                            :key="invitation.id"
                            class="flex items-center justify-between">
                            <div class="text-muted">
                                {{ invitation.email }}
                            </div>

                            <div class="flex items-center">
                                <!-- Cancel Organization Invitation -->
                                <button
                                    v-if="userPermissions.canRemoveTeamMembers"
                                    class="cursor-pointer ms-6 text-sm text-red-500 focus:outline-none"
                                    @click="cancelTeamInvitation(invitation)">
                                    Cancel
                                </button>
                            </div>
                        </div>
                    </div>
                </template>
            </ActionSection>
        </div>

        <div v-if="users.length > 0">
            <SectionBorder />

            <!-- Manage Organization Members -->
            <ActionSection class="mt-10 sm:mt-0">
                <template #title> Organization Members</template>

                <template #description>
                    All of the people that are part of this organization.
                </template>

                <!-- Organization Member List -->
                <template #content>
                    <div class="space-y-6">
                        <div
                            v-for="user in users"
                            :key="user.id"
                            class="flex items-center justify-between">
                            <div class="flex items-center">
                                <img
                                    class="w-8 h-8 rounded-full object-cover"
                                    :src="user.profile_photo_url"
                                    :alt="user.name" />
                                <div class="ms-4 text-text-primary">
                                    {{ user.name }}
                                </div>
                            </div>

                            <div class="flex items-center">
                                <!-- Manage Organization Member Role -->
                                <button
                                    v-if="
                                        userPermissions.canUpdateTeamMembers &&
                                        availableRoles.length
                                    "
                                    class="ms-2 text-sm text-gray-400 underline"
                                    @click="manageRole(user)">
                                    {{ displayableRole(user.membership.role) }}
                                </button>

                                <div
                                    v-else-if="availableRoles.length"
                                    class="ms-2 text-sm text-gray-400">
                                    {{ displayableRole(user.membership.role) }}
                                </div>

                                <!-- Leave Organization -->
                                <button
                                    v-if="page.props.auth.user.id === user.id"
                                    class="cursor-pointer ms-6 text-sm text-red-500"
                                    @click="confirmLeavingTeam">
                                    Leave
                                </button>

                                <!-- Remove Organization Member -->
                                <button
                                    v-else-if="userPermissions.canRemoveTeamMembers"
                                    class="cursor-pointer ms-6 text-sm text-red-500"
                                    @click="confirmTeamMemberRemoval(user)">
                                    Remove
                                </button>
                            </div>
                        </div>
                    </div>
                </template>
            </ActionSection>
        </div>

        <!-- Role Management Modal -->
        <DialogModal :show="currentlyManagingRole" @close="currentlyManagingRole = false">
            <template #title> Manage Role</template>

            <template #content>
                <div v-if="managingRoleFor">
                    <div
                        class="relative z-0 mt-1 border border-card-border rounded-lg cursor-pointer">
                        <button
                            v-for="(role, i) in availableRoles"
                            :key="role.key"
                            type="button"
                            class="relative px-4 py-3 inline-flex w-full rounded-lg focus:z-10 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500"
                            :class="{
                                'border-t border-card-border focus:border-none rounded-t-none':
                                    i > 0,
                                'rounded-b-none': i !== Object.keys(availableRoles).length - 1,
                            }"
                            @click="updateRoleForm.role = role.key">
                            <div
                                :class="{
                                    'opacity-50':
                                        updateRoleForm.role && updateRoleForm.role !== role.key,
                                }">
                                <!-- Role Name -->
                                <div class="flex items-center">
                                    <div
                                        class="text-sm text-muted"
                                        :class="{
                                            'font-semibold': updateRoleForm.role === role.key,
                                        }">
                                        {{ role.name }}
                                    </div>

                                    <svg
                                        v-if="updateRoleForm.role == role.key"
                                        class="ms-2 h-5 w-5 text-green-400"
                                        xmlns="http://www.w3.org/2000/svg"
                                        fill="none"
                                        viewBox="0 0 24 24"
                                        stroke-width="1.5"
                                        stroke="currentColor">
                                        <path
                                            stroke-linecap="round"
                                            stroke-linejoin="round"
                                            d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                                    </svg>
                                </div>

                                <!-- Role Description -->
                                <div class="mt-2 text-xs text-muted">
                                    {{ role.description }}
                                </div>
                            </div>
                        </button>
                    </div>
                </div>
            </template>

            <template #footer>
                <SecondaryButton @click="currentlyManagingRole = false"> Cancel </SecondaryButton>

                <PrimaryButton
                    class="ms-3"
                    :class="{ 'opacity-25': updateRoleForm.processing }"
                    :disabled="updateRoleForm.processing"
                    @click="updateRole">
                    Save
                </PrimaryButton>
            </template>
        </DialogModal>

        <!-- Leave Organization Confirmation Modal -->
        <ConfirmationModal :show="confirmingLeavingTeam" @close="confirmingLeavingTeam = false">
            <template #title> Leave Organization</template>

            <template #content> Are you sure you would like to leave this organization? </template>

            <template #footer>
                <SecondaryButton @click="confirmingLeavingTeam = false"> Cancel </SecondaryButton>

                <DangerButton
                    class="ms-3"
                    :class="{ 'opacity-25': leaveTeamForm.processing }"
                    :disabled="leaveTeamForm.processing"
                    @click="leaveTeam">
                    Leave
                </DangerButton>
            </template>
        </ConfirmationModal>

        <!-- Remove Organization Member Confirmation Modal -->
        <ConfirmationModal :show="!!teamMemberBeingRemoved" @close="teamMemberBeingRemoved = null">
            <template #title> Remove Organization Member</template>

            <template #content>
                Are you sure you would like to remove this person from the organization?
            </template>

            <template #footer>
                <SecondaryButton @click="teamMemberBeingRemoved = null"> Cancel </SecondaryButton>

                <DangerButton
                    class="ms-3"
                    :class="{ 'opacity-25': removeTeamMemberForm.processing }"
                    :disabled="removeTeamMemberForm.processing"
                    @click="removeTeamMember">
                    Remove
                </DangerButton>
            </template>
        </ConfirmationModal>
    </div>
</template>


================================================
FILE: resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue
================================================
<script setup lang="ts">
import { Link, useForm } from '@inertiajs/vue3';
import ActionMessage from '@/Components/ActionMessage.vue';
import FormSection from '@/Components/FormSection.vue';
import { Field, FieldLabel, FieldError } from '@/packages/ui/src/field';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import type { Organization } from '@/types/models';
import type { Permissions } from '@/types/jetstream';
import { CreditCardIcon } from '@heroicons/vue/20/solid';
import { isBillingActivated } from '@/utils/billing';
import { canManageBilling } from '@/utils/permissions';

const props = defineProps<{
    team: Organization;
    permissions: Permissions;
}>();

const form = useForm({
    name: props.team.name,
    currency: props.team.currency,
});

const updateTeamName = () => {
    form.put(route('teams.update', props.team.id), {
        errorBag: 'updateTeamName',
        preserveScroll: true,
    });
};
</script>

<template>
    <FormSection @submitted="updateTeamName">
        <template #title> Organization Name</template>

        <template #description> The organization's name and owner information. </template>

        <template #form>
            <!-- Organization Owner Information -->
            <div class="col-span-6 flex items-center justify-between">
                <div class="">
                    <FieldLabel>Organization Owner</FieldLabel>

                    <div class="flex items-center mt-2">
                        <img
                            class="w-12 h-12 rounded-full object-cover"
                            :src="team.owner.profile_photo_url"
                            :alt="team.owner.name" />

                        <div class="ms-4 leading-tight">
                            <div class="text-text-primary">
                                {{ team.owner.name }}
                            </div>
                            <div class="text-text-secondary text-sm">
                                {{ team.owner.email }}
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <Link v-if="isBillingActivated() && canManageBilling()" href="/billing">
                        <PrimaryButton :icon="CreditCardIcon" type="button">
                            Go to Billing
                        </PrimaryButton>
                    </Link>
                </div>
            </div>

            <!-- Organization Name -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="name">Organization Name</FieldLabel>

                <TextInput
                    id="name"
                    v-model="form.name"
                    type="text"
                    class="block w-full"
                    :disabled="!permissions.canUpdateTeam" />

                <FieldError v-if="form.errors.name">{{ form.errors.name }}</FieldError>
            </Field>

            <!-- Currency -->
            <Field class="col-span-6 sm:col-span-4">
                <FieldLabel for="currency">Currency</FieldLabel>
                <select
                    id="currency"
                    v-model="form.currency"
                    name="currency"
                    :disabled="!permissions.canUpdateTeam"
                    class="block w-full border-input-border bg-input-background text-text-primary focus:border-input-border-active rounded-md shadow-sm">
                    <option value="" disabled>Select a currency</option>
                    <option
                        v-for="(currencyTranslated, currencyKey) in $page.props.currencies"
                        :key="currencyKey"
                        :value="currencyKey">
                        {{ currencyKey }} - {{ currencyTranslated }}
                    </option>
                </select>
                <FieldError v-if="form.errors.currency">{{ form.errors.currency }}</FieldError>
            </Field>
        </template>

        <template v-if="permissions.canUpdateTeam" #actions>
            <ActionMessage :on="form.recentlySuccessful" class="me-3"> Saved. </ActionMessage>

            <PrimaryButton :class="{ 'opacity-25': form.processing }" :disabled="form.processing">
                Save
            </PrimaryButton>
        </template>
    </FormSection>
</template>


================================================
FILE: resources/js/Pages/Teams/Show.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import DeleteTeamForm from '@/Pages/Teams/Partials/DeleteTeamForm.vue';
import SectionBorder from '@/Components/SectionBorder.vue';
import UpdateTeamNameForm from '@/Pages/Teams/Partials/UpdateTeamNameForm.vue';
import type { Organization } from '@/types/models';
import type { Permissions, Role } from '@/types/jetstream';
import OrganizationBillableRate from '@/Pages/Teams/Partials/OrganizationBillableRate.vue';
import OrganizationFormatSettings from '@/Pages/Teams/Partials/OrganizationFormatSettings.vue';
import OrganizationTimeEntrySettings from '@/Pages/Teams/Partials/OrganizationTimeEntrySettings.vue';
import { onMounted, ref } from 'vue';
import { useOrganizationStore } from '@/utils/useOrganization';
import { storeToRefs } from 'pinia';

defineProps<{
    team: Organization;
    availableRoles: Role[];
    permissions: Permissions;
}>();

const loading = ref(true);
const orgStore = useOrganizationStore();
const { organization } = storeToRefs(orgStore);

onMounted(async () => {
    await orgStore.fetchOrganization();
    loading.value = false;
});
</script>

<template>
    <AppLayout title="Organization Settings">
        <template #header>
            <h2 class="font-semibold text-xl text-text-primary leading-tight">
                Organization Settings
            </h2>
        </template>

        <div>
            <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
                <div v-if="loading || !organization" class="py-16 text-center text-text-secondary">
                    Loading organization settings...
                </div>
                <template v-else>
                    <UpdateTeamNameForm :team="team" :permissions="permissions" />

                    <SectionBorder />
                    <OrganizationBillableRate v-if="permissions.canUpdateTeam" :team="team" />
                    <SectionBorder />

                    <OrganizationFormatSettings v-if="permissions.canUpdateTeam" :team="team" />
                    <SectionBorder />

                    <OrganizationTimeEntrySettings v-if="permissions.canUpdateTeam" />
                    <SectionBorder />

                    <template v-if="permissions.canDeleteTeam && !team.personal_team">
                        <DeleteTeamForm class="mt-10 sm:mt-0" :team="team" />
                    </template>
                </template>
            </div>
        </div>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/TermsOfService.vue
================================================
<script setup lang="ts">
import { Head } from '@inertiajs/vue3';
import AuthenticationCardLogo from '@/Components/AuthenticationCardLogo.vue';

defineProps({
    terms: String,
});
</script>

<template>
    <Head title="Terms of Service" />

    <div class="font-sans text-text-secondary antialiased">
        <div class="pt-4 bg-gray-900">
            <div class="min-h-screen flex flex-col items-center pt-6 sm:pt-0">
                <div>
                    <AuthenticationCardLogo />
                </div>

                <div
                    class="w-full sm:max-w-2xl mt-6 p-6 bg-gray-800 shadow-md overflow-hidden sm:rounded-lg prose dark:prose-invert"
                    v-html="terms" />
            </div>
        </div>
    </div>
</template>


================================================
FILE: resources/js/Pages/Time.vue
================================================
<script setup lang="ts">
import AppLayout from '@/Layouts/AppLayout.vue';
import TimeTracker from '@/Components/TimeTracker.vue';
import { computed, ref, watch } from 'vue';
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import { storeToRefs } from 'pinia';
import type {
    CreateClientBody,
    CreateProjectBody,
    CreateTimeEntryBody,
    Project,
    TimeEntry,
    Client,
} from '@/packages/api/src';
import { useElementVisibility } from '@vueuse/core';
import { ClockIcon } from '@heroicons/vue/20/solid';
import LoadingSpinner from '@/packages/ui/src/LoadingSpinner.vue';
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import TimeEntryGroupedTable from '@/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { getOrganizationCurrencyString } from '@/utils/money';
import TimeEntryMassActionRow from '@/packages/ui/src/TimeEntry/TimeEntryMassActionRow.vue';
import type { UpdateMultipleTimeEntriesChangeset } from '@/packages/api/src';
import { isAllowedToPerformPremiumAction } from '@/utils/billing';
import { canCreateProjects } from '@/utils/permissions';
import { useTagsStore } from '@/utils/useTags';
import { useProjectsStore } from '@/utils/useProjects';
import { useClientsStore } from '@/utils/useClients';
import { useTimeEntriesInfiniteQuery } from '@/utils/useTimeEntriesInfiniteQuery';
import { useTimeEntriesMutations } from '@/utils/useTimeEntriesMutations';

const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isPending } =
    useTimeEntriesInfiniteQuery();
const {
    createTimeEntry: createTimeEntryMutation,
    updateTimeEntry,
    updateTimeEntries: updateTimeEntriesMutation,
    deleteTimeEntries: deleteTimeEntriesMutation,
} = useTimeEntriesMutations();

const timeEntries = computed(() => data.value?.pages.flatMap((page) => page.data) || []);

async function updateTimeEntries(ids: string[], changes: UpdateMultipleTimeEntriesChangeset) {
    await updateTimeEntriesMutation({ ids, changes });
}

const loadMoreContainer = ref<HTMLDivElement | null>(null);
const isLoadMoreVisible = useElementVisibility(loadMoreContainer);
const currentTimeEntryStore = useCurrentTimeEntryStore();
const { currentTimeEntry } = storeToRefs(currentTimeEntryStore);
const { setActiveState } = currentTimeEntryStore;

async function startTimeEntry(timeEntry: Omit<CreateTimeEntryBody, 'member_id'>) {
    if (currentTimeEntry.value.id) {
        await setActiveState(false);
    }
    await createTimeEntryMutation(timeEntry);
    useCurrentTimeEntryStore().fetchCurrentTimeEntry();
}

async function deleteTimeEntries(timeEntries: TimeEntry[]) {
    await deleteTimeEntriesMutation(timeEntries);
}

watch(isLoadMoreVisible, async (isVisible) => {
    if (isVisible && hasNextPage.value) {
        await fetchNextPage();
    }
});

const { projects } = useProjectsQuery();
const { tasks } = useTasksQuery();
const { clients } = useClientsQuery();

const { tags } = useTagsQuery();

async function createTag(name: string) {
    return await useTagsStore().createTag(name);
}
async function createProject(project: CreateProjectBody): Promise<Project | undefined> {
    return await useProjectsStore().createProject(project);
}
async function createClient(body: CreateClientBody): Promise<Client | undefined> {
    return await useClientsStore().createClient(body);
}

const selectedTimeEntries = ref([] as TimeEntry[]);

async function clearSelectionAndState() {
    selectedTimeEntries.value = [];
}

function deleteSelected() {
    deleteTimeEntries(selectedTimeEntries.value);
    selectedTimeEntries.value = [];
}
</script>

<template>
    <AppLayout title="Dashboard" data-testid="time_view">
        <MainContainer class="pt-5 lg:pt-8 pb-4 lg:pb-6">
            <TimeTracker></TimeTracker>
        </MainContainer>
        <TimeEntryMassActionRow
            :selected-time-entries="selectedTimeEntries"
            :enable-estimated-time="isAllowedToPerformPremiumAction()"
            :can-create-project="canCreateProjects()"
            :all-selected="selectedTimeEntries.length === timeEntries.length"
            :delete-selected="deleteSelected"
            :projects="projects"
            :tasks="tasks"
            :tags="tags"
            :currency="getOrganizationCurrencyString()"
            :clients="clients"
            class="border-t border-default-background-separator hidden sm:block"
            :update-time-entries="
                (args) =>
                    updateTimeEntries(
                        selectedTimeEntries.map((timeEntry) => timeEntry.id),
                        args
                    )
            "
            :create-project="createProject"
            :create-client="createClient"
            :create-tag="createTag"
            @submit="clearSelectionAndState"
            @select-all="selectedTimeEntries = [...timeEntries]"
            @unselect-all="selectedTimeEntries = []"></TimeEntryMassActionRow>
        <TimeEntryGroupedTable
            v-model:selected="selectedTimeEntries"
            :create-project
            :enable-estimated-time="isAllowedToPerformPremiumAction()"
            :can-create-project="canCreateProjects()"
            :clients
            :create-client
            :update-time-entry
            :update-time-entries
            :delete-time-entries
            :create-time-entry="startTimeEntry"
            :create-tag
            :projects="projects"
            :tasks="tasks"
            :currency="getOrganizationCurrencyString()"
            :time-entries="timeEntries"
            :tags="tags"></TimeEntryGroupedTable>
        <div v-if="isPending" class="flex justify-center items-center py-12">
            <LoadingSpinner></LoadingSpinner>
        </div>
        <div v-else-if="timeEntries.length === 0" class="text-center pt-12">
            <ClockIcon class="w-8 text-icon-default inline pb-2"></ClockIcon>
            <h3 class="text-text-primary font-semibold">No time entries found</h3>
            <p class="pb-5">Create your first time entry now!</p>
        </div>
        <div ref="loadMoreContainer">
            <div
                v-if="isFetchingNextPage"
                class="flex justify-center items-center py-5 text-text-primary font-medium">
                <LoadingSpinner></LoadingSpinner>
                <span> Loading more time entries... </span>
            </div>
            <div
                v-else-if="!hasNextPage && timeEntries.length > 0"
                class="flex justify-center items-center py-5 text-sm text-text-tertiary">
                All time entries are loaded!
            </div>
        </div>
    </AppLayout>
</template>


================================================
FILE: resources/js/Pages/Welcome.vue
================================================
<script setup lang="ts">
import { Head, Link, usePage } from '@inertiajs/vue3';
import { computed } from 'vue';
import type { User } from '@/types/models';

defineProps({
    canLogin: Boolean,
    canRegister: Boolean,
    laravelVersion: String,
    phpVersion: String,
});

const page = usePage<{
    auth: {
        user: User;
    };
}>();

const user = computed(() => page?.props?.auth?.user);
</script>

<template>
    <Head title="Welcome" />

    <div
        class="relative sm:flex sm:justify-center sm:items-center min-h-screen bg-dots-darker bg-center bg-gray-100 dark:bg-dots-lighter dark:bg-gray-900 selection:bg-red-500 selection:text-text-primary">
        <div v-if="canLogin" class="sm:fixed sm:top-0 sm:end-0 p-6 text-end z-10">
            <Link
                v-if="user"
                :href="route('dashboard')"
                class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-text-primary focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                >Dashboard</Link
            >

            <template v-else>
                <Link
                    :href="route('login')"
                    class="font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-text-primary focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                    >Log in</Link
                >

                <Link
                    v-if="canRegister"
                    :href="route('register')"
                    class="ms-4 font-semibold text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                    >Register</Link
                >
            </template>
        </div>

        <div class="max-w-7xl mx-auto p-6 lg:p-8">
            <div class="flex justify-center">
                <svg
                    viewBox="0 0 62 65"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                    class="h-16 w-auto bg-gray-100 dark:bg-gray-900">
                    <path
                        d="M61.8548 14.6253C61.8778 14.7102 61.8895 14.7978 61.8897 14.8858V28.5615C61.8898 28.737 61.8434 28.9095 61.7554 29.0614C61.6675 29.2132 61.5409 29.3392 61.3887 29.4265L49.9104 36.0351V49.1337C49.9104 49.4902 49.7209 49.8192 49.4118 49.9987L25.4519 63.7916C25.3971 63.8227 25.3372 63.8427 25.2774 63.8639C25.255 63.8714 25.2338 63.8851 25.2101 63.8913C25.0426 63.9354 24.8666 63.9354 24.6991 63.8913C24.6716 63.8838 24.6467 63.8689 24.6205 63.8589C24.5657 63.8389 24.5084 63.8215 24.456 63.7916L0.501061 49.9987C0.348882 49.9113 0.222437 49.7853 0.134469 49.6334C0.0465019 49.4816 0.000120578 49.3092 0 49.1337L0 8.10652C0 8.01678 0.0124642 7.92953 0.0348998 7.84477C0.0423783 7.8161 0.0598282 7.78993 0.0697995 7.76126C0.0884958 7.70891 0.105946 7.65531 0.133367 7.6067C0.152063 7.5743 0.179485 7.54812 0.20192 7.51821C0.230588 7.47832 0.256763 7.43719 0.290416 7.40229C0.319084 7.37362 0.356476 7.35243 0.388883 7.32751C0.425029 7.29759 0.457436 7.26518 0.498568 7.2415L12.4779 0.345059C12.6296 0.257786 12.8015 0.211853 12.9765 0.211853C13.1515 0.211853 13.3234 0.257786 13.475 0.345059L25.4531 7.2415H25.4556C25.4955 7.26643 25.5292 7.29759 25.5653 7.32626C25.5977 7.35119 25.6339 7.37362 25.6625 7.40104C25.6974 7.43719 25.7224 7.47832 25.7523 7.51821C25.7735 7.54812 25.8021 7.5743 25.8196 7.6067C25.8483 7.65656 25.8645 7.70891 25.8844 7.76126C25.8944 7.78993 25.9118 7.8161 25.9193 7.84602C25.9423 7.93096 25.954 8.01853 25.9542 8.10652V33.7317L35.9355 27.9844V14.8846C35.9355 14.7973 35.948 14.7088 35.9704 14.6253C35.9792 14.5954 35.9954 14.5692 36.0053 14.5405C36.0253 14.4882 36.0427 14.4346 36.0702 14.386C36.0888 14.3536 36.1163 14.3274 36.1375 14.2975C36.1674 14.2576 36.1923 14.2165 36.2272 14.1816C36.2559 14.1529 36.292 14.1317 36.3244 14.1068C36.3618 14.0769 36.3942 14.0445 36.4341 14.0208L48.4147 7.12434C48.5663 7.03694 48.7383 6.99094 48.9133 6.99094C49.0883 6.99094 49.2602 7.03694 49.4118 7.12434L61.3899 14.0208C61.4323 14.0457 61.4647 14.0769 61.5021 14.1055C61.5333 14.1305 61.5694 14.1529 61.5981 14.1803C61.633 14.2165 61.6579 14.2576 61.6878 14.2975C61.7103 14.3274 61.7377 14.3536 61.7551 14.386C61.7838 14.4346 61.8 14.4882 61.8199 14.5405C61.8312 14.5692 61.8474 14.5954 61.8548 14.6253ZM59.893 27.9844V16.6121L55.7013 19.0252L49.9104 22.3593V33.7317L59.8942 27.9844H59.893ZM47.9149 48.5566V37.1768L42.2187 40.4299L25.953 49.7133V61.2003L47.9149 48.5566ZM1.99677 9.83281V48.5566L23.9562 61.199V49.7145L12.4841 43.2219L12.4804 43.2194L12.4754 43.2169C12.4368 43.1945 12.4044 43.1621 12.3682 43.1347C12.3371 43.1097 12.3009 43.0898 12.2735 43.0624L12.271 43.0586C12.2386 43.0275 12.2162 42.9888 12.1887 42.9539C12.1638 42.9203 12.1339 42.8916 12.114 42.8567L12.1127 42.853C12.0903 42.8156 12.0766 42.7707 12.0604 42.7283C12.0442 42.6909 12.023 42.656 12.013 42.6161C12.0005 42.5688 11.998 42.5177 11.9931 42.4691C11.9881 42.4317 11.9781 42.3943 11.9781 42.3569V15.5801L6.18848 12.2446L1.99677 9.83281ZM12.9777 2.36177L2.99764 8.10652L12.9752 13.8513L22.9541 8.10527L12.9752 2.36177H12.9777ZM18.1678 38.2138L23.9574 34.8809V9.83281L19.7657 12.2459L13.9749 15.5801V40.6281L18.1678 38.2138ZM48.9133 9.14105L38.9344 14.8858L48.9133 20.6305L58.8909 14.8846L48.9133 9.14105ZM47.9149 22.3593L42.124 19.0252L37.9323 16.6121V27.9844L43.7219 31.3174L47.9149 33.7317V22.3593ZM24.9533 47.987L39.59 39.631L46.9065 35.4555L36.9352 29.7145L25.4544 36.3242L14.9907 42.3482L24.9533 47.987Z"
                        fill="#FF2D20" />
                </svg>
            </div>

            <div class="mt-16">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8">
                    <a
                        href="https://laravel.com/docs"
                        class="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500">
                        <div>
                            <div
                                class="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke-width="1.5"
                                    class="w-7 h-7 stroke-red-500">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
                                </svg>
                            </div>

                            <h2 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
                                Documentation
                            </h2>

                            <p
                                class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                                Laravel has wonderful documentation covering every aspect of the
                                framework. Whether you are a newcomer or have prior experience with
                                Laravel, we recommend reading our documentation from beginning to
                                end.
                            </p>
                        </div>

                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            class="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
                        </svg>
                    </a>

                    <a
                        href="https://laracasts.com"
                        class="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500">
                        <div>
                            <div
                                class="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke-width="1.5"
                                    class="w-7 h-7 stroke-red-500">
                                    <path
                                        stroke-linecap="round"
                                        d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
                                </svg>
                            </div>

                            <h2 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
                                Laracasts
                            </h2>

                            <p
                                class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                                Laracasts offers thousands of video tutorials on Laravel, PHP, and
                                JavaScript development. Check them out, see for yourself, and
                                massively level up your development skills in the process.
                            </p>
                        </div>

                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            class="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
                        </svg>
                    </a>

                    <a
                        href="https://laravel-news.com"
                        class="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500">
                        <div>
                            <div
                                class="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke-width="1.5"
                                    class="w-7 h-7 stroke-red-500">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
                                </svg>
                            </div>

                            <h2 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
                                Laravel News
                            </h2>

                            <p
                                class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                                Laravel News is a community driven portal and newsletter aggregating
                                all of the latest and most important news in the Laravel ecosystem,
                                including new package releases and tutorials.
                            </p>
                        </div>

                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            fill="none"
                            viewBox="0 0 24 24"
                            stroke-width="1.5"
                            class="self-center shrink-0 stroke-red-500 w-6 h-6 mx-6">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75" />
                        </svg>
                    </a>

                    <div
                        class="scale-100 p-6 bg-white dark:bg-gray-800/50 dark:bg-gradient-to-bl from-gray-700/50 via-transparent dark:ring-1 dark:ring-inset dark:ring-white/5 rounded-lg shadow-2xl shadow-gray-500/20 dark:shadow-none flex motion-safe:hover:scale-[1.01] transition-all duration-250 focus:outline focus:outline-2 focus:outline-red-500">
                        <div>
                            <div
                                class="h-16 w-16 bg-red-50 dark:bg-red-800/20 flex items-center justify-center rounded-full">
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    fill="none"
                                    viewBox="0 0 24 24"
                                    stroke-width="1.5"
                                    class="w-7 h-7 stroke-red-500">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M6.115 5.19l.319 1.913A6 6 0 008.11 10.36L9.75 12l-.387.775c-.217.433-.132.956.21 1.298l1.348 1.348c.21.21.329.497.329.795v1.089c0 .426.24.815.622 1.006l.153.076c.433.217.956.132 1.298-.21l.723-.723a8.7 8.7 0 002.288-4.042 1.087 1.087 0 00-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125 1.125 0 01-.98-.314l-.295-.295a1.125 1.125 0 010-1.591l.13-.132a1.125 1.125 0 011.3-.21l.603.302a.809.809 0 001.086-1.086L14.25 7.5l1.256-.837a4.5 4.5 0 001.528-1.732l.146-.292M6.115 5.19A9 9 0 1017.18 4.64M6.115 5.19A8.965 8.965 0 0112 3c1.929 0 3.716.607 5.18 1.64" />
                                </svg>
                            </div>

                            <h2 class="mt-6 text-xl font-semibold text-gray-900 dark:text-white">
                                Vibrant Ecosystem
                            </h2>

                            <p
                                class="mt-4 text-gray-500 dark:text-gray-400 text-sm leading-relaxed">
                                Laravel's robust library of first-party tools and libraries, such as
                                <a
                                    href="https://forge.laravel.com"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Forge</a
                                >,
                                <a
                                    href="https://vapor.laravel.com"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Vapor</a
                                >,
                                <a
                                    href="https://nova.laravel.com"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Nova</a
                                >, and
                                <a
                                    href="https://envoyer.io"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Envoyer</a
                                >
                                help you take your projects to the next level. Pair them with
                                powerful open source libraries like
                                <a
                                    href="https://laravel.com/docs/billing"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Cashier</a
                                >,
                                <a
                                    href="https://laravel.com/docs/dusk"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Dusk</a
                                >,
                                <a
                                    href="https://laravel.com/docs/broadcasting"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Echo</a
                                >,
                                <a
                                    href="https://laravel.com/docs/horizon"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Horizon</a
                                >,
                                <a
                                    href="https://laravel.com/docs/sanctum"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Sanctum</a
                                >,
                                <a
                                    href="https://laravel.com/docs/telescope"
                                    class="underline hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500"
                                    >Telescope</a
                                >, and more.
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex justify-center mt-16 px-6 sm:items-center sm:justify-between">
                <div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-start">
                    <div class="flex items-center gap-4">
                        <a
                            href="https://github.com/sponsors/taylorotwell"
                            class="group inline-flex items-center hover:text-gray-700 dark:hover:text-white focus:outline focus:outline-2 focus:rounded-sm focus:outline-red-500">
                            <svg
                                xmlns="http://www.w3.org/2000/svg"
                                fill="none"
                                viewBox="0 0 24 24"
                                stroke-width="1.5"
                                class="-mt-px me-1 w-5 h-5 stroke-gray-400 dark:stroke-gray-600 group-hover:stroke-gray-600 dark:group-hover:stroke-gray-400">
                                <path
                                    stroke-linecap="round"
                                    stroke-linejoin="round"
                                    d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z" />
                            </svg>
                            Sponsor
                        </a>
                    </div>
                </div>

                <div
                    class="ms-4 text-center text-sm text-gray-500 dark:text-gray-400 sm:text-end sm:ms-0">
                    Laravel v{{ laravelVersion }} (PHP v{{ phpVersion }})
                </div>
            </div>
        </div>
    </div>
</template>

<style>
.bg-dots-darker {
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme: dark) {
    .dark\:bg-dots-lighter {
        background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E");
    }
}
</style>


================================================
FILE: resources/js/app.ts
================================================
import './bootstrap';
import '../css/app.css';
import { createApp, h } from 'vue';
import { createInertiaApp, usePage } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
import { ZiggyVue } from '../../vendor/tightenco/ziggy';
import { createPinia } from 'pinia';
import type { User } from '@/types/models';
import { QueryClient, VueQueryPlugin } from '@tanstack/vue-query';
import { type DefineComponent } from 'vue';
import { setupPrefetching } from '@/utils/prefetch';

const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
const pinia = createPinia();
const queryClient = new QueryClient();

createInertiaApp({
    title: (title) => `${title} - ${appName}`,
    resolve: (name) => {
        if (name.includes('Invoicing::')) {
            const [module, page] = name.split('::');

            const pagePath = module
                ? `../../extensions/${module}/resources/js/Pages/${page}.vue`
                : `./Pages/${page}.vue`;

            // BillingPortal is a Vue 2 Component and therefore should not be imported
            const pages = module
                ? import.meta.glob<DefineComponent>([
                      '../../extensions/**/resources/js/Pages/*.vue',
                      '!**/BillingPortal.vue',
                  ])
                : import.meta.glob<DefineComponent>('./Pages/**/*.vue');

            return resolvePageComponent(pagePath, pages);
        } else {
            return resolvePageComponent(
                `./Pages/${name}.vue`,
                import.meta.glob<DefineComponent>('./Pages/**/*.vue')
            );
        }
    },
    setup({ el, App, props, plugin }) {
        const app = createApp({ render: () => h(App, props) });

        // currently only one vue app setup hook is supported
        if (window.vueAppSetupHook) {
            window.vueAppSetupHook(app);
        }
        window.getWeekStartSetting = function () {
            const page = usePage<{
                auth: {
                    user: User;
                };
            }>();
            return page.props.auth.user.week_start ?? 'monday';
        };
        window.getTimezoneSetting = function () {
            const page = usePage<{
                auth: {
                    user: User;
                };
            }>();
            return page.props.auth.user.timezone;
        };

        app.use(plugin).use(pinia).use(ZiggyVue).use(VueQueryPlugin, { queryClient }).mount(el);

        // Setup Inertia prefetching to warm TanStack Query cache
        setupPrefetching(queryClient);
    },

    progress: {
        color: '#4B5563',
    },
});


================================================
FILE: resources/js/bootstrap.js
================================================
/**
 * We'll load the axios HTTP library which allows us to easily issue requests
 * to our Laravel back-end. This library automatically handles sending the
 * CSRF token as a header based on the value of the "XSRF" token cookie.
 */

import axios from 'axios';
window.axios = axios;

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
 * Echo exposes an expressive API for subscribing to channels and listening
 * for events that are broadcast by Laravel. Echo and event broadcasting
 * allows your team to easily build robust real-time web applications.
 */

// import Echo from 'laravel-echo';

// import Pusher from 'pusher-js';
// window.Pusher = Pusher;

// window.Echo = new Echo({
//     broadcaster: 'pusher',
//     key: import.meta.env.VITE_PUSHER_APP_KEY,
//     cluster: import.meta.env.VITE_PUSHER_APP_CLUSTER ?? 'mt1',
//     wsHost: import.meta.env.VITE_PUSHER_HOST ? import.meta.env.VITE_PUSHER_HOST : `ws-${import.meta.env.VITE_PUSHER_APP_CLUSTER}.pusher.com`,
//     wsPort: import.meta.env.VITE_PUSHER_PORT ?? 80,
//     wssPort: import.meta.env.VITE_PUSHER_PORT ?? 443,
//     forceTLS: (import.meta.env.VITE_PUSHER_SCHEME ?? 'https') === 'https',
//     enabledTransports: ['ws', 'wss'],
// });


================================================
FILE: resources/js/lib/utils.ts
================================================
import { type ClassValue, clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs.filter(Boolean)));
}


================================================
FILE: resources/js/packages/api/.gitignore
================================================
node_modules
dist
out
.DS_Store
*.log*


================================================
FILE: resources/js/packages/api/package.json
================================================
{
    "name": "@solidtime/api",
    "version": "0.0.6",
    "description": "Package containing the solidtime api client and type declarations",
    "main": "./dist/solidtime-api.umd.cjs",
    "module": "./dist/solidtime-api.js",
    "types": "./dist/index.d.ts",
    "repository": {
        "type": "git",
        "url": "git+https://github.com/solidtime-io/solidtime.git",
        "directory": "resources/js/packages/api"
    },
    "scripts": {
        "build": "vite build",
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "files": [
        "dist"
    ],
    "keywords": [
        "solidtime",
        "timetracker",
        "timetracking",
        "api",
        "client"
    ],
    "type": "module",
    "author": "solidtime",
    "license": "AGPL-3.0",
    "devDependencies": {
        "vite-plugin-dts": "^4.0.3"
    },
    "peerDependencies": {
        "@zodios/core": "^10.9.6",
        "axios": "^1.6.4",
        "typescript": "^5.5.4",
        "vite": "^5.4.1 || ^6.0.0 || ^7.0.0",
        "zod": "^3.23.8"
    }
}


================================================
FILE: resources/js/packages/api/src/index.ts
================================================
import type {
    ApiOf,
    ZodiosResponseByAlias,
    ZodiosBodyByAlias,
    ZodiosQueryParamsByAlias,
} from '@zodios/core';
import { createApiClient } from './openapi.json.client';

export type SolidTimeApi = ApiOf<typeof api>;

export type InvitationsIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getInvitations'>;

export type CreateInvitationBody = ZodiosBodyByAlias<SolidTimeApi, 'invite'>;

export type Invitation = InvitationsIndexResponse['data'][0];

export type TimeEntryResponse = ZodiosResponseByAlias<SolidTimeApi, 'getTimeEntries'>;
export type TimeEntry = TimeEntryResponse['data'][0];

export type CreateTimeEntryBody = ZodiosBodyByAlias<SolidTimeApi, 'createTimeEntry'>;

export type UpdateMultipleTimeEntriesBody = ZodiosBodyByAlias<
    SolidTimeApi,
    'updateMultipleTimeEntries'
>;

export type UpdateMultipleTimeEntriesChangeset = UpdateMultipleTimeEntriesBody['changes'];

export type ProjectResponse = ZodiosResponseByAlias<SolidTimeApi, 'getProjects'>;
export type Project = ProjectResponse['data'][0];

export type CreateProjectBody = ZodiosBodyByAlias<SolidTimeApi, 'createProject'>;

export type UpdateProjectBody = ZodiosBodyByAlias<SolidTimeApi, 'updateProject'>;

export type ProjectMemberResponse = ZodiosResponseByAlias<SolidTimeApi, 'getProjectMembers'>;

export type CreateProjectMemberBody = ZodiosBodyByAlias<SolidTimeApi, 'createProjectMember'>;

export type UpdateProjectMemberBody = ZodiosBodyByAlias<SolidTimeApi, 'updateProjectMember'>;

export type ProjectMember = ProjectMemberResponse['data'][0];

export type CreateTaskBody = ZodiosBodyByAlias<SolidTimeApi, 'createTask'>;

export type CreateClientBody = ZodiosBodyByAlias<SolidTimeApi, 'createClient'>;
export type UpdateClientBody = ZodiosBodyByAlias<SolidTimeApi, 'updateClient'>;

export type TagIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getTags'>;
export type Tag = TagIndexResponse['data'][0];

export type TaskIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getTasks'>;
export type Task = TaskIndexResponse['data'][0];

export type UpdateTaskBody = ZodiosBodyByAlias<SolidTimeApi, 'updateTask'>;

export type ClientIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getClients'>;
export type Client = ClientIndexResponse['data'][0];

export type MemberIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getMembers'>;
export type Member = MemberIndexResponse['data'][0];

export type UpdateMemberBody = ZodiosBodyByAlias<SolidTimeApi, 'updateMember'>;

export type InviteMemberBody = ZodiosBodyByAlias<SolidTimeApi, 'invite'>;
export type MemberRole = InviteMemberBody['role'];

export type CreateTagBody = ZodiosBodyByAlias<SolidTimeApi, 'createTag'>;
export type UpdateTagBody = ZodiosBodyByAlias<SolidTimeApi, 'updateTag'>;

export type ImportType = ZodiosResponseByAlias<SolidTimeApi, 'getImporters'>['data'][0];
export type ImportReport = ZodiosResponseByAlias<SolidTimeApi, 'importData'>;

export type ReportingResponse = ZodiosResponseByAlias<SolidTimeApi, 'getAggregatedTimeEntries'>;

export type AggregatedTimeEntries = ReportingResponse['data'];
export type GroupedDataEntries = ReportingResponse['data']['grouped_data'];

export type TimeEntriesQueryParams = ZodiosQueryParamsByAlias<SolidTimeApi, 'getTimeEntries'>;

export type AggregatedTimeEntriesQueryParams = ZodiosQueryParamsByAlias<
    SolidTimeApi,
    'getAggregatedTimeEntries'
> & {
    start: string;
    end: string;
    rounding_type?: string;
    rounding_minutes?: number;
};

export type OrganizationResponse = ZodiosResponseByAlias<SolidTimeApi, 'getOrganization'>;

export type Organization = ZodiosResponseByAlias<SolidTimeApi, 'getOrganization'>['data'];

export type UpdateOrganizationBody = ZodiosBodyByAlias<SolidTimeApi, 'updateOrganization'>;

export type MyMemberships = ZodiosResponseByAlias<SolidTimeApi, 'getMyMemberships'>['data'];

export type MyMembership = MyMemberships[0];

export type OrganizationExportResponse = ZodiosResponseByAlias<SolidTimeApi, 'exportOrganization'>;

export type ReportIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getReports'>;

export type CreateReportBody = ZodiosBodyByAlias<SolidTimeApi, 'createReport'>;
export type UpdateReportBody = ZodiosBodyByAlias<SolidTimeApi, 'updateReport'>;
export type CreateReportBodyProperties = CreateReportBody['properties'];
export type Report = ReportIndexResponse['data'][0];

export type ApiTokenIndexResponse = ZodiosResponseByAlias<SolidTimeApi, 'getApiTokens'>;

export type CreateApiTokenBody = ZodiosBodyByAlias<SolidTimeApi, 'createApiToken'>;
export type ApiToken = ApiTokenIndexResponse['data'][0];

export type DetailedInvoiceResponse = ZodiosResponseByAlias<SolidTimeApi, 'getInvoice'>;

export type InvoiceIndexEntry = ZodiosResponseByAlias<SolidTimeApi, 'getInvoices'>['data'][0];

export type UpdateInvoiceSettings = ZodiosBodyByAlias<SolidTimeApi, 'updateInvoiceSettings'>;

export type CreateInvoiceBody = ZodiosBodyByAlias<SolidTimeApi, 'createInvoice'>;

export type UpdateInvoiceBody = ZodiosBodyByAlias<SolidTimeApi, 'updateInvoice'>;

const api = createApiClient('/api', { validate: 'none' });

export { createApiClient, api };


================================================
FILE: resources/js/packages/api/src/openapi.json.client.ts
================================================
import { makeApi, Zodios, type ZodiosOptions } from '@zodios/core';
import { z } from 'zod';

const ApiTokenResource = z
    .object({
        id: z.string(),
        name: z.string(),
        revoked: z.boolean(),
        scopes: z.array(z.string()),
        created_at: z.string(),
        expires_at: z.union([z.string(), z.null()]),
    })
    .passthrough();
const ApiTokenCollection = z.array(ApiTokenResource);
const ApiTokenStoreRequest = z.object({ name: z.string().min(1).max(255) }).passthrough();
const ApiTokenWithAccessTokenResource = z
    .object({
        id: z.string(),
        name: z.string(),
        revoked: z.boolean(),
        scopes: z.array(z.string()),
        created_at: z.string(),
        expires_at: z.union([z.string(), z.null()]),
        access_token: z.string(),
    })
    .passthrough();
const ClientResource = z
    .object({
        id: z.string(),
        name: z.string(),
        is_archived: z.boolean(),
        created_at: z.string(),
        updated_at: z.string(),
    })
    .passthrough();
const ClientStoreRequest = z.object({ name: z.string().min(1).max(255) }).passthrough();
const ClientUpdateRequest = z
    .object({ name: z.string().min(1).max(255), is_archived: z.boolean().optional() })
    .passthrough();
const ImportRequest = z.object({ type: z.string(), data: z.string() }).passthrough();
const InvitationResource = z
    .object({ id: z.string(), email: z.string(), role: z.string() })
    .passthrough();
const InvitationStoreRequest = z
    .object({ email: z.string().email(), role: z.enum(['admin', 'manager', 'employee']) })
    .passthrough();
const InvoiceResource = z
    .object({
        id: z.string(),
        organization_id: z.string(),
        reference: z.string(),
        seller_name: z.string(),
        buyer_name: z.string(),
        status: z.string(),
        date: z.string(),
        due_at: z.string(),
        paid_date: z.string(),
        created_at: z.union([z.string(), z.null()]),
        updated_at: z.union([z.string(), z.null()]),
    })
    .passthrough();
const InvoiceCollection = z.array(InvoiceResource);
const InvoiceDiscountType = z.enum(['percentage', 'fixed']);
const InvoiceStoreRequest = z
    .object({
        due_at: z.union([z.string(), z.null()]).optional(),
        paid_date: z.union([z.string(), z.null()]).optional(),
        seller_name: z.string(),
        seller_vatin: z.union([z.string(), z.null()]).optional(),
        seller_address_line_1: z.union([z.string(), z.null()]).optional(),
        seller_address_line_2: z.union([z.string(), z.null()]).optional(),
        seller_address_line_3: z.union([z.string(), z.null()]).optional(),
        seller_address_post_code: z.union([z.string(), z.null()]).optional(),
        seller_address_city: z.union([z.string(), z.null()]).optional(),
        seller_address_country: z.union([z.string(), z.null()]).optional(),
        seller_phone: z.union([z.string(), z.null()]).optional(),
        seller_email: z.union([z.string(), z.null()]).optional(),
        buyer_name: z.string(),
        buyer_vatin: z.union([z.string(), z.null()]).optional(),
        buyer_address_line_1: z.union([z.string(), z.null()]).optional(),
        buyer_address_line_2: z.union([z.string(), z.null()]).optional(),
        buyer_address_line_3: z.union([z.string(), z.null()]).optional(),
        buyer_address_post_code: z.union([z.string(), z.null()]).optional(),
        buyer_address_city: z.union([z.string(), z.null()]).optional(),
        buyer_address_country: z.union([z.string(), z.null()]).optional(),
        buyer_phone: z.union([z.string(), z.null()]).optional(),
        buyer_email: z.union([z.string(), z.null()]).optional(),
        date: z.string(),
        billing_period_start: z.union([z.string(), z.null()]).optional(),
        billing_period_end: z.union([z.string(), z.null()]).optional(),
        reference: z.string(),
        currency: z.string(),
        payment_iban: z.union([z.string(), z.null()]).optional(),
        tax_rate: z.number().int().gte(0).lte(2147483647).optional(),
        discount_amount: z.number().int().gte(0).lte(9223372036854776000).optional(),
        discount_type: InvoiceDiscountType.optional(),
        footer: z.union([z.string(), z.null()]).optional(),
        notes: z.union([z.string(), z.null()]).optional(),
        payment_terms: z.union([z.string(), z.null()]).optional(),
        is_eu_reverse_charge: z.boolean().optional(),
        entries: z
            .array(
                z
                    .object({
                        name: z.string(),
                        description: z.union([z.string(), z.null()]).optional(),
                        unit_price: z.number().int().gte(0).lte(9223372036854776000),
                        quantity: z.number().gte(0).lte(99999999),
                    })
                    .passthrough()
            )
            .optional(),
    })
    .passthrough();
const InvoiceEntryResource = z
    .object({
        id: z.string(),
        invoice_id: z.string(),
        name: z.string(),
        description: z.union([z.string(), z.null()]),
        unit_price: z.number().int(),
        quantity: z.number(),
        order_index: z.number().int(),
        created_at: z.union([z.string(), z.null()]),
        updated_at: z.union([z.string(), z.null()]),
    })
    .passthrough();
const DetailedInvoiceResource = z
    .object({
        id: z.string(),
        organization_id: z.string(),
        reference: z.string(),
        seller_name: z.string(),
        seller_vatin: z.string(),
        seller_address_line_1: z.string(),
        seller_address_line_2: z.string(),
        seller_address_line_3: z.string(),
        seller_address_post_code: z.string(),
        seller_address_city: z.string(),
        seller_address_country: z.string(),
        seller_phone: z.string(),
        seller_email: z.string(),
        buyer_name: z.string(),
        buyer_vatin: z.string(),
        buyer_address_line_1: z.string(),
        buyer_address_line_2: z.string(),
        buyer_address_line_3: z.string(),
        buyer_address_post_code: z.string(),
        buyer_address_city: z.string(),
        buyer_address_country: z.string(),
        buyer_phone: z.string(),
        buyer_email: z.string(),
        paid_date: z.string(),
        due_at: z.string(),
        discount_type: z.string(),
        discount_amount: z.number().int(),
        tax_rate: z.number().int(),
        payment_iban: z.string(),
        status: z.string(),
        currency: z.string(),
        date: z.string(),
        footer: z.string(),
        notes: z.string(),
        payment_terms: z.string(),
        is_eu_reverse_charge: z.string(),
        billing_period_start: z.string(),
        billing_period_end: z.string(),
        created_at: z.union([z.string(), z.null()]),
        updated_at: z.union([z.string(), z.null()]),
        entries: z.array(InvoiceEntryResource),
    })
    .passthrough();
const InvoiceStatus = z.enum(['draft', 'sent', 'cancelled']);
const InvoiceUpdateRequest = z
    .object({
        status: InvoiceStatus,
        due_at: z.union([z.string(), z.null()]),
        paid_date: z.union([z.string(), z.null()]),
        seller_name: z.string(),
        seller_vatin: z.union([z.string(), z.null()]),
        seller_address_line_1: z.union([z.string(), z.null()]),
        seller_address_line_2: z.union([z.string(), z.null()]),
        seller_address_line_3: z.union([z.string(), z.null()]),
        seller_address_post_code: z.union([z.string(), z.null()]),
        seller_address_city: z.union([z.string(), z.null()]),
        seller_address_country: z.union([z.string(), z.null()]),
        seller_phone: z.union([z.string(), z.null()]),
        seller_email: z.union([z.string(), z.null()]),
        buyer_name: z.string(),
        buyer_vatin: z.union([z.string(), z.null()]),
        buyer_address_line_1: z.union([z.string(), z.null()]),
        buyer_address_line_2: z.union([z.string(), z.null()]),
        buyer_address_line_3: z.union([z.string(), z.null()]),
        buyer_address_post_code: z.union([z.string(), z.null()]),
        buyer_address_city: z.union([z.string(), z.null()]),
        buyer_address_country: z.union([z.string(), z.null()]),
        buyer_phone: z.union([z.string(), z.null()]),
        buyer_email: z.union([z.string(), z.null()]),
        date: z.string(),
        billing_period_start: z.union([z.string(), z.null()]),
        billing_period_end: z.union([z.string(), z.null()]),
        reference: z.string(),
        currency: z.string(),
        payment_iban: z.union([z.string(), z.null()]),
        tax_rate: z.number().int().gte(0).lte(2147483647),
        discount_amount: z.number().int().gte(0).lte(9223372036854776000),
        discount_type: InvoiceDiscountType,
        footer: z.union([z.string(), z.null()]),
        notes: z.union([z.string(), z.null()]),
        payment_terms: z.union([z.string(), z.null()]),
        is_eu_reverse_charge: z.boolean(),
        entries: z.array(
            z
                .object({
                    id: z.union([z.string(), z.null()]).optional(),
                    name: z.string(),
                    description: z.union([z.string(), z.null()]).optional(),
                    unit_price: z.number().int().gte(0).lte(9223372036854776000),
                    quantity: z.number().gte(0).lte(99999999),
                })
                .passthrough()
        ),
    })
    .partial()
    .passthrough();
const InvoiceDownloadRequest = z.object({ with_e_invoice: z.boolean() }).passthrough();
const InvoiceSettingResource = z
    .object({
        seller_name: z.union([z.string(), z.null()]),
        seller_vatin: z.union([z.string(), z.null()]),
        seller_address_line_1: z.union([z.string(), z.null()]),
        seller_address_line_2: z.union([z.string(), z.null()]),
        seller_address_line_3: z.union([z.string(), z.null()]),
        seller_address_post_code: z.union([z.string(), z.null()]),
        seller_address_city: z.union([z.string(), z.null()]),
        seller_address_country: z.union([z.string(), z.null()]),
        seller_phone: z.union([z.string(), z.null()]),
        seller_email: z.union([z.string(), z.null()]),
        footer_default: z.union([z.string(), z.null()]),
        notes_default: z.union([z.string(), z.null()]),
        tax_rate_default: z.union([z.number(), z.null()]),
        e_invoicing_enabled: z.boolean(),
        organization_id: z.string(),
    })
    .passthrough();
const InvoiceSettingUpdateRequest = z
    .object({
        seller_name: z.union([z.string(), z.null()]),
        seller_vatin: z.union([z.string(), z.null()]),
        seller_address_line_1: z.union([z.string(), z.null()]),
        seller_address_line_2: z.union([z.string(), z.null()]),
        seller_address_line_3: z.union([z.string(), z.null()]),
        seller_address_post_code: z.union([z.string(), z.null()]),
        seller_address_city: z.union([z.string(), z.null()]),
        seller_address_country: z.union([z.string(), z.null()]),
        seller_phone: z.union([z.string(), z.null()]),
        seller_email: z.union([z.string(), z.null()]),
        footer_default: z.union([z.string(), z.null()]),
        notes_default: z.union([z.string(), z.null()]),
        tax_rate_default: z.union([z.number(), z.null()]),
        e_invoicing_enabled: z.boolean(),
    })
    .partial()
    .passthrough();
const MemberResource = z
    .object({
        id: z.string(),
        user_id: z.string(),
        name: z.string(),
        email: z.string(),
        role: z.string(),
        is_placeholder: z.boolean(),
        billable_rate: z.union([z.number(), z.null()]),
    })
    .passthrough();
const Role = z.enum(['owner', 'admin', 'manager', 'employee', 'placeholder']);
const MemberUpdateRequest = z
    .object({ role: Role, billable_rate: z.union([z.number(), z.null()]) })
    .partial()
    .passthrough();
const MemberMergeIntoRequest = z.object({ member_id: z.string() }).partial().passthrough();
const NumberFormat = z.enum([
    'point-comma',
    'comma-point',
    'space-comma',
    'space-point',
    'apostrophe-point',
]);
const CurrencyFormat = z.enum([
    'iso-code-before-with-space',
    'iso-code-after-with-space',
    'symbol-before',
    'symbol-after',
    'symbol-before-with-space',
    'symbol-after-with-space',
]);
const DateFormat = z.enum([
    'point-separated-d-m-yyyy',
    'slash-separated-mm-dd-yyyy',
    'slash-separated-dd-mm-yyyy',
    'hyphen-separated-dd-mm-yyyy',
    'hyphen-separated-mm-dd-yyyy',
    'hyphen-separated-yyyy-mm-dd',
]);
const IntervalFormat = z.enum([
    'decimal',
    'hours-minutes',
    'hours-minutes-colon-separated',
    'hours-minutes-seconds-colon-separated',
]);
const TimeFormat = z.enum(['12-hours', '24-hours']);
const OrganizationResource = z
    .object({
        id: z.string(),
        name: z.string(),
        is_personal: z.boolean(),
        billable_rate: z.union([z.number(), z.null()]),
        employees_can_see_billable_rates: z.boolean(),
        employees_can_manage_tasks: z.boolean(),
        prevent_overlapping_time_entries: z.boolean(),
        currency: z.string(),
        currency_symbol: z.string(),
        number_format: NumberFormat,
        currency_format: CurrencyFormat,
        date_format: DateFormat,
        interval_format: IntervalFormat,
        time_format: TimeFormat,
    })
    .passthrough();
const OrganizationUpdateRequest = z
    .object({
        name: z.string().max(255),
        billable_rate: z.union([z.number(), z.null()]),
        employees_can_see_billable_rates: z.boolean(),
        employees_can_manage_tasks: z.boolean(),
        prevent_overlapping_time_entries: z.boolean(),
        number_format: NumberFormat,
        currency_format: CurrencyFormat,
        date_format: DateFormat,
        interval_format: IntervalFormat,
        time_format: TimeFormat,
    })
    .partial()
    .passthrough();
const ProjectResource = z
    .object({
        id: z.string(),
        name: z.string(),
        color: z.string(),
        client_id: z.union([z.string(), z.null()]),
        is_archived: z.boolean(),
        billable_rate: z.union([z.number(), z.null()]),
        is_billable: z.boolean(),
        estimated_time: z.union([z.number(), z.null()]),
        spent_time: z.number().int(),
        is_public: z.boolean(),
    })
    .passthrough();
const ProjectStoreRequest = z
    .object({
        name: z.string().min(1).max(255),
        color: z.string().max(255),
        is_billable: z.boolean(),
        billable_rate: z.union([z.number(), z.null()]).optional(),
        client_id: z.union([z.string(), z.null()]).optional(),
        estimated_time: z.union([z.number(), z.null()]).optional(),
        is_public: z.boolean().optional(),
    })
    .passthrough();
const ProjectUpdateRequest = z
    .object({
        name: z.string().max(255),
        color: z.string().max(255),
        is_billable: z.boolean(),
        is_archived: z.boolean().optional(),
        is_public: z.boolean().optional(),
        client_id: z.union([z.string(), z.null()]).optional(),
        billable_rate: z.union([z.number(), z.null()]).optional(),
        estimated_time: z.union([z.number(), z.null()]).optional(),
    })
    .passthrough();
const ProjectMemberResource = z
    .object({
        id: z.string(),
        billable_rate: z.union([z.number(), z.null()]),
        member_id: z.string(),
        project_id: z.string(),
    })
    .passthrough();
const ProjectMemberStoreRequest = z
    .object({ member_id: z.string(), billable_rate: z.union([z.number(), z.null()]).optional() })
    .passthrough();
const ProjectMemberUpdateRequest = z
    .object({ billable_rate: z.union([z.number(), z.null()]) })
    .partial()
    .passthrough();
const ReportResource = z
    .object({
        id: z.string(),
        name: z.string(),
        description: z.union([z.string(), z.null()]),
        is_public: z.boolean(),
        public_until: z.union([z.string(), z.null()]),
        shareable_link: z.union([z.string(), z.null()]),
        created_at: z.string(),
        updated_at: z.string(),
    })
    .passthrough();
const TimeEntryAggregationType = z.enum([
    'day',
    'week',
    'month',
    'year',
    'user',
    'project',
    'task',
    'client',
    'billable',
    'description',
    'tag',
]);
const TimeEntryAggregationTypeInterval = z.enum(['day', 'week', 'month', 'year']);
const Weekday = z.enum([
    'monday',
    'tuesday',
    'wednesday',
    'thursday',
    'friday',
    'saturday',
    'sunday',
]);
const TimeEntryRoundingType = z.enum(['up', 'down', 'nearest']);
const ReportStoreRequest = z
    .object({
        name: z.string().max(255),
        description: z.union([z.string(), z.null()]).optional(),
        is_public: z.boolean(),
        public_until: z.union([z.string(), z.null()]).optional(),
        properties: z
            .object({
                start: z.string(),
                end: z.string(),
                active: z.union([z.boolean(), z.null()]).optional(),
                member_ids: z.union([z.array(z.string().uuid()), z.null()]).optional(),
                billable: z.union([z.boolean(), z.null()]).optional(),
                client_ids: z.union([z.array(z.string()), z.null()]).optional(),
                project_ids: z.union([z.array(z.string()), z.null()]).optional(),
                tag_ids: z.union([z.array(z.string()), z.null()]).optional(),
                task_ids: z.union([z.array(z.string()), z.null()]).optional(),
                group: TimeEntryAggregationType,
                sub_group: TimeEntryAggregationType,
                history_group: TimeEntryAggregationTypeInterval,
                week_start: Weekday.optional(),
                timezone: z.union([z.string(), z.null()]).optional(),
                rounding_type: TimeEntryRoundingType.optional(),
                rounding_minutes: z.union([z.number(), z.null()]).optional(),
            })
            .passthrough(),
    })
    .passthrough();
const DetailedReportResource = z
    .object({
        id: z.string(),
        name: z.string(),
        description: z.union([z.string(), z.null()]),
        is_public: z.boolean(),
        public_until: z.union([z.string(), z.null()]),
        shareable_link: z.union([z.string(), z.null()]),
        properties: z
            .object({
                group: z.string(),
                sub_group: z.string(),
                history_group: z.string(),
                start: z.string(),
                end: z.string(),
                active: z.union([z.boolean(), z.null()]),
                member_ids: z.union([z.array(z.string()), z.null()]),
                billable: z.union([z.boolean(), z.null()]),
                client_ids: z.union([z.array(z.string()), z.null()]),
                project_ids: z.union([z.array(z.string()), z.null()]),
                tag_ids: z.union([z.array(z.string()), z.null()]),
                task_ids: z.union([z.array(z.string()), z.null()]),
                rounding_type: z.union([z.string(), z.null()]),
                rounding_minutes: z.union([z.number(), z.null()]),
            })
            .passthrough(),
        created_at: z.string(),
        updated_at: z.string(),
    })
    .passthrough();
const ReportUpdateRequest = z
    .object({
        name: z.string().max(255),
        description: z.union([z.string(), z.null()]),
        is_public: z.boolean(),
        public_until: z.union([z.string(), z.null()]),
    })
    .partial()
    .passthrough();
const DetailedWithDataReportResource = z
    .object({
        name: z.string(),
        description: z.union([z.string(), z.null()]),
        public_until: z.union([z.string(), z.null()]),
        currency: z.string(),
        number_format: NumberFormat,
        currency_format: CurrencyFormat,
        currency_symbol: z.string(),
        date_format: DateFormat,
        interval_format: IntervalFormat,
        time_format: TimeFormat,
        properties: z
            .object({
                group: z.string(),
                sub_group: z.string(),
                history_group: z.string(),
                start: z.string(),
                end: z.string(),
            })
            .passthrough(),
        data: z
            .object({
                grouped_type: z.union([z.string(), z.null()]),
                grouped_data: z.union([
                    z.array(
                        z
                            .object({
                                key: z.union([z.string(), z.null()]),
                                description: z.union([z.string(), z.null()]),
                                color: z.union([z.string(), z.null()]),
                                seconds: z.number().int(),
                                cost: z.number().int(),
                                grouped_type: z.union([z.string(), z.null()]),
                                grouped_data: z.union([
                                    z.array(
                                        z
                                            .object({
                                                key: z.union([z.string(), z.null()]),
                                                description: z.union([z.string(), z.null()]),
                                                color: z.union([z.string(), z.null()]),
                                                seconds: z.number().int(),
                                                cost: z.number().int(),
                                                grouped_type: z.null(),
                                                grouped_data: z.null(),
                                            })
                                            .passthrough()
                                    ),
                                    z.null(),
                                ]),
                            })
                            .passthrough()
                    ),
                    z.null(),
                ]),
                seconds: z.number().int(),
                cost: z.number().int(),
            })
            .passthrough(),
        history_data: z
            .object({
                grouped_type: z.union([z.string(), z.null()]),
                grouped_data: z.union([
                    z.array(
                        z
                            .object({
                                key: z.union([z.string(), z.null()]),
                                description: z.union([z.string(), z.null()]),
                                seconds: z.number().int(),
                                cost: z.number().int(),
                                grouped_type: z.union([z.string(), z.null()]),
                                grouped_data: z.union([
                                    z.array(
                                        z
                                            .object({
                                                key: z.union([z.string(), z.null()]),
                                                description: z.union([z.string(), z.null()]),
                                                seconds: z.number().int(),
                                                cost: z.number().int(),
                                                grouped_type: z.null(),
                                                grouped_data: z.null(),
                                            })
                                            .passthrough()
                                    ),
                                    z.null(),
                                ]),
                            })
                            .passthrough()
                    ),
                    z.null(),
                ]),
                seconds: z.number().int(),
                cost: z.number().int(),
            })
            .passthrough(),
    })
    .passthrough();
const TagResource = z
    .object({ id: z.string(), name: z.string(), created_at: z.string(), updated_at: z.string() })
    .passthrough();
const TagStoreRequest = z.object({ name: z.string().min(1).max(255) }).passthrough();
const TagUpdateRequest = z.object({ name: z.string().min(1).max(255) }).passthrough();
const TaskResource = z
    .object({
        id: z.string(),
        name: z.string(),
        is_done: z.boolean(),
        project_id: z.string(),
        estimated_time: z.union([z.number(), z.null()]),
        spent_time: z.number().int(),
        created_at: z.string(),
        updated_at: z.string(),
    })
    .passthrough();
const TaskStoreRequest = z
    .object({
        name: z.string().min(1).max(255),
        project_id: z.string(),
        estimated_time: z.union([z.number(), z.null()]).optional(),
    })
    .passthrough();
const TaskUpdateRequest = z
    .object({
        name: z.string().min(1).max(255),
        is_done: z.boolean().optional(),
        estimated_time: z.union([z.number(), z.null()]).optional(),
    })
    .passthrough();
const start = z.union([z.string(), z.null()]).optional();
const rounding_minutes = z.union([z.number(), z.null()]).optional();
const TimeEntryResource = z
    .object({
        id: z.string(),
        start: z.string(),
        end: z.union([z.string(), z.null()]),
        duration: z.union([z.number(), z.null()]),
        description: z.union([z.string(), z.null()]),
        task_id: z.union([z.string(), z.null()]),
        project_id: z.union([z.string(), z.null()]),
        organization_id: z.string(),
        user_id: z.string(),
        tags: z.array(z.string()),
        billable: z.boolean(),
    })
    .passthrough();
const TimeEntryStoreRequest = z
    .object({
        member_id: z.string(),
        project_id: z.union([z.string(), z.null()]).optional(),
        task_id: z.union([z.string(), z.null()]).optional(),
        start: z.string(),
        end: z.union([z.string(), z.null()]).optional(),
        billable: z.boolean(),
        description: z.union([z.string(), z.null()]).optional(),
        tags: z.union([z.array(z.string()), z.null()]).optional(),
    })
    .passthrough();
const TimeEntryUpdateMultipleRequest = z
    .object({
        ids: z.array(z.string().uuid()),
        changes: z
            .object({
                member_id: z.string(),
                project_id: z.union([z.string(), z.null()]),
                task_id: z.union([z.string(), z.null()]),
                billable: z.boolean(),
                description: z.union([z.string(), z.null()]),
                tags: z.union([z.array(z.string()), z.null()]),
            })
            .partial()
            .passthrough(),
    })
    .passthrough();
const TimeEntryUpdateRequest = z
    .object({
        member_id: z.string(),
        project_id: z.union([z.string(), z.null()]),
        task_id: z.union([z.string(), z.null()]),
        start: z.string(),
        end: z.union([z.string(), z.null()]),
        billable: z.boolean(),
        description: z.union([z.string(), z.null()]),
        tags: z.union([z.array(z.string()), z.null()]),
    })
    .partial()
    .passthrough();
const UserResource = z
    .object({
        id: z.string(),
        name: z.string(),
        email: z.string(),
        profile_photo_url: z.string(),
        timezone: z.string(),
        week_start: Weekday,
    })
    .passthrough();
const PersonalMembershipResource = z
    .object({
        id: z.string(),
        organization: z
            .object({ id: z.string(), name: z.string(), currency: z.string() })
            .passthrough(),
        role: z.string(),
    })
    .passthrough();

export const schemas = {
    ApiTokenResource,
    ApiTokenCollection,
    ApiTokenStoreRequest,
    ApiTokenWithAccessTokenResource,
    ClientResource,
    ClientStoreRequest,
    ClientUpdateRequest,
    ImportRequest,
    InvitationResource,
    InvitationStoreRequest,
    InvoiceResource,
    InvoiceCollection,
    InvoiceDiscountType,
    InvoiceStoreRequest,
    InvoiceEntryResource,
    DetailedInvoiceResource,
    InvoiceStatus,
    InvoiceUpdateRequest,
    InvoiceDownloadRequest,
    InvoiceSettingResource,
    InvoiceSettingUpdateRequest,
    MemberResource,
    Role,
    MemberUpdateRequest,
    MemberMergeIntoRequest,
    NumberFormat,
    CurrencyFormat,
    DateFormat,
    IntervalFormat,
    TimeFormat,
    OrganizationResource,
    OrganizationUpdateRequest,
    ProjectResource,
    ProjectStoreRequest,
    ProjectUpdateRequest,
    ProjectMemberResource,
    ProjectMemberStoreRequest,
    ProjectMemberUpdateRequest,
    ReportResource,
    TimeEntryAggregationType,
    TimeEntryAggregationTypeInterval,
    Weekday,
    TimeEntryRoundingType,
    ReportStoreRequest,
    DetailedReportResource,
    ReportUpdateRequest,
    DetailedWithDataReportResource,
    TagResource,
    TagStoreRequest,
    TagUpdateRequest,
    TaskResource,
    TaskStoreRequest,
    TaskUpdateRequest,
    start,
    rounding_minutes,
    TimeEntryResource,
    TimeEntryStoreRequest,
    TimeEntryUpdateMultipleRequest,
    TimeEntryUpdateRequest,
    UserResource,
    PersonalMembershipResource,
};

const endpoints = makeApi([
    {
        method: 'get',
        path: '/v1/countries',
        alias: 'getCountries',
        requestFormat: 'json',
        response: z.array(z.object({ code: z.string(), name: z.string() }).passthrough()),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/currencies',
        alias: 'getCurrencies',
        requestFormat: 'json',
        response: z.array(
            z.object({ code: z.string(), name: z.string(), symbol: z.string() }).passthrough()
        ),
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization',
        alias: 'getOrganization',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: OrganizationResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization',
        alias: 'updateOrganization',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: OrganizationUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: OrganizationResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/daily-tracked-hours',
        alias: 'dailyTrackedHours',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(z.object({ date: z.string(), duration: z.number().int() }).passthrough()),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/last-seven-days',
        alias: 'lastSevenDays',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(
            z
                .object({
                    date: z.string(),
                    duration: z.number().int(),
                    history: z.array(z.number().int()),
                })
                .passthrough()
        ),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/latest-tasks',
        alias: 'latestTasks',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(
            z
                .object({
                    task_id: z.string(),
                    name: z.string(),
                    description: z.union([z.string(), z.null()]),
                    status: z.boolean(),
                    time_entry_id: z.union([z.string(), z.null()]),
                })
                .passthrough()
        ),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/latest-team-activity',
        alias: 'latestTeamActivity',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(
            z
                .object({
                    member_id: z.string(),
                    name: z.string(),
                    description: z.union([z.string(), z.null()]),
                    time_entry_id: z.string(),
                    task_id: z.union([z.string(), z.null()]),
                    status: z.boolean(),
                })
                .passthrough()
        ),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/total-weekly-billable-amount',
        alias: 'totalWeeklyBillableAmount',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ value: z.number().int(), currency: z.string() }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/total-weekly-billable-time',
        alias: 'totalWeeklyBillableTime',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.number().int(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/total-weekly-time',
        alias: 'totalWeeklyTime',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.number().int(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/weekly-history',
        alias: 'weeklyHistory',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(z.object({ date: z.string(), duration: z.number().int() }).passthrough()),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/charts/weekly-project-overview',
        alias: 'weeklyProjectOverview',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.array(
            z.object({ value: z.number().int(), name: z.string(), color: z.string() }).passthrough()
        ),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/clients',
        alias: 'getClients',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
            {
                name: 'archived',
                type: 'Query',
                schema: z.enum(['true', 'false', 'all']).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(ClientResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/clients',
        alias: 'createClient',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ name: z.string().min(1).max(255) }).passthrough(),
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ClientResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/clients/:client',
        alias: 'updateClient',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ClientUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'client',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ClientResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/clients/:client',
        alias: 'deleteClient',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'client',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/export',
        alias: 'exportOrganization',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ success: z.boolean(), download_url: z.string() }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/import',
        alias: 'importData',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ImportRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z
            .object({
                report: z
                    .object({
                        clients: z.object({ created: z.number().int() }).passthrough(),
                        projects: z.object({ created: z.number().int() }).passthrough(),
                        tasks: z.object({ created: z.number().int() }).passthrough(),
                        time_entries: z.object({ created: z.number().int() }).passthrough(),
                        tags: z.object({ created: z.number().int() }).passthrough(),
                        users: z.object({ created: z.number().int() }).passthrough(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 400,
                schema: z.union([
                    z.object({ message: z.string() }).passthrough(),
                    z.object({ message: z.literal('Invalid base64 encoded data') }).passthrough(),
                ]),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/importers',
        alias: 'getImporters',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z
            .object({
                data: z.array(
                    z
                        .object({ key: z.string(), name: z.string(), description: z.string() })
                        .passthrough()
                ),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/invitations',
        alias: 'getInvitations',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(InvitationResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/invitations',
        alias: 'invite',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: InvitationStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/invitations/:invitation',
        alias: 'removeInvitation',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invitation',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/invitations/:invitation/resend',
        alias: 'resendInvitationEmail',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invitation',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/invoice-settings',
        alias: 'getInvoiceSettings',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: InvoiceSettingResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/invoice-settings',
        alias: 'updateInvoiceSettings',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: InvoiceSettingUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: InvoiceSettingResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/invoices',
        alias: 'getInvoices',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z.object({ data: InvoiceCollection }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/invoices',
        alias: 'createInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: InvoiceStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedInvoiceResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/invoices/:invoice',
        alias: 'getInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invoice',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedInvoiceResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/invoices/:invoice',
        alias: 'updateInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: InvoiceUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invoice',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedInvoiceResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/invoices/:invoice',
        alias: 'deleteInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invoice',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/invoices/:invoice/download',
        alias: 'downloadInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ with_e_invoice: z.boolean() }).passthrough(),
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invoice',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ download_link: z.string() }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/invoices/:invoice/download-e-invoice',
        alias: 'downloadEInvoice',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'invoice',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ download_link: z.string() }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/member/:member/merge-into',
        alias: 'mergeMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ member_id: z.string() }).partial().passthrough(),
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/members',
        alias: 'getMembers',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(MemberResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/members/:member',
        alias: 'updateMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: MemberUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: MemberResource }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/members/:member',
        alias: 'removeMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'delete_related',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/members/:member/invite-placeholder',
        alias: 'invitePlaceholder',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/members/:member/make-placeholder',
        alias: 'makePlaceholder',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/project-members/:projectMember',
        alias: 'updateProjectMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ProjectMemberUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'projectMember',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ProjectMemberResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/project-members/:projectMember',
        alias: 'deleteProjectMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'projectMember',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/projects',
        alias: 'getProjects',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
            {
                name: 'archived',
                type: 'Query',
                schema: z.enum(['true', 'false', 'all']).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(ProjectResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/projects',
        alias: 'createProject',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ProjectStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ProjectResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/projects/:project',
        alias: 'getProject',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'project',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ProjectResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/projects/:project',
        alias: 'updateProject',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ProjectUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'project',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ProjectResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/projects/:project',
        alias: 'deleteProject',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'project',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/projects/:project/project-members',
        alias: 'getProjectMembers',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'project',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(ProjectMemberResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/projects/:project/project-members',
        alias: 'createProjectMember',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ProjectMemberStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'project',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: ProjectMemberResource }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/reports',
        alias: 'getReports',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(ReportResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/reports',
        alias: 'createReport',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ReportStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedReportResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/reports/:report',
        alias: 'getReport',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'report',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedReportResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/reports/:report',
        alias: 'updateReport',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: ReportUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'report',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: DetailedReportResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/reports/:report',
        alias: 'deleteReport',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'report',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/tags',
        alias: 'getTags',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(TagResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/tags',
        alias: 'createTag',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ name: z.string().min(1).max(255) }).passthrough(),
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TagResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/tags/:tag',
        alias: 'updateTag',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ name: z.string().min(1).max(255) }).passthrough(),
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'tag',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TagResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/tags/:tag',
        alias: 'deleteTag',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'tag',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/tasks',
        alias: 'getTasks',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'page',
                type: 'Query',
                schema: z.number().int().gte(1).lte(2147483647).optional(),
            },
            {
                name: 'project_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'done',
                type: 'Query',
                schema: z.enum(['true', 'false', 'all']).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(TaskResource),
                links: z
                    .object({
                        first: z.union([z.string(), z.null()]),
                        last: z.union([z.string(), z.null()]),
                        prev: z.union([z.string(), z.null()]),
                        next: z.union([z.string(), z.null()]),
                    })
                    .passthrough(),
                meta: z
                    .object({
                        current_page: z.number().int(),
                        from: z.union([z.number(), z.null()]),
                        last_page: z.number().int(),
                        links: z.array(
                            z
                                .object({
                                    url: z.union([z.string(), z.null()]),
                                    label: z.string(),
                                    active: z.boolean(),
                                })
                                .passthrough()
                        ),
                        path: z.union([z.string(), z.null()]),
                        per_page: z.number().int(),
                        to: z.union([z.number(), z.null()]),
                        total: z.number().int(),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/tasks',
        alias: 'createTask',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: TaskStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TaskResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/tasks/:task',
        alias: 'updateTask',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: TaskUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'task',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TaskResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/tasks/:task',
        alias: 'deleteTask',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'task',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/time-entries',
        alias: 'getTimeEntries',
        description: `If you only need time entries for a specific user, you can filter by &#x60;user_id&#x60;.
Users with the permission &#x60;time-entries:view:own&#x60; can only use this endpoint with their own user ID in the user_id filter.`,
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'member_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'start',
                type: 'Query',
                schema: start,
            },
            {
                name: 'end',
                type: 'Query',
                schema: start,
            },
            {
                name: 'active',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'billable',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'limit',
                type: 'Query',
                schema: z.number().int().gte(1).lte(500).optional(),
            },
            {
                name: 'offset',
                type: 'Query',
                schema: z.number().int().gte(0).lte(2147483647).optional(),
            },
            {
                name: 'only_full_dates',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'rounding_type',
                type: 'Query',
                schema: z.enum(['up', 'down', 'nearest']).optional(),
            },
            {
                name: 'rounding_minutes',
                type: 'Query',
                schema: rounding_minutes,
            },
            {
                name: 'user_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'member_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'client_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'project_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'tag_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'task_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
        ],
        response: z
            .object({
                data: z.array(TimeEntryResource),
                meta: z.object({ total: z.number().int() }).passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/organizations/:organization/time-entries',
        alias: 'createTimeEntry',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: TimeEntryStoreRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TimeEntryResource }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'patch',
        path: '/v1/organizations/:organization/time-entries',
        alias: 'updateMultipleTimeEntries',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: TimeEntryUpdateMultipleRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ success: z.string(), error: z.string() }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/time-entries',
        alias: 'deleteTimeEntries',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'ids',
                type: 'Query',
                schema: z.array(z.string().uuid()),
            },
        ],
        response: z.object({ success: z.string(), error: z.string() }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'put',
        path: '/v1/organizations/:organization/time-entries/:timeEntry',
        alias: 'updateTimeEntry',
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: TimeEntryUpdateRequest,
            },
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'timeEntry',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.object({ data: TimeEntryResource }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/organizations/:organization/time-entries/:timeEntry',
        alias: 'deleteTimeEntry',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'timeEntry',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/time-entries/aggregate',
        alias: 'getAggregatedTimeEntries',
        description: `This endpoint allows you to filter time entries and aggregate them by different criteria.
The parameters &#x60;group&#x60; and &#x60;sub_group&#x60; allow you to group the time entries by different criteria.
If the group parameters are all set to &#x60;null&#x60; or are all missing, the endpoint will aggregate all filtered time entries.`,
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'group',
                type: 'Query',
                schema: z
                    .enum([
                        'day',
                        'week',
                        'month',
                        'year',
                        'user',
                        'project',
                        'task',
                        'client',
                        'billable',
                        'description',
                        'tag',
                    ])
                    .optional(),
            },
            {
                name: 'sub_group',
                type: 'Query',
                schema: z
                    .enum([
                        'day',
                        'week',
                        'month',
                        'year',
                        'user',
                        'project',
                        'task',
                        'client',
                        'billable',
                        'description',
                        'tag',
                    ])
                    .optional(),
            },
            {
                name: 'member_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'user_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'start',
                type: 'Query',
                schema: start,
            },
            {
                name: 'end',
                type: 'Query',
                schema: start,
            },
            {
                name: 'active',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'billable',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'fill_gaps_in_time_groups',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'rounding_type',
                type: 'Query',
                schema: z.enum(['up', 'down', 'nearest']).optional(),
            },
            {
                name: 'rounding_minutes',
                type: 'Query',
                schema: rounding_minutes,
            },
            {
                name: 'member_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'project_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'client_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'tag_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'task_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
        ],
        response: z
            .object({
                data: z
                    .object({
                        grouped_type: z.union([z.string(), z.null()]),
                        grouped_data: z.union([
                            z.array(
                                z
                                    .object({
                                        key: z.union([z.string(), z.null()]),
                                        seconds: z.number().int(),
                                        cost: z.union([z.number(), z.null()]),
                                        grouped_type: z.union([z.string(), z.null()]),
                                        grouped_data: z.union([
                                            z.array(
                                                z
                                                    .object({
                                                        key: z.union([z.string(), z.null()]),
                                                        seconds: z.number().int(),
                                                        cost: z.union([z.number(), z.null()]),
                                                        grouped_type: z.null(),
                                                        grouped_data: z.null(),
                                                    })
                                                    .passthrough()
                                            ),
                                            z.null(),
                                        ]),
                                    })
                                    .passthrough()
                            ),
                            z.null(),
                        ]),
                        seconds: z.number().int(),
                        cost: z.union([z.number(), z.null()]),
                    })
                    .passthrough(),
            })
            .passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/time-entries/aggregate/export',
        alias: 'exportAggregatedTimeEntries',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'format',
                type: 'Query',
                schema: z.enum(['csv', 'pdf', 'xlsx', 'ods']),
            },
            {
                name: 'group',
                type: 'Query',
                schema: z.enum([
                    'day',
                    'week',
                    'month',
                    'year',
                    'user',
                    'project',
                    'task',
                    'client',
                    'billable',
                    'description',
                    'tag',
                ]),
            },
            {
                name: 'sub_group',
                type: 'Query',
                schema: z.enum([
                    'day',
                    'week',
                    'month',
                    'year',
                    'user',
                    'project',
                    'task',
                    'client',
                    'billable',
                    'description',
                    'tag',
                ]),
            },
            {
                name: 'history_group',
                type: 'Query',
                schema: z.enum(['day', 'week', 'month', 'year']),
            },
            {
                name: 'member_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'user_id',
                type: 'Query',
                schema: z.string().optional(),
            },
            {
                name: 'start',
                type: 'Query',
                schema: z.string(),
            },
            {
                name: 'end',
                type: 'Query',
                schema: z.string(),
            },
            {
                name: 'active',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'billable',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'fill_gaps_in_time_groups',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'debug',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'rounding_type',
                type: 'Query',
                schema: z.enum(['up', 'down', 'nearest']).optional(),
            },
            {
                name: 'rounding_minutes',
                type: 'Query',
                schema: rounding_minutes,
            },
            {
                name: 'member_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'project_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'client_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'tag_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'task_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
        ],
        response: z.union([
            z.object({ download_url: z.string() }).passthrough(),
            z.object({ html: z.string(), footer_html: z.string() }).passthrough(),
        ]),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/organizations/:organization/time-entries/export',
        alias: 'exportTimeEntries',
        requestFormat: 'json',
        parameters: [
            {
                name: 'organization',
                type: 'Path',
                schema: z.string(),
            },
            {
                name: 'format',
                type: 'Query',
                schema: z.enum(['csv', 'pdf', 'xlsx', 'ods']),
            },
            {
                name: 'member_id',
                type: 'Query',
                schema: z.string().uuid().optional(),
            },
            {
                name: 'start',
                type: 'Query',
                schema: z.string(),
            },
            {
                name: 'end',
                type: 'Query',
                schema: z.string(),
            },
            {
                name: 'active',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'billable',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'limit',
                type: 'Query',
                schema: z.number().int().gte(1).lte(500).optional(),
            },
            {
                name: 'only_full_dates',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'debug',
                type: 'Query',
                schema: z.enum(['true', 'false']).optional(),
            },
            {
                name: 'rounding_type',
                type: 'Query',
                schema: z.enum(['up', 'down', 'nearest']).optional(),
            },
            {
                name: 'rounding_minutes',
                type: 'Query',
                schema: rounding_minutes,
            },
            {
                name: 'member_ids',
                type: 'Query',
                schema: z.array(z.string().uuid()).min(1).optional(),
            },
            {
                name: 'client_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'project_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'tag_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
            {
                name: 'task_ids',
                type: 'Query',
                schema: z.array(z.string()).min(1).optional(),
            },
        ],
        response: z.union([
            z.object({ download_url: z.string() }).passthrough(),
            z.object({ html: z.string(), footer_html: z.string() }).passthrough(),
        ]),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/public/reports',
        alias: 'getPublicReport',
        description: `This endpoint is public and does not require authentication. The report must be public and not expired.
The report is considered expired if the &#x60;public_until&#x60; field is set and the date is in the past.
The report is considered public if the &#x60;is_public&#x60; field is set to &#x60;true&#x60;.`,
        requestFormat: 'json',
        response: DetailedWithDataReportResource,
        errors: [
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/users/me',
        alias: 'getMe',
        description: `This endpoint is independent of organization.`,
        requestFormat: 'json',
        response: z.object({ data: UserResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/users/me/api-tokens',
        alias: 'getApiTokens',
        description: `This endpoint is independent of organization.`,
        requestFormat: 'json',
        response: z.object({ data: ApiTokenCollection }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/users/me/api-tokens',
        alias: 'createApiToken',
        description: `The response will contain the access token that can be used to send authenticated API requests.
Please note that the access token is only shown in this response and cannot be retrieved later.`,
        requestFormat: 'json',
        parameters: [
            {
                name: 'body',
                type: 'Body',
                schema: z.object({ name: z.string().min(1).max(255) }).passthrough(),
            },
        ],
        response: z.object({ data: ApiTokenWithAccessTokenResource }).passthrough(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 422,
                description: `Validation error`,
                schema: z
                    .object({ message: z.string(), errors: z.record(z.array(z.string())) })
                    .passthrough(),
            },
        ],
    },
    {
        method: 'delete',
        path: '/v1/users/me/api-tokens/:apiToken',
        alias: 'deleteApiToken',
        requestFormat: 'json',
        parameters: [
            {
                name: 'apiToken',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'post',
        path: '/v1/users/me/api-tokens/:apiToken/revoke',
        alias: 'revokeApiToken',
        requestFormat: 'json',
        parameters: [
            {
                name: 'apiToken',
                type: 'Path',
                schema: z.string(),
            },
        ],
        response: z.void(),
        errors: [
            {
                status: 400,
                description: `API exception`,
                schema: z
                    .object({ error: z.boolean(), key: z.string(), message: z.string() })
                    .passthrough(),
            },
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/users/me/memberships',
        alias: 'getMyMemberships',
        description: `This endpoint is independent of organization.`,
        requestFormat: 'json',
        response: z.object({ data: z.array(PersonalMembershipResource) }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
    {
        method: 'get',
        path: '/v1/users/me/time-entries/active',
        alias: 'getMyActiveTimeEntry',
        description: `This endpoint is independent of organization.`,
        requestFormat: 'json',
        response: z.object({ data: TimeEntryResource }).passthrough(),
        errors: [
            {
                status: 401,
                description: `Unauthenticated`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 403,
                description: `Authorization error`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
            {
                status: 404,
                description: `Not found`,
                schema: z.object({ message: z.string() }).passthrough(),
            },
        ],
    },
]);

export const api = new Zodios('/api', endpoints);

export function createApiClient(baseUrl: string, options?: ZodiosOptions) {
    return new Zodios(baseUrl, endpoints, options);
}


================================================
FILE: resources/js/packages/api/tsconfig.json
================================================
{
    "compilerOptions": {
        "noEmit": true,
        "module": "ESNext",
        "moduleResolution": "Node",
        "resolveJsonModule": true,
        "noImplicitThis": true,
        "strict": true,
        "verbatimModuleSyntax": true,
        "target": "ESNext",
        "useDefineForClassFields": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "skipLibCheck": true,
        "outDir": "./dist",
        "rootDir": "./src",
        "declaration": true
    },
    "include": [
        "src/**/*.ts"
    ],
    "exclude": [
        "./dist",
        "./node_modules",
        "./__tests__",
        "./coverage"
    ],
}


================================================
FILE: resources/js/packages/api/vite.config.js
================================================
import { resolve } from 'path';
import { defineConfig } from 'vite';
import dts from 'vite-plugin-dts';

export default defineConfig({
    plugins: [dts()],
    build: {
        lib: {
            // Could also be a dictionary or array of multiple entry points
            entry: resolve(__dirname, 'src/index.ts'),
            name: 'SolidtimeApi',
            // the proper extensions will be added
            fileName: 'solidtime-api',
        },
    },
});


================================================
FILE: resources/js/packages/ui/.gitignore
================================================
node_modules
dist
out
.DS_Store
*.log*


================================================
FILE: resources/js/packages/ui/package.json
================================================
{
    "name": "@solidtime/ui",
    "version": "0.0.16",
    "description": "Package containing the solidtime ui components",
    "main": "./dist/solidtime-ui-lib.umd.cjs",
    "module": "./dist/solidtime-ui-lib.js",
    "repository": {
        "type": "git",
        "url": "git+https://github.com/solidtime-io/solidtime.git",
        "directory": "resources/js/packages/ui"
    },
    "types": "./dist/packages/ui/src/index.d.ts",
    "exports": {
        ".": {
            "import": {
                "types": "./dist/packages/ui/src/index.d.ts",
                "default": "./dist/solidtime-ui-lib.js"
            },
            "require": {
                "types": "./dist/packages/ui/src/index.d.ts",
                "default": "./dist/solidtime-ui-lib.umd.cjs"
            }
        },
        "./style.css": "./dist/style.css",
        "./styles.css": "./styles.css",
        "./tailwind.theme.js": "./tailwind.theme.js"
    },
    "scripts": {
        "dev": "vite",
        "build": "vite build && vue-tsc --emitDeclarationOnly",
        "watch": "vite build --watch",
        "types": "vue-tsc ",
        "preview": "vite preview"
    },
    "files": [
        "dist",
        "styles.css",
        "tailwind.theme.js"
    ],
    "keywords": [
        "solidtime",
        "timetracker",
        "timetracking",
        "api",
        "client"
    ],
    "type": "module",
    "author": "solidtime",
    "license": "AGPL-3.0",
    "devDependencies": {
        "vite-plugin-dts": "^4.0.3"
    },
    "peerDependencies": {
        "@floating-ui/vue": "^1.1.4",
        "@heroicons/vue": "^2.1.5",
        "@vitejs/plugin-vue": "^5.1.2 || ^6.0.0",
        "@vueuse/core": "^12.5.0 || ^14.0.0",
        "class-variance-authority": "^0.7.1",
        "clsx": "^2.1.1",
        "dayjs": "^1.11.13",
        "parse-duration": "^2.0.1",
        "reka-ui": "^2.2.0",
        "tailwind-merge": "^2.5.2",
        "tailwindcss": "^3.1.0",
        "typescript": "^5.5.4",
        "vite": "^5.4.1 || ^6.0.0 || ^7.0.0",
        "vue": "^3.5.0",
        "vue-tsc": "^2.2.0 || ^3.0.0"
    }
}


================================================
FILE: resources/js/packages/ui/src/Badge.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';
import { computed } from 'vue';

const props = withDefaults(
    defineProps<{
        size?: 'base' | 'large' | 'xlarge';
        tag?: string;
        class?: string;
        color?: string;
        border?: boolean;
    }>(),
    {
        size: 'base',
        tag: 'div',
        color: 'var(--theme-color-icon-default)',
        border: true,
    }
);

const badgeClasses = {
    base: 'py-1 px-2 space-x-1.5 text-xs',
    large: 'py-1 sm:py-1.5 px-2 sm:px-3 space-x-1.5 sm:space-x-2 text-xs sm:text-sm text-text-secondary',
    xlarge: 'py-2 sm:py-2.5 px-3 sm:px-3.5 space-x-2 sm:space-x-3 text-sm sm:text-sm text-text-secondary',
};

const borderClasses = computed(() => {
    if (props.border) {
        return 'border-input-border border';
    }
    return '';
});

const tagClasses = computed(() => {
    if (props.tag === 'button') {
        return 'hover:bg-tertiary';
    }
    return '';
});
</script>

<template>
    <component
        :is="tag"
        :class="
            twMerge(
                tagClasses,
                badgeClasses[size],
                borderClasses,
                'rounded transition inline-flex items-center font-medium text-text-primary disabled:text-text-quaternary outline-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring min-w-0 overflow-hidden',
                props.class
            )
        ">
        <slot></slot>
    </component>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/BillableRateModal.vue
================================================
<script setup lang="ts">
import PrimaryButton from './Buttons/PrimaryButton.vue';
import DialogModal from './DialogModal.vue';
import SecondaryButton from './Buttons/SecondaryButton.vue';
import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

const emit = defineEmits<{
    submit: [];
}>();

defineProps<{
    title: string;
}>();
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex justify-center">
                <span> {{ title }} </span>
            </div>
        </template>
        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1">
                    <slot></slot>
                    <div class="space-x-3 pt-5 pb-2 flex justify-center">
                        <PrimaryButton
                            :class="{ 'opacity-25': saving }"
                            :disabled="saving"
                            @click="emit('submit')">
                            Yes, update existing time entries
                        </PrimaryButton>
                    </div>
                    <p class="text-center pt-3 pb-1">
                        Learn more about the
                        <a
                            target="_blank"
                            href="https://docs.solidtime.io/user-guide/billable-rates"
                            class="text-blue-400 hover:text-blue-500 transition"
                            >billable rate logic
                            <ArrowTopRightOnSquareIcon
                                class="w-4 -mt-0.5 inline-block"></ArrowTopRightOnSquareIcon
                        ></a>
                    </p>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Buttons/Button.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '../utils/cn';
import { Primitive, type PrimitiveProps } from 'reka-ui';
import { type ButtonVariants, buttonVariants } from '.';

interface Props extends PrimitiveProps {
    variant?: ButtonVariants['variant'];
    size?: ButtonVariants['size'];
    class?: HTMLAttributes['class'];
}

const props = withDefaults(defineProps<Props>(), {
    as: 'button',
});
</script>

<template>
    <Primitive
        :as="as"
        :as-child="asChild"
        :class="cn(buttonVariants({ variant, size }), props.class)">
        <slot />
    </Primitive>
</template>


================================================
FILE: resources/js/packages/ui/src/Buttons/DangerButton.vue
================================================
<script setup lang="ts">
import type { HtmlButtonType } from '@/types/dom';

withDefaults(
    defineProps<{
        type?: HtmlButtonType;
    }>(),
    {
        type: 'button',
    }
);
</script>
<template>
    <button
        :type="type"
        class="inline-flex items-center justify-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition ease-in-out duration-150">
        <slot />
    </button>
</template>


================================================
FILE: resources/js/packages/ui/src/Buttons/PrimaryButton.vue
================================================
<script setup lang="ts">
import type { HtmlButtonType } from '@/types/dom';
import LoadingSpinner from '../LoadingSpinner.vue';
import type { Component } from 'vue';
import { twMerge } from 'tailwind-merge';

const props = withDefaults(
    defineProps<{
        type?: HtmlButtonType;
        icon?: Component;
        loading?: boolean;
    }>(),
    {
        type: 'submit',
        loading: false,
    }
);
</script>

<template>
    <button
        :type="type"
        :disabled="loading"
        class="inline-flex items-center h-9 px-3 text-sm bg-button-primary-background border border-button-primary-border rounded-md font-medium text-button-primary-text hover:bg-button-primary-background-hover active:bg-button-primary-background-hover focus:outline-none focus-visible:ring-2 focus-visible:border-transparent focus-visible:ring-ring transition ease-in-out duration-150">
        <span :class="twMerge('flex items-center ', props.icon ? 'space-x-1.5' : '')">
            <LoadingSpinner v-if="loading"></LoadingSpinner>
            <component
                :is="props.icon"
                v-if="props.icon && !loading"
                class="w-4 -ml-0.5 mr-1"></component>
            <span>
                <slot />
            </span>
        </span>
    </button>
</template>


================================================
FILE: resources/js/packages/ui/src/Buttons/SecondaryButton.vue
================================================
<script setup lang="ts">
import type { HtmlButtonType } from '@/types/dom';
import { twMerge } from 'tailwind-merge';
import { type Component } from 'vue';
import LoadingSpinner from '../LoadingSpinner.vue';

const props = withDefaults(
    defineProps<{
        type?: HtmlButtonType;
        icon?: Component;
        size?: 'small' | 'base';
        loading?: boolean;
        // Accept any valid Vue class binding shape (string | object | array)
        class?: Parameters<typeof twMerge>[0];
    }>(),
    {
        type: 'button',
        size: 'base',
        loading: false,
    }
);

const sizeClasses = {
    small: 'text-xs px-2.5 py-1.5',
    base: 'h-9 px-3 text-sm',
};
</script>

<template>
    <button
        :type="type"
        :disabled="loading"
        :class="
            twMerge(
                'bg-button-secondary-background border border-button-secondary-border hover:bg-button-secondary-background-hover shadow-sm transition text-text-primary rounded-lg font-semibold inline-flex items-center space-x-1.5 focus-visible:outline-none focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring focus:border-transparent disabled:opacity-25 ease-in-out',
                sizeClasses[props.size],
                props.class
            )
        ">
        <span :class="twMerge('flex items-center ', props.icon ? 'space-x-1.5' : '')">
            <LoadingSpinner v-if="loading"></LoadingSpinner>
            <component
                :is="props.icon"
                v-if="props.icon && !loading"
                class="text-text-tertiary w-4 -ml-0.5 mr-1"></component>
            <span>
                <slot />
            </span>
        </span>
    </button>
</template>


================================================
FILE: resources/js/packages/ui/src/Buttons/index.ts
================================================
import { cva, type VariantProps } from 'class-variance-authority';

export { default as Button } from './Button.vue';

export const buttonVariants = cva(
    'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
    {
        variants: {
            variant: {
                default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
                destructive:
                    'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
                outline:
                    'border shadow-xs hover:text-text-primary bg-card-background dark:bg-transparent border-input dark:border-input hover:bg-white/5',
                secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
                ghost: 'hover:bg-white/5',
                link: 'text-primary underline-offset-4 hover:underline',
                input: 'border-input-border border bg-input-background text-text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent shadow-sm',
            },
            size: {
                default: 'h-9 px-3 text-sm',
                xs: 'h-7 rounded px-2 text-xs',
                sm: 'h-8 rounded-md px-3 text-xs',
                lg: 'h-10 rounded-md px-4',
                icon: 'h-9 w-9',
            },
        },
        defaultVariants: {
            variant: 'default',
            size: 'default',
        },
    }
);

export type ButtonVariants = VariantProps<typeof buttonVariants>;


================================================
FILE: resources/js/packages/ui/src/CardTitle.vue
================================================
<script setup lang="ts">
import type { Component } from 'vue';

defineProps<{
    title: string;
    icon?: Component;
}>();
</script>

<template>
    <div class="flex w-full items-center justify-between py-1.5">
        <h3 class="text-text-primary font-medium text-sm flex items-center space-x-2">
            <component :is="icon" v-if="icon" class="w-4 lg:w-4 text-text-tertiary"></component>
            <span>
                {{ title }}
            </span>
        </h3>
        <div class="flex-1 flex justify-end items-center">
            <slot name="actions"></slot>
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Client/ClientDropdown.vue
================================================
<script setup lang="ts">
import { computed, nextTick, ref, watch } from 'vue';
import type { CreateClientBody, Client } from '@/packages/api/src';
import {
    ComboboxAnchor,
    ComboboxContent,
    ComboboxInput,
    ComboboxItem,
    ComboboxRoot,
    ComboboxViewport,
} from 'radix-vue';
import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { Check, Plus } from 'lucide-vue-next';

const model = defineModel<string | null>({
    default: null,
});

const props = defineProps<{
    clients: Client[];
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
}>();

const searchInput = ref<HTMLElement | null>(null);
const open = ref(false);
const searchValue = ref('');

function isClientSelected(id: string) {
    return model.value === id;
}

watch(open, (isOpen) => {
    if (isOpen) {
        nextTick(() => {
            // @ts-expect-error We need to access the actual HTML Element to focus as radix-vue does not support any other way right now
            searchInput.value?.$el?.focus();
        });
    }
});

const filteredClients = computed(() => {
    return props.clients.filter((client) => {
        return client.name.toLowerCase().includes(searchValue.value?.toLowerCase()?.trim() || '');
    });
});

async function addClientIfNoneExists() {
    if (searchValue.value.length > 0 && filteredClients.value.length === 0) {
        const newClient = await props.createClient({
            name: searchValue.value,
        });
        if (newClient) {
            model.value = newClient.id;
            searchValue.value = '';
            open.value = false;
        }
    }
}

const currentClient = computed(() => {
    return (
        props.clients.find((client) => client.id === model.value) ?? {
            id: null,
            name: 'No Client',
        }
    );
});

const emit = defineEmits(['update:modelValue', 'changed']);

function updateValue(client: { id: string | null; name: string }) {
    model.value = client.id;
    emit('changed');
}
</script>

<template>
    <Dropdown v-model="open" align="start">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
        <template #content>
            <UseFocusTrap v-if="open" :options="{ immediate: true, allowOutsideClick: true }">
                <ComboboxRoot
                    v-model:search-term="searchValue"
                    v-model:open="open"
                    :model-value="currentClient"
                    class="relative"
                    @update:model-value="updateValue">
                    <ComboboxAnchor>
                        <ComboboxInput
                            ref="searchInput"
                            class="bg-transparent border-0 placeholder-muted-foreground text-sm text-popover-foreground py-2 px-3 focus:ring-0 border-b border-popover-border focus:border-popover-border w-full"
                            placeholder="Search for a client..." />
                    </ComboboxAnchor>
                    <ComboboxContent>
                        <ComboboxViewport
                            class="w-[--reka-popper-anchor-width] max-h-60 overflow-y-scroll p-1">
                            <ComboboxItem
                                :value="{ id: null, name: 'No Client' }"
                                class="relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground">
                                <span>No Client</span>
                                <span
                                    v-if="model === null"
                                    class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
                                    <Check class="h-4 w-4" />
                                </span>
                            </ComboboxItem>
                            <ComboboxItem
                                v-for="client in filteredClients"
                                :key="client.id"
                                :value="client"
                                class="relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground"
                                :data-client-id="client.id">
                                <span>{{ client.name }}</span>
                                <span
                                    v-if="isClientSelected(client.id)"
                                    class="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
                                    <Check class="h-4 w-4" />
                                </span>
                            </ComboboxItem>
                            <div
                                v-if="searchValue.length > 0 && filteredClients.length === 0"
                                class="flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground"
                                @click="addClientIfNoneExists">
                                <Plus class="h-4 w-4 shrink-0" />
                                <span>Add "{{ searchValue }}" as a new Client</span>
                            </div>
                        </ComboboxViewport>
                    </ComboboxContent>
                </ComboboxRoot>
            </UseFocusTrap>
        </template>
    </Dropdown>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Client/ClientDropdownItem.vue
================================================
<script setup lang="ts">
import { CheckCircleIcon } from '@heroicons/vue/20/solid';
import { computed } from 'vue';
import { twMerge } from 'tailwind-merge';

const props = defineProps<{
    name: string;
    selected: boolean;
}>();

const iconClasses = computed(() => {
    if (props.selected) {
        return 'text-accent-200';
    } else {
        return 'text-card-border';
    }
});
</script>

<template>
    <div
        class="flex items-center space-x-3 w-full px-3 py-2.5 text-start text-sm font-medium leading-5 text-text-primary hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
        <CheckCircleIcon :class="twMerge(iconClasses, 'w-5')"></CheckCircleIcon>
        <span>{{ name }}</span>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/CommandPalette/CommandPalette.vue
================================================
<script setup lang="ts">
import { computed, watch } from 'vue';
import { DialogRoot, DialogPortal, DialogOverlay, DialogContent } from 'reka-ui';
import {
    Command as CommandRoot,
    CommandGroup,
    CommandInput,
    CommandItem,
    CommandList,
    CommandSeparator,
    CommandShortcut,
} from '../command';
import { cn } from '../utils/cn';
import type {
    CommandPaletteCommand,
    CommandPaletteGroup,
    EntitySearchResult,
} from './CommandPaletteTypes';

const open = defineModel<boolean>('open', { required: true });
const searchTerm = defineModel<string>('searchTerm', { default: '' });

const props = withDefaults(
    defineProps<{
        groups: CommandPaletteGroup[];
        entityResults?: EntitySearchResult[];
        placeholder?: string;
    }>(),
    {
        entityResults: () => [],
        placeholder: 'Type a command or search...',
    }
);

const emit = defineEmits<{
    select: [command: CommandPaletteCommand | EntitySearchResult];
}>();

// Non-empty groups for rendering
const nonEmptyGroups = computed(() => props.groups.filter((g) => g.commands.length > 0));

const hasEntityResults = computed(() => (props.entityResults?.length ?? 0) > 0);

const hasAnyGroups = computed(() => nonEmptyGroups.value.length > 0);

// Handle command selection
async function handleSelect(cmd: CommandPaletteCommand | EntitySearchResult) {
    emit('select', cmd);
    await cmd.action();
}

// Reset search when dialog closes
watch(open, (isOpen) => {
    if (!isOpen) {
        searchTerm.value = '';
    }
});
</script>

<template>
    <DialogRoot v-model:open="open">
        <DialogPortal>
            <DialogOverlay
                class="fixed inset-0 z-50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0">
                <div class="absolute inset-0 bg-default-background opacity-30" />
            </DialogOverlay>
            <div
                :class="
                    cn(
                        'fixed top-0 left-0 z-50 pointer-events-none w-screen h-screen flex items-start pt-6 md:pt-20 xl:pt-32 justify-center overflow-auto'
                    )
                ">
                <DialogContent
                    class="pointer-events-auto bg-default-background w-full max-w-lg border border-border-tertiary shadow-lg sm:rounded-lg outline-none overflow-hidden p-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95">
                    <CommandRoot
                        v-model:search-term="searchTerm"
                        class="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
                        <CommandInput :placeholder="placeholder" />
                        <CommandList>
                            <!-- Empty state -->
                            <div
                                v-if="searchTerm.length > 0 && !hasEntityResults && !hasAnyGroups"
                                class="py-6 text-center text-sm text-muted-foreground">
                                No results found.
                            </div>

                            <!-- Command Groups -->
                            <template v-for="(group, index) in nonEmptyGroups" :key="group.id">
                                <CommandSeparator v-if="index > 0" />
                                <CommandGroup :heading="group.heading">
                                    <CommandItem
                                        v-for="cmd in group.commands"
                                        :key="cmd.id"
                                        :value="cmd.id"
                                        class="cursor-pointer"
                                        @select="handleSelect(cmd)">
                                        <component :is="cmd.icon" v-if="cmd.icon" />
                                        <span>{{ cmd.label }}</span>
                                        <span class="sr-only" aria-hidden="true">{{
                                            cmd.keywords.join(' ')
                                        }}</span>
                                        <CommandShortcut v-if="cmd.shortcut">
                                            {{ cmd.shortcut }}
                                        </CommandShortcut>
                                    </CommandItem>
                                </CommandGroup>
                            </template>

                            <!-- Entity Search Results -->
                            <template v-if="hasEntityResults">
                                <CommandSeparator v-if="hasAnyGroups" />
                                <CommandGroup heading="Search Results">
                                    <CommandItem
                                        v-for="cmd in entityResults"
                                        :key="cmd.id"
                                        :value="cmd.id"
                                        class="cursor-pointer"
                                        @select="handleSelect(cmd)">
                                        <component :is="cmd.icon" v-if="cmd.icon" />
                                        <span class="flex-1">{{ cmd.label }}</span>
                                        <span class="sr-only" aria-hidden="true">{{
                                            cmd.keywords.join(' ')
                                        }}</span>
                                        <span
                                            v-if="cmd.badgeClass"
                                            class="ml-2 rounded px-1.5 py-0.5 text-xs font-medium"
                                            :class="cmd.badgeClass">
                                            {{ cmd.entityType }}
                                        </span>
                                    </CommandItem>
                                </CommandGroup>
                            </template>
                        </CommandList>
                    </CommandRoot>
                </DialogContent>
            </div>
        </DialogPortal>
    </DialogRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/CommandPalette/CommandPaletteTypes.ts
================================================
// Use `object` instead of Vue's `Component` to avoid type incompatibility
// between root and UI package Vue runtime-core copies in the monorepo.
// Vue's `<component :is="...">` accepts any object at runtime.
export interface CommandPaletteCommand {
    id: string;
    label: string;
    icon?: object;
    keywords: string[];
    action: () => void | Promise<void>;
    shortcut?: string;
}

export interface CommandPaletteGroup {
    id: string;
    heading: string;
    commands: CommandPaletteCommand[];
}

export interface EntitySearchResult extends CommandPaletteCommand {
    entityType: string;
    color?: string;
    badgeClass?: string;
}


================================================
FILE: resources/js/packages/ui/src/CommandPalette/index.ts
================================================
export { default as CommandPalette } from './CommandPalette.vue';
export type {
    CommandPaletteCommand,
    CommandPaletteGroup,
    EntitySearchResult,
} from './CommandPaletteTypes';


================================================
FILE: resources/js/packages/ui/src/DialogModal.vue
================================================
<script setup lang="ts">
import Modal from './Modal.vue';

const emit = defineEmits(['close']);

defineProps({
    show: {
        type: Boolean,
        default: false,
    },
    maxWidth: {
        type: String,
        default: '2xl',
    },
    closeable: {
        type: Boolean,
        default: true,
    },
});

const close = () => {
    emit('close');
};
</script>

<template>
    <Modal :show="show" :max-width="maxWidth" :closeable="closeable" @close="close">
        <div class="px-4 lg:px-6 py-4">
            <div class="text-lg font-medium text-text-primary" role="heading">
                <slot name="title" />
            </div>

            <div class="mt-4 text-sm text-text-secondary">
                <slot name="content" />
            </div>
        </div>

        <div
            class="flex flex-row justify-end px-6 py-4 border-t border-card-background-separator bg-default-background rounded-b-2xl text-end">
            <slot name="footer" />
        </div>
    </Modal>
</template>


================================================
FILE: resources/js/packages/ui/src/EstimatedTimeProgress.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';

const props = defineProps<{ estimated: number; current: number }>();
function formatHours(seconds: number) {
    return Math.round(seconds / 60 / 60) + 'h';
}

const isOverEstimate = computed(() => props.current > props.estimated);
const progressBarPercentage = computed(() => {
    return (props.current / props.estimated) * 100;
});
const formattedProgressBarPercentage = computed(() => {
    return progressBarPercentage.value.toFixed(1) + '%';
});
</script>
<template>
    <div class="w-full">
        <div class="bg-tertiary h-1 rounded relative overflow-hidden w-full">
            <div
                class="h-full"
                :class="{
                    'bg-accent-200': !isOverEstimate,
                    'bg-red-500': isOverEstimate,
                }"
                :style="{ width: progressBarPercentage + '%' }"></div>
        </div>
        <div class="text-xs font-semibold pt-1.5">
            {{ formattedProgressBarPercentage }} of
            {{ formatHours(estimated) }}
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/EstimatedTimeSection.vue
================================================
<script setup lang="ts">
import EstimatedTimeInput from '@/packages/ui/src/Input/EstimatedTimeInput.vue';
import { ClockIcon } from '@heroicons/vue/20/solid';
import { Field, FieldDescription, FieldLabel } from './field';

const model = defineModel<number | null>();
const emit = defineEmits(['submit']);
</script>

<template>
    <Field>
        <FieldLabel for="time_estimated" :icon="ClockIcon">Time Estimated</FieldLabel>
        <EstimatedTimeInput
            id="time_estimated"
            v-model="model"
            @submit="emit('submit')"></EstimatedTimeInput>
        <FieldDescription>
            You can type natural language like
            <span class="font-semibold">2h 30m</span>
        </FieldDescription>
    </Field>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/FullCalendar/CalendarSettingsPopover.vue
================================================
<script setup lang="ts">
import { Popover, PopoverContent, PopoverTrigger, Button } from '..';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { Field, FieldLabel } from '../field';
import { Settings } from 'lucide-vue-next';
import { ref, watch } from 'vue';
import type { CalendarSettings } from './calendarSettings';

export type { CalendarSettings };

const props = defineProps<{
    settings: CalendarSettings;
}>();

const emit = defineEmits<{
    'update:settings': [value: CalendarSettings];
}>();

const snapMinutes = ref(String(props.settings.snapMinutes));
const startHour = ref(String(props.settings.startHour));
const endHour = ref(String(props.settings.endHour));
const slotMinutes = ref(String(props.settings.slotMinutes));

watch(
    () => props.settings,
    (s) => {
        snapMinutes.value = String(s.snapMinutes);
        startHour.value = String(s.startHour);
        endHour.value = String(s.endHour);
        slotMinutes.value = String(s.slotMinutes);
    }
);

function emitUpdate(partial: Partial<CalendarSettings>) {
    emit('update:settings', { ...props.settings, ...partial });
}

function onSnapChange(value: string) {
    snapMinutes.value = value;
    emitUpdate({ snapMinutes: parseInt(value) });
}

function onStartHourChange(value: string) {
    const newStart = parseInt(value);
    // Ensure start < end
    if (newStart >= parseInt(endHour.value)) {
        startHour.value = String(props.settings.startHour);
        return;
    }
    startHour.value = value;
    emitUpdate({ startHour: newStart });
}

function onEndHourChange(value: string) {
    const newEnd = parseInt(value);
    // Ensure end > start
    if (newEnd <= parseInt(startHour.value)) {
        endHour.value = String(props.settings.endHour);
        return;
    }
    endHour.value = value;
    emitUpdate({ endHour: newEnd });
}

function onSlotChange(value: string) {
    slotMinutes.value = value;
    emitUpdate({ slotMinutes: parseInt(value) });
}

const snapOptions = [
    { value: '1', label: '1 min' },
    { value: '5', label: '5 min' },
    { value: '10', label: '10 min' },
    { value: '15', label: '15 min' },
    { value: '30', label: '30 min' },
    { value: '60', label: '1 hour' },
];

const slotOptions = [
    { value: '5', label: '5 min' },
    { value: '10', label: '10 min' },
    { value: '15', label: '15 min' },
    { value: '30', label: '30 min' },
    { value: '60', label: '1 hour' },
];

// Generate hour options 0-24
const hourOptions = Array.from({ length: 25 }, (_, i) => ({
    value: String(i),
    label:
        i === 0
            ? '12:00 AM'
            : i === 12
              ? '12:00 PM'
              : i === 24
                ? '12:00 AM (next)'
                : i < 12
                  ? `${i}:00 AM`
                  : `${i - 12}:00 PM`,
}));
</script>

<template>
    <Popover>
        <PopoverTrigger as-child>
            <Button variant="outline" size="sm" aria-label="Calendar settings" class="h-8 w-8 p-0">
                <Settings class="h-4 w-4 text-muted-foreground" />
            </Button>
        </PopoverTrigger>
        <PopoverContent align="end" class="w-72 p-4">
            <div class="space-y-4">
                <div class="text-sm font-semibold">Calendar Settings</div>

                <Field>
                    <FieldLabel for="calendar-snap">Snap Interval</FieldLabel>
                    <Select
                        :model-value="snapMinutes"
                        @update:model-value="(v) => onSnapChange(v as string)">
                        <SelectTrigger id="calendar-snap" size="sm" class="w-full">
                            <SelectValue placeholder="Snap interval" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem
                                v-for="opt in snapOptions"
                                :key="opt.value"
                                :value="opt.value">
                                {{ opt.label }}
                            </SelectItem>
                        </SelectContent>
                    </Select>
                </Field>

                <Field>
                    <FieldLabel for="calendar-start-hour">Start Time</FieldLabel>
                    <Select
                        :model-value="startHour"
                        @update:model-value="(v) => onStartHourChange(v as string)">
                        <SelectTrigger id="calendar-start-hour" size="sm" class="w-full">
                            <SelectValue placeholder="Start time" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem
                                v-for="opt in hourOptions.slice(0, -1)"
                                :key="opt.value"
                                :value="opt.value">
                                {{ opt.label }}
                            </SelectItem>
                        </SelectContent>
                    </Select>
                </Field>

                <Field>
                    <FieldLabel for="calendar-end-hour">End Time</FieldLabel>
                    <Select
                        :model-value="endHour"
                        @update:model-value="(v) => onEndHourChange(v as string)">
                        <SelectTrigger id="calendar-end-hour" size="sm" class="w-full">
                            <SelectValue placeholder="End time" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem
                                v-for="opt in hourOptions.slice(1)"
                                :key="opt.value"
                                :value="opt.value">
                                {{ opt.label }}
                            </SelectItem>
                        </SelectContent>
                    </Select>
                </Field>

                <Field>
                    <FieldLabel for="calendar-scale">Grid Scale</FieldLabel>
                    <Select
                        :model-value="slotMinutes"
                        @update:model-value="(v) => onSlotChange(v as string)">
                        <SelectTrigger id="calendar-scale" size="sm" class="w-full">
                            <SelectValue placeholder="Grid scale" />
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem
                                v-for="opt in slotOptions"
                                :key="opt.value"
                                :value="opt.value">
                                {{ opt.label }}
                            </SelectItem>
                        </SelectContent>
                    </Select>
                </Field>
            </div>
        </PopoverContent>
    </Popover>
</template>


================================================
FILE: resources/js/packages/ui/src/FullCalendar/FullCalendarDayHeader.vue
================================================
<script setup lang="ts">
import { computed, inject, type ComputedRef } from 'vue';
import { formatDate, formatHumanReadableDuration } from '../utils/time';
import type { Organization } from '@/packages/api/src';
import type { Dayjs } from 'dayjs';

const props = defineProps<{
    date: Dayjs;
    totalSeconds?: number;
}>();

const totalSecondsValue = computed(() => props.totalSeconds ?? 0);

// Injected organization for formatting settings
const organization = inject('organization') as ComputedRef<Organization | undefined> | undefined;
const intervalFormat = computed(() => organization?.value?.interval_format);
const numberFormat = computed(() => organization?.value?.number_format);
const dateFormat = computed(() => organization?.value?.date_format);
</script>

<template>
    <div class="fc-day-header-custom">
        <div class="text-xs text-muted-foreground font-medium">
            {{ date.format('ddd') }}
        </div>
        <span class="text-xs">{{ formatDate(date.toISOString(), dateFormat) }}</span>
        <span class="block text-xs text-muted-foreground font-medium mt-1">
            {{ formatHumanReadableDuration(totalSecondsValue, intervalFormat, numberFormat) }}
        </span>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/FullCalendar/FullCalendarEventContent.vue
================================================
<script setup lang="ts">
import { computed, inject, type ComputedRef } from 'vue';
import { formatHumanReadableDuration, getDayJsInstance } from '../utils/time';
import type { Organization } from '@/packages/api/src';

const props = defineProps<{
    title: string;
    projectName?: string | null;
    taskName?: string | null;
    clientName?: string | null;
    durationSeconds?: number;
    start?: string | Date | null;
    end?: string | Date | null;
}>();

const effectiveDurationSeconds = computed(() => {
    if (typeof props.durationSeconds === 'number') {
        return props.durationSeconds;
    }
    if (props.start && props.end) {
        const end = getDayJsInstance()(props.end as unknown as string | Date);
        const start = getDayJsInstance()(props.start as unknown as string | Date);
        const minutes = end.diff(start, 'minutes');
        return minutes * 60;
    }
    return 0;
});

const organization = inject('organization') as ComputedRef<Organization | undefined> | undefined;
const intervalFormat = computed(() => organization?.value?.interval_format);
const numberFormat = computed(() => organization?.value?.number_format);

const formattedDuration = computed(() =>
    formatHumanReadableDuration(
        effectiveDurationSeconds.value,
        intervalFormat.value,
        numberFormat.value
    )
);
</script>

<template>
    <div class="text-2xs leading-tight px-0.5 py-1.5">
        <div class="font-semibold">{{ title }}</div>
        <div v-if="projectName" class="font-medium opacity-90">
            {{ projectName }}
        </div>
        <div v-if="taskName" class="font-medium">
            {{ taskName }}
        </div>
        <div v-if="clientName" class="opacity-85">
            {{ clientName }}
        </div>
        <div class="opacity-90">
            {{ formattedDuration }}
        </div>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/FullCalendar/TimeEntryCalendar.vue
================================================
<script setup lang="ts">
import FullCalendar from '@fullcalendar/vue3';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';
import type { DatesSetArg, EventClickArg, EventDropArg, EventChangeArg } from '@fullcalendar/core';
import {
    computed,
    ref,
    watch,
    inject,
    type ComputedRef,
    nextTick,
    onMounted,
    onActivated,
    onUnmounted,
} from 'vue';
import { useLocalStorage } from '@vueuse/core';
import chroma from 'chroma-js';
import { useCssVariable } from '@/utils/useCssVariable';
import {
    getDayJsInstance,
    getLocalizedDayJs,
    formatHumanReadableDuration,
    formatDuration,
} from '../utils/time';
import { getUserTimezone, getWeekStart } from '../utils/settings';
import { LoadingSpinner, TimeEntryCreateModal, TimeEntryEditModal } from '..';
import FullCalendarEventContent from './FullCalendarEventContent.vue';
import FullCalendarDayHeader from './FullCalendarDayHeader.vue';
import CalendarSettingsPopover from './CalendarSettingsPopover.vue';
import type { CalendarSettings } from './calendarSettings';
import { useVisualSnap } from './useVisualSnap';
import activityStatusPlugin, {
    type ActivityPeriod,
    renderActivityStatusBoxes,
} from './idleStatusPlugin';
import type {
    TimeEntry,
    Project,
    Client,
    Task,
    CreateProjectBody,
    CreateClientBody,
    Tag,
    Organization,
} from '@/packages/api/src';
import type { Dayjs } from 'dayjs';

type CalendarExtendedProps = { timeEntry: TimeEntry; isRunning?: boolean } & Record<
    string,
    unknown
>;

const emit = defineEmits<{
    (e: 'dates-change', payload: { start: Date; end: Date }): void;
    (e: 'refresh'): void;
}>();

const props = defineProps<{
    timeEntries: TimeEntry[];
    projects: Project[];
    tasks: Task[];
    clients: Client[];
    tags: Tag[];
    activityPeriods?: ActivityPeriod[];
    loading?: boolean;

    // Permissions / feature flags
    enableEstimatedTime: boolean;
    currency: string;
    canCreateProject: boolean;

    createTimeEntry: (
        entry: Omit<TimeEntry, 'id' | 'organization_id' | 'user_id'>
    ) => Promise<void>;
    updateTimeEntry: (entry: TimeEntry) => Promise<void>;
    deleteTimeEntry: (timeEntryId: string) => Promise<void>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    createTag: (name: string) => Promise<Tag | undefined>;
}>();

// Local component state
const newEventStart = ref<Dayjs | null>(null);
const newEventEnd = ref<Dayjs | null>(null);
const showCreateTimeEntryModal = ref<boolean>(false);
const showEditTimeEntryModal = ref<boolean>(false);
const selectedTimeEntry = ref<TimeEntry | null>(null);

const calendarRef = ref<InstanceType<typeof FullCalendar> | null>(null);

// Calendar settings with localStorage persistence via VueUse
const calendarSettings = useLocalStorage<CalendarSettings>(
    'solidtime:calendar-settings',
    {
        snapMinutes: 15,
        startHour: 0,
        endHour: 24,
        slotMinutes: 15,
    },
    { mergeDefaults: true }
);

function onSettingsUpdate(newSettings: CalendarSettings) {
    calendarSettings.value = newSettings;
}

// Reactive "now" for running time entry - updates every minute
const currentTime = ref(getDayJsInstance()());
let currentTimeInterval: ReturnType<typeof setInterval> | null = null;

// Inject organization data for settings
const organization = inject<ComputedRef<Organization>>('organization');

// Helper function to convert week start to FullCalendar firstDay value
const getFirstDay = () => {
    const weekStart = getWeekStart();
    const weekStartMap: Record<string, number> = {
        'sunday': 0,
        'monday': 1,
        'tuesday': 2,
        'wednesday': 3,
        'thursday': 4,
        'friday': 5,
        'saturday': 6,
    };
    return weekStartMap[weekStart] ?? 1; // Default to Monday if not found
};

// Helper function to get time format for slot labels
const getSlotLabelFormat = () => {
    const timeFormat = organization?.value?.time_format || '24-hours';
    if (timeFormat === '12-hours') {
        return {
            hour: 'numeric' as const,
            hour12: true,
        };
    } else {
        return {
            hour: '2-digit' as const,
            minute: '2-digit' as const,
            hour12: false,
        };
    }
};

const cssBackground = useCssVariable('--color-bg-background');

const events = computed(() => {
    const themeBackground = (() => {
        return cssBackground.value?.trim();
    })();
    return props.timeEntries?.map((timeEntry) => {
        const isRunning = timeEntry.end === null;
        const project = props.projects.find((p) => p.id === timeEntry.project_id);
        const client = props.clients.find((c) => c.id === project?.client_id);
        const task = props.tasks.find((t) => t.id === timeEntry.task_id);

        // For running entries, use current time as end
        const effectiveEnd = isRunning ? currentTime.value : getDayJsInstance()(timeEntry.end!);
        const duration = effectiveEnd.diff(getDayJsInstance()(timeEntry.start), 'minutes');

        const title = timeEntry.description || 'No description';

        const baseColor = project?.color || '#6B7280';
        const backgroundColor = chroma.mix(baseColor, themeBackground, 0.65, 'lab').hex();
        const borderColor = chroma.mix(baseColor, themeBackground, 0.5, 'lab').hex();

        // For 0-duration events, display them with minimum visual duration but preserve actual duration
        const startTime = getLocalizedDayJs(timeEntry.start);
        const endTime =
            duration === 0
                ? startTime.add(1, 'second') // Show as 1 second for minimal visibility
                : isRunning
                  ? getLocalizedDayJs(currentTime.value.toISOString())
                  : getLocalizedDayJs(timeEntry.end!);

        return {
            id: timeEntry.id,
            start: startTime.format(),
            end: endTime.format(),
            title,
            backgroundColor,
            borderColor,
            textColor: 'var(--foreground)',
            // For running entries: disable dragging and resizing
            startEditable: !isRunning,
            classNames: isRunning ? ['running-entry'] : [],
            extendedProps: {
                timeEntry,
                project,
                client,
                task,
                duration,
                isRunning,
            },
        };
    });
});

// Daily totals used in day header
const dailyTotals = computed(() => {
    const totals: Record<string, number> = {};
    props.timeEntries.forEach((entry) => {
        const date = getDayJsInstance()(entry.start).format('YYYY-MM-DD');
        let durationSeconds: number;

        if (entry.end !== null) {
            // Completed entry
            durationSeconds = getDayJsInstance()(entry.end).diff(
                getDayJsInstance()(entry.start),
                'seconds'
            );
        } else {
            // Running entry - use current time
            durationSeconds = currentTime.value.diff(getDayJsInstance()(entry.start), 'seconds');
        }

        totals[date] = (totals[date] || 0) + durationSeconds;
    });
    return totals;
});

function emitDatesChange(arg: DatesSetArg) {
    emit('dates-change', { start: arg.start, end: arg.end });
    // Render activity boxes after calendar view has been rendered
    renderActivityBoxes();
}

function handleDateSelect(arg: { start: Date; end: Date }) {
    stopVisualSnap();
    const snap = calendarSettings.value.snapMinutes;
    const startLocal = getDayJsInstance()(arg.start.toISOString())
        .utc()
        .tz(getUserTimezone(), true);
    const endLocal = getDayJsInstance()(arg.end.toISOString()).utc().tz(getUserTimezone(), true);
    const snappedStart = snapStartToGrid(startLocal, snap);
    let snappedEnd = snapEndToGrid(endLocal, snap);
    if (!snappedEnd.isAfter(snappedStart)) {
        snappedEnd = snappedStart.add(snap, 'minute');
    }
    newEventStart.value = snappedStart.utc();
    newEventEnd.value = snappedEnd.utc();
    showCreateTimeEntryModal.value = true;
}

function handleEventClick(arg: EventClickArg) {
    const ext = arg.event.extendedProps as CalendarExtendedProps;
    // Don't open edit modal for running time entries
    if (ext.isRunning) {
        return;
    }
    selectedTimeEntry.value = ext.timeEntry;
    showEditTimeEntryModal.value = true;
}

// Snap a dayjs time down to the previous snap boundary (for start times)
function snapStartToGrid(time: Dayjs, snapMinutes: number): Dayjs {
    const minutes = time.hour() * 60 + time.minute();
    const snapped = Math.floor(minutes / snapMinutes) * snapMinutes;
    return time.startOf('day').add(snapped, 'minute');
}

// Snap a dayjs time up to the next snap boundary (for end times)
function snapEndToGrid(time: Dayjs, snapMinutes: number): Dayjs {
    const minutes = time.hour() * 60 + time.minute();
    const snapped = Math.ceil(minutes / snapMinutes) * snapMinutes;
    return time.startOf('day').add(snapped, 'minute');
}

// --- Visual snap (composable) ---
const {
    startDragSnap: startVisualDragSnap,
    startResizeSnap: startVisualResizeSnap,
    stop: stopVisualSnap,
} = useVisualSnap({
    calendarRef,
    snapMinutes: () => calendarSettings.value.snapMinutes,
    slotMinutes: () => calendarSettings.value.slotMinutes,
    formatDuration: (seconds) =>
        formatHumanReadableDuration(
            seconds,
            organization?.value?.interval_format,
            organization?.value?.number_format
        ),
});

async function handleEventDrop(arg: EventDropArg) {
    stopVisualSnap();
    const ext = arg.event.extendedProps as CalendarExtendedProps;
    const timeEntry = ext.timeEntry;
    if (!arg.event.start || !arg.event.end) return;
    // Running entries have no end time — can't compute duration for drop
    if (!timeEntry.end) return;
    const snap = calendarSettings.value.snapMinutes;
    const startLocal = getDayJsInstance()(arg.event.start.toISOString())
        .utc()
        .tz(getUserTimezone(), true)
        .second(0);
    const snappedStart = snapStartToGrid(startLocal, snap);
    const durationMs = getLocalizedDayJs(timeEntry.end).diff(getLocalizedDayJs(timeEntry.start));
    const snappedEnd = snappedStart.add(durationMs, 'millisecond');
    // Set FC event to snapped position immediately to avoid flash
    arg.event.setDates(snappedStart.utc(true).toDate(), snappedEnd.utc(true).toDate());
    const updatedTimeEntry = {
        ...timeEntry,
        start: snappedStart.utc().format(),
        end: snappedEnd.utc().format(),
    } as TimeEntry;
    await props.updateTimeEntry(updatedTimeEntry);
    emit('refresh');
}

async function handleEventResize(arg: EventChangeArg) {
    stopVisualSnap();
    const ext = arg.event.extendedProps as CalendarExtendedProps;
    const timeEntry = ext.timeEntry;
    if (!arg.event.start || !arg.event.end) return;
    const snap = calendarSettings.value.snapMinutes;

    const newStartLocal = getDayJsInstance()(arg.event.start.toISOString())
        .utc()
        .tz(getUserTimezone(), true)
        .second(0);
    const newEndLocal = getDayJsInstance()(arg.event.end.toISOString())
        .utc()
        .tz(getUserTimezone(), true)
        .second(0);
    const origStartLocal = getLocalizedDayJs(timeEntry.start).second(0);

    const startChanged = !newStartLocal.isSame(origStartLocal, 'minute');

    // Snap only the changed edge once, reuse for both setDates and API update
    const snappedStart = startChanged ? snapStartToGrid(newStartLocal, snap) : null;
    const snappedEnd = !startChanged && !ext.isRunning ? snapEndToGrid(newEndLocal, snap) : null;

    // Set FC event to snapped position immediately to avoid flash.
    // Use the original event date for the edge that wasn't resized.
    if (snappedStart) {
        arg.event.setDates(snappedStart.utc(true).toDate(), arg.oldEvent.end!);
    } else if (snappedEnd) {
        arg.event.setDates(arg.oldEvent.start!, snappedEnd.utc(true).toDate());
    }
    const updatedTimeEntry = {
        ...timeEntry,
        start: snappedStart ? snappedStart.utc().format() : timeEntry.start,
        end: ext.isRunning ? null : snappedEnd ? snappedEnd.utc().format() : timeEntry.end,
    } as TimeEntry;
    await props.updateTimeEntry(updatedTimeEntry);
    emit('refresh');
}

const calendarOptions = computed(() => {
    const s = calendarSettings.value;

    return {
        plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin, activityStatusPlugin],
        initialView: 'timeGridWeek',
        headerToolbar: {
            left: 'prev,next today',
            center: 'title',
            right: 'timeGridWeek,timeGridDay',
        },
        height: 'parent',
        slotMinTime: formatDuration(s.startHour * 3600),
        slotMaxTime: formatDuration(s.endHour * 3600),
        slotDuration: formatDuration(s.slotMinutes * 60),
        slotLabelInterval: '01:00:00',
        slotLabelFormat: getSlotLabelFormat(),
        snapDuration: '00:01:00',
        firstDay: getFirstDay(),
        allDaySlot: false,
        nowIndicator: true,
        eventMinHeight: 1,
        selectable: true,
        selectMirror: true,
        editable: true,
        eventResizableFromStart: true,
        eventDurationEditable: true,
        timeZone: getUserTimezone(),
        eventStartEditable: true,
        select: handleDateSelect,
        eventClick: handleEventClick,
        eventDragStart: startVisualDragSnap,
        eventDrop: handleEventDrop,
        eventResizeStart: startVisualResizeSnap,
        eventResize: handleEventResize,
        datesSet: emitDatesChange,

        events: events.value,
        activityPeriods: props.activityPeriods || [],
    };
});

watch(showCreateTimeEntryModal, (value) => {
    if (!value) {
        newEventStart.value = null;
        newEventEnd.value = null;
        // Ensure FullCalendar clears the selection mirror when modal closes
        calendarRef.value?.getApi().unselect();
        emit('refresh');
    }
});

watch(showEditTimeEntryModal, (value) => {
    if (!value) {
        selectedTimeEntry.value = null;
        emit('refresh');
    }
});

// Render activity status boxes after FullCalendar has rendered
const renderActivityBoxes = () => {
    if (!calendarRef.value || !props.activityPeriods) return;

    const calendarEl = calendarRef.value.$el as HTMLElement;
    if (calendarEl && props.activityPeriods.length > 0) {
        renderActivityStatusBoxes(calendarEl, props.activityPeriods);
    }
};

// Watch for activity periods changes - re-render when data changes
watch(
    () => props.activityPeriods,
    () => {
        renderActivityBoxes();
    }
);

const scrollToCurrentTime = () => {
    nextTick(() => {
        if (calendarRef.value) {
            const now = getDayJsInstance()();
            const oneHourBefore = now.subtract(1, 'hour');

            // If subtracting 1 hour keeps us on the same day, scroll to 1 hour before
            const scrollTime = now.isSame(oneHourBefore, 'day')
                ? oneHourBefore.format('HH:mm:ss')
                : now.format('HH:mm:ss');

            calendarRef.value.getApi().scrollToTime(scrollTime);
        }
    });
};

onMounted(() => {
    scrollToCurrentTime();
    // Start interval to update running time entry
    currentTimeInterval = setInterval(() => {
        currentTime.value = getDayJsInstance()();
    }, 60000); // Update every minute
});

onActivated(() => {
    scrollToCurrentTime();
});

onUnmounted(() => {
    if (currentTimeInterval) {
        clearInterval(currentTimeInterval);
        currentTimeInterval = null;
    }
});
</script>

<template>
    <div class="w-full relative h-full flex-1">
        <div v-if="loading" class="flex items-center justify-center h-full">
            <div class="flex flex-col items-center space-y-4">
                <LoadingSpinner class="h-8 w-8" />
                <p class="text-muted-foreground">Loading calendar data...</p>
            </div>
        </div>

        <TimeEntryCreateModal
            v-model:show="showCreateTimeEntryModal"
            :enable-estimated-time="enableEstimatedTime"
            :create-time-entry="createTimeEntry"
            :create-client="createClient"
            :create-project="createProject"
            :create-tag="createTag"
            :currency="currency"
            :can-create-project="canCreateProject"
            :tags="tags as any"
            :projects="projects"
            :tasks="tasks"
            :clients="clients"
            :start="newEventStart ? newEventStart.toISOString() : undefined"
            :end="newEventEnd ? newEventEnd.toISOString() : undefined" />

        <TimeEntryEditModal
            v-model:show="showEditTimeEntryModal"
            :time-entry="selectedTimeEntry as any"
            :enable-estimated-time="enableEstimatedTime"
            :update-time-entry="updateTimeEntry"
            :delete-time-entry="deleteTimeEntry"
            :create-client="createClient"
            :create-project="createProject"
            :create-tag="createTag"
            :tags="tags as any"
            :projects="projects"
            :tasks="tasks"
            :clients="clients"
            :currency="currency"
            :can-create-project="canCreateProject" />
        <div class="calendar-settings-trigger">
            <CalendarSettingsPopover
                :settings="calendarSettings"
                @update:settings="onSettingsUpdate" />
        </div>
        <FullCalendar ref="calendarRef" class="fullcalendar" :options="calendarOptions">
            <template #eventContent="arg">
                <FullCalendarEventContent
                    :title="arg.event.title"
                    :project-name="(arg.event.extendedProps as any).project?.name"
                    :task-name="(arg.event.extendedProps as any).task?.name"
                    :client-name="(arg.event.extendedProps as any).client?.name"
                    :duration-seconds="
                        ((arg.event.extendedProps as any).duration ?? undefined)
                            ? (arg.event.extendedProps as any).duration * 60
                            : undefined
                    "
                    :start="arg.event.start as any"
                    :end="arg.event.end as any" />
            </template>
            <template #dayHeaderContent="arg">
                <FullCalendarDayHeader
                    :date="
                        getDayJsInstance()(arg.date.toISOString()).utc().tz(getUserTimezone(), true)
                    "
                    :total-seconds="
                        dailyTotals[
                            getDayJsInstance()(arg.date)
                                .utc()
                                .tz(getUserTimezone(), true)
                                .format('YYYY-MM-DD')
                        ] || 0
                    " />
            </template>
        </FullCalendar>
    </div>
</template>

<style scoped>
.calendar-settings-trigger {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 20;
}

.fullcalendar {
    height: 100%;
    --fc-border-color: var(--border);
}

/* FullCalendar theme customization */
.fullcalendar :deep(.fc) {
    background-color: var(--theme-color-default-background);
    color: var(--foreground);
    font-family: inherit;
}

.fullcalendar :deep(.fc-timegrid-slot) {
    height: 25px;
    transition: height 0.2s ease;
}

.fullcalendar :deep(.fc-timegrid-slot-label) {
    background-color: var(--background);
}

.fullcalendar :deep(.fc-toolbar) {
    background-color: var(--background);
    padding: 0.5rem;
    padding-right: 2.75rem;
    margin-bottom: 0;
}

.fullcalendar :deep(.fc-toolbar-title) {
    color: var(--foreground);
    font-size: 1rem;
    font-weight: 600;
}

.fullcalendar :deep(.fc-button) {
    background-color: var(--secondary);
    border: 1px solid var(--border);
    color: var(--foreground);
    font-weight: 500;
    font-size: 14px !important;
}

.fullcalendar :deep(.fc-button:hover) {
    background-color: var(--muted);
    border-color: var(--border);
}

.fullcalendar :deep(.fc-button:focus) {
    box-shadow: 0 0 0 2px var(--ring);
}

.fullcalendar :deep(.fc-button-active) {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--primary-foreground);
}

.fullcalendar :deep(.fc-col-header) {
    border-bottom: 1px solid var(--border);
}

.fullcalendar :deep(.fc-col-header-cell) {
    border-right: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 0.75rem 0.5rem;
    background-color: var(--theme-color-default-background);
}

.fullcalendar :deep(.fc-timegrid-axis) {
    background-color: var(--theme-color-default-background) !important;
}

.fullcalendar :deep(.fc-col-header-cell .fc-col-header-cell-cushion) {
    padding: 0;
}

.fullcalendar :deep(.fc-timegrid-axis) {
    background-color: var(--theme-color-default-background);
    border-right: 1px solid var(--border);
}

/* Quarter-hour slots - transparent borders */
.fullcalendar :deep(.fc-timegrid-slot-minor.fc-timegrid-slot-label) {
    border-top: 1px solid transparent;
}

.fullcalendar :deep(.fc-timegrid-slot-minor.fc-timegrid-slot-lane) {
    --tw-border-opacity: 0;
}

.fullcalendar :deep(.fc-day-today.fc-col-header-cell) {
    background-color: var(--color-bg-secondary);
}

.fullcalendar :deep(.fc-day-today) {
    background-color: var(--theme-color-default-background);
}

.fullcalendar :deep(.fc-now-indicator) {
    border-color: var(--primary);
    border-width: 2px;
}

.fullcalendar :deep(.fc-event) {
    border-radius: calc(var(--radius) - 4px);
    padding: 0;
    font-size: 0.75rem;
    cursor: pointer;
    box-shadow: var(--theme-shadow-card);
    opacity: 0.9;
    overflow: hidden;
}

.fullcalendar :deep(.fc-v-event) {
    background-color: var(--muted);
    border-color: var(--muted);
}

.fullcalendar :deep(.fc-event-title) {
    font-weight: 500;
    line-height: 1.2;
}

/* Resize handle hit areas */
.fullcalendar :deep(.fc-event-resizer) {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 12px;
    left: 0;
    cursor: row-resize;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.fullcalendar :deep(.fc-event-resizer-start) {
    top: -2px;
}

.fullcalendar :deep(.fc-event-resizer-end) {
    bottom: -2px;
}

/* Visual grip indicator */
.fullcalendar :deep(.fc-event-resizer::after) {
    content: '';
    width: 24px;
    height: 3px;
    border-radius: 1.5px;
    background: rgba(255, 255, 255, 0.6);
    transition: background 0.15s ease;
}

.fullcalendar :deep(.fc-event:hover .fc-event-resizer) {
    opacity: 1;
}

.fullcalendar :deep(.fc-event-resizer:hover::after) {
    background: rgba(255, 255, 255, 0.9);
}

/* Keep resize cursor during active resize */
.fullcalendar :deep(.fc-event-resizing),
.fullcalendar :deep(.fc-event-resizing .fc-event-resizer) {
    cursor: row-resize !important;
}

/* Keep event in hover state while resizing */
.fullcalendar :deep(.fc-event-resizing) {
    opacity: 1;
    box-shadow: var(--theme-shadow-dropdown);
}

.fullcalendar :deep(.fc-event-resizing .fc-event-resizer) {
    opacity: 1;
}

.fullcalendar :deep(.fc-event-resizing .fc-event-resizer::after) {
    background: rgba(255, 255, 255, 0.9);
}

/* Update the earlier hover rule to include the shadow */
.fullcalendar :deep(.fc-event:hover) {
    opacity: 1;
    transition: all 0.2s ease;
    box-shadow: var(--theme-shadow-dropdown);
}

.fullcalendar :deep(.fc-timegrid-event-harness) {
    margin: 0 1px;
}

.fullcalendar :deep(.fc-highlight) {
    background-color: var(--primary);
}

.fullcalendar :deep(.fc-select-mirror) {
    background-color: var(--accent);
    border: 1px solid var(--primary);
}

.fullcalendar :deep(.fc-event-mirror) {
    pointer-events: none;
}

.fullcalendar :deep(.fc-scrollgrid) {
    border: 1px solid var(--border);
    border-left: 1px solid transparent;
}

.fullcalendar :deep(.fc-scrollgrid-section > td) {
    border-right: 1px solid var(--border);
}

.fullcalendar :deep(.fc-timegrid-body) {
    background-color: var(--background);
}

.fullcalendar :deep(.fc-timegrid-col) {
    border-right: 1px solid var(--border);
}

.fullcalendar :deep(.fc-timegrid-axis-cushion) {
    color: var(--theme-text-secondary);
    font-size: 0.75rem;
    font-weight: 500;
}

.fullcalendar :deep(.fc-timegrid-slot-label-cushion) {
    font-size: 0.8125rem;
    color: var(--muted-foreground);
}

.fullcalendar :deep(.fc-col-header-cell-cushion) {
    color: var(--foreground);
    font-size: 0.875rem;
    font-weight: 600;
}

/* Daily totals styling */
.fullcalendar :deep(.fc-col-header-cell .text-muted-foreground) {
    color: var(--muted-foreground);
    margin-top: 0.125rem;
}

/* Reduce visibility of time slot dividers */
.fullcalendar :deep(.fc-timegrid-divider) {
    display: none;
}

/* Make scrollbars gray */
.fullcalendar :deep(.fc-scroller) {
    scrollbar-width: thin;
    scrollbar-color: var(--muted-foreground) transparent;
}

.fullcalendar :deep(.fc-scroller::-webkit-scrollbar) {
    width: 8px;
}

.fullcalendar :deep(.fc-scroller::-webkit-scrollbar-track) {
    background: transparent;
}

.fullcalendar :deep(.fc-scroller::-webkit-scrollbar-thumb) {
    background-color: var(--muted-foreground);
    border-radius: 4px;
}

.fullcalendar :deep(.fc-scroller::-webkit-scrollbar-thumb:hover) {
    background-color: var(--foreground);
}

/* Improve time axis styling */
.fullcalendar :deep(.fc-timegrid-axis-chunk) {
    background-color: var(--theme-color-default-background);
}

/* Simple event main styling */
.fullcalendar :deep(.fc-event-main) {
    padding: 0.125rem 0.25rem;
}

/* Activity status plugin styles */
.fullcalendar :deep(.activity-status-box) {
    position: absolute;
    width: 10px;
    left: 0px;
    z-index: 10;
    cursor: default;
}

.fullcalendar :deep(.activity-status-box::before) {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5px;
    transition: opacity 0.2s ease;
}

.fullcalendar :deep(.activity-status-box.idle::before) {
    background-color: rgba(156, 163, 175, 0.1);
}

.fullcalendar :deep(.activity-status-box.idle):hover::before {
    background-color: rgba(156, 163, 175, 0.5);
}

.fullcalendar :deep(.activity-status-box.active::before) {
    background-color: rgba(34, 197, 94, 0.3);
}

.fullcalendar :deep(.activity-status-box.active):hover::before {
    background-color: rgba(34, 197, 94, 1);
}

/* Add left margin to events only on days with activity status data */
.fullcalendar :deep(.has-activity-status .fc-timegrid-event-harness) {
    margin-left: 8px !important;
}

.fullcalendar :deep(.fc-timegrid-event) {
    margin-left: 0 !important;
}

/* Hide end resizer for running time entries */
.fullcalendar :deep(.running-entry .fc-event-resizer-end) {
    display: none;
}

.fullcalendar :deep(.running-entry) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
</style>

<style>
/* Global cursor override during resize — must be unscoped to affect body */
body.fc-resizing-active,
body.fc-resizing-active * {
    cursor: row-resize !important;
}
</style>


================================================
FILE: resources/js/packages/ui/src/FullCalendar/calendarSettings.ts
================================================
export interface CalendarSettings {
    snapMinutes: number;
    startHour: number;
    endHour: number;
    slotMinutes: number;
}


================================================
FILE: resources/js/packages/ui/src/FullCalendar/idleStatusPlugin.ts
================================================
import { createPlugin, type PluginDef } from '@fullcalendar/core';
import { computePosition, flip, shift, offset, autoUpdate } from '@floating-ui/dom';

export interface WindowActivityInPeriod {
    appName: string;
    url: string | null;
    count: number;
    icon?: string | null;
}

export interface ActivityPeriod {
    start: string;
    end: string;
    isIdle: boolean;
    windowActivities?: WindowActivityInPeriod[];
}

export interface ActivityStatusPluginOptions {
    activityPeriods?: ActivityPeriod[];
}

// Tooltip state management - single instance per module
let tooltipInstance: HTMLElement | null = null;
let cleanupAutoUpdate: (() => void) | null = null;

/**
 * Creates and manages a tooltip element for activity status boxes
 */
function getOrCreateTooltip(): HTMLElement {
    if (!tooltipInstance) {
        tooltipInstance = document.createElement('div');
        tooltipInstance.className =
            'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground';
        tooltipInstance.style.position = 'fixed';
        tooltipInstance.style.pointerEvents = 'none';
        tooltipInstance.style.opacity = '0';
        tooltipInstance.style.whiteSpace = 'nowrap';
        tooltipInstance.style.transform = 'scale(0.95)';
        tooltipInstance.style.transition = 'opacity 150ms, transform 150ms';
        document.body.appendChild(tooltipInstance);
    }
    return tooltipInstance;
}

/**
 * Shows tooltip for an activity status box using Floating UI's autoUpdate
 */
function showTooltip(box: HTMLElement, tooltip: HTMLElement, content: string | HTMLElement) {
    // Clear previous content
    tooltip.innerHTML = '';

    if (typeof content === 'string') {
        tooltip.textContent = content;
    } else {
        tooltip.appendChild(content);
    }

    tooltip.style.opacity = '1';
    tooltip.style.transform = 'scale(1)';

    // Clean up previous autoUpdate if it exists
    if (cleanupAutoUpdate) {
        cleanupAutoUpdate();
    }

    // Use autoUpdate to automatically update position
    cleanupAutoUpdate = autoUpdate(box, tooltip, () => {
        computePosition(box, tooltip, {
            placement: 'right',
            middleware: [offset(8), flip(), shift({ padding: 5 })],
        }).then(({ x, y }) => {
            tooltip.style.left = `${x}px`;
            tooltip.style.top = `${y}px`;
        });
    });
}

/**
 * Hides the tooltip immediately
 */
function hideTooltip(tooltip: HTMLElement) {
    tooltip.style.opacity = '0';
    tooltip.style.transform = 'scale(0.95)';

    // Clean up autoUpdate when tooltip is hidden
    if (cleanupAutoUpdate) {
        cleanupAutoUpdate();
        cleanupAutoUpdate = null;
    }
}

/**
 * Formats duration in minutes to human readable format
 */
function formatDuration(durationMinutes: number): string {
    const hours = Math.floor(durationMinutes / 60);
    const minutes = durationMinutes % 60;
    return hours > 0 ? `${hours}h ${minutes}m` : `${minutes}m`;
}

/**
 * Creates tooltip content for an activity period
 */
function createTooltipContent(
    status: string,
    durationText: string,
    windowActivities?: WindowActivityInPeriod[]
): string | HTMLElement {
    if (!windowActivities || windowActivities.length === 0) {
        return `${status} (${durationText})`;
    }

    const container = document.createElement('div');
    container.style.maxWidth = '300px';

    // Header with status and duration
    const header = document.createElement('div');
    header.style.fontWeight = '600';
    header.style.marginBottom = '8px';
    header.textContent = `${status} (${durationText})`;
    container.appendChild(header);

    // Window activities list
    const totalActivities = windowActivities.reduce((sum, act) => sum + act.count, 0);

    // Show top 5 activities
    const topActivities = windowActivities.slice(0, 5);

    topActivities.forEach((activity) => {
        const activityDiv = document.createElement('div');
        activityDiv.style.marginTop = '4px';
        activityDiv.style.fontSize = '11px';
        activityDiv.style.opacity = '0.9';
        activityDiv.style.display = 'flex';
        activityDiv.style.alignItems = 'center';
        activityDiv.style.gap = '6px';

        // Add icon if available
        if (activity.icon) {
            const icon = document.createElement('img');
            icon.src = activity.icon;
            icon.alt = activity.appName;
            icon.style.width = '16px';
            icon.style.height = '16px';
            icon.style.borderRadius = '2px';
            icon.style.flexShrink = '0';
            activityDiv.appendChild(icon);
        } else {
            // Placeholder for no icon
            const placeholder = document.createElement('div');
            placeholder.style.width = '16px';
            placeholder.style.height = '16px';
            placeholder.style.borderRadius = '2px';
            placeholder.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
            placeholder.style.display = 'flex';
            placeholder.style.alignItems = 'center';
            placeholder.style.justifyContent = 'center';
            placeholder.style.fontSize = '8px';
            placeholder.style.flexShrink = '0';
            placeholder.textContent = activity.appName.charAt(0).toUpperCase();
            activityDiv.appendChild(placeholder);
        }

        const textSpan = document.createElement('span');
        textSpan.style.flex = '1';
        textSpan.style.overflow = 'hidden';
        textSpan.style.textOverflow = 'ellipsis';
        textSpan.style.whiteSpace = 'nowrap';

        const percentage = ((activity.count / totalActivities) * 100).toFixed(0);
        const activityText = activity.url
            ? `${activity.appName} - ${activity.url}`
            : activity.appName;

        textSpan.textContent = `${percentage}% ${activityText}`;
        activityDiv.appendChild(textSpan);

        container.appendChild(activityDiv);
    });

    // Show "and X more" if there are more activities
    if (windowActivities.length > 5) {
        const moreDiv = document.createElement('div');
        moreDiv.style.marginTop = '4px';
        moreDiv.style.fontSize = '11px';
        moreDiv.style.opacity = '0.7';
        moreDiv.style.fontStyle = 'italic';
        moreDiv.textContent = `...and ${windowActivities.length - 5} more`;
        container.appendChild(moreDiv);
    }

    return container;
}

/**
 * Renders activity status boxes in the calendar time grid
 */
export function renderActivityStatusBoxes(
    calendarEl: HTMLElement,
    activityPeriods: ActivityPeriod[]
) {
    if (!calendarEl) return;

    // Clean up existing activity boxes
    const existingBoxes = calendarEl.querySelectorAll('.activity-status-box');
    existingBoxes.forEach((box) => box.remove());

    // Remove has-activity-status class from all lanes
    const allLanes = calendarEl.querySelectorAll('.fc-timegrid-col');
    allLanes.forEach((lane) => lane.classList.remove('has-activity-status'));

    const timeGrid = calendarEl.querySelector('.fc-timegrid-body');
    if (!timeGrid) return;

    const lanes = timeGrid.querySelectorAll('.fc-timegrid-col');
    if (lanes.length === 0) return;

    // Get or reuse the single tooltip instance
    const tooltip = getOrCreateTooltip();

    // Get slot duration from calendar (fallback to 15 minutes)
    const slotDurationMinutes = getSlotDuration(calendarEl);

    lanes.forEach((lane: Element) => {
        // Get the date for this lane from the data attribute
        const laneEl = lane as HTMLElement;
        const dateStr = laneEl.getAttribute('data-date');

        if (!dateStr) return;

        const laneDate = new Date(dateStr);
        const laneDateStart = new Date(laneDate);
        laneDateStart.setHours(0, 0, 0, 0);
        const laneDateEnd = new Date(laneDate);
        laneDateEnd.setHours(23, 59, 59, 999);

        let hasActivityStatusForThisDay = false;

        activityPeriods.forEach((period) => {
            const periodStart = new Date(period.start);
            const periodEnd = new Date(period.end);

            // Check if period overlaps with this day
            if (periodEnd < laneDateStart || periodStart > laneDateEnd) {
                return;
            }

            // Calculate actual start and end times for this day
            const actualStart = periodStart > laneDateStart ? periodStart : laneDateStart;
            const actualEnd = periodEnd < laneDateEnd ? periodEnd : laneDateEnd;

            // Calculate the position and height of the activity box
            const { top, height } = calculateBoxPosition(
                calendarEl,
                actualStart,
                actualEnd,
                slotDurationMinutes
            );

            if (height <= 0) return;

            hasActivityStatusForThisDay = true;

            // Calculate duration in minutes
            const durationMs = actualEnd.getTime() - actualStart.getTime();
            const durationMinutes = Math.round(durationMs / 60000);
            const durationText = formatDuration(durationMinutes);

            // Add tooltip text based on status
            const status = period.isIdle ? 'Idling' : 'Active';

            // Create and append the activity status box
            const box = document.createElement('div');
            box.className = `activity-status-box ${period.isIdle ? 'idle' : 'active'}`;
            box.style.top = `${top}px`;
            box.style.height = `${height}px`;

            // Store tooltip content generator in data attribute for event delegation
            const tooltipContent = createTooltipContent(
                status,
                durationText,
                period.windowActivities
            );

            // Add hover event listeners for tooltip
            box.addEventListener('mouseenter', () => {
                showTooltip(box, tooltip, tooltipContent);
            });

            box.addEventListener('mouseleave', () => {
                hideTooltip(tooltip);
            });

            // Position relative to the lane
            const laneFrame = lane.querySelector('.fc-timegrid-col-frame');
            if (laneFrame) {
                laneFrame.appendChild(box);
            }
        });

        // Mark this lane as having activity status if any periods were rendered
        if (hasActivityStatusForThisDay) {
            laneEl.classList.add('has-activity-status');
        }
    });
}

/**
 * Gets the slot duration from the calendar configuration
 */
function getSlotDuration(calendarEl: HTMLElement): number {
    const slotsEl = calendarEl.querySelectorAll('.fc-timegrid-slot');
    if (slotsEl.length < 2) return 15; // Default to 15 minutes

    // Try to calculate from the time difference between slots
    const firstSlot = slotsEl[0] as HTMLElement;
    const secondSlot = slotsEl[1] as HTMLElement;

    const firstTime = firstSlot.getAttribute('data-time');
    const secondTime = secondSlot.getAttribute('data-time');

    if (firstTime && secondTime) {
        const [h1 = 0, m1 = 0] = firstTime.split(':').map(Number);
        const [h2 = 0, m2 = 0] = secondTime.split(':').map(Number);
        const diff = h2 * 60 + m2 - (h1 * 60 + m1);
        if (diff > 0) return diff;
    }

    // Fallback to 15 minutes
    return 15;
}

/**
 * Calculates the pixel position and height for an activity status box
 */
function calculateBoxPosition(
    calendarEl: HTMLElement,
    startTime: Date,
    endTime: Date,
    slotDurationMinutes: number
): { top: number; height: number } {
    // Get the slot duration and slot height
    const slotsEl = calendarEl.querySelectorAll('.fc-timegrid-slot');
    if (slotsEl.length === 0) {
        return { top: 0, height: 0 };
    }

    // Calculate slot height (assuming all slots are equal height)
    const firstSlot = slotsEl[0] as HTMLElement;
    const slotHeight = firstSlot.offsetHeight;

    const pixelsPerMinute = slotHeight / slotDurationMinutes;

    // Calculate start position (minutes from midnight)
    const startMinutes = startTime.getHours() * 60 + startTime.getMinutes();
    const endMinutes = endTime.getHours() * 60 + endTime.getMinutes();

    // Calculate pixel positions
    const top = startMinutes * pixelsPerMinute;
    const height = (endMinutes - startMinutes) * pixelsPerMinute;

    return { top, height };
}

/**
 * Cleanup function to remove tooltip from DOM
 */
export function cleanupActivityStatusPlugin() {
    if (tooltipInstance) {
        tooltipInstance.remove();
        tooltipInstance = null;
    }
    if (cleanupAutoUpdate) {
        cleanupAutoUpdate();
        cleanupAutoUpdate = null;
    }
}

/**
 * FullCalendar plugin to display idle/active status boxes in the time grid
 */
const activityStatusPlugin: PluginDef = createPlugin({
    name: '@solidtime/activity-status',

    optionRefiners: {
        activityPeriods: (rawVal: unknown): ActivityPeriod[] => {
            if (!Array.isArray(rawVal)) return [];
            return rawVal as ActivityPeriod[];
        },
    },
});

export default activityStatusPlugin;


================================================
FILE: resources/js/packages/ui/src/FullCalendar/useVisualSnap.ts
================================================
import { onActivated, onDeactivated, onMounted, onUnmounted, type Ref } from 'vue';
import type FullCalendar from '@fullcalendar/vue3';

interface VisualSnapOptions {
    calendarRef: Ref<InstanceType<typeof FullCalendar> | null>;
    snapMinutes: () => number;
    slotMinutes: () => number;
    formatDuration: (durationSeconds: number) => string;
}

export function useVisualSnap({
    calendarRef,
    snapMinutes,
    slotMinutes,
    formatDuration,
}: VisualSnapOptions) {
    let rafId: number | null = null;

    function getCalendarEl(): HTMLElement | null {
        return (calendarRef.value?.$el as HTMLElement) ?? null;
    }

    function getSnapPixels(): number {
        const calendarEl = getCalendarEl();
        if (!calendarEl) return 25;
        const slot = calendarEl.querySelector('.fc-timegrid-slot-lane') as HTMLElement;
        if (!slot) return 25;
        const slotHeightPx = slot.getBoundingClientRect().height;
        return (snapMinutes() / slotMinutes()) * slotHeightPx;
    }

    function findMirrorHarness(calendarEl: HTMLElement) {
        const mirror = calendarEl.querySelector('.fc-event-mirror') as HTMLElement | null;
        const harness = mirror?.closest('.fc-timegrid-event-harness') as HTMLElement | null;
        if (harness) {
            harness.style.pointerEvents = 'none';
        }
        return { mirror, harness };
    }

    function updateMirrorDurationLabel(
        mirror: HTMLElement,
        snappedTop: number,
        snappedEnd: number,
        snapPx: number
    ) {
        const snappedDurationMin = Math.round((snappedEnd - snappedTop) / snapPx) * snapMinutes();
        const durationText = formatDuration(snappedDurationMin * 60);
        const durationEl = mirror.querySelector('.fc-event-main')?.querySelector('div:last-child');
        if (durationEl) {
            durationEl.textContent = durationText;
        }
    }

    function startLoop(onFrame: (calendarEl: HTMLElement, snapPx: number) => void) {
        const calendarEl = getCalendarEl();
        if (!calendarEl) return;
        const snapPx = getSnapPixels();
        if (snapPx <= 0) return;

        const loop = () => {
            onFrame(calendarEl, snapPx);
            rafId = requestAnimationFrame(loop);
        };
        rafId = requestAnimationFrame(loop);
    }

    function stop() {
        document.body.classList.remove('fc-resizing-active');
        if (rafId !== null) {
            cancelAnimationFrame(rafId);
            rafId = null;
        }
    }

    // --- Public snap starters ---

    function startSelectSnap() {
        // Don't start if another snap loop is already running
        if (rafId !== null) return;
        startLoop((calendarEl, snapPx) => {
            const { mirror, harness } = findMirrorHarness(calendarEl);
            if (!harness || !mirror) return;

            const top = parseFloat(harness.style.top) || 0;
            const endPos = -(parseFloat(harness.style.bottom) || 0);
            const snappedTop = Math.floor(top / snapPx) * snapPx;
            const snappedEnd = Math.ceil(endPos / snapPx) * snapPx;
            const clampedEnd = Math.max(snappedTop + snapPx, snappedEnd);
            harness.style.top = snappedTop + 'px';
            harness.style.bottom = -clampedEnd + 'px';
            updateMirrorDurationLabel(mirror, snappedTop, clampedEnd, snapPx);
        });
    }

    function startDragSnap() {
        stop();
        startLoop((calendarEl, snapPx) => {
            const { harness } = findMirrorHarness(calendarEl);
            if (!harness) return;

            const top = parseFloat(harness.style.top) || 0;
            const endPos = -(parseFloat(harness.style.bottom) || 0);
            const height = endPos - top;
            const snappedTop = Math.floor(top / snapPx) * snapPx;
            harness.style.top = snappedTop + 'px';
            harness.style.bottom = -(snappedTop + height) + 'px';
        });
    }

    function startResizeSnap() {
        stop();
        document.body.classList.add('fc-resizing-active');

        let initialTop: number | null = null;
        let initialEnd: number | null = null;
        let resizeEdge: 'top' | 'bottom' | null = null;

        startLoop((calendarEl, snapPx) => {
            const { mirror, harness } = findMirrorHarness(calendarEl);
            if (!harness) return;

            const top = parseFloat(harness.style.top) || 0;
            const endPos = -(parseFloat(harness.style.bottom) || 0);

            // Detect which edge is being resized
            if (initialTop === null) {
                initialTop = top;
                initialEnd = endPos;
            } else if (resizeEdge === null) {
                const topDelta = Math.abs(top - initialTop);
                const endDelta = Math.abs(endPos - initialEnd!);
                if (topDelta > 0.5) {
                    resizeEdge = 'top';
                } else if (endDelta > 0.5) {
                    resizeEdge = 'bottom';
                }
            }

            if (resizeEdge === 'bottom') {
                const snappedEnd = Math.ceil(endPos / snapPx) * snapPx;
                const clampedEnd = Math.max(top + snapPx, snappedEnd);
                harness.style.bottom = -clampedEnd + 'px';
                if (mirror) updateMirrorDurationLabel(mirror, top, clampedEnd, snapPx);
            } else if (resizeEdge === 'top') {
                const snappedTop = Math.floor(top / snapPx) * snapPx;
                const clampedTop = Math.min(endPos - snapPx, snappedTop);
                harness.style.top = clampedTop + 'px';
                if (mirror) updateMirrorDurationLabel(mirror, clampedTop, endPos, snapPx);
            }
        });
    }

    // Pointerdown handler for starting select snap on timegrid background
    function handleTimegridPointerDown(e: PointerEvent) {
        const target = e.target as HTMLElement;
        if (target.closest('.fc-event')) return;
        startSelectSnap();
    }

    // Lifecycle: attach/detach pointerdown listener
    function attachListener() {
        const calendarEl = getCalendarEl();
        calendarEl?.addEventListener('pointerdown', handleTimegridPointerDown);
    }

    function detachListener() {
        const calendarEl = getCalendarEl();
        calendarEl?.removeEventListener('pointerdown', handleTimegridPointerDown);
    }

    onMounted(attachListener);
    onActivated(attachListener);
    onDeactivated(() => {
        stop();
        detachListener();
    });
    onUnmounted(() => {
        stop();
        detachListener();
    });

    return {
        startSelectSnap,
        startDragSnap,
        startResizeSnap,
        stop,
    };
}


================================================
FILE: resources/js/packages/ui/src/GroupedItemsCountButton.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';
import { computed } from 'vue';

const props = withDefaults(
    defineProps<{
        expanded?: boolean;
        size?: string;
    }>(),
    {
        expanded: false,
        size: 'w-7 h-7',
    }
);

const expandedStatusClasses = computed(() => {
    if (props.expanded) {
        return 'border-card-border border bg-quaternary text-text-primary';
    }
    return 'border-card-border bg-secondary border hover:bg-tertiary hover:text-text-primary transition text-text-secondary';
});
</script>

<template>
    <button
        :class="
            twMerge(
                'font-medium rounded flex items-center transition justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent',
                expandedStatusClasses,
                props.size
            )
        ">
        <slot></slot>
    </button>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Icons/BillableIcon.vue
================================================
<script setup lang="ts">
import { computed, inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';
import DollarIcon from './DollarIcon.vue';
import EuroIcon from './EuroIcon.vue';

const organization = inject<ComputedRef<Organization>>('organization');
const icon = computed(() => (organization?.value?.currency === 'EUR' ? EuroIcon : DollarIcon));
</script>

<template>
    <component :is="icon" />
</template>


================================================
FILE: resources/js/packages/ui/src/Icons/DollarIcon.vue
================================================
<template>
    <svg viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M4 1V13M1 10.182L1.879 10.841C3.05 11.72 4.949 11.72 6.121 10.841C7.293 9.962 7.293 8.538 6.121 7.659C5.536 7.219 4.768 7 4 7C3.275 7 2.55 6.78 1.997 6.341C0.891 5.462 0.891 4.038 1.997 3.159C3.103 2.28 4.897 2.28 6.003 3.159L6.418 3.489"
            stroke="currentColor"
            stroke-width="1.5"
            stroke-linecap="round"
            stroke-linejoin="round" />
    </svg>
</template>


================================================
FILE: resources/js/packages/ui/src/Icons/EuroIcon.vue
================================================
<template>
    <svg viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
            d="M9.02045 3.12728C8.30227 2.26547 7.22499 1.69092 5.96818 1.69092C3.99319 1.69092 2.37728 3.63001 2.37728 6C2.37728 8.37 3.99319 10.3091 5.96818 10.3091C7.22499 10.3091 8.30227 9.73453 9.02045 8.87272M1.47955 4.92274H6.50682M1.47955 7.07727H6.50682"
            stroke="currentColor"
            stroke-width="1.5"
            stroke-linecap="round"
            stroke-linejoin="round" />
    </svg>
</template>


================================================
FILE: resources/js/packages/ui/src/Icons/ListFilterIcon.vue
================================================
<script setup lang="ts"></script>

<template>
    <svg
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round">
        <path d="M2 5h20" />
        <path d="M6 12h12" />
        <path d="M9 19h6" />
    </svg>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Input/BillableRateInput.vue
================================================
<script setup lang="ts">
import { ref } from 'vue';
import { useFocus } from '@vueuse/core';
import {
    NumberField,
    NumberFieldContent,
    NumberFieldDecrement,
    NumberFieldIncrement,
    NumberFieldInput,
} from '@/Components/ui/number-field';

const props = defineProps<{
    name: string;
    focus?: boolean;
    currency: string;
    disabled?: boolean;
}>();

const model = defineModel<number | null>({
    default: null,
});

const billableRateInput = ref<HTMLInputElement | null>(null);
useFocus(billableRateInput, { initialValue: props.focus });

function formatValue(modelValue: number | null) {
    return modelValue ? modelValue / 100 : 0;
}
</script>

<template>
    <div class="relative">
        <NumberField
            :id="name"
            ref="billableRateInput"
            :model-value="formatValue(model)"
            :disabled="disabled"
            :step-snapping="false"
            class="block w-full"
            :format-options="{
                style: 'currency',
                currency: currency,
                currencyDisplay: 'code',
                currencySign: 'accounting',
            }"
            @update:model-value="(value) => (model = value * 100)">
            <NumberFieldContent>
                <NumberFieldDecrement />
                <NumberFieldInput placeholder="Billable Rate" />
                <NumberFieldIncrement />
            </NumberFieldContent>
        </NumberField>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Input/BillableToggleButton.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { twMerge } from 'tailwind-merge';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import {
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
} from '@/packages/ui/src/tooltip';
const active = defineModel({ default: false });
const emit = defineEmits(['changed']);
function toggleBillable() {
    active.value = !active.value;
    emit('changed', active.value);
}

const props = withDefaults(
    defineProps<{
        size?: 'small' | 'base';
        faded?: boolean;
    }>(),
    {
        size: 'base',
        faded: false,
    }
);

const tooltipLabel = computed(() => (active.value ? 'Billable' : 'Non Billable'));

const iconColorClasses = computed(() => {
    if (active.value) {
        return 'text-input-select-active focus:text-input-select-active-hover hover:text-input-select-active-hover';
    } else {
        return 'text-icon-default focus:text-icon-active hover:text-icon-active';
    }
});

const iconSizeClasses = computed(() => {
    if (props.size === 'small') {
        return 'w-5 h-5';
    } else {
        return 'w-5 lg:w-6 h-5 lg:h-6';
    }
});

const iconSizeWrapperClasses = props.size === 'small' ? 'w-6 sm:w-8 h-6 sm:h-8' : 'w-10 h-10';
</script>

<template>
    <TooltipProvider>
        <Tooltip disable-closing-trigger>
            <TooltipTrigger as-child>
                <button
                    :aria-label="tooltipLabel"
                    :class="
                        twMerge(
                            iconColorClasses,
                            iconSizeWrapperClasses,
                            'flex-shrink-0 ring-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring transition focus:bg-card-background-separator hover:bg-card-background-separator rounded-full flex items-center justify-center',
                            faded
                                ? 'opacity-50 group-hover:opacity-100 focus-visible:opacity-100'
                                : ''
                        )
                    "
                    @click="toggleBillable">
                    <BillableIcon :class="iconSizeClasses"></BillableIcon>
                </button>
            </TooltipTrigger>
            <TooltipContent>
                {{ tooltipLabel }}
            </TooltipContent>
        </Tooltip>
    </TooltipProvider>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/Checkbox.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';

const emit = defineEmits(['update:checked']);

const props = defineProps({
    checked: {
        type: [Array, Boolean],
        default: false,
    },
    value: {
        type: String,
        default: null,
    },
    id: {
        type: String,
        default: null,
    },
});

const proxyChecked = computed({
    get() {
        return props.checked;
    },

    set(val) {
        emit('update:checked', val);
    },
});
</script>

<template>
    <input
        :id="id"
        v-model="proxyChecked"
        type="checkbox"
        :value="value"
        class="h-4 w-4 rounded bg-card-background border-input-border text-accent-500/80 focus:outline-none focus:ring-ring/50 focus-visible:outline-none focus-visible:ring-ring/50" />
</template>


================================================
FILE: resources/js/packages/ui/src/Input/DatePicker.vue
================================================
<script setup lang="ts">
import { computed, inject, ref, type ComputedRef } from 'vue';
import {
    getLocalizedDayJs,
    formatDate,
    firstDayIndex,
    type WeekStartDay,
} from '@/packages/ui/src/utils/time';
import { Popover, PopoverContent, PopoverTrigger } from '@/packages/ui/src/popover';
import { Calendar } from '@/Components/ui/calendar';
import { Button } from '@/packages/ui/src/Buttons';
import { CalendarIcon } from 'lucide-vue-next';
import { parseDate, type DateValue } from '@internationalized/date';
import type { Organization } from '@/packages/api/src';

const props = defineProps<{
    tabindex?: string;
    class?: string;
}>();

// This has to be a localized timestamp, not UTC
const model = defineModel<string | null>({
    default: null,
});

const emit = defineEmits(['changed']);

const open = ref(false);

const organization = inject<ComputedRef<Organization>>('organization');

const weekStartsOn = computed((): WeekStartDay => firstDayIndex.value as WeekStartDay);

const dateString = computed(() => {
    if (!model.value) return null;
    return getLocalizedDayJs(model.value).format('YYYY-MM-DD');
});

const calendarDate = computed(() => {
    if (!dateString.value) return undefined;
    return parseDate(dateString.value);
});

const displayDate = computed(() => {
    if (!dateString.value) return '';
    return formatDate(dateString.value, organization?.value?.date_format);
});

function handleDateSelect(newDate: DateValue | undefined) {
    if (!newDate) return;
    // If model.value is null, start from current date/time
    const baseDate = model.value ? getLocalizedDayJs(model.value) : getLocalizedDayJs();
    const newValue = baseDate
        .set('year', newDate.year)
        .set('month', newDate.month - 1) // CalendarDate months are 1-indexed, dayjs is 0-indexed
        .set('date', newDate.day)
        .format();
    model.value = newValue;
    emit('changed', newValue);
    open.value = false;
}
</script>

<template>
    <div class="w-full">
        <Popover v-model:open="open">
            <PopoverTrigger as-child>
                <Button
                    variant="input"
                    size="sm"
                    :tabindex="tabindex"
                    :class="['w-full px-2 gap-1.5', props.class]">
                    <CalendarIcon class="!size-3 text-muted-foreground" />
                    <span>{{ displayDate || 'Pick a date' }}</span>
                </Button>
            </PopoverTrigger>
            <PopoverContent class="w-auto p-0" align="center">
                <Calendar
                    mode="single"
                    :model-value="calendarDate"
                    :week-starts-on="weekStartsOn"
                    @update:model-value="handleDateSelect" />
            </PopoverContent>
        </Popover>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/DateRangePicker.vue
================================================
<script setup lang="ts">
import { Popover, PopoverContent, PopoverTrigger } from '../popover';
import Button from '../Buttons/Button.vue';
import { RangeCalendar } from '../range-calendar';
import { CalendarDate } from '@internationalized/date';
import { CalendarIcon } from 'lucide-vue-next';
import { computed, ref, inject, type ComputedRef, watch } from 'vue';
import { twMerge } from 'tailwind-merge';
import {
    getDayJsInstance,
    getLocalizedDayJs,
    firstDayIndex,
    type WeekStartDay,
} from '@/packages/ui/src/utils/time';
import { type Organization } from '@/packages/api/src';
import { getUserTimezone } from '@/packages/ui/src/utils/settings';
import { formatDate } from '@/packages/ui/src/utils/time';

const weekStartsOn = computed((): WeekStartDay => firstDayIndex.value as WeekStartDay);

const props = defineProps<{
    start: string;
    end: string;
}>();

const emit = defineEmits<{
    (e: 'update:start', value: string): void;
    (e: 'update:end', value: string): void;
    (e: 'submit'): void;
}>();

interface CalendarDateRange {
    start: CalendarDate | undefined;
    end: CalendarDate | undefined;
}

const today = computed(() => {
    const now = getDayJsInstance()();
    return new CalendarDate(now.year(), now.month() + 1, now.date());
});

const modelValue = computed<CalendarDateRange>({
    get: () => ({
        start: props.start
            ? new CalendarDate(
                  getLocalizedDayJs(props.start).year(),
                  getLocalizedDayJs(props.start).month() + 1,
                  getLocalizedDayJs(props.start).date()
              )
            : undefined,
        end: props.end
            ? new CalendarDate(
                  getLocalizedDayJs(props.end).year(),
                  getLocalizedDayJs(props.end).month() + 1,
                  getLocalizedDayJs(props.end).date()
              )
            : undefined,
    }),
    set: (newValue) => {
        if (newValue.start) {
            console.log(newValue.start);
            const date = newValue.start.toDate(getUserTimezone());
            emit('update:start', getLocalizedDayJs(date.toString()).format());
        }
        if (newValue.end) {
            const date = newValue.end.toDate(getUserTimezone());
            emit('update:end', getLocalizedDayJs(date.toString()).format());
        }
    },
});

const open = ref(false);

function setToday() {
    emit('update:start', getLocalizedDayJs().startOf('day').format());
    emit('update:end', getLocalizedDayJs().endOf('day').format());
    open.value = false;
}

function setThisWeek() {
    emit('update:start', getLocalizedDayJs().startOf('week').format());
    emit('update:end', getLocalizedDayJs().endOf('week').format());
    open.value = false;
}

function setLastWeek() {
    emit('update:start', getLocalizedDayJs().subtract(1, 'week').startOf('week').format());
    emit('update:end', getLocalizedDayJs().subtract(1, 'week').endOf('week').format());
    open.value = false;
}

function setLast14Days() {
    emit('update:start', getLocalizedDayJs().subtract(14, 'days').format());
    emit('update:end', getLocalizedDayJs().format());
    open.value = false;
}

function setThisMonth() {
    emit('update:start', getLocalizedDayJs().startOf('month').format());
    emit('update:end', getLocalizedDayJs().endOf('month').format());
    open.value = false;
}

function setLastMonth() {
    emit('update:start', getLocalizedDayJs().subtract(1, 'month').startOf('month').format());
    emit('update:end', getLocalizedDayJs().subtract(1, 'month').endOf('month').format());
    open.value = false;
}

function setLast30Days() {
    emit('update:start', getLocalizedDayJs().subtract(30, 'days').format());
    emit('update:end', getLocalizedDayJs().format());
    open.value = false;
}

function setLast90Days() {
    emit('update:start', getDayJsInstance()().subtract(90, 'days').format());
    emit('update:end', getDayJsInstance()().format());
    open.value = false;
}

function setLast12Months() {
    emit('update:start', getLocalizedDayJs().subtract(12, 'months').format());
    emit('update:end', getLocalizedDayJs().format());
    open.value = false;
}

function setThisYear() {
    emit('update:start', getLocalizedDayJs().startOf('year').format());
    emit('update:end', getLocalizedDayJs().endOf('year').format());
    open.value = false;
}

function setLastYear() {
    emit('update:start', getLocalizedDayJs().subtract(1, 'year').startOf('year').format());
    emit('update:end', getLocalizedDayJs().subtract(1, 'year').endOf('year').format());
    open.value = false;
}

const organization = inject<ComputedRef<Organization>>('organization');

watch(open, (value) => {
    if (value === false) {
        emit('submit');
    }
});
</script>

<template>
    <Popover v-model:open="open">
        <PopoverTrigger as-child>
            <Button
                variant="outline"
                :class="
                    twMerge(
                        'flex w-full items-center justify-between whitespace-nowrap h-[34px] text-start',
                        !modelValue && 'text-muted-foreground'
                    )
                ">
                <CalendarIcon class="-ml-0.5 text-text-quaternary h-4 w-4" />
                <template v-if="modelValue.start">
                    <template v-if="modelValue.end">
                        {{ formatDate(modelValue.start.toString(), organization?.date_format) }}
                        -
                        {{ formatDate(modelValue.end.toString(), organization?.date_format) }}
                    </template>
                    <template v-else>
                        {{ formatDate(modelValue.start.toString(), organization?.date_format) }}
                    </template>
                </template>
                <template v-else> Pick a date </template>
            </Button>
        </PopoverTrigger>
        <PopoverContent class="w-auto p-0">
            <div class="flex divide-x divide-border-secondary">
                <div
                    class="text-text-primary text-sm flex flex-col space-y-0.5 items-start py-2 px-2">
                    <Button variant="ghost" size="sm" class="justify-start" @click="setToday"
                        >Today</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setThisWeek"
                        >This Week</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLastWeek"
                        >Last Week</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLast14Days"
                        >Last 14 days</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setThisMonth"
                        >This Month</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLastMonth"
                        >Last Month</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLast30Days"
                        >Last 30 days</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLast90Days"
                        >Last 90 days</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLast12Months"
                        >Last 12 months</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setThisYear"
                        >This year</Button
                    >
                    <Button variant="ghost" size="sm" class="justify-start" @click="setLastYear"
                        >Last year</Button
                    >
                </div>
                <div class="pl-2">
                    <RangeCalendar
                        v-model="modelValue"
                        initial-focus
                        :number-of-months="2"
                        :max-value="today"
                        :week-starts-on="weekStartsOn" />
                </div>
            </div>
        </PopoverContent>
    </Popover>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/Dropdown.vue
================================================
<script setup lang="ts">
import { Popover, PopoverContent, PopoverTrigger } from '../popover';
import { watch } from 'vue';

const props = withDefaults(
    defineProps<{
        align?: 'center' | 'end' | 'start';
        closeOnContentClick?: boolean;
        autoFocus?: boolean;
    }>(),
    {
        align: 'start',
        closeOnContentClick: true,
        autoFocus: true,
    }
);

const emit = defineEmits(['open', 'submit']);
const open = defineModel({ default: false });

function handleAutofocus(event: Event) {
    if (props.autoFocus === false) {
        event.preventDefault();
    }
}

function onContentClick() {
    if (props.closeOnContentClick === true) {
        open.value = false;
    }
}

function onOpenChange(value: boolean) {
    open.value = value;
    if (value === true) {
        emit('open');
    }
}

watch(open, (value) => {
    if (value === false) {
        emit('submit');
    }
});
</script>

<template>
    <div class="min-w-0 isolate">
        <Popover v-model:open="open" @update:open="onOpenChange">
            <PopoverTrigger as-child>
                <slot class="min-w-0 flex items-center" name="trigger" />
            </PopoverTrigger>
            <PopoverContent
                :align="align"
                class="rounded-lg overflow-hidden relative border border-card-border overflow-none shadow-dropdown bg-secondary"
                @open-auto-focus="handleAutofocus"
                @click="onContentClick">
                <slot name="content" />
            </PopoverContent>
        </Popover>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/DurationHumanInput.vue
================================================
<script setup lang="ts">
import parse from 'parse-duration';
import { onMounted, ref, watch, inject } from 'vue';
import { formatHumanReadableDuration, getDayJsInstance } from '@/packages/ui/src/utils/time';
import dayjs from 'dayjs';
import { twMerge } from 'tailwind-merge';
import { TextInput } from '@/packages/ui/src';
import type { Organization } from '@/packages/api/src';
import { type ComputedRef } from 'vue';

const temporaryCustomTimerEntry = ref<string>('');

const start = defineModel('start', {
    default: '',
});

const end = defineModel('end', {
    default: '',
});

const organization = inject<ComputedRef<Organization>>('organization');

function isHHMM(value: string): boolean {
    return HHMMtimeRegex.test(value);
}

function parseHHMM(value: string): string[] | null {
    return value.match(HHMMtimeRegex);
}

function updateDuration() {
    const time = parse(temporaryCustomTimerEntry.value, 's');

    if (isNumeric(temporaryCustomTimerEntry.value)) {
        const newStartDate = getDayJsInstance()(end.value).subtract(
            parseInt(temporaryCustomTimerEntry.value),
            'm'
        );
        start.value = newStartDate.utc().format();
    } else if (isHHMM(temporaryCustomTimerEntry.value)) {
        const results = parseHHMM(temporaryCustomTimerEntry.value);
        if (results) {
            const newStartDate = getDayJsInstance()(end.value)
                .subtract(parseInt(results[1]!), 'h')
                .subtract(parseInt(results[2]!), 'm');
            start.value = newStartDate.utc().format();
        }
    }
    // try to parse natural language like "1h 30m"
    else if (time && time > 1) {
        const newStartDate = getDayJsInstance()(end.value).subtract(time, 's');
        start.value = newStartDate.utc().format();
    }
    // fallback to minutes if just a number is given
    updateTimeEntryInputValue();
}

function isNumeric(value: string) {
    return /^-?\d+$/.test(value);
}

const props = defineProps<{
    class?: string;
}>();

const HHMMtimeRegex = /^([0-9]{1,2}):([0-5]?[0-9])$/;

watch([start, end], updateTimeEntryInputValue);
onMounted(() => updateTimeEntryInputValue());

function updateTimeEntryInputValue() {
    if (start.value && end.value) {
        const startTime = dayjs(start.value);
        const diff = getDayJsInstance()(end.value).diff(startTime, 'seconds');
        temporaryCustomTimerEntry.value = formatHumanReadableDuration(
            diff,
            organization?.value?.interval_format,
            organization?.value?.number_format
        );
    }
}
</script>

<template>
    <TextInput
        ref="inputField"
        v-model="temporaryCustomTimerEntry"
        :class="twMerge('text-text-secondary', props.class)"
        type="text"
        @blur="updateDuration"
        @keydown.enter="updateDuration" />
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Input/EstimatedTimeInput.vue
================================================
<script setup lang="ts">
import { onMounted, ref, watch, inject } from 'vue';
import { formatHumanReadableDuration, parseTimeInput } from '@/packages/ui/src/utils/time';
import { twMerge } from 'tailwind-merge';
import { TextInput } from '@/packages/ui/src';
import type { Organization } from '@/packages/api/src';
import { type ComputedRef } from 'vue';

const temporaryInput = ref<string>('');

const model = defineModel<number | null>({
    default: null,
});

const emit = defineEmits<{
    submit: [];
}>();

const organization = inject<ComputedRef<Organization>>('organization');

function updateDuration() {
    const input = temporaryInput.value.trim();

    if (input === '') {
        model.value = null;
        return;
    }

    // Use parseTimeInput with 'hours' as default unit for estimated time
    const seconds = parseTimeInput(input, 'hours');
    if (seconds !== null && seconds > 0) {
        model.value = seconds;
    }

    updateInputDisplay();
}

const props = defineProps<{
    class?: string;
}>();

watch(model, updateInputDisplay);
onMounted(() => updateInputDisplay());

function updateInputDisplay() {
    if (model.value !== null && model.value > 0) {
        temporaryInput.value = formatHumanReadableDuration(
            model.value,
            organization?.value?.interval_format,
            organization?.value?.number_format
        );
    } else {
        temporaryInput.value = '';
    }
}

function selectInput(event: Event) {
    const target = event.target as HTMLInputElement;
    target.select();
}

function updateAndSubmit() {
    updateDuration();
    emit('submit');
}
</script>

<template>
    <TextInput
        ref="inputField"
        v-model="temporaryInput"
        :class="twMerge('text-text-secondary', props.class)"
        type="text"
        placeholder="e.g. 2h 30m or 1.5"
        @focus="selectInput"
        @blur="updateDuration"
        @keydown.enter="updateAndSubmit" />
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Input/InputError.vue
================================================
<script setup lang="ts">
defineProps({
    message: String,
});
</script>

<template>
    <div v-show="message">
        <p class="text-sm text-red-400">
            {{ message }}
        </p>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/InputLabel.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';

const props = defineProps<{
    value?: string;
    class?: string;
}>();
</script>

<template>
    <label :class="twMerge('block font-medium text-sm text-text-primary', props.class)">
        <span v-if="value">{{ value }}</span>
        <span v-else><slot /></span>
    </label>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/MultiselectDropdown.vue
================================================
<script setup lang="ts" generic="T">
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { computed, type Ref, ref, watch } from 'vue';
import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
import {
    ComboboxAnchor,
    ComboboxContent,
    ComboboxInput,
    ComboboxItem,
    ComboboxRoot,
    ComboboxViewport,
} from 'radix-vue';

const NONE_ID = 'none';

const model = defineModel<string[]>({
    default: [],
});

const props = defineProps<{
    items: T[];
    searchPlaceholder: string;
    getKeyFromItem: (item: T) => string;
    getNameForItem: (item: T) => string;
    noItemLabel?: string;
}>();

const open = ref(false);
const searchValue = ref('');
const sortedItems = ref<T[]>([]) as Ref<T[]>;

watch(open, (isOpen) => {
    if (isOpen) {
        searchValue.value = '';
        sortedItems.value = [...props.items].sort((a, b) => {
            const aSelected = model.value.includes(props.getKeyFromItem(a)) ? 0 : 1;
            const bSelected = model.value.includes(props.getKeyFromItem(b)) ? 0 : 1;
            return aSelected - bSelected;
        });
    }
});

const filteredItems = computed(() => {
    const search = searchValue.value.toLowerCase().trim();
    if (!search) return sortedItems.value;
    return sortedItems.value.filter((item) =>
        props.getNameForItem(item).toLowerCase().includes(search)
    );
});

const showNoItem = computed(() => {
    if (!props.noItemLabel) return false;
    const search = searchValue.value.toLowerCase().trim();
    if (!search) return true;
    return props.noItemLabel.toLowerCase().includes(search);
});

function toggleItem(id: string) {
    if (model.value.includes(id)) {
        model.value = model.value.filter((itemId) => itemId !== id);
    } else {
        model.value = [...model.value, id];
    }
    emit('changed');
}

const emit = defineEmits(['update:modelValue', 'changed', 'submit']);
</script>

<template>
    <Dropdown v-model="open" align="start" :close-on-content-click="false" @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
        <template #content>
            <ComboboxRoot
                v-model:search-term="searchValue"
                v-model:open="open"
                class="p-2"
                :filter-function="(val: string[]) => val">
                <ComboboxAnchor>
                    <ComboboxInput
                        class="w-full h-8 rounded-md border border-input-border bg-input-background px-3 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none"
                        :placeholder="searchPlaceholder" />
                </ComboboxAnchor>
                <ComboboxContent
                    :dismiss-able="false"
                    position="inline"
                    class="mt-2 min-w-60 max-w-80 max-h-60 overflow-y-auto">
                    <ComboboxViewport>
                        <ComboboxItem
                            v-if="showNoItem"
                            :value="NONE_ID"
                            class="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-text-primary data-[highlighted]:bg-card-background-active cursor-default"
                            @select.prevent="toggleItem(NONE_ID)">
                            <Checkbox
                                :checked="model.includes(NONE_ID)"
                                aria-hidden="true"
                                :tabindex="-1"
                                class="pointer-events-none" />
                            <span class="truncate">{{ noItemLabel }}</span>
                        </ComboboxItem>
                        <ComboboxItem
                            v-for="item in filteredItems"
                            :key="getKeyFromItem(item)"
                            :value="getKeyFromItem(item)"
                            class="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-text-primary data-[highlighted]:bg-card-background-active cursor-default"
                            @select.prevent="toggleItem(getKeyFromItem(item))">
                            <Checkbox
                                :checked="model.includes(getKeyFromItem(item))"
                                aria-hidden="true"
                                :tabindex="-1"
                                class="pointer-events-none" />
                            <span class="truncate">{{ getNameForItem(item) }}</span>
                        </ComboboxItem>
                    </ComboboxViewport>
                </ComboboxContent>
            </ComboboxRoot>
        </template>
    </Dropdown>
</template>


================================================
FILE: resources/js/packages/ui/src/Input/TextInput.vue
================================================
<script setup lang="ts">
import { onMounted, ref } from 'vue';
import { twMerge } from 'tailwind-merge';

const props = defineProps<{
    name?: string;
    class?: string;
}>();

const input = ref<HTMLInputElement | null>(null);

onMounted(() => {
    if (input.value?.hasAttribute('autofocus')) {
        input.value?.focus();
    }
});

defineExpose({ focus: () => input.value?.focus() });
const model = defineModel();
</script>

<template>
    <input
        ref="input"
        v-model="model"
        :class="
            twMerge(
                'h-9 px-3 py-1 text-base sm:text-sm border-input-border border bg-input-background text-text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent rounded-md shadow-sm',
                props.class
            )
        "
        :name="name" />
</template>


================================================
FILE: resources/js/packages/ui/src/Input/TextareaInput.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import { twMerge } from 'tailwind-merge';

const model = defineModel<string | number>({
    default: '',
});

const props = withDefaults(
    defineProps<{
        id?: string;
        type?: string;
        class?: string;
        rows?: number;
        placeholder?: string;
        disabled?: boolean;
        required?: boolean;
    }>(),
    {
        type: 'text',
        class: '',
        rows: 3,
        disabled: false,
        required: false,
    }
);

const classes = computed(() => {
    return twMerge(
        'block w-full rounded-md bg-input-background  border-input-border shadow-sm focus:border-transparent focus:ring-ring disabled:opacity-50',
        props.class
    );
});
</script>

<template>
    <textarea
        :id="id"
        v-model="model"
        :type="type"
        :class="classes"
        :rows="rows"
        :placeholder="placeholder"
        :disabled="disabled"
        :required="required" />
</template>


================================================
FILE: resources/js/packages/ui/src/Input/TimePickerSimple.vue
================================================
<script setup lang="ts">
import { ref, watch } from 'vue';
import { getLocalizedDayJs } from '@/packages/ui/src/utils/time';
import { useFocus } from '@vueuse/core';
import { TextInput } from '@/packages/ui/src';

// This has to be a localized timestamp, not UTC
const model = defineModel<string | null>({
    default: null,
});

const props = withDefaults(
    defineProps<{
        focus?: boolean;
    }>(),
    {
        focus: false,
    }
);

function updateTime(event: Event) {
    const target = event.target as HTMLInputElement;
    const newValue = target.value.trim();
    if (newValue.split(':').length === 2) {
        const [hours, minutes] = newValue.split(':') as [string, string];
        if (!isNaN(parseInt(hours)) && !isNaN(parseInt(minutes))) {
            const currentTime = getLocalizedDayJs(model.value);
            const newHours = Math.min(parseInt(hours), 23);
            const newMinutes = Math.min(parseInt(minutes), 59);

            // Only update if hours or minutes are different
            if (currentTime.hour() !== newHours || currentTime.minute() !== newMinutes) {
                model.value = currentTime
                    .set('hours', newHours)
                    .set('minutes', newMinutes)
                    .set('seconds', 0)
                    .format();
                emit('changed', model.value);
            }
        }
    }
    // check if input is only numbers
    else if (/^\d+$/.test(newValue)) {
        if (newValue.length === 4) {
            // parse 1300 to 13:00
            const [hours, minutes] = [newValue.slice(0, 2), newValue.slice(2, 4)];
            model.value = getLocalizedDayJs(model.value)
                .set('hours', Math.min(parseInt(hours), 23))
                .set('minutes', Math.min(parseInt(minutes), 59))
                .set('seconds', 0)
                .format();
            emit('changed', model.value);
        } else if (newValue.length === 3) {
            // parse 130 to 01:30
            const [hours, minutes] = [newValue.slice(0, 1), newValue.slice(1, 3)];
            model.value = getLocalizedDayJs(model.value)
                .set('hours', Math.min(parseInt(hours), 23))
                .set('minutes', Math.min(parseInt(minutes), 59))
                .set('seconds', 0)
                .format();
            emit('changed', model.value);
        } else if (newValue.length === 2) {
            // parse 13 to 13:00
            model.value = getLocalizedDayJs(model.value)
                .set('hours', Math.min(parseInt(newValue), 23))
                .set('minutes', 0)
                .set('seconds', 0)
                .format();
            emit('changed', model.value);
        } else if (newValue.length === 1) {
            // parse 1 to 01:00
            model.value = getLocalizedDayJs(model.value)
                .set('hours', Math.min(parseInt(newValue), 23))
                .set('minutes', 0)
                .set('seconds', 0)
                .format();
            emit('changed', model.value);
        }
    }

    inputValue.value = getLocalizedDayJs(model.value).format('HH:mm');
}

watch(model, (value) => {
    inputValue.value = value ? getLocalizedDayJs(value).format('HH:mm') : null;
});

const timeInput = ref<HTMLInputElement | null>(null);
const emit = defineEmits(['changed']);

useFocus(timeInput, { initialValue: props.focus });

const inputValue = ref(model.value ? getLocalizedDayJs(model.value).format('HH:mm') : null);
</script>

<template>
    <TextInput
        v-bind="$attrs"
        ref="timeInput"
        v-model="inputValue"
        class="text-center w-full"
        data-testid="time_picker_input"
        type="text"
        @blur="updateTime"
        @keydown.enter.prevent="updateTime"
        @focus="($event.target as HTMLInputElement).select()"
        @mouseup="($event.target as HTMLInputElement).select()"
        @click="($event.target as HTMLInputElement).select()"
        @pointerup="($event.target as HTMLInputElement).select()" />
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Input/TimeRangeSelector.vue
================================================
<script setup lang="ts">
import { nextTick, ref, watch } from 'vue';
import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
import { getDayJsInstance, getLocalizedDayJs } from '@/packages/ui/src/utils/time';
import dayjs from 'dayjs';
import TimePickerSimple from '@/packages/ui/src/Input/TimePickerSimple.vue';
import { Button } from '@/packages/ui/src/Buttons';

const props = defineProps<{
    start: string;
    end: string | null;
    focus?: boolean;
}>();

// The timestamps for the changed event are UTC
const emit = defineEmits(['changed', 'close']);

const tempStart = ref(props.start ? getLocalizedDayJs(props.start).format() : dayjs().format());
const tempEnd = ref(props.end ? getLocalizedDayJs(props.end).format() : null);
const showEndTimePicker = ref(false);

watch(props, () => {
    tempStart.value = getLocalizedDayJs(props.start).format();
    tempEnd.value = props.end ? getLocalizedDayJs(props.end).format() : null;
    showEndTimePicker.value = false;
});

function updateTimeEntry() {
    const tempStartUtc = getDayJsInstance()(tempStart.value).utc().format();
    const tempEndUtc = tempEnd.value ? getDayJsInstance()(tempEnd.value).utc().format() : null;

    if (tempStartUtc !== props.start || tempEndUtc !== props.end) {
        emit(
            'changed',
            getDayJsInstance()(tempStart.value).utc().format(),
            tempEnd.value ? getDayJsInstance()(tempEnd.value).utc().format() : null
        );
    }
}

function setEndTime() {
    showEndTimePicker.value = true;
    tempEnd.value = getDayJsInstance()().format();
}

function confirmEndTime() {
    // wait for the v-model for the end time to update
    nextTick(() => {
        updateTimeEntry();
        showEndTimePicker.value = false;
        emit('close');
    });
}

const dropdownContent = ref();
</script>

<template>
    <div
        ref="dropdownContent"
        class="grid grid-cols-2 divide-x divide-card-background-separator text-center py-2">
        <div class="px-2" @keydown.enter.prevent="nextTick(() => emit('close'))">
            <div class="font-semibold text-text-primary text-sm pb-2">Start</div>
            <div class="flex flex-col items-center space-y-2 w-28 mx-auto">
                <TimePickerSimple
                    v-model="tempStart"
                    class="w-full"
                    data-testid="time_entry_range_start"
                    tabindex="0"
                    :focus
                    @keydown.exact.tab.shift.stop.prevent="emit('close')"
                    @changed="updateTimeEntry"></TimePickerSimple>
                <DatePicker
                    v-model="tempStart"
                    class="w-full"
                    @changed="updateTimeEntry"></DatePicker>
            </div>
        </div>
        <div class="px-2">
            <div class="font-semibold text-text-primary text-sm pb-2">End</div>
            <div
                v-if="end !== null && tempEnd !== null"
                class="flex flex-col items-center space-y-2 w-28 mx-auto">
                <TimePickerSimple
                    v-model="tempEnd"
                    class="w-full"
                    data-testid="time_entry_range_end"
                    @changed="updateTimeEntry"></TimePickerSimple>
                <DatePicker
                    v-model="tempEnd"
                    class="w-full"
                    @changed="updateTimeEntry"></DatePicker>
            </div>
            <div v-else-if="end === null && !showEndTimePicker">
                <Button variant="outline" size="sm" @click="setEndTime"> Set End Time </Button>
            </div>
            <div
                v-else-if="showEndTimePicker && tempEnd !== null"
                class="flex flex-col items-center space-y-2 w-28 mx-auto">
                <TimePickerSimple
                    v-model="tempEnd"
                    class="w-full"
                    data-testid="time_entry_range_end"
                    @keydown.enter.prevent.stop="confirmEndTime"></TimePickerSimple>
                <DatePicker v-model="tempEnd" class="w-full"></DatePicker>
                <Button variant="outline" size="sm" class="w-full" @click="confirmEndTime">
                    Confirm
                </Button>
            </div>
            <div v-else class="text-text-secondary">-- : --</div>
            <div tabindex="0" @focusin="emit('close')"></div>
        </div>
    </div>
</template>

<style></style>


================================================
FILE: resources/js/packages/ui/src/LoadingSpinner.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';

const props = defineProps<{
    class?: string;
}>();
</script>

<template>
    <svg
        :class="twMerge('animate-spin -ml-1 mr-3 h-5 w-5 text-text-primary', props.class)"
        xmlns="http://www.w3.org/2000/svg"
        fill="none"
        viewBox="0 0 24 24">
        <circle
            class="opacity-25"
            cx="12"
            cy="12"
            r="10"
            stroke="currentColor"
            stroke-width="4"></circle>
        <path
            class="opacity-75"
            fill="currentColor"
            d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
    </svg>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/MainContainer.vue
================================================
<script setup lang="ts"></script>

<template>
    <div class="px-2 sm:px-4 lg:px-6 mx-auto">
        <slot></slot>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Modal.vue
================================================
<script setup lang="ts">
import { Dialog, DialogContent, DialogFooter } from '@/Components/ui/dialog';
import { computed } from 'vue';

const props = defineProps({
    show: {
        type: Boolean,
        default: false,
    },
    maxWidth: {
        type: String,
        default: '2xl',
    },
    closeable: {
        type: Boolean,
        default: true,
    },
});

const emit = defineEmits(['close']);

const close = () => {
    if (props.closeable) {
        emit('close');
    }
};

const maxWidthClass = computed(() => {
    return {
        sm: 'sm:max-w-sm',
        md: 'sm:max-w-md',
        lg: 'sm:max-w-lg',
        xl: 'sm:max-w-xl',
        '2xl': 'sm:max-w-2xl',
    }[props.maxWidth];
});
</script>

<template>
    <Dialog :open="show" @update:open="close">
        <DialogContent :class="maxWidthClass">
            <div class="min-w-0">
                <slot />
            </div>

            <DialogFooter>
                <slot name="footer" />
            </DialogFooter>
        </DialogContent>
    </Dialog>
</template>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectBadge.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';
import Badge from '@/packages/ui/src/Badge.vue';

const props = withDefaults(
    defineProps<{
        name?: string;
        size?: 'base' | 'large' | 'xlarge';
        tag?: string;
        class?: string;
        color?: string;
        border?: boolean;
    }>(),
    {
        name: '',
        size: 'base',
        tag: 'div',
        color: 'var(--theme-color-icon-default)',
        border: true,
    }
);

const indicatorClasses = {
    base: 'w-2.5 h-2.5',
    large: 'w-2 sm:w-3 h-2 sm:h-3',
    xlarge: 'w-3 sm:w-4 h-3 sm:h-4',
};
</script>

<template>
    <Badge :name :size :tag :class="props.class" :color :border>
        <div
            :style="{ backgroundColor: props.color }"
            :class="twMerge(indicatorClasses[size], 'inline-block rounded-full shrink-0')"></div>
        <div class="min-w-0">
            <slot>
                {{ name }}
            </slot>
        </div>
    </Badge>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectBillableRateModal.vue
================================================
<script setup lang="ts">
import { formatCents } from '@/packages/ui/src/utils/money';
import BillableRateModal from '@/packages/ui/src/BillableRateModal.vue';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = defineModel('saving', { default: false });

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    newBillableRate?: number | null;
    projectName: string;
    currency: string;
}>();

defineEmits<{
    submit: [];
}>();
</script>

<template>
    <BillableRateModal
        v-model:show="show"
        v-model:saving="saving"
        title="Update Project Billable Rate"
        @submit="$emit('submit')">
        <p class="py-1 text-center">
            The billable rate of {{ projectName }} will be updated to
            <strong>{{
                newBillableRate
                    ? formatCents(
                          newBillableRate,
                          currency,
                          organization?.currency_format,
                          organization?.currency_symbol,
                          organization?.number_format
                      )
                    : ' the default rate of the organization member'
            }}</strong
            >.
        </p>
        <p class="py-1 text-center font-semibold max-w-md mx-auto">
            Do you want to update all existing time entries, where the project billable rate applies
            as well?
        </p>
    </BillableRateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectBillableSelect.vue
================================================
<script setup lang="ts">
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import type { BillableKey } from '@/types/projects';

const model = defineModel<BillableKey>({
    default: 'non-billable',
});

type Option = { key: BillableKey; name: string };

const options: Option[] = [
    {
        key: 'non-billable',
        name: 'Non-billable',
    },
    {
        key: 'default-rate',
        name: 'Default Rate',
    },
    {
        key: 'custom-rate',
        name: 'Custom Rate',
    },
];

function getNameForKey(key: BillableKey | undefined) {
    const item = options.find((item) => item.key === key);
    if (item) {
        return item.name;
    }
    return '';
}
</script>

<template>
    <Select v-model="model">
        <SelectTrigger>
            <SelectValue>{{ getNameForKey(model) }}</SelectValue>
        </SelectTrigger>
        <SelectContent>
            <SelectItem v-for="option in options" :key="option.key" :value="option.key">
                {{ option.name }}
            </SelectItem>
        </SelectContent>
    </Select>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectColorSelector.vue
================================================
<script setup lang="ts">
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { colors } from '@/packages/ui/src/utils/color';

const model = defineModel<string>({ default: '' });
</script>

<template>
    <div>
        <Dropdown align="center">
            <template #trigger>
                <button
                    class="h-9 w-9 flex items-center justify-center bg-input-background hover:bg-tertiary transition rounded-full border border-input-border">
                    <div
                        :style="{
                            backgroundColor: model,
                        }"
                        class="w-5 h-5 rounded-full cursor-pointer"></div>
                </button>
            </template>
            <template #content>
                <div class="text-text-primary grid grid-cols-6 gap-3 px-3 py-3">
                    <div
                        v-for="color in colors"
                        :key="color"
                        :style="{
                            backgroundColor: color,
                            boxShadow: `var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) ${color}30`,
                        }"
                        class="w-4 h-4 rounded-full cursor-pointer"
                        @click="model = color"></div>
                </div>
            </template>
        </Dropdown>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, ref } from 'vue';
import type { CreateClientBody, CreateProjectBody, Project } from '@/packages/api/src';
import { getRandomColor } from '@/packages/ui/src/utils/color';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import ClientDropdown from '@/packages/ui/src/Client/ClientDropdown.vue';
import ProjectColorSelector from '@/packages/ui/src/Project/ProjectColorSelector.vue';
import { Button } from '@/packages/ui/src/Buttons';
import { ChevronDown } from 'lucide-vue-next';
import { UserCircleIcon } from '@heroicons/vue/20/solid';
import EstimatedTimeSection from '@/packages/ui/src/EstimatedTimeSection.vue';
import { Field, FieldGroup, FieldLabel } from '../field';
import ProjectEditBillableSection from '@/packages/ui/src/Project/ProjectEditBillableSection.vue';
import type { Client } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    clients: Client[];
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    currency: string;
    enableEstimatedTime: boolean;
}>();

const activeClients = computed(() => {
    return props.clients.filter((client) => !client.is_archived);
});

const project = ref<CreateProjectBody>({
    name: '',
    color: getRandomColor(),
    client_id: null,
    billable_rate: null,
    is_billable: false,
    estimated_time: null,
});

async function submit() {
    await props.createProject(project.value);
    show.value = false;
    project.value = {
        name: '',
        color: getRandomColor(),
        client_id: null,
        billable_rate: null,
        is_billable: false,
        estimated_time: null,
    };
}

const projectNameInput = ref<HTMLInputElement | null>(null);

useFocus(projectNameInput, { initialValue: true });

const currentClientName = computed(() => {
    if (project.value.client_id) {
        return props.clients.find((client) => client.id === project.value.client_id)?.name;
    }
    return 'No Client';
});
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Project </span>
            </div>
        </template>

        <template #content>
            <FieldGroup>
                <FieldGroup class="flex-row items-end">
                    <Field class="w-auto text-center">
                        <FieldLabel for="color">Color</FieldLabel>
                        <ProjectColorSelector v-model="project.color"></ProjectColorSelector>
                    </Field>
                    <Field class="w-full">
                        <FieldLabel for="projectName">Project name</FieldLabel>
                        <TextInput
                            id="projectName"
                            ref="projectNameInput"
                            v-model="project.name"
                            name="projectName"
                            type="text"
                            placeholder="The next big thing"
                            class="block w-full"
                            required
                            autocomplete="projectName"
                            @keydown.enter="submit()" />
                    </Field>
                </FieldGroup>
                <Field>
                    <FieldLabel for="client" :icon="UserCircleIcon">Client</FieldLabel>
                    <ClientDropdown
                        v-model="project.client_id"
                        :create-client="createClient"
                        :clients="activeClients">
                        <template #trigger>
                            <Button variant="input" class="w-full justify-between">
                                <span class="truncate">{{ currentClientName }}</span>
                                <ChevronDown class="w-4 h-4 text-icon-default" />
                            </Button>
                        </template>
                    </ClientDropdown>
                </Field>
                <ProjectEditBillableSection
                    v-model:is-billable="project.is_billable"
                    v-model:billable-rate="project.billable_rate"
                    :currency="currency"></ProjectEditBillableSection>
                <EstimatedTimeSection
                    v-if="enableEstimatedTime"
                    v-model="project.estimated_time"
                    @submit="submit()"></EstimatedTimeSection>
            </FieldGroup>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Project
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectDropdownItem.vue
================================================
<script setup lang="ts">
defineProps<{
    name: string;
    selected: boolean;
    color: string;
}>();
</script>

<template>
    <div
        class="flex justify-between items-center w-full text-start text-sm font-medium leading-5 text-text-primary hover:bg-card-background-active focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out">
        <div class="flex space-x-3 items-center px-3 py-1.5">
            <div :style="{ backgroundColor: color }" class="w-3 h-3 rounded-full"></div>
            <span>{{ name }}</span>
        </div>
        <slot name="actions"></slot>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Project/ProjectEditBillableSection.vue
================================================
<script setup lang="ts">
import { Field, FieldDescription, FieldLabel } from '../field';
import BillableRateInput from '@/packages/ui/src/Input/BillableRateInput.vue';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import {
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
} from '@/packages/ui/src/tooltip';
import { computed, onMounted, ref, watch } from 'vue';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import { useOrganizationQuery } from '@/utils/useOrganizationQuery';
import { getCurrentOrganizationId } from '@/utils/useUser';

defineProps<{
    currency: string;
}>();

const { organization } = useOrganizationQuery(getCurrentOrganizationId()!);

type RateType = 'default-rate' | 'custom-rate';

const billableDefault = ref<'billable' | 'non-billable'>('non-billable');
const rateType = ref<RateType>('default-rate');

const billableRate = defineModel<number | null>('billableRate');
const isBillable = defineModel<boolean>('isBillable');

onMounted(() => {
    if (isBillable.value === true) {
        billableDefault.value = 'billable';
        rateType.value = billableRate.value ? 'custom-rate' : 'default-rate';
    }
});

watch(billableDefault, () => {
    if (billableDefault.value === 'non-billable') {
        isBillable.value = false;
    } else {
        isBillable.value = true;
    }
});

watch(rateType, () => {
    if (rateType.value === 'default-rate') {
        billableRate.value = null;
    } else if (rateType.value === 'custom-rate') {
        billableDefault.value = 'billable';
        isBillable.value = true;
        if (!billableRate.value) {
            billableRate.value = organization.value?.billable_rate ?? null;
        }
    }
});

const displayedRate = computed({
    get() {
        if (rateType.value === 'default-rate') {
            return organization.value?.billable_rate ?? null;
        }
        return billableRate.value;
    },
    set(value: number | null) {
        if (rateType.value === 'custom-rate') {
            billableRate.value = value;
        }
    },
});

const billableDescription = computed(() => {
    if (billableDefault.value === 'non-billable') {
        return 'New time entries for this project will not be marked billable by default.';
    }
    return 'New time entries for this project will be marked billable by default.';
});

const emit = defineEmits(['submit']);
</script>

<template>
    <Field>
        <FieldLabel for="billable" :icon="BillableIcon">Billable Default</FieldLabel>
        <Select v-model="billableDefault">
            <SelectTrigger id="billable">
                <SelectValue />
            </SelectTrigger>
            <SelectContent>
                <SelectItem value="non-billable">Non-billable</SelectItem>
                <SelectItem value="billable">Billable</SelectItem>
            </SelectContent>
        </Select>
        <FieldDescription>{{ billableDescription }}</FieldDescription>
    </Field>
    <Field>
        <FieldLabel :icon="BillableIcon" for="billableRateType">Billable Rate</FieldLabel>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-2">
            <Select v-model="rateType">
                <SelectTrigger id="billableRateType">
                    <SelectValue />
                </SelectTrigger>
                <SelectContent>
                    <SelectItem value="default-rate">Default Rate</SelectItem>
                    <SelectItem value="custom-rate">Custom Rate</SelectItem>
                </SelectContent>
            </Select>
            <TooltipProvider v-if="rateType === 'default-rate'">
                <Tooltip>
                    <TooltipTrigger as-child>
                        <div>
                            <BillableRateInput
                                v-model="displayedRate"
                                :currency="currency"
                                disabled
                                name="billableRate" />
                        </div>
                    </TooltipTrigger>
                    <TooltipContent> Uses the default rate of the organization </TooltipContent>
                </Tooltip>
            </TooltipProvider>
            <BillableRateInput
                v-else
                v-model="displayedRate"
                :currency="currency"
                name="billableRate"
                @keydown.enter="emit('submit')" />
        </div>
    </Field>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Tag/TagBadge.vue
================================================
<script setup lang="ts">
import { twMerge } from 'tailwind-merge';
import Badge from '../Badge.vue';
import { TagIcon } from '@heroicons/vue/20/solid';

const props = withDefaults(
    defineProps<{
        name: string;
        size?: 'base' | 'large';
        tag?: string;
        class?: string;
        color?: string;
        border?: boolean;
        showIcon?: boolean;
    }>(),
    {
        size: 'base',
        tag: 'div',
        color: 'var(--theme-color-icon-default)',
        border: true,
        showIcon: true,
    }
);

const indicatorClasses = {
    base: 'w-3 h-3',
    large: 'w-5 h-5',
};
</script>

<template>
    <Badge :name :size :tag :class="props.class" :color :border>
        <TagIcon v-if="showIcon" :class="twMerge(indicatorClasses[size])"></TagIcon>
        <span v-if="name">
            {{ name }}
        </span>
    </Badge>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Tag/TagCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { ref } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import { useFocus } from '@vueuse/core';
import type { CreateTagBody, Tag } from '@/packages/api/src';
const show = defineModel('show', { default: false });
const saving = ref(false);

const tag = ref<CreateTagBody>({
    name: '',
});

const props = defineProps<{
    createTag: (name: string) => Promise<Tag | undefined>;
}>();

async function submit() {
    const newTag = props.createTag(tag.value.name);
    if (newTag !== undefined) {
        show.value = false;
        tag.value.name = '';
    }
}

const tagNameInput = ref<HTMLInputElement | null>(null);
useFocus(tagNameInput, { initialValue: true });
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create Tags </span>
            </div>
        </template>
        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1">
                    <TextInput
                        id="tagName"
                        ref="tagNameInput"
                        v-model="tag.name"
                        type="text"
                        placeholder="Tag Name"
                        class="mt-1 block w-full"
                        required
                        autocomplete="tagName"
                        @keydown.enter="submit" />
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel </SecondaryButton>

            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Tag
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/Tag/TagDropdown.vue
================================================
<script setup lang="ts">
import { PlusCircleIcon } from '@heroicons/vue/20/solid';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { computed, ref, watch } from 'vue';
import TagCreateModal from '@/packages/ui/src/Tag/TagCreateModal.vue';
import Checkbox from '@/packages/ui/src/Input/Checkbox.vue';
import type { Tag } from '@/packages/api/src';
import { Button } from '@/packages/ui/src/Buttons';
import {
    ComboboxAnchor,
    ComboboxContent,
    ComboboxInput,
    ComboboxItem,
    ComboboxRoot,
    ComboboxViewport,
} from 'radix-vue';

const NONE_ID = 'none';
const NO_TAG_LABEL = 'No Tag';

const props = withDefaults(
    defineProps<{
        tags: Tag[];
        createTag: (name: string) => Promise<Tag | undefined>;
        align?: 'center' | 'end' | 'start';
        showNoTagOption?: boolean;
    }>(),
    {
        align: 'start',
        showNoTagOption: true,
    }
);

const model = defineModel<string[]>({
    default: [],
});

const open = ref(false);
const searchValue = ref('');
const sortedTags = ref<Tag[]>([]);

watch(open, (isOpen) => {
    if (isOpen) {
        searchValue.value = '';
        sortedTags.value = [...props.tags].sort((a, b) => {
            const aSelected = model.value.includes(a.id) ? 0 : 1;
            const bSelected = model.value.includes(b.id) ? 0 : 1;
            return aSelected - bSelected;
        });
    }
});

const filteredTags = computed(() => {
    const search = searchValue.value.toLowerCase().trim();
    if (!search) return sortedTags.value;
    return sortedTags.value.filter((tag) => tag.name.toLowerCase().includes(search));
});

const showNoTag = computed(() => {
    if (!props.showNoTagOption) return false;
    const search = searchValue.value.toLowerCase().trim();
    if (!search) return true;
    return NO_TAG_LABEL.toLowerCase().includes(search);
});

function toggleTag(id: string) {
    if (model.value.includes(id)) {
        model.value = model.value.filter((tagId) => tagId !== id);
    } else {
        model.value = [...model.value, id];
    }
    emit('changed');
}

async function createAndAddTag(name: string) {
    const newTag = await props.createTag(name);
    if (newTag) {
        toggleTag(newTag.id);
    }
    searchValue.value = '';
    return newTag;
}

const emit = defineEmits<{
    changed: [];
    submit: [];
}>();

const showCreateTagModal = ref(false);
</script>

<template>
    <TagCreateModal
        v-if="showCreateTagModal"
        v-model:show="showCreateTagModal"
        :create-tag="createAndAddTag"></TagCreateModal>
    <Dropdown
        v-model="open"
        :align="align"
        :close-on-content-click="false"
        @submit="emit('submit')">
        <template #trigger>
            <slot name="trigger"></slot>
        </template>
        <template #content>
            <ComboboxRoot
                v-model:search-term="searchValue"
                :open="true"
                class="p-2"
                :filter-function="(val: string[]) => val">
                <ComboboxAnchor>
                    <ComboboxInput
                        data-testid="tag_dropdown_search"
                        class="w-full rounded-md border border-input-border bg-input-background px-3 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none"
                        placeholder="Search for a Tag..." />
                </ComboboxAnchor>
                <ComboboxContent
                    :dismiss-able="false"
                    position="inline"
                    class="mt-2 w-60 max-h-60 overflow-y-auto">
                    <ComboboxViewport>
                        <ComboboxItem
                            v-if="showNoTag"
                            :value="NONE_ID"
                            data-testid="tag_dropdown_entries"
                            class="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-text-primary data-[highlighted]:bg-card-background-active cursor-default"
                            @select.prevent="toggleTag(NONE_ID)">
                            <Checkbox
                                :checked="model.includes(NONE_ID)"
                                aria-hidden="true"
                                :tabindex="-1"
                                class="pointer-events-none" />
                            <span class="truncate">{{ NO_TAG_LABEL }}</span>
                        </ComboboxItem>
                        <ComboboxItem
                            v-for="tag in filteredTags"
                            :key="tag.id"
                            :value="tag.id"
                            data-testid="tag_dropdown_entries"
                            class="flex items-center gap-2 rounded-md px-2 py-1.5 text-sm text-text-primary data-[highlighted]:bg-card-background-active cursor-default"
                            @select.prevent="toggleTag(tag.id)">
                            <Checkbox
                                :checked="model.includes(tag.id)"
                                aria-hidden="true"
                                :tabindex="-1"
                                class="pointer-events-none" />
                            <span class="truncate">{{ tag.name }}</span>
                        </ComboboxItem>
                    </ComboboxViewport>
                </ComboboxContent>
                <div class="mt-1 border-t border-card-background-separator pt-1">
                    <Button
                        variant="ghost"
                        size="sm"
                        class="w-full justify-start gap-2 px-2 py-1.5 text-sm text-text-primary"
                        @click="
                            open = false;
                            showCreateTagModal = true;
                        ">
                        <PlusCircleIcon class="w-4 h-4 flex-shrink-0 text-icon-default" />
                        <span>Create new Tag</span>
                    </Button>
                </div>
            </ComboboxRoot>
        </template>
    </Dropdown>
</template>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import TimeTrackerStartStop from '../TimeTrackerStartStop.vue';
import type {
    CreateClientBody,
    CreateProjectBody,
    Project,
    Tag,
    Task,
    TimeEntry,
    Client,
    Organization,
} from '@/packages/api/src';
import TimeEntryDescriptionInput from '@/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue';
import TimeEntryRowTagDropdown from '@/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue';
import TimeEntryMoreOptionsDropdown from '@/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
import { ref, inject, type ComputedRef } from 'vue';
import { formatHumanReadableDuration, formatStartEnd } from '@/packages/ui/src/utils/time';
import TimeEntryRow from '@/packages/ui/src/TimeEntry/TimeEntryRow.vue';
import GroupedItemsCountButton from '@/packages/ui/src/GroupedItemsCountButton.vue';
import type { TimeEntriesGroupedByType } from '@/types/time-entries';
import { Checkbox } from '@/packages/ui/src';
import { twMerge } from 'tailwind-merge';
const props = defineProps<{
    timeEntry: TimeEntriesGroupedByType;
    projects: Project[];
    tasks: Task[];
    tags: Tag[];
    clients: Client[];
    createTag: (name: string) => Promise<Tag | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    onStartStopClick: (timeEntry: TimeEntry) => void;
    duplicateTimeEntry: (timeEntry: TimeEntry) => void;
    updateTimeEntries: (ids: string[], changes: Partial<TimeEntry>) => void;
    updateTimeEntry: (timeEntry: TimeEntry) => void;
    deleteTimeEntries: (timeEntries: TimeEntry[]) => void;
    currency: string;
    selectedTimeEntries: TimeEntry[];
    enableEstimatedTime: boolean;
    canCreateProject: boolean;
}>();
const emit = defineEmits<{
    selected: [TimeEntry[]];
    unselected: [TimeEntry[]];
}>();

const organization = inject<ComputedRef<Organization>>('organization');

function updateTimeEntryDescription(description: string) {
    props.updateTimeEntries(
        props.timeEntry.timeEntries.map((timeEntry: TimeEntry) => timeEntry.id),
        { description: description }
    );
}

function updateTimeEntryTags(tags: string[]) {
    props.updateTimeEntries(
        props.timeEntry.timeEntries.map((timeEntry: TimeEntry) => timeEntry.id),
        { tags: tags }
    );
}

function updateTimeEntryBillable(billable: boolean) {
    props.updateTimeEntries(
        props.timeEntry.timeEntries.map((timeEntry: TimeEntry) => timeEntry.id),
        { billable: billable }
    );
}

function updateProjectAndTask(projectId: string, taskId: string) {
    props.updateTimeEntries(
        props.timeEntry.timeEntries.map((timeEntry: TimeEntry) => timeEntry.id),
        { project_id: projectId, task_id: taskId }
    );
}

const expanded = ref(false);

function onSelectChange(checked: boolean) {
    if (checked) {
        emit('selected', [...props.timeEntry.timeEntries]);
    } else {
        emit('unselected', [...props.timeEntry.timeEntries]);
    }
}
</script>

<template>
    <div
        class="border-b border-default-background-separator bg-row-background min-w-0 transition"
        data-testid="time_entry_row">
        <MainContainer class="min-w-0">
            <div class="@xl:flex py-2 items-center min-w-0 justify-between group">
                <!-- Desktop layout -->
                <div class="hidden @lg:flex space-x-3 items-center min-w-0">
                    <Checkbox
                        :checked="
                            timeEntry.timeEntries.every((aggregateTimeEntry: TimeEntry) =>
                                selectedTimeEntries.includes(aggregateTimeEntry)
                            )
                        "
                        @update:checked="onSelectChange" />
                    <div class="flex items-center min-w-0">
                        <GroupedItemsCountButton :expanded="expanded" @click="expanded = !expanded">
                            {{ timeEntry?.timeEntries?.length }}
                        </GroupedItemsCountButton>
                        <TimeEntryDescriptionInput
                            class="min-w-0 mr-4 shrink"
                            :model-value="timeEntry.description"
                            @changed="updateTimeEntryDescription"></TimeEntryDescriptionInput>
                        <TimeTrackerProjectTaskDropdown
                            class="min-w-0 shrink"
                            :clients
                            :create-project
                            :create-client
                            :can-create-project
                            :projects="projects"
                            :tasks="tasks"
                            :project="timeEntry.project_id"
                            :enable-estimated-time
                            :currency="currency"
                            :task="timeEntry.task_id"
                            @changed="updateProjectAndTask"></TimeTrackerProjectTaskDropdown>
                    </div>
                </div>
                <div
                    class="hidden @lg:flex items-center font-medium space-x-1 @lg:space-x-2 shrink-0">
                    <TimeEntryRowTagDropdown
                        :create-tag
                        :tags="tags"
                        :model-value="timeEntry.tags"
                        @changed="updateTimeEntryTags"></TimeEntryRowTagDropdown>
                    <BillableToggleButton
                        :model-value="timeEntry.billable"
                        size="small"
                        faded
                        @changed="updateTimeEntryBillable"></BillableToggleButton>
                    <div class="flex-1">
                        <button
                            :class="
                                twMerge(
                                    'text-text-secondary px-1 py-1.5 bg-transparent text-center hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary',
                                    organization?.time_format === '12-hours'
                                        ? 'w-[160px]'
                                        : 'w-[100px]'
                                )
                            "
                            @click="expanded = !expanded">
                            {{
                                formatStartEnd(
                                    timeEntry.start,
                                    timeEntry.end,
                                    organization?.time_format
                                )
                            }}
                        </button>
                    </div>
                    <button
                        class="text-text-primary !mr-2 min-w-[80px] px-1.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary"
                        @click="expanded = !expanded">
                        {{
                            formatHumanReadableDuration(
                                timeEntry.duration ?? 0,
                                organization?.interval_format,
                                organization?.number_format
                            )
                        }}
                    </button>

                    <TimeTrackerStartStop
                        :active="!!(timeEntry.start && !timeEntry.end)"
                        variant="secondary"
                        class="opacity-60 flex group-hover:opacity-100 focus-visible:opacity-100"
                        @changed="onStartStopClick(timeEntry)"></TimeTrackerStartStop>
                    <TimeEntryMoreOptionsDropdown
                        :show-edit="false"
                        :show-duplicate="false"
                        @delete="
                            deleteTimeEntries(timeEntry?.timeEntries ?? [])
                        "></TimeEntryMoreOptionsDropdown>
                </div>
                <!-- Mobile layout -->
                <div class="@lg:hidden">
                    <!-- First row: count + description + duration -->
                    <div class="flex items-center justify-between min-w-0">
                        <div class="flex items-center min-w-0 flex-1">
                            <GroupedItemsCountButton
                                :expanded="expanded"
                                @click="expanded = !expanded">
                                {{ timeEntry?.timeEntries?.length }}
                            </GroupedItemsCountButton>
                            <TimeEntryDescriptionInput
                                class="min-w-0 flex-1"
                                :model-value="timeEntry.description"
                                @changed="updateTimeEntryDescription"></TimeEntryDescriptionInput>
                        </div>
                        <button
                            class="text-text-primary min-w-[80px] px-1.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:bg-tertiary"
                            @click="expanded = !expanded">
                            {{
                                formatHumanReadableDuration(
                                    timeEntry.duration ?? 0,
                                    organization?.interval_format,
                                    organization?.number_format
                                )
                            }}
                        </button>
                    </div>
                    <!-- Second row: project/task - tags - billable - start - more -->
                    <div class="flex items-center justify-between mt-1">
                        <TimeTrackerProjectTaskDropdown
                            class="min-w-0"
                            :clients
                            :create-project
                            :create-client
                            :can-create-project
                            :projects="projects"
                            :tasks="tasks"
                            :project="timeEntry.project_id"
                            :enable-estimated-time
                            :currency="currency"
                            :task="timeEntry.task_id"
                            @changed="updateProjectAndTask"></TimeTrackerProjectTaskDropdown>
                        <div class="flex items-center shrink-0">
                            <TimeEntryRowTagDropdown
                                :create-tag
                                :tags="tags"
                                :model-value="timeEntry.tags"
                                compact
                                @changed="updateTimeEntryTags"></TimeEntryRowTagDropdown>
                            <BillableToggleButton
                                :model-value="timeEntry.billable"
                                size="small"
                                @changed="updateTimeEntryBillable"></BillableToggleButton>
                            <TimeTrackerStartStop
                                :active="!!(timeEntry.start && !timeEntry.end)"
                                variant="secondary"
                                class="ml-2"
                                @changed="onStartStopClick(timeEntry)"></TimeTrackerStartStop>
                            <TimeEntryMoreOptionsDropdown
                                :show-edit="false"
                                :show-duplicate="false"
                                @delete="
                                    deleteTimeEntries(timeEntry?.timeEntries ?? [])
                                "></TimeEntryMoreOptionsDropdown>
                        </div>
                    </div>
                </div>
            </div>
        </MainContainer>
        <div
            v-if="expanded"
            class="w-full border-t border-default-background-separator bg-black/15">
            <TimeEntryRow
                v-for="subEntry in timeEntry.timeEntries"
                :key="subEntry.id"
                :projects="projects"
                :enable-estimated-time
                :can-create-project
                :tasks="tasks"
                :selected="
                    !!selectedTimeEntries.find(
                        (filterEntry: TimeEntry) => filterEntry.id === subEntry.id
                    )
                "
                :create-client
                :clients
                :create-project
                :tags="tags"
                indent
                :update-time-entry="(timeEntry: TimeEntry) => updateTimeEntry(timeEntry)"
                :on-start-stop-click="() => onStartStopClick(subEntry)"
                :delete-time-entry="() => deleteTimeEntries([subEntry])"
                :duplicate-time-entry="() => duplicateTimeEntry(subEntry)"
                :currency="currency"
                :create-tag
                :time-entry="subEntry"
                @selected="emit('selected', [subEntry])"
                @unselected="emit('unselected', [subEntry])"></TimeEntryRow>
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryCreateModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, nextTick, ref, watch } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import { Field, FieldLabel } from '../field';
import { TagIcon } from '@heroicons/vue/20/solid';
import { getDayJsInstance, getLocalizedDayJs } from '@/packages/ui/src/utils/time';
import type {
    CreateClientBody,
    CreateProjectBody,
    Project,
    Client,
    CreateTimeEntryBody,
} from '@/packages/api/src';
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { Button } from '@/packages/ui/src/Buttons';
import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
import DurationHumanInput from '@/packages/ui/src/Input/DurationHumanInput.vue';

import { InformationCircleIcon } from '@heroicons/vue/20/solid';
import type { Tag, Task } from '@/packages/api/src';
import TimePickerSimple from '@/packages/ui/src/Input/TimePickerSimple.vue';

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    enableEstimatedTime: boolean;
    createTimeEntry: (entry: Omit<CreateTimeEntryBody, 'member_id'>) => Promise<void>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createTag: (name: string) => Promise<Tag | undefined>;
    tags: Tag[];
    projects: Project[];
    tasks: Task[];
    clients: Client[];
    start?: string;
    end?: string;
    currency: string;
    canCreateProject: boolean;
}>();

const description = ref<HTMLInputElement | null>(null);

watch(show, (value) => {
    if (value) {
        nextTick(() => {
            description.value?.focus();
        });
    }
});

const timeEntryDefaultValues = {
    description: '',
    project_id: null,
    task_id: null,
    tags: [],
    billable: false,
    start: getDayJsInstance().utc().subtract(1, 'h').second(0).format(),
    end: getDayJsInstance().utc().second(0).format(),
};

const timeEntry = ref({
    ...timeEntryDefaultValues,
});

// update the localStart and localEnd when props.start or props.end get updates
watch(
    () => props.start,
    (value) => {
        if (value) {
            localStart.value = getLocalizedDayJs(value).format();
        }
    }
);
watch(
    () => props.end,
    (value) => {
        if (value) {
            localEnd.value = getLocalizedDayJs(value).format();
        }
    }
);

watch(
    () => timeEntry.value.project_id,
    (value) => {
        if (value) {
            // check if project is billable by default and set billable accordingly
            const project = props.projects.find((p) => p.id === value);
            if (project) {
                timeEntry.value.billable = project.is_billable;
            }
        }
    }
);

const localStart = ref(getLocalizedDayJs(timeEntryDefaultValues.start).format());

const localEnd = ref(getLocalizedDayJs(timeEntryDefaultValues.end).format());

watch(localStart, (value) => {
    timeEntry.value.start = getLocalizedDayJs(value).utc().format();
    if (getLocalizedDayJs(localEnd.value).isBefore(getLocalizedDayJs(value))) {
        localEnd.value = value;
    }
});

watch(localEnd, (value) => {
    timeEntry.value.end = getLocalizedDayJs(value).utc().format();
});

async function submit() {
    await props.createTimeEntry({ ...timeEntry.value });
    timeEntry.value = { ...timeEntryDefaultValues };
    localStart.value = getLocalizedDayJs(timeEntryDefaultValues.start).format();
    localEnd.value = getLocalizedDayJs(timeEntryDefaultValues.end).format();
    show.value = false;
}

const billableProxy = computed({
    get: () => (timeEntry.value.billable ? 'true' : 'false'),
    set: (value: string) => {
        timeEntry.value.billable = value === 'true';
    },
});
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Create manual time entry </span>
            </div>
        </template>

        <template #content>
            <div class="sm:flex items-end space-y-2 sm:space-y-0 sm:space-x-4">
                <div class="flex-1">
                    <TextInput
                        id="description"
                        ref="description"
                        v-model="timeEntry.description"
                        aria-label="Description"
                        placeholder="What did you work on?"
                        type="text"
                        class="mt-1 block w-full"
                        @keydown.enter="submit" />
                </div>
            </div>
            <div class="flex flex-col sm:flex-row sm:items-end gap-2 pt-4">
                <div class="flex-1 min-w-0">
                    <TimeTrackerProjectTaskDropdown
                        v-model:project="timeEntry.project_id"
                        v-model:task="timeEntry.task_id"
                        variant="input"
                        size="default"
                        :clients
                        :create-project
                        :create-client
                        :can-create-project
                        :currency
                        :projects="projects"
                        :tasks="tasks"
                        :enable-estimated-time="enableEstimatedTime" />
                </div>
                <div class="flex items-center gap-2 shrink-0">
                    <TagDropdown
                        v-model="timeEntry.tags"
                        :create-tag
                        :tags="tags"
                        :show-no-tag-option="false">
                        <template #trigger>
                            <Button variant="input">
                                <TagIcon class="h-4 text-icon-default" />
                                <span>{{
                                    timeEntry.tags.length === 0
                                        ? 'Tags'
                                        : `${timeEntry.tags.length} Tag${timeEntry.tags.length > 1 ? 's' : ''}`
                                }}</span>
                            </Button>
                        </template>
                    </TagDropdown>
                    <Select v-model="billableProxy">
                        <SelectTrigger :show-chevron="false">
                            <SelectValue class="flex items-center gap-2">
                                <BillableIcon class="h-4 text-icon-default" />
                                <span>{{ timeEntry.billable ? 'Billable' : 'Non-Billable' }}</span>
                            </SelectValue>
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem value="true">Billable</SelectItem>
                            <SelectItem value="false">Non Billable</SelectItem>
                        </SelectContent>
                    </Select>
                </div>
            </div>
            <div class="grid grid-cols-2 sm:grid-cols-5 gap-4 pt-4">
                <Field class="col-span-2 sm:col-span-3">
                    <FieldLabel>Duration</FieldLabel>
                    <div class="space-y-2 flex flex-col">
                        <DurationHumanInput
                            v-model:start="localStart"
                            v-model:end="localEnd"
                            name="Duration"></DurationHumanInput>
                        <div class="text-sm flex space-x-1">
                            <InformationCircleIcon
                                class="w-4 shrink-0 text-text-quaternary"></InformationCircleIcon>
                            <span class="text-text-secondary text-xs">
                                You can type natural language like
                                <span class="font-semibold"> 2h 30m</span>
                            </span>
                        </div>
                    </div>
                </Field>
                <Field>
                    <FieldLabel>Start</FieldLabel>
                    <div class="flex flex-col gap-2">
                        <TimePickerSimple v-model="localStart" class="w-full"></TimePickerSimple>
                        <DatePicker v-model="localStart" class="w-full" tabindex="1"></DatePicker>
                    </div>
                </Field>
                <Field>
                    <FieldLabel>End</FieldLabel>
                    <div class="flex flex-col gap-2">
                        <TimePickerSimple v-model="localEnd" class="w-full"></TimePickerSimple>
                        <DatePicker v-model="localEnd" class="w-full" tabindex="1"></DatePicker>
                    </div>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton tabindex="2" @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                tabindex="2"
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Create Time Entry
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue
================================================
<script setup lang="ts">
import { computed, ref, watch } from 'vue';

const value = defineModel();
const emit = defineEmits(['changed']);

function onChange(event: Event) {
    const target = event.target as HTMLInputElement;
    if (target.value !== value.value) {
        emit('changed', target.value);
        value.value = target.value;
    }
}

watch(
    () => value.value,
    (newValue) => {
        liveDataValue.value = newValue;
    }
);

function onInput(event: Event) {
    liveDataValue.value = (event.target as HTMLInputElement).value;
}

const liveDataValue = ref(value.value);

const displaysPlaceholder = computed(() => {
    return liveDataValue.value === '' || liveDataValue.value === null;
});
</script>

<template>
    <div class="relative min-w-0 text-ellipsis whitespace-nowrap overflow-hidden">
        <div class="relative text-sm font-medium min-w-0">
            <div
                :class="[
                    'opacity-0 h-4 text-sm whitespace-pre font-medium min-w-0 pl-1.5 @lg:pl-3 pr-1',
                    { 'min-w-[130px]': displaysPlaceholder },
                ]">
                {{ liveDataValue }}
            </div>
            <input
                data-testid="time_entry_description"
                :value="liveDataValue"
                placeholder="Add a description"
                class="absolute px-0 h-full min-w-0 pl-1.5 @lg:pl-3 pr-1 left-0 top-0 w-full text-sm text-text-primary font-medium bg-transparent focus-visible:ring-0 rounded-lg border-0"
                @blur="onChange"
                @input="onInput"
                @keydown.enter="onChange" />
        </div>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryEditModal.vue
================================================
<script setup lang="ts">
import TextInput from '@/packages/ui/src/Input/TextInput.vue';
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, nextTick, ref, watch } from 'vue';
import PrimaryButton from '@/packages/ui/src/Buttons/PrimaryButton.vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import { Field, FieldLabel } from '../field';
import { TagIcon } from '@heroicons/vue/20/solid';
import { getLocalizedDayJs } from '@/packages/ui/src/utils/time';
import type {
    CreateClientBody,
    CreateProjectBody,
    Project,
    Client,
    TimeEntry,
} from '@/packages/api/src';
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { Button } from '@/packages/ui/src/Buttons';
import DatePicker from '@/packages/ui/src/Input/DatePicker.vue';
import DurationHumanInput from '@/packages/ui/src/Input/DurationHumanInput.vue';

import { InformationCircleIcon } from '@heroicons/vue/20/solid';
import type { Tag, Task } from '@/packages/api/src';
import TimePickerSimple from '@/packages/ui/src/Input/TimePickerSimple.vue';

const show = defineModel('show', { default: false });
const saving = ref(false);
const deleting = ref(false);

const props = defineProps<{
    timeEntry: TimeEntry | null;
    enableEstimatedTime: boolean;
    updateTimeEntry: (entry: TimeEntry) => Promise<void>;
    deleteTimeEntry: (timeEntryId: string) => Promise<void>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createTag: (name: string) => Promise<Tag | undefined>;
    tags: Tag[];
    projects: Project[];
    tasks: Task[];
    clients: Client[];
    currency: string;
    canCreateProject: boolean;
}>();

const description = ref<HTMLInputElement | null>(null);

watch(show, (value) => {
    if (value) {
        nextTick(() => {
            description.value?.focus();
        });
    }
});

const editableTimeEntry = ref<TimeEntry | null>(null);

watch(
    () => props.timeEntry,
    (newTimeEntry) => {
        if (newTimeEntry) {
            editableTimeEntry.value = { ...newTimeEntry };
        }
    },
    { immediate: true }
);

watch(
    () => editableTimeEntry.value?.project_id,
    (value, oldValue) => {
        if (oldValue !== undefined && value !== oldValue && editableTimeEntry.value) {
            const project = props.projects.find((p) => p.id === value);
            if (project) {
                editableTimeEntry.value.billable = project.is_billable;
            }
        }
    }
);

const localStart = computed({
    get: () =>
        editableTimeEntry.value ? getLocalizedDayJs(editableTimeEntry.value.start).format() : '',
    set: (value: string) => {
        if (editableTimeEntry.value) {
            editableTimeEntry.value.start = getLocalizedDayJs(value).utc().format();
            if (getLocalizedDayJs(localEnd.value).isBefore(getLocalizedDayJs(value))) {
                localEnd.value = value;
            }
        }
    },
});

const localEnd = computed({
    get: () =>
        editableTimeEntry.value ? getLocalizedDayJs(editableTimeEntry.value.end).format() : '',
    set: (value: string) => {
        if (editableTimeEntry.value) {
            editableTimeEntry.value.end = getLocalizedDayJs(value).utc().format();
        }
    },
});

async function submit() {
    if (editableTimeEntry.value) {
        saving.value = true;
        try {
            await props.updateTimeEntry(editableTimeEntry.value);
            show.value = false;
        } finally {
            saving.value = false;
        }
    }
}

async function deleteEntry() {
    if (editableTimeEntry.value) {
        deleting.value = true;
        try {
            await props.deleteTimeEntry(editableTimeEntry.value.id);
            show.value = false;
        } finally {
            deleting.value = false;
        }
    }
}

const billableProxy = computed({
    get: () =>
        editableTimeEntry.value ? (editableTimeEntry.value.billable ? 'true' : 'false') : 'false',
    set: (value: string) => {
        if (editableTimeEntry.value) {
            editableTimeEntry.value.billable = value === 'true';
        }
    },
});
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Edit time entry </span>
            </div>
        </template>

        <template #content>
            <div v-if="editableTimeEntry" class="space-y-4">
                <div class="sm:flex items-end space-y-2 sm:space-y-0 sm:space-x-4">
                    <div class="flex-1">
                        <TextInput
                            id="description"
                            ref="description"
                            v-model="editableTimeEntry.description"
                            placeholder="What did you work on?"
                            type="text"
                            class="mt-1 block w-full"
                            @keydown.enter="submit" />
                    </div>
                </div>
                <div class="flex flex-col sm:flex-row sm:items-end gap-2 sm:gap-4">
                    <div class="flex-1 min-w-0">
                        <TimeTrackerProjectTaskDropdown
                            v-model:project="editableTimeEntry.project_id"
                            v-model:task="editableTimeEntry.task_id"
                            variant="input"
                            :clients
                            :create-project
                            :create-client
                            :can-create-project="canCreateProject"
                            :currency="currency"
                            :projects="projects"
                            :tasks="tasks"
                            :enable-estimated-time="enableEstimatedTime" />
                    </div>
                    <div class="flex items-center gap-2 shrink-0">
                        <TagDropdown
                            v-model="editableTimeEntry.tags"
                            :create-tag
                            :tags="tags"
                            :show-no-tag-option="false">
                            <template #trigger>
                                <Button variant="input" size="sm">
                                    <TagIcon class="h-4 text-icon-default" />
                                    <span>{{
                                        editableTimeEntry.tags.length === 0
                                            ? 'Tags'
                                            : `${editableTimeEntry.tags.length} Tag${editableTimeEntry.tags.length > 1 ? 's' : ''}`
                                    }}</span>
                                </Button>
                            </template>
                        </TagDropdown>
                        <Select v-model="billableProxy">
                            <SelectTrigger size="sm" :show-chevron="false">
                                <SelectValue class="flex items-center gap-2">
                                    <BillableIcon class="h-4 text-icon-default" />
                                    <span>{{
                                        editableTimeEntry.billable ? 'Billable' : 'Non-Billable'
                                    }}</span>
                                </SelectValue>
                            </SelectTrigger>
                            <SelectContent>
                                <SelectItem value="true">Billable</SelectItem>
                                <SelectItem value="false">Non Billable</SelectItem>
                            </SelectContent>
                        </Select>
                    </div>
                </div>
                <div class="grid grid-cols-2 sm:grid-cols-5 gap-4 pt-4">
                    <Field class="col-span-2 sm:col-span-3">
                        <FieldLabel>Duration</FieldLabel>
                        <div class="space-y-2 flex flex-col">
                            <DurationHumanInput
                                v-model:start="localStart"
                                v-model:end="localEnd"
                                name="Duration"></DurationHumanInput>
                            <div class="text-sm flex space-x-1">
                                <InformationCircleIcon
                                    class="w-4 shrink-0 text-text-quaternary"></InformationCircleIcon>
                                <span class="text-text-secondary text-xs">
                                    You can type natural language like
                                    <span class="font-semibold"> 2h 30m</span>
                                </span>
                            </div>
                        </div>
                    </Field>
                    <Field>
                        <FieldLabel>Start</FieldLabel>
                        <div class="flex flex-col gap-2">
                            <TimePickerSimple
                                v-model="localStart"
                                class="w-full"></TimePickerSimple>
                            <DatePicker
                                v-model="localStart"
                                class="w-full"
                                tabindex="1"></DatePicker>
                        </div>
                    </Field>
                    <Field>
                        <FieldLabel>End</FieldLabel>
                        <div class="flex flex-col gap-2">
                            <TimePickerSimple v-model="localEnd" class="w-full"></TimePickerSimple>
                            <DatePicker v-model="localEnd" class="w-full" tabindex="1"></DatePicker>
                        </div>
                    </Field>
                </div>
            </div>
        </template>
        <template #footer>
            <div class="flex justify-between w-full">
                <SecondaryButton
                    tabindex="2"
                    class="bg-red-600 hover:bg-red-700 text-white border-red-600 hover:border-red-700"
                    :disabled="deleting || saving"
                    @click="deleteEntry">
                    {{ deleting ? 'Deleting...' : 'Delete' }}
                </SecondaryButton>
                <div class="flex space-x-3">
                    <SecondaryButton tabindex="2" @click="show = false"> Cancel</SecondaryButton>
                    <PrimaryButton
                        tabindex="2"
                        :class="{ 'opacity-25': saving }"
                        :disabled="saving || deleting"
                        @click="submit">
                        {{ saving ? 'Updating...' : 'Update Time Entry' }}
                    </PrimaryButton>
                </div>
            </div>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryGroupedTable.vue
================================================
<script setup lang="ts">
import { computed } from 'vue';
import type {
    CreateClientBody,
    CreateProjectBody,
    CreateTimeEntryBody,
    Project,
    Tag,
    Task,
    TimeEntry,
    Client,
} from '@/packages/api/src';
import { getDayJsInstance, getLocalizedDateFromTimestamp } from '@/packages/ui/src/utils/time';
import TimeEntryAggregateRow from '@/packages/ui/src/TimeEntry/TimeEntryAggregateRow.vue';
import TimeEntryRowHeading from '@/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue';
import TimeEntryRow from '@/packages/ui/src/TimeEntry/TimeEntryRow.vue';
import type { TimeEntriesGroupedByType } from '@/types/time-entries';

const selectedTimeEntries = defineModel<TimeEntry[]>('selected', {
    default: [],
});

const props = defineProps<{
    timeEntries: TimeEntry[];
    projects: Project[];
    tasks: Task[];
    tags: Tag[];
    clients: Client[];
    createTag: (name: string) => Promise<Tag | undefined>;
    updateTimeEntry: (entry: TimeEntry) => void;
    updateTimeEntries: (ids: string[], changes: Partial<TimeEntry>) => void;
    deleteTimeEntries: (entries: TimeEntry[]) => void;
    createTimeEntry: (entry: Omit<CreateTimeEntryBody, 'member_id'>) => void;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    currency: string;
    enableEstimatedTime: boolean;
    canCreateProject: boolean;
}>();

const groupedTimeEntries = computed(() => {
    const groupedEntriesByDay: Record<string, TimeEntry[]> = {};
    for (const entry of props.timeEntries) {
        // skip current time entry
        if (entry.end === null) {
            continue;
        }
        const oldEntries = groupedEntriesByDay[getLocalizedDateFromTimestamp(entry.start)];
        groupedEntriesByDay[getLocalizedDateFromTimestamp(entry.start)] = [
            ...(oldEntries ?? []),
            entry,
        ];
    }
    const groupedEntriesByDayAndType: Record<string, TimeEntriesGroupedByType[]> = {};
    for (const dailyEntriesKey in groupedEntriesByDay) {
        const dailyEntries = groupedEntriesByDay[dailyEntriesKey]!;
        const newDailyEntries: TimeEntriesGroupedByType[] = [];

        for (const entry of dailyEntries) {
            // check if same entry already exists
            const oldEntriesIndex = newDailyEntries.findIndex(
                (e) =>
                    e.project_id === entry.project_id &&
                    e.task_id === entry.task_id &&
                    e.billable === entry.billable &&
                    e.description === entry.description
            );
            if (oldEntriesIndex !== -1 && newDailyEntries[oldEntriesIndex]) {
                const existingEntry = newDailyEntries[oldEntriesIndex]!;
                existingEntry.timeEntries.push(entry);

                // Add up durations for time entries of the same type
                existingEntry.duration = (existingEntry.duration ?? 0) + (entry?.duration ?? 0);

                // adapt start end times so they show the earliest start and latest end time
                if (
                    getDayJsInstance()(entry.start).isBefore(
                        getDayJsInstance()(existingEntry.start)
                    )
                ) {
                    existingEntry.start = entry.start;
                }
                if (getDayJsInstance()(entry.end).isAfter(getDayJsInstance()(existingEntry.end))) {
                    existingEntry.end = entry.end;
                }
            } else {
                newDailyEntries.push({ ...entry, timeEntries: [entry] });
            }
        }

        groupedEntriesByDayAndType[dailyEntriesKey] = newDailyEntries;
    }

    return groupedEntriesByDayAndType;
});

function startTimeEntryFromExisting(entry: TimeEntry) {
    props.createTimeEntry({
        project_id: entry.project_id,
        task_id: entry.task_id,
        start: getDayJsInstance().utc().format(),
        end: null,
        billable: entry.billable,
        description: entry.description,
        tags: [...entry.tags],
    });
}

function sumDuration(timeEntries: TimeEntry[]) {
    return timeEntries.reduce((acc, entry) => acc + (entry?.duration ?? 0), 0);
}
function selectAllTimeEntries(value: TimeEntriesGroupedByType[]) {
    for (const timeEntry of value) {
        if ('timeEntries' in timeEntry) {
            for (const subTimeEntry of timeEntry.timeEntries) {
                selectedTimeEntries.value.push(subTimeEntry);
            }
        } else {
            selectedTimeEntries.value.push(timeEntry);
        }
    }
}
function unselectAllTimeEntries(value: TimeEntriesGroupedByType[]) {
    selectedTimeEntries.value = selectedTimeEntries.value.filter((timeEntry) => {
        return !value.find(
            (filterTimeEntry) =>
                filterTimeEntry.id === timeEntry.id ||
                filterTimeEntry.timeEntries?.find(
                    (subTimeEntry) => subTimeEntry.id === timeEntry.id
                )
        );
    });
}
</script>

<template>
    <div class="@container">
        <div v-for="(value, key) in groupedTimeEntries" :key="key">
            <TimeEntryRowHeading
                :date="String(key)"
                :duration="sumDuration(value)"
                :checked="
                    value.every((timeEntry: TimeEntry) => selectedTimeEntries.includes(timeEntry))
                "
                @select-all="selectAllTimeEntries(value)"
                @unselect-all="unselectAllTimeEntries(value)"></TimeEntryRowHeading>
            <template v-for="entry in value" :key="entry.id">
                <TimeEntryAggregateRow
                    v-if="'timeEntries' in entry && entry.timeEntries.length > 1"
                    :create-project
                    :can-create-project
                    :enable-estimated-time
                    :selected-time-entries="selectedTimeEntries"
                    :create-client
                    :projects="projects"
                    :tasks="tasks"
                    :tags="tags"
                    :clients
                    :on-start-stop-click="startTimeEntryFromExisting"
                    :duplicate-time-entry="createTimeEntry"
                    :update-time-entries
                    :update-time-entry
                    :delete-time-entries
                    :create-tag
                    :currency="currency"
                    :time-entry="entry"
                    @selected="
                        (timeEntries: TimeEntry[]) => {
                            selectedTimeEntries = [...selectedTimeEntries, ...timeEntries];
                        }
                    "
                    @unselected="
                        (timeEntriesToUnselect: TimeEntry[]) => {
                            selectedTimeEntries = selectedTimeEntries.filter(
                                (item: TimeEntry) =>
                                    !timeEntriesToUnselect.find(
                                        (filterEntry: TimeEntry) => filterEntry.id === item.id
                                    )
                            );
                        }
                    "></TimeEntryAggregateRow>
                <TimeEntryRow
                    v-else
                    :create-client
                    :enable-estimated-time
                    :can-create-project
                    :create-project
                    :projects="projects"
                    :selected="
                        !!selectedTimeEntries.find(
                            (filterEntry: TimeEntry) => filterEntry.id === entry.id
                        )
                    "
                    :tasks="tasks"
                    :tags="tags"
                    :clients
                    :create-tag
                    :update-time-entry
                    :on-start-stop-click="() => startTimeEntryFromExisting(entry)"
                    :delete-time-entry="() => deleteTimeEntries([entry])"
                    :duplicate-time-entry="() => createTimeEntry(entry)"
                    :currency="currency"
                    :time-entry="entry.timeEntries[0]!"
                    @selected="selectedTimeEntries.push(entry)"
                    @unselected="
                        selectedTimeEntries = selectedTimeEntries.filter(
                            (item: TimeEntry) => item.id !== entry.id
                        )
                    "></TimeEntryRow>
            </template>
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryMassActionRow.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import { PencilSquareIcon, TrashIcon } from '@heroicons/vue/20/solid';
import TimeEntryMassUpdateModal from '@/packages/ui/src/TimeEntry/TimeEntryMassUpdateModal.vue';
import type {
    Client,
    CreateClientBody,
    CreateProjectBody,
    Project,
    Tag,
    Task,
    TimeEntry,
    UpdateMultipleTimeEntriesChangeset,
} from '@/packages/api/src';
import { ref } from 'vue';
import { twMerge } from 'tailwind-merge';
import { Checkbox } from '@/packages/ui/src';
import { FieldLabel } from '../field';

const props = defineProps<{
    selectedTimeEntries: TimeEntry[];
    deleteSelected: () => void;
    class?: string;
    allSelected: boolean;
    projects: Project[];
    tasks: Task[];
    tags: Tag[];
    clients: Client[];
    createTag: (name: string) => Promise<Tag | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    updateTimeEntries: (changeset: UpdateMultipleTimeEntriesChangeset) => Promise<void>;
    currency: string;
    enableEstimatedTime: boolean;
    canCreateProject: boolean;
}>();

const emit = defineEmits<{
    submit: [];
    selectAll: [];
    unselectAll: [];
}>();

const showMassUpdateModal = ref(false);
</script>

<template>
    <TimeEntryMassUpdateModal
        v-model:show="showMassUpdateModal"
        :projects
        :tasks
        :tags
        :clients
        :create-tag
        :create-project
        :create-client
        :update-time-entries
        :enable-estimated-time
        :can-create-project
        :currency
        :time-entries="selectedTimeEntries"
        @submit="emit('submit')"></TimeEntryMassUpdateModal>
    <MainContainer
        :class="
            twMerge(
                props.class,
                'text-sm py-1.5 font-medium hidden sm:flex border-b border-border-primary items-center space-x-3'
            )
        ">
        <Checkbox
            id="selectAll"
            :checked="allSelected && selectedTimeEntries.length > 0"
            @update:checked="allSelected ? emit('unselectAll') : emit('selectAll')">
        </Checkbox>
        <FieldLabel
            v-if="selectedTimeEntries.length > 0"
            for="selectAll"
            class="select-none text-text-secondary">
            {{ selectedTimeEntries.length }} selected
        </FieldLabel>
        <FieldLabel v-else for="selectAll" class="text-text-secondary select-none"
            >Select All</FieldLabel
        >
        <button
            v-if="selectedTimeEntries.length"
            class="text-text-tertiary flex space-x-1 items-center hover:text-text-secondary transition focus-visible:ring-2 outline-0 focus-visible:text-text-primary focus-visible:ring-ring rounded h-full px-2"
            @click="showMassUpdateModal = true">
            <PencilSquareIcon class="w-4"></PencilSquareIcon>
            <span> Edit </span>
        </button>
        <button
            v-if="selectedTimeEntries.length"
            class="text-red-400 h-full px-2 space-x-1 items-center flex hover:text-red-500 transition focus-visible:ring-2 outline-0 focus-visible:text-red-500 focus-visible:ring-ring rounded"
            @click="deleteSelected">
            <TrashIcon class="w-3.5"></TrashIcon>
            <span> Delete </span>
        </button>
    </MainContainer>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryMassUpdateModal.vue
================================================
<script setup lang="ts">
import TextInput from '../Input/TextInput.vue';
import SecondaryButton from '../Buttons/SecondaryButton.vue';
import DialogModal from '@/packages/ui/src/DialogModal.vue';
import { computed, nextTick, ref, watch } from 'vue';
import PrimaryButton from '../Buttons/PrimaryButton.vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import { Field, FieldLabel } from '../field';
import {
    type CreateClientBody,
    type CreateProjectBody,
    type Project,
    type Client,
    type TimeEntry,
    type UpdateMultipleTimeEntriesChangeset,
} from '@/packages/api/src';
import { Checkbox } from '@/packages/ui/src';
import { TagIcon } from '@heroicons/vue/20/solid';
import {
    Select,
    SelectContent,
    SelectItem,
    SelectTrigger,
    SelectValue,
} from '@/Components/ui/select';
import { Button } from '@/packages/ui/src/Buttons';
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import type { Tag, Task } from '@/packages/api/src';

const show = defineModel('show', { default: false });
const saving = ref(false);

const props = defineProps<{
    timeEntries: TimeEntry[];
    projects: Project[];
    tasks: Task[];
    clients: Client[];
    tags: Tag[];
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    createTag: (name: string) => Promise<Tag | undefined>;
    updateTimeEntries: (changeset: UpdateMultipleTimeEntriesChangeset) => Promise<void>;
    currency: string;
    enableEstimatedTime: boolean;
    canCreateProject: boolean;
}>();

const emit = defineEmits<{
    submit: [];
}>();

const descriptionInput = ref<HTMLInputElement | null>(null);

watch(show, (value) => {
    if (value) {
        nextTick(() => {
            descriptionInput.value?.focus();
        });
    }
});

const description = ref<string>('');
const taskId = ref<string | null | undefined>(undefined);
const projectId = ref<string | null>(null);
const billable = ref<boolean | undefined>(undefined);
const selectedTags = ref<string[]>([]);

const timeEntryBillable = computed({
    get: () => {
        if (billable.value === undefined) {
            return 'do-not-update';
        }
        return billable.value ? 'billable' : 'non-billable';
    },
    set: (value) => {
        if (value === 'do-not-update') {
            billable.value = undefined;
        } else if (value === 'billable') {
            billable.value = true;
        } else {
            billable.value = false;
        }
    },
});

async function submit() {
    saving.value = true;
    const timeEntryUpdatesBody = {} as UpdateMultipleTimeEntriesChangeset;
    if (description.value && description.value !== '') {
        timeEntryUpdatesBody.description = description.value;
    }
    if (projectId.value !== null) {
        if (projectId.value === '') {
            // "No Project" is selected
            timeEntryUpdatesBody.project_id = null;
        } else {
            timeEntryUpdatesBody.project_id = projectId.value;
        }
        timeEntryUpdatesBody.task_id = null;
        if (taskId.value !== undefined) {
            timeEntryUpdatesBody.task_id = taskId.value;
        }
    }

    if (billable.value !== undefined) {
        timeEntryUpdatesBody.billable = billable.value;
    }
    if (selectedTags.value.length > 0) {
        timeEntryUpdatesBody.tags = selectedTags.value;
    }
    if (removeAllTags.value) {
        timeEntryUpdatesBody.tags = [];
    }

    try {
        await props.updateTimeEntries({ ...timeEntryUpdatesBody });

        show.value = false;
        emit('submit');
        description.value = '';
        projectId.value = null;
        taskId.value = undefined;
        selectedTags.value = [];
        billable.value = undefined;
        saving.value = false;
        removeAllTags.value = false;
    } catch {
        saving.value = false;
    }
}
const removeAllTags = ref(false);
watch(removeAllTags, () => {
    if (removeAllTags.value) {
        selectedTags.value = [];
    }
});
</script>

<template>
    <DialogModal closeable :show="show" @close="show = false">
        <template #title>
            <div class="flex space-x-2">
                <span> Update {{ timeEntries.length }} time entries </span>
            </div>
        </template>

        <template #content>
            <div class="space-y-4">
                <Field>
                    <FieldLabel for="description">Description</FieldLabel>
                    <TextInput
                        id="description"
                        ref="descriptionInput"
                        v-model="description"
                        type="text"
                        class="block w-full"
                        @keydown.enter="submit" />
                </Field>
                <Field>
                    <FieldLabel for="project">Project</FieldLabel>
                    <TimeTrackerProjectTaskDropdown
                        v-model:project="projectId"
                        v-model:task="taskId"
                        variant="input"
                        align="start"
                        size="default"
                        :clients
                        :create-project
                        :create-client
                        :currency="currency"
                        :can-create-project
                        empty-placeholder="Select project..."
                        allow-reset
                        :enable-estimated-time
                        :projects="projects"
                        :tasks="tasks"></TimeTrackerProjectTaskDropdown>
                </Field>
                <Field>
                    <FieldLabel>Tag</FieldLabel>
                    <div class="flex space-x-5">
                        <TagDropdown
                            v-model="selectedTags"
                            :create-tag
                            :tags="tags"
                            :show-no-tag-option="false">
                            <template #trigger>
                                <Button variant="input" :disabled="removeAllTags">
                                    <TagIcon class="h-4 text-icon-default" />
                                    <span v-if="selectedTags.length > 0">
                                        Set {{ selectedTags.length }} tags
                                    </span>
                                    <span v-else>Select Tags...</span>
                                </Button>
                            </template>
                        </TagDropdown>
                        <Field orientation="horizontal">
                            <Checkbox id="no_tags" v-model:checked="removeAllTags"></Checkbox>
                            <FieldLabel for="no_tags">Remove all tags</FieldLabel>
                        </Field>
                    </div>
                </Field>
                <Field>
                    <FieldLabel>Billable</FieldLabel>
                    <Select v-model="timeEntryBillable">
                        <SelectTrigger>
                            <SelectValue>
                                <span v-if="billable === undefined">Set billable status</span>
                                <span v-else-if="billable === true">Billable</span>
                                <span v-else>Non Billable</span>
                            </SelectValue>
                        </SelectTrigger>
                        <SelectContent>
                            <SelectItem value="do-not-update">
                                Keep current billable status
                            </SelectItem>
                            <SelectItem value="billable">Billable</SelectItem>
                            <SelectItem value="non-billable">Non Billable</SelectItem>
                        </SelectContent>
                    </Select>
                </Field>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="show = false"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit">
                Update Time Entries
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { TrashIcon, PencilIcon, DocumentDuplicateIcon } from '@heroicons/vue/20/solid';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const props = withDefaults(
    defineProps<{
        showEdit?: boolean;
        showDuplicate?: boolean;
    }>(),
    {
        showDuplicate: true,
        showEdit: true,
    }
);

const emit = defineEmits<{
    edit: [];
    delete: [];
    duplicate: [];
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 hover:bg-card-background group-hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                aria-label="Actions for the time entry">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                v-if="props.showEdit"
                data-testid="time_entry_edit"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('edit')">
                <PencilIcon class="w-5" />
                <span>Edit</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="props.showDuplicate"
                data-testid="time_entry_duplicate"
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('duplicate')">
                <DocumentDuplicateIcon class="w-5" />
                <span>Duplicate</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                data-testid="time_entry_delete"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('delete')">
                <TrashIcon class="w-5" />
                <span>Delete</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue
================================================
<script setup lang="ts">
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { ref, inject, type ComputedRef } from 'vue';
import { formatDateLocalized, formatStartEnd } from '@/packages/ui/src/utils/time';
import TimeRangeSelector from '@/packages/ui/src/Input/TimeRangeSelector.vue';
import { twMerge } from 'tailwind-merge';
import type { Organization } from '@/packages/api/src';

defineProps<{
    start: string;
    end: string | null;
    showDate?: boolean;
}>();

const emit = defineEmits<{
    changed: [start: string, end: string | null];
}>();

const open = ref(false);
const triggerElement = ref<HTMLButtonElement | null>(null);

const organization = inject<ComputedRef<Organization>>('organization');
</script>

<template>
    <div class="relative">
        <Dropdown
            v-model="open"
            align="center"
            :close-on-content-click="false"
            @submit="open = false">
            <template #trigger>
                <button
                    ref="triggerElement"
                    data-testid="time_entry_range_selector"
                    :class="
                        twMerge(
                            'text-text-secondary px-1 bg-transparent text-center hover:bg-card-background rounded-lg border border-transparent hover:border-card-border focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:text-text-primary focus-visible:ring-ring focus-visible:bg-tertiary',
                            showDate
                                ? 'text-xs py-1.5 font-semibold'
                                : 'text-sm py-1.5 font-medium',
                            organization?.time_format === '12-hours' ? 'w-[160px]' : 'w-[100px]',
                            open && 'border-card-border bg-card-background'
                        )
                    ">
                    {{ formatStartEnd(start, end, organization?.time_format) }}
                    <span v-if="showDate" class="text-text-tertiary font-medium"
                        >{{ formatDateLocalized(start, organization?.date_format) }}
                    </span>
                </button>
            </template>
            <template #content>
                <TimeRangeSelector
                    focus
                    :start="start"
                    :end="end"
                    @changed="
                        (newStart: string, newEnd: string) => emit('changed', newStart, newEnd)
                    "
                    @close="open = false">
                </TimeRangeSelector>
            </template>
        </Dropdown>
    </div>
</template>

<style></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryRow.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
import TimeEntryRangeSelector from '@/packages/ui/src/TimeEntry/TimeEntryRangeSelector.vue';
import type {
    Client,
    CreateClientBody,
    CreateProjectBody,
    Member,
    Project,
    Tag,
    Task,
    TimeEntry,
} from '@/packages/api/src';
import TimeEntryDescriptionInput from '@/packages/ui/src/TimeEntry/TimeEntryDescriptionInput.vue';
import TimeEntryRowTagDropdown from '@/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue';
import TimeEntryRowDurationInput from '@/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue';
import TimeEntryMoreOptionsDropdown from '@/packages/ui/src/TimeEntry/TimeEntryMoreOptionsDropdown.vue';
import { TimeEntryEditModal } from '@/packages/ui/src';
import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
import { computed, ref } from 'vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import { Checkbox } from '@/packages/ui/src';

const props = defineProps<{
    timeEntry: TimeEntry;
    indent?: boolean;
    projects: Project[];
    tasks: Task[];
    tags: Tag[];
    clients: Client[];
    members?: Member[];
    createTag: (name: string) => Promise<Tag | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    onStartStopClick: () => void;
    deleteTimeEntry: () => void;
    duplicateTimeEntry?: () => void;
    updateTimeEntry: (timeEntry: TimeEntry) => void;
    currency: string;
    showMember?: boolean;
    showDate?: boolean;
    selected?: boolean;
    canCreateProject: boolean;
    enableEstimatedTime: boolean;
}>();

const emit = defineEmits<{ selected: []; unselected: [] }>();

const showEditModal = ref(false);

function updateTimeEntryDescription(description: string) {
    props.updateTimeEntry({ ...props.timeEntry, description });
}

function updateTimeEntryTags(tags: string[]) {
    props.updateTimeEntry({ ...props.timeEntry, tags });
}

function updateTimeEntryBillable(billable: boolean) {
    props.updateTimeEntry({ ...props.timeEntry, billable });
}

function updateStartEndTime(start: string, end: string | null) {
    props.updateTimeEntry({ ...props.timeEntry, start, end });
}

function updateProjectAndTask(projectId: string, taskId: string) {
    const project = props.projects.find((p) => p.id === projectId);
    props.updateTimeEntry({
        ...props.timeEntry,
        project_id: projectId,
        task_id: taskId,
        billable: project ? project.is_billable : props.timeEntry.billable,
    });
}

const memberName = computed(() => {
    if (props.members) {
        const member = props.members.find((member) => member.user_id === props.timeEntry.user_id);
        if (member) {
            return member.name;
        }
    }
    return '';
});

function onSelectChange(checked: boolean) {
    if (checked) {
        emit('selected');
    } else {
        emit('unselected');
    }
}

function handleEdit() {
    showEditModal.value = true;
}

async function handleUpdateTimeEntry(updatedEntry: TimeEntry) {
    props.updateTimeEntry(updatedEntry);
    showEditModal.value = false;
}

async function handleDeleteTimeEntry() {
    props.deleteTimeEntry();
    showEditModal.value = false;
}
</script>

<template>
    <div
        class="border-b border-default-background-separator transition min-w-0 bg-row-background"
        data-testid="time_entry_row">
        <MainContainer class="min-w-0">
            <div class="@xl:flex py-2 min-w-0 items-center justify-between group">
                <!-- Desktop layout -->
                <div class="hidden @lg:flex items-center min-w-0">
                    <Checkbox :checked="selected" @update:checked="onSelectChange" />
                    <div v-if="indent === true" class="w-10 h-7"></div>
                    <TimeEntryDescriptionInput
                        class="min-w-0 mr-4 shrink"
                        :model-value="timeEntry.description"
                        @changed="updateTimeEntryDescription"></TimeEntryDescriptionInput>
                    <TimeTrackerProjectTaskDropdown
                        class="min-w-0 shrink"
                        :create-project
                        :create-client
                        :can-create-project
                        :clients
                        :projects="projects"
                        :tasks="tasks"
                        :project="timeEntry.project_id"
                        :currency="currency"
                        :enable-estimated-time
                        :task="timeEntry.task_id"
                        @changed="updateProjectAndTask"></TimeTrackerProjectTaskDropdown>
                </div>
                <div
                    class="hidden @lg:flex items-center font-medium space-x-1 @lg:space-x-2 shrink-0">
                    <div v-if="showMember && members" class="text-sm px-2">
                        {{ memberName }}
                    </div>
                    <TimeEntryRowTagDropdown
                        :create-tag
                        :tags="tags"
                        :model-value="timeEntry.tags"
                        @changed="updateTimeEntryTags"></TimeEntryRowTagDropdown>
                    <BillableToggleButton
                        :model-value="timeEntry.billable"
                        size="small"
                        faded
                        @changed="updateTimeEntryBillable"></BillableToggleButton>
                    <div class="flex-1">
                        <TimeEntryRangeSelector
                            :start="timeEntry.start"
                            :end="timeEntry.end"
                            :show-date
                            @changed="updateStartEndTime"></TimeEntryRangeSelector>
                    </div>
                    <TimeEntryRowDurationInput
                        :start="timeEntry.start"
                        :end="timeEntry.end"
                        @changed="updateStartEndTime"></TimeEntryRowDurationInput>
                    <TimeTrackerStartStop
                        :active="!!(timeEntry.start && !timeEntry.end)"
                        variant="secondary"
                        class="opacity-60 flex focus-visible:opacity-100 group-hover:opacity-100"
                        @changed="onStartStopClick"></TimeTrackerStartStop>
                    <TimeEntryMoreOptionsDropdown
                        @edit="handleEdit"
                        @duplicate="duplicateTimeEntry"
                        @delete="deleteTimeEntry"></TimeEntryMoreOptionsDropdown>
                </div>
                <!-- Mobile layout -->
                <div class="@lg:hidden">
                    <!-- First row: description + duration -->
                    <div class="flex items-center justify-between min-w-0">
                        <TimeEntryDescriptionInput
                            class="min-w-0 flex-1"
                            :model-value="timeEntry.description"
                            @changed="updateTimeEntryDescription"></TimeEntryDescriptionInput>
                        <TimeEntryRowDurationInput
                            :start="timeEntry.start"
                            :end="timeEntry.end"
                            @changed="updateStartEndTime"></TimeEntryRowDurationInput>
                    </div>
                    <!-- Second row: project/task - tags - billable - start - more -->
                    <div class="flex items-center justify-between mt-1">
                        <TimeTrackerProjectTaskDropdown
                            class="min-w-0"
                            :create-project
                            :create-client
                            :can-create-project
                            :clients
                            :projects="projects"
                            :tasks="tasks"
                            :project="timeEntry.project_id"
                            :currency="currency"
                            :enable-estimated-time
                            :task="timeEntry.task_id"
                            @changed="updateProjectAndTask"></TimeTrackerProjectTaskDropdown>
                        <div class="flex items-center shrink-0">
                            <TimeEntryRowTagDropdown
                                :create-tag
                                :tags="tags"
                                :model-value="timeEntry.tags"
                                compact
                                @changed="updateTimeEntryTags"></TimeEntryRowTagDropdown>
                            <BillableToggleButton
                                :model-value="timeEntry.billable"
                                size="small"
                                @changed="updateTimeEntryBillable"></BillableToggleButton>
                            <TimeTrackerStartStop
                                :active="!!(timeEntry.start && !timeEntry.end)"
                                variant="secondary"
                                class="ml-2"
                                @changed="onStartStopClick"></TimeTrackerStartStop>
                            <TimeEntryMoreOptionsDropdown
                                @edit="handleEdit"
                                @duplicate="duplicateTimeEntry"
                                @delete="deleteTimeEntry"></TimeEntryMoreOptionsDropdown>
                        </div>
                    </div>
                </div>
            </div>
        </MainContainer>
    </div>

    <TimeEntryEditModal
        v-if="showEditModal"
        v-model:show="showEditModal"
        :time-entry="timeEntry"
        :enable-estimated-time="enableEstimatedTime"
        :update-time-entry="handleUpdateTimeEntry"
        :delete-time-entry="handleDeleteTimeEntry"
        :create-client="createClient"
        :create-project="createProject"
        :create-tag="createTag"
        :tags="tags"
        :projects="projects"
        :tasks="tasks"
        :clients="clients"
        :currency="currency"
        :can-create-project="canCreateProject" />
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryRowDurationInput.vue
================================================
<script setup lang="ts">
import {
    calculateDifference,
    formatHumanReadableDuration,
    parseTimeInput,
} from '@/packages/ui/src/utils/time';
import { computed, ref, inject, type ComputedRef } from 'vue';
import dayjs from 'dayjs';
import type { Organization } from '@/packages/api/src';

const organization = inject<ComputedRef<Organization>>('organization');

const organizationSettings = computed(() => ({
    intervalFormat: organization?.value?.interval_format ?? 'hours-minutes',
    numberFormat: organization?.value?.number_format ?? 'point',
}));

const props = defineProps<{
    start: string;
    end: string | null;
}>();
const emit = defineEmits<{
    changed: [start: string, end: string | null];
}>();

const temporaryCustomTimerEntry = ref<string>('');
const open = ref(false);

function updateTimerAndStartLiveTimerUpdate() {
    const defaultUnit =
        organizationSettings?.value?.intervalFormat === 'decimal' ? 'hours' : 'minutes';
    const seconds = parseTimeInput(temporaryCustomTimerEntry.value, defaultUnit);
    if (seconds && seconds > 0) {
        let newEndDate = props.end;
        let newStartDate = props.start;
        if (props.end) {
            // only update end for time entries that are already finished
            newEndDate = dayjs(props.start).utc().add(seconds, 's').format();
        } else {
            newStartDate = dayjs().utc().subtract(seconds, 's').format();
        }
        emit('changed', newStartDate, newEndDate);
    }
    temporaryCustomTimerEntry.value = '';
}

const currentTime = computed({
    get() {
        if (temporaryCustomTimerEntry.value !== '') {
            return temporaryCustomTimerEntry.value;
        }
        return formatHumanReadableDuration(
            calculateDifference(props.start, props.end),
            organizationSettings.value.intervalFormat,
            organizationSettings.value.numberFormat
        );
    },
    // setter
    set(newValue) {
        if (newValue) {
            temporaryCustomTimerEntry.value = newValue;
        } else {
            temporaryCustomTimerEntry.value = '';
        }
    },
});

function selectInput(event: Event) {
    open.value = true;
    const target = event.target as HTMLInputElement;
    target.select();
}
</script>

<template>
    <input
        v-model="currentTime"
        data-testid="time_entry_duration_input"
        name="Duration"
        class="text-text-primary w-[80px] !mr-2 px-1.5 py-1.5 bg-transparent text-right hover:bg-card-background rounded-lg border border-transparent hover:border-card-border text-sm font-medium focus-visible:bg-tertiary focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring"
        @focus="selectInput"
        @keydown.tab="open = false"
        @blur="updateTimerAndStartLiveTimerUpdate"
        @keydown.enter="updateTimerAndStartLiveTimerUpdate" />
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryRowHeading.vue
================================================
<script setup lang="ts">
import MainContainer from '@/packages/ui/src/MainContainer.vue';
import {
    formatDate,
    formatHumanReadableDuration,
    formatWeekday,
} from '@/packages/ui/src/utils/time';
import Checkbox from '../Input/Checkbox.vue';
import { inject, type ComputedRef } from 'vue';
import type { Organization } from '@/packages/api/src';
import { CalendarIcon } from '@heroicons/vue/20/solid';

const organization = inject<ComputedRef<Organization>>('organization');

defineProps<{
    date: string;
    duration: number;
    checked: boolean;
}>();
const emit = defineEmits<{
    selectAll: [];
    unselectAll: [];
}>();

function selectUnselectAll(value: boolean) {
    if (value) {
        emit('selectAll');
    } else {
        emit('unselectAll');
    }
}
</script>

<template>
    <div
        class="bg-background dark:bg-secondary border-b border-border-primary py-1 text-xs @sm:text-sm">
        <MainContainer>
            <div class="flex group justify-between items-center">
                <div class="flex items-center @lg:space-x-2 pl-1.5 @lg:pl-0">
                    <div class="w-5 hidden @lg:block">
                        <CalendarIcon
                            class="w-3 @sm:w-4 text-icon-default group-hover:hidden block">
                        </CalendarIcon>

                        <Checkbox
                            :checked="checked"
                            class="group-hover:block hidden"
                            @update:checked="selectUnselectAll"></Checkbox>
                    </div>
                    <span class="font-medium text-text-secondary">
                        {{ formatWeekday(date) }}
                    </span>
                    <span class="text-text-tertiary ml-2">
                        {{ formatDate(date, organization?.date_format) }}
                    </span>
                </div>
                <div class="text-text-secondary pr-2 @lg:pr-[92px]">
                    <span class="font-medium">
                        {{
                            formatHumanReadableDuration(
                                duration,
                                organization?.interval_format,
                                organization?.number_format
                            )
                        }}
                    </span>
                </div>
            </div>
        </MainContainer>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeEntry/TimeEntryRowTagDropdown.vue
================================================
<script setup lang="ts">
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import { computed } from 'vue';
import TagBadge from '@/packages/ui/src/Tag/TagBadge.vue';
import type { Tag } from '@/packages/api/src';

const props = withDefaults(
    defineProps<{
        tags: Tag[];
        createTag: (name: string) => Promise<Tag | undefined>;
        compact?: boolean;
    }>(),
    {
        compact: false,
    }
);

const emit = defineEmits<{
    changed: [model: string[]];
}>();

const model = defineModel<string[]>({
    default: [],
});

const timeEntryTags = computed<Tag[]>(() => {
    return props.tags.filter((tag) => model.value.includes(tag.id));
});

const displayName = computed(() => {
    if (props.compact && timeEntryTags.value.length > 0) {
        const count = timeEntryTags.value.length;
        return count === 1 ? '1 tag' : `${count} tags`;
    }
    if (timeEntryTags.value.length >= 3) {
        const firstTag = timeEntryTags.value[0]?.name || '';
        const remaining = timeEntryTags.value.length - 1;
        return `${firstTag} + ${remaining} more`;
    }
    return timeEntryTags.value.map((tag: Tag) => tag.name).join(', ');
});
</script>
<template>
    <TagDropdown
        v-model="model"
        :tags="tags"
        align="end"
        :show-no-tag-option="false"
        :create-tag
        @changed="emit('changed', model)">
        <template #trigger>
            <button
                data-testid="time_entry_tag_dropdown"
                :class="[
                    'group/dropdown focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:opacity-100 transition focus:bg-card-background-separator hover:bg-card-background-separator rounded-full flex items-center justify-center',
                    compact ? '' : 'opacity-50 group-hover:opacity-100',
                ]">
                <TagBadge
                    :border="false"
                    size="large"
                    :show-icon="!(compact && timeEntryTags.length > 0)"
                    class="border-0 sm:px-1.5 text-icon-default group-focus-within/dropdown:text-text-primary whitespace-nowrap"
                    :name="displayName"></TagBadge>
            </button>
        </template>
    </TagDropdown>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerControls.vue
================================================
<script setup lang="ts">
import TimeTrackerTagDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue';
import TimeTrackerStartStop from '@/packages/ui/src/TimeTrackerStartStop.vue';
import TimeTrackerRangeSelector from '@/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue';
import BillableToggleButton from '@/packages/ui/src/Input/BillableToggleButton.vue';
import TimeTrackerProjectTaskDropdown from '@/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue';
import type {
    CreateClientBody,
    CreateProjectBody,
    Project,
    Tag,
    Task,
    TimeEntry,
    Client,
} from '@/packages/api/src';
import { computed, nextTick, ref, watch } from 'vue';
import type { Dayjs } from 'dayjs';
import { useFocus } from '@vueuse/core';
import { autoUpdate, flip, limitShift, offset, shift, useFloating } from '@floating-ui/vue';
import TimeTrackerRecentlyTrackedEntry from '@/packages/ui/src/TimeTracker/TimeTrackerRecentlyTrackedEntry.vue';
import { useSelectEvents } from '@/packages/ui/src/utils/select';

const currentTimeEntry = defineModel<TimeEntry>('currentTimeEntry', {
    required: true,
});
const liveTimer = defineModel<Dayjs | null>('liveTimer', { required: true });

const currentTimeEntryDescriptionInput = ref<HTMLInputElement | null>(null);

const props = defineProps<{
    projects: Project[];
    tasks: Task[];
    tags: Tag[];
    clients: Client[];
    timeEntries: TimeEntry[];
    createTag: (name: string) => Promise<Tag | undefined>;
    createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
    createClient: (client: CreateClientBody) => Promise<Client | undefined>;
    isActive: boolean;
    currency: string;
    enableEstimatedTime: boolean;
    canCreateProject: boolean;
}>();

const emit = defineEmits<{
    startTimer: [];
    stopTimer: [];
    updateTimeEntry: [];
    startLiveTimer: [];
    stopLiveTimer: [];
    createTimeEntry: [];
}>();

function updateProject() {
    setBillableDefaultForProject();
    emit('updateTimeEntry');
}

function setAndStartTimer(timeEntry: TimeEntry) {
    setCurrentTimeEntry(timeEntry);
    if (!props.isActive) {
        emit('startTimer');
    } else {
        emit('updateTimeEntry');
    }
}

function setCurrentTimeEntry(timeEntry: TimeEntry) {
    currentTimeEntry.value.description = timeEntry.description;
    currentTimeEntry.value.project_id = timeEntry.project_id;
    currentTimeEntry.value.task_id = timeEntry.task_id;
    currentTimeEntry.value.tags = timeEntry.tags;
    currentTimeEntry.value.billable = timeEntry.billable;
}

function startTimerIfNotActive() {
    if (highlightedDropdownEntryId.value) {
        const timeEntry = filteredRecentlyTrackedTimeEntries.value.find(
            (item) => item.id === highlightedDropdownEntryId.value
        );
        if (timeEntry) {
            setCurrentTimeEntry(timeEntry);
            showDropdown.value = false;
        }
    } else {
        currentTimeEntry.value.description = tempDescription.value;
    }

    if (!props.isActive) {
        emit('startTimer');
    } else {
        emit('updateTimeEntry');
    }
}

function setBillableDefaultForProject() {
    const project = props.projects.find(
        (project) => project.id === currentTimeEntry.value.project_id
    );
    if (project) {
        currentTimeEntry.value.billable = project.is_billable;
    }
}

const blockRefocus = ref(false);

function onToggleButtonPress(newState: boolean) {
    if (newState) {
        emit('startTimer');
        if (!blockRefocus.value) {
            currentTimeEntryDescriptionInput.value?.focus();
        }
    } else {
        emit('stopTimer');
    }
}

const tempDescription = ref(currentTimeEntry.value.description);
watch(
    () => currentTimeEntry.value.description,
    () => {
        tempDescription.value = currentTimeEntry.value.description;
    }
);

function updateTimeEntryDescription() {
    if (currentTimeEntry.value.description !== tempDescription.value) {
        currentTimeEntry.value.description = tempDescription.value;
        emit('updateTimeEntry');
    }
}

const filteredRecentlyTrackedTimeEntries = computed(() => {
    // do not include running time entries
    const finishedTimeEntries = props.timeEntries.filter((item) => item.end !== null);

    // filter out duplicates based on description, task, project, tags and billable
    const nonDuplicateTimeEntries = finishedTimeEntries.filter((item, index, self) => {
        return (
            index ===
            self.findIndex(
                (t) =>
                    t.description === item.description &&
                    t.task_id === item.task_id &&
                    t.project_id === item.project_id &&
                    t.tags.length === item.tags.length &&
                    t.tags.every((tag) => item.tags.includes(tag)) &&
                    t.billable === item.billable
            )
        );
    });

    // filter time entries based on current description
    return nonDuplicateTimeEntries
        .filter((item) => {
            return item.description
                ?.toLowerCase()
                ?.includes(tempDescription.value?.toLowerCase()?.trim() || '');
        })
        .slice(0, 5);
});

const showDropdown = ref(false);
const { focused } = useFocus(currentTimeEntryDescriptionInput);

watch(focused, (focused) => {
    nextTick(() => {
        // make sure the click event on the dropdown does not get interrupted
        showDropdown.value = focused;

        // make sure that the input does not get refocused after the dropdown is closed
        if (!focused) {
            blockRefocus.value = true;
            setTimeout(() => {
                blockRefocus.value = false;
            }, 100);
        }
    });
});

const floating = ref(null);
const { floatingStyles } = useFloating(currentTimeEntryDescriptionInput, floating, {
    placement: 'bottom-start',
    whileElementsMounted: autoUpdate,
    middleware: [
        offset(10),
        shift({
            limiter: limitShift({
                offset: 5,
            }),
        }),
        flip({
            fallbackAxisSideDirection: 'start',
        }),
    ],
});
const highlightedDropdownEntryId = ref<string | null>(null);

useSelectEvents(
    filteredRecentlyTrackedTimeEntries,
    highlightedDropdownEntryId,
    (item) => item.id,
    showDropdown
);
</script>

<template>
    <div class="flex items-center relative @container" data-testid="dashboard_timer">
        <div
            class="flex flex-col @2xl:flex-row w-full justify-between rounded-lg bg-card-background border-card-border border transition shadow-card">
            <div class="flex flex-1 items-center relative">
                <input
                    ref="currentTimeEntryDescriptionInput"
                    v-model="tempDescription"
                    placeholder="What are you working on?"
                    data-testid="time_entry_description"
                    class="w-full rounded-l-lg py-4 sm:py-2.5 px-3.5 border-b border-b-card-background-separator @2xl:px-4 text-lg text-text-primary bg-transparent border-none placeholder-text-secondary font-medium focus:ring-0 transition"
                    type="text"
                    @keydown.enter="startTimerIfNotActive"
                    @keydown.esc="showDropdown = false"
                    @blur="updateTimeEntryDescription" />
                <div class="@2xl:hidden pr-3 shrink-0">
                    <TimeTrackerStartStop
                        :active="isActive"
                        @changed="onToggleButtonPress"></TimeTrackerStartStop>
                </div>
                <div
                    v-if="showDropdown && filteredRecentlyTrackedTimeEntries.length > 0"
                    ref="floating"
                    class="z-50 w-[min(640px,100vw-2rem)]"
                    :style="floatingStyles">
                    <div
                        class="rounded-lg w-full border border-card-border overflow-hidden shadow-dropdown bg-card-background">
                        <div
                            class="text-text-tertiary text-xs font-semibold border-b border-border-tertiary px-2 py-1.5">
                            Recently Tracked Time Entries
                        </div>
                        <div class="text-text-secondary py-1 px-1.5">
                            <TimeTrackerRecentlyTrackedEntry
                                v-for="timeEntry in filteredRecentlyTrackedTimeEntries"
                                :key="timeEntry.id"
                                :time-entry="timeEntry"
                                :highlighted="highlightedDropdownEntryId === timeEntry.id"
                                :projects="projects"
                                :tasks="tasks"
                                @mousedown="setAndStartTimer(timeEntry)"
                                @mouseenter="
                                    highlightedDropdownEntryId = timeEntry.id
                                "></TimeTrackerRecentlyTrackedEntry>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex items-center justify-between pl-2 shrink min-w-0">
                <div class="flex items-center w-[130px] @2xl:w-auto shrink min-w-0">
                    <TimeTrackerProjectTaskDropdown
                        v-model:project="currentTimeEntry.project_id"
                        v-model:task="currentTimeEntry.task_id"
                        variant="outline"
                        :create-client
                        :can-create-project
                        :clients
                        :create-project
                        :currency="currency"
                        :projects="projects"
                        :tasks="tasks"
                        :enable-estimated-time="enableEstimatedTime"
                        @changed="updateProject"></TimeTrackerProjectTaskDropdown>
                </div>
                <div class="flex items-center space-x-1 @2xl:space-x-2 px-2 @2xl:px-4 shrink-0">
                    <TimeTrackerTagDropdown
                        v-model="currentTimeEntry.tags"
                        :create-tag
                        :tags="tags"
                        @changed="$emit('updateTimeEntry')"></TimeTrackerTagDropdown>
                    <BillableToggleButton
                        v-model="currentTimeEntry.billable"
                        @changed="$emit('updateTimeEntry')"></BillableToggleButton>
                </div>
                <div class="border-l border-card-border">
                    <TimeTrackerRangeSelector
                        v-model:current-time-entry="currentTimeEntry"
                        v-model:live-timer="liveTimer"
                        @start-live-timer="emit('startLiveTimer')"
                        @stop-live-timer="emit('stopLiveTimer')"
                        @update-timer="emit('updateTimeEntry')"
                        @start-timer="emit('startTimer')"
                        @create-time-entry="emit('createTimeEntry')"
                        @keydown.enter="startTimerIfNotActive"></TimeTrackerRangeSelector>
                </div>
            </div>
        </div>
        <div class="pl-4 @2xl:pl-6 pr-3 hidden @2xl:block">
            <TimeTrackerStartStop
                :active="isActive"
                size="large"
                @changed="onToggleButtonPress"></TimeTrackerStartStop>
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerMoreOptionsDropdown.vue
================================================
<script setup lang="ts">
import { PlusIcon, XMarkIcon } from '@heroicons/vue/20/solid';
import {
    DropdownMenu,
    DropdownMenuContent,
    DropdownMenuItem,
    DropdownMenuTrigger,
} from '@/Components/ui/dropdown-menu';

const props = defineProps<{
    hasActiveTimer: boolean;
}>();

const emit = defineEmits<{
    manualEntry: [];
    discard: [];
}>();
</script>

<template>
    <DropdownMenu>
        <DropdownMenuTrigger as-child>
            <button
                class="focus-visible:outline-none focus-visible:bg-card-background rounded-full focus-visible:ring-2 focus-visible:ring-ring hover:bg-card-background hover:opacity-100 opacity-20 transition-opacity text-text-secondary"
                aria-label="Time entry actions">
                <svg
                    class="h-8 w-8 p-1 rounded-full"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg">
                    <path
                        fill="none"
                        stroke="currentColor"
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="1.5"
                        d="M12 5.92A.96.96 0 1 0 12 4a.96.96 0 0 0 0 1.92m0 7.04a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92M12 20a.96.96 0 1 0 0-1.92a.96.96 0 0 0 0 1.92" />
                </svg>
            </button>
        </DropdownMenuTrigger>
        <DropdownMenuContent class="min-w-[150px]" align="end">
            <DropdownMenuItem
                class="flex items-center space-x-3 cursor-pointer"
                @click="emit('manualEntry')">
                <PlusIcon class="w-5" />
                <span>Manual time entry</span>
            </DropdownMenuItem>
            <DropdownMenuItem
                v-if="props.hasActiveTimer"
                class="flex items-center space-x-3 cursor-pointer text-destructive focus:text-destructive"
                @click="emit('discard')">
                <XMarkIcon class="w-5" />
                <span>Discard</span>
            </DropdownMenuItem>
        </DropdownMenuContent>
    </DropdownMenu>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerProjectTaskDropdown.vue
================================================
<script setup lang="ts">
import { ChevronRightIcon, ChevronDownIcon } from '@heroicons/vue/16/solid';
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { computed, nextTick, ref, watch } from 'vue';
import ProjectDropdownItem from '@/packages/ui/src/Project/ProjectDropdownItem.vue';
import type {
    CreateClientBody,
    CreateProjectBody,
    Project,
    Task,
    Client,
} from '@/packages/api/src';

import { PlusIcon, PlusCircleIcon, MinusIcon, XMarkIcon } from '@heroicons/vue/16/solid';
import ProjectCreateModal from '@/packages/ui/src/Project/ProjectCreateModal.vue';
import { twMerge } from 'tailwind-merge';
import { Button } from '@/packages/ui/src/Buttons';

const task = defineModel<string | null>('task', {
    default: null,
});

const project = defineModel<string | null>('project', {
    default: null,
});

const searchInput = ref<HTMLInputElement | null>(null);
const open = ref(false);
const dropdownViewport = ref<HTMLElement | null>(null);
import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';

const searchValue = ref('');

watch(open, (isOpen) => {
    if (isOpen) {
        updateFilteredResults();
        nextTick(() => {
            initializeHighlightedItem();
            searchInput.value?.focus({ preventScroll: true });
        });
    }
});

type ProjectWithTasks = Project & { expanded: boolean; tasks: Task[] };

type ClientWithProjectsWithTasks = Client & { projects: ProjectWithTasks[] };

type ClientsWithProjectsWithTasks = ClientWithProjectsWithTasks[];

const props = withDefaults(
    defineProps<{
        projects: Project[];
        tasks: Task[];
        clients: Client[];
        createProject: (project: CreateProjectBody) => Promise<Project | undefined>;
        createClient: (client: CreateClientBody) => Promise<Client | undefined>;
        currency: string;
        emptyPlaceholder?: string;
        allowReset?: boolean;
        enableEstimatedTime: boolean;
        canCreateProject: boolean;
        class?: string;
        variant?: 'input' | 'ghost' | 'outline';
        align?: 'center' | 'end' | 'start';
        size?: 'default' | 'xs' | 'sm' | 'lg' | 'icon';
    }>(),
    {
        emptyPlaceholder: 'No Project',
        allowReset: false,
        variant: 'ghost',
        align: 'center',
        size: 'sm',
    }
);

const filteredResults = ref([] as ClientsWithProjectsWithTasks);

// computed filterProjects that flattens the first layer of filteredResults and combines all the projects
const filteredProjects = computed(() => {
    return filteredResults.value.map((client) => client.projects).flat();
});

function addProjectToFilterObject(
    tempFilteredClients: ClientsWithProjectsWithTasks,
    project: Project,
    filteredTasks: Task[],
    expanded = false
) {
    // check if client already exists in filter array
    const projectClientIndex = tempFilteredClients.findIndex(
        (client) => client.id === project.client_id
    );

    const client = props.clients.find((client) => client.id === project.client_id);

    if (projectClientIndex !== -1) {
        // client already exists in filter array
        tempFilteredClients[projectClientIndex]!.projects.push({
            ...project,
            expanded: expanded,
            tasks: filteredTasks,
        });
    } else if (client) {
        // project has client but is not already in filter array
        // client is not yet in filter array
        tempFilteredClients.push({
            ...client,
            projects: [
                {
                    ...project,
                    expanded: expanded,
                    tasks: filteredTasks,
                },
            ],
        });
    } else {
        // project has no client
        const customNoClientId = 'no_client';
        const noClientIndex = tempFilteredClients.findIndex(
            (client) => client.id === customNoClientId
        );

        if (noClientIndex !== -1) {
            // no client group already exists in filter array
            tempFilteredClients[noClientIndex]!.projects.push({
                ...project,
                expanded: expanded,
                tasks: filteredTasks,
            });
        } else {
            // no client group is not yet in filter array
            tempFilteredClients.push({
                id: customNoClientId,
                name: 'No Client',
                color: 'var(--theme-color-icon-default)',
                created_at: '',
                updated_at: '',
                value: '',
                is_archived: false,
                projects: [
                    {
                        ...project,
                        expanded: expanded,
                        tasks: filteredTasks,
                    },
                ],
            });
        }
    }
}

function updateFilteredResults() {
    const tempFilteredClients: ClientsWithProjectsWithTasks = [];

    if (searchValue.value.length === 0) {
        tempFilteredClients.push({
            id: 'no_project_no_client',
            name: 'No Client',
            color: 'var(--theme-color-icon-default)',
            created_at: '',
            updated_at: '',
            value: '',
            is_archived: false,
            projects: [
                {
                    id: '',
                    name: 'No Project',
                    color: 'var(--theme-color-icon-default)',
                    value: '',
                    client_id: null,
                    billable_rate: null,
                    is_archived: false,
                    is_billable: false,
                    expanded: false,
                    tasks: [],
                    estimated_time: null,
                    spent_time: 0,
                    is_public: false,
                },
            ],
        });
    }

    for (const filterProject of props.projects) {
        const projectNameIncludesSearchTerm = filterProject.name
            .toLowerCase()
            .includes(searchValue.value?.toLowerCase()?.trim() || '');

        const clientNameIncludesSearchTerm = props.clients
            .find((client) => client.id === filterProject.client_id)
            ?.name.toLowerCase()
            .includes(searchValue.value?.toLowerCase()?.trim() || '');

        // check if one of the project tasks
        const projectTasks = props.tasks.filter((task) => {
            return task.project_id === filterProject.id;
        });

        const filteredTasks = projectTasks.filter((filterTask) => {
            return (
                filterTask.name
                    .toLowerCase()
                    .includes(searchValue.value?.toLowerCase()?.trim() || '') &&
                (!filterTask.is_done || filterTask.id === task.value)
            );
        });

        if (
            (projectNameIncludesSearchTerm || clientNameIncludesSearchTerm) &&
            (!filterProject.is_archived || project.value === filterProject.id)
        ) {
            // search term matches project name
            addProjectToFilterObject(tempFilteredClients, filterProject, filteredTasks, false);
        } else if (filteredTasks.length > 0 && !filterProject.is_archived) {
            // search term matches task name
            addProjectToFilterObject(tempFilteredClients, filterProject, filteredTasks, true);
        }
    }

    // sort tempFilteredClients by client name
    tempFilteredClients.sort((a, b) => {
        // Make sure No Project entry is always on top
        if (a.id === 'no_project_no_client') {
            return -1;
        }
        if (b.id === 'no_project_no_client') {
            return 1;
        }
        // Make sure that No client group is above all regular clients
        if (a.id === 'no_client') {
            return -1;
        }
        if (b.id === 'no_client') {
            return 1;
        }

        if (a.name < b.name) {
            return -1;
        }
        if (a.name > b.name) {
            return 1;
        }
        return 0;
    });

    filteredResults.value = tempFilteredClients;
}

// Recompute filtered results when search value changes while open
watch(searchValue, () => {
    if (open.value) {
        updateFilteredResults();
    }
});

async function addClientIfNoneExists() {
    setProjectAndClientBasedOnHighlightedItem();
}

function isProjectSelected(project: Project) {
    return project.value === project.id;
}

function initializeHighlightedItem() {
    if (filteredProjects.value.length > 0) {
        highlightedItemId.value = filteredProjects.value[0]!.id;
    }
}

watch(filteredProjects, () => {
    initializeHighlightedItem();
});

function setProjectAndClientBasedOnHighlightedItem() {
    const highlightedProject = filteredProjects.value.find(
        (project) => project.id === highlightedItemId.value
    );
    const highlightedTask = filteredProjects.value
        .map((project) => project.tasks)
        .flat()
        .find((task) => task.id === highlightedItemId.value);
    if (highlightedProject) {
        selectProject(highlightedProject.id);
    }
    if (highlightedTask) {
        selectTask(highlightedTask.id);
    }
}

function updateSearchValue(event: Event) {
    const newInput = (event.target as HTMLInputElement).value;
    if (newInput === ' ') {
        searchValue.value = '';
        setProjectAndClientBasedOnHighlightedItem();
    } else {
        searchValue.value = newInput;
    }
}

const emit = defineEmits(['update:modelValue', 'changed']);

function moveHighlightUp() {
    mouseEnterHighlightActivated.value = false;
    const currentHighlightedIndex = filteredProjects.value.findIndex(
        (projectWithTasks) => projectWithTasks.id === highlightedItemId.value
    );
    // check if it is a project id
    if (currentHighlightedIndex === -1) {
        // the ID is a task ID
        const currentProjectWithTasks = filteredProjects.value.find((projectWithTasks) =>
            projectWithTasks.tasks.some((task) => task.id === highlightedItemId.value)
        );
        if (currentProjectWithTasks) {
            const taskIndex = currentProjectWithTasks.tasks.findIndex(
                (task) => task.id === highlightedItemId.value
            );
            if (taskIndex === -1) {
                return;
            }
            if (taskIndex === 0) {
                // highlight the project if it was the first task before
                highlightedItemId.value = currentProjectWithTasks.id;
                return;
            }
            highlightedItemId.value = currentProjectWithTasks.tasks[taskIndex - 1]!.id;
        }
    }
    if (currentHighlightedIndex === 0) {
        // selected project is the first project in the list
        // highlight the last project or the last task of the last project
        const lastProject = filteredProjects.value[filteredProjects.value.length - 1]!;
        if (lastProject.tasks.length > 0 && lastProject.expanded) {
            // highlight last task of last project
            highlightedItemId.value = lastProject.tasks[lastProject.tasks.length - 1]!.id;
        } else {
            highlightedItemId.value = filteredProjects.value[filteredProjects.value.length - 1]!.id;
        }
    } else {
        // selected item is a project that is not the first project in the list
        const previousProject = filteredProjects.value[currentHighlightedIndex - 1]!;
        if (previousProject.tasks.length > 0 && previousProject.expanded) {
            // highlight last task of previous project
            highlightedItemId.value = previousProject.tasks[previousProject.tasks.length - 1]!.id;
        } else {
            highlightedItemId.value = filteredProjects.value[currentHighlightedIndex - 1]!.id;
        }
    }
}

function moveHighlightDown() {
    mouseEnterHighlightActivated.value = false;

    const currentHighlightedIndex = filteredProjects.value.findIndex(
        (projectWithTasks) => projectWithTasks.id === highlightedItemId.value
    );
    // check if it is a project id
    if (currentHighlightedIndex === -1) {
        // the ID is a task ID
        const currentProjectWithTasks = filteredProjects.value.find((projectWithTasks) =>
            projectWithTasks.tasks.some((task) => task.id === highlightedItemId.value)
        );
        if (currentProjectWithTasks) {
            const taskIndex = currentProjectWithTasks.tasks.findIndex(
                (task) => task.id === highlightedItemId.value
            );
            if (taskIndex === -1) {
                return;
            }
            if (taskIndex === currentProjectWithTasks.tasks.length - 1) {
                // highlight the next project if it was the last task in current project
                const projectIndex = filteredProjects.value.indexOf(currentProjectWithTasks);
                if (projectIndex === filteredProjects.value.length - 1) {
                    // highlight the first project if it was the last project
                    highlightedItemId.value = filteredProjects.value[0]!.id;
                } else {
                    highlightedItemId.value = filteredProjects.value[projectIndex + 1]!.id;
                }
                return;
            }
            highlightedItemId.value = currentProjectWithTasks.tasks[taskIndex + 1]!.id;
        }
    }
    if (currentHighlightedIndex === filteredProjects.value.length - 1) {
        // selected project is the last project in the list
        // highlight the first project or the last project of the last project
        const lastProject = filteredProjects.value[filteredProjects.value.length - 1]!;
        if (lastProject.tasks.length > 0 && lastProject.expanded) {
            // highlight last task of last project
            highlightedItemId.value = lastProject.tasks[0]!.id;
        } else {
            highlightedItemId.value = filteredProjects.value[0]!.id;
        }
    } else {
        // selected item is a project that is not the last project in the list
        const currentProjectWithTasks = filteredProjects.value[currentHighlightedIndex]!;
        if (currentProjectWithTasks.tasks.length > 0 && currentProjectWithTasks.expanded) {
            // highlight last task of previous project
            highlightedItemId.value = currentProjectWithTasks.tasks[0]!.id;
        } else {
            highlightedItemId.value = filteredProjects.value[currentHighlightedIndex + 1]!.id;
        }
    }
}

const highlightedItemId = ref<string | null>(null);

watch(highlightedItemId, () => {
    const highlightedItem = dropdownViewport.value?.querySelector(
        `[data-project-id="${highlightedItemId.value}"]`
    );
    if (highlightedItem) {
        highlightedItem.scrollIntoView({
            block: 'nearest',
            inline: 'nearest',
        });
    } else {
        const highlightedTask = dropdownViewport.value?.querySelector(
            `[data-task-id="${highlightedItemId.value}"]`
        );
        if (highlightedTask) {
            highlightedTask.scrollIntoView({
                block: 'nearest',
                inline: 'nearest',
            });
        }
    }
});

function expandProject() {
    const currentHighlightedIndex = filteredProjects.value.findIndex(
        (projectWithTasks) => projectWithTasks.id === highlightedItemId.value
    );
    if (currentHighlightedIndex === -1) {
        return;
    }
    const currentProject = filteredProjects.value[currentHighlightedIndex]!;
    currentProject.expanded = true;
}

function collapseProject() {
    const currentHighlightedIndex = filteredProjects.value.findIndex(
        (projectWithTasks) => projectWithTasks.id === highlightedItemId.value
    );
    if (currentHighlightedIndex === -1) {
        return;
    }
    const currentProject = filteredProjects.value[currentHighlightedIndex]!;
    currentProject.expanded = false;
}

const currentProject = computed(() => {
    return props.projects.find((iteratingProject) => iteratingProject.id === project.value);
});

const currentTask = computed(() => {
    return props.tasks.find((iteratingTasks) => iteratingTasks.id === task.value);
});

const selectedProjectName = computed(() => {
    if (project.value === null) {
        return props.emptyPlaceholder;
    }
    if (project.value === '') {
        return 'No Project';
    }
    return currentProject.value?.name;
});

const selectedProjectColor = computed(() => {
    return currentProject.value?.color || 'var(--theme-color-icon-default)';
});

// This state prevents the selection to jump to random items when the mouse cursor is
// over an item and some Item in the Dropdown is selected by keyboard navigation to scroll into view
const mouseEnterHighlightActivated = ref(true);

function setHighlightItemId(newId: string) {
    if (mouseEnterHighlightActivated.value) {
        highlightedItemId.value = newId;
    }
}

function selectTask(taskId: string) {
    task.value = taskId;
    project.value = props.tasks.find((task) => task.id === taskId)?.project_id || null;
    open.value = false;
    searchValue.value = '';
    emit('changed', project.value, task.value);
}

function selectProject(projectId: string) {
    project.value = projectId;
    task.value = null;
    open.value = false;
    searchValue.value = '';
    emit('changed', project.value, task.value);
}

function resetProject() {
    project.value = null;
    task.value = null;
    emit('changed', project.value, task.value);
}

const showCreateProject = ref(false);
</script>

<template>
    <template v-if="projects.length === 0 && canCreateProject">
        <Button
            :variant="props.variant"
            :size="props.size"
            :class="twMerge('w-full justify-start', props.class)"
            @click="showCreateProject = true">
            <PlusIcon class="w-4" />
            <span class="truncate">Add new project</span>
        </Button>
    </template>
    <Dropdown v-else v-model="open" :close-on-content-click="false" :align="props.align">
        <template #trigger>
            <div class="flex items-center gap-1">
                <Button
                    :variant="props.variant"
                    :size="props.size"
                    :class="twMerge('w-full justify-start overflow-hidden', props.class)">
                    <div
                        class="w-3 h-3 rounded-full shrink-0"
                        :style="{ backgroundColor: selectedProjectColor }"></div>
                    <span class="truncate shrink-[1] pr-1">{{ selectedProjectName }}</span>
                    <template v-if="currentTask">
                        <ChevronRightIcon class="w-4 h-4 text-text-tertiary shrink-0" />
                        <span class="truncate shrink-[100]">{{ currentTask.name }}</span>
                    </template>
                </Button>
                <button
                    v-if="allowReset && project !== null"
                    type="button"
                    data-testid="project_reset_button"
                    class="p-1 rounded hover:bg-quaternary text-text-tertiary hover:text-text-primary"
                    @click.stop="resetProject">
                    <XMarkIcon class="w-4 h-4" />
                </button>
            </div>
        </template>
        <template #content>
            <UseFocusTrap v-if="open" :options="{ immediate: true, allowOutsideClick: true }">
                <input
                    ref="searchInput"
                    :value="searchValue"
                    data-testid="client_dropdown_search"
                    class="bg-card-background border-0 placeholder-text-tertiary text-sm text-text-primary py-2.5 focus:ring-0 border-b border-card-background-separator focus:border-card-background-separator w-full"
                    placeholder="Search for a project or task..."
                    @input="updateSearchValue"
                    @keydown.enter.prevent="addClientIfNoneExists"
                    @keydown.esc.prevent="open = false"
                    @keydown.up.prevent="moveHighlightUp"
                    @keydown.down.prevent="moveHighlightDown"
                    @keydown.right.prevent="expandProject"
                    @keydown.left.prevent="collapseProject" />
                <div
                    ref="dropdownViewport"
                    class="min-w-[350px] max-h-[350px] overflow-y-scroll relative"
                    @mousemove="mouseEnterHighlightActivated = true">
                    <template v-for="client in filteredResults" :key="client.id">
                        <div
                            v-if="client.id !== 'no_project_no_client'"
                            class="w-full pb-1 pt-2 px-2 text-text-tertiary text-xs font-semibold flex space-x-1 items-center">
                            <span>
                                {{ client.name }}
                            </span>
                        </div>
                        <template
                            v-for="projectWithTasks in client.projects"
                            :key="projectWithTasks.id">
                            <div
                                role="option"
                                class="px-1 py-0.5 cursor-default"
                                :value="projectWithTasks.id"
                                :data-project-id="projectWithTasks.id"
                                @click="selectProject(projectWithTasks.id)">
                                <div
                                    class="rounded-lg"
                                    :class="{
                                        'bg-card-background-active':
                                            projectWithTasks.id === highlightedItemId,
                                    }">
                                    <ProjectDropdownItem
                                        class="hover:!bg-transparent"
                                        :selected="isProjectSelected(projectWithTasks)"
                                        :name="projectWithTasks.name"
                                        :color="projectWithTasks.color"
                                        @mouseenter="setHighlightItemId(projectWithTasks.id)">
                                        <template #actions>
                                            <button
                                                v-if="projectWithTasks.tasks.length > 0"
                                                tabindex="-1"
                                                class="px-2 py-0.5 mr-2 relative transition items-center rounded flex space-x-0.5 text-xs"
                                                :class="{
                                                    'bg-white/5 text-text-secondary':
                                                        projectWithTasks.expanded,
                                                    'hover:bg-white/5 hover:text-text-secondary text-text-tertiary':
                                                        !projectWithTasks.expanded,
                                                }"
                                                @click.prevent.stop="
                                                    () => {
                                                        projectWithTasks.expanded =
                                                            !projectWithTasks.expanded;
                                                        searchInput?.focus();
                                                    }
                                                ">
                                                <span
                                                    >{{ projectWithTasks.tasks.length }} Tasks</span
                                                >
                                                <ChevronDownIcon
                                                    :class="{
                                                        'transform rotate-180':
                                                            projectWithTasks.expanded,
                                                    }"
                                                    class="w-4"></ChevronDownIcon>
                                            </button>
                                        </template>
                                    </ProjectDropdownItem>
                                </div>
                            </div>
                            <div v-if="projectWithTasks.expanded" class="bg-quaternary">
                                <div
                                    v-for="task in projectWithTasks.tasks"
                                    :key="task.id"
                                    :data-task-id="task.id"
                                    :class="{
                                        'bg-card-background-active': task.id === highlightedItemId,
                                    }"
                                    class="flex items-center space-x-2 w-full px-5 py-1.5 text-start text-xs font-semibold leading-5 text-text-primary focus:outline-none focus:bg-card-background-active transition duration-150 ease-in-out"
                                    @click="selectTask(task.id)"
                                    @mouseenter="setHighlightItemId(task.id)">
                                    <MinusIcon class="w-3 h-3 text-text-quaternary"></MinusIcon>
                                    <span>{{ task.name }}</span>
                                </div>
                            </div>
                        </template>
                    </template>
                </div>
                <div v-if="canCreateProject" class="hover:bg-card-background-active rounded-b-lg">
                    <button
                        class="text-text-primary flex space-x-3 items-center px-4 py-3 text-xs font-semibold border-t border-card-background-separator"
                        @click="
                            open = false;
                            showCreateProject = true;
                        ">
                        <PlusCircleIcon
                            class="w-5 flex-shrink-0 text-icon-default"></PlusCircleIcon>
                        <span>Create new Project</span>
                    </button>
                </div>
            </UseFocusTrap>
        </template>
    </Dropdown>
    <ProjectCreateModal
        v-if="showCreateProject"
        v-model:show="showCreateProject"
        :create-client
        :enable-estimated-time="enableEstimatedTime"
        :currency="currency"
        :clients="clients"
        :create-project></ProjectCreateModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerRangeSelector.vue
================================================
<script setup lang="ts">
import Dropdown from '@/packages/ui/src/Input/Dropdown.vue';
import { computed, ref } from 'vue';
import TimeRangeSelector from '@/packages/ui/src/Input/TimeRangeSelector.vue';
import dayjs, { Dayjs } from 'dayjs';
import { formatDuration, getDayJsInstance, parseTimeInput } from '@/packages/ui/src/utils/time';
import type { TimeEntry } from '@/packages/api/src';

const currentTimeEntry = defineModel<TimeEntry>('currentTimeEntry', {
    required: true,
});
const now = defineModel<null | Dayjs>('liveTimer');

const emit = defineEmits<{
    startLiveTimer: [];
    stopLiveTimer: [];
    updateTimer: [];
    startTimer: [];
    createTimeEntry: [];
}>();

const open = ref(false);

function pauseLiveTimerUpdate(event: FocusEvent) {
    (event.target as HTMLInputElement).select();
    emit('stopLiveTimer');
}

function onTimeEntryEnterPress() {
    updateTimerAndStartLiveTimerUpdate();
    open.value = false;
    const activeElement = document.activeElement as HTMLElement;
    activeElement?.blur();
}

const currentTime = computed({
    get() {
        if (temporaryCustomTimerEntry.value !== '') {
            return temporaryCustomTimerEntry.value;
        }
        if (now.value && currentTimeEntry.value.start) {
            const startTime = dayjs(currentTimeEntry.value.start);
            const diff = now.value.diff(startTime, 'seconds');
            return formatDuration(diff);
        }
        return null;
    },
    // setter
    set(newValue) {
        if (newValue) {
            temporaryCustomTimerEntry.value = newValue;
        } else {
            temporaryCustomTimerEntry.value = '';
        }
    },
});

function updateTimerAndStartLiveTimerUpdate() {
    const seconds = parseTimeInput(temporaryCustomTimerEntry.value, 'minutes');

    if (seconds && seconds > 0) {
        const newStartDate = dayjs().subtract(seconds, 's');
        currentTimeEntry.value.start = newStartDate.utc().format();
        if (currentTimeEntry.value.id !== '') {
            emit('updateTimer');
        } else {
            emit('startTimer');
        }
    }
    now.value = dayjs().utc();
    temporaryCustomTimerEntry.value = '';
    emit('startLiveTimer');
}

const temporaryCustomTimerEntry = ref<string>('');

async function updateTimeRange(newStart: string, newEnd: string | null) {
    // prohibit updates in the future
    if (getDayJsInstance()(newStart).isBefore(getDayJsInstance()())) {
        currentTimeEntry.value.start = newStart;
        currentTimeEntry.value.end = newEnd;
        if (currentTimeEntry.value.id) {
            emit('updateTimer');
        } else if (newEnd !== null) {
            // If there's no ID but we have both start and end, create a new time entry
            emit('createTimeEntry');
        } else {
            emit('startTimer');
        }
    }
}

const startTime = computed(() => {
    if (currentTimeEntry.value.start && currentTimeEntry.value.start !== '') {
        return currentTimeEntry.value.start;
    }
    return dayjs().utc().format();
});

const endTime = computed(() => {
    if (currentTimeEntry.value.end && currentTimeEntry.value.end !== '') {
        return currentTimeEntry.value.end;
    }
    return null;
});

const inputField = ref<HTMLInputElement | null>(null);

const timeRangeSelector = ref<HTMLElement | null>(null);

function openModalOnTab(e: FocusEvent) {
    pauseLiveTimerUpdate(e);

    // check if the source is inside the dropdown
    const source = e.relatedTarget as HTMLElement;
    if (source && window.document.body.querySelector<HTMLElement>('#app')?.contains(source)) {
        open.value = true;
    }
}

function openModalOnClick(e: MouseEvent) {
    pauseLiveTimerUpdate(e);

    open.value = true;
}

function focusNextElement(e: KeyboardEvent) {
    if (open.value) {
        e.preventDefault();
        const focusableElement = timeRangeSelector.value?.querySelector<HTMLElement>(
            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
        );
        focusableElement?.focus();
    }
}

function closeAndFocusInput() {
    open.value = false;
    inputField.value?.focus();
}
</script>

<template>
    <div class="relative">
        <Dropdown
            v-model="open"
            align="center"
            :auto-focus="false"
            :close-on-content-click="false"
            @submit="closeAndFocusInput">
            <template #trigger>
                <input
                    ref="inputField"
                    v-model="currentTime"
                    placeholder="00:00:00"
                    data-testid="time_entry_time"
                    class="w-[110px] lg:w-[130px] h-full text-text-primary py-2.5 rounded-lg border-border-secondary border text-center px-4 text-base lg:text-lg font-semibold bg-card-background border-none placeholder-text-tertiary focus:ring-0 transition"
                    type="text"
                    @focusin="openModalOnTab"
                    @click="openModalOnClick"
                    @keydown.exact.tab="focusNextElement"
                    @keydown.exact.shift.tab="open = false"
                    @blur="updateTimerAndStartLiveTimerUpdate"
                    @keydown.enter="onTimeEntryEnterPress" />
            </template>
            <template #content>
                <div ref="timeRangeSelector">
                    <TimeRangeSelector
                        :start="startTime"
                        :end="endTime"
                        @changed="updateTimeRange"
                        @close="closeAndFocusInput">
                    </TimeRangeSelector>
                </div>
            </template>
        </Dropdown>
    </div>
</template>

<style></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerRecentlyTrackedEntry.vue
================================================
<script setup lang="ts">
import { ProjectBadge } from '@/packages/ui/src';
import type { TimeEntry } from '@/packages/api/src';
import { twMerge } from 'tailwind-merge';
import { ChevronRightIcon } from '@heroicons/vue/16/solid';
import { computed } from 'vue';
import type { Project, Task } from '@/packages/api/src';

const props = defineProps<{
    timeEntry: TimeEntry;
    highlighted: boolean;
    projects?: Project[];
    tasks?: Task[];
}>();
const project = computed(() => {
    return props.projects?.find(
        (iteratingProject) => iteratingProject.id === props.timeEntry.project_id
    );
});
const task = computed(() => {
    return props.tasks?.find((iteratingTask) => iteratingTask.id === props.timeEntry.task_id);
});
</script>

<template>
    <button
        tabindex="-1"
        :data-select-id="timeEntry.id"
        :class="
            twMerge(
                'px-2 py-1.5 flex items-center space-x-2 w-full rounded text-left',
                props.highlighted && 'bg-card-background-active'
            )
        ">
        <span
            v-if="timeEntry.description !== ''"
            class="text-sm font-medium truncate min-w-0 flex-1">
            {{ timeEntry.description }}
        </span>
        <span v-else class="text-sm text-text-tertiary font-medium flex-1"> No Description </span>
        <ProjectBadge
            ref="projectDropdownTrigger"
            :color="project?.color"
            :name="project?.name"
            class="shrink min-w-0 max-w-[50%]">
            <div v-if="project" class="flex items-center lg:space-x-1 min-w-0">
                <span class="text-xs whitespace-nowrap shrink-0">
                    {{ project?.name }}
                </span>
                <ChevronRightIcon
                    v-if="task"
                    class="w-4 lg:w-5 text-text-secondary shrink-0"></ChevronRightIcon>
                <div v-if="task" class="min-w-0 text-xs truncate">
                    {{ task.name }}
                </div>
            </div>
            <div v-else>No Project</div>
        </ProjectBadge>
    </button>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue
================================================
<script setup lang="ts">
import SecondaryButton from '@/packages/ui/src/Buttons/SecondaryButton.vue';

defineEmits<{
    switchOrganization: [];
}>();
</script>

<template>
    <div class="absolute w-full h-full backdrop-blur-sm z-10 flex items-center justify-center">
        <div
            class="w-full h-[calc(100%+10px)] absolute bg-default-background opacity-75 backdrop-blur-sm"></div>
        <div class="flex space-x-3 items-center w-full z-20 justify-center">
            <span class="text-sm text-text-primary">
                The Timer is running in a different organization.
            </span>
            <SecondaryButton @click="$emit('switchOrganization')"
                >Switch to organization</SecondaryButton
            >
        </div>
    </div>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTracker/TimeTrackerTagDropdown.vue
================================================
<script setup lang="ts">
import TagDropdown from '@/packages/ui/src/Tag/TagDropdown.vue';
import { twMerge } from 'tailwind-merge';
import { TagIcon } from '@heroicons/vue/20/solid';
import { computed } from 'vue';
import type { Tag } from '@/packages/api/src';

const emit = defineEmits<{
    changed: [];
}>();

const model = defineModel<string[]>({
    default: [],
});
const iconColorClasses = computed(() => {
    if (model.value.length > 0) {
        return 'text-input-select-active focus:text-input-select-active-hover hover:text-input-select-active-hover';
    } else {
        return 'text-icon-default hover:text-icon-active focus:text-icon-active';
    }
});
defineProps<{
    tags: Tag[];
    createTag: (name: string) => Promise<Tag | undefined>;
}>();
</script>

<template>
    <TagDropdown
        v-model="model"
        :create-tag
        :tags="tags"
        :show-no-tag-option="false"
        @changed="emit('changed')">
        <template #trigger>
            <button
                data-testid="tag_dropdown"
                :class="
                    twMerge(
                        iconColorClasses,
                        'relative flex-shrink-0 ring-0 focus:outline-none focus:ring-2 focus:ring-ring transition focus-visible:bg-card-background-separator hover:bg-card-background-separator rounded-full w-10 h-10 flex items-center justify-center'
                    )
                ">
                <TagIcon class="w-5 h-5 lg:h-6 lg:w-6"></TagIcon>
            </button>
        </template>
    </TagDropdown>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/TimeTrackerStartStop.vue
================================================
<script setup lang="ts">
import { cva, type VariantProps } from 'class-variance-authority';
import { cn } from './utils/cn';

const timeTrackerVariants = cva(
    'flex items-center justify-center transition focus:outline-0 rounded-full',
    {
        variants: {
            variant: {
                primary:
                    'text-white ring-accent-200/10 focus-visible:ring-ring focus-visible:ring-2 ring-4 sm:ring-[6px]',
                secondary:
                    'bg-quaternary text-text-tertiary hover:text-text-primary focus:ring-2 focus:ring-border-tertiary',
            },
            size: {
                small: 'w-6 h-6',
                base: 'w-8 h-8',
                large: 'w-11 h-11 hover:scale-110',
            },
            active: {
                true: '',
                false: '',
            },
        },
        compoundVariants: [
            {
                variant: 'primary',
                active: true,
                class: 'bg-red-400/80 hover:bg-red-500/80 focus:bg-red-500/80',
            },
            {
                variant: 'primary',
                active: false,
                class: 'bg-accent-300/70 hover:bg-accent-400/70 focus:bg-accent-700',
            },
        ],
        defaultVariants: {
            variant: 'primary',
            size: 'base',
            active: false,
        },
    }
);

type TimeTrackerVariants = VariantProps<typeof timeTrackerVariants>;

const emit = defineEmits(['changed']);

const props = withDefaults(
    defineProps<{
        variant?: TimeTrackerVariants['variant'];
        size?: TimeTrackerVariants['size'];
        active?: boolean;
    }>(),
    {
        variant: 'primary',
        size: 'base',
        active: false,
    }
);

const iconClass = {
    small: 'w-2.5 h-2.5',
    base: 'w-3 h-3',
    large: 'w-4 h-4',
};

function toggleState() {
    emit('changed', !props.active);
}
</script>

<template>
    <button
        data-testid="timer_button"
        :class="cn(timeTrackerVariants({ variant, size, active }))"
        @click="toggleState">
        <Transition name="fade" mode="out-in">
            <svg
                v-if="props.active"
                :class="iconClass[size ?? 'base']"
                viewBox="0 0 14 14"
                fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M0.461426 2.74913C0.461426 1.48677 1.48666 0.461538 2.75076 0.461538H11.249C12.5131 0.461538 13.5383 1.48677 13.5383 2.75087V11.2491C13.5383 12.5132 12.5131 13.5385 11.249 13.5385H2.7525C2.4518 13.5387 2.154 13.4796 1.87614 13.3647C1.59828 13.2497 1.34582 13.0811 1.13319 12.8684C0.920559 12.6558 0.751936 12.4033 0.636968 12.1255C0.521999 11.8476 0.462941 11.5498 0.46317 11.2491V2.75262L0.461426 2.74913Z"
                    fill="currentColor" />
            </svg>
            <svg
                v-else
                :class="iconClass[size ?? 'base']"
                viewBox="0 0 7 8"
                fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M6.56167 3.18089C6.70764 3.26214 6.82926 3.38092 6.91393 3.52494C6.99859 3.66896 7.04324 3.83299 7.04324 4.00005C7.04324 4.16712 6.99859 4.33115 6.91393 4.47517C6.82926 4.61919 6.70764 4.73797 6.56167 4.81922L1.8925 7.41339C1.74982 7.49259 1.58895 7.53317 1.42578 7.53113C1.26261 7.52909 1.1028 7.48449 0.962147 7.40175C0.821497 7.31901 0.704879 7.20099 0.623826 7.05937C0.542772 6.91774 0.50009 6.7574 0.5 6.59422V1.40589C0.5 0.691721 1.2675 0.239221 1.8925 0.586721L6.56167 3.18089Z"
                    fill="currentColor" />
            </svg>
        </Transition>
    </button>
</template>

<style scoped>
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.2s ease;
}

.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}
</style>


================================================
FILE: resources/js/packages/ui/src/TimezoneMismatchModal.vue
================================================
<script setup lang="ts">
import SecondaryButton from './Buttons/SecondaryButton.vue';
import DialogModal from './DialogModal.vue';
import PrimaryButton from './Buttons/PrimaryButton.vue';
import { onMounted, ref } from 'vue';
import { getUserTimezone } from './utils/settings';
import { getDayJsInstance } from './utils/time';
import { useSessionStorage } from '@vueuse/core';

const show = defineModel('show', { default: false });

const emit = defineEmits<{
    update: [timezone: string];
    cancel: [];
}>();

defineProps<{
    saving?: boolean;
}>();

const timezone = ref('');
const userTimezone = ref('');
const shouldShow = ref(false);

const hideTimezoneMismatchModal = useSessionStorage<boolean>('hide-timezone-mismatch-modal', false);

/**
 * Check if timezone mismatch exists and should be shown
 */
function checkTimezoneMismatch(): boolean {
    timezone.value = Intl.DateTimeFormat().resolvedOptions().timeZone;
    userTimezone.value = getUserTimezone();

    const now = getDayJsInstance()();

    const hasMismatch =
        now.tz(timezone.value).format() !== now.tz(userTimezone.value).format() &&
        !hideTimezoneMismatchModal.value;

    shouldShow.value = hasMismatch;
    return hasMismatch;
}

onMounted(() => {
    checkTimezoneMismatch();
    if (shouldShow.value) {
        show.value = true;
    }
});

function submit() {
    emit('update', timezone.value);
}

function cancel() {
    show.value = false;
    hideTimezoneMismatchModal.value = true;
    emit('cancel');
}

// Expose methods for parent component
defineExpose({
    checkTimezoneMismatch,
    currentTimezone: timezone,
    userTimezone,
});
</script>

<template>
    <DialogModal closeable :show="show && shouldShow" @close="cancel">
        <template #title>
            <div class="flex justify-center">
                <span> Timezone mismatch detected </span>
            </div>
        </template>
        <template #content>
            <div class="flex items-center space-x-4">
                <div class="col-span-6 sm:col-span-4 flex-1 space-y-2">
                    <p>
                        The timezone of your device does not match the timezone in your user
                        settings. <br />
                        <strong
                            >We highly recommend that you update your timezone settings to your
                            current timezone.</strong
                        >
                    </p>

                    <p>
                        Want to change your timezone setting from
                        <strong>{{ userTimezone }}</strong> to <strong>{{ timezone }}</strong
                        >.
                    </p>
                </div>
            </div>
        </template>
        <template #footer>
            <SecondaryButton @click="cancel"> Cancel</SecondaryButton>
            <PrimaryButton
                class="ms-3"
                :class="{ 'opacity-25': saving }"
                :disabled="saving"
                @click="submit()">
                Update timezone
            </PrimaryButton>
        </template>
    </DialogModal>
</template>

<style scoped></style>


================================================
FILE: resources/js/packages/ui/src/accordion/Accordion.vue
================================================
<script setup lang="ts">
import {
    AccordionRoot,
    type AccordionRootEmits,
    type AccordionRootProps,
    useForwardPropsEmits,
} from 'reka-ui';

const props = defineProps<AccordionRootProps>();
const emits = defineEmits<AccordionRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <AccordionRoot v-bind="forwarded">
        <slot />
    </AccordionRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/accordion/AccordionContent.vue
================================================
<script setup lang="ts">
import { cn } from '../utils/cn';
import { AccordionContent, type AccordionContentProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<AccordionContentProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AccordionContent
        v-bind="delegatedProps"
        class="overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down px-0.5">
        <div :class="cn('pb-4 pt-0', props.class)">
            <slot />
        </div>
    </AccordionContent>
</template>


================================================
FILE: resources/js/packages/ui/src/accordion/AccordionItem.vue
================================================
<script setup lang="ts">
import { cn } from '../utils/cn';
import { AccordionItem, type AccordionItemProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<AccordionItemProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <AccordionItem v-bind="forwardedProps" :class="cn('border-b', props.class)">
        <slot />
    </AccordionItem>
</template>


================================================
FILE: resources/js/packages/ui/src/accordion/AccordionTrigger.vue
================================================
<script setup lang="ts">
import { cn } from '../utils/cn';
import { ChevronDown } from 'lucide-vue-next';
import { AccordionHeader, AccordionTrigger, type AccordionTriggerProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<AccordionTriggerProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});
</script>

<template>
    <AccordionHeader class="flex">
        <AccordionTrigger
            v-bind="delegatedProps"
            :class="
                cn(
                    'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
                    props.class
                )
            ">
            <slot />
            <slot name="icon">
                <ChevronDown
                    class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
            </slot>
        </AccordionTrigger>
    </AccordionHeader>
</template>


================================================
FILE: resources/js/packages/ui/src/accordion/index.ts
================================================
export { default as Accordion } from './Accordion.vue';
export { default as AccordionContent } from './AccordionContent.vue';
export { default as AccordionItem } from './AccordionItem.vue';
export { default as AccordionTrigger } from './AccordionTrigger.vue';


================================================
FILE: resources/js/packages/ui/src/command/Command.vue
================================================
<script setup lang="ts">
import type { ListboxRootEmits, ListboxRootProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { ListboxRoot, useFilter, useForwardPropsEmits } from 'reka-ui';
import { reactive, ref, watch } from 'vue';
import { cn } from '../utils/cn';
import { provideCommandContext } from '.';

const props = withDefaults(
    defineProps<ListboxRootProps & { class?: HTMLAttributes['class']; searchTerm?: string }>(),
    {
        modelValue: '',
        searchTerm: '',
    }
);

const emits = defineEmits<ListboxRootEmits & { 'update:searchTerm': [value: string] }>();

const delegatedProps = reactiveOmit(props, 'class', 'searchTerm');

const forwarded = useForwardPropsEmits(delegatedProps, emits);

const allItems = ref<Map<string, string>>(new Map());
const allGroups = ref<Map<string, Set<string>>>(new Map());

const { contains } = useFilter({ sensitivity: 'base' });
const filterState = reactive({
    search: props.searchTerm || '',
    filtered: {
        /** The count of all visible items. */
        count: 0,
        /** Map from visible item id to its search score. */
        items: new Map() as Map<string, number>,
        /** Set of groups with at least one visible item. */
        groups: new Set() as Set<string>,
    },
});

function filterItems() {
    if (!filterState.search) {
        filterState.filtered.count = allItems.value.size;
        // Do nothing, each item will know to show itself because search is empty
        return;
    }

    // Reset the groups
    filterState.filtered.groups = new Set();
    let itemCount = 0;

    // Check which items should be included
    for (const [id, value] of allItems.value) {
        const score = contains(value, filterState.search);
        filterState.filtered.items.set(id, score ? 1 : 0);
        if (score) itemCount++;
    }

    // Check which groups have at least 1 item shown
    for (const [groupId, group] of allGroups.value) {
        for (const itemId of group) {
            if (filterState.filtered.items.get(itemId)! > 0) {
                filterState.filtered.groups.add(groupId);
                break;
            }
        }
    }

    filterState.filtered.count = itemCount;
}

watch(
    () => filterState.search,
    (newSearch) => {
        filterItems();
        emits('update:searchTerm', newSearch);
    }
);

// Re-run filter when items are dynamically added/removed (e.g. entity search results)
watch(
    allItems,
    () => {
        if (filterState.search) {
            filterItems();
        }
    },
    { deep: true }
);

// Sync external searchTerm prop changes to internal state
watch(
    () => props.searchTerm,
    (newTerm) => {
        if (newTerm !== filterState.search) {
            filterState.search = newTerm || '';
        }
    }
);

provideCommandContext({
    allItems,
    allGroups,
    filterState,
});
</script>

<template>
    <ListboxRoot
        v-bind="forwarded"
        :class="
            cn(
                'flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground',
                props.class
            )
        ">
        <slot />
    </ListboxRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandGroup.vue
================================================
<script setup lang="ts">
import type { ListboxGroupProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { ListboxGroup, ListboxGroupLabel, useId } from 'reka-ui';
import { computed, onMounted, onUnmounted } from 'vue';
import { cn } from '../utils/cn';
import { provideCommandGroupContext, useCommand } from '.';

const props = defineProps<
    ListboxGroupProps & {
        class?: HTMLAttributes['class'];
        heading?: string;
    }
>();

const delegatedProps = reactiveOmit(props, 'class');

const { allGroups, filterState } = useCommand();
const id = useId();

const isRender = computed(() => (!filterState.search ? true : filterState.filtered.groups.has(id)));

provideCommandGroupContext({ id });
onMounted(() => {
    if (!allGroups.value.has(id)) allGroups.value.set(id, new Set());
});
onUnmounted(() => {
    allGroups.value.delete(id);
});
</script>

<template>
    <ListboxGroup
        v-bind="delegatedProps"
        :id="id"
        :class="
            cn(
                'overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground',
                props.class
            )
        "
        :hidden="isRender ? undefined : true">
        <ListboxGroupLabel
            v-if="heading"
            class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
            {{ heading }}
        </ListboxGroupLabel>
        <slot />
    </ListboxGroup>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandInput.vue
================================================
<script setup lang="ts">
import type { ListboxFilterProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { Search } from 'lucide-vue-next';
import { ListboxFilter, useForwardProps } from 'reka-ui';
import { cn } from '../utils/cn';
import { useCommand } from '.';

defineOptions({
    inheritAttrs: false,
});

const props = defineProps<
    ListboxFilterProps & {
        class?: HTMLAttributes['class'];
    }
>();

const delegatedProps = reactiveOmit(props, 'class');

const forwardedProps = useForwardProps(delegatedProps);

const { filterState } = useCommand();
</script>

<template>
    <div class="flex items-center border-b border-border-tertiary px-3" cmdk-input-wrapper>
        <Search class="mr-1.5 h-4 w-4 shrink-0 opacity-50" />
        <ListboxFilter
            v-bind="{ ...forwardedProps, ...$attrs }"
            v-model="filterState.search"
            auto-focus
            :class="
                cn(
                    'flex h-10 w-full rounded-md bg-transparent py-3 text-sm border-none outline-none ring-0 focus:border-none focus:outline-none focus:ring-0 placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
                    props.class
                )
            " />
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandItem.vue
================================================
<script setup lang="ts">
import type { ListboxItemEmits, ListboxItemProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit, useCurrentElement } from '@vueuse/core';
import { ListboxItem, useForwardPropsEmits, useId } from 'reka-ui';
import { computed, onMounted, onUnmounted, ref } from 'vue';
import { cn } from '../utils/cn';
import { useCommand, useCommandGroup } from '.';

const props = defineProps<ListboxItemProps & { class?: HTMLAttributes['class'] }>();
const emits = defineEmits<ListboxItemEmits>();

const delegatedProps = reactiveOmit(props, 'class');

const forwarded = useForwardPropsEmits(delegatedProps, emits);

const id = useId();
const { filterState, allItems, allGroups } = useCommand();
const groupContext = useCommandGroup();

const isRender = computed(() => {
    if (!filterState.search) {
        return true;
    } else {
        const filteredCurrentItem = filterState.filtered.items.get(id);
        // If the filtered items is undefined means not in the all times map yet
        // Do the first render to add into the map
        if (filteredCurrentItem === undefined) {
            return true;
        }

        // Check with filter
        return filteredCurrentItem > 0;
    }
});

const itemRef = ref();
const currentElement = useCurrentElement(itemRef);
onMounted(() => {
    if (!(currentElement.value instanceof HTMLElement)) return;

    // textValue to perform filter
    allItems.value.set(id, currentElement.value.textContent ?? props?.value!.toString());

    const groupId = groupContext?.id;
    if (groupId) {
        if (!allGroups.value.has(groupId)) {
            allGroups.value.set(groupId, new Set([id]));
        } else {
            allGroups.value.get(groupId)?.add(id);
        }
    }
});
onUnmounted(() => {
    allItems.value.delete(id);
});
</script>

<template>
    <ListboxItem
        v-if="isRender"
        v-bind="forwarded"
        :id="id"
        ref="itemRef"
        :class="
            cn(
                'relative flex cursor-default gap-1.5 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:text-icon-default data-[highlighted]:[&_svg]:text-icon-active data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0',
                props.class
            )
        "
        @select="
            () => {
                filterState.search = '';
            }
        ">
        <slot />
    </ListboxItem>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandList.vue
================================================
<script setup lang="ts">
import type { ListboxContentProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { ListboxContent, useForwardProps } from 'reka-ui';
import { cn } from '../utils/cn';

const props = defineProps<ListboxContentProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = reactiveOmit(props, 'class');

const forwarded = useForwardProps(delegatedProps);
</script>

<template>
    <ListboxContent
        v-bind="forwarded"
        :class="cn('max-h-[300px] overflow-y-auto overflow-x-hidden', props.class)">
        <div role="presentation">
            <slot />
        </div>
    </ListboxContent>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandSeparator.vue
================================================
<script setup lang="ts">
import type { SeparatorProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { Separator } from 'reka-ui';
import { cn } from '../utils/cn';

const props = defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = reactiveOmit(props, 'class');
</script>

<template>
    <Separator v-bind="delegatedProps" :class="cn('-mx-1 h-px bg-border', props.class)">
        <slot />
    </Separator>
</template>


================================================
FILE: resources/js/packages/ui/src/command/CommandShortcut.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '../utils/cn';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <span :class="cn('ml-auto text-xs tracking-widest text-muted-foreground', props.class)">
        <slot />
    </span>
</template>


================================================
FILE: resources/js/packages/ui/src/command/index.ts
================================================
import type { Ref } from 'vue';
import { createContext } from 'reka-ui';

export { default as Command } from './Command.vue';
export { default as CommandGroup } from './CommandGroup.vue';
export { default as CommandInput } from './CommandInput.vue';
export { default as CommandItem } from './CommandItem.vue';
export { default as CommandList } from './CommandList.vue';
export { default as CommandSeparator } from './CommandSeparator.vue';
export { default as CommandShortcut } from './CommandShortcut.vue';

export const [useCommand, provideCommandContext] = createContext<{
    allItems: Ref<Map<string, string>>;
    allGroups: Ref<Map<string, Set<string>>>;
    filterState: {
        search: string;
        filtered: {
            count: number;
            items: Map<string, number>;
            groups: Set<string>;
        };
    };
}>('Command');

export const [useCommandGroup, provideCommandGroupContext] = createContext<{
    id?: string;
}>('CommandGroup');


================================================
FILE: resources/js/packages/ui/src/field/Field.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import type { FieldVariants } from '.';
import { cn } from '@/lib/utils';
import { fieldVariants } from '.';

const props = defineProps<{
    class?: HTMLAttributes['class'];
    orientation?: FieldVariants['orientation'];
}>();
</script>

<template>
    <div
        role="group"
        data-slot="field"
        :data-orientation="orientation"
        :class="cn(fieldVariants({ orientation }), props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldContent.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div
        data-slot="field-content"
        :class="cn('group/field-content flex flex-1 flex-col gap-1.5 leading-snug', props.class)">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldDescription.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <p
        data-slot="field-description"
        :class="
            cn(
                'text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',
                'last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5',
                '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',
                props.class
            )
        ">
        <slot />
    </p>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldError.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { computed } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
    errors?: Array<{ message?: string } | undefined>;
}>();

const content = computed(() => {
    if (!props.errors || props.errors.length === 0) return null;

    if (props.errors.length === 1 && props.errors[0]?.message) {
        return props.errors[0].message;
    }

    return props.errors.some((e) => e?.message) ? props.errors : null;
});
</script>

<template>
    <div
        v-if="$slots.default || content"
        role="alert"
        data-slot="field-error"
        :class="cn('text-destructive text-sm font-normal', props.class)">
        <slot v-if="$slots.default" />

        <template v-else-if="typeof content === 'string'">
            {{ content }}
        </template>

        <ul v-else-if="Array.isArray(content)" class="ml-4 flex list-disc flex-col gap-1">
            <li v-for="(error, index) in content" :key="index">
                {{ error?.message }}
            </li>
        </ul>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldGroup.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div
        data-slot="field-group"
        :class="
            cn(
                'group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4',
                props.class
            )
        ">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldLabel.vue
================================================
<script setup lang="ts">
import type { Component, HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';
import { Label } from '@/Components/ui/label';

const props = defineProps<{
    class?: HTMLAttributes['class'];
    icon?: Component;
}>();
</script>

<template>
    <Label
        data-slot="field-label"
        :class="
            cn(
                'group/field-label peer/field-label flex w-fit gap-1.5 leading-snug group-data-[disabled=true]/field:opacity-50',
                'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&_>[data-slot=field]]:p-3',
                'has-[[data-state=checked]]:bg-primary/5 has-[[data-state=checked]]:border-primary dark:has-[[data-state=checked]]:bg-primary/10',
                icon ? 'items-center' : '',
                props.class
            )
        ">
        <component :is="icon" v-if="icon" class="h-4 w-4 text-text-quaternary shrink-0" />
        <slot />
    </Label>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldLegend.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
    variant?: 'legend' | 'label';
}>();
</script>

<template>
    <legend
        data-slot="field-legend"
        :data-variant="variant"
        :class="
            cn(
                'mb-3 font-medium',
                'data-[variant=legend]:text-base',
                'data-[variant=label]:text-sm',
                props.class
            )
        ">
        <slot />
    </legend>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldSeparator.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';
import { Separator } from '../separator';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div
        data-slot="field-separator"
        :data-content="!!$slots.default"
        :class="
            cn(
                'relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2',
                props.class
            )
        ">
        <Separator class="absolute inset-0 top-1/2" />
        <span
            v-if="$slots.default"
            class="bg-background text-muted-foreground relative mx-auto block w-fit px-2"
            data-slot="field-separator-content">
            <slot />
        </span>
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldSet.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <fieldset
        data-slot="field-set"
        :class="
            cn(
                'flex flex-col gap-6',
                'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',
                props.class
            )
        ">
        <slot />
    </fieldset>
</template>


================================================
FILE: resources/js/packages/ui/src/field/FieldTitle.vue
================================================
<script setup lang="ts">
import type { HTMLAttributes } from 'vue';
import { cn } from '@/lib/utils';

const props = defineProps<{
    class?: HTMLAttributes['class'];
}>();
</script>

<template>
    <div
        data-slot="field-label"
        :class="
            cn(
                'flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50',
                props.class
            )
        ">
        <slot />
    </div>
</template>


================================================
FILE: resources/js/packages/ui/src/field/index.ts
================================================
import type { VariantProps } from 'class-variance-authority';
import { cva } from 'class-variance-authority';

export const fieldVariants = cva(
    'group/field flex w-full gap-3 data-[invalid=true]:text-destructive',
    {
        variants: {
            orientation: {
                vertical: ['flex-col [&>*]:w-full [&>.sr-only]:w-auto'],
                horizontal: [
                    'flex-row items-center',
                    '[&>[data-slot=field-label]]:flex-auto',
                    'has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
                ],
                responsive: [
                    'flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto',
                    '@md/field-group:[&>[data-slot=field-label]]:flex-auto',
                    '@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',
                ],
            },
        },
        defaultVariants: {
            orientation: 'vertical',
        },
    }
);

export type FieldVariants = VariantProps<typeof fieldVariants>;

export { default as Field } from './Field.vue';
export { default as FieldContent } from './FieldContent.vue';
export { default as FieldDescription } from './FieldDescription.vue';
export { default as FieldError } from './FieldError.vue';
export { default as FieldGroup } from './FieldGroup.vue';
export { default as FieldLabel } from './FieldLabel.vue';
export { default as FieldLegend } from './FieldLegend.vue';
export { default as FieldSeparator } from './FieldSeparator.vue';
export { default as FieldSet } from './FieldSet.vue';
export { default as FieldTitle } from './FieldTitle.vue';


================================================
FILE: resources/js/packages/ui/src/index.ts
================================================
declare global {
    interface Window {
        getWeekStartSetting: () => string;
        getTimezoneSetting: () => string;
    }
}

import * as money from './utils/money';
import * as color from './utils/color';
import * as random from './utils/random';
import * as time from './utils/time';

export { cn } from './utils/cn';
export { buttonVariants, type ButtonVariants } from './Buttons/index';

import PrimaryButton from './Buttons/PrimaryButton.vue';
import SecondaryButton from './Buttons/SecondaryButton.vue';
import Button from './Buttons/Button.vue';
import TimeTrackerStartStop from './TimeTrackerStartStop.vue';
import ProjectBadge from './Project/ProjectBadge.vue';
import LoadingSpinner from './LoadingSpinner.vue';
import Modal from './Modal.vue';
import TextInput from './Input/TextInput.vue';
import InputLabel from './Input/InputLabel.vue';
import TimeTrackerRunningInDifferentOrganizationOverlay from './TimeTracker/TimeTrackerRunningInDifferentOrganizationOverlay.vue';
import TimeTrackerControls from './TimeTracker/TimeTrackerControls.vue';
import TimeTrackerMoreOptionsDropdown from './TimeTracker/TimeTrackerMoreOptionsDropdown.vue';
import CardTitle from './CardTitle.vue';
import Badge from './Badge.vue';
import Checkbox from './Input/Checkbox.vue';
import TimeEntryGroupedTable from './TimeEntry/TimeEntryGroupedTable.vue';
import TimeEntryMassActionRow from './TimeEntry/TimeEntryMassActionRow.vue';
import TimeEntryCreateModal from './TimeEntry/TimeEntryCreateModal.vue';
import TimeEntryEditModal from './TimeEntry/TimeEntryEditModal.vue';

import FullCalendarEventContent from './FullCalendar/FullCalendarEventContent.vue';
import FullCalendarDayHeader from './FullCalendar/FullCalendarDayHeader.vue';
import TimeEntryCalendar from './FullCalendar/TimeEntryCalendar.vue';
import CalendarSettingsPopover from './FullCalendar/CalendarSettingsPopover.vue';
import DateRangePicker from './Input/DateRangePicker.vue';
import TimezoneMismatchModal from './TimezoneMismatchModal.vue';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip/index';
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './accordion/index';
import { Popover, PopoverContent, PopoverTrigger, PopoverAnchor } from './popover/index';
import { RangeCalendar } from './range-calendar/index';
import { CommandPalette } from './CommandPalette/index';
import { Separator } from './separator/index';
import {
    Field,
    FieldContent,
    FieldDescription,
    FieldError,
    FieldGroup,
    FieldLabel,
    FieldLegend,
    FieldSeparator,
    FieldSet,
    FieldTitle,
    fieldVariants,
} from './field/index';
export type { FieldVariants } from './field/index';
export type { ActivityPeriod } from './FullCalendar/idleStatusPlugin';
export type { CalendarSettings } from './FullCalendar/calendarSettings';
export type {
    CommandPaletteCommand,
    CommandPaletteGroup,
    EntitySearchResult,
} from './CommandPalette/index';

export {
    money,
    color,
    random,
    time,
    Button,
    PrimaryButton,
    SecondaryButton,
    TimeTrackerStartStop,
    ProjectBadge,
    LoadingSpinner,
    Modal,
    TextInput,
    InputLabel,
    TimeTrackerRunningInDifferentOrganizationOverlay,
    TimeTrackerControls,
    TimeTrackerMoreOptionsDropdown,
    CardTitle,
    Badge,
    Checkbox,
    TimeEntryGroupedTable,
    TimeEntryMassActionRow,
    TimeEntryCreateModal,
    TimeEntryEditModal,
    FullCalendarEventContent,
    FullCalendarDayHeader,
    TimeEntryCalendar,
    CalendarSettingsPopover,
    DateRangePicker,
    TimezoneMismatchModal,
    Tooltip,
    TooltipContent,
    TooltipProvider,
    TooltipTrigger,
    Accordion,
    AccordionContent,
    AccordionItem,
    AccordionTrigger,
    Popover,
    PopoverContent,
    PopoverTrigger,
    PopoverAnchor,
    RangeCalendar,
    CommandPalette,
    Separator,
    Field,
    FieldContent,
    FieldDescription,
    FieldError,
    FieldGroup,
    FieldLabel,
    FieldLegend,
    FieldSeparator,
    FieldSet,
    FieldTitle,
    fieldVariants,
};


================================================
FILE: resources/js/packages/ui/src/popover/Popover.vue
================================================
<script setup lang="ts">
import type { PopoverRootEmits, PopoverRootProps } from 'reka-ui';
import { PopoverRoot, useForwardPropsEmits } from 'reka-ui';

const props = defineProps<PopoverRootProps>();
const emits = defineEmits<PopoverRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <PopoverRoot v-bind="forwarded">
        <slot />
    </PopoverRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/popover/PopoverContent.vue
================================================
<script setup lang="ts">
import { cn } from '@/lib/utils';
import {
    PopoverContent,
    type PopoverContentEmits,
    type PopoverContentProps,
    PopoverPortal,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

defineOptions({
    inheritAttrs: false,
});

const props = withDefaults(
    defineProps<PopoverContentProps & { class?: HTMLAttributes['class'] }>(),
    {
        align: 'center',
        sideOffset: 4,
    }
);
const emits = defineEmits<PopoverContentEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <PopoverPortal>
        <PopoverContent
            v-bind="{ ...forwarded, ...$attrs }"
            :class="
                cn(
                    'z-50 rounded-md border bg-popover text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                    props.class
                )
            ">
            <slot />
        </PopoverContent>
    </PopoverPortal>
</template>


================================================
FILE: resources/js/packages/ui/src/popover/PopoverTrigger.vue
================================================
<script setup lang="ts">
import { PopoverTrigger, type PopoverTriggerProps } from 'reka-ui';

const props = defineProps<PopoverTriggerProps>();
</script>

<template>
    <PopoverTrigger v-bind="props">
        <slot />
    </PopoverTrigger>
</template>


================================================
FILE: resources/js/packages/ui/src/popover/index.ts
================================================
export { default as Popover } from './Popover.vue';
export { default as PopoverContent } from './PopoverContent.vue';
export { default as PopoverTrigger } from './PopoverTrigger.vue';
export { PopoverAnchor } from 'reka-ui';


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendar.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import {
    RangeCalendarRoot,
    type RangeCalendarRootEmits,
    type RangeCalendarRootProps,
    useForwardPropsEmits,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';
import {
    RangeCalendarCell,
    RangeCalendarCellTrigger,
    RangeCalendarGrid,
    RangeCalendarGridBody,
    RangeCalendarGridHead,
    RangeCalendarGridRow,
    RangeCalendarHeadCell,
    RangeCalendarHeader,
    RangeCalendarHeading,
    RangeCalendarNextButton,
    RangeCalendarPrevButton,
} from '.';

const props = defineProps<RangeCalendarRootProps & { class?: HTMLAttributes['class'] }>();

const emits = defineEmits<RangeCalendarRootEmits>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <RangeCalendarRoot
        v-slot="{ grid, weekDays }"
        :class="cn('p-3', props.class)"
        v-bind="forwarded">
        <RangeCalendarHeader>
            <RangeCalendarPrevButton />
            <RangeCalendarHeading />
            <RangeCalendarNextButton />
        </RangeCalendarHeader>

        <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
            <RangeCalendarGrid v-for="month in grid" :key="month.value.toString()">
                <RangeCalendarGridHead>
                    <RangeCalendarGridRow>
                        <RangeCalendarHeadCell v-for="day in weekDays" :key="day">
                            {{ day }}
                        </RangeCalendarHeadCell>
                    </RangeCalendarGridRow>
                </RangeCalendarGridHead>
                <RangeCalendarGridBody>
                    <RangeCalendarGridRow
                        v-for="(weekDates, index) in month.rows"
                        :key="`weekDate-${index}`"
                        class="mt-2 w-full">
                        <RangeCalendarCell
                            v-for="weekDate in weekDates"
                            :key="weekDate.toString()"
                            :date="weekDate">
                            <RangeCalendarCellTrigger :day="weekDate" :month="month.value" />
                        </RangeCalendarCell>
                    </RangeCalendarGridRow>
                </RangeCalendarGridBody>
            </RangeCalendarGrid>
        </div>
    </RangeCalendarRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarCell.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarCell, type RangeCalendarCellProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarCellProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarCell
        :class="
            cn(
                'relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:bg-accent first:[&:has([data-selected])]:rounded-l-md last:[&:has([data-selected])]:rounded-r-md [&:has([data-selected][data-outside-view])]:bg-accent/50 [&:has([data-selected][data-selection-end])]:rounded-r-md [&:has([data-selected][data-selection-start])]:rounded-l-md',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot />
    </RangeCalendarCell>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarCellTrigger.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src';
import {
    RangeCalendarCellTrigger,
    type RangeCalendarCellTriggerProps,
    useForwardProps,
} from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarCellTriggerProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarCellTrigger
        :class="
            cn(
                buttonVariants({ variant: 'ghost' }),
                'h-8 w-8 p-0 font-normal data-[selected]:opacity-100',
                '[&[data-today]:not([data-selected])]:border-accent [&[data-today]:not([data-selected])]:border [&[data-today]:not([data-selected])]:text-accent-foreground',
                // Selection Start
                'data-[selection-start]:bg-quaternary data-[selection-start]:text-primary-foreground data-[selection-start]:hover:bg-quaternary data-[selection-start]:hover:text-primary-foreground data-[selection-start]:focus:bg-primary data-[selection-start]:focus:text-primary-foreground',
                // Selection End
                'data-[selection-end]:bg-quaternary data-[selection-end]:text-primary-foreground data-[selection-end]:hover:bg-quaternary data-[selection-end]:hover:text-primary-foreground data-[selection-end]:focus:bg-primary data-[selection-end]:focus:text-primary-foreground',
                // Outside months
                'data-[outside-view]:text-muted-foreground data-[outside-view]:opacity-50 [&[data-outside-view][data-selected]]:text-muted-foreground [&[data-outside-view][data-selected]]:opacity-30',
                // Disabled
                'data-[disabled]:text-muted-foreground data-[disabled]:opacity-50',
                // Unavailable
                'data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot />
    </RangeCalendarCellTrigger>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarGrid.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarGrid, type RangeCalendarGridProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarGridProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarGrid
        :class="cn('w-full border-collapse space-y-1', props.class)"
        v-bind="forwardedProps">
        <slot />
    </RangeCalendarGrid>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarGridBody.vue
================================================
<script lang="ts" setup>
import { RangeCalendarGridBody, type RangeCalendarGridBodyProps } from 'reka-ui';

const props = defineProps<RangeCalendarGridBodyProps>();
</script>

<template>
    <RangeCalendarGridBody v-bind="props">
        <slot />
    </RangeCalendarGridBody>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarGridHead.vue
================================================
<script lang="ts" setup>
import { RangeCalendarGridHead, type RangeCalendarGridHeadProps } from 'reka-ui';

const props = defineProps<RangeCalendarGridHeadProps>();
</script>

<template>
    <RangeCalendarGridHead v-bind="props">
        <slot />
    </RangeCalendarGridHead>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarGridRow.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarGridRow, type RangeCalendarGridRowProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarGridRowProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarGridRow :class="cn('flex', props.class)" v-bind="forwardedProps">
        <slot />
    </RangeCalendarGridRow>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarHeadCell.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarHeadCell, type RangeCalendarHeadCellProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarHeadCellProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarHeadCell
        :class="cn('w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground', props.class)"
        v-bind="forwardedProps">
        <slot />
    </RangeCalendarHeadCell>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarHeader.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarHeader, type RangeCalendarHeaderProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarHeaderProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarHeader
        :class="cn('relative flex w-full items-center justify-between pt-1', props.class)"
        v-bind="forwardedProps">
        <slot />
    </RangeCalendarHeader>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarHeading.vue
================================================
<script lang="ts" setup>
import { cn } from '@/lib/utils';
import { RangeCalendarHeading, type RangeCalendarHeadingProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarHeadingProps & { class?: HTMLAttributes['class'] }>();

defineSlots<{
    default: (props: { headingValue: string }) => unknown;
}>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarHeading
        v-slot="{ headingValue }"
        :class="cn('text-sm font-medium', props.class)"
        v-bind="forwardedProps">
        <slot :heading-value>
            {{ headingValue }}
        </slot>
    </RangeCalendarHeading>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarNextButton.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src';
import { ChevronRight } from 'lucide-vue-next';
import { RangeCalendarNext, type RangeCalendarNextProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarNextProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarNext
        :class="
            cn(
                buttonVariants({ variant: 'outline' }),
                'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot>
            <ChevronRight class="h-4 w-4" />
        </slot>
    </RangeCalendarNext>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/RangeCalendarPrevButton.vue
================================================
<script lang="ts" setup>
import { cn, buttonVariants } from '@/packages/ui/src';
import { ChevronLeft } from 'lucide-vue-next';
import { RangeCalendarPrev, type RangeCalendarPrevProps, useForwardProps } from 'reka-ui';
import { computed, type HTMLAttributes } from 'vue';

const props = defineProps<RangeCalendarPrevProps & { class?: HTMLAttributes['class'] }>();

const delegatedProps = computed(() => {
    const { class: _, ...delegated } = props;

    return delegated;
});

const forwardedProps = useForwardProps(delegatedProps);
</script>

<template>
    <RangeCalendarPrev
        :class="
            cn(
                buttonVariants({ variant: 'outline' }),
                'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',
                props.class
            )
        "
        v-bind="forwardedProps">
        <slot>
            <ChevronLeft class="h-4 w-4" />
        </slot>
    </RangeCalendarPrev>
</template>


================================================
FILE: resources/js/packages/ui/src/range-calendar/index.ts
================================================
export { default as RangeCalendar } from './RangeCalendar.vue';
export { default as RangeCalendarCell } from './RangeCalendarCell.vue';
export { default as RangeCalendarCellTrigger } from './RangeCalendarCellTrigger.vue';
export { default as RangeCalendarGrid } from './RangeCalendarGrid.vue';
export { default as RangeCalendarGridBody } from './RangeCalendarGridBody.vue';
export { default as RangeCalendarGridHead } from './RangeCalendarGridHead.vue';
export { default as RangeCalendarGridRow } from './RangeCalendarGridRow.vue';
export { default as RangeCalendarHeadCell } from './RangeCalendarHeadCell.vue';
export { default as RangeCalendarHeader } from './RangeCalendarHeader.vue';
export { default as RangeCalendarHeading } from './RangeCalendarHeading.vue';
export { default as RangeCalendarNextButton } from './RangeCalendarNextButton.vue';
export { default as RangeCalendarPrevButton } from './RangeCalendarPrevButton.vue';


================================================
FILE: resources/js/packages/ui/src/separator/Separator.vue
================================================
<script setup lang="ts">
import type { SeparatorProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { Separator } from 'reka-ui';
import { cn } from '@/lib/utils';

const props = withDefaults(defineProps<SeparatorProps & { class?: HTMLAttributes['class'] }>(), {
    orientation: 'horizontal',
    decorative: true,
});

const delegatedProps = reactiveOmit(props, 'class');
</script>

<template>
    <Separator
        v-bind="delegatedProps"
        :class="
            cn(
                'shrink-0 bg-border',
                props.orientation === 'horizontal' ? 'h-px w-full' : 'w-px h-full',
                props.class
            )
        " />
</template>


================================================
FILE: resources/js/packages/ui/src/separator/index.ts
================================================
export { default as Separator } from './Separator.vue';


================================================
FILE: resources/js/packages/ui/src/tooltip/Tooltip.vue
================================================
<script setup lang="ts">
import type { TooltipRootEmits, TooltipRootProps } from 'reka-ui';
import { TooltipRoot, useForwardPropsEmits } from 'reka-ui';

const props = defineProps<TooltipRootProps>();
const emits = defineEmits<TooltipRootEmits>();

const forwarded = useForwardPropsEmits(props, emits);
</script>

<template>
    <TooltipRoot v-bind="forwarded">
        <slot />
    </TooltipRoot>
</template>


================================================
FILE: resources/js/packages/ui/src/tooltip/TooltipContent.vue
================================================
<script setup lang="ts">
import type { TooltipContentEmits, TooltipContentProps } from 'reka-ui';
import type { HTMLAttributes } from 'vue';
import { reactiveOmit } from '@vueuse/core';
import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui';
import { cn } from '@/lib/utils';

defineOptions({
    inheritAttrs: false,
});

const props = withDefaults(
    defineProps<TooltipContentProps & { class?: HTMLAttributes['class'] }>(),
    {
        sideOffset: 4,
    }
);

const emits = defineEmits<TooltipContentEmits>();

const delegatedProps = reactiveOmit(props, 'class');

const forwarded = useForwardPropsEmits(delegatedProps, emits);
</script>

<template>
    <TooltipPortal>
        <TooltipContent
            v-bind="{ ...forwarded, ...$attrs }"
            :class="
                cn(
                    'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
                    props.class
                )
            ">
            <slot />
        </TooltipContent>
    </TooltipPortal>
</template>


================================================
FILE: resources/js/packages/ui/src/tooltip/TooltipProvider.vue
================================================
<script setup lang="ts">
import type { TooltipProviderProps } from 'reka-ui';
import { TooltipProvider } from 'reka-ui';

const props = defineProps<TooltipProviderProps>();
</script>

<template>
    <TooltipProvider v-bind="props">
        <slot />
    </TooltipProvider>
</template>


================================================
FILE: resources/js/packages/ui/src/tooltip/TooltipTrigger.vue
================================================
<script setup lang="ts">
import type { TooltipTriggerProps } from 'reka-ui';
import { TooltipTrigger } from 'reka-ui';

const props = defineProps<TooltipTriggerProps>();
</script>

<template>
    <TooltipTrigger v-bind="props">
        <slot />
    </TooltipTrigger>
</template>


================================================
FILE: resources/js/packages/ui/src/tooltip/index.ts
================================================
export { default as Tooltip } from './Tooltip.vue';
export { default as TooltipContent } from './TooltipContent.vue';
export { default as TooltipProvider } from './TooltipProvider.vue';
export { default as TooltipTrigger } from './TooltipTrigger.vue';


================================================
FILE: resources/js/packages/ui/src/utils/cn.ts
================================================
import { type ClassValue, clsx } from 'clsx';
import { twMerge } from 'tailwind-merge';

export function cn(...inputs: ClassValue[]) {
    return twMerge(clsx(inputs.filter(Boolean)));
}


================================================
FILE: resources/js/packages/ui/src/utils/color.ts
================================================
import Prando from '@/packages/ui/src/utils/random';

export const colors = [
    '#ef5350',
    '#ec407a',
    '#ab47bc',
    '#7e57c2',
    '#5c6bc0',
    '#42a5f5',
    '#29b6f6',
    '#26c6da',
    '#26a69a',
    '#66bb6a',
    '#9ccc65',
    '#d4e157',
    '#ffee58',
    '#ffca28',
    '#ffa726',
    '#ff7043',
    '#8d6e63',
    '#bdbdbd',
    '#78909c',
];

export function getRandomColor() {
    return colors[Math.floor(Math.random() * colors.length)]!;
}

export function getRandomColorWithSeed(seed: string) {
    const pseudoRandom = new Prando(seed);
    const index = pseudoRandom.nextInt(0, colors.length - 1);
    return colors[index]!;
}


================================================
FILE: resources/js/packages/ui/src/utils/money.ts
================================================
import { formatNumber, type NumberFormat } from './number';

export type CurrencyFormat =
    | 'iso-code-before-with-space'
    | 'iso-code-after-with-space'
    | 'symbol-before'
    | 'symbol-after'
    | 'symbol-before-with-space'
    | 'symbol-after-with-space';

function formatMoney(
    amount: number,
    currency?: string,
    format?: CurrencyFormat,
    currencySymbol?: string,
    numberFormat?: NumberFormat
) {
    const formattedAmount = formatNumber(amount, numberFormat);

    switch (format) {
        case 'iso-code-before-with-space':
            return `${currency} ${formattedAmount}`;
        case 'iso-code-after-with-space':
            return `${formattedAmount} ${currency}`;
        case 'symbol-before':
            return `${currencySymbol}${formattedAmount}`;
        case 'symbol-after':
            return `${formattedAmount}${currencySymbol}`;
        case 'symbol-before-with-space':
            return `${currencySymbol} ${formattedAmount}`;
        case 'symbol-after-with-space':
            return `${formattedAmount} ${currencySymbol}`;
    }
}

export function formatCents(
    amount: number,
    currency?: string,
    format?: CurrencyFormat,
    currencySymbol?: string,
    numberFormat?: NumberFormat
) {
    return formatMoney(amount / 100, currency, format, currencySymbol, numberFormat);
}

export function getOrganizationCurrencySymbol(currency: string) {
    return (0)
        .toLocaleString('de-DE', {
            style: 'currency',
            currency: currency,
            minimumFractionDigits: 0,
            maximumFractionDigits: 0,
        })
        .replace(/\d/g, '')
        .trim();
}


================================================
FILE: resources/js/packages/ui/src/utils/number.ts
================================================
export type NumberFormat =
    | 'point-comma'
    | 'comma-point'
    | 'space-comma'
    | 'space-point'
    | 'apostrophe-point';

/**
 * Formats a number according to the specified format
 * @param value - The number to format
 * @param format - The format to use
 * @returns The formatted number as a string
 */
export function formatNumber(value: number, format?: string): string {
    // Convert to fixed 2 decimal places first
    const parts = value.toFixed(2).split('.');
    const wholePart = parts[0] ?? '0';
    const decimalPart = parts[1] ?? '00';

    // Format the whole number part based on the format
    let formattedWhole: string;
    switch (format) {
        case 'point-comma':
            formattedWhole = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, '.');
            return `${formattedWhole},${decimalPart}`;
        case 'comma-point':
            formattedWhole = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
            return `${formattedWhole}.${decimalPart}`;
        case 'space-comma':
            formattedWhole = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
            return `${formattedWhole},${decimalPart}`;
        case 'space-point':
            formattedWhole = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
            return `${formattedWhole}.${decimalPart}`;
        case 'apostrophe-point':
            formattedWhole = wholePart.replace(/\B(?=(\d{3})+(?!\d))/g, "'");
            return `${formattedWhole}.${decimalPart}`;
        default:
            return value.toString();
    }
}


================================================
FILE: resources/js/packages/ui/src/utils/random.ts
================================================
/**
 * This is a hardfork of Prando, a pseudo-random number generator.
 * @source https://github.com/zeh/prando
 */

export default class Prando {
    private static readonly MIN: number = -2147483648; // Int32 min
    private static readonly MAX: number = 2147483647; // Int32 max

    private _seed: number;
    private _value = NaN;

    // ================================================================================================================
    // CONSTRUCTOR ----------------------------------------------------------------------------------------------------

    /**
     * Generate a new Prando pseudo-random number generator.
     *
     * @param seed - A number or string seed that determines which pseudo-random number sequence will be created. Defaults to a random seed based on `Math.random()`.
     */
    constructor(seed?: number | string) {
        if (typeof seed === 'string') {
            // String seed
            this._seed = this.hashCode(seed);
        } else if (typeof seed === 'number') {
            // Numeric seed
            this._seed = this.getSafeSeed(seed);
        } else {
            // Pseudo-random seed
            this._seed = this.getSafeSeed(
                Prando.MIN + Math.floor((Prando.MAX - Prando.MIN) * Math.random())
            );
        }
        this.reset();
    }

    // ================================================================================================================
    // PUBLIC INTERFACE -----------------------------------------------------------------------------------------------

    /**
     * Generates a pseudo-random number between a lower (inclusive) and a higher (exclusive) bounds.
     *
     * @param min - The minimum number that can be randomly generated.
     * @param pseudoMax - The maximum number that can be randomly generated (exclusive).
     * @return The generated pseudo-random number.
     */
    public next(min = 0, pseudoMax = 1): number {
        this.recalculate();
        return this.map(this._value, Prando.MIN, Prando.MAX, min, pseudoMax);
    }

    /**
     * Generates a pseudo-random integer number in a range (inclusive).
     *
     * @param min - The minimum number that can be randomly generated.
     * @param max - The maximum number that can be randomly generated.
     * @return The generated pseudo-random number.
     */
    public nextInt(min = 10, max = 100): number {
        this.recalculate();
        return Math.floor(this.map(this._value, Prando.MIN, Prando.MAX, min, max + 1));
    }

    /**
     * Generates a pseudo-random string sequence of a particular length from a specific character range.
     *
     * Note: keep in mind that creating a random string sequence does not guarantee uniqueness; there is always a
     * 1 in (char_length^string_length) chance of collision. For real unique string ids, always check for
     * pre-existing ids, or employ a robust GUID/UUID generator.
     *
     * @param length - Length of the string to be generated.
     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
     * @return The generated string sequence.
     */
    public nextString(
        length = 16,
        chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
    ): string {
        let str = '';
        while (str.length < length) {
            str += this.nextChar(chars);
        }
        return str;
    }

    /**
     * Generates a pseudo-random string of 1 character specific character range.
     *
     * @param chars - Characters that are used when creating the random string. Defaults to all alphanumeric chars (A-Z, a-z, 0-9).
     * @return The generated character.
     */
    public nextChar(
        chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
    ): string {
        return chars.substr(this.nextInt(0, chars.length - 1), 1);
    }

    /**
     * Picks a pseudo-random item from an array. The array is left unmodified.
     *
     * Note: keep in mind that while the returned item will be random enough, picking one item from the array at a time
     * does not guarantee nor imply that a sequence of random non-repeating items will be picked. If you want to
     * *pick items in a random order* from an array, instead of *pick one random item from an array*, it's best to
     * apply a *shuffle* transformation to the array instead, then read it linearly.
     *
     * @param array - Array of any type containing one or more candidates for random picking.
     * @return An item from the array.
     */
    public nextArrayItem<T>(array: T[]): T {
        return array[this.nextInt(0, array.length - 1)] as T;
    }

    /**
     * Generates a pseudo-random boolean.
     *
     * @return A value of true or false.
     */
    public nextBoolean(): boolean {
        this.recalculate();
        return this._value > 0.5;
    }

    /**
     * Skips ahead in the sequence of numbers that are being generated. This is equivalent to
     * calling next() a specified number of times, but faster since it doesn't need to map the
     * new random numbers to a range and return it.
     *
     * @param iterations - The number of items to skip ahead.
     */
    public skip(iterations = 1): void {
        while (iterations-- > 0) {
            this.recalculate();
        }
    }

    /**
     * Reset the pseudo-random number sequence back to its starting seed. Further calls to next()
     * will then produce the same sequence of numbers it had produced before. This is equivalent to
     * creating a new Prando instance with the same seed as another Prando instance.
     *
     * Example:
     * let rng = new Prando(12345678);
     * console.log(rng.next()); // 0.6177754114889017
     * console.log(rng.next()); // 0.5784605181725837
     * rng.reset();
     * console.log(rng.next()); // 0.6177754114889017 again
     * console.log(rng.next()); // 0.5784605181725837 again
     */
    public reset(): void {
        this._value = this._seed;
    }

    // ================================================================================================================
    // PRIVATE INTERFACE ----------------------------------------------------------------------------------------------

    private recalculate(): void {
        this._value = this.xorshift(this._value);
    }

    private xorshift(value: number): number {
        // Xorshift*32
        // Based on George Marsaglia's work: http://www.jstatsoft.org/v08/i14/paper
        value ^= value << 13;
        value ^= value >> 17;
        value ^= value << 5;
        return value;
    }

    private map(
        val: number,
        minFrom: number,
        maxFrom: number,
        minTo: number,
        maxTo: number
    ): number {
        return ((val - minFrom) / (maxFrom - minFrom)) * (maxTo - minTo) + minTo;
    }

    private hashCode(str: string): number {
        let hash = 0;
        if (str) {
            const l = str.length;
            for (let i = 0; i < l; i++) {
                hash = (hash << 5) - hash + str.charCodeAt(i);
                hash |= 0;
                hash = this.xorshift(hash);
            }
        }
        return this.getSafeSeed(hash);
    }

    private getSafeSeed(seed: number): number {
        if (seed === 0) return 1;
        return seed;
    }
}


================================================
FILE: resources/js/packages/ui/src/utils/select.ts
================================================
import { computed, type Ref, watch } from 'vue';
import { onKeyStroke } from '@vueuse/core';

export function useSelectEvents<Type>(
    filteredItems: Ref<Array<Type>>,
    highlightedItemId: Ref<string | null>,
    getKeyFromItem: (item: Type) => string,
    open: Ref<boolean>
) {
    function moveHighlightUp() {
        if (highlightedItem.value) {
            const currentHightlightedIndex = filteredItems.value.indexOf(highlightedItem.value);
            if (currentHightlightedIndex === 0) {
                highlightedItemId.value = getKeyFromItem(
                    filteredItems.value[filteredItems.value.length - 1]!
                );
            } else {
                highlightedItemId.value = getKeyFromItem(
                    filteredItems.value[currentHightlightedIndex - 1]!
                );
            }
        } else {
            highlightedItemId.value = getKeyFromItem(
                filteredItems.value[filteredItems.value.length - 1]!
            );
        }
    }

    function moveHighlightDown() {
        if (highlightedItem.value) {
            const currentHightlightedIndex = filteredItems.value.indexOf(highlightedItem.value);
            if (currentHightlightedIndex === filteredItems.value.length - 1) {
                highlightedItemId.value = getKeyFromItem(filteredItems.value[0]!);
            } else {
                highlightedItemId.value = getKeyFromItem(
                    filteredItems.value[currentHightlightedIndex + 1]!
                );
            }
        } else {
            highlightedItemId.value = getKeyFromItem(filteredItems.value[0]!);
        }
    }

    const highlightedItem = computed(() => {
        return filteredItems.value.find((item) => getKeyFromItem(item) === highlightedItemId.value);
    });

    onKeyStroke('ArrowDown', (e) => {
        if (open.value === true) {
            moveHighlightDown();
            e.preventDefault();
        }
    });

    onKeyStroke('ArrowUp', (e) => {
        if (open.value === true) {
            moveHighlightUp();
            e.preventDefault();
        }
    });

    watch(open, (newOpen) => {
        if (newOpen === false) {
            highlightedItemId.value = null;
        }
    });
}


================================================
FILE: resources/js/packages/ui/src/utils/settings.ts
================================================
export function getWeekStart() {
    const weekStart = window?.getWeekStartSetting() as string;

    if (!weekStart) {
        throw new Error(
            'Please make sure to provide the current user week start setting as a vue inject (week_start)'
        );
    }
    return weekStart;
}
export function getUserTimezone() {
    const timezone = window?.getTimezoneSetting() as string;
    if (!timezone) {
        throw new Error(
            'Please make sure to provide the current user timezone as a vue inject (timezone)'
        );
    }
    return timezone;
}


================================================
FILE: resources/js/packages/ui/src/utils/time.ts
================================================
import dayjs from 'dayjs';
import duration from 'dayjs/plugin/duration';
import relativeTime from 'dayjs/plugin/relativeTime';
import isToday from 'dayjs/plugin/isToday';
import isYesterday from 'dayjs/plugin/isYesterday';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';
import weekOfYear from 'dayjs/plugin/weekOfYear';
import parse from 'parse-duration';

import { getUserTimezone, getWeekStart } from './settings';
import updateLocale from 'dayjs/plugin/updateLocale';
import { computed } from 'vue';
import { formatNumber } from './number';

export type DateFormat =
    | 'point-separated-d-m-yyyy'
    | 'slash-separated-mm-dd-yyyy'
    | 'slash-separated-dd-mm-yyyy'
    | 'hyphen-separated-dd-mm-yyyy'
    | 'hyphen-separated-mm-dd-yyyy'
    | 'hyphen-separated-yyyy-mm-dd';

// Day of week index type for calendar components (0 = Sunday, 6 = Saturday)
export type WeekStartDay = 0 | 1 | 2 | 3 | 4 | 5 | 6;

const dateFormatMap: Record<DateFormat, string> = {
    'point-separated-d-m-yyyy': 'D.M.YYYY',
    'slash-separated-mm-dd-yyyy': 'MM/DD/YYYY',
    'slash-separated-dd-mm-yyyy': 'DD/MM/YYYY',
    'hyphen-separated-dd-mm-yyyy': 'DD-MM-YYYY',
    'hyphen-separated-mm-dd-yyyy': 'MM-DD-YYYY',
    'hyphen-separated-yyyy-mm-dd': 'YYYY-MM-DD',
};

export type TimeFormat = '12-hours' | '24-hours';
export type IntervalFormat =
    | 'decimal'
    | 'hours-minutes'
    | 'hours-minutes-colon-separated'
    | 'hours-minutes-seconds-colon-separated';
export type TimeInputUnit = 'minutes' | 'hours';

dayjs.extend(relativeTime);
dayjs.extend(isToday);
dayjs.extend(isYesterday);
dayjs.extend(duration);
dayjs.extend(utc);
dayjs.extend(timezone);
dayjs.extend(updateLocale);
dayjs.extend(weekOfYear);

export function getDayJsInstance() {
    dayjs.updateLocale('en', {
        weekStart: firstDayIndex.value,
    });
    return dayjs;
}

export const firstDayIndex = computed(() => {
    const apiDayOrder = [
        'sunday',
        'monday',
        'tuesday',
        'wednesday',
        'thursday',
        'friday',
        'saturday',
    ];
    return apiDayOrder.indexOf(getWeekStart());
});

export function formatHumanReadableDuration(
    duration: number,
    intervalFormat?: string,
    numberFormat?: string
): string {
    const dayJsDuration = dayjs.duration(duration, 's');
    const hours = Math.floor(dayJsDuration.asHours());
    const minutes = dayJsDuration.minutes();
    const seconds = dayJsDuration.seconds();

    switch (intervalFormat) {
        case 'decimal':
            return formatNumber(dayJsDuration.asHours(), numberFormat) + ' h';
        case 'hours-minutes':
            return `${hours}h ${minutes.toString().padStart(2, '0')}min`;
        case 'hours-minutes-colon-separated':
            return `${hours}:${minutes.toString().padStart(2, '0')}`;
        case 'hours-minutes-seconds-colon-separated':
            return `${hours}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
        default:
            return `${hours}h ${minutes.toString().padStart(2, '0')}min`;
    }
}

export function formatDuration(duration: number): string {
    const dayJsDuration = dayjs.duration(duration, 's');
    const hours = Math.floor(dayJsDuration.asHours());
    const minutes = dayJsDuration.minutes();
    const seconds = dayJsDuration.seconds();
    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
}

export function calculateDifference(start: string, end: string | null) {
    if (end === null) {
        end = dayjs().utc().format();
    }
    return dayjs(end).diff(dayjs(start), 'second');
}

/**
 * Returns a formatted time.
 * @param date - A UTC date time string.
 * @param timeFormat - The time format to use ('12-hours' or '24-hours')
 */
export function formatTime(date: string, timeFormat: TimeFormat = '24-hours') {
    const format = timeFormat === '12-hours' ? 'hh:mm A' : 'HH:mm';
    return dayjs.utc(date).tz(getUserTimezone()).format(format);
}

export function getLocalizedDayJs(timestamp?: string | null) {
    return dayjs.utc(timestamp).tz(getUserTimezone());
}

export function getLocalizedDateFromTimestamp(timestamp: string) {
    return getLocalizedDayJs(timestamp).format('YYYY-MM-DD');
}

/*
 * Returns a formatted date.
 * @param date - date in the format of 'YYYY-MM-DD'
 */
export function formatDate(date: string, format: DateFormat = 'point-separated-d-m-yyyy'): string {
    if (date?.includes('+')) {
        console.warn('Date contains timezone information, use formatDateLocalized instead');
    }
    return getDayJsInstance()(date).format(dateFormatMap[format]);
}

/*
 * Returns a formatted date.
 * @param date - date in the format of 'YYYY-MM-DD'
 */
export function formatDateLocalized(
    date: string,
    format: DateFormat = 'point-separated-d-m-yyyy'
): string {
    return getLocalizedDayJs(date).format(dateFormatMap[format]);
}

export function formatDateTimeLocalized(
    date: string,
    dateFormat?: DateFormat,
    timeFormat?: TimeFormat
): string {
    const format = `${dateFormatMap[dateFormat ?? 'point-separated-d-m-yyyy']} ${timeFormat === '12-hours' ? 'hh:mm A' : 'HH:mm'}`;
    return getLocalizedDayJs(date).format(format);
}

export function formatWeek(date: string | null): string {
    return 'Week ' + getDayJsInstance()(date).week();
}

/*
 * Returns a human readable date format.
 * @param date - date in the format of 'YYYY-MM-DD'
 */
export function formatHumanReadableDate(date: string) {
    const dateObj = dayjs(date);
    const today = dayjs();

    if (dateObj.isToday()) {
        return 'Today';
    } else if (dateObj.isYesterday()) {
        return 'Yesterday';
    }

    // Calculate difference in days
    const diffInDays = today.diff(dateObj, 'day');

    if (diffInDays > 0 && diffInDays <= 30) {
        // For dates in the past (2-30 days ago)
        return `${diffInDays} ${diffInDays === 1 ? 'day' : 'days'} ago`;
    } else if (diffInDays < 0 && diffInDays >= -30) {
        // For dates in the future (within 30 days)
        const futureDays = Math.abs(diffInDays);
        return `In ${futureDays} ${futureDays === 1 ? 'day' : 'days'}`;
    }

    // For dates older than 30 days, show the actual date
    return dateObj.format('MMM D, YYYY');
}

export function formatWeekday(date: string) {
    return dayjs(date).format('dddd');
}

export function formatStartEnd(
    start: string,
    end: string | null,
    timeFormat: TimeFormat = '24-hours'
) {
    if (end) {
        return `${formatTime(start, timeFormat)} - ${formatTime(end, timeFormat)}`;
    } else {
        return `${formatTime(start, timeFormat)} - ...`;
    }
}

export function parseTimeInput(
    input: string,
    defaultUnit: TimeInputUnit = 'minutes'
): number | null {
    // Check if input is a decimal number (hours)
    const decimalRegex = /^-?\d+[.,]\d+$/;
    if (decimalRegex.test(input)) {
        const hours = parseFloat(input.replace(',', '.'));
        return Math.round(hours * 3600);
    }

    // Check if input is just a number (minutes or hours based on defaultUnit)
    if (/^-?\d+$/.test(input)) {
        const value = parseInt(input);
        return defaultUnit === 'minutes' ? value * 60 : value * 3600;
    }

    // Check if input is in HH:MM:SS format
    const HHMMSStimeRegex = /^([0-9]{1,2}):([0-5]?[0-9]):([0-5]?[0-9])$/;
    if (HHMMSStimeRegex.test(input)) {
        const match = input.match(HHMMSStimeRegex);
        if (match) {
            const hours = parseInt(match[1]!);
            const minutes = parseInt(match[2]!);
            const seconds = parseInt(match[3]!);
            return hours * 3600 + minutes * 60 + seconds;
        }
    }

    // Check if input is in HH:MM format
    const HHMMtimeRegex = /^([0-9]{1,2}):([0-5]?[0-9])$/;
    if (HHMMtimeRegex.test(input)) {
        const match = input.match(HHMMtimeRegex);
        if (match) {
            const hours = parseInt(match[1]!);
            const minutes = parseInt(match[2]!);
            return (hours * 60 + minutes) * 60;
        }
    }

    // Try to parse natural language like "1h 30m"
    const parsedDuration = parse(input, 's');
    if (parsedDuration && parsedDuration > 0) {
        return parsedDuration;
    }

    return null;
}


================================================
FILE: resources/js/packages/ui/styles.css
================================================
/**
 * Shared styles for solidtime
 * This CSS file contains all the shared theme variables and base styles
 * used by both the main solidtime app and the desktop app.
 *
 * Font-face declarations are intentionally omitted here as they differ between apps:
 * - Main app uses 'Inter'
 * - Desktop app uses 'Outfit'
 * Each app should include their own font-face declarations.
 */

@tailwind base;
@tailwind components;
@tailwind utilities;

:root.dark {
    --color-bg-primary: oklch(0.14 0.0041 285.97);
    --color-bg-secondary: oklch(0.18 0.005 285.97);
    --color-bg-tertiary: oklch(0.22 0.0112 285.97);
    --color-bg-quaternary: oklch(0.26 0.015 285.97);
    --color-bg-background: oklch(0.1 0 0);
    --color-text-primary: #ffffff;
    --color-text-secondary: #e3e4e6;
    --color-text-tertiary: #969799;
    --color-text-quaternary: #595a5c;

    --color-border-primary: #191b1f;
    --color-border-secondary: oklch(0.25 0.0098 268.31);
    --color-border-tertiary: #2c2e33;
    --color-border-quaternary: #393b42;
    --color-input-border-active: rgba(255, 255, 255, 0.15);

    --theme-color-chart: var(--color-accent-200);

    --theme-color-menu-active: var(--color-bg-secondary);
    --theme-color-card-background: var(--color-bg-secondary);
    --theme-shadow-card: 0 4px 7px 0px rgb(0 0 0 / 15%);
    --theme-shadow-dropdown: 0 4px 7px 0px rgb(0 0 0 / 40%);

    --theme-color-card-background-active: var(--color-bg-tertiary);

    --theme-color-row-background: var(--color-bg-primary);
    --theme-color-row-heading-background: var(--color-bg-primary);
    --theme-color-row-heading-border: var(--theme-color-card-border);
    --theme-color-icon-default: var(--color-text-tertiary);

    --theme-color-ring: rgba(255, 255, 255, 0.5);

    --theme-color-button-primary-background: rgba(var(--color-accent-300), 0.1);
    --theme-color-button-primary-background-hover: rgba(var(--color-accent-300), 0.2);
    --theme-color-button-primary-border: rgba(var(--color-accent-300), 0.2);
    --theme-color-button-primary-text: var(--color-text-primary);

    --theme-color-input-background: var(--color-bg-secondary);

    --theme-color-input-select-active: rgb(var(--color-accent-300));
    --theme-color-input-select-active-hover: rgb(var(--color-accent-400));

    --color-accent-default: rgba(var(--color-accent-300), 0.2);
    --color-accent-foreground: rgb(var(--color-accent-100));
    --theme-color-default-background: var(--color-bg-primary);
}

:root.light {
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #fcfcfc;
    --color-bg-tertiary: #eeeeef;
    --color-bg-quaternary: #e1e1e3;
    --color-bg-background: #f5f5f5;
    --color-text-primary: #18181b;
    --color-text-secondary: #3f3f46;
    --color-text-tertiary: #57575c;
    --color-text-quaternary: #a1a1aa;
    --color-border-primary: #e7e7e7;
    --color-border-secondary: #e5e5e5;
    --color-border-tertiary: #dfdfdf;
    --color-border-quaternary: #d1d1d1;
    --color-input-border-active: rgba(0, 0, 0, 0.3);
    --theme-color-menu-active: var(--color-bg-quaternary);

    --theme-color-card-background: var(--color-bg-primary);
    --theme-color-card-background-active: var(--color-bg-tertiary);

    --theme-color-chart: var(--color-accent-400);

    --theme-shadow-card: lch(0 0 0 / 0.022) 0px 3px 6px -2px, lch(0 0 0 / 0.044) 0px 1px 1px;
    --theme-shadow-dropdown: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);

    --theme-color-row-background: var(--theme-color-primary);
    --theme-color-row-heading-background: var(--theme-color-primary);
    --theme-color-row-heading-border: var(--color-border-tertiary);
    --theme-color-icon-default: var(--color-text-quaternary);

    --theme-color-ring: rgba(0, 0, 0, 0.7);

    --theme-color-button-primary-background: rgba(var(--color-accent-600), 0.9);
    --theme-color-button-primary-background-hover: rgba(var(--color-accent-600), 1);
    --theme-color-button-primary-border: rgba(var(--color-accent-600), 1);
    --theme-color-button-primary-text: #ffffff;

    --theme-color-input-background: transparent;

    --theme-color-input-select-active: rgb(var(--color-accent-400));
    --theme-color-input-select-active-hover: rgb(var(--color-accent-500));

    --color-accent-default: rgb(var(--color-accent-100));
    --color-accent-foreground: rgb(var(--color-accent-800));
    --theme-color-default-background: #fcfcfc;
}

:root {
    --theme-color-icon-active: rgb(var(--color-text-tertiary));
    --theme-color-card-background-separator: var(--color-border-tertiary);
    --theme-color-card-border: var(--color-border-secondary);
    --theme-color-card-border-active: var(--color-border-tertiary);
    --theme-color-default-background-separator: var(--color-border-primary);
    --theme-color-primary-text: var(--color-text-primary);
    --theme-color-input-border: var(--color-border-quaternary);
    --theme-color-tab-background: var(--theme-color-card-background);
    --theme-color-tab-background-active: var(--theme-color-card-background-active);
    --theme-color-tab-border: var(--theme-color-card-border);
    --theme-color-row-separator-background: var(--theme-color-default-background-separator);
    --theme-color-row-border: var(--theme-color-card-border);

    --color-accent-50: 240, 249, 255; /* sky-50 */
    --color-accent-100: 224, 242, 254; /* sky-100 */
    --color-accent-200: 186, 230, 253; /* sky-200 */
    --color-accent-300: 125, 211, 252; /* sky-300 */
    --color-accent-400: 56, 189, 248; /* sky-400 */
    --color-accent-500: 14, 165, 233; /* sky-500 */
    --color-accent-600: 2, 132, 199; /* sky-600 */
    --color-accent-700: 3, 105, 161; /* sky-700 */
    --color-accent-800: 7, 89, 133; /* sky-800 */
    --color-accent-900: 12, 74, 110; /* sky-900 */
    --color-accent-950: 8, 47, 73; /* sky-950 */

    --theme-button-secondary-background: var(--theme-color-card-background);
    --theme-button-secondary-background-active: var(--theme-color-card-background-active);
    --popover-border: var(--color-border-secondary);
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-width: thin;
    scrollbar-color: var(--color-bg-tertiary) transparent;
}

[x-cloak] {
    display: none;
}

body {
    background-color: var(--theme-color-default-background);
}

@layer base {
    :root {
        --background: var(--color-bg-background);
        --foreground: var(--color-text-primary);
        --card: var(--theme-color-card-background);
        --card-foreground: var(--color-text-primary);
        --popover: var(--theme-color-card-background);
        --popover-foreground: var(--color-text-primary);
        --primary: var(--color-bg-primary);
        --primary-foreground: var(--color-text-primary);
        --secondary: var(--color-bg-secondary);
        --secondary-foreground: var(--color-text-primary);
        --muted: var(--color-bg-tertiary);
        --muted-foreground: var(--color-text-tertiary);
        --accent: var(--color-bg-tertiary);
        --accent-foreground: var(--color-text-primary);
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: var(--color-text-primary);
        --border: var(--color-border-primary);
        --input: var(--color-border-tertiary);
        --ring: var(--theme-color-ring);
        --chart-1: var(--color-accent-400);
        --chart-2: var(--color-accent-500);
        --chart-3: var(--color-accent-600);
        --chart-4: var(--color-accent-700);
        --chart-5: var(--color-accent-800);
        --radius: 0.5rem;
    }
    .dark {
        --background: var(--color-bg-background);
        --foreground: var(--color-text-primary);
        --card: var(--theme-color-card-background);
        --card-foreground: var(--color-text-primary);
        --popover: var(--color-bg-secondary);
        --popover-foreground: var(--color-text-primary);
        --primary: var(--color-bg-primary);
        --primary-foreground: var(--color-text-primary);
        --secondary: var(--color-bg-secondary);
        --secondary-foreground: var(--color-text-primary);
        --muted: var(--color-bg-tertiary);
        --muted-foreground: var(--color-text-tertiary);
        --accent: var(--color-bg-tertiary);
        --accent-foreground: var(--color-text-primary);
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: var(--color-text-primary);
        --border: var(--color-border-primary);
        --input: var(--color-border-tertiary);
        --ring: var(--theme-color-ring);
        --chart-1: var(--color-accent-200);
        --chart-2: var(--color-accent-300);
        --chart-3: var(--color-accent-400);
        --chart-4: var(--color-accent-500);
        --chart-5: var(--color-accent-600);
    }
}

@layer base {
    * {
        @apply border-border;
    }
    body {
        @apply bg-background text-foreground;
    }
}


================================================
FILE: resources/js/packages/ui/tailwind.theme.js
================================================
/**
 * Shared Tailwind theme configuration for solidtime
 * This configuration is used by both the main solidtime app and the desktop app
 *
 * Note: fontFamily is intentionally omitted here as it differs between apps:
 * - Main app uses 'Inter'
 * - Desktop app uses 'Outfit'
 * Each app should override the fontFamily in their own config.
 */
export const solidtimeTheme = {
    boxShadow: {
        card: 'var(--theme-shadow-card)',
        dropdown: 'var(--theme-shadow-dropdown)',
    },
    containers: {
        '2xs': '16rem',
    },
    fontSize: {
        '2xs': ['0.625rem', { lineHeight: '0.75rem' }],
        xs: ['0.75rem', { lineHeight: '1rem' }],
        sm: ['0.8125rem', { lineHeight: '1.125rem' }],
        base: ['0.875rem', { lineHeight: '1.25rem' }],
        lg: ['1rem', { lineHeight: '1.5rem' }],
        xl: ['1.125rem', { lineHeight: '1.75rem' }],
        '2xl': ['1.25rem', { lineHeight: '1.75rem' }],
        '3xl': ['1.5rem', { lineHeight: '2rem' }],
        '4xl': ['1.75rem', { lineHeight: '2.25rem' }],
        '5xl': ['2rem', { lineHeight: '1' }],
        '6xl': ['2.25rem', { lineHeight: '1' }],
        '7xl': ['2.5rem', { lineHeight: '1' }],
        '8xl': ['3rem', { lineHeight: '1' }],
        '9xl': ['3.5rem', { lineHeight: '1' }],
    },
    colors: {
        ring: 'var(--ring)',
        primary: {
            DEFAULT: 'var(--primary)',
            foreground: 'var(--primary-foreground)',
        },
        secondary: {
            DEFAULT: 'var(--secondary)',
            foreground: 'hsl(var(--secondary-foreground))',
        },
        tertiary: 'var(--color-bg-tertiary)',
        quaternary: 'var(--color-bg-quaternary)',
        background: 'var(--background)',
        'text-primary': 'var(--color-text-primary)',
        'text-secondary': 'var(--color-text-secondary)',
        'text-tertiary': 'var(--color-text-tertiary)',
        'text-quaternary': 'var(--color-text-quaternary)',
        'border-primary': 'var(--color-border-primary)',
        'border-secondary': 'var(--color-border-secondary)',
        'border-tertiary': 'var(--color-border-tertiary)',
        'default-background': 'var(--theme-color-default-background)',
        'default-background-separator': 'var(--theme-color-default-background-separator)',
        'row-background': 'var(--theme-color-row-background)',
        'card-background': 'var(--theme-color-card-background)',
        'card-background-active': 'var(--theme-color-card-background-active)',
        'card-background-separator': 'var(--theme-color-card-background-separator)',
        'card-border': 'var(--theme-color-card-border)',
        'card-border-active': 'var(--theme-color-card-border-active)',
        muted: {
            DEFAULT: 'var(--muted)',
            foreground: 'var(--muted-foreground)',
        },
        'tab-background': 'var(--theme-color-tab-background)',
        'tab-background-active': 'var(--theme-color-tab-background-active)',
        'tab-border': 'var(--theme-color-tab-border)',
        'icon-default': 'var(--theme-color-icon-default)',
        'icon-active': 'var(--theme-color-icon-active)',
        'menu-active': 'var(--theme-color-menu-active)',
        'input-border': 'var(--theme-color-input-border)',
        'input-border-active': 'var(--color-input-border-active)',
        'input-background': 'var(--theme-color-input-background)',
        'button-secondary-background': 'var(--theme-button-secondary-background)',
        'button-secondary-background-hover': 'var(--theme-button-secondary-background-active)',
        'button-secondary-border': 'var(--theme-color-card-border)',
        'row-separator': 'var(--theme-color-row-separator-background)',
        'row-heading-background': 'var(--theme-color-row-heading-background)',
        'row-heading-border': 'var(--theme-color-row-heading-border)',
        accent: {
            '50': 'rgba(var(--color-accent-50), <alpha-value>)',
            '100': 'rgba(var(--color-accent-100), <alpha-value>)',
            '200': 'rgba(var(--color-accent-200), <alpha-value>)',
            '300': 'rgba(var(--color-accent-300), <alpha-value>)',
            '400': 'rgba(var(--color-accent-400), <alpha-value>)',
            '500': 'rgba(var(--color-accent-500), <alpha-value>)',
            '600': 'rgba(var(--color-accent-600), <alpha-value>)',
            '700': 'rgba(var(--color-accent-700), <alpha-value>)',
            '800': 'rgba(var(--color-accent-800), <alpha-value>)',
            '900': 'rgba(var(--color-accent-900), <alpha-value>)',
            '950': 'rgba(var(--color-accent-950), <alpha-value>)',
            DEFAULT: 'var(--accent)',
            foreground: 'var(--accent-foreground)',
        },
        'button-primary-background': 'var(--theme-color-button-primary-background)',
        'button-primary-background-hover': 'var(--theme-color-button-primary-background-hover)',
        'button-primary-border': 'var(--theme-color-button-primary-border)',
        'button-primary-text': 'var(--theme-color-button-primary-text)',
        'input-select-active': 'var(--theme-color-input-select-active)',
        'input-select-active-hover': 'var(--theme-color-input-select-active-hover)',
        foreground: 'var(--foreground)',
        card: {
            DEFAULT: 'var(--card))',
            foreground: 'var(--card-foreground))',
        },
        popover: {
            DEFAULT: 'var(--popover)',
            foreground: 'var(--popover-foreground)',
            border: 'var(--popover-border)',
        },
        destructive: {
            DEFAULT: 'var(--destructive)',
            foreground: 'var(--destructive-foreground)',
        },
        border: 'var(--border)',
        input: 'var(--input)',
        chart: {
            '1': 'hsl(var(--chart-1))',
            '2': 'hsl(var(--chart-2))',
            '3': 'hsl(var(--chart-3))',
            '4': 'hsl(var(--chart-4))',
            '5': 'hsl(var(--chart-5))',
        },
    },
    borderRadius: {
        lg: 'var(--radius)',
        md: 'calc(var(--radius) - 2px)',
        sm: 'calc(var(--radius) - 4px)',
    },
};


================================================
FILE: resources/js/packages/ui/tsconfig.json
================================================
{
    "compilerOptions": {
        "module": "ESNext",
        "moduleResolution": "Node",
        "resolveJsonModule": true,
        "noImplicitThis": true,
        "strict": true,
        "verbatimModuleSyntax": true,
        "target": "ESNext",
        "useDefineForClassFields": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "skipLibCheck": true,
        "outDir": "./dist",
        "rootDir": "../../",
        "declaration": true,
        "paths": {
            "@/*": ["../../*"],
        }
    },
    "include": [
        "src/**/*.ts"
    ],

    "exclude": [
        "./dist",
        "./node_modules",
        "./__tests__",
        "./coverage"
    ],
}


================================================
FILE: resources/js/packages/ui/vite.config.js
================================================
import { defineConfig } from 'vite';
import { resolve } from 'path';
import vue from '@vitejs/plugin-vue';
import dts from 'vite-plugin-dts';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue(), dts()],
    build: {
        lib: {
            // src/indext.ts is where we have exported the component(s)
            entry: resolve(__dirname, 'src/index.ts'),
            name: 'SolidTimeUiLib',
            // the name of the output files when the build is run
            fileName: 'solidtime-ui-lib',
        },
        rollupOptions: {
            // make sure to externalize deps that shouldn't be bundled
            // into your library
            external: ['vue'],
            output: {
                // Provide global variables to use in the UMD build
                // for externalized deps
                globals: {
                    vue: 'Vue',
                },
            },
        },
    },
    resolve: {
        alias: {
            '@': resolve('../../'),
        },
    },
});


================================================
FILE: resources/js/types/dom.d.ts
================================================
export type HtmlButtonType = 'button' | 'submit' | 'reset';


================================================
FILE: resources/js/types/dom.ts
================================================
export type HtmlButtonType = 'button' | 'submit' | 'reset';


================================================
FILE: resources/js/types/global.d.ts
================================================
import { PageProps as InertiaPageProps } from '@inertiajs/core';
import { AxiosInstance } from 'axios';
import ziggyRoute from 'ziggy-js';
import { PageProps as AppPageProps } from './';
import type { App } from 'vue';

declare global {
    interface Window {
        axios: AxiosInstance;
        initialDataLoaded: boolean;
        vueAppSetupHook?: (app: App) => void;
        getWeekStartSetting: () => string;
        getTimezoneSetting: () => string;
    }

    let route: typeof ziggyRoute;
}

declare module 'vue' {
    interface ComponentCustomProperties {
        route: typeof ziggyRoute;
    }
}

declare module '@inertiajs/core' {
    interface PageProps extends InertiaPageProps, AppPageProps {}
}


================================================
FILE: resources/js/types/inertia.d.ts
================================================
export {};
declare global {
    export namespace inertia {
        export interface Props {
            user: {
                id: number;
                name: string;
                email: string;
                created_at: Date;
                updated_at: Date;
            };
            jetstream: {
                [key: string]: boolean;
            };
            errorBags: unknown;
            errors: unknown;
        }
    }
}


================================================
FILE: resources/js/types/jetstream.ts
================================================
import type { User } from '@/types/models';

export interface Permissions {
    canAddTeamMembers: boolean;
    canDeleteTeam: boolean;
    canRemoveTeamMembers: boolean;
    canUpdateTeam: boolean;
    canUpdateTeamMembers: boolean;
}

export interface Session {
    agent: {
        platform: string;
        browser: string;

        is_desktop: boolean;
    };
    ip_address: string;
    is_current_device: string;
    last_active: boolean;
}

export interface Membership {
    role: string;
}

export interface Role {
    key: string;
    name: string;
    description: string;
}

export type JetstreamUser = User & {
    two_factor_enabled: boolean;
};
export interface Token {
    name: string;
    token: string;
    abilities: string[];
    id: string;
    last_used_ago: string;
}


================================================
FILE: resources/js/types/models.d.ts
================================================
export interface Client {
    id: string;
    name: string;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    organization: Organization;
}
export interface Membership {
    id: string;
    organization_id: string;
    user_id: string;
    role: string | null;
    created_at: string | null;
    updated_at: string | null;
}
export interface Organization {
    id: string;
    user_id: string;
    name: string;
    personal_team: boolean;
    currency: string;
    created_at: string | null;
    updated_at: string | null;
    owner: User;
    users: User[];
    team_invitations: OrganizationInvitation[];
}
export interface OrganizationInvitation {
    id: string;
    organization_id: string;
    email: string;
    role: string | null;
    created_at: string | null;
    updated_at: string | null;
    organization: Organization;
    team: Organization;
}
export interface Project {
    id: string;
    name: string;
    color: string;
    client_id: string | null;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    organization: Organization;
    client: Client;
    tasks: Task[];
}
export interface Task {
    id: string;
    name: string;
    project_id: string;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    project: Project;
    organization: Organization;
}
type OrganizationWithMembership = Organization & {
    membership: Membership;
};
export interface User {
    id: string;
    name: string;
    email: string;
    email_verified_at: string | null;
    password?: string;
    remember_token?: string | null;
    current_team_id: string | null;
    profile_photo_path: string | null;
    created_at: string | null;
    updated_at: string | null;
    two_factor_secret?: string | null;
    two_factor_recovery_codes?: string | null;
    two_factor_confirmed_at: string | null;
    timezone: string;
    week_start: string;
    profile_photo_url: string;
    organizations: Organization[];
    clients: Client[];
    current_team: Organization;
    all_teams: OrganizationWithMembership[];
    owned_teams: Organization[];
    teams: Organization[];
}
export {};


================================================
FILE: resources/js/types/models.ts
================================================
export interface Client {
    // columns
    id: string;
    name: string;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    // relations
    organization: Organization;
}

export interface Membership {
    // columns
    id: string;
    organization_id: string;
    user_id: string;
    role: string | null;
    created_at: string | null;
    updated_at: string | null;
}

export interface Organization {
    // columns
    id: string;
    user_id: string;
    name: string;
    personal_team: boolean;
    currency: string;
    created_at: string | null;
    updated_at: string | null;
    // relations
    owner: User;
    users: User[];
    team_invitations: OrganizationInvitation[];
}

export interface OrganizationInvitation {
    // columns
    id: string;
    organization_id: string;
    email: string;
    role: string | null;
    created_at: string | null;
    updated_at: string | null;
    // relations
    organization: Organization;
    team: Organization;
}

export interface Project {
    // columns
    id: string;
    name: string;
    color: string;
    client_id: string | null;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    // relations
    organization: Organization;
    client: Client;
    tasks: Task[];
}

export interface Task {
    // columns
    id: string;
    name: string;
    project_id: string;
    organization_id: string;
    created_at: string | null;
    updated_at: string | null;
    // relations
    project: Project;
    organization: Organization;
}

type OrganizationWithMembership = Organization & { membership: Membership };

export interface User {
    // columns
    id: string;
    name: string;
    email: string;
    email_verified_at: string | null;
    password?: string;
    remember_token?: string | null;
    current_team_id: string | null;
    profile_photo_path: string | null;
    created_at: string | null;
    updated_at: string | null;
    two_factor_secret?: string | null;
    two_factor_recovery_codes?: string | null;
    two_factor_confirmed_at: string | null;
    timezone: string;
    week_start: string;
    // mutators
    profile_photo_url: string;
    // relations
    organizations: Organization[];
    clients: Client[];
    current_team: Organization;
    all_teams: OrganizationWithMembership[];
    owned_teams: Organization[];
    teams: Organization[];
}


================================================
FILE: resources/js/types/projects.d.ts
================================================
export type BillableKey = 'non-billable' | 'default-rate' | 'custom-rate';


================================================
FILE: resources/js/types/reporting.ts
================================================
export type ExportFormat = 'xlsx' | 'csv' | 'ods' | 'pdf';


================================================
FILE: resources/js/types/time-entries.d.ts
================================================
import type { TimeEntry } from '@/packages/api/src';

export type TimeEntriesGroupedByType = TimeEntry & { timeEntries: TimeEntry[] };


================================================
FILE: resources/js/types/vite-env.d.ts
================================================
/// <reference types="vite/client" />


================================================
FILE: resources/js/types/vue-shim.d.ts
================================================
declare module '*.vue' {
    import { defineComponent } from 'vue';
    const component: ReturnType<typeof defineComponent>;
    export default component;
}


================================================
FILE: resources/js/utils/billing.ts
================================================
import { usePage } from '@inertiajs/vue3';
import { getDayJsInstance } from '@/packages/ui/src/utils/time';

export function isBillingActivated() {
    const page = usePage<{
        has_billing_extension: boolean;
    }>();

    return page.props.has_billing_extension;
}

export function isInvoicingActivated() {
    const page = usePage<{
        has_invoicing_extension: boolean;
    }>();

    return page.props.has_invoicing_extension;
}

export function isInTrial() {
    const page = usePage<{
        billing: {
            has_trial: boolean;
        };
    }>();

    return page.props.billing.has_trial;
}

export function daysLeftInTrial() {
    const page = usePage<{
        billing: {
            trial_until: string;
        };
    }>();

    return (
        getDayJsInstance()(page.props.billing.trial_until).diff(getDayJsInstance()(), 'days') + 1
    );
}

export function isBlocked() {
    const page = usePage<{
        billing: {
            is_blocked: boolean;
        };
    }>();

    return page.props.billing.is_blocked;
}

export function isFreePlan() {
    return !hasActiveSubscription() && !isInTrial();
}

export function hasActiveSubscription() {
    const page = usePage<{
        billing: {
            has_subscription: boolean;
        };
    }>();

    return page.props.billing.has_subscription;
}

export function isAllowedToPerformPremiumAction() {
    return (
        !isBillingActivated() ||
        (isBillingActivated() && hasActiveSubscription()) ||
        (isBillingActivated() && isInTrial())
    );
}


================================================
FILE: resources/js/utils/commandPaletteCommands.ts
================================================
import type { Component } from 'vue';
import {
    HomeIcon,
    ClockIcon,
    CalendarIcon,
    ChartBarIcon,
    FolderIcon,
    UserCircleIcon,
    UserGroupIcon,
    TagIcon,
    DocumentTextIcon,
    CreditCardIcon,
    ArrowsRightLeftIcon,
    Cog6ToothIcon,
    UserIcon,
    PlayIcon,
    StopIcon,
    PlusIcon,
    ArrowPathIcon,
    SunIcon,
    MoonIcon,
    ComputerDesktopIcon,
    ClipboardDocumentListIcon,
    BuildingOfficeIcon,
} from '@heroicons/vue/20/solid';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';
import type { Organization } from '@/types/models';

export type CommandGroup =
    | 'timer'
    | 'active-timer'
    | 'navigation'
    | 'create'
    | 'theme'
    | 'organization'
    | 'entity';

export interface Command {
    id: string;
    label: string;
    icon?: Component;
    keywords: string[];
    group: CommandGroup;
    action: () => void | Promise<void>;
    shortcut?: string;
    permission?: () => boolean;
    condition?: () => boolean;
    priority: number;
}

export const GROUP_PRIORITIES: Record<CommandGroup, number> = {
    timer: 1000,
    'active-timer': 900,
    navigation: 500,
    create: 400,
    organization: 300,
    theme: 200,
    entity: 100,
};

export function createNavigationCommands(
    navigate: (route: string, params?: Record<string, string>) => void,
    permissions: {
        canViewProjects: () => boolean;
        canViewClients: () => boolean;
        canViewMembers: () => boolean;
        canViewTags: () => boolean;
        canViewReport: () => boolean;
        canViewInvoices: () => boolean;
        canManageBilling: () => boolean;
        canUpdateOrganization: () => boolean;
    },
    features: {
        isInvoicingActivated: () => boolean;
        isBillingActivated: () => boolean;
    },
    currentTeamId: () => string
): Command[] {
    return [
        {
            id: 'nav-dashboard',
            label: 'Go to Dashboard',
            icon: HomeIcon,
            keywords: ['home', 'overview', 'dashboard'],
            group: 'navigation',
            action: () => navigate('dashboard'),
            priority: GROUP_PRIORITIES.navigation + 10,
        },
        {
            id: 'nav-time',
            label: 'Go to Time',
            icon: ClockIcon,
            keywords: ['time', 'tracking', 'entries', 'timesheet'],
            group: 'navigation',
            action: () => navigate('time'),
            priority: GROUP_PRIORITIES.navigation + 9,
        },
        {
            id: 'nav-calendar',
            label: 'Go to Calendar',
            icon: CalendarIcon,
            keywords: ['calendar', 'week', 'schedule'],
            group: 'navigation',
            action: () => navigate('calendar'),
            priority: GROUP_PRIORITIES.navigation + 8,
        },
        {
            id: 'nav-reporting',
            label: 'Go to Reporting Overview',
            icon: ChartBarIcon,
            keywords: ['reports', 'analytics', 'overview', 'statistics'],
            group: 'navigation',
            action: () => navigate('reporting'),
            priority: GROUP_PRIORITIES.navigation + 7,
        },
        {
            id: 'nav-reporting-detailed',
            label: 'Go to Reporting Detailed',
            icon: ChartBarIcon,
            keywords: ['detailed', 'reports', 'breakdown'],
            group: 'navigation',
            action: () => navigate('reporting.detailed'),
            priority: GROUP_PRIORITIES.navigation + 6,
        },
        {
            id: 'nav-reporting-shared',
            label: 'Go to Shared Reports',
            icon: ChartBarIcon,
            keywords: ['shared', 'public', 'reports'],
            group: 'navigation',
            action: () => navigate('reporting.shared'),
            permission: permissions.canViewReport,
            priority: GROUP_PRIORITIES.navigation + 5,
        },
        {
            id: 'nav-projects',
            label: 'Go to Projects',
            icon: FolderIcon,
            keywords: ['projects', 'work'],
            group: 'navigation',
            action: () => navigate('projects'),
            permission: permissions.canViewProjects,
            priority: GROUP_PRIORITIES.navigation + 4,
        },
        {
            id: 'nav-clients',
            label: 'Go to Clients',
            icon: UserCircleIcon,
            keywords: ['clients', 'customers'],
            group: 'navigation',
            action: () => navigate('clients'),
            permission: permissions.canViewClients,
            priority: GROUP_PRIORITIES.navigation + 3,
        },
        {
            id: 'nav-members',
            label: 'Go to Members',
            icon: UserGroupIcon,
            keywords: ['members', 'team', 'users', 'employees'],
            group: 'navigation',
            action: () => navigate('members'),
            permission: permissions.canViewMembers,
            priority: GROUP_PRIORITIES.navigation + 2,
        },
        {
            id: 'nav-tags',
            label: 'Go to Tags',
            icon: TagIcon,
            keywords: ['tags', 'labels', 'categories'],
            group: 'navigation',
            action: () => navigate('tags'),
            permission: permissions.canViewTags,
            priority: GROUP_PRIORITIES.navigation + 1,
        },
        {
            id: 'nav-invoices',
            label: 'Go to Invoices',
            icon: DocumentTextIcon,
            keywords: ['invoices', 'billing', 'payments'],
            group: 'navigation',
            action: () => navigate('/invoices', {}),
            permission: permissions.canViewInvoices,
            condition: features.isInvoicingActivated,
            priority: GROUP_PRIORITIES.navigation,
        },
        {
            id: 'nav-billing',
            label: 'Go to Billing',
            icon: CreditCardIcon,
            keywords: ['billing', 'subscription', 'plan'],
            group: 'navigation',
            action: () => navigate('/billing', {}),
            permission: permissions.canManageBilling,
            condition: features.isBillingActivated,
            priority: GROUP_PRIORITIES.navigation - 1,
        },
        {
            id: 'nav-import',
            label: 'Go to Import / Export',
            icon: ArrowsRightLeftIcon,
            keywords: ['import', 'export', 'data', 'backup'],
            group: 'navigation',
            action: () => navigate('import'),
            permission: permissions.canUpdateOrganization,
            priority: GROUP_PRIORITIES.navigation - 2,
        },
        {
            id: 'nav-settings',
            label: 'Go to Settings',
            icon: Cog6ToothIcon,
            keywords: ['settings', 'organization', 'configuration'],
            group: 'navigation',
            action: () => navigate('teams.show', { team: currentTeamId() }),
            permission: permissions.canUpdateOrganization,
            priority: GROUP_PRIORITIES.navigation - 3,
        },
        {
            id: 'nav-profile',
            label: 'Go to Profile',
            icon: UserIcon,
            keywords: ['profile', 'account', 'user', 'personal'],
            group: 'navigation',
            action: () => navigate('profile.show'),
            priority: GROUP_PRIORITIES.navigation - 4,
        },
    ];
}

export function createTimerCommands(
    timerActions: {
        startTimer: () => Promise<void>;
        stopTimer: () => Promise<void>;
        openCreateTimeEntryModal: () => void;
        continueLastEntry: () => Promise<void>;
    },
    conditions: {
        isActive: () => boolean;
        hasTimeEntries: () => boolean;
    }
): Command[] {
    return [
        {
            id: 'timer-start',
            label: 'Start Timer',
            icon: PlayIcon,
            keywords: ['start', 'begin', 'track', 'timer'],
            group: 'timer',
            action: timerActions.startTimer,
            condition: () => !conditions.isActive(),
            priority: GROUP_PRIORITIES.timer + 10,
        },
        {
            id: 'timer-stop',
            label: 'Stop Timer',
            icon: StopIcon,
            keywords: ['stop', 'end', 'finish', 'timer'],
            group: 'timer',
            action: timerActions.stopTimer,
            condition: conditions.isActive,
            priority: GROUP_PRIORITIES.timer + 10,
        },
        {
            id: 'timer-create',
            label: 'Create Time Entry',
            icon: PlusIcon,
            keywords: ['create', 'manual', 'log', 'time', 'entry', 'new'],
            group: 'timer',
            action: timerActions.openCreateTimeEntryModal,
            priority: GROUP_PRIORITIES.timer + 5,
        },
        {
            id: 'timer-continue',
            label: 'Continue Last Time Entry',
            icon: ArrowPathIcon,
            keywords: ['continue', 'repeat', 'restart', 'last', 'previous'],
            group: 'timer',
            action: timerActions.continueLastEntry,
            condition: () => !conditions.isActive() && conditions.hasTimeEntries(),
            priority: GROUP_PRIORITIES.timer + 4,
        },
    ];
}

export function createActiveTimerCommands(
    activeTimerActions: {
        openProjectSelector: () => void;
        openTaskSelector: () => void;
        openTagsSelector: () => void;
        toggleBillable: () => void;
        addMinutes: (minutes: number) => void;
    },
    conditions: {
        isActive: () => boolean;
    }
): Command[] {
    const minuteOptions = [5, 10, 15, 20, 25, 30, 45, 60];

    const addMinutesCommands: Command[] = minuteOptions.map((minutes) => ({
        id: `timer-add-${minutes}`,
        label: `Add ${minutes} minutes to timer`,
        icon: ClockIcon,
        keywords: [`+${minutes}`, `add ${minutes}`, minutes === 60 ? 'add hour' : ''],
        group: 'active-timer' as CommandGroup,
        action: () => activeTimerActions.addMinutes(minutes),
        condition: conditions.isActive,
        priority: GROUP_PRIORITIES['active-timer'] - minutes,
    }));

    return [
        {
            id: 'timer-set-project',
            label: 'Set Project',
            icon: FolderIcon,
            keywords: ['project', 'change project', 'select project'],
            group: 'active-timer',
            action: activeTimerActions.openProjectSelector,
            condition: conditions.isActive,
            priority: GROUP_PRIORITIES['active-timer'] + 10,
        },
        {
            id: 'timer-set-task',
            label: 'Set Task',
            icon: ClipboardDocumentListIcon,
            keywords: ['task', 'change task', 'select task'],
            group: 'active-timer',
            action: activeTimerActions.openTaskSelector,
            condition: conditions.isActive,
            priority: GROUP_PRIORITIES['active-timer'] + 9,
        },
        {
            id: 'timer-set-tags',
            label: 'Set Tags',
            icon: TagIcon,
            keywords: ['tags', 'add tags', 'labels'],
            group: 'active-timer',
            action: activeTimerActions.openTagsSelector,
            condition: conditions.isActive,
            priority: GROUP_PRIORITIES['active-timer'] + 8,
        },
        {
            id: 'timer-toggle-billable',
            label: 'Toggle Billable',
            icon: BillableIcon,
            keywords: ['billable', 'non-billable', 'money'],
            group: 'active-timer',
            action: activeTimerActions.toggleBillable,
            condition: conditions.isActive,
            priority: GROUP_PRIORITIES['active-timer'] + 7,
        },
        ...addMinutesCommands,
    ];
}

export function createThemeCommands(
    setTheme: (theme: 'light' | 'dark' | 'system') => void
): Command[] {
    return [
        {
            id: 'theme-light',
            label: 'Switch to Light Theme',
            icon: SunIcon,
            keywords: ['light', 'bright', 'day', 'theme'],
            group: 'theme',
            action: () => setTheme('light'),
            priority: GROUP_PRIORITIES.theme + 3,
        },
        {
            id: 'theme-dark',
            label: 'Switch to Dark Theme',
            icon: MoonIcon,
            keywords: ['dark', 'night', 'theme'],
            group: 'theme',
            action: () => setTheme('dark'),
            priority: GROUP_PRIORITIES.theme + 2,
        },
        {
            id: 'theme-system',
            label: 'Switch to System Theme',
            icon: ComputerDesktopIcon,
            keywords: ['system', 'auto', 'default', 'theme'],
            group: 'theme',
            action: () => setTheme('system'),
            priority: GROUP_PRIORITIES.theme + 1,
        },
    ];
}

export function createCreateCommands(
    createActions: {
        openProjectModal: () => void;
        openClientModal: () => void;
        openTaskModal: () => void;
        openTagModal: () => void;
        openInviteModal: () => void;
    },
    permissions: {
        canCreateProjects: () => boolean;
        canCreateClients: () => boolean;
        canCreateTasks: () => boolean;
        canCreateTags: () => boolean;
        canCreateInvitations: () => boolean;
    }
): Command[] {
    return [
        {
            id: 'create-project',
            label: 'Create Project',
            icon: FolderIcon,
            keywords: ['new project', 'add project', 'create'],
            group: 'create',
            action: createActions.openProjectModal,
            permission: permissions.canCreateProjects,
            priority: GROUP_PRIORITIES.create + 5,
        },
        {
            id: 'create-client',
            label: 'Create Client',
            icon: UserCircleIcon,
            keywords: ['new client', 'add client', 'create'],
            group: 'create',
            action: createActions.openClientModal,
            permission: permissions.canCreateClients,
            priority: GROUP_PRIORITIES.create + 4,
        },
        {
            id: 'create-task',
            label: 'Create Task',
            icon: ClipboardDocumentListIcon,
            keywords: ['new task', 'add task', 'create'],
            group: 'create',
            action: createActions.openTaskModal,
            permission: permissions.canCreateTasks,
            priority: GROUP_PRIORITIES.create + 3,
        },
        {
            id: 'create-tag',
            label: 'Create Tag',
            icon: TagIcon,
            keywords: ['new tag', 'add tag', 'create'],
            group: 'create',
            action: createActions.openTagModal,
            permission: permissions.canCreateTags,
            priority: GROUP_PRIORITIES.create + 2,
        },
        {
            id: 'create-invite',
            label: 'Invite Member',
            icon: UserGroupIcon,
            keywords: ['invite', 'add member', 'team'],
            group: 'create',
            action: createActions.openInviteModal,
            permission: permissions.canCreateInvitations,
            priority: GROUP_PRIORITIES.create + 1,
        },
    ];
}

export function createOrganizationCommands(
    organizations: Organization[],
    currentOrgId: string,
    switchOrganization: (orgId: string) => void
): Command[] {
    if (organizations.length <= 1) return [];

    return organizations
        .filter((org) => org.id !== currentOrgId)
        .map((org) => ({
            id: `org-switch-${org.id}`,
            label: `Switch to ${org.name}`,
            icon: BuildingOfficeIcon,
            keywords: ['switch', 'organization', 'workspace', org.name.toLowerCase()],
            group: 'organization' as CommandGroup,
            action: () => switchOrganization(org.id),
            priority: GROUP_PRIORITIES.organization + 1,
        }));
}

export function scoreEntity(name: string, query: string, baseScore: number): number {
    const normalizedName = name.toLowerCase();
    const normalizedQuery = query.toLowerCase().trim();

    if (normalizedName === normalizedQuery) return baseScore + 50;
    if (normalizedName.startsWith(normalizedQuery)) return baseScore + 30;
    if (normalizedName.includes(normalizedQuery)) return baseScore + 10;
    return baseScore;
}


================================================
FILE: resources/js/utils/feedback.ts
================================================
export function openFeedback(): void {
    if (
        typeof window !== 'undefined' &&
        'showChatWindow' in window &&
        typeof window.showChatWindow === 'function'
    ) {
        window.showChatWindow();
    }
}


================================================
FILE: resources/js/utils/fetchAllPages.ts
================================================
/**
 * Fetches all pages from a paginated Laravel API endpoint.
 * Uses `meta.last_page` to determine the total number of pages,
 * so only a single request is made when all data fits on one page.
 */
export async function fetchAllPages<T>(
    fetchPage: (page: number) => Promise<{
        data: T[];
        meta: { per_page: number; last_page: number };
    }>
): Promise<T[]> {
    const firstResponse = await fetchPage(1);
    const allItems: T[] = [...firstResponse.data];
    const { last_page } = firstResponse.meta;

    for (let page = 2; page <= last_page; page++) {
        const response = await fetchPage(page);
        allItems.push(...response.data);
    }

    return allItems;
}


================================================
FILE: resources/js/utils/format.ts
================================================
export function capitalizeFirstLetter(string: string) {
    return string?.charAt(0)?.toUpperCase() + string?.slice(1);
}


================================================
FILE: resources/js/utils/init.ts
================================================
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';

export function initializeStores() {
    // TanStack Query now handles projects, tasks, tags, clients, and members fetching automatically
    // Only initialize stores that aren't migrated to TanStack Query yet
    useCurrentTimeEntryStore().fetchCurrentTimeEntry();
}


================================================
FILE: resources/js/utils/money.ts
================================================
import { usePage } from '@inertiajs/vue3';

const page = usePage<{
    auth: {
        user: {
            current_team: {
                currency: string;
            };
        };
    };
}>();

export function getOrganizationCurrencyString() {
    return page.props?.auth?.user?.current_team?.currency ?? 'EUR';
}


================================================
FILE: resources/js/utils/notification.ts
================================================
import { defineStore } from 'pinia';
import { ref } from 'vue';
import axios from 'axios';
import { router } from '@inertiajs/vue3';
import { fetchToken } from '@/utils/session';

export type NotificationType = 'success' | 'error';

export const useNotificationsStore = defineStore('notifications', () => {
    const notifications = ref<
        {
            title: string;
            message?: string;
            uuid: string;
            type: NotificationType;
        }[]
    >([]);

    const showActionBlockedModal = ref(false);

    function addNotification(type: NotificationType, title: string, message?: string) {
        const uuid = Math.random().toString(36).substring(7);
        notifications.value.push({ title, message, type, uuid });

        setTimeout(() => {
            removeNotification(uuid);
        }, 5000);
    }

    function removeNotification(uuid: string) {
        const index = notifications.value.findIndex((notification) => notification.uuid === uuid);
        if (index !== -1) {
            notifications.value.splice(index, 1);
        }
    }

    async function handleApiRequestNotifications<T>(
        apiRequest: () => Promise<T>,
        successMessage?: string,
        errorMessage?: string,
        onSuccess?: (response: T) => void
    ) {
        try {
            const response = await apiRequest();
            if (successMessage) {
                addNotification('success', successMessage);
            }
            if (onSuccess) {
                onSuccess(response);
            }
            return response;
        } catch (error) {
            if (axios.isAxiosError(error)) {
                if (error?.response?.status === 403 || error?.response?.status === 400) {
                    if (
                        error?.response?.data?.key ===
                        'organization_has_no_subscription_but_multiple_members'
                    ) {
                        showActionBlockedModal.value = true;
                    } else {
                        addNotification(
                            'error',
                            errorMessage ?? 'Request Error',
                            error.response?.data?.errorMessage ??
                                error?.response?.data?.message ??
                                'An request error occurred. Please try again later.'
                        );
                    }
                } else if (error?.response?.status === 422) {
                    const message = error.response.data.message;
                    addNotification('error', message);
                } else if (error?.response?.status === 401) {
                    await fetchToken();
                    try {
                        const response = await apiRequest();
                        if (successMessage) {
                            addNotification('success', successMessage);
                        }
                        if (onSuccess) {
                            onSuccess(response);
                        }
                        return response;
                    } catch {
                        router.get('/login');
                    }
                } else {
                    addNotification('error', 'The action failed. Please try again later.');
                }
            }
            throw new Error('Failed to handle API request');
        }
    }

    return {
        addNotification,
        notifications,
        handleApiRequestNotifications,
        showActionBlockedModal,
    };
});


================================================
FILE: resources/js/utils/permissions.ts
================================================
import { usePage } from '@inertiajs/vue3';

const page = usePage<{
    auth: {
        permissions: string[];
    };
}>();

function currentUserHasPermission(permission: string) {
    if (Array.isArray(page.props.auth.permissions)) {
        return page.props.auth.permissions.includes(permission);
    }
    return false;
}

export function canUpdateOrganization() {
    return currentUserHasPermission('organizations:update');
}

export function canViewProjects() {
    return currentUserHasPermission('projects:view');
}

export function canCreateProjects() {
    return currentUserHasPermission('projects:create');
}

export function canUpdateProjects() {
    return currentUserHasPermission('projects:update');
}

export function canDeleteProjects() {
    return currentUserHasPermission('projects:delete');
}

export function canViewProjectMembers() {
    return currentUserHasPermission('project-members:view');
}

export function canCreateTasks() {
    return currentUserHasPermission('tasks:create');
}

export function canUpdateTasks() {
    return currentUserHasPermission('tasks:update');
}

export function canDeleteTasks() {
    return currentUserHasPermission('tasks:delete');
}

export function canCreateClients() {
    return currentUserHasPermission('clients:create');
}

export function canUpdateClients() {
    return currentUserHasPermission('clients:update');
}

export function canDeleteClients() {
    return currentUserHasPermission('clients:delete');
}

export function canViewClients() {
    return currentUserHasPermission('clients:view');
}

export function canViewMembers() {
    return currentUserHasPermission('members:view');
}

export function canUpdateMembers() {
    return currentUserHasPermission('members:update');
}

export function canDeleteMembers() {
    return currentUserHasPermission('members:delete');
}

export function canMergeMembers() {
    return currentUserHasPermission('members:merge-into');
}

export function canMakeMembersPlaceholders() {
    return currentUserHasPermission('members:make-placeholder');
}

export function canInvitePlaceholderMembers() {
    return currentUserHasPermission('members:invite-placeholder');
}

export function canCreateInvitations() {
    return currentUserHasPermission('invitations:create');
}

export function canViewTags() {
    return currentUserHasPermission('tags:view');
}

export function canCreateTags() {
    return currentUserHasPermission('tags:create');
}

export function canUpdateTags() {
    return currentUserHasPermission('tags:update');
}

export function canDeleteTags() {
    return currentUserHasPermission('tags:delete');
}

export function canManageBilling() {
    return currentUserHasPermission('billing');
}

export function canViewReport() {
    return currentUserHasPermission('reports:view');
}
export function canUpdateReport() {
    return currentUserHasPermission('reports:update');
}
export function canDeleteReport() {
    return currentUserHasPermission('reports:delete');
}

export function canViewAllTimeEntries() {
    return currentUserHasPermission('time-entries:view:all');
}
export function canViewInvoices() {
    return currentUserHasPermission('invoices:view');
}
export function canCreateReports() {
    return currentUserHasPermission('reports:create');
}


================================================
FILE: resources/js/utils/prefetch.ts
================================================
import type { QueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId, getCurrentMembershipId } from '@/utils/useUser';
import { canViewClients, canViewMembers } from '@/utils/permissions';
import {
    getInitialWeekRange,
    getExpandedCalendarDateRange,
    createCalendarQueryKey,
    fetchAllCalendarEntries,
} from '@/utils/useTimeEntriesCalendarQuery';
import { fetchAllProjects } from '@/utils/useProjectsQuery';
import { fetchAllTasks } from '@/utils/useTasksQuery';
import { fetchAllTags } from '@/utils/useTagsQuery';
import { fetchAllClients } from '@/utils/useClientsQuery';
import { fetchAllMembers } from '@/utils/useMembersQuery';
import { fetchAllReports } from '@/utils/useReportsQuery';
import { fetchAllProjectMembers } from '@/utils/useProjectMembersQuery';

/**
 * Route patterns mapped to their prefetch functions.
 * Each function receives the QueryClient and prefetches relevant data.
 */
const routePrefetchers: Record<string, (queryClient: QueryClient) => void> = {
    '/': (queryClient) => {
        prefetchDashboard(queryClient);
    },

    '/dashboard': (queryClient) => {
        prefetchDashboard(queryClient);
    },

    '/time': (queryClient) => {
        prefetchProjects(queryClient);
        prefetchTasks(queryClient);
        prefetchTags(queryClient);
        prefetchClients(queryClient);
        prefetchTimeEntries(queryClient);
    },

    '/calendar': (queryClient) => {
        prefetchProjects(queryClient);
        prefetchTasks(queryClient);
        prefetchTags(queryClient);
        prefetchClients(queryClient);
        prefetchCalendarTimeEntries(queryClient);
    },

    '/projects': (queryClient) => {
        prefetchProjects(queryClient);
        prefetchClients(queryClient);
    },

    '/clients': (queryClient) => {
        prefetchClients(queryClient);
    },

    '/tags': (queryClient) => {
        prefetchTags(queryClient);
    },

    '/members': (queryClient) => {
        prefetchMembers(queryClient);
    },

    '/reporting': (queryClient) => {
        prefetchProjects(queryClient);
        prefetchTags(queryClient);
        prefetchClients(queryClient);
        prefetchMembers(queryClient);
    },

    '/reporting/detailed': (queryClient) => {
        prefetchProjects(queryClient);
        prefetchTasks(queryClient);
        prefetchTags(queryClient);
        prefetchClients(queryClient);
        prefetchMembers(queryClient);
    },

    '/reporting/shared': (queryClient) => {
        prefetchReports(queryClient);
    },
};

function prefetchDashboard(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId) return;

    // Prefetch projects and tasks for RecentlyTrackedTasksCard
    prefetchProjects(queryClient);
    prefetchTasks(queryClient);

    // Prefetch all dashboard card data
    queryClient.prefetchQuery({
        queryKey: ['timeEntries', organizationId],
        queryFn: () =>
            api.getTimeEntries({
                params: { organization: organizationId },
                queries: { limit: 10, offset: 0, only_full_dates: 'true' },
            }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['lastSevenDays', organizationId],
        queryFn: () => api.lastSevenDays({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['dailyTrackedHours', organizationId],
        queryFn: () => api.dailyTrackedHours({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['weeklyProjectOverview', organizationId],
        queryFn: () => api.weeklyProjectOverview({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['totalWeeklyTime', organizationId],
        queryFn: () => api.totalWeeklyTime({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['totalWeeklyBillableTime', organizationId],
        queryFn: () => api.totalWeeklyBillableTime({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['totalWeeklyBillableAmount', organizationId],
        queryFn: () => api.totalWeeklyBillableAmount({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    queryClient.prefetchQuery({
        queryKey: ['weeklyHistory', organizationId],
        queryFn: () => api.weeklyHistory({ params: { organization: organizationId } }),
        staleTime: 30000,
    });

    // Prefetch team activity only if user has permission
    if (canViewMembers()) {
        queryClient.prefetchQuery({
            queryKey: ['latestTeamActivity', organizationId],
            queryFn: () => api.latestTeamActivity({ params: { organization: organizationId } }),
            staleTime: 30000,
        });
    }
}

function prefetchProjects(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId) return;

    queryClient.prefetchQuery({
        queryKey: ['projects', organizationId],
        queryFn: async () => ({ data: await fetchAllProjects(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchTasks(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId) return;

    queryClient.prefetchQuery({
        queryKey: ['tasks', organizationId],
        queryFn: async () => ({ data: await fetchAllTasks(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchTags(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId) return;

    queryClient.prefetchQuery({
        queryKey: ['tags', organizationId],
        queryFn: async () => ({ data: await fetchAllTags(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchClients(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId || !canViewClients()) return;

    queryClient.prefetchQuery({
        queryKey: ['clients', organizationId],
        queryFn: async () => ({ data: await fetchAllClients(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchMembers(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId || !canViewMembers()) return;

    queryClient.prefetchQuery({
        queryKey: ['members', organizationId],
        queryFn: async () => ({ data: await fetchAllMembers(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchReports(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId) return;

    queryClient.prefetchQuery({
        queryKey: ['reports', organizationId],
        queryFn: async () => ({ data: await fetchAllReports(organizationId) }),
        staleTime: 30000,
    });
}

function prefetchTimeEntries(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    const memberId = getCurrentMembershipId();
    if (!organizationId) return;

    queryClient.prefetchInfiniteQuery({
        queryKey: ['timeEntries', 'infinite', { organizationId, memberId }],
        queryFn: async () => {
            const response = await api.getTimeEntries({
                params: { organization: organizationId },
                queries: {
                    only_full_dates: 'true',
                    member_id: memberId,
                },
            });
            return response;
        },
        initialPageParam: undefined,
        staleTime: 30000,
    });
}

function prefetchCalendarTimeEntries(queryClient: QueryClient) {
    const organizationId = getCurrentOrganizationId();
    const memberId = getCurrentMembershipId();
    if (!organizationId) return;

    const { start, end } = getInitialWeekRange();
    const { start: formattedStart, end: formattedEnd } = getExpandedCalendarDateRange(start, end);

    queryClient.prefetchQuery({
        queryKey: createCalendarQueryKey(formattedStart, formattedEnd, organizationId),
        queryFn: () =>
            fetchAllCalendarEntries(organizationId, memberId, formattedStart, formattedEnd),
        staleTime: 30000,
    });
}

function prefetchProjectMembers(queryClient: QueryClient, projectId: string) {
    const organizationId = getCurrentOrganizationId();
    if (!organizationId || !canViewMembers()) return;

    queryClient.prefetchQuery({
        queryKey: ['projectMembers', organizationId, projectId],
        queryFn: async () => ({
            data: await fetchAllProjectMembers(organizationId, projectId),
        }),
        staleTime: 30000,
    });
}

/**
 * Matches a URL to find the appropriate prefetcher.
 * Handles both exact matches and pattern matching for dynamic routes.
 */
function findPrefetcher(url: string): ((queryClient: QueryClient) => void) | undefined {
    // Extract pathname from URL
    const pathname = url.startsWith('http') ? new URL(url).pathname : url.split('?')[0]!;

    // Try exact match first
    if (pathname && routePrefetchers[pathname]) {
        return routePrefetchers[pathname];
    }

    // Try pattern matching for dynamic routes like /projects/{id}
    const projectMatch = pathname?.match(/^\/projects\/([^/]+)$/);
    if (projectMatch) {
        const projectId = projectMatch[1]!;
        return (queryClient) => {
            prefetchProjects(queryClient);
            prefetchTasks(queryClient);
            prefetchProjectMembers(queryClient, projectId);
        };
    }

    return undefined;
}

/**
 * Sets up Inertia prefetch event listener to warm TanStack Query cache.
 * Call this once during app initialization.
 */
export function setupPrefetching(queryClient: QueryClient) {
    // Listen for the 'prefetching' event which fires when Inertia starts prefetching a page
    // The event detail contains the visit object with the URL being prefetched
    document.addEventListener('inertia:prefetching', ((event: CustomEvent) => {
        const visit = event.detail?.visit;
        if (!visit?.url) return;

        const url = visit.url.href || visit.url.toString();
        const prefetcher = findPrefetcher(url);

        if (prefetcher) {
            prefetcher(queryClient);
        }
    }) as EventListener);
}


================================================
FILE: resources/js/utils/roles.ts
================================================
import type { Role } from '@/types/jetstream';

export function filterRoles(roles: Role[]) {
    return roles.filter(function (role) {
        return role.key !== 'placeholder' && role.key !== 'owner';
    });
}


================================================
FILE: resources/js/utils/session.ts
================================================
import { router } from '@inertiajs/vue3';

export async function fetchToken() {
    return new Promise((resolve) => {
        router.reload({
            only: [],
            onFinish: () => {
                resolve(null);
            },
        });
    });
}
export function isTokenValid() {
    return window.document.cookie.includes('XSRF-TOKEN');
}


================================================
FILE: resources/js/utils/theme.ts
================================================
import { usePreferredColorScheme, useStorage } from '@vueuse/core';
import { computed, watch } from 'vue';

type themeOption = 'system' | 'light' | 'dark';
const themeSetting = useStorage<themeOption>('theme', 'system');
const preferredColor = usePreferredColorScheme();
const theme = computed(() => {
    if (themeSetting.value === 'system') {
        console.log(preferredColor.value);
        if (preferredColor.value === 'no-preference') {
            return 'dark';
        }
        return preferredColor.value;
    }
    return themeSetting.value;
});

function useTheme() {
    document.documentElement.classList.add(theme.value);
    watch(theme, (newTheme, oldTheme) => {
        document.documentElement.classList.remove(oldTheme);
        document.documentElement.classList.add(newTheme);
    });
}

export { type themeOption, themeSetting, theme, useTheme };


================================================
FILE: resources/js/utils/useAggregatedTimeEntriesQuery.ts
================================================
import { useQuery } from '@tanstack/vue-query';
import {
    api,
    type AggregatedTimeEntriesQueryParams,
    type ReportingResponse,
} from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { computed, type ComputedRef, unref } from 'vue';

export function useAggregatedTimeEntriesQuery(
    queryKeyPrefix: string,
    filterParams: ComputedRef<AggregatedTimeEntriesQueryParams>
) {
    const query = useQuery<ReportingResponse>({
        queryKey: computed(() => [
            'aggregatedTimeEntries',
            queryKeyPrefix,
            getCurrentOrganizationId(),
            unref(filterParams),
        ]),
        queryFn: () =>
            api.getAggregatedTimeEntries({
                params: {
                    organization: getCurrentOrganizationId() || '',
                },
                queries: unref(filterParams),
            }),
        enabled: computed(() => !!getCurrentOrganizationId()),
        placeholderData: (previousData) => previousData,
        staleTime: 1000 * 30,
    });

    return query;
}


================================================
FILE: resources/js/utils/useClients.ts
================================================
import { defineStore } from 'pinia';
import { api } from '@/packages/api/src';
import type { CreateClientBody, Client, UpdateClientBody } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

export const useClientsStore = defineStore('clients', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function createClient(clientBody: CreateClientBody): Promise<Client | undefined> {
        const organization = getCurrentOrganizationId();
        if (organization) {
            const response = await handleApiRequestNotifications(
                () =>
                    api.createClient(clientBody, {
                        params: {
                            organization: organization,
                        },
                    }),
                'Client created successfully',
                'Failed to create client'
            );
            queryClient.invalidateQueries({ queryKey: ['clients'] });
            return response?.data;
        }
    }

    async function updateClient(clientId: string, clientBody: UpdateClientBody) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.updateClient(clientBody, {
                        params: {
                            organization: organization,
                            client: clientId,
                        },
                    }),
                'Client updated successfully',
                'Failed to update client'
            );
            queryClient.invalidateQueries({ queryKey: ['clients'] });
        }
    }

    async function deleteClient(clientId: string) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.deleteClient(undefined, {
                        params: {
                            organization: organization,
                            client: clientId,
                        },
                    }),
                'Client deleted successfully',
                'Failed to delete client'
            );
            queryClient.invalidateQueries({ queryKey: ['clients'] });
        }
    }

    return { createClient, deleteClient, updateClient };
});


================================================
FILE: resources/js/utils/useClientsQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { Client } from '@/packages/api/src';
import { computed } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllClients(organizationId: string): Promise<Client[]> {
    return fetchAllPages((page) =>
        api.getClients({
            params: { organization: organizationId },
            queries: { archived: 'all', page },
        })
    );
}

export function useClientsQuery() {
    const queryClient = useQueryClient();

    const query = useQuery({
        queryKey: computed(() => ['clients', getCurrentOrganizationId()]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            if (!organizationId) throw new Error('No organization');
            const data = await fetchAllClients(organizationId);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId(),
        staleTime: 1000 * 30, // 30 seconds
    });

    const clients = computed<Client[]>(() => query.data.value?.data ?? []);

    const invalidateClients = () => {
        queryClient.invalidateQueries({ queryKey: ['clients'] });
    };

    return {
        ...query,
        clients,
        invalidateClients,
    };
}


================================================
FILE: resources/js/utils/useCommandPalette.ts
================================================
import { ref, computed } from 'vue';
import { router } from '@inertiajs/vue3';
import { storeToRefs } from 'pinia';
import { getDayJsInstance } from '@/packages/ui/src/utils/time';
import { useCurrentTimeEntryStore } from '@/utils/useCurrentTimeEntry';
import { themeSetting, type themeOption } from '@/utils/theme';
import {
    canViewProjects,
    canViewClients,
    canViewMembers,
    canViewTags,
    canViewReport,
    canViewInvoices,
    canManageBilling,
    canUpdateOrganization,
    canCreateProjects,
    canCreateClients,
    canCreateTasks,
    canCreateTags,
    canCreateInvitations,
} from '@/utils/permissions';
import { isBillingActivated, isInvoicingActivated } from '@/utils/billing';
import { useTimeEntriesInfiniteQuery } from '@/utils/useTimeEntriesInfiniteQuery';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { useMembersQuery } from '@/utils/useMembersQuery';
import {
    createNavigationCommands,
    createTimerCommands,
    createActiveTimerCommands,
    createThemeCommands,
    createCreateCommands,
    createOrganizationCommands,
    scoreEntity,
    GROUP_PRIORITIES,
    type Command,
    type CommandGroup as CommandGroupType,
} from '@/utils/commandPaletteCommands';
import { usePage } from '@inertiajs/vue3';
import type { Organization, User } from '@/types/models';
import { switchOrganization } from '@/utils/useOrganization';
import type {
    CommandPaletteGroup,
    EntitySearchResult,
} from '@/packages/ui/src/CommandPalette/CommandPaletteTypes';
import type { Project, Client, Task, Tag, Member } from '@/packages/api/src';
import {
    FolderIcon,
    UserCircleIcon,
    TagIcon,
    UserGroupIcon,
    ClipboardDocumentListIcon,
} from '@heroicons/vue/20/solid';

// Global state (singleton pattern - shared across all useCommandPalette() calls)
const isOpen = ref(false);
const searchTerm = ref('');

// Modal states for create actions
const showCreateProjectModal = ref(false);
const showCreateClientModal = ref(false);
const showCreateTaskModal = ref(false);
const showCreateTagModal = ref(false);
const showInviteMemberModal = ref(false);
const showCreateTimeEntryModal = ref(false);

// Active timer selector states
const showProjectSelector = ref(false);
const showTaskSelector = ref(false);
const showTagsSelector = ref(false);

// Group display order and headings
const GROUP_CONFIG: { id: CommandGroupType; heading: string }[] = [
    { id: 'timer', heading: 'Timer' },
    { id: 'active-timer', heading: 'Active Timer' },
    { id: 'navigation', heading: 'Navigation' },
    { id: 'create', heading: 'Create' },
    { id: 'organization', heading: 'Organization' },
    { id: 'theme', heading: 'Theme' },
];

// Entity badge classes
const ENTITY_BADGE_CLASSES: Record<string, string> = {
    project: 'bg-violet-500/20 text-violet-500',
    client: 'bg-blue-500/20 text-blue-500',
    task: 'bg-gray-500/20 text-gray-400',
    tag: 'bg-amber-500/20 text-amber-500',
    member: 'bg-green-500/20 text-green-500',
};

// Entity icons
const ENTITY_ICONS: Record<string, typeof FolderIcon> = {
    project: FolderIcon,
    client: UserCircleIcon,
    task: ClipboardDocumentListIcon,
    tag: TagIcon,
    member: UserGroupIcon,
};

export function useCommandPalette() {
    const currentTimeEntryStore = useCurrentTimeEntryStore();
    const { currentTimeEntry, isActive } = storeToRefs(currentTimeEntryStore);
    const { setActiveState, updateTimer } = currentTimeEntryStore;

    // Data queries (consolidated here - single source of truth)
    const timeEntriesQuery = useTimeEntriesInfiniteQuery();
    const { projects } = useProjectsQuery();
    const { clients } = useClientsQuery();
    const { tasks } = useTasksQuery();
    const { tags } = useTagsQuery();
    const { members } = useMembersQuery();

    const page = usePage<{
        auth: {
            user: User & {
                all_teams: Organization[];
                current_team_id: string;
            };
        };
    }>();

    const getCurrentTeamId = () => page.props.auth.user.current_team?.id ?? '';
    const allOrganizations = computed(() => page.props.auth.user.all_teams || []);
    const currentOrgId = computed(() => page.props.auth.user.current_team_id || '');

    const lastTimeEntry = computed(() => {
        const pages = timeEntriesQuery.data.value?.pages;
        if (!pages || pages.length === 0) return null;
        const firstPage = pages[0];
        if (!firstPage?.data || firstPage.data.length === 0) return null;
        return firstPage.data[0];
    });

    const hasTimeEntries = computed(() => lastTimeEntry.value !== null);

    // Helper to close palette
    function closePaletteAfterAction() {
        isOpen.value = false;
    }

    // Navigation helper
    function navigate(routeName: string, params?: Record<string, string>) {
        closePaletteAfterAction();
        if (routeName.startsWith('/')) {
            router.visit(routeName);
        } else {
            router.visit(route(routeName, params));
        }
    }

    // Theme helper
    function setTheme(theme: themeOption) {
        themeSetting.value = theme;
        closePaletteAfterAction();
    }

    // Timer actions
    async function startTimer() {
        closePaletteAfterAction();
        await setActiveState(true);
    }

    async function stopTimer() {
        closePaletteAfterAction();
        await setActiveState(false);
    }

    function openCreateTimeEntryModal() {
        closePaletteAfterAction();
        showCreateTimeEntryModal.value = true;
    }

    async function continueLastEntry() {
        if (!lastTimeEntry.value) return;
        closePaletteAfterAction();

        currentTimeEntry.value.description = lastTimeEntry.value.description;
        currentTimeEntry.value.project_id = lastTimeEntry.value.project_id;
        currentTimeEntry.value.task_id = lastTimeEntry.value.task_id;
        currentTimeEntry.value.tags = lastTimeEntry.value.tags;
        currentTimeEntry.value.billable = lastTimeEntry.value.billable;
        currentTimeEntry.value.start = getDayJsInstance()().utc().format();
        await setActiveState(true);
    }

    // Active timer actions
    function openProjectSelector() {
        closePaletteAfterAction();
        showProjectSelector.value = true;
    }

    function openTaskSelector() {
        closePaletteAfterAction();
        showTaskSelector.value = true;
    }

    function openTagsSelector() {
        closePaletteAfterAction();
        showTagsSelector.value = true;
    }

    async function toggleBillable() {
        closePaletteAfterAction();
        currentTimeEntry.value.billable = !currentTimeEntry.value.billable;
        await updateTimer();
    }

    async function addMinutes(minutes: number) {
        closePaletteAfterAction();
        currentTimeEntry.value.start = getDayJsInstance()(currentTimeEntry.value.start)
            .subtract(minutes, 'minutes')
            .utc()
            .format();
        await updateTimer();
    }

    // Create actions
    function openCreateProjectModal() {
        closePaletteAfterAction();
        showCreateProjectModal.value = true;
    }

    function openCreateClientModal() {
        closePaletteAfterAction();
        showCreateClientModal.value = true;
    }

    function openCreateTaskModal() {
        closePaletteAfterAction();
        showCreateTaskModal.value = true;
    }

    function openCreateTagModal() {
        closePaletteAfterAction();
        showCreateTagModal.value = true;
    }

    function openInviteMemberModal() {
        closePaletteAfterAction();
        showInviteMemberModal.value = true;
    }

    // Organization switch action
    function handleSwitchOrganization(orgId: string) {
        closePaletteAfterAction();
        switchOrganization(orgId);
    }

    // Build all internal commands
    const navigationCommands = computed(() =>
        createNavigationCommands(
            navigate,
            {
                canViewProjects,
                canViewClients,
                canViewMembers,
                canViewTags,
                canViewReport,
                canViewInvoices,
                canManageBilling,
                canUpdateOrganization,
            },
            {
                isInvoicingActivated,
                isBillingActivated,
            },
            getCurrentTeamId
        )
    );

    const timerCommands = computed(() =>
        createTimerCommands(
            {
                startTimer,
                stopTimer,
                openCreateTimeEntryModal,
                continueLastEntry,
            },
            {
                isActive: () => isActive.value,
                hasTimeEntries: () => hasTimeEntries.value,
            }
        )
    );

    const activeTimerCommands = computed(() =>
        createActiveTimerCommands(
            {
                openProjectSelector,
                openTaskSelector,
                openTagsSelector,
                toggleBillable,
                addMinutes,
            },
            {
                isActive: () => isActive.value,
            }
        )
    );

    const themeCommands = computed(() => createThemeCommands(setTheme));

    const createCommands = computed(() =>
        createCreateCommands(
            {
                openProjectModal: openCreateProjectModal,
                openClientModal: openCreateClientModal,
                openTaskModal: openCreateTaskModal,
                openTagModal: openCreateTagModal,
                openInviteModal: openInviteMemberModal,
            },
            {
                canCreateProjects,
                canCreateClients,
                canCreateTasks,
                canCreateTags,
                canCreateInvitations,
            }
        )
    );

    const organizationCommands = computed(() =>
        createOrganizationCommands(
            allOrganizations.value,
            currentOrgId.value,
            handleSwitchOrganization
        )
    );

    // Internal commands grouped by type
    const commandsByGroup = computed<Record<string, Command[]>>(() => {
        const allCommands: Command[] = [
            ...timerCommands.value,
            ...activeTimerCommands.value,
            ...navigationCommands.value,
            ...createCommands.value,
            ...organizationCommands.value,
            ...themeCommands.value,
        ];

        const grouped: Record<string, Command[]> = {};
        for (const config of GROUP_CONFIG) {
            grouped[config.id] = [];
        }

        for (const cmd of allCommands) {
            if (cmd.permission && !cmd.permission()) continue;
            if (cmd.condition && !cmd.condition()) continue;

            if (grouped[cmd.group] !== undefined) {
                grouped[cmd.group]!.push(cmd);
            }
        }

        return grouped;
    });

    // Map internal commands to UI-friendly CommandPaletteGroup[]
    const groups = computed<CommandPaletteGroup[]>(() =>
        GROUP_CONFIG.map((config) => ({
            id: config.id,
            heading: config.heading,
            commands: (commandsByGroup.value[config.id] ?? []).map((cmd) => ({
                id: cmd.id,
                label: cmd.label,
                icon: cmd.icon,
                keywords: cmd.keywords,
                action: cmd.action,
                shortcut: cmd.shortcut,
            })),
        }))
    );

    // Entity search results (moved from old CommandPalette.vue)
    const entityResults = computed<EntitySearchResult[]>(() => {
        const query = searchTerm.value.toLowerCase().trim();
        if (!query || query.length < 2) return [];

        const results: EntitySearchResult[] = [];
        const maxPerType = 5;

        if (canViewProjects()) {
            const matching = projects.value
                .filter((p: Project) => p.name.toLowerCase().includes(query))
                .slice(0, maxPerType)
                .map(
                    (p: Project): EntitySearchResult => ({
                        id: `entity-project-${p.id}`,
                        label: p.name,
                        icon: ENTITY_ICONS.project,
                        keywords: ['project'],
                        action: () => {
                            closePaletteAfterAction();
                            router.visit(route('projects.show', { project: p.id }));
                        },
                        entityType: 'project',
                        color: p.color,
                        badgeClass: ENTITY_BADGE_CLASSES.project,
                    })
                );
            results.push(...matching);
        }

        if (canViewClients()) {
            const matching = clients.value
                .filter((c: Client) => c.name.toLowerCase().includes(query))
                .slice(0, maxPerType)
                .map(
                    (c: Client): EntitySearchResult => ({
                        id: `entity-client-${c.id}`,
                        label: c.name,
                        icon: ENTITY_ICONS.client,
                        keywords: ['client'],
                        action: () => {
                            closePaletteAfterAction();
                            router.visit(route('clients'));
                        },
                        entityType: 'client',
                        badgeClass: ENTITY_BADGE_CLASSES.client,
                    })
                );
            results.push(...matching);
        }

        if (canViewProjects()) {
            const matching = tasks.value
                .filter((t: Task) => t.name.toLowerCase().includes(query))
                .slice(0, maxPerType)
                .map(
                    (t: Task): EntitySearchResult => ({
                        id: `entity-task-${t.id}`,
                        label: t.name,
                        icon: ENTITY_ICONS.task,
                        keywords: ['task'],
                        action: () => {
                            closePaletteAfterAction();
                            if (t.project_id) {
                                router.visit(route('projects.show', { project: t.project_id }));
                            }
                        },
                        entityType: 'task',
                        badgeClass: ENTITY_BADGE_CLASSES.task,
                    })
                );
            results.push(...matching);
        }

        if (canViewTags()) {
            const matching = tags.value
                .filter((t: Tag) => t.name.toLowerCase().includes(query))
                .slice(0, maxPerType)
                .map(
                    (t: Tag): EntitySearchResult => ({
                        id: `entity-tag-${t.id}`,
                        label: t.name,
                        icon: ENTITY_ICONS.tag,
                        keywords: ['tag'],
                        action: () => {
                            closePaletteAfterAction();
                            router.visit(route('tags'));
                        },
                        entityType: 'tag',
                        badgeClass: ENTITY_BADGE_CLASSES.tag,
                    })
                );
            results.push(...matching);
        }

        if (canViewMembers()) {
            const matching = members.value
                .filter((m: Member) => m.name.toLowerCase().includes(query))
                .slice(0, maxPerType)
                .map(
                    (m: Member): EntitySearchResult => ({
                        id: `entity-member-${m.id}`,
                        label: m.name,
                        icon: ENTITY_ICONS.member,
                        keywords: ['member'],
                        action: () => {
                            closePaletteAfterAction();
                            router.visit(route('members'));
                        },
                        entityType: 'member',
                        badgeClass: ENTITY_BADGE_CLASSES.member,
                    })
                );
            results.push(...matching);
        }

        return results.sort(
            (a, b) =>
                scoreEntity(b.label, query, GROUP_PRIORITIES.entity) -
                scoreEntity(a.label, query, GROUP_PRIORITIES.entity)
        );
    });

    // Open/close
    function openPalette() {
        isOpen.value = true;
    }

    function closePalette() {
        isOpen.value = false;
    }

    function togglePalette() {
        if (isOpen.value) {
            closePalette();
        } else {
            openPalette();
        }
    }

    return {
        // State
        isOpen,
        searchTerm,

        // Modal states
        showCreateProjectModal,
        showCreateClientModal,
        showCreateTaskModal,
        showCreateTagModal,
        showInviteMemberModal,
        showCreateTimeEntryModal,
        showProjectSelector,
        showTaskSelector,
        showTagsSelector,

        // UI data (for CommandPalette component props)
        groups,
        entityResults,

        // Query data (for Provider modals)
        projects,
        clients,
        tasks,
        tags,

        // Computed
        isActive,
        currentTimeEntry,

        // Actions
        openPalette,
        closePalette,
        togglePalette,
        updateTimer,
    };
}


================================================
FILE: resources/js/utils/useCssVariable.ts
================================================
import { ref, onMounted, onUnmounted } from 'vue';

export function useCssVariable(variableName: string) {
    const value = ref('');
    let observer: MutationObserver | null = null;
    let mediaQuery: MediaQueryList | null = null;

    const updateValue = () => {
        const computedStyle = getComputedStyle(document.documentElement);
        const cssValue = computedStyle.getPropertyValue(variableName).trim();
        value.value = cssValue;
    };

    onMounted(() => {
        // Initialize with current value
        updateValue();

        // Watch for class changes on document.documentElement (where theme classes are applied)
        observer = new MutationObserver((mutations) => {
            mutations.forEach((mutation) => {
                if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
                    updateValue();
                }
            });
        });

        observer.observe(document.documentElement, {
            attributes: true,
            attributeFilter: ['class'],
        });

        // Also watch for system color scheme changes
        if (window.matchMedia) {
            mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
            mediaQuery.addEventListener('change', updateValue);
        }
    });

    onUnmounted(() => {
        if (observer) {
            observer.disconnect();
        }
        if (mediaQuery) {
            mediaQuery.removeEventListener('change', updateValue);
        }
    });

    return value;
}


================================================
FILE: resources/js/utils/useCurrentTimeEntry.ts
================================================
import { defineStore } from 'pinia';
import { computed, ref } from 'vue';
import { api } from '@/packages/api/src';
import type { TimeEntry } from '@/packages/api/src';
import dayjs, { Dayjs } from 'dayjs';
import utc from 'dayjs/plugin/utc';
import {
    getCurrentMembershipId,
    getCurrentOrganizationId,
    getCurrentUserId,
} from '@/utils/useUser';
import { useLocalStorage } from '@vueuse/core';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

dayjs.extend(utc);

const emptyTimeEntry = {
    id: '',
    description: '',
    user_id: '',
    start: '',
    end: null,
    duration: null,
    task_id: null,
    project_id: null,
    tags: [],
    billable: false,
    organization_id: '',
} as TimeEntry;

export const useCurrentTimeEntryStore = defineStore('currentTimeEntry', () => {
    const currentTimeEntry = ref<TimeEntry>({ ...emptyTimeEntry });
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    useLocalStorage('solidtime/current-time-entry', currentTimeEntry, {
        deep: true,
    });

    function $reset() {
        currentTimeEntry.value = { ...emptyTimeEntry };
    }

    const now = ref<null | Dayjs>(null);
    const interval = ref<ReturnType<typeof setInterval> | null>(null);

    function startLiveTimer() {
        stopLiveTimer();
        now.value = dayjs().utc();
        interval.value = setInterval(() => {
            now.value = dayjs().utc();
        }, 1000);
    }

    function stopLiveTimer() {
        if (interval.value !== null) {
            clearInterval(interval.value);
        }
    }

    async function fetchCurrentTimeEntry() {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            try {
                const timeEntriesResponse = await api.getMyActiveTimeEntry({});
                if (timeEntriesResponse?.data) {
                    if (timeEntriesResponse.data) {
                        currentTimeEntry.value = timeEntriesResponse.data;
                        if (
                            currentTimeEntry.value.start !== '' &&
                            currentTimeEntry.value.end === null
                        ) {
                            startLiveTimer();
                        }
                    } else {
                        // No active time entry on server
                        // Only reset if we had a previously started timer (has an ID)
                        // Don't reset if user is preparing a new time entry (no ID yet)
                        if (currentTimeEntry.value.id !== '') {
                            currentTimeEntry.value = { ...emptyTimeEntry };
                            stopLiveTimer();
                        }
                    }
                }
            } catch {
                // API error (e.g., 404 when no active time entry)
                // Only reset if we had a previously started timer (has an ID)
                // Don't reset if user is preparing a new time entry (no ID yet)
                if (currentTimeEntry.value.id !== '') {
                    currentTimeEntry.value = { ...emptyTimeEntry };
                    stopLiveTimer();
                }
            }
        } else {
            throw new Error(
                'Failed to fetch current time entry because organization ID is missing.'
            );
        }
    }

    async function startTimer() {
        const organization = getCurrentOrganizationId();
        const membership = getCurrentMembershipId();
        if (organization && membership) {
            const startTime =
                currentTimeEntry.value.start !== ''
                    ? currentTimeEntry.value.start
                    : dayjs().utc().format();
            const response = await handleApiRequestNotifications(
                () =>
                    api.createTimeEntry(
                        {
                            member_id: membership,
                            start: startTime,
                            description: currentTimeEntry.value?.description,
                            project_id: currentTimeEntry.value?.project_id,
                            task_id: currentTimeEntry.value?.task_id,
                            billable: currentTimeEntry.value.billable,
                            tags: currentTimeEntry.value?.tags,
                        },
                        { params: { organization: organization } }
                    ),
                'Timer started!'
            );
            if (response?.data) {
                currentTimeEntry.value = response.data;
            }
        } else {
            throw new Error(
                'Failed to fetch current time entry because organization ID is missing.'
            );
        }
    }

    async function stopTimer() {
        const user = getCurrentUserId();
        const organization = getCurrentOrganizationId();
        if (organization) {
            const currentDateTime = dayjs().utc().format();
            await handleApiRequestNotifications(
                () =>
                    api.updateTimeEntry(
                        {
                            user_id: user,
                            start: currentTimeEntry.value.start,
                            end: currentDateTime,
                        },
                        {
                            params: {
                                organization: organization,
                                timeEntry: currentTimeEntry.value.id,
                            },
                        }
                    ),
                'Timer stopped!'
            );
            $reset();
        } else {
            throw new Error('Failed to stop current timer because organization ID is missing.');
        }
    }

    async function updateTimer() {
        const user = getCurrentUserId();
        const organization = getCurrentOrganizationId();
        if (organization) {
            const response = await handleApiRequestNotifications(
                () =>
                    api.updateTimeEntry(
                        {
                            description: currentTimeEntry.value.description,
                            user_id: user,
                            project_id: currentTimeEntry.value.project_id,
                            task_id: currentTimeEntry.value.task_id,
                            start: currentTimeEntry.value.start,
                            billable: currentTimeEntry.value.billable,
                            end: currentTimeEntry.value.end,
                            tags: currentTimeEntry.value.tags,
                        },
                        {
                            params: {
                                organization: organization,
                                timeEntry: currentTimeEntry.value.id,
                            },
                        }
                    ),
                'Time entry updated!'
            );
            if (response?.data) {
                if (response.data.end === null) {
                    currentTimeEntry.value = response.data;
                } else {
                    $reset();
                    stopLiveTimer();
                }
            }
        } else {
            throw new Error(
                'Failed to fetch current time entry because organization ID is missing.'
            );
        }
    }

    const isActive = computed(() => {
        if (currentTimeEntry.value) {
            return (
                currentTimeEntry.value.start !== '' &&
                currentTimeEntry.value.start !== null &&
                currentTimeEntry.value.end === null
            );
        }
        return false;
    });

    async function setActiveState(newState: boolean) {
        if (newState) {
            startLiveTimer();
            await startTimer();
        } else {
            stopLiveTimer();
            await stopTimer();
        }
        queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
    }

    return {
        currentTimeEntry,
        fetchCurrentTimeEntry,
        updateTimer,
        isActive,
        startLiveTimer,
        stopLiveTimer,
        now,
        setActiveState,
        $reset,
    };
});


================================================
FILE: resources/js/utils/useInvitations.ts
================================================
import { defineStore } from 'pinia';
import { api } from '@/packages/api/src';
import { computed, ref } from 'vue';
import type { CreateInvitationBody, Invitation } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllInvitations(organizationId: string): Promise<Invitation[]> {
    return fetchAllPages((page) =>
        api.getInvitations({
            params: { organization: organizationId },
            queries: { page },
        })
    );
}

export const useInvitationsStore = defineStore('invitations', () => {
    const invitationsData = ref<Invitation[]>([]);
    const { handleApiRequestNotifications } = useNotificationsStore();

    async function fetchInvitations() {
        const organization = getCurrentOrganizationId();
        if (organization) {
            const data = await handleApiRequestNotifications(
                () => fetchAllInvitations(organization),
                undefined,
                'Failed to fetch invitations'
            );
            if (data) {
                invitationsData.value = data;
            }
        }
    }

    async function createInvitation(inviteBody: CreateInvitationBody): Promise<undefined> {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.invite(inviteBody, {
                        params: {
                            organization: organization,
                        },
                    }),
                'User successfully invited',
                'Failed to invite user'
            );
            await fetchInvitations();
        }
    }

    const invitations = computed<Invitation[]>(() => {
        return invitationsData.value;
    });

    return { invitations, fetchInvitations, createInvitation };
});


================================================
FILE: resources/js/utils/useMembers.ts
================================================
import { defineStore } from 'pinia';
import { api } from '@/packages/api/src';
import type { UpdateMemberBody } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

export type MemberBillableKey = 'default-rate' | 'custom-rate';

export const useMembersStore = defineStore('members', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function removeMember(membershipId: string) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.removeMember(undefined, {
                        params: {
                            organization: organization,
                            member: membershipId,
                        },
                    }),
                'Member deleted successfully',
                'Failed to delete member'
            );
            queryClient.invalidateQueries({ queryKey: ['members'] });
        }
    }

    async function updateMember(memberId: string, memberBody: UpdateMemberBody) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.updateMember(memberBody, {
                        params: {
                            organization: organization,
                            member: memberId,
                        },
                    }),
                'Member updated successfully',
                'Failed to update member'
            );
            queryClient.invalidateQueries({ queryKey: ['members'] });
        }
    }

    return { removeMember, updateMember };
});


================================================
FILE: resources/js/utils/useMembersQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { Member } from '@/packages/api/src';
import { computed } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllMembers(organizationId: string): Promise<Member[]> {
    return fetchAllPages((page) =>
        api.getMembers({
            params: { organization: organizationId },
            queries: { page },
        })
    );
}

export function useMembersQuery() {
    const queryClient = useQueryClient();

    const query = useQuery({
        queryKey: computed(() => ['members', getCurrentOrganizationId()]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            if (!organizationId) throw new Error('No organization');
            const data = await fetchAllMembers(organizationId);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId(),
        staleTime: 1000 * 30, // 30 seconds
    });

    const members = computed<Member[]>(() => query.data.value?.data ?? []);

    const invalidateMembers = () => {
        queryClient.invalidateQueries({ queryKey: ['members'] });
    };

    return {
        ...query,
        members,
        invalidateMembers,
    };
}


================================================
FILE: resources/js/utils/useOrganization.ts
================================================
import { router } from '@inertiajs/vue3';
import { initializeStores } from '@/utils/init';
import { defineStore } from 'pinia';
import { computed, ref } from 'vue';
import type {
    Organization,
    OrganizationResponse,
    UpdateOrganizationBody,
} from '@/packages/api/src';
import { useNotificationsStore } from '@/utils/notification';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';

export function switchOrganization(organizationId: string) {
    // Clear Inertia's prefetch cache to prevent stale pages from the old
    // organization being served when navigating after the switch.
    router.flushAll();

    router.put(
        route('current-team.update'),
        {
            team_id: organizationId,
        },
        {
            preserveState: false,
            onSuccess: () => {
                initializeStores();
            },
        }
    );
}

export const useOrganizationStore = defineStore('organization', () => {
    const organizationResponse = ref<OrganizationResponse | null>(null);
    const { handleApiRequestNotifications } = useNotificationsStore();

    async function fetchOrganization() {
        const organization = getCurrentOrganizationId();
        if (organization) {
            organizationResponse.value = await handleApiRequestNotifications(
                () =>
                    api.getOrganization({
                        params: {
                            organization: organization,
                        },
                    }),
                undefined,
                'Failed to fetch organization'
            );
        }
    }

    async function updateOrganization(organizationBody: UpdateOrganizationBody) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.updateOrganization(organizationBody, {
                        params: {
                            organization: organization,
                        },
                    }),
                'Organization updated successfully',
                'Failed to update organization'
            );
            await fetchOrganization();
        }
    }

    const organization = computed<Organization | null>(() => {
        return organizationResponse.value?.data || null;
    });

    return { organization, fetchOrganization, updateOrganization };
});


================================================
FILE: resources/js/utils/useOrganizationQuery.ts
================================================
import { useQuery } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { computed } from 'vue';

export function useOrganizationQuery(organizationId: string) {
    const query = useQuery({
        queryKey: ['organization', organizationId],
        queryFn: () =>
            api.getOrganization({
                params: {
                    organization: organizationId,
                },
            }),
        staleTime: 1000 * 30,
    });

    const organization = computed(() => query.data.value?.data);

    return {
        ...query,
        organization,
    };
}


================================================
FILE: resources/js/utils/useProjectMembers.ts
================================================
import { defineStore } from 'pinia';
import { api } from '@/packages/api/src';
import type { CreateProjectMemberBody, UpdateProjectMemberBody } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

export const useProjectMembersStore = defineStore('project-members', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function createProjectMember(
        projectId: string,
        projectMemberBody: CreateProjectMemberBody
    ) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            await handleApiRequestNotifications(
                () =>
                    api.createProjectMember(projectMemberBody, {
                        params: {
                            organization: organization,
                            project: projectId,
                        },
                    }),
                'Project member added successfully',
                'Failed to add project member'
            );
            queryClient.invalidateQueries({
                queryKey: ['projectMembers', organization, projectId],
            });
        }
    }

    async function updateProjectMember(
        projectMemberId: string,
        projectMemberBody: UpdateProjectMemberBody
    ) {
        const organization = getCurrentOrganizationId();
        if (organization) {
            const response = await handleApiRequestNotifications(
                () =>
                    api.updateProjectMember(projectMemberBody, {
                        params: {
                            organization: organization,
                            projectMember: projectMemberId,
                        },
                    }),
                'Project member updated successfully',
                'Failed to update project member'
            );
            if (response?.data?.project_id) {
                queryClient.invalidateQueries({
                    queryKey: ['projectMembers', organization, response.data.project_id],
                });
            }
        }
    }

    async function deleteProjectMember(projectId: string, projectMemberId: string) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.deleteProjectMember(undefined, {
                        params: {
                            organization: organizationId,
                            projectMember: projectMemberId,
                        },
                    }),
                'Project member removed successfully',
                'Failed to remove project member'
            );
            queryClient.invalidateQueries({
                queryKey: ['projectMembers', organizationId, projectId],
            });
        }
    }

    return {
        createProjectMember,
        deleteProjectMember,
        updateProjectMember,
    };
});


================================================
FILE: resources/js/utils/useProjectMembersQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { ProjectMember } from '@/packages/api/src';
import { computed, type Ref } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllProjectMembers(
    organizationId: string,
    projectId: string
): Promise<ProjectMember[]> {
    return fetchAllPages((page) =>
        api.getProjectMembers({
            params: { organization: organizationId, project: projectId },
            queries: { page },
        })
    );
}

export function useProjectMembersQuery(projectId: Ref<string | null> | string) {
    const queryClient = useQueryClient();

    const projectIdValue = computed(() => {
        return typeof projectId === 'string' ? projectId : projectId.value;
    });

    const query = useQuery({
        queryKey: computed(() => [
            'projectMembers',
            getCurrentOrganizationId(),
            projectIdValue.value,
        ]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            const pid = projectIdValue.value;
            if (!organizationId || !pid) throw new Error('No organization or project');
            const data = await fetchAllProjectMembers(organizationId, pid);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId() && !!projectIdValue.value,
        staleTime: 1000 * 30, // 30 seconds
    });

    const projectMembers = computed<ProjectMember[]>(() => query.data.value?.data ?? []);

    const invalidateProjectMembers = () => {
        queryClient.invalidateQueries({
            queryKey: ['projectMembers', getCurrentOrganizationId(), projectIdValue.value],
        });
    };

    return {
        ...query,
        projectMembers,
        invalidateProjectMembers,
    };
}


================================================
FILE: resources/js/utils/useProjects.ts
================================================
import { defineStore } from 'pinia';
import { api } from '@/packages/api/src';
import type { CreateProjectBody, UpdateProjectBody } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

export const useProjectsStore = defineStore('projects', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function createProject(projectBody: CreateProjectBody) {
        const organization = getCurrentOrganizationId();

        if (organization) {
            const response = await handleApiRequestNotifications(
                () =>
                    api.createProject(projectBody, {
                        params: {
                            organization: organization,
                        },
                    }),
                'Project created successfully',
                'Failed to create project'
            );

            queryClient.invalidateQueries({ queryKey: ['projects'] });
            return response['data'];
        }
    }

    async function deleteProject(projectId: string) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.deleteProject(undefined, {
                        params: {
                            organization: organizationId,
                            project: projectId,
                        },
                    }),
                'Project deleted successfully',
                'Failed to delete project'
            );
            queryClient.invalidateQueries({ queryKey: ['projects'] });
        }
    }

    async function updateProject(projectId: string, updateProjectBody: UpdateProjectBody) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.updateProject(updateProjectBody, {
                        params: {
                            organization: organizationId,
                            project: projectId,
                        },
                    }),
                'Project updated successfully',
                'Failed to update project'
            );
            queryClient.invalidateQueries({ queryKey: ['projects'] });
        }
    }

    return {
        createProject,
        deleteProject,
        updateProject,
    };
});


================================================
FILE: resources/js/utils/useProjectsQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { Project } from '@/packages/api/src';
import { computed } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllProjects(organizationId: string): Promise<Project[]> {
    return fetchAllPages((page) =>
        api.getProjects({
            params: { organization: organizationId },
            queries: { archived: 'all', page },
        })
    );
}

export function useProjectsQuery() {
    const queryClient = useQueryClient();

    const query = useQuery({
        queryKey: computed(() => ['projects', getCurrentOrganizationId()]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            if (!organizationId) throw new Error('No organization');
            const data = await fetchAllProjects(organizationId);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId(),
        staleTime: 1000 * 30, // 30 seconds
    });

    const projects = computed<Project[]>(() => query.data.value?.data ?? []);

    const invalidateProjects = () => {
        queryClient.invalidateQueries({ queryKey: ['projects'] });
    };

    return {
        ...query,
        projects,
        invalidateProjects,
    };
}


================================================
FILE: resources/js/utils/useReporting.ts
================================================
import { defineStore } from 'pinia';
import { type Component } from 'vue';
import { getCurrentRole, getCurrentUser } from '@/utils/useUser';
import { useProjectsQuery } from '@/utils/useProjectsQuery';
import { useMembersQuery } from '@/utils/useMembersQuery';
import { useTasksQuery } from '@/utils/useTasksQuery';
import { useClientsQuery } from '@/utils/useClientsQuery';
import { useTagsQuery } from '@/utils/useTagsQuery';
import { CheckCircleIcon, UserCircleIcon, UserGroupIcon } from '@heroicons/vue/20/solid';
import { DocumentTextIcon, FolderIcon } from '@heroicons/vue/16/solid';
import BillableIcon from '@/packages/ui/src/Icons/BillableIcon.vue';

export type GroupingOption =
    | 'project'
    | 'task'
    | 'user'
    | 'billable'
    | 'client'
    | 'description'
    | 'tag';

export const useReportingStore = defineStore('reporting', () => {
    // Cache query composables to avoid creating new subscriptions on every call
    const { projects } = useProjectsQuery();
    const { members } = useMembersQuery();
    const { tasks } = useTasksQuery();
    const { clients } = useClientsQuery();
    const { tags } = useTagsQuery();

    const emptyPlaceholder = {
        user: 'No User',
        project: 'No Project',
        task: 'No Task',
        billable: 'Non-Billable',
        client: 'No Client',
        description: 'No Description',
        tag: 'No Tag',
    } as Record<string, string>;

    function getNameForReportingRowEntry(key: string | null, type: string | null) {
        if (type === null) {
            return null;
        }
        if (key === null) {
            return emptyPlaceholder[type as keyof typeof emptyPlaceholder];
        }

        if (type === 'project') {
            return projects.value.find((project) => project.id === key)?.name;
        }
        if (type === 'user') {
            if (getCurrentRole() === 'employee') {
                return getCurrentUser().name;
            }
            return members.value.find((member) => member.user_id === key)?.name;
        }
        if (type === 'task') {
            return tasks.value.find((task) => task.id === key)?.name;
        }
        if (type === 'client') {
            return clients.value.find((client) => client.id === key)?.name;
        }
        if (type === 'tag') {
            return tags.value.find((tag) => tag.id === key)?.name;
        }
        if (type === 'billable') {
            if (key === '0') {
                return 'Non-Billable';
            } else {
                return 'Billable';
            }
        }
        return key;
    }

    const groupByOptions: {
        label: string;
        value: GroupingOption;
        icon: Component;
    }[] = [
        {
            label: 'Members',
            value: 'user',
            icon: UserGroupIcon,
        },
        {
            label: 'Projects',
            value: 'project',
            icon: FolderIcon,
        },
        {
            label: 'Tasks',
            value: 'task',
            icon: CheckCircleIcon,
        },
        {
            label: 'Clients',
            value: 'client',
            icon: UserCircleIcon,
        },
        {
            label: 'Billable',
            value: 'billable',
            icon: BillableIcon,
        },
        {
            label: 'Description',
            value: 'description',
            icon: DocumentTextIcon,
        },
        {
            label: 'Tags',
            value: 'tag',
            icon: DocumentTextIcon,
        },
    ];

    return {
        getNameForReportingRowEntry,
        groupByOptions,
        emptyPlaceholder,
    };
});


================================================
FILE: resources/js/utils/useReportsQuery.ts
================================================
import { api } from '@/packages/api/src';
import type { Report } from '@/packages/api/src';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllReports(organizationId: string): Promise<Report[]> {
    return fetchAllPages((page) =>
        api.getReports({
            params: { organization: organizationId },
            queries: { page },
        })
    );
}


================================================
FILE: resources/js/utils/useTags.ts
================================================
import { defineStore } from 'pinia';
import type { Tag, UpdateTagBody } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import { useNotificationsStore } from '@/utils/notification';
import { useMutation, useQueryClient } from '@tanstack/vue-query';

export const useTagsStore = defineStore('tags', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function deleteTag(tagId: string) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.deleteTag(undefined, {
                        params: {
                            organization: organizationId,
                            tag: tagId,
                        },
                    }),
                'Tag deleted successfully',
                'Failed to delete tag'
            );
            queryClient.invalidateQueries({ queryKey: ['tags'] });
        }
    }

    async function createTag(name: string): Promise<Tag | undefined> {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            const response = await handleApiRequestNotifications(
                () =>
                    api.createTag(
                        {
                            name: name,
                        },
                        {
                            params: {
                                organization: organizationId,
                            },
                        }
                    ),
                'Tag created successfully',
                'Failed to create tag'
            );
            if (response?.data) {
                queryClient.invalidateQueries({ queryKey: ['tags'] });
                return response.data;
            }
        } else {
            throw new Error('Failed to create tag because organization ID is missing.');
        }
    }

    const { mutateAsync: updateTag } = useMutation({
        mutationFn: async ({ tagId, tagBody }: { tagId: string; tagBody: UpdateTagBody }) => {
            const organizationId = getCurrentOrganizationId();
            if (organizationId) {
                return await handleApiRequestNotifications(
                    () =>
                        api.updateTag(tagBody, {
                            params: {
                                organization: organizationId,
                                tag: tagId,
                            },
                        }),
                    'Tag updated successfully',
                    'Failed to update tag'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['tags'] });
        },
    });

    return { createTag, updateTag, deleteTag };
});


================================================
FILE: resources/js/utils/useTagsQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { Tag } from '@/packages/api/src';
import { computed } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllTags(organizationId: string): Promise<Tag[]> {
    return fetchAllPages((page) =>
        api.getTags({
            params: { organization: organizationId },
            queries: { page },
        })
    );
}

export function useTagsQuery() {
    const queryClient = useQueryClient();

    const query = useQuery({
        queryKey: computed(() => ['tags', getCurrentOrganizationId()]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            if (!organizationId) throw new Error('No organization');
            const data = await fetchAllTags(organizationId);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId(),
        staleTime: 1000 * 30, // 30 seconds
    });

    const tags = computed<Tag[]>(() => query.data.value?.data ?? []);

    const invalidateTags = () => {
        queryClient.invalidateQueries({ queryKey: ['tags'] });
    };

    return {
        ...query,
        tags,
        invalidateTags,
    };
}


================================================
FILE: resources/js/utils/useTasks.ts
================================================
import { defineStore } from 'pinia';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { api } from '@/packages/api/src';
import type { CreateTaskBody, UpdateTaskBody } from '@/packages/api/src';
import { useNotificationsStore } from '@/utils/notification';
import { useQueryClient } from '@tanstack/vue-query';

export const useTasksStore = defineStore('tasks', () => {
    const { handleApiRequestNotifications } = useNotificationsStore();
    const queryClient = useQueryClient();

    async function updateTask(taskId: string, taskBody: UpdateTaskBody) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.updateTask(taskBody, {
                        params: {
                            task: taskId,
                            organization: organizationId,
                        },
                    }),
                'Task updated successfully',
                'Failed to update task'
            );
            queryClient.invalidateQueries({ queryKey: ['tasks'] });
        }
    }

    async function createTask(task: CreateTaskBody) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.createTask(task, {
                        params: {
                            organization: organizationId,
                        },
                    }),
                'Task created successfully',
                'Failed to create task'
            );
            queryClient.invalidateQueries({ queryKey: ['tasks'] });
        }
    }

    async function deleteTask(taskId: string) {
        const organizationId = getCurrentOrganizationId();
        if (organizationId) {
            await handleApiRequestNotifications(
                () =>
                    api.deleteTask(undefined, {
                        params: {
                            organization: organizationId,
                            task: taskId,
                        },
                    }),
                'Task deleted successfully',
                'Failed to delete task'
            );
            queryClient.invalidateQueries({ queryKey: ['tasks'] });
        }
    }

    return {
        updateTask,
        createTask,
        deleteTask,
    };
});


================================================
FILE: resources/js/utils/useTasksQuery.ts
================================================
import { useQuery, useQueryClient } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import type { Task } from '@/packages/api/src';
import { computed } from 'vue';
import { fetchAllPages } from '@/utils/fetchAllPages';

export async function fetchAllTasks(organizationId: string): Promise<Task[]> {
    return fetchAllPages((page) =>
        api.getTasks({
            params: { organization: organizationId },
            queries: { done: 'all', page },
        })
    );
}

export function useTasksQuery() {
    const queryClient = useQueryClient();

    const query = useQuery({
        queryKey: computed(() => ['tasks', getCurrentOrganizationId()]),
        queryFn: async () => {
            const organizationId = getCurrentOrganizationId();
            if (!organizationId) throw new Error('No organization');
            const data = await fetchAllTasks(organizationId);
            return { data };
        },
        enabled: () => !!getCurrentOrganizationId(),
        staleTime: 1000 * 30, // 30 seconds
    });

    const tasks = computed<Task[]>(() => query.data.value?.data ?? []);

    const invalidateTasks = () => {
        queryClient.invalidateQueries({ queryKey: ['tasks'] });
    };

    return {
        ...query,
        tasks,
        invalidateTasks,
    };
}


================================================
FILE: resources/js/utils/useTimeEntriesCalendarQuery.ts
================================================
import { useQuery } from '@tanstack/vue-query';
import { api, type TimeEntryResponse, type TimeEntry } from '@/packages/api/src';
import { getCurrentMembershipId, getCurrentOrganizationId } from '@/utils/useUser';
import { computed, type Ref } from 'vue';
import { getDayJsInstance } from '@/packages/ui/src/utils/time';
import { getUserTimezone, getWeekStart } from '@/packages/ui/src/utils/settings';

const weekStartMap: Record<string, number> = {
    sunday: 0,
    monday: 1,
    tuesday: 2,
    wednesday: 3,
    thursday: 4,
    friday: 5,
    saturday: 6,
};

/**
 * Calculate expanded date range to include previous and next periods with timezone transformations.
 * This allows smooth navigation between calendar views without loading delays.
 */
export function getExpandedCalendarDateRange(
    calendarStart: Date,
    calendarEnd: Date
): { start: string; end: string } {
    const dayjs = getDayJsInstance();
    const duration = dayjs(calendarEnd).diff(dayjs(calendarStart), 'milliseconds');

    // Calculate previous period
    const previousStart = dayjs(calendarStart).subtract(duration, 'milliseconds');
    // Calculate next period
    const nextEnd = dayjs(calendarEnd).add(duration, 'milliseconds');

    // Apply timezone transformations
    const timezone = getUserTimezone();
    const formattedStart = previousStart.utc().tz(timezone, true).utc().format();
    const formattedEnd = nextEnd.utc().tz(timezone, true).utc().format();

    return {
        start: formattedStart,
        end: formattedEnd,
    };
}

/**
 * Get the initial week view date range based on user's week start preference.
 * Matches FullCalendar's timeGridWeek initial view.
 */
export function getInitialWeekRange(): { start: Date; end: Date } {
    const dayjs = getDayJsInstance();
    const weekStart = getWeekStart();
    const firstDay = weekStartMap[weekStart] ?? 1;

    const now = dayjs();
    const currentDayOfWeek = now.day();
    const daysFromWeekStart = (currentDayOfWeek - firstDay + 7) % 7;
    const calendarStart = now.subtract(daysFromWeekStart, 'day').startOf('day');
    const calendarEnd = calendarStart.add(7, 'day');

    return {
        start: calendarStart.toDate(),
        end: calendarEnd.toDate(),
    };
}

/**
 * Create the query key for calendar time entries.
 */
export function createCalendarQueryKey(
    start: string | null,
    end: string | null,
    organizationId: string | null
): readonly [
    'timeEntries',
    'calendar',
    { start: string | null; end: string | null; organization: string | null },
] {
    return ['timeEntries', 'calendar', { start, end, organization: organizationId }] as const;
}

/**
 * Fetch all calendar entries with pagination.
 */
export async function fetchAllCalendarEntries(
    organizationId: string,
    memberId: string | undefined,
    start: string,
    end: string
): Promise<TimeEntryResponse> {
    const allEntries: TimeEntry[] = [];

    while (true) {
        const response = await api.getTimeEntries({
            params: {
                organization: organizationId,
            },
            queries: {
                start,
                end,
                member_id: memberId,
                offset: allEntries.length || undefined,
            },
        });

        if (response.data.length === 0) {
            return { data: allEntries, meta: response.meta };
        }

        allEntries.push(...response.data);

        if (allEntries.length >= response.meta.total) {
            return { data: allEntries, meta: response.meta };
        }
    }
}

export function useTimeEntriesCalendarQuery(
    calendarStart: Ref<Date | undefined>,
    calendarEnd: Ref<Date | undefined>
) {
    const enableCalendarQuery = computed(() => {
        return !!getCurrentOrganizationId() && !!calendarStart.value && !!calendarEnd.value;
    });

    const expandedDateRange = computed(() => {
        if (!calendarStart.value || !calendarEnd.value) {
            return { start: null, end: null };
        }
        return getExpandedCalendarDateRange(calendarStart.value, calendarEnd.value);
    });

    return useQuery<TimeEntryResponse>({
        queryKey: computed(() =>
            createCalendarQueryKey(
                expandedDateRange.value.start,
                expandedDateRange.value.end,
                getCurrentOrganizationId()
            )
        ),
        enabled: enableCalendarQuery,
        placeholderData: (previousData) => previousData,
        queryFn: async () => {
            return fetchAllCalendarEntries(
                getCurrentOrganizationId() || '',
                getCurrentMembershipId(),
                expandedDateRange.value.start!,
                expandedDateRange.value.end!
            );
        },
        staleTime: 1000 * 30, // 30 seconds
    });
}


================================================
FILE: resources/js/utils/useTimeEntriesInfiniteQuery.ts
================================================
import { useInfiniteQuery } from '@tanstack/vue-query';
import { api } from '@/packages/api/src';
import { getCurrentMembershipId, getCurrentOrganizationId } from '@/utils/useUser';
import dayjs from 'dayjs';
import { computed } from 'vue';

export function useTimeEntriesInfiniteQuery() {
    const organizationId = computed(() => getCurrentOrganizationId());
    const memberId = computed(() => getCurrentMembershipId());

    return useInfiniteQuery({
        queryKey: computed(() => [
            'timeEntries',
            'infinite',
            { organizationId: organizationId.value, memberId: memberId.value },
        ]),
        queryFn: async ({ pageParam }) => {
            const orgId = organizationId.value;
            if (!orgId) return { data: [] };

            const queries: Record<string, string | undefined> = {
                only_full_dates: 'true',
                member_id: memberId.value,
                limit: '50',
            };

            if (pageParam) {
                queries.end = pageParam;
            }

            const response = await api.getTimeEntries({
                params: {
                    organization: orgId,
                },
                queries: queries,
            });

            return response;
        },
        initialPageParam: undefined as string | undefined,
        getNextPageParam: (lastPage) => {
            if (!lastPage?.data || lastPage.data.length === 0) {
                return undefined;
            }
            const latestTimeEntry = lastPage.data[lastPage.data.length - 1]!;
            return dayjs(latestTimeEntry.start).utc().format();
        },
        enabled: computed(() => !!organizationId.value),
        staleTime: 1000 * 30, // 30 seconds
        gcTime: 1000 * 60 * 10, // 10 minutes
    });
}


================================================
FILE: resources/js/utils/useTimeEntriesMutations.ts
================================================
import { useMutation, useQueryClient } from '@tanstack/vue-query';
import {
    api,
    type CreateTimeEntryBody,
    type TimeEntry,
    type UpdateMultipleTimeEntriesChangeset,
} from '@/packages/api/src';
import { getCurrentMembershipId, getCurrentOrganizationId } from '@/utils/useUser';
import { useNotificationsStore } from '@/utils/notification';

export function useTimeEntriesMutations() {
    const queryClient = useQueryClient();
    const { handleApiRequestNotifications } = useNotificationsStore();

    const { mutateAsync: createTimeEntry } = useMutation({
        mutationFn: async (timeEntry: Omit<CreateTimeEntryBody, 'member_id'>) => {
            const organizationId = getCurrentOrganizationId();
            const memberId = getCurrentMembershipId();
            if (organizationId && memberId !== undefined) {
                const newTimeEntry = {
                    ...timeEntry,
                    member_id: memberId,
                } as CreateTimeEntryBody;

                return await handleApiRequestNotifications(
                    () =>
                        api.createTimeEntry(newTimeEntry, {
                            params: {
                                organization: organizationId,
                            },
                        }),
                    'Time entry created successfully',
                    'Failed to create time entry'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
        },
    });

    const { mutateAsync: updateTimeEntry } = useMutation({
        mutationFn: async (timeEntry: TimeEntry) => {
            const organizationId = getCurrentOrganizationId();
            if (organizationId) {
                return await handleApiRequestNotifications(
                    () =>
                        api.updateTimeEntry(timeEntry, {
                            params: {
                                organization: organizationId,
                                timeEntry: timeEntry.id,
                            },
                        }),
                    'Time entry updated successfully',
                    'Failed to update time entry'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
        },
    });

    const { mutateAsync: updateTimeEntries } = useMutation({
        mutationFn: async ({
            ids,
            changes,
        }: {
            ids: string[];
            changes: UpdateMultipleTimeEntriesChangeset;
        }) => {
            const organizationId = getCurrentOrganizationId();
            if (organizationId) {
                return await handleApiRequestNotifications(
                    () =>
                        api.updateMultipleTimeEntries(
                            {
                                ids: ids,
                                changes: changes,
                            },
                            {
                                params: {
                                    organization: organizationId,
                                },
                            }
                        ),
                    'Time entries updated successfully',
                    'Failed to update time entries'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
        },
    });

    const { mutateAsync: deleteTimeEntry } = useMutation({
        mutationFn: async (timeEntryId: string) => {
            const organizationId = getCurrentOrganizationId();
            if (organizationId) {
                return await handleApiRequestNotifications(
                    () =>
                        api.deleteTimeEntry(undefined, {
                            params: {
                                organization: organizationId,
                                timeEntry: timeEntryId,
                            },
                        }),
                    'Time entry deleted successfully',
                    'Failed to delete time entry'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
        },
    });

    const { mutateAsync: deleteTimeEntries } = useMutation({
        mutationFn: async (timeEntries: TimeEntry[]) => {
            const organizationId = getCurrentOrganizationId();
            const timeEntryIds = timeEntries.map((entry) => entry.id);
            if (organizationId) {
                return await handleApiRequestNotifications(
                    () =>
                        api.deleteTimeEntries(undefined, {
                            queries: {
                                ids: timeEntryIds,
                            },
                            params: {
                                organization: organizationId,
                            },
                        }),
                    'Time entries deleted successfully',
                    'Failed to delete time entries'
                );
            }
        },
        onSuccess: () => {
            queryClient.invalidateQueries({ queryKey: ['timeEntries'] });
        },
    });

    return {
        createTimeEntry,
        updateTimeEntry,
        updateTimeEntries,
        deleteTimeEntry,
        deleteTimeEntries,
    };
}


================================================
FILE: resources/js/utils/useTimeEntriesReportQuery.ts
================================================
import { useQuery } from '@tanstack/vue-query';
import { api, type TimeEntryResponse } from '@/packages/api/src';
import { getCurrentOrganizationId } from '@/utils/useUser';
import { computed, type Ref, type ComputedRef, unref } from 'vue';

export function useTimeEntriesReportQuery(
    filterParams: Ref<Record<string, unknown>> | ComputedRef<Record<string, unknown>>
) {
    return useQuery<TimeEntryResponse>({
        queryKey: computed(() => [
            'timeEntries',
            'detailed-report',
            getCurrentOrganizationId(),
            unref(filterParams),
        ]),
        enabled: computed(() => !!getCurrentOrganizationId()),
        queryFn: () =>
            api.getTimeEntries({
                params: {
                    organization: getCurrentOrganizationId() || '',
                },
                queries: { ...unref(filterParams) },
            }),
        staleTime: 1000 * 30, // 30 seconds
    });
}


================================================
FILE: resources/js/utils/useUser.ts
================================================
import { usePage } from '@inertiajs/vue3';
import type { User } from '@/types/models';

const page = usePage<{
    auth: {
        user: User;
    };
}>();
function getCurrentUserId() {
    return page.props.auth.user.id;
}

function getCurrentUser() {
    return page.props.auth.user;
}

function getCurrentOrganizationId() {
    return page.props.auth.user.current_team_id;
}

function getCurrentMembershipId() {
    return page.props.auth.user.all_teams.find((team) => team.id === getCurrentOrganizationId())
        ?.membership.id;
}

function getCurrentRole() {
    return page.props.auth.user.all_teams.find((team) => team.id === getCurrentOrganizationId())
        ?.membership.role;
}

export {
    getCurrentOrganizationId,
    getCurrentUserId,
    getCurrentMembershipId,
    getCurrentRole,
    getCurrentUser,
};


================================================
FILE: resources/js/ziggy.d.ts
================================================
/* This file is generated by Ziggy. */
declare module 'ziggy-js' {
    interface RouteList {
        'scramble.docs.index': [];
        'scramble.docs.api': [];
        'filament.exports.download': [
            {
                'name': 'export';
                'required': true;
                'binding': 'id';
            },
        ];
        'filament.imports.failed-rows.download': [
            {
                'name': 'import';
                'required': true;
                'binding': 'id';
            },
        ];
        'filament.admin.auth.logout': [];
        'filament.admin.pages.dashboard': [];
        'filament.admin.resources.clients.index': [];
        'filament.admin.resources.clients.create': [];
        'filament.admin.resources.clients.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.organizations.index': [];
        'filament.admin.resources.organizations.create': [];
        'filament.admin.resources.organizations.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.projects.index': [];
        'filament.admin.resources.projects.create': [];
        'filament.admin.resources.projects.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.tags.index': [];
        'filament.admin.resources.tags.create': [];
        'filament.admin.resources.tags.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.tasks.index': [];
        'filament.admin.resources.tasks.create': [];
        'filament.admin.resources.tasks.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.time-entries.index': [];
        'filament.admin.resources.time-entries.create': [];
        'filament.admin.resources.time-entries.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'filament.admin.resources.users.index': [];
        'filament.admin.resources.users.create': [];
        'filament.admin.resources.users.edit': [
            {
                'name': 'record';
                'required': true;
            },
        ];
        'login': [];
        'logout': [];
        'password.request': [];
        'password.reset': [
            {
                'name': 'token';
                'required': true;
            },
        ];
        'password.email': [];
        'password.update': [];
        'register': [];
        'verification.notice': [];
        'verification.verify': [
            {
                'name': 'id';
                'required': true;
            },
            {
                'name': 'hash';
                'required': true;
            },
        ];
        'verification.send': [];
        'user-profile-information.update': [];
        'user-password.update': [];
        'password.confirmation': [];
        'password.confirm': [];
        'two-factor.login': [];
        'two-factor.enable': [];
        'two-factor.confirm': [];
        'two-factor.disable': [];
        'two-factor.qr-code': [];
        'two-factor.secret-key': [];
        'two-factor.recovery-codes': [];
        'profile.show': [];
        'other-browser-sessions.destroy': [];
        'current-user-photo.destroy': [];
        'current-user.destroy': [];
        'teams.create': [];
        'teams.store': [];
        'teams.show': [
            {
                'name': 'team';
                'required': true;
            },
        ];
        'teams.update': [
            {
                'name': 'team';
                'required': true;
            },
        ];
        'teams.destroy': [
            {
                'name': 'team';
                'required': true;
            },
        ];
        'current-team.update': [];
        'team-members.store': [
            {
                'name': 'team';
                'required': true;
            },
        ];
        'team-members.update': [
            {
                'name': 'team';
                'required': true;
            },
            {
                'name': 'user';
                'required': true;
            },
        ];
        'team-members.destroy': [
            {
                'name': 'team';
                'required': true;
            },
            {
                'name': 'user';
                'required': true;
            },
        ];
        'team-invitations.accept': [
            {
                'name': 'invitation';
                'required': true;
            },
        ];
        'team-invitations.destroy': [
            {
                'name': 'invitation';
                'required': true;
            },
        ];
        'passport.token': [];
        'passport.authorizations.authorize': [];
        'passport.token.refresh': [];
        'passport.authorizations.approve': [];
        'passport.authorizations.deny': [];
        'passport.tokens.index': [];
        'passport.tokens.destroy': [
            {
                'name': 'token_id';
                'required': true;
            },
        ];
        'passport.clients.index': [];
        'passport.clients.store': [];
        'passport.clients.update': [
            {
                'name': 'client_id';
                'required': true;
            },
        ];
        'passport.clients.destroy': [
            {
                'name': 'client_id';
                'required': true;
            },
        ];
        'passport.scopes.index': [];
        'passport.personal.tokens.index': [];
        'passport.personal.tokens.store': [];
        'passport.personal.tokens.destroy': [
            {
                'name': 'token_id';
                'required': true;
            },
        ];
        'livewire.update': [];
        'livewire.upload-file': [];
        'livewire.preview-file': [
            {
                'name': 'filename';
                'required': true;
            },
        ];
        'ignition.healthCheck': [];
        'ignition.executeSolution': [];
        'ignition.updateConfig': [];
        'api.v1.organizations.show': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.organizations.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.users.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.users.invite-placeholder': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'user';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.projects.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.projects.show': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'project';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.projects.store': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.projects.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'project';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.projects.destroy': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'project';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.time-entries.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.time-entries.store': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.time-entries.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'timeEntry';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.time-entries.destroy': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'timeEntry';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tags.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tags.store': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tags.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'tag';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tags.destroy': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'tag';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.clients.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.clients.store': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.clients.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'client';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.clients.destroy': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'client';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tasks.index': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tasks.store': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tasks.update': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'task';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.tasks.destroy': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
            {
                'name': 'task';
                'required': true;
                'binding': 'id';
            },
        ];
        'api.v1.import.import': [
            {
                'name': 'organization';
                'required': true;
                'binding': 'id';
            },
        ];
        'dashboard': [];
        'telescope': [
            {
                'name': 'view';
                'required': false;
            },
        ];
        'api.': [
            {
                'name': 'fallbackPlaceholder';
                'required': true;
            },
        ];
    }
}
export {};


================================================
FILE: resources/js/ziggy.js
================================================
const Ziggy = {
    'url': 'http://solidtime.test',
    'port': null,
    'defaults': {},
    'routes': {
        'scramble.docs.index': {
            'uri': 'docs/api.json',
            'methods': ['GET', 'HEAD'],
        },
        'scramble.docs.api': { 'uri': 'docs/api', 'methods': ['GET', 'HEAD'] },
        'filament.exports.download': {
            'uri': 'filament/exports/{export}/download',
            'methods': ['GET', 'HEAD'],
            'parameters': ['export'],
            'bindings': { 'export': 'id' },
        },
        'filament.imports.failed-rows.download': {
            'uri': 'filament/imports/{import}/failed-rows/download',
            'methods': ['GET', 'HEAD'],
            'parameters': ['import'],
            'bindings': { 'import': 'id' },
        },
        'filament.admin.auth.logout': {
            'uri': 'admin/logout',
            'methods': ['POST'],
        },
        'filament.admin.pages.dashboard': {
            'uri': 'admin',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.clients.index': {
            'uri': 'admin/clients',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.clients.create': {
            'uri': 'admin/clients/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.clients.edit': {
            'uri': 'admin/clients/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.organizations.index': {
            'uri': 'admin/organizations',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.organizations.create': {
            'uri': 'admin/organizations/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.organizations.edit': {
            'uri': 'admin/organizations/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.projects.index': {
            'uri': 'admin/projects',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.projects.create': {
            'uri': 'admin/projects/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.projects.edit': {
            'uri': 'admin/projects/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.tags.index': {
            'uri': 'admin/tags',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.tags.create': {
            'uri': 'admin/tags/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.tags.edit': {
            'uri': 'admin/tags/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.tasks.index': {
            'uri': 'admin/tasks',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.tasks.create': {
            'uri': 'admin/tasks/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.tasks.edit': {
            'uri': 'admin/tasks/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.time-entries.index': {
            'uri': 'admin/time-entries',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.time-entries.create': {
            'uri': 'admin/time-entries/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.time-entries.edit': {
            'uri': 'admin/time-entries/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'filament.admin.resources.users.index': {
            'uri': 'admin/users',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.users.create': {
            'uri': 'admin/users/create',
            'methods': ['GET', 'HEAD'],
        },
        'filament.admin.resources.users.edit': {
            'uri': 'admin/users/{record}/edit',
            'methods': ['GET', 'HEAD'],
            'parameters': ['record'],
        },
        'login': { 'uri': 'login', 'methods': ['GET', 'HEAD'] },
        'logout': { 'uri': 'logout', 'methods': ['POST'] },
        'password.request': {
            'uri': 'forgot-password',
            'methods': ['GET', 'HEAD'],
        },
        'password.reset': {
            'uri': 'reset-password/{token}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['token'],
        },
        'password.email': { 'uri': 'forgot-password', 'methods': ['POST'] },
        'password.update': { 'uri': 'reset-password', 'methods': ['POST'] },
        'register': { 'uri': 'register', 'methods': ['GET', 'HEAD'] },
        'verification.notice': {
            'uri': 'email/verify',
            'methods': ['GET', 'HEAD'],
        },
        'verification.verify': {
            'uri': 'email/verify/{id}/{hash}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['id', 'hash'],
        },
        'verification.send': {
            'uri': 'email/verification-notification',
            'methods': ['POST'],
        },
        'user-profile-information.update': {
            'uri': 'user/profile-information',
            'methods': ['PUT'],
        },
        'user-password.update': { 'uri': 'user/password', 'methods': ['PUT'] },
        'password.confirmation': {
            'uri': 'user/confirmed-password-status',
            'methods': ['GET', 'HEAD'],
        },
        'password.confirm': {
            'uri': 'user/confirm-password',
            'methods': ['POST'],
        },
        'two-factor.login': {
            'uri': 'two-factor-challenge',
            'methods': ['GET', 'HEAD'],
        },
        'two-factor.enable': {
            'uri': 'user/two-factor-authentication',
            'methods': ['POST'],
        },
        'two-factor.confirm': {
            'uri': 'user/confirmed-two-factor-authentication',
            'methods': ['POST'],
        },
        'two-factor.disable': {
            'uri': 'user/two-factor-authentication',
            'methods': ['DELETE'],
        },
        'two-factor.qr-code': {
            'uri': 'user/two-factor-qr-code',
            'methods': ['GET', 'HEAD'],
        },
        'two-factor.secret-key': {
            'uri': 'user/two-factor-secret-key',
            'methods': ['GET', 'HEAD'],
        },
        'two-factor.recovery-codes': {
            'uri': 'user/two-factor-recovery-codes',
            'methods': ['GET', 'HEAD'],
        },
        'profile.show': { 'uri': 'user/profile', 'methods': ['GET', 'HEAD'] },
        'other-browser-sessions.destroy': {
            'uri': 'user/other-browser-sessions',
            'methods': ['DELETE'],
        },
        'current-user-photo.destroy': {
            'uri': 'user/profile-photo',
            'methods': ['DELETE'],
        },
        'current-user.destroy': { 'uri': 'user', 'methods': ['DELETE'] },
        'teams.create': { 'uri': 'teams/create', 'methods': ['GET', 'HEAD'] },
        'teams.store': { 'uri': 'teams', 'methods': ['POST'] },
        'teams.show': {
            'uri': 'teams/{team}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['team'],
        },
        'teams.update': {
            'uri': 'teams/{team}',
            'methods': ['PUT'],
            'parameters': ['team'],
        },
        'teams.destroy': {
            'uri': 'teams/{team}',
            'methods': ['DELETE'],
            'parameters': ['team'],
        },
        'current-team.update': { 'uri': 'current-team', 'methods': ['PUT'] },
        'team-members.store': {
            'uri': 'teams/{team}/members',
            'methods': ['POST'],
            'parameters': ['team'],
        },
        'team-members.update': {
            'uri': 'teams/{team}/members/{user}',
            'methods': ['PUT'],
            'parameters': ['team', 'user'],
        },
        'team-members.destroy': {
            'uri': 'teams/{team}/members/{user}',
            'methods': ['DELETE'],
            'parameters': ['team', 'user'],
        },
        'team-invitations.accept': {
            'uri': 'team-invitations/{invitation}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['invitation'],
        },
        'team-invitations.destroy': {
            'uri': 'team-invitations/{invitation}',
            'methods': ['DELETE'],
            'parameters': ['invitation'],
        },
        'passport.token': { 'uri': 'oauth/token', 'methods': ['POST'] },
        'passport.authorizations.authorize': {
            'uri': 'oauth/authorize',
            'methods': ['GET', 'HEAD'],
        },
        'passport.token.refresh': {
            'uri': 'oauth/token/refresh',
            'methods': ['POST'],
        },
        'passport.authorizations.approve': {
            'uri': 'oauth/authorize',
            'methods': ['POST'],
        },
        'passport.authorizations.deny': {
            'uri': 'oauth/authorize',
            'methods': ['DELETE'],
        },
        'passport.tokens.index': {
            'uri': 'oauth/tokens',
            'methods': ['GET', 'HEAD'],
        },
        'passport.tokens.destroy': {
            'uri': 'oauth/tokens/{token_id}',
            'methods': ['DELETE'],
            'parameters': ['token_id'],
        },
        'passport.clients.index': {
            'uri': 'oauth/clients',
            'methods': ['GET', 'HEAD'],
        },
        'passport.clients.store': {
            'uri': 'oauth/clients',
            'methods': ['POST'],
        },
        'passport.clients.update': {
            'uri': 'oauth/clients/{client_id}',
            'methods': ['PUT'],
            'parameters': ['client_id'],
        },
        'passport.clients.destroy': {
            'uri': 'oauth/clients/{client_id}',
            'methods': ['DELETE'],
            'parameters': ['client_id'],
        },
        'passport.scopes.index': {
            'uri': 'oauth/scopes',
            'methods': ['GET', 'HEAD'],
        },
        'passport.personal.tokens.index': {
            'uri': 'oauth/personal-access-tokens',
            'methods': ['GET', 'HEAD'],
        },
        'passport.personal.tokens.store': {
            'uri': 'oauth/personal-access-tokens',
            'methods': ['POST'],
        },
        'passport.personal.tokens.destroy': {
            'uri': 'oauth/personal-access-tokens/{token_id}',
            'methods': ['DELETE'],
            'parameters': ['token_id'],
        },
        'livewire.update': { 'uri': 'livewire/update', 'methods': ['POST'] },
        'livewire.upload-file': {
            'uri': 'livewire/upload-file',
            'methods': ['POST'],
        },
        'livewire.preview-file': {
            'uri': 'livewire/preview-file/{filename}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['filename'],
        },
        'ignition.healthCheck': {
            'uri': '_ignition/health-check',
            'methods': ['GET', 'HEAD'],
        },
        'ignition.executeSolution': {
            'uri': '_ignition/execute-solution',
            'methods': ['POST'],
        },
        'ignition.updateConfig': {
            'uri': '_ignition/update-config',
            'methods': ['POST'],
        },
        'api.v1.organizations.show': {
            'uri': 'api/v1/organizations/{organization}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.organizations.update': {
            'uri': 'api/v1/organizations/{organization}',
            'methods': ['PUT'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.users.index': {
            'uri': 'api/v1/organizations/{organization}/members',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.users.invite-placeholder': {
            'uri': 'api/v1/organizations/{organization}/members/{user}/invite-placeholder',
            'methods': ['POST'],
            'parameters': ['organization', 'user'],
            'bindings': { 'organization': 'id', 'user': 'id' },
        },
        'api.v1.projects.index': {
            'uri': 'api/v1/organizations/{organization}/projects',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.projects.show': {
            'uri': 'api/v1/organizations/{organization}/projects/{project}',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization', 'project'],
            'bindings': { 'organization': 'id', 'project': 'id' },
        },
        'api.v1.projects.store': {
            'uri': 'api/v1/organizations/{organization}/projects',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.projects.update': {
            'uri': 'api/v1/organizations/{organization}/projects/{project}',
            'methods': ['PUT'],
            'parameters': ['organization', 'project'],
            'bindings': { 'organization': 'id', 'project': 'id' },
        },
        'api.v1.projects.destroy': {
            'uri': 'api/v1/organizations/{organization}/projects/{project}',
            'methods': ['DELETE'],
            'parameters': ['organization', 'project'],
            'bindings': { 'organization': 'id', 'project': 'id' },
        },
        'api.v1.time-entries.index': {
            'uri': 'api/v1/organizations/{organization}/time-entries',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.time-entries.store': {
            'uri': 'api/v1/organizations/{organization}/time-entries',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.time-entries.update': {
            'uri': 'api/v1/organizations/{organization}/time-entries/{timeEntry}',
            'methods': ['PUT'],
            'parameters': ['organization', 'timeEntry'],
            'bindings': { 'organization': 'id', 'timeEntry': 'id' },
        },
        'api.v1.time-entries.destroy': {
            'uri': 'api/v1/organizations/{organization}/time-entries/{timeEntry}',
            'methods': ['DELETE'],
            'parameters': ['organization', 'timeEntry'],
            'bindings': { 'organization': 'id', 'timeEntry': 'id' },
        },
        'api.v1.tags.index': {
            'uri': 'api/v1/organizations/{organization}/tags',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.tags.store': {
            'uri': 'api/v1/organizations/{organization}/tags',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.tags.update': {
            'uri': 'api/v1/organizations/{organization}/tags/{tag}',
            'methods': ['PUT'],
            'parameters': ['organization', 'tag'],
            'bindings': { 'organization': 'id', 'tag': 'id' },
        },
        'api.v1.tags.destroy': {
            'uri': 'api/v1/organizations/{organization}/tags/{tag}',
            'methods': ['DELETE'],
            'parameters': ['organization', 'tag'],
            'bindings': { 'organization': 'id', 'tag': 'id' },
        },
        'api.v1.clients.index': {
            'uri': 'api/v1/organizations/{organization}/clients',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.clients.store': {
            'uri': 'api/v1/organizations/{organization}/clients',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.clients.update': {
            'uri': 'api/v1/organizations/{organization}/clients/{client}',
            'methods': ['PUT'],
            'parameters': ['organization', 'client'],
            'bindings': { 'organization': 'id', 'client': 'id' },
        },
        'api.v1.clients.destroy': {
            'uri': 'api/v1/organizations/{organization}/clients/{client}',
            'methods': ['DELETE'],
            'parameters': ['organization', 'client'],
            'bindings': { 'organization': 'id', 'client': 'id' },
        },
        'api.v1.tasks.index': {
            'uri': 'api/v1/organizations/{organization}/tasks',
            'methods': ['GET', 'HEAD'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.tasks.store': {
            'uri': 'api/v1/organizations/{organization}/tasks',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'api.v1.tasks.update': {
            'uri': 'api/v1/organizations/{organization}/tasks/{task}',
            'methods': ['PUT'],
            'parameters': ['organization', 'task'],
            'bindings': { 'organization': 'id', 'task': 'id' },
        },
        'api.v1.tasks.destroy': {
            'uri': 'api/v1/organizations/{organization}/tasks/{task}',
            'methods': ['DELETE'],
            'parameters': ['organization', 'task'],
            'bindings': { 'organization': 'id', 'task': 'id' },
        },
        'api.v1.import.import': {
            'uri': 'api/v1/organizations/{organization}/import',
            'methods': ['POST'],
            'parameters': ['organization'],
            'bindings': { 'organization': 'id' },
        },
        'dashboard': { 'uri': 'dashboard', 'methods': ['GET', 'HEAD'] },
        'telescope': {
            'uri': 'telescope/{view?}',
            'methods': ['GET', 'HEAD'],
            'wheres': { 'view': '(.*)' },
            'parameters': ['view'],
        },
        'api.': {
            'uri': 'api/{fallbackPlaceholder}',
            'methods': ['GET', 'HEAD'],
            'wheres': { 'fallbackPlaceholder': '.*' },
            'parameters': ['fallbackPlaceholder'],
        },
    },
};
if (typeof window !== 'undefined' && typeof window.Ziggy !== 'undefined') {
    Object.assign(Ziggy.routes, window.Ziggy.routes);
}
export { Ziggy };


================================================
FILE: resources/markdown/policy.md
================================================
# Privacy Policy

Edit this file to define the privacy policy for your application.


================================================
FILE: resources/markdown/terms.md
================================================
# Terms of Service

Edit this file to define the terms of service for your application.


================================================
FILE: resources/testfiles/clockify_projects_import_test_1.csv
================================================
"Project","Client","Status","Visibility","Billability","Task","Tracked (h)","Estimated (h)","Remaining (h)","Overage (h)","Progress(%)","Billable (h)","Non-billable (h)","Billable Rate (USD)","Amount (USD)","Project members","Project manager","Note"
"Project for Big Company","Big Company","Active","Public","Yes","Task 1, Task 2, Task 3","0.00","1001.11","","","","0.00","0.00","100.01","0.00","Constantin Graf","",""
"Project without Client","","Active","Public","Yes","","0.00","","","","","0.00","0.00","","0.00","Constantin Graf","",""


================================================
FILE: resources/testfiles/clockify_time_entries_import_test_1.csv
================================================
"Project","Client","Description","Task","User","Group","Email","Tags","Billable","Start Date","Start Time","End Date","End Time","Duration (h)","Duration (decimal)","Billable Rate (USD)","Billable Amount (USD)"
"Project without Client","","","","Peter Tester","","peter.test@email.test","Development, Backend","No","03/04/2024","10:23:52 AM","03/04/2024","10:23:52 AM","00:00:00","0.00","0.00","0.00"
"Project for Big Company","Big Company","Working hard","Task 1","Peter Tester","","peter.test@email.test","","Yes","03/04/2024","10:23 AM","03/04/2024","11:23:01 AM","01:00:01","0.00","0.00","0.00"


================================================
FILE: resources/testfiles/clockify_time_entries_import_test_2.csv
================================================
"Project","Client","Description","Task","User","Group","Email","Tags","Type","Billable","Invoiced","Invoice ID","Start Date","Start Time","End Date","End Time","Duration (h)","Duration (decimal)","Billable Rate (EUR)","Billable Amount (EUR)","Date of creation"
"Real World Project","Real World Client","\\ 🔥 Special characters  ''''''`!@#$%^&*()_+\-=\[\]{};':''\\|,.''<>\/?~ \\\","A giant task","Peter Tester","Group1, Group2","peter.test@email.test","","Regular","Yes","Yes","Invoice100","10/15/2024","11:00:00 AM","10/15/2024","11:30:00 AM","00:30:00","0.50","1000.00","500.00","10/15/2024"


================================================
FILE: resources/testfiles/clockify_time_entries_import_test_3.csv
================================================
"Project","Client","Description","Task","User","Group","Email","Tags","Type","Billable","Invoiced","Invoice ID","Start Date","Start Time","End Date","End Time","Duration (h)","Duration (decimal)","Billable Rate (EUR)","Billable Amount (EUR)","Date of creation"
"Real World Project","Real World Client","\\ 🔥 Special characters  ''''''`!@#$%^&*()_+\-=\[\]{};':''\\|,.''<>\/?~ \\\","A giant task","Peter Tester","Group1, Group2","peter.test@email.test","","Regular","Yes","Yes","Invoice100","13/15/2024","11:00:00 AM","10/15/2024","11:30:00 AM","00:30:00","0.50","1000.00","500.00","10/15/2024"


================================================
FILE: resources/testfiles/generic_projects_import_test_1.csv
================================================
name,color,billable_rate,is_public,client,billable_default,estimated_time,archived_at
"Project for Big Company",,10001,false,"Big Company",true,,
"Project without Client",#ef5350,,false,,false,1000,
"Project (Archived)",#6a407f,,true,"Some client",true,0,2024-08-25T10:00:00Z


================================================
FILE: resources/testfiles/generic_time_entries_import_test_1.csv
================================================
description,billable,client,project,tags,start,end,task,user_name,user_email
"","false","","Project without Client","Development, Backend","2024-03-04T09:23:52Z","2024-03-04T09:23:52Z","","Peter Tester","peter.test@email.test"
"Working hard","true","Big Company","Project for Big Company","","2024-03-04T09:23:00Z","2024-03-04T10:23:01Z","Task 1","Peter Tester","peter.test@email.test"


================================================
FILE: resources/testfiles/harvest_clients_import_test_1.csv
================================================
Client Name,Address
Example Client,""
"\\ 🔥 Special characters  """"""`!@#$%^&*()_+\-=\[\]{};':""\\|,.''<>\/?~ \\\",""


================================================
FILE: resources/testfiles/harvest_projects_import_test_1.csv
================================================
Client,Project,Project Code,Start Date,End Date,Project Notes,Total Hours,Billable Hours,Billable Amount,Budget By,Budget,Budget Spent,Budget Remaining,Total Costs,Team Costs,Expenses
Example Client,Example Project,,"","",This is an example project to help you trial Harvest. You can track time to this project and see what insights you can get from our reports! Feel free to make any edits you want to this project or even delete it.,"20,01","20,01","2.001,0",Hours,"50,0","20,01","29,99","0,0","0,0","0,0"
"\\ 🔥 Special characters client """"""`!@#$%^&*()_+\-=\[\]{};':""\\|,.''<>\/?~ \\\","\\ 🔥 Special characters project """"""`!@#$%^&*()_+\-=\[\]{};':""\\|,.''<>\/?~ \\\",,"","",,"0,0","0,0","0,0",Hours,"0,0","0,0","50,0","0,0","0,0","0,0"


================================================
FILE: resources/testfiles/harvest_time_entries_import_test_1.csv
================================================
Date,Client,Project,Project Code,Task,Notes,Hours,Billable?,Invoiced?,Approved?,First Name,Last Name,Roles,Employee?,Billable Rate,Billable Amount,Cost Rate,Cost Amount,Currency,External Reference URL
2024-03-04,,Project without Client,,,"","20,0",No,No,No,Peter,Tester,,Yes,"100,0","2.000,0","0,0","0,0",Euro - EUR,
2024-03-04,Big Company,Project for Big Company,,Task 1,Working hard,"0,01",Yes,No,No,Peter,Tester,,Yes,"100,0","1,0","0,0","0,0",Euro - EUR,


================================================
FILE: resources/testfiles/solidtime_import_test_1/clients.csv
================================================
id,name,organization_id,archived_at,created_at,updated_at
b4187a44-41f4-46d7-8460-f15a25b3aad6,"Big Company",ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
e5a4d8f5-81ae-4606-8e84-6ab1ffa58b72,"Other Company (Archived)",ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/members.csv
================================================
id,user_id,name,email,organization_id,billable_rate,role,created_at,updated_at
06e6e605-86bd-417b-b75d-02f671e5d520,0446cdd8-3ad1-43d6-9231-9e0dc4eeb71c,"Peter Tester",peter.test@email.test,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,,admin,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/meta.json
================================================
{"id":"d6a324ee-58d5-4096-8069-c63bd55608f7","version":"1.0","organizations":["ee5a8cd6-312f-4ae6-b044-e2014f09ecc2"],"exported_at":"2024-08-26T18:21:59Z"}

================================================
FILE: resources/testfiles/solidtime_import_test_1/organization_invitations.csv
================================================
id,email,organization_id,role,created_at,updated_at


================================================
FILE: resources/testfiles/solidtime_import_test_1/organizations.csv
================================================
id,name,billable_rate,currency,created_at,updated_at
ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,"ACME Corp",,EUR,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/project_members.csv
================================================
id,billable_rate,project_id,user_id,member_id,created_at,updated_at
180a1a98-2f1c-4596-86e4-63a6be0d7b1d,10002,06e79ec4-33f8-4730-804c-d03c014991d1,0446cdd8-3ad1-43d6-9231-9e0dc4eeb71c,06e6e605-86bd-417b-b75d-02f671e5d520,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/projects.csv
================================================
id,name,color,billable_rate,is_public,client_id,organization_id,is_billable,archived_at,created_at,updated_at
06e79ec4-33f8-4730-804c-d03c014991d1,"Project for Big Company",#ec407a,10001,false,b4187a44-41f4-46d7-8460-f15a25b3aad6,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,true,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
622c74a9-7e64-44c2-9426-2a37ac738206,"Project without Client",#ef5350,,false,,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,false,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
aa831162-dbb2-4cfe-bfe0-5e3a252c66f0,"Project (Archived)",#6a407f,,true,e5a4d8f5-81ae-4606-8e84-6ab1ffa58b72,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,true,2024-08-25T10:00:00Z,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/tags.csv
================================================
id,name,organization_id,created_at,updated_at
2c5c2da7-9ef8-4410-bb8f-6e0a90f9d2c7,Development,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
bf6c0ac5-2587-474b-8983-40bb3ea8002f,Backend,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/tasks.csv
================================================
id,name,project_id,organization_id,done_at,created_at,updated_at
b49688a0-94f3-4cb3-9ca1-5003de955fb0,"Task 1",06e79ec4-33f8-4730-804c-d03c014991d1,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
b49688a0-94f3-4cb3-9ca1-5003de955fb0,"Task 2",06e79ec4-33f8-4730-804c-d03c014991d1,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,2024-08-24T10:00:00Z,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/solidtime_import_test_1/time_entries.csv
================================================
id,description,start,end,billable_rate,billable,member_id,user_id,organization_id,client_id,project_id,task_id,tags,is_imported,still_active_email_sent_at,created_at,updated_at
00aae3be-18fc-462d-bee4-350fb605b2f3,,2024-03-04T09:23:52Z,2024-03-04T09:23:52Z,,false,06e6e605-86bd-417b-b75d-02f671e5d520,0446cdd8-3ad1-43d6-9231-9e0dc4eeb71c,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,,,,"[""2c5c2da7-9ef8-4410-bb8f-6e0a90f9d2c7"",""bf6c0ac5-2587-474b-8983-40bb3ea8002f""]",false,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z
1c7a905d-aa12-4d08-bc41-7e92577e7cdf,"Working hard",2024-03-04T09:23:00Z,2024-03-04T10:23:01Z,,true,06e6e605-86bd-417b-b75d-02f671e5d520,0446cdd8-3ad1-43d6-9231-9e0dc4eeb71c,ee5a8cd6-312f-4ae6-b044-e2014f09ecc2,b4187a44-41f4-46d7-8460-f15a25b3aad6,06e79ec4-33f8-4730-804c-d03c014991d1,b49688a0-94f3-4cb3-9ca1-5003de955fb0,[],false,,2024-08-22T10:36:48Z,2024-08-22T10:36:48Z


================================================
FILE: resources/testfiles/toggl_data_import_test_1/clients.json
================================================
[
    {
        "archived": false,
        "creator_id": 201,
        "id": 301,
        "name": "Big Company",
        "wid": 0
    },
    {
        "archived": true,
        "creator_id": 201,
        "id": 302,
        "name": "Other Company (Archived)",
        "wid": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/projects.json
================================================
[
    {
        "active": true,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": false,
        "cid": null,
        "client_id": null,
        "color": "#ef5350",
        "currency": "EUR",
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 401,
        "is_private": true,
        "name": "Project without Client",
        "rate": null,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    },
    {
        "active": true,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": true,
        "cid": 301,
        "client_id": 301,
        "color": "#ec407a",
        "currency": null,
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 402,
        "is_private": true,
        "name": "Project for Big Company",
        "rate": 100.01,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    },
    {
        "active": false,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": true,
        "cid": 302,
        "client_id": 302,
        "color": "#6a407f",
        "currency": null,
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 403,
        "is_private": false,
        "name": "Project (Archived)",
        "rate": null,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/projects_users/401.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/projects_users/402.json
================================================
[
    {
        "gid": null,
        "group_id": null,
        "id": 801,
        "labour_cost": null,
        "manager": true,
        "project_id": 402,
        "rate": 100.02,
        "rate_last_updated": null,
        "user_id": 2001,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/projects_users/403.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/tags.json
================================================
[
    {
        "creator_id": 0,
        "id": 501,
        "name": "Development",
        "workspace_id": 0
    },
    {
        "creator_id": 0,
        "id": 502,
        "name": "Backend",
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/tasks/401.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/tasks/402.json
================================================
[
    {
        "active": true,
        "estimated_seconds": 0,
        "id": 601,
        "name": "Task 1",
        "project_id": 402,
        "recurring": false,
        "tracked_seconds": 0,
        "user_id": null,
        "workspace_id": 0
    },
    {
        "active": false,
        "estimated_seconds": 0,
        "id": 602,
        "name": "Task 2",
        "project_id": 403,
        "recurring": false,
        "tracked_seconds": 0,
        "user_id": null,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/tasks/403.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_1/workspace_users.json
================================================
[
    {
        "active": true,
        "admin": true,
        "email": "peter.test@email.test",
        "group_ids": [],
        "id": 201,
        "inactive": false,
        "labour_cost": null,
        "name": "Peter Tester",
        "rate": null,
        "rate_last_updated": null,
        "role": "admin",
        "timezone": "Europe/Vienna",
        "uid": 2001,
        "wid": 0,
        "working_hours_in_minutes": null
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/clients.json
================================================
[
    {
        "archived": false,
        "creator_id": 201,
        "id": 301,
        "name": "Big Company",
        "wid": 0
    },
    {
        "archived": true,
        "creator_id": 201,
        "id": 302,
        "name": "Other Company (Archived)",
        "wid": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/projects.json
================================================
[
    {
        "active": true,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": false,
        "cid": null,
        "client_id": null,
        "color": "#ef5350",
        "currency": "EUR",
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 401,
        "is_private": true,
        "name": "Project without Client",
        "rate": null,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    },
    {
        "active": true,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": true,
        "cid": 301,
        "client_id": 301,
        "color": "#ec407a",
        "currency": null,
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 402,
        "is_private": true,
        "name": "Project for Big Company",
        "rate": 100.01,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    },
    {
        "active": false,
        "actual_hours": null,
        "actual_seconds": null,
        "auto_estimates": false,
        "billable": true,
        "cid": 302,
        "client_id": 302,
        "color": "#6a407f",
        "currency": null,
        "estimated_hours": null,
        "estimated_seconds": null,
        "fixed_fee": null,
        "guid": "",
        "id": 403,
        "is_private": false,
        "name": "Project (Archived)",
        "rate": null,
        "rate_last_updated": null,
        "recurring": false,
        "recurring_parameters": null,
        "start_date": "2020-01-01",
        "status": "active",
        "template": false,
        "template_id": null,
        "wid": 0,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/projects_users/401.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/projects_users/402.json
================================================
[
    {
        "gid": null,
        "group_id": null,
        "id": 801,
        "labour_cost": null,
        "manager": true,
        "project_id": 402,
        "rate": 100.02,
        "rate_last_updated": null,
        "user_id": 2001,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/projects_users/403.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/tags.json
================================================
[
    {
        "creator_id": 0,
        "id": 501,
        "name": "Development",
        "workspace_id": 0
    },
    {
        "creator_id": 0,
        "id": 502,
        "name": "Backend",
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/tasks/401.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/tasks/402.json
================================================
[
    {
        "active": true,
        "estimated_seconds": 0,
        "id": 601,
        "name": "Task 1",
        "project_id": 402,
        "recurring": false,
        "tracked_seconds": 0,
        "user_id": null,
        "workspace_id": 0
    },
    {
        "active": false,
        "estimated_seconds": 0,
        "id": 602,
        "name": "Task 2",
        "project_id": 403,
        "recurring": false,
        "tracked_seconds": 0,
        "user_id": null,
        "workspace_id": 0
    }
]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/tasks/403.json
================================================
[]


================================================
FILE: resources/testfiles/toggl_data_import_test_2/workspace_users.json
================================================
[
    {
        "active": true,
        "admin": true,
        "email": "peter.test@email.test",
        "group_ids": [],
        "id": 201,
        "inactive": false,
        "labour_cost": null,
        "name": "Peter Tester",
        "rate": null,
        "rate_last_updated": null,
        "role": "admin",
        "timezone": "Etc/UTC",
        "uid": 2001,
        "wid": 0,
        "working_hours_in_minutes": null
    }
]


================================================
FILE: resources/testfiles/toggl_time_entries_import_test_1.csv
================================================
User,Email,Client,Project,Task,Description,Billable,Start date,Start time,End date,End time,Duration,Tags,Amount (EUR)
Peter Tester,peter.test@email.test,,Project without Client,,"",No,2024-03-04,10:23:52,2024-03-04,10:23:52,00:00:00,"Development, Backend",
Peter Tester,peter.test@email.test,Big Company,Project for Big Company,Task 1,Working hard,Yes,2024-03-04,10:23:00,2024-03-04,11:23:01,01:00:01,,111.11


================================================
FILE: resources/testfiles/toggl_time_entries_import_test_2.csv
================================================
"User","Email","Client","Project","Task","Description","Billable","Start date","Start time","End date","End time","Duration","Tags"
"Peter Tester","peter.test@email.test","Real World Client","Real World Project","A giant task","\\ 🔥 Special characters  """"""`!@#$%^&*()_+\-=\[\]{};':""\\|,.''<>\/?~ \\\","No","2024-10-15","12:02:17","2024-10-15","12:02:19","00:00:02",""


================================================
FILE: resources/views/app.blade.php
================================================
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <title inertia>{{ config('app.name', 'Laravel') }}</title>

        <!-- Favicons -->
        <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
        <link rel="manifest" href="/favicons/site.webmanifest">
        <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#000000">
        <link rel="shortcut icon" href="/favicons/favicon.ico">
        <meta name="msapplication-TileColor" content="#000000">
        <meta name="msapplication-config" content="/favicons/browserconfig.xml">
        <meta name="theme-color" content="#000000">

        <!-- Scripts -->
        @routes
        @vite(array_filter(\Nwidart\Modules\Module::getAssets(), fn($asset) => $asset !== 'resources/css/filament/admin/theme.css'))
        @inertiaHead
    </head>
    <body class="font-sans antialiased">
        @inertia
    </body>
</html>


================================================
FILE: resources/views/auth/oauth/authorize.blade.php
================================================
<!DOCTYPE html>
<html lang="en" class="light">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>{{ config('app.name') }} - Authorization</title>
    @vite('resources/css/app.css')
    <script>
        // Theme evaluation script - similar to theme.ts
        (function() {
            // Get theme setting from localStorage, default to 'system'
            const themeSetting = localStorage.getItem('theme') || 'system';

            // Get user's preferred color scheme
            const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

            // Determine current theme
            let currentTheme;
            if (themeSetting === 'system') {
                // If user has no preference, default to dark (matching theme.ts logic)
                currentTheme = preferredColorScheme === 'no-preference' ? 'dark' : preferredColorScheme;
            } else {
                currentTheme = themeSetting;
            }

            // Apply theme class to html element
            document.documentElement.classList.remove('light', 'dark');
            document.documentElement.classList.add(currentTheme);

            // Listen for changes in color scheme preference
            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function(e) {
                if (localStorage.getItem('theme') === 'system') {
                    const newTheme = e.matches ? 'dark' : 'light';
                    document.documentElement.classList.remove('light', 'dark');
                    document.documentElement.classList.add(newTheme);
                }
            });

            // Listen for localStorage changes (in case theme is changed in another tab)
            window.addEventListener('storage', function(e) {
                if (e.key === 'theme') {
                    const newThemeSetting = e.newValue || 'system';
                    let newTheme;

                    if (newThemeSetting === 'system') {
                        const preferredColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
                        newTheme = preferredColorScheme === 'no-preference' ? 'dark' : preferredColorScheme;
                    } else {
                        newTheme = newThemeSetting;
                    }

                    document.documentElement.classList.remove('light', 'dark');
                    document.documentElement.classList.add(newTheme);
                }
            });
        })();
    </script>
</head>
<body class="passport-authorize">
<div
    class="min-h-screen flex flex-col sm:justify-center items-center pt-6 sm:pt-0 bg-default-background">
    <div>
        <svg
            class="h-12 py-2 fill-text-primary"
            viewBox="0 0 168 30"
            fill="none"
            xmlns="http://www.w3.org/2000/svg">
            <path
                d="M54.4081 6.78783C55.0812 7.46093 55.9225 7.79748 56.9322 7.79748C57.9936 7.79748 58.8479 7.46093 59.4951 6.78783C60.1682 6.08885 60.5048 5.22159 60.5048 4.18606C60.5048 3.17642 60.1682 2.3221 59.4951 1.62312C58.8479 0.924138 57.9936 0.574646 56.9322 0.574646C55.9225 0.574646 55.0812 0.924138 54.4081 1.62312C53.735 2.3221 53.3984 3.17642 53.3984 4.18606C53.3984 5.22159 53.735 6.08885 54.4081 6.78783Z" />
            <path
                d="M158.028 29.4272C155.905 29.4272 154.028 29.0129 152.397 28.1845C150.766 27.3302 149.485 26.1523 148.553 24.6508C147.621 23.1492 147.155 21.4277 147.155 19.4861C147.155 17.5703 147.608 15.8746 148.514 14.399C149.42 12.8975 150.65 11.7196 152.203 10.8653C153.782 9.98505 155.556 9.54495 157.523 9.54495C159.439 9.54495 161.134 9.95916 162.61 10.7876C164.112 11.5901 165.277 12.7163 166.105 14.166C166.959 15.5899 167.386 17.2208 167.386 19.0589C167.386 19.4472 167.361 19.8485 167.309 20.2627C167.283 20.651 167.205 21.1041 167.076 21.6218L150.339 21.6995V17.3503L164.396 17.2338L161.367 19.1366C161.342 18.0751 161.186 17.2079 160.901 16.5348C160.617 15.8358 160.202 15.3051 159.659 14.9427C159.115 14.5802 158.429 14.399 157.601 14.399C156.746 14.399 156.009 14.6061 155.387 15.0203C154.766 15.4345 154.287 16.017 153.95 16.7678C153.614 17.5185 153.446 18.4246 153.446 19.4861C153.446 20.5734 153.627 21.5053 153.989 22.282C154.352 23.0327 154.869 23.6023 155.543 23.9906C156.216 24.3789 157.044 24.5731 158.028 24.5731C158.96 24.5731 159.775 24.4178 160.474 24.1071C161.199 23.7964 161.846 23.3175 162.416 22.6703L165.95 26.2041C165.018 27.2655 163.879 28.068 162.532 28.6117C161.212 29.1553 159.711 29.4272 158.028 29.4272Z" />
            <path
                d="M114.306 29V10.0109H121.063V29H114.306ZM126.228 29V18.0104C126.228 17.2079 125.982 16.5866 125.49 16.1465C124.998 15.6805 124.39 15.4475 123.665 15.4475C123.147 15.4475 122.694 15.551 122.306 15.7581C121.917 15.9652 121.607 16.263 121.374 16.6513C121.167 17.0137 121.063 17.4668 121.063 18.0104L118.422 16.9619C118.422 15.4345 118.759 14.1272 119.432 13.0399C120.105 11.9526 121.011 11.1112 122.15 10.5158C123.289 9.92034 124.584 9.62262 126.034 9.62262C127.328 9.62262 128.493 9.93328 129.528 10.5546C130.59 11.15 131.431 11.9914 132.053 13.0787C132.674 14.166 132.985 15.4475 132.985 16.9231V29H126.228ZM138.149 29V18.0104C138.149 17.2079 137.903 16.5866 137.411 16.1465C136.92 15.6805 136.311 15.4475 135.586 15.4475C135.094 15.4475 134.641 15.551 134.227 15.7581C133.839 15.9652 133.528 16.263 133.295 16.6513C133.088 17.0137 132.985 17.4668 132.985 18.0104L129.024 17.8163C129.075 16.1076 129.451 14.6449 130.15 13.4282C130.849 12.2114 131.807 11.2795 133.023 10.6323C134.266 9.95917 135.664 9.62262 137.217 9.62262C138.693 9.62262 140.013 9.93328 141.178 10.5546C142.343 11.1759 143.249 12.082 143.896 13.2729C144.57 14.4378 144.906 15.8358 144.906 17.4668V29H138.149Z" />
            <path d="M103.573 29V10.011H110.369V29H103.573Z" />
            <path
                d="M104.428 6.78783C105.101 7.46093 105.942 7.79748 106.952 7.79748C108.013 7.79748 108.867 7.46093 109.515 6.78783C110.188 6.08885 110.524 5.22159 110.524 4.18606C110.524 3.17642 110.188 2.3221 109.515 1.62312C108.867 0.924138 108.013 0.574646 106.952 0.574646C105.942 0.574646 105.101 0.924138 104.428 1.62312C103.755 2.3221 103.418 3.17642 103.418 4.18606C103.418 5.22159 103.755 6.08885 104.428 6.78783Z" />
            <path
                d="M90.2867 29V2.16681H97.0435V29H90.2867ZM86.0928 15.6417V10.011H101.237V15.6417H86.0928Z" />
            <path
                d="M72.4414 29.3883C70.6033 29.3883 68.9853 28.9612 67.5873 28.1068C66.1893 27.2525 65.0891 26.0876 64.2866 24.6119C63.5099 23.1104 63.1216 21.4147 63.1216 19.5249C63.1216 17.6091 63.5099 15.9005 64.2866 14.399C65.0891 12.8975 66.1764 11.7325 67.5485 10.9041C68.9464 10.0498 70.5774 9.62262 72.4414 9.62262C73.6322 9.62262 74.7454 9.84267 75.781 10.2828C76.8165 10.697 77.6837 11.2924 78.3827 12.0691C79.0817 12.8457 79.4959 13.7259 79.6254 14.7097V23.9906C79.4959 24.9744 79.0817 25.8805 78.3827 26.7089C77.6837 27.5373 76.8165 28.1975 75.781 28.6893C74.7454 29.1553 73.6322 29.3883 72.4414 29.3883ZM73.6452 23.3693C74.3959 23.3693 75.0431 23.214 75.5868 22.9033C76.1304 22.5668 76.5576 22.1137 76.8683 21.5442C77.2048 20.9487 77.3731 20.2627 77.3731 19.4861C77.3731 18.7353 77.2177 18.0751 76.9071 17.5056C76.5964 16.9361 76.1563 16.483 75.5868 16.1465C75.0431 15.8099 74.4089 15.6416 73.684 15.6416C72.9591 15.6416 72.3119 15.8099 71.7424 16.1465C71.1987 16.483 70.7586 16.949 70.4221 17.5444C70.1114 18.114 69.9561 18.7612 69.9561 19.4861C69.9561 20.2368 70.1114 20.9099 70.4221 21.5053C70.7327 22.0749 71.1728 22.5279 71.7424 22.8645C72.3119 23.201 72.9462 23.3693 73.6452 23.3693ZM83.7416 29H77.1012V23.9129L78.0721 19.2531L76.9848 14.6708V0.691162H83.7416V29Z" />
            <path d="M53.5537 29V10.011H60.3494V29H53.5537Z" />
            <path d="M42.8608 29V0.691162H49.6177V29H42.8608Z" />
            <path
                d="M29.6176 29.4272C27.5724 29.4272 25.7473 29 24.1423 28.1457C22.5631 27.2655 21.3075 26.0746 20.3755 24.5731C19.4435 23.0457 18.9775 21.3371 18.9775 19.4472C18.9775 17.5574 19.4306 15.8746 20.3367 14.399C21.2687 12.8975 22.5372 11.7196 24.1423 10.8653C25.7473 9.98505 27.5595 9.54495 29.5788 9.54495C31.5981 9.54495 33.3973 9.98505 34.9765 10.8653C36.5816 11.7196 37.8501 12.8975 38.7821 14.399C39.714 15.8746 40.18 17.5574 40.18 19.4472C40.18 21.3371 39.714 23.0457 38.7821 24.5731C37.876 26.0746 36.6204 27.2655 35.0153 28.1457C33.4361 29 31.6369 29.4272 29.6176 29.4272ZM29.5788 23.4081C30.3295 23.4081 30.9768 23.2528 31.5204 22.9421C32.09 22.6056 32.5301 22.1396 32.8407 21.5442C33.1514 20.9487 33.3067 20.2627 33.3067 19.4861C33.3067 18.7094 33.1384 18.0363 32.8019 17.4668C32.4912 16.8713 32.0641 16.4183 31.5204 16.1076C30.9768 15.7711 30.3295 15.6028 29.5788 15.6028C28.8539 15.6028 28.2067 15.7711 27.6372 16.1076C27.0676 16.4442 26.6275 16.9102 26.3169 17.5056C26.0062 18.0751 25.8509 18.7482 25.8509 19.5249C25.8509 20.2756 26.0062 20.9487 26.3169 21.5442C26.6275 22.1396 27.0676 22.6056 27.6372 22.9421C28.2067 23.2528 28.8539 23.4081 29.5788 23.4081Z" />
            <path
                d="M9.20323 29.5437C8.03825 29.5437 6.88622 29.3883 5.74714 29.0777C4.63394 28.767 3.58547 28.3528 2.60172 27.835C1.64385 27.2914 0.828369 26.6701 0.155273 25.9711L3.84435 22.2043C4.46567 22.8515 5.20349 23.3564 6.0578 23.7188C6.938 24.0812 7.86998 24.2624 8.85373 24.2624C9.42328 24.2624 9.85043 24.1848 10.1352 24.0295C10.4459 23.8741 10.6012 23.6541 10.6012 23.3693C10.6012 22.9551 10.3811 22.6444 9.94104 22.4373C9.52683 22.2043 8.97023 22.0102 8.27125 21.8548C7.59815 21.6736 6.88623 21.4665 6.13547 21.2335C5.38471 20.9746 4.65983 20.6381 3.96085 20.2239C3.26187 19.8097 2.69232 19.2272 2.25222 18.4764C1.83801 17.7257 1.63091 16.7678 1.63091 15.6028C1.63091 14.3861 1.95451 13.3247 2.60172 12.4186C3.27481 11.4866 4.20679 10.7617 5.39765 10.2439C6.58851 9.70029 7.98648 9.42847 9.59155 9.42847C11.2225 9.42847 12.7758 9.71324 14.2514 10.2828C15.7271 10.8264 16.9179 11.6549 17.824 12.7681L14.0961 16.5348C13.4748 15.8358 12.7888 15.3569 12.038 15.098C11.2872 14.8132 10.6012 14.6708 9.97987 14.6708C9.38444 14.6708 8.95729 14.7615 8.6984 14.9427C8.43952 15.098 8.31008 15.318 8.31008 15.6028C8.31008 15.9394 8.51719 16.2112 8.9314 16.4183C9.3715 16.6254 9.9281 16.8196 10.6012 17.0008C11.3002 17.1561 12.0121 17.3632 12.737 17.6221C13.4877 17.881 14.1997 18.2434 14.8728 18.7094C15.5717 19.1495 16.1283 19.7449 16.5426 20.4957C16.9827 21.2465 17.2027 22.2173 17.2027 23.4081C17.2027 25.298 16.4778 26.7995 15.0281 27.9127C13.5783 29 11.6367 29.5437 9.20323 29.5437Z" />
        </svg>
    </div>

    <div
        class="w-full sm:max-w-md mt-6 px-6 py-4 bg-card-background shadow-md border border-card-border overflow-hidden sm:rounded-lg">

        <!-- Introduction -->
        <p class="text-center pb-4 text-text-primary"><strong class="text-text-primary">{{ $client->name }}</strong> is requesting permission
            to access your
            account.</p>

        <!-- Scope List -->
        @if (count($scopes) > 0)
            <div class="pb-4">
                <p class="text-text-primary"><strong>This application will be able to:</strong></p>

                <ul class="list-disc pl-5 py-2 text-text-primary">
                    @foreach ($scopes as $scope)
                        <li>{{ $scope->description }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="flex flex-col sm:flex-row sm:space-x-5 space-x-0 space-y-3 sm:space-y-0">
            <!-- Authorize Button -->
            <form method="post" class="flex-1" action="{{ route('passport.authorizations.approve') }}">
                @csrf

                <input type="hidden" name="state" value="{{ $request->state }}">
                <input type="hidden" name="client_id" value="{{ $client->getKey() }}">
                <input type="hidden" name="auth_token" value="{{ $authToken }}">
                <button type="submit"
                        class="w-full text-center items-center px-2 sm:px-3 py-2 bg-accent-300/10 border border-accent-300/20 rounded-md font-semibold text-xs sm:text-sm text-text-primary hover:bg-accent-300/20 active:bg-accent-300/20 focus:outline-none focus:ring-2 focus:ring-accent-300 focus:ring-offset-2 transition ease-in-out duration-150">
                    Authorize
                </button>
            </form>

            <!-- Cancel Button -->
            <form method="post" class="flex-1" action="{{ route('passport.authorizations.deny') }}">
                @csrf
                @method('DELETE')

                <input type="hidden" name="state" value="{{ $request->state }}">
                <input type="hidden" name="client_id" value="{{ $client->getKey() }}">
                <input type="hidden" name="auth_token" value="{{ $authToken }}">
                <button
                    class="w-full text-center text-xs sm:text-sm px-2 sm:px-3 py-2 bg-button-secondary-background border border-button-secondary-border hover:bg-button-secondary-background-hover shadow-sm transition text-text-primary rounded-lg font-medium items-center space-x-1.5 focus-visible:border-input-border-active focus:outline-none focus:ring-0 disabled:opacity-25 ease-in-out">
                    Cancel
                </button>
            </form>
        </div>

    </div>

</div>
</body>
</html>


================================================
FILE: resources/views/emails/auth-api-expiration-reminder.blade.php
================================================
@component('mail::message')

{{ __('The API token ":token" expired.', ['token' => $tokenName]) }}


{{ __('You can create a new API token in your profile:') }}

@component('mail::button', ['url' => $profileUrl])
    {{ __('Go to your profile') }}
@endcomponent

@endcomponent


================================================
FILE: resources/views/emails/auth-api-token-expired.blade.php
================================================
@component('mail::message')

{{ __('The API token ":token" will expire in 7 days!', ['token' => $tokenName]) }}

{{ __('Please make sure to create a new API token and use the new one instead before it expires to avoid any disruptions in service.') }}

{{ __('You can create a new API token in your profile:') }}

@component('mail::button', ['url' => $profileUrl])
    {{ __('Go to your profile') }}
@endcomponent

@endcomponent


================================================
FILE: resources/views/emails/organization-invitation.blade.php
================================================
@component('mail::message')
{{ __('You have been invited to join the :organization organization!', ['organization' => $invitation->organization->name]) }}

@if (Laravel\Fortify\Features::enabled(Laravel\Fortify\Features::registration()))
{{ __('If you do not have an account, you may create one by clicking the button below. After creating an account, you may click the invitation acceptance button in this email to accept the team invitation:') }}

@component('mail::button', ['url' => route('register')])
{{ __('Create Account') }}
@endcomponent

{{ __('If you already have an account, you may accept this invitation by clicking the button below:') }}

@else
{{ __('You may accept this invitation by clicking the button below:') }}
@endif


@component('mail::button', ['url' => $acceptUrl])
{{ __('Accept Invitation') }}
@endcomponent

{{ __('If you did not expect to receive an invitation to this organization, you may discard this email.') }}
@endcomponent


================================================
FILE: resources/views/emails/time-entry-still-running.blade.php
================================================
@component('mail::message')
@if(empty($timeEntry->description))
{{ __('Your currently running time entry is now running for more than 8 hours!') }}
@else
{{ __('Your currently running time entry ":description" is now running for more than 8 hours!', ['description' => $timeEntry->description]) }}
@endif

{{ __('If you forgot to stop the Time Tracker you do that in solidtime:') }}

@component('mail::button', ['url' => $dashboardUrl])
{{ __('Go to solidtime') }}
@endcomponent

@endcomponent


================================================
FILE: resources/views/filament/widgets/server-overview.blade.php
================================================
<x-filament-widgets::widget>
    <x-filament::section>
        <div>
            <span class="text-gray-950 font-bold dark:text-white">Version</span>
            @if($version !== null)
                <span>v{{ $version }}</span>
            @else
                <span>-</span>
            @endif
            <br>
            <span class="text-gray-950 font-bold dark:text-white">Build</span>
            @if($build !== null)
                <span>{{ $build }}</span>
            @else
                <span>-</span>
            @endif

        </div>

        @if ($currentVersion !== null && $version !== null)
        <div class="mt-4 inline-flex items-center justify-center gap-1">
            @if ($needsUpdate)
                <span>
                    <x-filament::icon
                        icon="heroicon-o-exclamation-triangle"
                        class="h-5 w-5 text-orange-500 dark:text-orange-400"
                    />
                </span>
                <span>Update available (v{{ $currentVersion }})</span>
            @else
                <x-filament::icon
                    icon="heroicon-o-check-circle"
                    class="h-5 w-5 text-green-500 dark:text-green-400"
                />
                <span>Current version</span>
            @endif
        </div>
        @endif
    </x-filament::section>
</x-filament-widgets::widget>


================================================
FILE: resources/views/reports/time-entry-aggregate/pdf-footer.blade.php
================================================
<!DOCTYPE html>
<html lang="en">
    <head>
        <style>
            .page-number {
                position: absolute;
                bottom: 0;
                left: 0;
                font-size: 12px;
                margin-left: 46px;
                margin-bottom: 40px;
            }
        </style>
    </head>
    <body>
        <div class="page-number">
            Page <span class="pageNumber"></span> of <span class="totalPages"></span>
        </div>
    </body>
</html>


================================================
FILE: resources/views/reports/time-entry-aggregate/pdf.blade.php
================================================
@use('Brick\Math\BigDecimal')
@use('Brick\Money\Money')
@use('Illuminate\Support\Carbon')
@use('Carbon\CarbonInterval')
@inject('colorService', 'App\Service\ColorService')
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Report</title>
    <style>
        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            vertical-align: baseline;
            box-sizing: border-box;
        }


        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
            display: block;
        }

        body {
            line-height: 1;
        }

        ol, ul {
            list-style: none;
        }

        blockquote, q {
            quotes: none;
        }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
            text-align: left;
        }

        @font-face {
            font-family: 'Outfit';
            src: url('outfit.ttf');
        }

        body {
            font-family: 'Outfit', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
            color: #18181b
        }

        table {
            font-size: 14px;
        }

        thead {
            border-bottom: 1px #d4d4d8 solid;
        }

        tfoot {
            border-top: 1px #d4d4d8 solid;
        }

        table th, table tfoot td {
            font-weight: 500;
            padding: 6px 12px;
            color: #18181b;
        }

        .table-wrapper table th {
            background-color: #fafafa;
        }

        .table-wrapper {
            border: 1px solid #d4d4d8;
            border-radius: 8px;
            overflow: hidden;
            width: calc(100% - 2px)
        }

        table tr {
            border-bottom: 1px #e4e4e7 solid;
        }

        table tr:last-of-type {
            border-bottom: none;
        }

        table tr td {
            font-weight: 400;
            color: #3f3f46;
            padding: 6px 12px;
        }

        .data-table {
            break-after: auto;
        }

        .no-break {
            break-after: avoid-page;
        }
    </style>
    <script>
        window.status = "processing";
    </script>
    <script
        src="{{ $debug ? 'https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js' : 'echarts.min.js' }}"></script>

    @if($debug)
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=outfit:200,300,400,500,600,700,800" rel="stylesheet"/>
    @endif

</head>
<body>
<div>
    <p style="font-size: 32px; font-weight: 600; margin-bottom: 5px;">Report</p>
    <div style="font-size: 16px; font-weight: 600; color: #71717a;">
        <span>{{ $localization->formatDate($start->timezone($timezone)) }} - {{ $localization->formatDate($end->timezone($timezone)) }}</span><br><br>
    </div>

</div>


<div class="table-wrapper">
    <div
        style="background-color: #fafafa; padding: 5px 14px; border-bottom: 1px #d4d4d8 solid; display: flex; gap: 20px;">
        <div style="padding: 8px 12px; border-radius: 8px;">
            <div style="color: #71717a; font-weight: 600;">Duration</div>
            <div
                style="font-size: 24px; font-weight: 500; margin-top: 2px;">{{ $localization->formatInterval(CarbonInterval::seconds($aggregatedData['seconds'])) }} </div>
        </div>
        @if($showBillableRate)
        <div style="padding: 8px 12px; border-radius: 8px;">
            <div style="color: #71717a; font-weight: 600;">Total cost</div>
            <div
                style="font-size: 24px; font-weight: 500; margin-top: 2px;">{{ $localization->formatCurrency(Money::of(BigDecimal::ofUnscaledValue($aggregatedData['cost'], 2)->__toString(), $currency)) }} </div>
        </div>
        @endif
    </div>
    <div id="main-chart" style="width: 700px; height: 300px; margin: 20px auto;"></div>

</div>


<div style="display: flex; align-items: center; padding-top: 40px;">
    <div style="padding: 10px 0;">
        <div id="pie-chart" style="width: 300px; height: 180px; margin-bottom: 20px;"></div>
    </div>
    <div style="flex: 1 1 0%;">
        <div class="">
            <table style="width: 100%; ">
                <thead>
                <tr>
                    <th>
                        {{ $group->description() }}
                    </th>
                    <th>Duration</th>
                    @if($showBillableRate)
                    <th style="text-align: right;">Cost</th>
                    @endif
                </tr>
                </thead>
                @foreach($aggregatedData['grouped_data'] as $group1Entry)
                    <tr>
                        <td style="display: flex; align-items: center;">
                            <div style="width: 12px; height: 12px; border-radius: 50%; background-color: {{
                        $group1Entry['color'] ?? ($group1Entry['key'] ? $colorService->getRandomColor($group1Entry['key']) : '#CCCCCC')
 }};">
                            </div>
                            <span style="padding-left: 8px;">
                                @if($group->is(\App\Enums\TimeEntryAggregationType::Billable))
                                    {{ $group1Entry['key'] === '1' ? 'Billable' : 'Non-billable' }}
                                @else
                                    {{ $group1Entry['description'] ?? $group1Entry['key'] ?? 'No '.Str::lower($group->description()) }}
                                @endif
                            </span>
                        </td>
                        <td style="text-align: left;">
                            {{ $localization->formatInterval(CarbonInterval::seconds($group1Entry['seconds'])) }}
                        </td>
                        @if($showBillableRate)
                        <td style="text-align: right;">
                            {{ $localization->formatCurrency(Money::of(BigDecimal::ofUnscaledValue($group1Entry['cost'], 2)->__toString(), $currency)) }}
                        </td>
                        @endif
                    </tr>
                @endforeach
                <tfoot>
                <tr>
                    <td style="font-weight: 500;color: #18181b;">
                        Total
                    </td>
                    <td style="font-weight: 500;color: #18181b;">
                        {{ $localization->formatInterval(CarbonInterval::seconds($aggregatedData['seconds'])) }}
                    </td>
                    @if($showBillableRate)
                    <td style="text-align: right; font-weight: 500;color: #18181b;">
                        {{ $localization->formatCurrency(Money::of(BigDecimal::ofUnscaledValue($aggregatedData['cost'], 2)->__toString(), $currency)) }}
                    </td>
                    @endif
                </tr>
                </tfoot>
            </table>
        </div>

    </div>
</div>

@foreach($aggregatedData['grouped_data'] as $group1Entry)
    <div class="data-table">
        <h2 class="no-break"
            style="padding-top: 16px; padding-bottom: 8px; font-size: 16px; font-weight: 600; padding-left: 6px; color: #3f3f46;">
            @if($group->is(\App\Enums\TimeEntryAggregationType::Billable))
                {{ $group1Entry['key'] === '1' ? 'Billable' : 'Non-billable' }}
            @else
                <span style="color: #a1a1aa;">
                    {{ $group->description() }}:
                    </span>
                {{ $group1Entry['description'] ?? $group1Entry['key'] ?? 'No '.Str::lower($group->description()) }}
            @endif
        </h2>

        <div class="table-wrapper">
            <table style="width: 100%;">
                <thead>
                <tr>
                    <th>
                        {{ $subGroup->description() }}
                    </th>
                    <th>
                        Duration
                    </th>
                    <th>
                        Duration (h)
                    </th>
                    @if($showBillableRate)
                    <th>
                        Cost
                    </th>
                    @endif
                </tr>
                </thead>
                <tbody>
                @php
                    $counter = 1;
                    $totalDuration = 0;
                    $totalCost = 0;
                @endphp
                @foreach($group1Entry['grouped_data'] as $group2Entry)
                    @php
                        $duration = CarbonInterval::seconds($group2Entry['seconds']);
                    @endphp
                    <tr>
                        <td>
                            @if($subGroup->is(\App\Enums\TimeEntryAggregationType::Billable))
                                {{ $group2Entry['key'] === '1' ? 'Billable' : 'Non-billable' }}
                            @else
                                {{ $group2Entry['description'] ?? $group2Entry['key'] ?? '-' }}
                            @endif
                        </td>
                        <td>
                            {{ $localization->formatInterval($duration) }}
                        </td>
                        <td>
                            {{ $localization->formatNumber($duration->totalHours) }}
                        </td>
                        @if($showBillableRate)
                        <td>
                            {{ $localization->formatCurrency(Money::of(BigDecimal::ofUnscaledValue($group2Entry['cost'], 2)->__toString(), $currency)) }}
                        </td>
                        @endif
                    </tr>
                    @php
                        $totalDuration += $group2Entry['seconds'];
                        if ($showBillableRate) {
                            $totalCost += $group2Entry['cost'];
                        }
                    @endphp
                @endforeach
                </tbody>
            </table>
        </div>

    </div>
@endforeach

<script>
    let elementPieChart = document.getElementById("pie-chart");
    let pieChart = echarts.init(elementPieChart, null, {
        renderer: "svg"
    });
    let pieChartOptions = {
        animation: false,
        backgroundColor: "transparent",

        series: [
            {
                data: {!! json_encode(collect($aggregatedData['grouped_data'])->map(function (array $data) use (&$colorService, $group): object {
                    $color = $data['color'];
                    if ($color === null) {
                        $color = $colorService->getRandomColor($data['key']);
                    }
                    if ($data['key'] === null) {
                       $color = '#CCCCCC';
                    }
                    return (object)[
                        'value' => $data['seconds'],
                        'name' => $data['description'] ?? $data['key'] ?? 'No '.Str::lower($group->description()),
                        'color' => $color,
                        'itemStyle' => (object) [
                            'color' => $color,
                        ],
                        'emphasis' => (object) [
                            'itemStyle' => (object) [
                                'color' => $color,
                            ],
                        ],
                    ];
                })->toArray()) !!},
                radius: ["40%", "80%"],
                type: "pie",
                label: {
                    formatter: "{d}%",
                    overflow: "truncate"
                }
            }
        ]
    };
    pieChart.on("finished", () => {
        window.pieChartFinished = true;
        if (window.mainChartFinished && window.pieChartFinished) {
            window.status = "ready";
        }
    });
    pieChart.setOption(pieChartOptions);

    let elementMainChart = document.getElementById("main-chart");
    let mainChart = echarts.init(elementMainChart, null, {
        renderer: "svg"
    });
    let mainChartOptions = {
        animation: false,
        tooltip: {},
        xAxis: {
            data: {!!
                json_encode(collect($dataHistoryChart['grouped_data'])
                    ->pluck('key')
                    ->map(fn($value) => $localization->formatDate(Carbon::parse($value)))
                    ->toArray())
            !!},
            axisLabel: {
                fontSize: 10,
                fontWeight: 400,
                color: "rgb(120, 120, 120)",
                margin: 16,
                fontFamily: "Outfit, sans-serif"
            },
            axisTick: {
                interval: 0,
                alignWithLabel: true
            }
        },
        grid: {
            containLabel: true,
            left: 15,
            top: 15,
            right: 15,
            bottom: 0
        },
        yAxis: {
            minInterval: 1,
            axisLabel: {
                show: false,
                inside: true,
            }
        },
        series: [
            {
                name: "time",
                type: "bar",
                data: {!! json_encode(collect($dataHistoryChart['grouped_data'])->map(fn($value) => (object) [
                            'value' => $value['seconds'],
                            'name' => ((int) $value['seconds']) === 0 ? '' : $localization->formatInterval(CarbonInterval::seconds((int) $value['seconds']))
                        ])->toArray()) !!},
                itemStyle: {
                    borderColor: "#7dd3fc",
                    color: "#7dd3fc"
                },
                label: {
                    show: true,
                    @if(count($dataHistoryChart['grouped_data']) > 15)
                    rotate: 90,
                    offset: [10, 5],
                    @endif
                    fontSize: 10,
                    position: "top",
                    formatter: function (params) {
                        return params.name;
                    }
                }
            }
        ]
    };
    mainChart.on("finished", () => {
        window.mainChartFinished = true;
        if (window.mainChartFinished && window.pieChartFinished) {
            window.status = "ready";
        }
    });
    mainChart.setOption(mainChartOptions);
</script>
</body>
</html>


================================================
FILE: resources/views/reports/time-entry-aggregate/spreadsheet.blade.php
================================================
@use('App\Enums\ExportFormat')
@use('Brick\Math\BigDecimal')
@use('PhpOffice\PhpSpreadsheet\Cell\DataType')
@use('PhpOffice\PhpSpreadsheet\Style\NumberFormat')
@use('Carbon\CarbonInterval')
@use('App\Enums\TimeEntryAggregationType')
@inject('interval', 'App\Service\IntervalService')
<table>
    <thead>
    <tr>
        <th style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            {{ $group->description() }}
        </th>
        <th style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            {{ $subGroup->description() }}
        </th>
        <th style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            Duration
        </th>
        <th style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            Duration (decimal)
        </th>
        <th style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            Amount ({{ Str::upper($currency) }})
        </th>
    </tr>
    </thead>
    <tbody>
    @php
        $counter = 1;
        $totalDuration = 0;
        $totalCost = 0;
    @endphp
    @foreach($data['grouped_data'] as $group1Entry)
        @foreach($group1Entry['grouped_data'] as $group2Entry)
            @php
                $duration = CarbonInterval::seconds($group2Entry['seconds']);
            @endphp
            <tr>
                @if($exportFormat === ExportFormat::ODS || $exportFormat === ExportFormat::CSV)
                    @if ($group === TimeEntryAggregationType::Billable)
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group1Entry['key'] ? 'Yes' : 'No' }}
                        </td>
                    @else
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group1Entry['description'] ?? $group1Entry['key'] ?? '-' }}
                        </td>
                    @endif
                    @if ($subGroup === TimeEntryAggregationType::Billable)
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group2Entry['key'] ? 'Yes' : 'No' }}
                        </td>
                    @else
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group2Entry['description'] ?? $group2Entry['key'] ?? '-' }}
                        </td>
                    @endif
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                        {{ $interval->format($duration) }}
                    </td>
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                        {{ round($duration->totalHours, 2) }}
                    </td>
                    @if($showBillableRate)
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                        {{ round(BigDecimal::ofUnscaledValue($group2Entry['cost'], 2)->toFloat(), 2) }}
                    </td>
                    @endif
                @else
                    @if ($group === TimeEntryAggregationType::Billable)
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group1Entry['key'] ? 'Yes' : 'No' }}
                        </td>
                    @else
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group1Entry['description'] ?? $group1Entry['key'] ?? '-' }}
                        </td>
                    @endif
                    @if ($subGroup === TimeEntryAggregationType::Billable)
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group2Entry['key'] ? 'Yes' : 'No' }}
                        </td>
                    @else
                        <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_STRING }}">
                            {{ $group2Entry['description'] ?? $group2Entry['key'] ?? '-' }}
                        </td>
                    @endif
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_NUMERIC }}"
                        data-format="[hh]:mm:ss">
                        {{ $duration->totalDays }}
                    </td>
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_NUMERIC }}"
                        data-format="{{ NumberFormat::FORMAT_NUMBER_00 }}">
                        {{ $duration->totalHours }}
                    </td>
                    @if($showBillableRate)
                    <td style="border: 1px solid black;" data-type="{{ DataType::TYPE_NUMERIC }}"
                        data-format="{{ NumberFormat::FORMAT_NUMBER_COMMA_SEPARATED1 }}">
                        {{ BigDecimal::ofUnscaledValue($group2Entry['cost'], 2)->__toString() }}
                    </td>
                    @endif
                @endif
            </tr>
            @php
                ++$counter;
                $totalDuration += $group2Entry['seconds'];
                if ($showBillableRate) {
                    $totalCost += $group2Entry['cost'];
                }
            @endphp
        @endforeach
    @endforeach
    @php
        $totalDurationInterval = CarbonInterval::seconds($totalDuration);
    @endphp
    <tr style="border: 1px solid black;">
        <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}"></td>
        <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
            Total
        </td>
        @if($exportFormat === ExportFormat::ODS || $exportFormat === ExportFormat::CSV)
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
                {{ $interval->format($totalDurationInterval) }}
            </td>
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
                {{ round($totalDurationInterval->totalHours, 2) }}
            </td>
            @if($showBillableRate)
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_STRING }}">
                {{ round(BigDecimal::ofUnscaledValue($totalCost, 2)->toFloat(), 2) }}
            </td>
            @endif
        @else
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_FORMULA }}"
                data-format="[hh]:mm:ss">
                @if($counter > 1)
                    =SUM(C2:C{{ $counter }})
                @else
                    =0
                @endif
            </td>
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_FORMULA }}"
                data-format="{{ NumberFormat::FORMAT_NUMBER_00 }}">
                @if($counter > 1)
                    =SUM(D2:D{{ $counter }})
                @else
                    =0
                @endif
            </td>
            <td style="border: 1px solid black; font-weight: bold;" data-type="{{ DataType::TYPE_FORMULA }}"
                data-format="{{ NumberFormat::FORMAT_NUMBER_COMMA_SEPARATED1 }}">
                @if($counter > 1)
                    =SUM(E2:E{{ $counter }})
                @else
                    =0
                @endif
            </td>
        @endif
    </tr>
    </tbody>
</table>


================================================
FILE: resources/views/reports/time-entry-index/pdf-footer.blade.php
================================================
<!DOCTYPE html>
<html lang="en">
    <head>
        <style>
            .page-number {
                position: absolute;
                bottom: 0;
                left: 0;
                font-size: 12px;
                margin-left: 46px;
                margin-bottom: 40px;
            }
        </style>
    </head>
    <body>
    <div class="page-number">
        Page <span class="pageNumber"></span> of <span class="totalPages"></span>
    </div>
    </body>
</html>


================================================
FILE: resources/views/reports/time-entry-index/pdf.blade.php
================================================
@use('Brick\Math\BigDecimal')
@use('Brick\Money\Money')
@use('Carbon\CarbonInterval')
@inject('interval', 'App\Service\IntervalService')
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Report</title>
    <style>

        html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            vertical-align: baseline;
            box-sizing: border-box;
        }


        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section {
            display: block;
        }

        body {
            line-height: 1;
        }

        ol, ul {
            list-style: none;
        }

        blockquote, q {
            quotes: none;
        }

        blockquote:before, blockquote:after,
        q:before, q:after {
            content: '';
            content: none;
        }

        @font-face {
            font-family: 'Outfit';
            src: url('outfit.ttf');
        }

        body {
            font-family: 'Outfit', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
            color: #18181b
        }

        table {
            font-size: 10px;
        }

        table thead {
            background-color: #eee;
        }


        .table-wrapper table th {
            background-color: #fafafa;
        }

        .table-wrapper {
            border: 1px solid #d4d4d8;
            border-radius: 8px;
            overflow: hidden;
            width: calc(100% - 2px)
        }

        table {
            border-collapse: collapse;
            border-spacing: 0;
            text-align: left;
        }

        thead {
            border-bottom: 1px #d4d4d8 solid;
        }

        tfoot {
            border-top: 1px #d4d4d8 solid;
        }

        table th, table tfoot td {
            font-weight: 500;
            padding: 6px 12px;
            color: #18181b;
        }

        table td, table th {
            font-size: 12px;
        }

        table tr {
            border-bottom: 1px #e4e4e7 solid;
        }

        table tr:last-of-type {
            border-bottom: none;
        }

        table tr td {
            font-weight: 400;
            color: #3f3f46;
            padding: 6px 12px;
        }

    </style>
</head>
<body>
<div>
    <p style="font-size: 32px; font-weight: 600; margin-bottom: 5px;">Detailed Report</p>
    <div style="font-size: 16px; font-weight: 600; color: #71717a;">
        <span>{{ $localization->formatDate($start->timezone($timezone)) }} - {{ $localization->formatDate($end->timezone($timezone)) }}</span><br><br>
    </div>
</div>
<div class="table-wrapper">
    <div
        style="background-color: #fafafa; padding: 5px 14px; display: flex; gap: 20px;">
        <div style="padding: 8px 12px; border-radius: 8px;">
            <div style="color: #71717a; font-weight: 600;">Duration</div>
            <div
                style="font-size: 24px; font-weight: 500; margin-top: 2px;">{{ $localization->formatInterval(CarbonInterval::seconds($aggregatedData['seconds'])) }} </div>
        </div>
        @if($showBillableRate)
        <div style="padding: 8px 12px; border-radius: 8px;">
            <div style="color: #71717a; font-weight: 600;">Total cost</div>
            <div style="font-size: 24px; font-weight: 500; margin-top: 2px;">
                {{ $localization->formatCurrency(Money::of(BigDecimal::ofUnscaledValue($aggregatedData['cost'], 2)->__toString(), $currency)) }}
            </div>
        </div>
        @endif
    </div>
    <div>
        <table style="width: 100%;">
            <thead>
            <tr style="border-top: 1px #d4d4d8 solid;">
                <th>Time Entry</th>
                <th>User</th>
                <th style="text-align: center;">Time</th>
                <th>Duration</th>
                <th>Billable</th>
                <th>Tags</th>
            </tr>
            </thead>
            <tbody>
            @foreach($timeEntries as $timeEntry)
                <tr>
                    <td style="overflow-wrap: break-word; max-width: 250px;">
                        {{ $timeEntry->description === '' ? '-' : $timeEntry->description }} <br>
                        @if($timeEntry->task?->name)
                            <span style="font-weight: 600;">Task:</span> {{ $timeEntry->task?->name ?? '-' }} <br>
                        @endif
                        @if($timeEntry->project?->name)
                            <span style="font-weight: 600;">Project:</span> {{ $timeEntry->project?->name }} <br>
                        @endif
                        @if($timeEntry->client?->name)
                            <span style="font-weight: 600;">
                                    Client:
                                </span>{{ $timeEntry->client?->name }} <br>
                        @endif
                    </td>
                    <td style="overflow-wrap: break-word; min-width: 75px;">{{ $timeEntry->user->name }}</td>
                    <td style="overflow-wrap: break-word; min-width: 150px; text-align: center;">
                        @if($timeEntry->start->timezone($timezone)->format('Y-m-d') === $timeEntry->end->timezone($timezone)->format('Y-m-d'))
                            {{ $localization->formatDate($timeEntry->start->timezone($timezone)) }}
                        @else
                            {{ $localization->formatDate($timeEntry->start->timezone($timezone)) }} - <br> {{ $localization->formatDate($timeEntry->end->timezone($timezone)) }}
                        @endif
                        <br>
                        {{ $localization->formatTime($timeEntry->start->timezone($timezone)) }} - {{ $localization->formatTime($timeEntry->end->timezone($timezone)) }}
                    </td>
                    <td style="overflow-wrap: break-word; min-width: 75px;">
                        {{ $localization->formatInterval($timeEntry->getDuration()) }}
                    </td>
                    <td style="overflow-wrap: break-word;">{{ $timeEntry->billable ? 'Yes' : 'No' }}</td>
                    <td style="overflow-wrap: break-word; min-width: 75px;">{{ count($timeEntry->tagsRelation) === 0 ? '-' : $timeEntry->tagsRelation->implode('name', ', ') }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>
</div>


</body>
</html>


================================================
FILE: resources/views/vendor/mail/html/button.blade.php
================================================
@props([
    'url',
    'color' => 'primary',
    'align' => 'center',
])
<table class="action" align="{{ $align }}" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table width="100%" border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="{{ $align }}">
<table border="0" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
<a href="{{ $url }}" class="button button-{{ $color }}" target="_blank" rel="noopener">{{ $slot }}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>


================================================
FILE: resources/views/vendor/mail/html/footer.blade.php
================================================
<tr>
<td>
<table class="footer" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="content-cell" align="center">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>
</td>
</tr>


================================================
FILE: resources/views/vendor/mail/html/header.blade.php
================================================
@props(['url'])
<tr>
<td class="header">
<a href="{{ $url }}" style="display: inline-block;">
@if(trim($slot) === 'solidtime')
<img src="{{ asset('images/solidtime-logo.png') }}" srcset="{{ asset('images/solidtime-logo.svg') }}" class="logo" alt="solidtime Logo">
@else
{{ $slot }}
@endif
</a>
</td>
</tr>


================================================
FILE: resources/views/vendor/mail/html/layout.blade.php
================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{{ config('app.name') }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<style>
@media only screen and (max-width: 600px) {
.inner-body {
width: 100% !important;
}

.footer {
width: 100% !important;
}
}

@media only screen and (max-width: 500px) {
.button {
width: 100% !important;
}
}
</style>
</head>
<body>

<table class="wrapper" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center">
<table class="content" width="100%" cellpadding="0" cellspacing="0" role="presentation">
{{ $header ?? '' }}

<!-- Email Body -->
<tr>
<td class="body" width="100%" cellpadding="0" cellspacing="0" style="border: hidden !important;">
<table class="inner-body" align="center" width="570" cellpadding="0" cellspacing="0" role="presentation">
<!-- Body content -->
<tr>
<td class="content-cell">
{{ Illuminate\Mail\Markdown::parse($slot) }}

{{ $subcopy ?? '' }}
</td>
</tr>
</table>
</td>
</tr>

{{ $footer ?? '' }}
</table>
</td>
</tr>
</table>
</body>
</html>


================================================
FILE: resources/views/vendor/mail/html/message.blade.php
================================================
<x-mail::layout>
{{-- Header --}}
<x-slot:header>
<x-mail::header :url="config('app.url')">
{{ config('app.name') }}
</x-mail::header>
</x-slot:header>

{{-- Body --}}
{{ $slot }}

{{-- Subcopy --}}
@isset($subcopy)
<x-slot:subcopy>
<x-mail::subcopy>
{{ $subcopy }}
</x-mail::subcopy>
</x-slot:subcopy>
@endisset

{{-- Footer --}}
<x-slot:footer>
<x-mail::footer>
© {{ date('Y') }} {{ config('app.name') }}. {{ __('All rights reserved.') }}
</x-mail::footer>
</x-slot:footer>
</x-mail::layout>


================================================
FILE: resources/views/vendor/mail/html/panel.blade.php
================================================
<table class="panel" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="panel-content">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td class="panel-item">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>
</td>
</tr>
</table>



================================================
FILE: resources/views/vendor/mail/html/subcopy.blade.php
================================================
<table class="subcopy" width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
{{ Illuminate\Mail\Markdown::parse($slot) }}
</td>
</tr>
</table>


================================================
FILE: resources/views/vendor/mail/html/table.blade.php
================================================
<div class="table">
{{ Illuminate\Mail\Markdown::parse($slot) }}
</div>


================================================
FILE: resources/views/vendor/mail/html/themes/default.css
================================================
/* Base */

body,
body *:not(html):not(style):not(br):not(tr):not(code) {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    position: relative;
}

body {
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
    color: #718096;
    height: 100%;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

p,
ul,
ol,
blockquote {
    line-height: 1.4;
    text-align: left;
}

a {
    color: #3869d4;
}

a img {
    border: none;
}

/* Typography */

h1 {
    color: #3d4852;
    font-size: 18px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    text-align: left;
}

p {
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 0;
    text-align: left;
}

p.sub {
    font-size: 12px;
}

img {
    max-width: 100%;
}

/* Layout */

.wrapper {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    background-color: #edf2f7;
    margin: 0;
    padding: 0;
    width: 100%;
}

.content {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Header */

.header {
    padding: 25px 0;
    text-align: center;
}

.header a {
    color: #3d4852;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
}

/* Logo */

.logo {
    height: 40px;
    max-height: 40px;
    width: 160px;
}

/* Body */

.body {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    background-color: #edf2f7;
    border-bottom: 1px solid #edf2f7;
    border-top: 1px solid #edf2f7;
    margin: 0;
    padding: 0;
    width: 100%;
}

.inner-body {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px;
    background-color: #ffffff;
    border-color: #e8e5ef;
    border-radius: 2px;
    border-width: 1px;
    box-shadow: 0 2px 0 rgba(0, 0, 150, 0.025), 2px 4px 0 rgba(0, 0, 150, 0.015);
    margin: 0 auto;
    padding: 0;
    width: 570px;
}

/* Subcopy */

.subcopy {
    border-top: 1px solid #e8e5ef;
    margin-top: 25px;
    padding-top: 25px;
}

.subcopy p {
    font-size: 14px;
}

/* Footer */

.footer {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 570px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 570px;
}

.footer p {
    color: #b0adc5;
    font-size: 12px;
    text-align: center;
}

.footer a {
    color: #b0adc5;
    text-decoration: underline;
}

/* Tables */

.table table {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 30px auto;
    width: 100%;
}

.table th {
    border-bottom: 1px solid #edeff2;
    margin: 0;
    padding-bottom: 8px;
}

.table td {
    color: #74787e;
    font-size: 15px;
    line-height: 18px;
    margin: 0;
    padding: 10px 0;
}

.content-cell {
    max-width: 100vw;
    padding: 32px;
}

/* Buttons */

.action {
    -premailer-cellpadding: 0;
    -premailer-cellspacing: 0;
    -premailer-width: 100%;
    margin: 30px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

.button {
    -webkit-text-size-adjust: none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    overflow: hidden;
    text-decoration: none;
}

.button-blue,
.button-primary {
    background-color: #2d3748;
    border-bottom: 8px solid #2d3748;
    border-left: 18px solid #2d3748;
    border-right: 18px solid #2d3748;
    border-top: 8px solid #2d3748;
}

.button-green,
.button-success {
    background-color: #48bb78;
    border-bottom: 8px solid #48bb78;
    border-left: 18px solid #48bb78;
    border-right: 18px solid #48bb78;
    border-top: 8px solid #48bb78;
}

.button-red,
.button-error {
    background-color: #e53e3e;
    border-bottom: 8px solid #e53e3e;
    border-left: 18px solid #e53e3e;
    border-right: 18px solid #e53e3e;
    border-top: 8px solid #e53e3e;
}

/* Panels */

.panel {
    border-left: #2d3748 solid 4px;
    margin: 21px 0;
}

.panel-content {
    background-color: #edf2f7;
    color: #718096;
    padding: 16px;
}

.panel-content p {
    color: #718096;
}

.panel-item {
    padding: 0;
}

.panel-item p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Utilities */

.break-all {
    word-break: break-all;
}


================================================
FILE: resources/views/vendor/mail/text/button.blade.php
================================================
{{ $slot }}: {{ $url }}


================================================
FILE: resources/views/vendor/mail/text/footer.blade.php
================================================
{{ $slot }}


================================================
FILE: resources/views/vendor/mail/text/header.blade.php
================================================
{{ $slot }}: {{ $url }}


================================================
FILE: resources/views/vendor/mail/text/layout.blade.php
================================================
{!! strip_tags($header ?? '') !!}

{!! strip_tags($slot) !!}
@isset($subcopy)

{!! strip_tags($subcopy) !!}
@endisset

{!! strip_tags($footer ?? '') !!}


================================================
FILE: resources/views/vendor/mail/text/message.blade.php
================================================
<x-mail::layout>
    {{-- Header --}}
    <x-slot:header>
        <x-mail::header :url="config('app.url')">
            {{ config('app.name') }}
        </x-mail::header>
    </x-slot:header>

    {{-- Body --}}
    {{ $slot }}

    {{-- Subcopy --}}
    @isset($subcopy)
        <x-slot:subcopy>
            <x-mail::subcopy>
                {{ $subcopy }}
            </x-mail::subcopy>
        </x-slot:subcopy>
    @endisset

    {{-- Footer --}}
    <x-slot:footer>
        <x-mail::footer>
            © {{ date('Y') }} {{ config('app.name') }}. @lang('All rights reserved.')
        </x-mail::footer>
    </x-slot:footer>
</x-mail::layout>


================================================
FILE: resources/views/vendor/mail/text/panel.blade.php
================================================
{{ $slot }}


================================================
FILE: resources/views/vendor/mail/text/subcopy.blade.php
================================================
{{ $slot }}


================================================
FILE: resources/views/vendor/mail/text/table.blade.php
================================================
{{ $slot }}


================================================
FILE: routes/api.php
================================================
<?php

declare(strict_types=1);

use App\Http\Controllers\Api\V1\ApiTokenController;
use App\Http\Controllers\Api\V1\ChartController;
use App\Http\Controllers\Api\V1\ClientController;
use App\Http\Controllers\Api\V1\CurrencyController;
use App\Http\Controllers\Api\V1\ExportController;
use App\Http\Controllers\Api\V1\ImportController;
use App\Http\Controllers\Api\V1\InvitationController;
use App\Http\Controllers\Api\V1\MemberController;
use App\Http\Controllers\Api\V1\OrganizationController;
use App\Http\Controllers\Api\V1\ProjectController;
use App\Http\Controllers\Api\V1\ProjectMemberController;
use App\Http\Controllers\Api\V1\Public\ReportController as PublicReportController;
use App\Http\Controllers\Api\V1\ReportController;
use App\Http\Controllers\Api\V1\TagController;
use App\Http\Controllers\Api\V1\TaskController;
use App\Http\Controllers\Api\V1\TimeEntryController;
use App\Http\Controllers\Api\V1\UserController;
use App\Http\Controllers\Api\V1\UserMembershipController;
use App\Http\Controllers\Api\V1\UserTimeEntryController;
use Illuminate\Support\Facades\Route;
use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;

/*
|--------------------------------------------------------------------------
| API Routes
|--------------------------------------------------------------------------
|
| Here is where you can register API routes for your application. These
| routes are loaded by the RouteServiceProvider and all of them will
| be assigned to the "api" middleware group. Make something great!
|
*/

Route::prefix('v1')->name('v1.')->group(static function (): void {
    Route::middleware([
        'auth:api',
        'verified',
    ])->group(static function (): void {
        // Organization routes
        Route::name('organizations.')->group(static function (): void {
            Route::get('/organizations/{organization}', [OrganizationController::class, 'show'])->name('show');
            Route::put('/organizations/{organization}', [OrganizationController::class, 'update'])->name('update');
        });

        // Member routes
        Route::name('members.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/members', [MemberController::class, 'index'])->name('index');
            Route::put('/members/{member}', [MemberController::class, 'update'])->name('update');
            Route::delete('/members/{member}', [MemberController::class, 'destroy'])->name('destroy');
            Route::post('/members/{member}/invite-placeholder', [MemberController::class, 'invitePlaceholder'])->name('invite-placeholder');
            Route::post('/members/{member}/make-placeholder', [MemberController::class, 'makePlaceholder'])->name('make-placeholder');
            Route::post('member/{member}/merge-into', [MemberController::class, 'mergeInto'])->name('merge-into');
        });

        // User routes
        Route::name('users.')->group(static function (): void {
            Route::get('/users/me', [UserController::class, 'me'])->name('me');
        });

        // Api token routes
        Route::name('api-tokens.')->group(static function (): void {
            Route::get('/users/me/api-tokens', [ApiTokenController::class, 'index'])->name('index');
            Route::post('/users/me/api-tokens', [ApiTokenController::class, 'store'])->name('store');
            Route::post('/users/me/api-tokens/{apiToken}/revoke', [ApiTokenController::class, 'revoke'])->name('revoke');
            Route::delete('/users/me/api-tokens/{apiToken}', [ApiTokenController::class, 'destroy'])->name('destroy');
        });

        // User Member routes
        Route::name('users.memberships.')->group(static function (): void {
            Route::get('/users/me/memberships', [UserMembershipController::class, 'myMemberships'])->name('my-memberships');
        });

        // Invitation routes
        Route::name('invitations.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/invitations', [InvitationController::class, 'index'])->name('index');
            Route::post('/invitations', [InvitationController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::post('/invitations/{invitation}/resend', [InvitationController::class, 'resend'])->name('resend')->middleware('check-organization-blocked');
            Route::delete('/invitations/{invitation}', [InvitationController::class, 'destroy'])->name('destroy')->middleware('check-organization-blocked');
        });

        // Project routes
        Route::name('projects.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/projects', [ProjectController::class, 'index'])->name('index');
            Route::get('/projects/{project}', [ProjectController::class, 'show'])->name('show');
            Route::post('/projects', [ProjectController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/projects/{project}', [ProjectController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::delete('/projects/{project}', [ProjectController::class, 'destroy'])->name('destroy');
        });

        // Project member routes
        Route::name('project-members.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/projects/{project}/project-members', [ProjectMemberController::class, 'index'])->name('index');
            Route::post('/projects/{project}/project-members', [ProjectMemberController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/project-members/{projectMember}', [ProjectMemberController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::delete('/project-members/{projectMember}', [ProjectMemberController::class, 'destroy'])->name('destroy');
        });

        // Time entry routes
        Route::name('time-entries.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/time-entries', [TimeEntryController::class, 'index'])->name('index');
            Route::get('/time-entries/export', [TimeEntryController::class, 'indexExport'])->name('index-export');
            Route::get('/time-entries/aggregate', [TimeEntryController::class, 'aggregate'])->name('aggregate');
            Route::get('/time-entries/aggregate/export', [TimeEntryController::class, 'aggregateExport'])->name('aggregate-export');
            Route::post('/time-entries', [TimeEntryController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/time-entries/{timeEntry}', [TimeEntryController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::patch('/time-entries', [TimeEntryController::class, 'updateMultiple'])->name('update-multiple')->middleware('check-organization-blocked');
            Route::delete('/time-entries/{timeEntry}', [TimeEntryController::class, 'destroy'])->name('destroy');
            Route::delete('/time-entries', [TimeEntryController::class, 'destroyMultiple'])->name('destroy-multiple');
        });

        Route::name('users.time-entries.')->group(static function (): void {
            Route::get('/users/me/time-entries/active', [UserTimeEntryController::class, 'myActive'])->name('my-active');
            Route::get('/users/me/time-entries', [UserTimeEntryController::class, 'my'])->name('my'); // TODO
        });

        // Report routes
        Route::name('reports.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/reports', [ReportController::class, 'index'])->name('index');
            Route::get('/reports/{report}', [ReportController::class, 'show'])->name('show');
            Route::post('/reports', [ReportController::class, 'store'])->name('store');
            Route::put('/reports/{report}', [ReportController::class, 'update'])->name('update');
            Route::delete('/reports/{report}', [ReportController::class, 'destroy'])->name('destroy');
        });

        // Chart routes
        Route::name('charts.')->prefix('/organizations/{organization}/charts')->group(static function (): void {
            Route::get('/weekly-project-overview', [ChartController::class, 'weeklyProjectOverview'])->name('weekly-project-overview');
            Route::get('/latest-tasks', [ChartController::class, 'latestTasks'])->name('latest-tasks');
            Route::get('/last-seven-days', [ChartController::class, 'lastSevenDays'])->name('last-seven-days');
            Route::get('/latest-team-activity', [ChartController::class, 'latestTeamActivity'])->name('latest-team-activity');
            Route::get('/daily-tracked-hours', [ChartController::class, 'dailyTrackedHours'])->name('daily-tracked-hours');
            Route::get('/total-weekly-time', [ChartController::class, 'totalWeeklyTime'])->name('total-weekly-time');
            Route::get('/total-weekly-billable-time', [ChartController::class, 'totalWeeklyBillableTime'])->name('total-weekly-billable-time');
            Route::get('/total-weekly-billable-amount', [ChartController::class, 'totalWeeklyBillableAmount'])->name('total-weekly-billable-amount');
            Route::get('/weekly-history', [ChartController::class, 'weeklyHistory'])->name('weekly-history');
        });

        // Tag routes
        Route::name('tags.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/tags', [TagController::class, 'index'])->name('index');
            Route::post('/tags', [TagController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/tags/{tag}', [TagController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::delete('/tags/{tag}', [TagController::class, 'destroy'])->name('destroy');
        });

        // Client routes
        Route::name('clients.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/clients', [ClientController::class, 'index'])->name('index');
            Route::post('/clients', [ClientController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/clients/{client}', [ClientController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::delete('/clients/{client}', [ClientController::class, 'destroy'])->name('destroy');
        });

        // Task routes
        Route::name('tasks.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/tasks', [TaskController::class, 'index'])->name('index');
            Route::post('/tasks', [TaskController::class, 'store'])->name('store')->middleware('check-organization-blocked');
            Route::put('/tasks/{task}', [TaskController::class, 'update'])->name('update')->middleware('check-organization-blocked');
            Route::delete('/tasks/{task}', [TaskController::class, 'destroy'])->name('destroy');
        });

        // Import routes
        Route::name('import.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::get('/importers', [ImportController::class, 'index'])->name('index');
            Route::post('/import', [ImportController::class, 'import'])->name('import')->middleware('check-organization-blocked');
        });

        // Export routes
        Route::name('export.')->prefix('/organizations/{organization}')->group(static function (): void {
            Route::post('/export', [ExportController::class, 'export'])->name('export');
        });
    });

    Route::get('/currencies', [CurrencyController::class, 'index'])->name('currencies.index');

    // Public routes
    Route::name('public.')->prefix('/public')->group(static function (): void {
        Route::get('/reports', [PublicReportController::class, 'show'])->name('reports.show');
    });
});

/**
 * Fallback routes, to prevent a rendered HTML page in /api/* routes
 * The / route is also included since the fallback is not triggered on the root route
 */
Route::get('/', function (): void {
    throw new NotFoundHttpException('API resource not found');
});
Route::fallback(function (): void {
    throw new NotFoundHttpException('API resource not found');
});


================================================
FILE: routes/web.php
================================================
<?php

declare(strict_types=1);

use App\Http\Controllers\Web\DashboardController;
use App\Http\Controllers\Web\HomeController;
use Illuminate\Support\Facades\Route;
use Inertia\Inertia;
use Laravel\Jetstream\Jetstream;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', [HomeController::class, 'index']);

Route::get('/shared-report', function () {
    return Inertia::render('SharedReport');
})->name('shared-report');

Route::middleware([
    'auth:web',
    config('jetstream.auth_session'),
    'verified',
])->group(function (): void {
    Route::get('/dashboard', [DashboardController::class, 'dashboard'])->name('dashboard');

    Route::get('/time', function () {
        return Inertia::render('Time');
    })->name('time');

    Route::get('/calendar', function () {
        return Inertia::render('Calendar');
    })->name('calendar');

    Route::get('/timesheet', function () {
        return Inertia::render('Timesheet');
    })->name('timesheet');

    Route::get('/reporting', function () {
        return Inertia::render('Reporting');
    })->name('reporting');

    Route::get('/reporting/detailed', function () {
        return Inertia::render('ReportingDetailed');
    })->name('reporting.detailed');

    Route::get('/reporting/shared', function () {
        return Inertia::render('ReportingShared');
    })->name('reporting.shared');

    Route::get('/projects', function () {
        return Inertia::render('Projects');
    })->name('projects');

    Route::get('/projects/{project}', function () {
        return Inertia::render('ProjectShow');
    })->name('projects.show');

    Route::get('/clients', function () {
        return Inertia::render('Clients');
    })->name('clients');

    Route::get('/members', function () {
        return Inertia::render('Members', [
            'availableRoles' => array_values(Jetstream::$roles),
        ]);
    })->name('members');

    Route::get('/tags', function () {
        return Inertia::render('Tags');
    })->name('tags');

    Route::get('/import', function () {
        return Inertia::render('Import');
    })->name('import');

});


================================================
FILE: storage/app/.gitignore
================================================
*
!public/
!.gitignore


================================================
FILE: storage/framework/.gitignore
================================================
compiled.php
config.php
down
events.scanned.php
maintenance.php
routes.php
routes.scanned.php
schedule-*
services.json


================================================
FILE: storage/framework/cache/.gitignore
================================================
*
!data/
!.gitignore


================================================
FILE: storage/framework/sessions/.gitignore
================================================
*
!.gitignore


================================================
FILE: storage/framework/testing/.gitignore
================================================
*
!.gitignore


================================================
FILE: storage/framework/views/.gitignore
================================================
*
!.gitignore


================================================
FILE: storage/logs/.gitignore
================================================
*
!.gitignore


================================================
FILE: tailwind.config.js
================================================
import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { solidtimeTheme } from './resources/js/packages/ui/tailwind.theme.js';

/** @type {import("tailwindcss").Config} */
export default {
    darkMode: ['selector', '.dark'],
    content: [
        './extensions/Invoicing/resources/js/**/*.vue',
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.vue',
        './resources/js/**/*.ts',
        '!./resources/js/**/node_modules',
    ],
    theme: {
        extend: {
            ...solidtimeTheme,
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [
        forms,
        typography,
        require('@tailwindcss/container-queries'),
        require('tailwindcss-animate'),
    ],
};


================================================
FILE: tests/CreatesApplication.php
================================================
<?php

declare(strict_types=1);

namespace Tests;

use Illuminate\Contracts\Console\Kernel;
use Illuminate\Foundation\Application;

trait CreatesApplication
{
    /**
     * Creates the application.
     */
    public function createApplication(): Application
    {
        $app = require __DIR__.'/../bootstrap/app.php';

        $app->make(Kernel::class)->bootstrap();

        return $app;
    }
}


================================================
FILE: tests/Feature/AuthenticationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use App\Providers\RouteServiceProvider;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class AuthenticationTest extends TestCase
{
    use RefreshDatabase;

    public function test_login_screen_can_be_rendered(): void
    {
        $response = $this->get('/login');

        $response->assertStatus(200);
    }

    public function test_users_can_authenticate_using_the_login_screen(): void
    {
        $user = User::factory()->create();

        $response = $this->post('/login', [
            'email' => $user->email,
            'password' => 'password',
        ]);

        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
    }

    public function test_users_can_not_authenticate_with_invalid_password(): void
    {
        $user = User::factory()->create();

        $this->post('/login', [
            'email' => $user->email,
            'password' => 'wrong-password',
        ]);

        $this->assertGuest();
    }
}


================================================
FILE: tests/Feature/BrowserSessionsTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class BrowserSessionsTest extends TestCase
{
    use RefreshDatabase;

    public function test_other_browser_sessions_can_be_logged_out(): void
    {
        $this->actingAs($user = User::factory()->create());

        $response = $this->delete('/user/other-browser-sessions', [
            'password' => 'password',
        ]);

        $response->assertSessionHasNoErrors();
    }
}


================================================
FILE: tests/Feature/CreateOrganizationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Events\AfterCreateOrganization;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Event;
use Tests\TestCase;

class CreateOrganizationTest extends TestCase
{
    use RefreshDatabase;

    public function test_organizations_can_be_created(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);
        Event::fake([
            AfterCreateOrganization::class,
        ]);

        // Act
        $response = $this->post('/teams', [
            'name' => 'Test Organization',
        ]);

        // Assert
        $response->assertStatus(302);
        /** @var Organization|null $newOrganization */
        $ownedTeams = $user->fresh()->ownedTeams;
        $this->assertCount(2, $ownedTeams);
        $this->assertTrue($ownedTeams->contains('name', 'Test Organization'));
        $newOrganization = $ownedTeams->firstWhere('name', 'Test Organization');
        /** @var Member $member */
        $member = Member::query()->whereBelongsTo($user, 'user')->whereBelongsTo($newOrganization, 'organization')->firstOrFail();
        $this->assertSame(Role::Owner->value, $member->role);
        Event::assertDispatched(AfterCreateOrganization::class, function (AfterCreateOrganization $event) use ($newOrganization): bool {
            return $event->organization->is($newOrganization);
        });
    }
}


================================================
FILE: tests/Feature/DeleteAccountTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class DeleteAccountTest extends TestCase
{
    use RefreshDatabase;

    public function test_user_accounts_can_be_deleted(): void
    {
        // Arrange
        $user = User::factory()->create();
        $this->actingAs($user);

        // Act
        $response = $this->delete('/user', [
            'password' => 'password',
        ]);

        // Assert
        $response->assertStatus(302);
        $this->assertNull($user->fresh());
    }

    public function test_correct_password_must_be_provided_before_account_can_be_deleted(): void
    {
        // Arrange
        $user = User::factory()->create();
        $this->actingAs($user);

        // Act
        $response = $this->delete('/user', [
            'password' => 'wrong-password',
        ]);

        // Assert
        $this->assertNotNull($user->fresh());
    }

    public function test_user_account_can_not_be_deleted_if_attached_to_a_organization_with_multiple_users(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->withOwner($user)->create();
        $userMember = Member::factory()->forOrganization($organization)->forUser($user)->role(Role::Owner)->create();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($organization)->forUser($otherUser)->role(Role::Admin)->create();
        $this->actingAs($user);

        // Act
        $response = $this->delete('/user', [
            'password' => 'password',
        ]);

        // Assert
        $response->assertInvalid(['password']);
        $this->assertNotNull($user->fresh());
    }
}


================================================
FILE: tests/Feature/DeleteOrganizationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class DeleteOrganizationTest extends TestCase
{
    use RefreshDatabase;

    public function test_organizations_can_be_deleted_and_users_of_the_organization_that_have_no_organization_get_a_new_one(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        $organization = Organization::factory()->withOwner($user)->create([
            'personal_team' => false,
        ]);
        Member::factory()->forOrganization($organization)->forUser($user)->role(Role::Owner)->create();

        $otherUser = User::factory()->create();
        $organization->users()->attach(
            $otherUser, ['role' => 'test-role']
        );

        // Act
        $response = $this->delete('/teams/'.$organization->getKey());

        // Assert
        $this->assertNull($organization->fresh());
        $this->assertCount(1, $otherUser->fresh()->teams);
        $this->assertFalse($otherUser->fresh()->teams->first()->is($organization));
    }

    public function test_personal_organizations_can_be_deleted_but_user_gets_an_new_one_if_this_is_the_only_one_left(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $organization = $user->currentTeam;
        $this->actingAs($user);

        // Act
        $response = $this->delete('/teams/'.$organization->getKey());

        // Assert
        $user->refresh();
        $this->assertDatabaseMissing(Organization::class, [
            'id' => $organization->getKey(),
        ]);
        $this->assertTrue($user->currentTeam->isNot($organization));
    }

    public function test_organization_can_not_be_deleted_if_user_is_not_owner(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $organization = Organization::factory()->withOwner($user)->create([
            'personal_team' => false,
        ]);
        $this->actingAs($user);

        $otherUser = User::factory()->create();
        $organization->users()->attach(
            $otherUser, ['role' => Role::Admin->value]
        );

        // Act
        $response = $this->delete('/teams/'.$organization->getKey());

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Organization::class, [
            'id' => $organization->getKey(),
        ]);
    }
}


================================================
FILE: tests/Feature/EmailVerificationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use App\Providers\RouteServiceProvider;
use Illuminate\Auth\Events\Verified;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Event;
use Illuminate\Support\Facades\URL;
use Laravel\Fortify\Features;
use Tests\TestCase;

class EmailVerificationTest extends TestCase
{
    use RefreshDatabase;

    public function test_email_verification_screen_can_be_rendered(): void
    {
        if (! Features::enabled(Features::emailVerification())) {
            $this->markTestSkipped('Email verification not enabled.');
        }

        $user = User::factory()->withPersonalOrganization()->unverified()->create();

        $response = $this->actingAs($user)->get('/email/verify');

        $response->assertStatus(200);
    }

    public function test_email_can_be_verified(): void
    {
        if (! Features::enabled(Features::emailVerification())) {
            $this->markTestSkipped('Email verification not enabled.');
        }

        Event::fake([
            Verified::class,
        ]);

        $user = User::factory()->unverified()->create();

        $verificationUrl = URL::temporarySignedRoute(
            'verification.verify',
            now()->addMinutes(60),
            ['id' => $user->id, 'hash' => sha1($user->email)]
        );

        $response = $this->actingAs($user)->get($verificationUrl);

        Event::assertDispatched(Verified::class);

        $this->assertTrue($user->fresh()->hasVerifiedEmail());
        $response->assertRedirect(RouteServiceProvider::HOME.'?verified=1');
    }

    public function test_email_can_not_verified_with_invalid_hash(): void
    {
        if (! Features::enabled(Features::emailVerification())) {
            $this->markTestSkipped('Email verification not enabled.');
        }

        $user = User::factory()->unverified()->create();

        $verificationUrl = URL::temporarySignedRoute(
            'verification.verify',
            now()->addMinutes(60),
            ['id' => $user->id, 'hash' => sha1('wrong-email')]
        );

        $this->actingAs($user)->get($verificationUrl);

        $this->assertFalse($user->fresh()->hasVerifiedEmail());
    }
}


================================================
FILE: tests/Feature/InviteTeamMemberTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Models\Member;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Mail;
use Illuminate\Support\Facades\URL;
use Tests\TestCase;

class InviteTeamMemberTest extends TestCase
{
    use RefreshDatabase;

    public function test_team_members_can_no_longer_be_invited_to_team_over_jetstream(): void
    {
        // Arrange
        Mail::fake();
        $this->actingAs($user = User::factory()->withPersonalOrganization()->create());

        // Act
        $response = $this->post('/teams/'.$user->currentTeam->id.'/members', [
            'email' => 'test@example.com',
            'role' => 'admin',
        ]);

        // Assert
        $response->assertStatus(403);
        $response->assertSee('Moved to API');
        Mail::assertNothingSent();
    }

    public function test_team_member_invitations_can_no_longer_be_cancelled_over_jetstream(): void
    {
        // Arrange
        Mail::fake();

        $this->actingAs($user = User::factory()->withPersonalOrganization()->create());

        $invitation = $user->currentTeam->teamInvitations()->create([
            'email' => 'test@example.com',
            'role' => 'admin',
        ]);

        // Act
        $response = $this->delete('/team-invitations/'.$invitation->id);

        // Assert
        $response->assertStatus(403);
        $this->assertCount(1, $user->currentTeam->fresh()->teamInvitations);
    }

    public function test_team_member_invitations_can_be_accepted(): void
    {
        // Arrange
        Mail::fake();
        $owner = User::factory()->withPersonalOrganization()->create();
        $user = User::factory()->withPersonalOrganization()->create();
        $invitation = $owner->currentTeam->teamInvitations()->create([
            'email' => $user->email,
            'role' => Role::Employee->value,
        ]);
        $this->actingAs($user);

        // Act
        $acceptUrl = URL::temporarySignedRoute(
            'team-invitations.accept',
            now()->addMinutes(60),
            [$invitation->getKey()]
        );
        $response = $this->get($acceptUrl);

        // Assert
        $this->assertCount(0, $owner->currentTeam->fresh()->teamInvitations);
        $user->refresh();
        $this->assertCount(2, $user->organizations);
        $this->assertContains($owner->currentTeam->getKey(), $user->organizations->pluck('id'));
    }

    public function test_team_member_invitations_of_placeholder_can_be_accepted_and_migrates_date_to_real_user(): void
    {
        // Arrange
        Mail::fake();
        $placeholder = User::factory()->placeholder()->create();
        $owner = User::factory()->withPersonalOrganization()->create();
        $placeholderMember = Member::factory()->forOrganization($owner->currentTeam)->forUser($placeholder)->create();

        $timeEntries = TimeEntry::factory()->forOrganization($owner->currentTeam)->forMember($placeholderMember)->createMany(5);

        $user = User::factory()->withPersonalOrganization()->create([
            'email' => $placeholder->email,
        ]);

        $invitation = $owner->currentTeam->teamInvitations()->create([
            'email' => $user->email,
            'role' => Role::Employee->value,
        ]);
        $this->actingAs($user);

        // Act
        $acceptUrl = URL::temporarySignedRoute(
            'team-invitations.accept',
            now()->addMinutes(60),
            [$invitation->getKey()]
        );
        $response = $this->get($acceptUrl);

        // Assert
        $response->assertRedirect();
        $user->refresh();
        $this->assertDatabaseMissing(User::class, ['id' => $placeholder->id]);
        $this->assertCount(0, $owner->currentTeam->fresh()->teamInvitations);
        $this->assertCount(2, $user->organizations);
        $this->assertContains($owner->currentTeam->getKey(), $user->organizations->pluck('id'));
        $this->assertCount(5, $user->timeEntries);
    }

    public function test_team_member_accept_fails_if_user_with_that_email_does_not_exist(): void
    {
        // Arrange
        Mail::fake();
        $owner = User::factory()->withPersonalOrganization()->create();
        $user = User::factory()->withPersonalOrganization()->create();
        $invitation = $owner->currentTeam->teamInvitations()->create([
            'email' => 'firstname.lastname@mail.test',
            'role' => Role::Employee->value,
        ]);
        $this->actingAs($user);

        // Act
        $acceptUrl = URL::temporarySignedRoute(
            'team-invitations.accept',
            now()->addMinutes(60),
            [$invitation->getKey()]
        );
        $response = $this->get($acceptUrl);

        // Assert
        $this->assertCount(1, $owner->currentTeam->fresh()->teamInvitations);
        $user->refresh();
        $this->assertCount(1, $user->organizations);
    }
}


================================================
FILE: tests/Feature/LeaveTeamTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class LeaveTeamTest extends TestCase
{
    use RefreshDatabase;

    public function test_users_can_no_longer_leave_team_over_jetstream(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();

        $user->currentTeam->users()->attach(
            $otherUser = User::factory()->create(), ['role' => 'admin']
        );

        $this->actingAs($otherUser);

        // Act
        $response = $this->delete('/teams/'.$user->currentTeam->id.'/members/'.$otherUser->id);

        // Assert
        $response->assertStatus(403);
        $this->assertCount(2, $user->currentTeam->fresh()->users);
    }
}


================================================
FILE: tests/Feature/PasswordConfirmationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class PasswordConfirmationTest extends TestCase
{
    use RefreshDatabase;

    public function test_confirm_password_screen_can_be_rendered(): void
    {
        $user = User::factory()->withPersonalOrganization()->create();

        $response = $this->actingAs($user)->get('/user/confirm-password');

        $response->assertStatus(200);
    }

    public function test_password_can_be_confirmed(): void
    {
        $user = User::factory()->create();

        $response = $this->actingAs($user)->post('/user/confirm-password', [
            'password' => 'password',
        ]);

        $response->assertRedirect();
        $response->assertSessionHasNoErrors();
    }

    public function test_password_is_not_confirmed_with_invalid_password(): void
    {
        $user = User::factory()->create();

        $response = $this->actingAs($user)->post('/user/confirm-password', [
            'password' => 'wrong-password',
        ]);

        $response->assertSessionHasErrors();
    }
}


================================================
FILE: tests/Feature/PasswordResetTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Auth\Notifications\ResetPassword;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Notification;
use Laravel\Fortify\Features;
use Tests\TestCase;

class PasswordResetTest extends TestCase
{
    use RefreshDatabase;

    public function test_reset_password_link_screen_can_be_rendered(): void
    {
        if (! Features::enabled(Features::resetPasswords())) {
            $this->markTestSkipped('Password updates are not enabled.');
        }

        $response = $this->get('/forgot-password');

        $response->assertStatus(200);
    }

    public function test_reset_password_link_can_be_requested(): void
    {
        if (! Features::enabled(Features::resetPasswords())) {
            $this->markTestSkipped('Password updates are not enabled.');
        }

        Notification::fake();

        $user = User::factory()->create();

        $response = $this->post('/forgot-password', [
            'email' => $user->email,
        ]);

        Notification::assertSentTo($user, ResetPassword::class);
    }

    public function test_reset_password_screen_can_be_rendered(): void
    {
        if (! Features::enabled(Features::resetPasswords())) {
            $this->markTestSkipped('Password updates are not enabled.');
        }

        Notification::fake();

        $user = User::factory()->create();

        $response = $this->post('/forgot-password', [
            'email' => $user->email,
        ]);

        Notification::assertSentTo($user, ResetPassword::class, function (object $notification) {
            $response = $this->get('/reset-password/'.$notification->token);

            $response->assertStatus(200);

            return true;
        });
    }

    public function test_password_can_be_reset_with_valid_token(): void
    {
        if (! Features::enabled(Features::resetPasswords())) {
            $this->markTestSkipped('Password updates are not enabled.');
        }

        Notification::fake();

        $user = User::factory()->create();

        $response = $this->post('/forgot-password', [
            'email' => $user->email,
        ]);

        Notification::assertSentTo($user, ResetPassword::class, function (object $notification) use ($user) {
            $response = $this->post('/reset-password', [
                'token' => $notification->token,
                'email' => $user->email,
                'password' => 'password',
                'password_confirmation' => 'password',
            ]);

            $response->assertSessionHasNoErrors();

            return true;
        });
    }
}


================================================
FILE: tests/Feature/ProfileInformationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Weekday;
use App\Models\User;
use App\Service\TimezoneService;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class ProfileInformationTest extends TestCase
{
    use RefreshDatabase;

    public function test_show_profile_information_succeeds(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->get('/user/profile');

        // Assert
        $response->assertSuccessful();
    }

    public function test_profile_information_can_be_updated(): void
    {
        // Arrange
        $user = User::factory()->create();
        $timezone = app(TimezoneService::class)->getTimezones()[0];
        $this->actingAs($user);

        // Act
        $response = $this->put('/user/profile-information', [
            'name' => 'Test Name',
            'email' => 'test@example.com',
            'timezone' => $timezone,
            'week_start' => Weekday::Sunday->value,
        ]);

        // Assert
        $response->assertValid(errorBag: 'updateProfileInformation');
        $user = $user->fresh();
        $this->assertEquals('Test Name', $user->name);
        $this->assertEquals('test@example.com', $user->email);
        $this->assertEquals($timezone, $user->timezone);
        $this->assertEquals(Weekday::Sunday, $user->week_start);
    }
}


================================================
FILE: tests/Feature/RegistrationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Enums\Weekday;
use App\Events\NewsletterRegistered;
use App\Models\Member;
use App\Models\User;
use App\Providers\RouteServiceProvider;
use App\Service\IpLookup\IpLookupResponseDto;
use App\Service\IpLookup\IpLookupServiceContract;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\Event;
use Laravel\Fortify\Features;
use Laravel\Jetstream\Jetstream;
use Tests\TestCase;

class RegistrationTest extends TestCase
{
    use RefreshDatabase;

    public function test_registration_screen_can_be_rendered(): void
    {
        if (! Features::enabled(Features::registration())) {
            $this->markTestSkipped('Registration support is not enabled.');
        }

        $response = $this->get('/register');

        $response->assertStatus(200);
    }

    public function test_new_users_can_register(): void
    {
        // Arrange
        Event::fake([
            NewsletterRegistered::class,
        ]);

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        // Assert
        $response->assertValid();
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('Test User', $user->name);
        $this->assertSame('UTC', $user->timezone);
        $organization = $user->organizations()->firstOrFail();
        $this->assertSame(true, $organization->personal_team);
        $member = Member::query()->whereBelongsTo($user, 'user')->whereBelongsTo($organization, 'organization')->firstOrFail();
        $this->assertSame(Role::Owner->value, $member->role);
        Event::assertNotDispatched(NewsletterRegistered::class);
    }

    public function test_user_registration_fails_if_registration_is_deactivated(): void
    {
        // Arrange
        Event::fake([
            NewsletterRegistered::class,
        ]);
        Config::set('app.enable_registration', false);

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        // Assert
        $response->assertInvalid([
            'email' => 'Registration is disabled.',
        ]);
        $this->assertFalse(User::query()->where('email', 'test@example.com')->exists());
        Event::assertNotDispatched(NewsletterRegistered::class);
    }

    public function test_new_user_can_not_register_with_likely_invalid_domain(): void
    {
        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'peter.test@gmail',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        // Assert
        $response->assertInvalid(['email']);
    }

    public function test_new_user_can_register_with_uppercase_email(): void
    {
        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'PETER.test@gmail.com ',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        // Assert
        $response->assertValid(['email']);
    }

    public function test_new_users_can_consent_to_newsletter_during_registration(): void
    {
        // Arrange
        Event::fake([
            NewsletterRegistered::class,
        ]);

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'newsletter_consent' => true,
        ]);

        // Assert
        $response->assertValid();
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('Test User', $user->name);
        $this->assertSame('UTC', $user->timezone);
        Event::assertDispatched(NewsletterRegistered::class);
    }

    public function test_new_users_can_register_and_frontend_can_send_timezone_for_user(): void
    {
        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => 'Europe/Berlin',
        ]);

        // Assert
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('Europe/Berlin', $user->timezone);
    }

    public function test_new_users_can_register_and_uses_ip_lookup_service_to_get_information_about_currency_and_start_of_week(): void
    {
        // Arrange
        $this->mock(IpLookupServiceContract::class, function ($mock): void {
            $mock->shouldReceive('lookup')->andReturn(new IpLookupResponseDto(
                'America/New_York',
                Weekday::Sunday,
                'USD',
            ));
        });

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => 'Europe/Berlin',
        ]);

        // Assert
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        /** @var User $user */
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('Europe/Berlin', $user->timezone);
        $this->assertSame(Weekday::Sunday, $user->week_start);
        $this->assertSame('USD', $user->organizations->first()->currency);
    }

    public function test_new_users_can_register_and_uses_ip_lookup_service_to_get_information_about_timezone_if_client_did_not_send_one(): void
    {
        // Arrange
        $this->mock(IpLookupServiceContract::class, function ($mock): void {
            $mock->shouldReceive('lookup')->andReturn(new IpLookupResponseDto(
                'America/New_York',
                Weekday::Sunday,
                'USD',
            ));
        });

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => null,
        ]);

        // Assert
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        /** @var User $user */
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('America/New_York', $user->timezone);
        $this->assertSame(Weekday::Sunday, $user->week_start);
        $this->assertSame('USD', $user->organizations->first()->currency);
    }

    public function test_new_users_can_register_and_uses_ip_lookup_service_to_get_information_about_timezone_if_client_sends_invalid_one(): void
    {
        // Arrange
        $this->mock(IpLookupServiceContract::class, function ($mock): void {
            $mock->shouldReceive('lookup')->andReturn(new IpLookupResponseDto(
                'America/New_York',
                Weekday::Sunday,
                'USD',
            ));
        });

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => 'Unknown timezone',
        ]);

        // Assert
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        /** @var User $user */
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('America/New_York', $user->timezone);
        $this->assertSame(Weekday::Sunday, $user->week_start);
        $this->assertSame('USD', $user->organizations->first()->currency);
    }

    public function test_new_users_can_register_and_legacy_timezone_from_client_is_mapped_to_new_timezone(): void
    {
        // Arrange
        $this->mock(IpLookupServiceContract::class, function ($mock): void {
            $mock->shouldReceive('lookup')->andReturn(new IpLookupResponseDto(
                'America/New_York',
                Weekday::Sunday,
                'USD',
            ));
        });

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => 'Asia/Calcutta',
        ]);

        // Assert
        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        /** @var User $user */
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('Asia/Kolkata', $user->timezone);
        $this->assertSame(Weekday::Sunday, $user->week_start);
        $this->assertSame('USD', $user->organizations->first()->currency);
    }

    public function test_new_users_can_register_and_ignores_invalid_timezones_from_frontend(): void
    {
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
            'timezone' => 'Unknown timezone',
        ]);

        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
        $user = User::where('email', 'test@example.com')->firstOrFail();
        $this->assertSame('UTC', $user->timezone);
    }

    public function test_new_users_can_not_register_if_user_with_email_already_exists(): void
    {
        // Arrange
        $user = User::factory()->create([
            'email' => 'test@example.com',
        ]);

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        $this->assertFalse($this->isAuthenticated(), 'The user is authenticated');
        $response->assertInvalid(['email']);
    }

    public function test_new_users_can_register_if_placeholder_user_with_email_already_exists(): void
    {
        // Arrange
        $user = User::factory()->create([
            'email' => 'test@example.com',
            'is_placeholder' => true,
        ]);

        // Act
        $response = $this->post('/register', [
            'name' => 'Test User',
            'email' => 'test@example.com',
            'password' => 'password',
            'password_confirmation' => 'password',
            'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature(),
        ]);

        $this->assertAuthenticated();
        $response->assertRedirect(RouteServiceProvider::HOME);
    }
}


================================================
FILE: tests/Feature/RemoveTeamMemberTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class RemoveTeamMemberTest extends TestCase
{
    use RefreshDatabase;

    public function test_team_members_can_no_longer_be_removed_from_teams_over_jetstream_endpoints(): void
    {
        // Arrange
        $this->actingAs($user = User::factory()->withPersonalOrganization()->create());

        $user->currentTeam->users()->attach(
            $otherUser = User::factory()->create(), ['role' => 'admin']
        );

        // Act
        $response = $this->delete('/teams/'.$user->currentTeam->id.'/members/'.$otherUser->id);

        // Assert
        $response->assertStatus(403);
        $response->assertSee('Moved to API');
    }
}


================================================
FILE: tests/Feature/TwoFactorAuthenticationSettingsTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Laravel\Fortify\Features;
use Tests\TestCase;

class TwoFactorAuthenticationSettingsTest extends TestCase
{
    use RefreshDatabase;

    public function test_two_factor_authentication_can_be_enabled(): void
    {
        if (! Features::canManageTwoFactorAuthentication()) {
            $this->markTestSkipped('Two factor authentication is not enabled.');
        }

        $this->actingAs($user = User::factory()->create());

        $this->withSession(['auth.password_confirmed_at' => time()]);

        $response = $this->post('/user/two-factor-authentication');

        $this->assertNotNull($user->fresh()->two_factor_secret);
        $this->assertCount(8, $user->fresh()->recoveryCodes());
    }

    public function test_recovery_codes_can_be_regenerated(): void
    {
        if (! Features::canManageTwoFactorAuthentication()) {
            $this->markTestSkipped('Two factor authentication is not enabled.');
        }

        $this->actingAs($user = User::factory()->create());

        $this->withSession(['auth.password_confirmed_at' => time()]);

        $this->post('/user/two-factor-authentication');
        $this->post('/user/two-factor-recovery-codes');

        $user = $user->fresh();

        $this->post('/user/two-factor-recovery-codes');

        $this->assertCount(8, $user->recoveryCodes());
        $this->assertCount(8, array_diff($user->recoveryCodes(), $user->fresh()->recoveryCodes()));
    }

    public function test_two_factor_authentication_can_be_disabled(): void
    {
        if (! Features::canManageTwoFactorAuthentication()) {
            $this->markTestSkipped('Two factor authentication is not enabled.');
        }

        $this->actingAs($user = User::factory()->create());

        $this->withSession(['auth.password_confirmed_at' => time()]);

        $this->post('/user/two-factor-authentication');

        $this->assertNotNull($user->fresh()->two_factor_secret);

        $this->delete('/user/two-factor-authentication');

        $this->assertNull($user->fresh()->two_factor_secret);
    }
}


================================================
FILE: tests/Feature/UpdatePasswordTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Hash;
use Tests\TestCase;

class UpdatePasswordTest extends TestCase
{
    use RefreshDatabase;

    public function test_password_can_be_updated(): void
    {
        $this->actingAs($user = User::factory()->create());

        $response = $this->put('/user/password', [
            'current_password' => 'password',
            'password' => 'new-password',
            'password_confirmation' => 'new-password',
        ]);

        $this->assertTrue(Hash::check('new-password', $user->fresh()->password));
    }

    public function test_current_password_must_be_correct(): void
    {
        $this->actingAs($user = User::factory()->create());

        $response = $this->put('/user/password', [
            'current_password' => 'wrong-password',
            'password' => 'new-password',
            'password_confirmation' => 'new-password',
        ]);

        $response->assertSessionHasErrors();

        $this->assertTrue(Hash::check('password', $user->fresh()->password));
    }

    public function test_new_passwords_must_match(): void
    {
        $this->actingAs($user = User::factory()->create());

        $response = $this->put('/user/password', [
            'current_password' => 'password',
            'password' => 'new-password',
            'password_confirmation' => 'wrong-password',
        ]);

        $response->assertSessionHasErrors();

        $this->assertTrue(Hash::check('password', $user->fresh()->password));
    }
}


================================================
FILE: tests/Feature/UpdateTeamMemberRoleTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Enums\Role;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class UpdateTeamMemberRoleTest extends TestCase
{
    use RefreshDatabase;

    public function test_team_member_roles_can_no_longer_be_updated_over_jetstream(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        $user->currentTeam->users()->attach(
            $otherUser = User::factory()->create(), ['role' => 'admin']
        );

        // Act
        $response = $this->put('/teams/'.$user->currentTeam->id.'/members/'.$otherUser->id, [
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(403);
        $response->assertSee('Moved to API');
    }
}


================================================
FILE: tests/Feature/UpdateTeamTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Feature;

use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class UpdateTeamTest extends TestCase
{
    use RefreshDatabase;

    public function test_team_update_page_shows_not_found_if_id_is_not_uuid(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->get('/teams/1');

        // Assert
        $response->assertStatus(404);
    }

    public function test_team_names_can_be_updated(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->put('/teams/'.$user->currentTeam->id, [
            'name' => 'Test Organization',
            'currency' => 'USD',
        ]);

        // Assert
        $response->assertValid(errorBag: 'updateTeamName');
        $this->assertCount(1, $user->fresh()->ownedTeams);
        $organization = $user->currentTeam->fresh();
        $this->assertEquals('Test Organization', $organization->name);
        $this->assertEquals('USD', $organization->currency);
    }
}


================================================
FILE: tests/TestCase.php
================================================
<?php

declare(strict_types=1);

namespace Tests;

use App\Service\BillableRateService;
use App\Service\BillingContract;
use App\Service\PermissionStore;
use Carbon\CarbonImmutable;
use Illuminate\Database\Eloquent\Collection;
use Illuminate\Foundation\Testing\TestCase as BaseTestCase;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Http;
use Illuminate\Support\Facades\Mail;
use Illuminate\Support\Facades\Storage;
use Mockery\MockInterface;
use TiMacDonald\Log\LogFake;

abstract class TestCase extends BaseTestCase
{
    use CreatesApplication;

    protected bool $mockBillingContract = true;

    protected function setUp(): void
    {
        parent::setUp();
        Mail::fake();
        LogFake::bind();
        Http::preventStrayRequests();
        if ($this->mockBillingContract) {
            $this->actAsOrganizationWithoutSubscriptionAndWithoutTrial();
        }
        // Note: The following line can be used to test timezone edge cases.
        // $this->travelTo(Carbon::now()->timezone('Europe/Vienna')->setHour(0)->setMinute(59)->setSecond(0));
    }

    protected function mockPrivateStorage(): void
    {
        Storage::fake(config('filesystems.default'));
    }

    protected function mockPublicStorage(): void
    {
        Storage::fake(config('filesystems.public'));
    }

    protected function tearDown(): void
    {
        // Note: It is necessary to clear the permission cache after each test, since the "scoped singletons" are not reset between tests.
        app(PermissionStore::class)->clear();
        parent::tearDown();
    }

    protected function assertEqualsIdsOfEloquentCollection(array $ids, Collection $models): void
    {
        $this->assertEqualsCanonicalizing($ids, $models->pluck('id')->toArray());
    }

    /**
     * Set the current time to the given time.
     * This method fixes a bug, that setting the test now with Carbon::setTestNow() with a Carbon instance that has a timezone set, will not work as expected.
     * IT will also set the timezone for model casts with type "datetime" to the timezone and not use the timezone configured in the configuration "app.timezone".
     *
     * @param  Carbon|CarbonImmutable  $date
     * @param  callable|null  $callback
     */
    public function travelTo($date, $callback = null): void
    {
        parent::travelTo($date->utc());
    }

    protected function assertBillableRateServiceIsUnused(): void
    {
        $this->mock(BillableRateService::class, function (MockInterface $mock): void {
            $mock->shouldNotReceive('updateTimeEntriesBillableRateForProjectMember');
            $mock->shouldNotReceive('updateTimeEntriesBillableRateForProject');
            $mock->shouldNotReceive('updateTimeEntriesBillableRateForMember');
            $mock->shouldNotReceive('updateTimeEntriesBillableRateForOrganization');
        });
    }

    protected function actAsOrganizationWithSubscription(): void
    {
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('hasSubscription')->andReturn(true);
            $mock->shouldReceive('hasTrial')->andReturn(false);
            $mock->shouldReceive('getTrialUntil')->andReturn(null);
            $mock->shouldReceive('isBlocked')->andReturn(false);
        });
    }

    protected function actAsOrganizationWithoutSubscriptionAndWithoutTrial(): void
    {
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('hasSubscription')->andReturn(false);
            $mock->shouldReceive('hasTrial')->andReturn(false);
            $mock->shouldReceive('getTrialUntil')->andReturn(null);
            $mock->shouldReceive('isBlocked')->andReturn(false);
        });
    }
}


================================================
FILE: tests/TestCaseWithDatabase.php
================================================
<?php

declare(strict_types=1);

namespace Tests;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Str;
use Laravel\Jetstream\Jetstream;

abstract class TestCaseWithDatabase extends TestCase
{
    use RefreshDatabase;

    /**
     * @param  array<string>  $permissions
     * @return object{user: User, organization: Organization, member: Member, owner: User, ownerMember: Member}
     */
    protected function createUserWithPermission(array $permissions = [], bool $isOwner = false): object
    {
        $roleName = 'custom-test-'.Str::uuid();
        Jetstream::role($roleName, 'Custom Test', $permissions)
            ->description('Role custom for testing');
        $user = User::factory()->create();
        if ($isOwner) {
            $organization = Organization::factory()->withOwner($user)->create();
        } else {
            $owner = User::factory()->create();
            $organization = Organization::factory()->withOwner($owner)->create();
            $ownerMember = Member::factory()->forUser($owner)->forOrganization($organization)->create([
                'role' => Role::Owner->value,
            ]);
            $owner->currentOrganization()->associate($organization);
            $owner->save();
        }
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create([
            'role' => $roleName,
        ]);
        $user->currentOrganization()->associate($organization);
        $user->save();

        return (object) [
            'user' => $user,
            'organization' => $organization,
            'member' => $member,
            'owner' => $isOwner ? $user : $owner,
            'ownerMember' => $isOwner ? $member : $ownerMember,
        ];
    }

    /**
     * @return object{user: User, organization: Organization, member: Member, owner: User, ownerMember: Member}
     */
    public function createUserWithRole(Role $role, bool $employeesCanSeeBillableRates = false): object
    {
        $owner = User::factory()->create();
        $organization = Organization::factory()->withOwner($owner)->create([
            'employees_can_see_billable_rates' => $employeesCanSeeBillableRates,
        ]);
        $ownerMember = Member::factory()->forUser($owner)->forOrganization($organization)->role(Role::Owner)->create();
        $owner->currentOrganization()->associate($organization);
        $owner->save();

        if ($role === Role::Owner) {
            $user = $owner;
            $member = $ownerMember;
        } else {
            $user = User::factory()->create();
            $member = Member::factory()->forUser($user)->forOrganization($organization)->role($role)->create();
            $user->currentOrganization()->associate($organization);
        }

        return (object) [
            'user' => $user,
            'organization' => $organization,
            'member' => $member,
            'owner' => $owner,
            'ownerMember' => $ownerMember,
        ];
    }

    protected function enableQueryLog(): void
    {
        DB::flushQueryLog();
        DB::enableQueryLog();
    }

    protected function getQueryLog(): array
    {
        if (! DB::logging()) {
            throw new \LogicException('Query log is not enabled. Call enableQueryLog() before calling getQueryLog()');
        }

        return DB::getQueryLog();
    }

    protected function assertQueryCount(int $count, string $message = ''): void
    {
        $queryLog = $this->getQueryLog();
        $this->assertCount($count, $queryLog, $message);
    }
}


================================================
FILE: tests/Unit/Console/Commands/Admin/OrganizationDeleteCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Admin;

use App\Console\Commands\Admin\OrganizationDeleteCommand;
use App\Models\Organization;
use App\Service\DeletionService;
use Illuminate\Support\Str;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(OrganizationDeleteCommand::class)]
class OrganizationDeleteCommandTest extends TestCaseWithDatabase
{
    public function test_it_calls_the_deletion_service_with_the_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $this->mock(DeletionService::class, function (MockInterface $mock) use ($organization): void {
            $mock->shouldReceive('deleteOrganization')
                ->withArgs(fn (Organization $organizationArg) => $organizationArg->is($organization))
                ->once();
        });

        // Act
        $command = $this->artisan('admin:organization:delete', ['organization' => $organization->getKey()]);

        // Assert
        $command->expectsOutput("Deleting organization with ID {$organization->getKey()}")
            ->expectsOutput("Organization with ID {$organization->getKey()} has been deleted.")
            ->assertExitCode(0);
    }

    public function test_it_fails_if_organization_does_not_exist(): void
    {
        // Arrange
        $organizationId = Str::uuid()->toString();

        // Act
        $command = $this->artisan('admin:organization:delete', ['organization' => $organizationId]);

        // Assert
        $command->expectsOutput('Organization with ID '.$organizationId.' not found.');
        $command->assertExitCode(1);
    }

    public function test_it_fails_if_organization_id_is_not_a_valid_uuid(): void
    {
        // Arrange
        $organizationId = 'invalid-uuid';

        // Act
        $command = $this->artisan('admin:organization:delete', ['organization' => $organizationId]);

        // Assert
        $command->expectsOutput('Organization ID must be a valid UUID.')
            ->assertExitCode(1);
    }
}


================================================
FILE: tests/Unit/Console/Commands/Admin/UserCreateCommandCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Admin;

use App\Console\Commands\Admin\UserCreateCommand;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Artisan;
use Illuminate\Support\Facades\Hash;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(UserCreateCommand::class)]
class UserCreateCommandCommandTest extends TestCaseWithDatabase
{
    public function test_it_creates_user(): void
    {
        // Arrange
        $email = 'mail@testuser.test';
        $name = 'Test User';

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('admin:user:create', [
            'name' => $name,
            'email' => $email,
        ]);

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Created user "'.$name.'" ("'.$email.'")', $output);
        $this->assertDatabaseHas(User::class, [
            'name' => $name,
            'email' => $email,
            'email_verified_at' => null,
        ]);
    }

    public function test_created_user_is_verified_if_option_is_set(): void
    {
        // Arrange
        $email = 'mail@testuser.test';
        $name = 'Test User';

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('admin:user:create', [
            'name' => $name,
            'email' => $email,
            '--verify-email' => true,
        ]);

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Created user "'.$name.'" ("'.$email.'")', $output);
        $this->assertDatabaseHas(User::class, [
            'name' => $name,
            'email' => $email,
        ]);
        $user = User::where('email', $email)->first();
        $this->assertNotNull($user->email_verified_at);
    }

    public function test_it_fails_if_user_with_email_already_exists(): void
    {
        // Arrange
        $email = 'mail@testuser.test';
        $name = 'Test User';

        User::factory()->create([
            'email' => $email,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('admin:user:create', [
            'name' => $name,
            'email' => $email,
        ]);

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('User with email "'.$email.'" already exists.', $output);
    }

    public function test_it_asks_for_password_if_option_is_set(): void
    {
        // Arrange
        $email = 'mail@testuser.test';
        $name = 'Test User';

        // Act
        $this->artisan('admin:user:create', [
            'name' => $name,
            'email' => $email,
            '--ask-for-password' => true,
        ])
            ->expectsQuestion('Enter the password', 'password')
            ->assertExitCode(Command::SUCCESS);

        $this->assertDatabaseHas(User::class, [
            'name' => $name,
            'email' => $email,
            'email_verified_at' => null,
        ]);
        $user = User::where('email', $email)->first();
        $this->assertNotNull($user->password);
        $this->assertTrue(Hash::check('password', $user->password));
    }
}


================================================
FILE: tests/Unit/Console/Commands/Admin/UserVerifyCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Admin;

use App\Console\Commands\Admin\UserVerifyCommand;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(UserVerifyCommand::class)]
class UserVerifyCommandTest extends TestCaseWithDatabase
{
    public function test_it_verifies_user_email(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'email_verified_at' => null,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();

        // Act
        $command = $this->artisan('admin:user:verify', ['email' => $user->email]);

        // Assert
        $command->expectsOutput('Start verifying user with email "'.$user->email.'"')
            ->expectsOutput('User with email "'.$user->email.'" has been verified.')
            ->assertExitCode(0);
    }

    public function test_it_fails_if_user_does_not_exist(): void
    {
        // Arrange
        $email = 'test@test.test';
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'email' => 'other@test.test',
            'email_verified_at' => null,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();

        // Act
        $command = $this->artisan('admin:user:verify', ['email' => $email]);

        // Assert
        $command->expectsOutput('User with email "'.$email.'" not found.')
            ->assertExitCode(1);
    }

    public function test_it_fails_if_user_email_is_already_verified(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'email_verified_at' => now(),
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();

        // Act
        $command = $this->artisan('admin:user:verify', ['email' => $user->email]);

        // Assert
        $command->expectsOutput('User with email "'.$user->email.'" already verified.')
            ->assertExitCode(1);
    }
}


================================================
FILE: tests/Unit/Console/Commands/Auth/AuthSendReminderForExpiringApiTokensCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Auth;

use App\Console\Commands\Auth\AuthSendReminderForExpiringApiTokensCommand;
use App\Mail\AuthApiTokenExpirationReminderMail;
use App\Mail\AuthApiTokenExpiredMail;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use Illuminate\Console\Command;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Artisan;
use Illuminate\Support\Facades\Mail;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(AuthSendReminderForExpiringApiTokensCommand::class)]
class AuthSendReminderForExpiringApiTokensCommandTest extends TestCaseWithDatabase
{
    public function test_sends_mail_for_expired_api_tokens_but_ignores_the_one_where_the_mail_was_already_sent_and_ignores_non_api_tokens(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $apiClient = Client::factory()->apiClient()->create();
        $otherClient = Client::factory()->desktopClient()->create();
        $expiredToken = Token::factory()->forUser($user->user)->forClient($apiClient)->create([
            'reminder_sent_at' => Carbon::now()->subDays(8),
            'expired_info_sent_at' => null,
            'expires_at' => Carbon::now()->subDay(),
        ]);
        $expiredTokenWithMailSent = Token::factory()->forUser($user->user)->forClient($apiClient)->create([
            'reminder_sent_at' => Carbon::now()->subDays(8),
            'expired_info_sent_at' => Carbon::now(),
            'expires_at' => Carbon::now()->subDay(),
        ]);
        $nonApiToken = Token::factory()->forUser($user->user)->forClient($otherClient)->create([
            'reminder_sent_at' => null,
            'expired_info_sent_at' => null,
            'expires_at' => Carbon::now()->subDay(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('auth:send-mails-expiring-api-tokens');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $expiredToken->refresh();
        $expiredTokenWithMailSent->refresh();
        $nonApiToken->refresh();
        $this->assertNotNull($expiredToken->expired_info_sent_at);
        $this->assertNotNull($expiredTokenWithMailSent->expired_info_sent_at);
        $this->assertNull($nonApiToken->reminder_sent_at);
        $this->assertNull($nonApiToken->expired_info_sent_at);
        Mail::assertNotQueued(AuthApiTokenExpirationReminderMail::class);
        Mail::assertQueued(AuthApiTokenExpiredMail::class, function (AuthApiTokenExpiredMail $mail) use ($user, $expiredToken): bool {
            return $mail->hasTo($user->user->email) &&
                $mail->token->is($expiredToken) &&
                $mail->user->is($user->user);
        });

        $output = Artisan::output();
        $this->assertStringContainsString('Finished sending 0 expiring API token emails...', $output);
        $this->assertStringContainsString('Finished sending 1 expired API token emails...', $output);
        $this->assertStringContainsString(
            'Start sending email to user "'.$user->user->email.'" ('.
            $user->user->id.') about expired API token '.$expiredToken->getKey(), $output);
    }

    public function test_sends_mail_for_api_tokens_that_expire_soon_but_ignores_the_one_where_the_mail_was_already_sent_and_ignores_non_api_tokens(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $apiClient = Client::factory()->apiClient()->create();
        $otherClient = Client::factory()->desktopClient()->create();
        $expiringToken = Token::factory()->forUser($user->user)->forClient($apiClient)->create([
            'reminder_sent_at' => null,
            'expired_info_sent_at' => null,
            'expires_at' => Carbon::now()->addDays(6),
        ]);
        $expiringTokenWithMailSent = Token::factory()->forUser($user->user)->forClient($apiClient)->create([
            'reminder_sent_at' => Carbon::now(),
            'expired_info_sent_at' => null,
            'expires_at' => Carbon::now()->addDays(6),
        ]);
        $nonApiToken = Token::factory()->forUser($user->user)->forClient($otherClient)->create([
            'reminder_sent_at' => null,
            'expired_info_sent_at' => null,
            'expires_at' => Carbon::now()->addDays(6),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('auth:send-mails-expiring-api-tokens');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $expiringToken->refresh();
        $expiringTokenWithMailSent->refresh();
        $nonApiToken->refresh();
        $this->assertNotNull($expiringToken->reminder_sent_at);
        $this->assertNull($expiringToken->expired_info_sent_at);
        $this->assertNotNull($expiringTokenWithMailSent->reminder_sent_at);
        $this->assertNull($expiringTokenWithMailSent->expired_info_sent_at);
        $this->assertNull($nonApiToken->reminder_sent_at);
        $this->assertNull($nonApiToken->expired_info_sent_at);
        Mail::assertNotQueued(AuthApiTokenExpiredMail::class);
        Mail::assertQueued(AuthApiTokenExpirationReminderMail::class, function (AuthApiTokenExpirationReminderMail $mail) use ($user, $expiringToken): bool {
            return $mail->hasTo($user->user->email) &&
                $mail->token->is($expiringToken) &&
                $mail->user->is($user->user);
        });

        $output = Artisan::output();
        $this->assertStringContainsString('Finished sending 1 expiring API token emails...', $output);
        $this->assertStringContainsString('Finished sending 0 expired API token emails...', $output);
        $this->assertStringContainsString(
            'Start sending email to user "'.$user->user->email.'" ('.
            $user->user->id.') reminding about API token '.$expiringToken->getKey(), $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/Correction/CorrectionPlaceholderMembersCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Correction;

use App\Console\Commands\Correction\CorrectionPlaceholderMembersCommand;
use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Artisan;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(CorrectionPlaceholderMembersCommand::class)]
class CorrectionPlaceholderMembersCommandTest extends TestCaseWithDatabase
{
    public function test_sets_member_role_to_placeholder_if_user_is_placeholder(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user1 = User::factory()->placeholder()->create();
        $member1 = Member::factory()->forOrganization($organization)->forUser($user1)->role(Role::Admin)->create();
        $user2 = User::factory()->create();
        $member2 = Member::factory()->forOrganization($organization)->forUser($user2)->role(Role::Admin)->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('correction:placeholder-members');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $member1->refresh();
        $this->assertSame(Role::Placeholder->value, $member1->role);
        $member2->refresh();
        $this->assertSame(Role::Admin->value, $member2->role);
        $this->assertSame("Sets all members who belong to a placeholder user to role placeholder...\n".
            'Set role of member (id='.$member1->getKey().") to placeholder\n", $output);
    }

    public function test_sets_member_role_to_placeholder_if_user_is_placeholder_dry_run(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user1 = User::factory()->placeholder()->create();
        $member1 = Member::factory()->forOrganization($organization)->forUser($user1)->role(Role::Admin)->create();
        $user2 = User::factory()->create();
        $member2 = Member::factory()->forOrganization($organization)->forUser($user2)->role(Role::Admin)->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('correction:placeholder-members --dry-run');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $member1->refresh();
        $this->assertSame(Role::Admin->value, $member1->role);
        $member2->refresh();
        $this->assertSame(Role::Admin->value, $member2->role);
        $this->assertSame("Sets all members who belong to a placeholder user to role placeholder...\n".
            "Running in dry-run mode. Nothing will be saved to the database.\n".
            'Set role of member (id='.$member1->getKey().") to placeholder\n", $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/Report/ReportSetExpiredToPrivateCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\Report;

use App\Console\Commands\Report\ReportSetExpiredToPrivateCommand;
use App\Models\Report;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Artisan;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(ReportSetExpiredToPrivateCommand::class)]
class ReportSetExpiredToPrivateCommandTest extends TestCaseWithDatabase
{
    public function test_command_sets_expired_reports_to_private(): void
    {
        // Arrange
        $reportPrivateExpired = Report::factory()->private()->create([
            'public_until' => now()->subDay(),
        ]);
        $reportPublicExpired = Report::factory()->public()->create([
            'public_until' => now()->subDay(),
        ]);
        $reportPrivateNoExpiration = Report::factory()->private()->create([
            'public_until' => null,
        ]);
        $reportPublicNoExpiration = Report::factory()->public()->create([
            'public_until' => null,
        ]);
        $reportPrivateNotExpired = Report::factory()->private()->create([
            'public_until' => now()->addDay(),
        ]);
        $reportPublicNotExpired = Report::factory()->public()->create([
            'public_until' => now()->addDay(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('report:set-expired-to-private');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Makes public reports private if the public_until date has passed...', $output);
        $this->assertStringContainsString('Make report "'.$reportPrivateExpired->name.'" ('.$reportPrivateExpired->getKey().') private, expired: '.$reportPrivateExpired->public_until->toIso8601ZuluString().' ('.$reportPrivateExpired->public_until->diffForHumans().')', $output);
        $this->assertStringContainsString('Make report "'.$reportPublicExpired->name.'" ('.$reportPublicExpired->getKey().') private, expired: '.$reportPublicExpired->public_until->toIso8601ZuluString().' ('.$reportPublicExpired->public_until->diffForHumans().')', $output);
        $this->assertStringContainsString('Finished setting 2 expired reports to private...', $output);
        $reportPrivateExpired->refresh();
        $reportPublicExpired->refresh();
        $reportPrivateNoExpiration->refresh();
        $reportPublicNoExpiration->refresh();
        $reportPrivateNotExpired->refresh();
        $reportPublicNotExpired->refresh();
        $this->assertFalse($reportPrivateExpired->is_public);
        $this->assertNull($reportPrivateExpired->share_secret);
        $this->assertFalse($reportPublicExpired->is_public);
        $this->assertNull($reportPublicExpired->share_secret);
        $this->assertFalse($reportPrivateNoExpiration->is_public);
        $this->assertNull($reportPrivateNoExpiration->share_secret);
        $this->assertTrue($reportPublicNoExpiration->is_public);
        $this->assertNotNull($reportPublicNoExpiration->share_secret);
        $this->assertFalse($reportPrivateNotExpired->is_public);
        $this->assertNull($reportPrivateNotExpired->share_secret);
        $this->assertTrue($reportPublicNotExpired->is_public);
        $this->assertNotNull($reportPublicNotExpired->share_secret);
    }

    public function test_command_sets_expired_reports_to_private_in_dry_run_mode(): void
    {
        // Arrange
        $reportPrivateExpired = Report::factory()->private()->create([
            'public_until' => now()->subDay(),
        ]);
        $reportPublicExpired = Report::factory()->public()->create([
            'public_until' => now()->subDay(),
        ]);
        $reportPrivateNoExpiration = Report::factory()->private()->create([
            'public_until' => null,
        ]);
        $reportPublicNoExpiration = Report::factory()->public()->create([
            'public_until' => null,
        ]);
        $reportPrivateNotExpired = Report::factory()->private()->create([
            'public_until' => now()->addDay(),
        ]);
        $reportPublicNotExpired = Report::factory()->public()->create([
            'public_until' => now()->addDay(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('report:set-expired-to-private', ['--dry-run' => true]);

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Makes public reports private if the public_until date has passed...', $output);
        $this->assertStringContainsString('Running in dry-run mode. Nothing will be saved to the database.', $output);
        $this->assertStringContainsString('Make report "'.$reportPrivateExpired->name.'" ('.$reportPrivateExpired->getKey().') private, expired: '.$reportPrivateExpired->public_until->toIso8601ZuluString().' ('.$reportPrivateExpired->public_until->diffForHumans().')', $output);
        $this->assertStringContainsString('Make report "'.$reportPublicExpired->name.'" ('.$reportPublicExpired->getKey().') private, expired: '.$reportPublicExpired->public_until->toIso8601ZuluString().' ('.$reportPublicExpired->public_until->diffForHumans().')', $output);
        $this->assertStringContainsString('Finished setting 2 expired reports to private...', $output);
        $reportPrivateExpired->refresh();
        $reportPublicExpired->refresh();
        $reportPrivateNoExpiration->refresh();
        $reportPublicNoExpiration->refresh();
        $reportPrivateNotExpired->refresh();
        $reportPublicNotExpired->refresh();
        $this->assertFalse($reportPrivateExpired->is_public);
        $this->assertNull($reportPrivateExpired->share_secret);
        $this->assertTrue($reportPublicExpired->is_public);
        $this->assertNotNull($reportPublicExpired->share_secret);
        $this->assertFalse($reportPrivateNoExpiration->is_public);
        $this->assertNull($reportPrivateNoExpiration->share_secret);
        $this->assertTrue($reportPublicNoExpiration->is_public);
        $this->assertNotNull($reportPublicNoExpiration->share_secret);
        $this->assertFalse($reportPrivateNotExpired->is_public);
        $this->assertNull($reportPrivateNotExpired->share_secret);
        $this->assertTrue($reportPublicNotExpired->is_public);
        $this->assertNotNull($reportPublicNotExpired->share_secret);
    }
}


================================================
FILE: tests/Unit/Console/Commands/SelfHost/SelfHostCheckForUpdateCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\SelfHost;

use App\Console\Commands\SelfHost\SelfHostCheckForUpdateCommand;
use App\Service\ApiService;
use Cache;
use Illuminate\Console\Command;
use Illuminate\Http\Client\ConnectionException;
use Illuminate\Support\Facades\Artisan;
use Illuminate\Support\Facades\Http;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(SelfHostCheckForUpdateCommand::class)]
#[CoversClass(ApiService::class)]
class SelfHostCheckForUpdateCommandTest extends TestCase
{
    public function test_checks_for_update_and_saves_version_in_cache(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/version' => Http::response(['version' => '1.2.3'], 200),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:check-for-update');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame('1.2.3', Cache::get('latest_version'));
    }

    public function test_checks_for_update_fails_gracefully_if_response_has_error_status_code(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/version' => Http::response(null, 500),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:check-for-update');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Failed to check for update, check the logs for more information.', $output);
    }

    public function test_checks_for_update_fails_gracefully_if_timeout_happens(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/version' => function (): void {
                throw new ConnectionException('Connection timed out');
            },
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:check-for-update');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Failed to check for update, check the logs for more information.', $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/SelfHost/SelfHostDatabaseConsistencyCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\SelfHost;

use App\Console\Commands\SelfHost\SelfHostDatabaseConsistency;
use App\Enums\Role;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Artisan;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(SelfHostDatabaseConsistency::class)]
class SelfHostDatabaseConsistencyCommandTest extends TestCaseWithDatabase
{
    public function test_checks_that_task_need_to_be_part_of_project_in_time_entries(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $project1 = Project::factory()->forOrganization($user->organization)->create();
        $project2 = Project::factory()->forOrganization($user->organization)->create();
        $task = Task::factory()->forOrganization($user->organization)->forProject($project1)->create();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forTask($task)->forProject($project2)->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Time entries have a task that does not belong to the project of the time entry\n  - ".$timeEntry->getKey()."\n", $output);
    }

    public function test_checks_that_client_id_is_the_client_id_of_the_project(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $client1 = Client::factory()->forOrganization($user->organization)->create();
        $client2 = Client::factory()->forOrganization($user->organization)->create();
        $project = Project::factory()->forOrganization($user->organization)->forClient($client1)->create();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->create([
            'client_id' => $client2->id,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Time entries have a client that does not match the client of the project\n  - ".$timeEntry->getKey()."\n", $output);
    }

    public function test_checks_that_client_id_is_the_client_id_of_the_project_with_no_client_in_time_entry(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $client1 = Client::factory()->forOrganization($user->organization)->create();
        $client2 = Client::factory()->forOrganization($user->organization)->create();
        $project = Project::factory()->forOrganization($user->organization)->forClient($client1)->create();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->create([
            'client_id' => null,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Time entries have a client that does not match the client of the project\n  - ".$timeEntry->getKey()."\n", $output);
    }

    public function test_checks_that_client_id_is_only_null_if_project_is_also_null(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $client1 = Client::factory()->forOrganization($user->organization)->create();
        $project = Project::factory()->forOrganization($user->organization)->forClient($client1)->create();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->create([
            'client_id' => $client1->getKey(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Time entries have a client but no project\n  - ".$timeEntry->getKey()."\n", $output);
    }

    public function test_checks_that_every_user_needs_to_be_a_member_of_at_least_one_organization(): void
    {
        // Arrange
        $user = User::factory()->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Users are not member of any organization\n  - ".$user->getKey()."\n", $output);
    }

    public function test_checks_that_every_organization_needs_at_least_an_owner(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $organization = Organization::factory()->withOwner($user->user)->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Organizations without an owner\n  - ".$organization->getKey()."\n", $output);
    }

    public function test_checks_that_every_member_can_only_have_one_running_time_entry(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Owner);
        $timeEntry1 = TimeEntry::factory()->forMember($user->member)->active()->create();
        $timeEntry2 = TimeEntry::factory()->forMember($user->member)->active()->create();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Users with more than one running time entry\n  - ".$user->user->getKey()."\n", $output);
    }

    public function test_checks_that_users_have_a_current_organization_that_they_are_not_a_member_of(): void
    {
        // Arrange
        $user1 = $this->createUserWithRole(Role::Owner);
        $user2 = $this->createUserWithRole(Role::Owner);
        $user1->user->currentOrganization()->associate($user2->organization);
        $user1->user->save();

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:database-consistency');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Consistency problem: Users have a current organization that they are not a member of\n  - ".$user1->user->getKey()."\n", $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/SelfHost/SelfHostGenerateKeysCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\SelfHost;

use App\Console\Commands\SelfHost\SelfHostGenerateKeysCommand;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\Artisan;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(SelfHostGenerateKeysCommand::class)]
class SelfHostGenerateKeysCommandTest extends TestCase
{
    public function test_generates_app_key_and_passport_keys_per_default_in_env_format(): void
    {
        // Arrange

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:generate-keys');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('APP_KEY="base64:', $output);
        $this->assertStringContainsString('PASSPORT_PRIVATE_KEY="-----BEGIN PRIVATE KEY-----\n', $output);
        $this->assertStringContainsString('PASSPORT_PUBLIC_KEY="-----BEGIN PUBLIC KEY-----\n', $output);
    }

    public function test_generates_app_key_and_passport_keys_in_env_format_in_multiline_if_requested(): void
    {
        // Arrange

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:generate-keys --multi-line');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('APP_KEY="base64:', $output);
        $this->assertStringContainsString("PASSPORT_PRIVATE_KEY=\"-----BEGIN PRIVATE KEY-----\n", $output);
        $this->assertStringContainsString("PASSPORT_PUBLIC_KEY=\"-----BEGIN PUBLIC KEY-----\n", $output);
    }

    public function test_generates_app_key_and_passport_keys_in_yaml_format_if_requested(): void
    {
        // Arrange

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:generate-keys --format=yaml');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('APP_KEY: "base64:', $output);
        $this->assertStringContainsString("PASSPORT_PRIVATE_KEY: |\n  -----BEGIN PRIVATE KEY-----", $output);
        $this->assertStringContainsString("PASSPORT_PUBLIC_KEY: |\n  -----BEGIN PUBLIC KEY-----", $output);
    }

    public function test_generates_app_fail_if_attribute_format_is_invalid(): void
    {
        // Arrange

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:generate-keys --format=invalid');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Invalid format\n", $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/SelfHost/SelfHostTelemetryCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\SelfHost;

use App\Console\Commands\SelfHost\SelfHostTelemetryCommand;
use App\Service\ApiService;
use Illuminate\Console\Command;
use Illuminate\Http\Client\ConnectionException;
use Illuminate\Support\Facades\Artisan;
use Illuminate\Support\Facades\Http;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(SelfHostTelemetryCommand::class)]
#[CoversClass(ApiService::class)]
class SelfHostTelemetryCommandTest extends TestCase
{
    public function test_telemetry_sends_data_to_telemetry_endpoint_of_solidtime_cloud(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/telemetry' => Http::response(['success' => true], 200),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:telemetry');

        // Assert
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame('', $output);
    }

    public function test_telemetry_sends_fails_gracefully_if_response_has_error_status_code(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/telemetry' => Http::response(null, 500),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:telemetry');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Failed to send telemetry data, check the logs for more information.', $output);
    }

    public function test_telemetry_sends_fails_gracefully_if_timeout_happens(): void
    {
        // Arrange
        Http::fake([
            'https://app.solidtime.io/api/v1/ping/telemetry' => function (): void {
                throw new ConnectionException('Connection timed out');
            },
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('self-host:telemetry');

        // Assert
        $this->assertSame(Command::FAILURE, $exitCode);
        $output = Artisan::output();
        $this->assertStringContainsString('Failed to send telemetry data, check the logs for more information.', $output);
    }
}


================================================
FILE: tests/Unit/Console/Commands/TimeEntry/TimeEntrySendStillRunningMailsCommandTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console\Commands\TimeEntry;

use App\Console\Commands\TimeEntry\TimeEntrySendStillRunningMailsCommand;
use App\Mail\TimeEntryStillRunningMail;
use App\Models\TimeEntry;
use Illuminate\Console\Command;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Artisan;
use Illuminate\Support\Facades\Mail;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(TimeEntrySendStillRunningMailsCommand::class)]
class TimeEntrySendStillRunningMailsCommandTest extends TestCaseWithDatabase
{
    public function test_sends_mails_for_still_running_time_entries(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntryRunningLongerThanThreshold = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->subSecond(),
            'end' => null,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails');

        // Assert
        Mail::assertQueued(TimeEntryStillRunningMail::class, function ($mail) use ($user, $timeEntryRunningLongerThanThreshold) {
            return $mail->hasTo($user->user->email) &&
                $mail->timeEntry->is($timeEntryRunningLongerThanThreshold) &&
                $mail->user->is($user->user);
        });
        $timeEntryRunningLongerThanThreshold->refresh();
        $this->assertNotNull($timeEntryRunningLongerThanThreshold->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            'Start sending email to user "'.$user->user->email.'" ('.$user->user->getKey().') for time entry '.$timeEntryRunningLongerThanThreshold->getKey()."\n".
            "Finished sending 1 still running time entry emails...\n", $output);

    }

    public function test_does_not_send_emails_for_not_running_time_entries(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->subSecond(),
            'end' => Carbon::now(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails');

        // Assert
        Mail::assertNothingOutgoing();
        $timeEntry->refresh();
        $this->assertNull($timeEntry->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            "Finished sending 0 still running time entry emails...\n", $output);
    }

    public function test_does_not_send_emails_for_running_time_entries_that_are_short_than_the_threshold(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->addMinute(),
            'end' => null,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails');

        // Assert
        Mail::assertNothingOutgoing();
        $timeEntry->refresh();
        $this->assertNull($timeEntry->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            "Finished sending 0 still running time entry emails...\n", $output);
    }

    public function test_does_not_send_emails_for_running_time_entries_that_are_longer_than_the_threshold_but_already_received_the_email(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->subMinute(),
            'end' => null,
            'still_active_email_sent_at' => Carbon::now()->subMinute(),
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails');

        // Assert
        Mail::assertNothingOutgoing();
        $timeEntry->refresh();
        $this->assertNotNull($timeEntry->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            "Finished sending 0 still running time entry emails...\n", $output);
    }

    public function test_dry_run_option_does_not_send_mails_but_outputs_what_would_happen(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntryRunningLongerThanThreshold = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->subSecond(),
            'end' => null,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails --dry-run');

        // Assert
        Mail::assertNothingOutgoing();
        $timeEntryRunningLongerThanThreshold->refresh();
        $this->assertNull($timeEntryRunningLongerThanThreshold->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            "Running in dry-run mode. No emails will be sent and nothing will be saved to the database.\n".
            'Start sending email to user "'.$user->user->email.'" ('.$user->user->getKey().') for time entry '.$timeEntryRunningLongerThanThreshold->getKey()."\n".
            "Finished sending 1 still running time entry emails...\n", $output);
    }

    public function test_does_not_send_emails_for_placeholder_users(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $user->user->is_placeholder = true;
        $user->user->save();
        $timeEntryRunningLongerThanThreshold = TimeEntry::factory()->forMember($user->member)->create([
            'start' => Carbon::now()->subHours(8)->subSecond(),
            'end' => null,
        ]);

        // Act
        $exitCode = $this->withoutMockingConsoleOutput()->artisan('time-entry:send-still-running-mails');

        // Assert
        Mail::assertNothingOutgoing();
        $timeEntryRunningLongerThanThreshold->refresh();
        $this->assertNull($timeEntryRunningLongerThanThreshold->still_active_email_sent_at);
        $this->assertSame(Command::SUCCESS, $exitCode);
        $output = Artisan::output();
        $this->assertSame("Sending still running time entry emails...\n".
            "Finished sending 0 still running time entry emails...\n", $output);
    }
}


================================================
FILE: tests/Unit/Console/KernelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Console;

use App\Console\Kernel;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(Kernel::class)]
class KernelTest extends TestCase
{
    public function test_self_host_commands_schedule_time_is_consistent_with_app_key(): void
    {
        // Arrange
        config([
            'app.key' => 'base64:cOXN4GLMXYjcdG0fKosnFogofXw1pNoXkLAViRH+a5Y=',
        ]);

        // Act
        $schedule1 = app()->make(Kernel::class)->resolveConsoleSchedule();
        $firstRunEvents = collect($schedule1->events())->filter(fn ($event) => str_contains($event->command, 'self-host:check-for-update') ||
            str_contains($event->command, 'self-host:telemetry')
        );

        $schedule2 = app()->make(Kernel::class)->resolveConsoleSchedule();
        $secondRunEvents = collect($schedule2->events())->filter(fn ($event) => str_contains($event->command, 'self-host:check-for-update') ||
            str_contains($event->command, 'self-host:telemetry')
        );
        config([
            'app.key' => 'base64:eP58hkQ8l3guqf8wvWJR7pB0weVQtnpjMdYpaVwX4Jw=',
        ]);
        $schedule3 = app()->make(Kernel::class)->resolveConsoleSchedule();
        $thirdRunEvents = collect($schedule3->events())->filter(fn ($event) => str_contains($event->command, 'self-host:check-for-update') ||
            str_contains($event->command, 'self-host:telemetry')
        );

        // Assert
        $this->assertCount(2, $firstRunEvents);
        $this->assertCount(2, $secondRunEvents);
        $this->assertCount(2, $thirdRunEvents);

        foreach ($firstRunEvents as $index => $event) {
            $this->assertSame('52 9,21 * * *', $firstRunEvents[$index]->expression);
            $this->assertSame('52 9,21 * * *', $secondRunEvents[$index]->expression);
            $this->assertSame('48 13,1 * * *', $thirdRunEvents[$index]->expression);
        }
    }

    public function test_self_hosting_telemetry_can_be_activated(): void
    {
        // Arrange
        config([
            'scheduling.tasks.self_hosting_telemetry' => true,
        ]);

        // Act
        $schedule = app()->make(Kernel::class)->resolveConsoleSchedule();
        $events = collect($schedule->events())->filter(fn ($event) => str_contains($event->command, 'self-host:telemetry')
        );

        // Assert
        $this->assertCount(1, $events);
    }

    public function test_self_hosting_telemetry_can_be_deactivated(): void
    {
        // Arrange
        config([
            'scheduling.tasks.self_hosting_telemetry' => false,
        ]);

        // Act
        $schedule = app()->make(Kernel::class)->resolveConsoleSchedule();
        $events = collect($schedule->events())->filter(fn ($event) => str_contains($event->command, 'self-host:telemetry')
        );

        // Assert
        $this->assertCount(0, $events);
    }

    public function test_self_hosting_check_for_update_can_be_activated(): void
    {
        // Arrange
        config([
            'scheduling.tasks.self_hosting_check_for_update' => true,
        ]);

        // Act
        $schedule = app()->make(Kernel::class)->resolveConsoleSchedule();
        $events = collect($schedule->events())->filter(fn ($event) => str_contains($event->command, 'self-host:check-for-update')
        );

        // Assert
        $this->assertCount(1, $events);
    }

    public function test_self_hosting_check_for_update_can_be_deactivated(): void
    {
        // Arrange
        config([
            'scheduling.tasks.self_hosting_check_for_update' => false,
        ]);

        // Act
        $schedule = app()->make(Kernel::class)->resolveConsoleSchedule();
        $events = collect($schedule->events())->filter(fn ($event) => str_contains($event->command, 'self-host:check-for-update')
        );

        // Assert
        $this->assertCount(0, $events);
    }
}


================================================
FILE: tests/Unit/Database/MigrationTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Database;

use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

class MigrationTest extends TestCase
{
    use RefreshDatabase;

    public function test_fresh_migration_and_rollback_runs_successfully(): void
    {
        $this->artisan('migrate:rollback')
            ->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Database/SeederTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Database;

use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Config;
use Tests\TestCase;

class SeederTest extends TestCase
{
    use RefreshDatabase;

    public function test_running_the_seeder_multiple_times_runs_successfully(): void
    {
        $this->setupForSeeder();
        $this->artisan('db:seed')
            ->assertSuccessful();
        $this->artisan('db:seed')
            ->assertSuccessful();
    }

    public function test_fresh_migration_with_seeder_and_rollback_runs_successfully(): void
    {
        $this->setupForSeeder();
        $this->artisan('db:seed')
            ->assertSuccessful();
        $this->artisan('migrate:rollback')
            ->assertSuccessful();
    }

    private function setupForSeeder(): void
    {
        Config::set('passport.personal_access_client.id', '9e27f54d-5dfb-4dde-99d7-834518236c92');
        Config::set('passport.personal_access_client.secret', 'EL5mXp3aF8ITjcwoOXRpbSK7zGrWhW4zTDpQXTkf');
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ApiEndpointTestAbstract.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use Illuminate\Testing\TestResponse;
use Tests\TestCaseWithDatabase;

class ApiEndpointTestAbstract extends TestCaseWithDatabase
{
    protected function assertResponseCode(TestResponse $response, int $statusCode): void
    {
        if ($response->getStatusCode() !== $statusCode) {
            dump($response->getContent());
        }
        $response->assertStatus($statusCode);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ApiTokenEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\ApiTokenController;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use Laravel\Passport\ClientRepository;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ApiTokenController::class)]
class ApiTokenEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_returns_list_api_tokens(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $personalAccessClient = $this->createPersonalAccessClient();
        $client = $this->createClient();
        $token = Token::factory()->forUser($data->user)->forClient($personalAccessClient)->create();
        $otherTokenType = Token::factory()->forUser($data->user)->forClient($client)->create();
        $otherData = $this->createUserWithPermission([]);
        $otherToken = Token::factory()->forUser($otherData->user)->forClient($personalAccessClient)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.api-tokens.index'));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertExactJson([
            'data' => [
                [
                    'id' => $token->id,
                    'name' => $token->name,
                    'scopes' => $token->scopes,
                    'revoked' => $token->revoked,
                    'created_at' => $token->created_at->toIso8601ZuluString(),
                    'expires_at' => $token->expires_at->toIso8601ZuluString(),
                ],
            ],
        ]);
    }

    public function test_index_endpoint_returns_api_tokens_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $personalAccessClient = $this->createPersonalAccessClient();
        $tokenOldest = Token::factory()->forUser($data->user)->forClient($personalAccessClient)->create([
            'created_at' => now()->subDays(3),
        ]);
        $tokenNewest = Token::factory()->forUser($data->user)->forClient($personalAccessClient)->create([
            'created_at' => now()->subDay(),
        ]);
        $tokenMiddle = Token::factory()->forUser($data->user)->forClient($personalAccessClient)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.api-tokens.index'));

        // Assert
        $this->assertResponseCode($response, 200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        $this->assertSame([$tokenNewest->id, $tokenMiddle->id, $tokenOldest->id], $ids);
    }

    public function test_store_endpoint_creates_new_api_token(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $personalAccessClient = $this->createPersonalAccessClient();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.store'), [
            'name' => 'Test Token',
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonStructure([
            'data' => [
                'id',
                'name',
                'scopes',
                'revoked',
                'created_at',
                'expires_at',
                'access_token',
            ],
        ]);
    }

    public function test_store_fails_if_personal_access_client_is_not_configured(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.store'), [
            'name' => 'Test Token',
        ]);

        // Assert
        $this->assertResponseCode($response, 400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'personal_access_client_is_not_configured',
            'message' => 'Personal access client is not configured',
        ]);
    }

    public function test_revoke_endpoint_revokes_api_token(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $client = $this->createPersonalAccessClient();
        $token = Token::factory()->forUser($data->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.revoke', $token->id));

        // Assert
        $this->assertResponseCode($response, 204);
        $this->assertDatabaseHas(Token::class, [
            'id' => $token->id,
            'revoked' => true,
        ]);
    }

    public function test_revoke_fails_if_token_is_not_personal_access_token(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $personalAccessClient = $this->createPersonalAccessClient();
        $client = $this->createClient();
        $token = Token::factory()->forUser($data->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.revoke', $token->id));

        // Assert
        $this->assertResponseCode($response, 403);
        $this->assertDatabaseHas(Token::class, [
            'id' => $token->id,
            'revoked' => false,
        ]);
    }

    public function test_revoke_fails_if_token_with_id_does_not_exist(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.revoke', 'not-valid'));

        // Assert
        $this->assertResponseCode($response, 404);
    }

    public function test_revoke_fails_if_the_token_does_not_belong_to_the_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $otherData = $this->createUserWithPermission([]);
        $client = $this->createPersonalAccessClient();
        $token = Token::factory()->forUser($otherData->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.api-tokens.revoke', $token->id));

        // Assert
        $this->assertResponseCode($response, 403);
        $this->assertDatabaseHas(Token::class, [
            'id' => $token->id,
            'revoked' => false,
        ]);
    }

    public function test_destroy_endpoint_deletes_api_token(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $client = $this->createPersonalAccessClient();
        $token = Token::factory()->forUser($data->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.api-tokens.destroy', $token->id));

        // Assert
        $this->assertResponseCode($response, 204);
        $this->assertDatabaseMissing(Token::class, ['id' => $token->id]);
    }

    public function test_destroy_fails_if_token_is_not_personal_access_token(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $personalAccessClient = $this->createPersonalAccessClient();
        $client = $this->createClient();
        $token = Token::factory()->forUser($data->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.api-tokens.destroy', $token->id));

        // Assert
        $this->assertResponseCode($response, 403);
        $this->assertDatabaseHas(Token::class, [
            'id' => $token->id,
        ]);
    }

    public function test_destroy_fails_if_token_with_id_does_not_exist(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.api-tokens.destroy', 'not-valid'));

        // Assert
        $this->assertResponseCode($response, 404);
    }

    public function test_destroy_fails_if_the_token_does_not_belong_to_the_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $otherData = $this->createUserWithPermission([]);
        $client = $this->createPersonalAccessClient();
        $token = Token::factory()->forUser($otherData->user)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.api-tokens.destroy', $token->id));

        // Assert
        $this->assertResponseCode($response, 403);
        $this->assertDatabaseHas(Token::class, [
            'id' => $token->id,
        ]);
    }

    private function createPersonalAccessClient(): Client
    {
        $clientRepository = new ClientRepository;
        /** @var Client $client */
        $client = $clientRepository->createPersonalAccessGrantClient('Test Personal Access Client');

        return $client;
    }

    private function createClient(): Client
    {
        $clientRepository = new ClientRepository;
        /** @var Client $client */
        $client = $clientRepository->createAuthorizationCodeGrantClient(
            name: 'Desktop App',
            redirectUris: ['http://localhost']
        );

        return $client;
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ChartEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\Role;
use Laravel\Passport\Passport;
use Tests\Unit\Endpoint\Web\EndpointTestAbstract;

class ChartEndpointTest extends EndpointTestAbstract
{
    public function test_weekly_project_overview_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.weekly-project-overview', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_weekly_project_overview_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.weekly-project-overview', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_latest_tasks_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.latest-tasks', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_latest_tasks_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.latest-tasks', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_last_seven_days_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.last-seven-days', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_last_seven_days_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.last-seven-days', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_latest_team_activity_endpoint_fails_if_user_has_no_permission_to_view_chart_for_the_whole_orgnaization(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.latest-team-activity', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_latest_team_activity_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:all']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.latest-team-activity', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_daily_tracked_hours_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.daily-tracked-hours', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_daily_tracked_hours_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.daily-tracked-hours', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_total_weekly_time_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-time', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_total_weekly_time_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-time', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_total_weekly_billable_time_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-billable-time', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_total_weekly_billable_time_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-billable-time', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_total_weekly_billable_amount_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-billable-amount', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_total_weekly_billable_amount_endpoint_fails_if_the_user_is_an_employee_but_the_organization_does_not_allow_employees_to_view_billable_rates(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Employee);
        $organization = $user->organization;
        $organization->employees_can_see_billable_rates = false;
        $organization->save();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-billable-amount', [
            'organization' => $organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_total_weekly_billable_amount_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithRole(Role::Employee);
        $organization = $user->organization;
        $organization->employees_can_see_billable_rates = true;
        $organization->save();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.total-weekly-billable-amount', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }

    public function test_weekly_history_endpoint_fails_if_user_has_no_permission_to_view_chart(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.weekly-history', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_weekly_history_endpoint_returns_chart_data(): void
    {
        // Arrange
        $user = $this->createUserWithPermission(['charts:view:own']);
        Passport::actingAs($user->user);

        // Act
        $response = $this->getJson(route('api.v1.charts.weekly-history', [
            'organization' => $user->organization,
        ]));

        // Assert
        $response->assertOk();
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ClientEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\ClientController;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ClientController::class)]
class ClientEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $clients = Client::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_clients_of_organization_ordered_by_created_at_desc_per_default(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
            'clients:view:all',
        ]);
        $clients = Client::factory()->forOrganization($data->organization)->randomCreatedAt()->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $clients = Client::query()->orderBy('created_at', 'desc')->get();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->count('data', 4)
            ->where('data.0.id', $clients->get(0)->getKey())
            ->where('data.1.id', $clients->get(1)->getKey())
            ->where('data.2.id', $clients->get(2)->getKey())
            ->where('data.3.id', $clients->get(3)->getKey())
        );
    }

    public function test_index_endpoint_returns_list_of_clients_assigned_to_employee_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
        ]);

        $clients = Client::factory()->forOrganization($data->organization)->createMany(2);
        $projectWithMembership1 = Project::factory()->forOrganization($data->organization)->forClient($clients->get(0))->addMember($data->member)->isPrivate()->create();
        $projectWithMembership2 = Project::factory()->forOrganization($data->organization)->forClient($clients->get(1))->addMember($data->member)->isPrivate()->create();

        $otherClients = Client::factory()->forOrganization($data->organization)->createMany(2);
        $projectWithoutMembership = Project::factory()->forOrganization($data->organization)->forClient($otherClients->get(0))->isPrivate()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->count('data', 2)
            ->where('data.0.id', $clients->get(0)->getKey())
            ->where('data.1.id', $clients->get(1)->getKey())
        );
    }

    public function test_index_endpoint_without_filter_archived_returns_only_non_archived_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
            'clients:view:all',
        ]);
        $archivedClients = Client::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedClients = Client::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($nonArchivedClients->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_true_returns_only_archived_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
            'clients:view:all',
        ]);
        $archivedClients = Client::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedClients = Client::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [
            $data->organization->getKey(),
            'archived' => 'true',
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($archivedClients->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_false_returns_only_non_archived_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
            'clients:view:all',
        ]);
        $archivedClients = Client::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedClients = Client::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [
            $data->organization->getKey(),
            'archived' => 'false',
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($nonArchivedClients->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_all_returns_all_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:view',
            'clients:view:all',
        ]);
        $archivedClients = Client::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedClients = Client::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.clients.index', [
            $data->organization->getKey(),
            'archived' => 'all',
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $this->assertEqualsCanonicalizing($archivedClients->merge($nonArchivedClients)->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.clients.store', [$data->organization->getKey()]), [
            'name' => 'Test Client',
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_client_with_same_name_already_exists(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:create',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.clients.store', [$data->organization->getKey()]), [
            'name' => $client->name,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A client with the same name already exists in the organization.',
        ]);
        $this->assertDatabaseCount(Client::class, 1);
    }

    public function test_store_endpoint_fails_if_client_with_same_name_exists_in_different_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:create',
        ]);
        $otherOrganization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.clients.store', [$data->organization->getKey()]), [
            'name' => $client->name,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseCount(Client::class, 2);
    }

    public function test_store_endpoint_creates_new_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:create',
        ]);
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.clients.store', [$data->organization->getKey()]), [
            'name' => $clientFake->name,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $clientFake->name)
        );
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_is_not_part_of_client_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $otherOrganization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($otherOrganization)->create();
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Client::class, [
            'id' => $client->getKey(),
            'name' => $client->name,
            'organization_id' => $otherOrganization->getKey(),
        ]);
    }

    public function test_update_endpoint_fails_if_client_if_client_with_same_name_already_exists(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $clientFake = Client::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A client with the same name already exists in the organization.',
        ]);
        $this->assertDatabaseHas(Client::class, [
            'id' => $client->getKey(),
            'name' => $client->name,
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_update_endpoint_updates_client_name_even_if_client_with_same_name_exists_in_different_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $otherOrganization = Organization::factory()->create();
        $clientSameName = Client::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientSameName->name,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Client::class, [
            'id' => $client->getKey(),
            'name' => $clientSameName->name,
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_update_endpoint_updates_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $clientFake->name)
        );
        $this->assertDatabaseHas(Client::class, [
            'name' => $clientFake->name,
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_update_endpoint_can_archive_a_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
            'is_archived' => true,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_archived', true)
        );
        $client->refresh();
        $this->assertTrue($client->is_archived);
    }

    public function test_update_endpoint_can_unarchive_a_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->archived()->create();
        $clientFake = Client::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.clients.update', [$data->organization->getKey(), $client->getKey()]), [
            'name' => $clientFake->name,
            'is_archived' => false,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_archived', false)
        );
        $client->refresh();
        $this->assertFalse($client->is_archived);
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_clients(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $client = Client::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.clients.destroy', [$data->organization->getKey(), $client->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_user_is_not_part_of_client_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:delete',
        ]);
        $otherOrganization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.clients.destroy', [$data->organization->getKey(), $client->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Client::class, [
            'id' => $client->getKey(),
            'name' => $client->name,
            'organization_id' => $otherOrganization->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_client_is_still_in_use_by_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:delete',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.clients.destroy', [$data->organization->getKey(), $client->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The client is still used by a project and can not be deleted.');
        $this->assertDatabaseHas(Client::class, [
            'id' => $client->getKey(),
        ]);
    }

    public function test_destroy_endpoint_deletes_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'clients:delete',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.clients.destroy', [$data->organization->getKey(), $client->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(Client::class, [
            'id' => $client->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/CurrencyEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\CurrencyController;
use App\Service\CurrencyService;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(CurrencyController::class)]
#[CoversClass(CurrencyService::class)]
class CurrencyEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_return_list_of_available_currencies_incl_symbol(): void
    {
        // Arrange

        // Act
        $response = $this->getJson(route('api.v1.currencies.index'));

        // Assert
        $response->assertOk();
        $response->assertJsonCount(166);
        $responseObj = collect($response->json());
        $this->assertSame([
            'code' => 'EUR',
            'name' => 'Euro',
            'symbol' => '€',
        ], $responseObj->firstWhere('code', '=', 'EUR'));
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ExportEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\ExportController;
use App\Models\Organization;
use App\Service\Export\ExportException;
use App\Service\Export\ExportService;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Storage;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ExportController::class)]
class ExportEndpointTest extends ApiEndpointTestAbstract
{
    public function test_export_fails_if_user_does_not_have_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $this->mock(ExportService::class, function (MockInterface $mock): void {
            $mock->shouldNotReceive('export');
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.export.export', ['organization' => $data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_export_return_error_message_if_export_fails(): void
    {
        $user = $this->createUserWithPermission([
            'export',
        ]);
        $this->mock(ExportService::class, function (MockInterface $mock) use (&$user): void {
            $mock->shouldReceive('export')
                ->withArgs(function (Organization $organization) use (&$user): bool {
                    return $organization->is($user->organization);
                })
                ->andThrow(new ExportException)
                ->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->postJson(route('api.v1.export.export', ['organization' => $user->organization->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'export',
            'message' => 'Export failed, please try again later or contact support',
        ]);
    }

    public function test_export_calls_export_service_if_user_has_permission(): void
    {
        // Arrange
        $user = $this->createUserWithPermission([
            'export',
        ]);
        $filepath = 'exports/path.zip';
        Storage::fake('local');
        $now = Carbon::now();
        $this->travelTo($now);
        $this->mock(ExportService::class, function (MockInterface $mock) use (&$user, $filepath): void {
            $mock->shouldReceive('export')
                ->withArgs(function (Organization $organization) use (&$user): bool {
                    return $organization->is($user->organization);
                })
                ->andReturn($filepath)
                ->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->postJson(route('api.v1.export.export', [
            'organization' => $user->organization->getKey(),
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonPath('success', true);
        $this->assertStringContainsString($filepath, $response->json('download_url'));
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ImportEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\ImportController;
use App\Models\Organization;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\ReportDto;
use App\Service\Import\ImportService;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ImportController::class)]
class ImportEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_fails_if_user_does_not_have_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();

        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.import.index', ['organization' => $data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_returns_importers_if_user_has_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'import',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.import.index', ['organization' => $data->organization->getKey()]));

        // Assert
        $response->assertOk();
        $response->assertJsonStructure([
            'data' => [
                [
                    'key',
                    'name',
                    'description',
                ],
            ],
        ]);
        $toggleTimeEntries = collect($response->json('data'))->where('key', 'toggl_time_entries')->first();
        $this->assertSame('toggl_time_entries', $toggleTimeEntries['key']);
        $this->assertSame('Toggl Time Entries', $toggleTimeEntries['name']);
        $this->assertSame(__('importer.toggl_time_entries.description'), $toggleTimeEntries['description']);
    }

    public function test_import_fails_if_user_does_not_have_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();

        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.import.import', ['organization' => $data->organization->getKey()]), [
            'type' => 'toggl_time_entries',
            'data' => base64_encode('some data'),
            'options' => [],
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_import_fails_if_data_can_not_be_base64_decoded(): void
    {
        // Arrange
        $user = $this->createUserWithPermission([
            'import',
        ]);
        Passport::actingAs($user->user);

        // Act
        $response = $this->postJson(route('api.v1.import.import', ['organization' => $user->organization->getKey()]), [
            'type' => 'toggl_time_entries',
            'data' => 'some invalid data ...',
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'message' => 'Invalid base64 encoded data',
        ]);
    }

    public function test_import_return_error_message_if_import_fails(): void
    {
        // Arrange
        $user = $this->createUserWithPermission([
            'import',
        ]);
        $this->mock(ImportService::class, function (MockInterface $mock) use (&$user): void {
            $mock->shouldReceive('import')
                ->withArgs(function (Organization $organization, string $importerType, string $data) use (&$user): bool {
                    return $organization->is($user->organization) && $importerType === 'toggl_time_entries' && $data === 'some data';
                })
                ->andThrow(new ImportException('This is a test error!'))
                ->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->postJson(route('api.v1.import.import', ['organization' => $user->organization->getKey()]), [
            'type' => 'toggl_time_entries',
            'data' => base64_encode('some data'),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'message' => 'This is a test error!',
        ]);
    }

    public function test_import_calls_import_service_if_user_has_permission(): void
    {
        // Arrange
        $user = $this->createUserWithPermission([
            'import',
        ]);
        $this->mock(ImportService::class, function (MockInterface $mock) use (&$user): void {
            $mock->shouldReceive('import')
                ->withArgs(function (Organization $organization, string $importerType, string $data) use (&$user): bool {
                    return $organization->is($user->organization) && $importerType === 'toggl_time_entries' && $data === 'some data';
                })
                ->andReturn(new ReportDto(
                    clientsCreated: 1,
                    projectsCreated: 2,
                    tasksCreated: 3,
                    timeEntriesCreated: 4,
                    tagsCreated: 5,
                    usersCreated: 6,
                ))
                ->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->postJson(route('api.v1.import.import', ['organization' => $user->organization->getKey()]), [
            'type' => 'toggl_time_entries',
            'data' => base64_encode('some data'),
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertExactJson([
            'report' => [
                'clients' => [
                    'created' => 1,
                ],
                'projects' => [
                    'created' => 2,
                ],
                'tasks' => [
                    'created' => 3,
                ],
                'time_entries' => [
                    'created' => 4,
                ],
                'tags' => [
                    'created' => 5,
                ],
                'users' => [
                    'created' => 6,
                ],
            ],
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/InvitationEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\Role;
use App\Http\Controllers\Api\V1\InvitationController;
use App\Mail\OrganizationInvitationMail;
use App\Models\Member;
use App\Models\OrganizationInvitation;
use App\Models\User;
use Illuminate\Support\Facades\Mail;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(InvitationController::class)]
class InvitationEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_fails_if_user_has_no_permission_to_view_invitations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.invitations.index', $data->organization->id));

        // Assert
        $response->assertStatus(403);
    }

    public function test_index_returns_invitations_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:view',
        ]);
        $invitation1 = OrganizationInvitation::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.invitations.index', $data->organization->getKey()));

        // Assert
        $response->assertStatus(200);
        $response->assertJson([
            'data' => [
                [
                    'id' => $invitation1->getKey(),
                    'email' => $invitation1->email,
                    'role' => $invitation1->role,
                ],
            ],
        ]);
    }

    public function test_index_returns_invitations_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:view',
        ]);
        $invitationOldest = OrganizationInvitation::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(3),
        ]);
        $invitationNewest = OrganizationInvitation::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDay(),
        ]);
        $invitationMiddle = OrganizationInvitation::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.invitations.index', $data->organization->getKey()));

        // Assert
        $response->assertStatus(200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        $this->assertSame([$invitationNewest->getKey(), $invitationMiddle->getKey(), $invitationOldest->getKey()], $ids);
    }

    public function test_store_fails_if_user_has_no_permission_to_create_invitations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => 'test@mail.test',
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(403);
    }

    public function test_store_fails_if_user_invites_with_role_owner(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => 'test@asdf.at',
            'role' => Role::Owner->value,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonPath('message', 'The selected role is invalid.');
    }

    public function test_store_fails_if_user_invites_with_role_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => 'test@asdf.at',
            'role' => Role::Placeholder->value,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonPath('message', 'The selected role is invalid.');
    }

    public function test_store_fails_if_user_invites_user_who_is_already_member_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        Passport::actingAs($data->user);
        $member = Member::factory()->forOrganization($data->organization)->create();

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => $member->user->email,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'User is already a member of the organization');
    }

    public function test_store_fails_if_an_invitation_with_the_same_email_already_exists(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        Passport::actingAs($data->user);
        $email = 'user@email.test';
        $invitation = OrganizationInvitation::factory()->forOrganization($data->organization)->create([
            'email' => $email,
        ]);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => $email,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'invitation_for_the_email_already_exists',
            'message' => 'The email has already been invited to the organization. Please wait for the user to accept the invitation or resend the invitation email.',
        ]);
    }

    public function test_store_works_if_user_invites_user_who_is_also_a_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        $user = User::factory()->placeholder()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Placeholder)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => $user->email,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(204);
        $invitation = OrganizationInvitation::first();
        $this->assertNotNull($invitation);
        $this->assertEquals($user->email, $invitation->email);
        $this->assertEquals(Role::Employee->value, $invitation->role);
        Mail::assertQueued(fn (OrganizationInvitationMail $mail): bool => $mail->invitation->is($invitation));
        Mail::assertNothingSent();
    }

    public function test_store_invites_user_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.invitations.store', $data->organization->getKey()), [
            'email' => 'test@asdf.at',
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(204);
        $invitation = OrganizationInvitation::first();
        $this->assertNotNull($invitation);
        $this->assertEquals('test@asdf.at', $invitation->email);
        $this->assertEquals(Role::Employee->value, $invitation->role);
        Mail::assertQueued(fn (OrganizationInvitationMail $mail): bool => $mail->invitation->is($invitation));
        Mail::assertNothingSent();
    }

    public function test_resend_fails_if_user_has_no_permission_to_resend_the_invitation(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->forOrganization($data->organization)->create();

        // Act
        $response = $this->postJson(route('api.v1.invitations.resend', [
            $data->organization->getKey(),
            $invitation->getKey(),
        ]));

        // Assert
        Mail::assertNothingSent();
        Mail::assertNothingQueued();
        $response->assertStatus(403);
    }

    public function test_resend_fails_if_invitation_belongs_to_different_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:resend',
        ]);
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->create();

        // Act
        $response = $this->postJson(route('api.v1.invitations.resend', [$data->organization->getKey(), $invitation->getKey()]));

        // Assert
        Mail::assertNothingSent();
        Mail::assertNothingQueued();
        $response->assertStatus(403);
    }

    public function test_resend_resends_invitation_email(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:resend',
        ]);
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->forOrganization($data->organization)->create();

        // Act
        $response = $this->postJson(route('api.v1.invitations.resend', [
            $data->organization->getKey(),
            $invitation->getKey(),
        ]));

        // Assert
        $response->assertStatus(204);
        Mail::assertQueued(fn (OrganizationInvitationMail $mail): bool => $mail->invitation->is($invitation));
        Mail::assertNothingSent();
    }

    public function test_delete_fails_if_user_has_no_permission_to_remove_invitations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->forOrganization($data->organization)->create();

        // Act
        $response = $this->deleteJson(route('api.v1.invitations.destroy', [$data->organization->getKey(), $invitation->getKey()]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_delete_fails_if_invitation_belongs_to_different_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:remove',
        ]);
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->create();

        // Act
        $response = $this->deleteJson(route('api.v1.invitations.destroy', [$data->organization->getKey(), $invitation->getKey()]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_delete_removes_invitation(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'invitations:remove',
        ]);
        Passport::actingAs($data->user);
        $invitation = OrganizationInvitation::factory()->forOrganization($data->organization)->create();

        // Act
        $response = $this->deleteJson(route('api.v1.invitations.destroy', [$data->organization->getKey(), $invitation->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertNull(OrganizationInvitation::find($invitation->getKey()));
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/MemberEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\Role;
use App\Events\MemberMadeToPlaceholder;
use App\Events\MemberRemoved;
use App\Http\Controllers\Api\V1\MemberController;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\BillableRateService;
use Illuminate\Support\Facades\Event;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(MemberController::class)]
class MemberEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_fails_if_user_has_no_permission_to_view_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.members.index', $data->organization->id));

        // Assert
        $response->assertStatus(403);
    }

    public function test_index_returns_members_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:view',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.members.index', $data->organization->getKey()));

        // Assert
        $response->assertStatus(200);
    }

    public function test_index_returns_members_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:view',
        ]);
        $memberOldest = Member::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(3),
        ]);
        $memberNewest = Member::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDay(),
        ]);
        $memberMiddle = Member::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.members.index', $data->organization->getKey()));

        // Assert
        $response->assertStatus(200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        // Verify that the three explicitly created members appear in newest-first order
        $createdMemberIds = array_values(array_filter($ids, fn ($id) => in_array($id, [
            $memberOldest->getKey(),
            $memberNewest->getKey(),
            $memberMiddle->getKey(),
        ], true)));
        $this->assertSame([$memberNewest->getKey(), $memberMiddle->getKey(), $memberOldest->getKey()], $createdMemberIds);
    }

    public function test_update_member_fails_if_user_has_no_permission_to_update_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $data->member->getKey()]), [
            'billable_rate' => 10001,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(403);
    }

    public function test_update_member_fails_if_member_is_not_part_of_org(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $otherData = $this->createUserWithPermission([
            'members:update',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $otherData->member->getKey()]), [
            'billable_rate' => 10001,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(403);
    }

    public function test_update_member_succeeds_if_data_is_valid(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $member = Member::factory()->forOrganization($data->organization)->withBillableRate()->role(Role::Admin)->create();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->id, $member]), [
            'billable_rate' => $member->billable_rate,
            'role' => Role::Employee->value,
        ]);

        // Assert
        $response->assertStatus(200);
        $oldBillableRate = $member->billable_rate;
        $member->refresh();
        $this->assertSame($oldBillableRate, $member->billable_rate);
        $this->assertSame(Role::Employee->value, $member->role);
    }

    public function test_update_member_can_update_billable_rate_of_member_and_update_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($data): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForMember')
                ->once()
                ->withArgs(fn (Member $memberArg) => $memberArg->is($data->member) && $memberArg->billable_rate === 10001);
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $data->member]), [
            'billable_rate' => 10001,
        ]);

        // Assert
        $response->assertStatus(200);
        $member = $data->member;
        $member->refresh();
        $this->assertSame(10001, $member->billable_rate);
    }

    public function test_update_member_can_update_role(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forUser($otherUser)->forOrganization($data->organization)->role(Role::Employee)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $otherMember->getKey()]), [
            'role' => Role::Admin->value,
        ]);

        // Assert
        $response->assertStatus(200);
        $otherMember->refresh();
        $this->assertSame(Role::Admin->value, $otherMember->role);
    }

    public function test_update_member_allows_role_owner_in_request_if_that_would_not_the_role(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $data->ownerMember->getKey()]), [
            'role' => Role::Owner->value,
        ]);

        // Assert
        $response->assertStatus(200);
    }

    public function test_update_member_fails_if_user_tries_to_change_role_to_owner(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $member = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $member->getKey()]), [
            'role' => Role::Owner->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'Only owner can change ownership');
    }

    public function test_update_member_fails_if_user_tries_to_change_the_role_of_a_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $user = User::factory()->placeholder()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Placeholder)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $member->getKey()]), [
            'role' => Role::Admin->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'changing_role_of_placeholder_is_not_allowed',
            'message' => 'Changing role of placeholder is not allowed',
        ]);
    }

    public function test_merge_into_fails_if_url_member_is_not_part_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:merge-into',
        ]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->role(Role::Placeholder)->create();

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->forOrganization($data->organization)->role(Role::Admin)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_merge_into_returns_validation_error_if_member_in_body_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:merge-into',
        ]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->forOrganization($data->organization)->role(Role::Placeholder)->create();

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->role(Role::Admin)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertExactJson([
            'errors' => [
                'member_id' => [
                    'The resource does not exist.',
                ],
            ],
            'message' => 'The resource does not exist.',
        ]);
    }

    public function test_merge_into_fails_if_from_member_is_not_a_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:merge-into',
        ]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->forOrganization($data->organization)->role(Role::Admin)->create();

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->forOrganization($data->organization)->role(Role::Admin)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'only_placeholders_can_be_merged_into_another_member',
            'message' => 'Only placeholders can be merged into another member',
        ]);
    }

    public function test_merge_into_fails_if_user_has_no_permission_to_merge_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->forOrganization($data->organization)->role(Role::Placeholder)->create();

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->forOrganization($data->organization)->role(Role::Admin)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_merge_into_assigns_resources_of_source_member_to_destination_member_and_deletes_member(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:merge-into',
        ]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        TimeEntry::factory()->forMember($memberSource)->createMany(3);
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forMember($memberSource)->forProject($project)->create();

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->forOrganization($data->organization)->role(Role::Admin)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertStatus(204);
        $this->assertSame('', $response->getContent());
        $this->assertDatabaseMissing(Member::class, [
            'id' => $memberSource->getKey(),
        ]);
        $this->assertDatabaseMissing(User::class, [
            'id' => $userSource->getKey(),
        ]);
        $memberDestination->refresh();
        $this->assertCount(3, $memberDestination->timeEntries);
        $this->assertCount(1, $memberDestination->projectMembers);
        $this->assertDatabaseHas(ProjectMember::class, [
            'project_id' => $project->getKey(),
            'member_id' => $memberDestination->getKey(),
            'user_id' => $userDestination->getKey(),
        ]);
    }

    public function test_merge_into_assigns_resources_of_source_member_to_destination_member_and_deletes_member_with_existing_destination_resources(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:merge-into',
        ]);
        $userSource = User::factory()->placeholder()->create();
        $memberSource = Member::factory()->forUser($userSource)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        TimeEntry::factory()->forMember($memberSource)->createMany(3);
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forMember($memberSource)->forProject($project)->create([
            'billable_rate' => 32100,
        ]);

        $userDestination = User::factory()->create();
        $memberDestination = Member::factory()->forUser($userDestination)->forOrganization($data->organization)->role(Role::Admin)->create();
        ProjectMember::factory()->forMember($memberDestination)->forProject($project)->create([
            'billable_rate' => 12300,
        ]);
        TimeEntry::factory()->forMember($memberDestination)->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->postJson(route('api.v1.members.merge-into', [$data->organization->getKey(), $memberSource->getKey()]), [
            'member_id' => $memberDestination->getKey(),
        ]);

        // Assert
        $response->assertStatus(204);
        $this->assertSame('', $response->getContent());
        $this->assertDatabaseMissing(Member::class, [
            'id' => $memberSource->getKey(),
        ]);
        $this->assertDatabaseMissing(User::class, [
            'id' => $userSource->getKey(),
        ]);
        $memberDestination->refresh();
        $this->assertCount(6, $memberDestination->timeEntries);
        $this->assertCount(1, $memberDestination->projectMembers);
        $this->assertDatabaseHas(ProjectMember::class, [
            'project_id' => $project->getKey(),
            'billable_rate' => 12300,
            'member_id' => $memberDestination->getKey(),
            'user_id' => $userDestination->getKey(),
        ]);
    }

    public function test_update_member_fails_if_user_tries_to_change_role_of_the_current_owner(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
            'members:change-ownership',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $data->ownerMember->getKey()]), [
            'role' => Role::Admin->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'Organization needs at least one owner');
    }

    public function test_update_member_can_change_role_to_everything_expect_owner_with_the_member_update_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $member = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $member->getKey()]), [
            'role' => Role::Admin->value,
        ]);

        // Assert
        $response->assertStatus(200);
        $member->refresh();
        $this->assertSame(Role::Admin->value, $member->role);
    }

    public function test_update_member_can_change_role_to_owner_if_auth_user_has_change_ownership_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
            'members:change-ownership',
        ]);
        $oldOwner = $data->ownerMember;
        $organization = $data->organization;
        $member = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $member->getKey()]), [
            'role' => Role::Owner->value,
        ]);

        // Assert
        $response->assertStatus(200);
        $member->refresh();
        $organization->refresh();
        $oldOwner->refresh();
        $this->assertSame(Role::Owner->value, $member->role);
        $this->assertSame($member->user_id, $organization->user_id);
        $this->assertSame(Role::Admin->value, $oldOwner->role);
    }

    public function test_update_member_role_fails_if_role_is_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:update',
        ]);
        $member = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.members.update', [$data->organization->getKey(), $member->getKey()]), [
            'role' => Role::Placeholder->value,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'Changing role to placeholder is not allowed');
    }

    public function test_invite_placeholder_succeeds_if_data_is_valid(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:invite-placeholder',
        ]);
        $user = User::factory()->create([
            'is_placeholder' => true,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $member->getKey(),
        ]));

        // Assert
        $response->assertValid();
        $response->assertStatus(204);
    }

    public function test_invite_placeholder_fails_if_the_placeholder_has_a_invalid_email_from_an_import(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:invite-placeholder',
        ]);
        $user = User::factory()->create([
            'is_placeholder' => true,
            'email' => 'some.user@solidtime-import.test',
        ]);
        $member = Member::factory()
            ->forUser($user)
            ->forOrganization($data->organization)
            ->role(Role::Placeholder)
            ->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $member->getKey(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'this_placeholder_can_not_be_invited_use_the_merge_tool_instead_api_exception',
            'message' => 'This placeholder can not be invited use the merge tool instead',
        ]);
    }

    public function test_destroy_member_fails_if_user_has_no_permission_to_delete_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(403);
        Event::assertNotDispatched(MemberRemoved::class);
    }

    public function test_destroy_member_fails_if_member_is_owner(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $memberToDelete = Member::factory()->forOrganization($data->organization)->role(Role::Owner)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $memberToDelete->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'Can not remove owner from organization');
        Event::assertNotDispatched(MemberRemoved::class);
    }

    public function test_destroy_member_fails_if_member_is_not_part_of_org(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $otherData = $this->createUserWithPermission([
            'members:delete',
        ]);
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $otherData->member->getKey()]));

        // Assert
        $response->assertStatus(403);
        Event::assertNotDispatched(MemberRemoved::class);
    }

    public function test_destroy_endpoint_fails_if_member_is_still_in_use_by_a_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        TimeEntry::factory()->forMember($data->member)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The member is still used by a time entry and can not be deleted.');
        $this->assertDatabaseHas(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        Event::assertNotDispatched(MemberRemoved::class);
    }

    public function test_destroy_endpoint_fails_if_member_is_still_in_use_by_a_project_member(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The member is still used by a project member and can not be deleted.');
        $this->assertDatabaseHas(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        Event::assertNotDispatched(MemberRemoved::class);
    }

    public function test_destroy_endpoint_also_deletes_user_if_member_is_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $user = User::factory()->placeholder()->create();
        $member = Member::factory()->forUser($user)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $member->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $member->getKey(),
        ]);
        $this->assertDatabaseMissing(User::class, [
            'id' => $user->getKey(),
        ]);
        Event::assertDispatched(function (MemberRemoved $event) use ($data, $member): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($member);
        }, 1);
    }

    public function test_destroy_endpoint_sets_current_organization_to_organization_the_user_is_still_member_of(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $user = $data->user;
        $otherOrganization = Organization::factory()->create();
        $otherMember = Member::factory()->forOrganization($otherOrganization)->forUser($user)->role(Role::Employee)->create();
        Passport::actingAs($user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        $user->refresh();
        $this->assertSame($otherOrganization->getKey(), $user->currentOrganization->getKey());
        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($data->member);
        }, 1);
    }

    public function test_destroy_endpoint_creates_new_organization_and_sets_the_current_organization_to_it_if_user_is_not_member_of_any_other_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $organization = $data->organization;
        $user = $data->user;
        Passport::actingAs($user);
        Event::fake([
            MemberRemoved::class,
        ]);
        $this->assertDatabaseCount(Organization::class, 1);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseCount(Organization::class, 2);
        $newOrganization = Organization::where('id', '!=', $organization->getKey())->first();
        $this->assertNotNull($newOrganization);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        $this->assertDatabaseHas(Member::class, [
            'organization_id' => $newOrganization->getKey(),
            'user_id' => $user->getKey(),
        ]);
        $user->refresh();
        $this->assertNotNull($user->currentOrganization);
        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($data->member);
        }, 1);
    }

    public function test_destroy_endpoint_succeeds_if_member_is_still_in_use_by_a_project_member_and_delete_related_is_active(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $otherMember = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        $otherProjectMember = ProjectMember::factory()->forProject($project)->forMember($otherMember)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [
            'organization' => $data->organization->getKey(),
            'member' => $data->member->getKey(),
            'delete_related' => 'true',
        ]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        $this->assertDatabaseHas(ProjectMember::class, [
            'id' => $otherProjectMember->getKey(),
            'member_id' => $otherMember->getKey(),
            'user_id' => $otherMember->user_id,
        ]);
        $this->assertDatabaseMissing(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($data->member);
        }, 1);
    }

    public function test_destroy_endpoint_succeeds_if_member_is_still_in_use_by_a_time_entry_and_delete_related_is_active(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        $otherMember = Member::factory()->forOrganization($data->organization)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forMember($data->member)->forOrganization($data->organization)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [
            'organization' => $data->organization->getKey(),
            'member' => $data->member->getKey(),
            'delete_related' => 'true',
        ]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
        ]);
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
        ]);
        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($data->member);
        }, 1);
    }

    public function test_destroy_member_succeeds_if_data_is_valid(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:delete',
        ]);
        Passport::actingAs($data->user);
        Event::fake([
            MemberRemoved::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.members.destroy', [$data->organization->getKey(), $data->member->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $data->member->getKey(),
        ]);
        Event::assertDispatched(function (MemberRemoved $event) use ($data): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($data->member);
        }, 1);
    }

    public function test_make_placeholder_fails_if_user_has_no_permission(): void
    {
        // Arrange
        Event::fake([
            MemberMadeToPlaceholder::class,
        ]);
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.make-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $data->member->getKey(),
        ]));

        // Assert
        $response->assertForbidden();
        Event::assertNotDispatched(MemberMadeToPlaceholder::class);
    }

    public function test_make_placeholder_fails_if_user_is_already_a_placeholder(): void
    {
        // Arrange
        Event::fake([
            MemberMadeToPlaceholder::class,
        ]);
        $data = $this->createUserWithPermission([
            'members:make-placeholder',
        ]);
        $user = User::factory()->placeholder()->create();
        $member = Member::factory()->forUser($user)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.make-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $member->getKey(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'changing_role_of_placeholder_is_not_allowed',
            'message' => 'Changing role of placeholder is not allowed',
        ]);
    }

    public function test_make_placeholder_fails_if_member_is_owner(): void
    {
        // Arrange
        Event::fake([
            MemberMadeToPlaceholder::class,
        ]);
        $data = $this->createUserWithPermission([
            'members:make-placeholder',
        ]);
        $member = Member::factory()->forOrganization($data->organization)->role(Role::Owner)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.make-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $member->getKey(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'Can not remove owner from organization');
        Event::assertNotDispatched(MemberMadeToPlaceholder::class);
    }

    public function test_make_placeholder_fails_if_member_is_not_part_of_org(): void
    {
        // Arrange
        Event::fake([
            MemberMadeToPlaceholder::class,
        ]);
        $data = $this->createUserWithPermission([
            'members:make-placeholder',
        ]);
        $otherData = $this->createUserWithPermission([
            'members:make-placeholder',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.make-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $otherData->member->getKey(),
        ]));

        // Assert
        $response->assertStatus(403);
    }

    public function test_make_placeholder_creates_placeholder_and_attaches_resources_to_the_new_user(): void
    {
        // Arrange
        Event::fake([
            MemberMadeToPlaceholder::class,
        ]);
        $data = $this->createUserWithPermission([
            'members:make-placeholder',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Admin)->create();
        $timeEntry = TimeEntry::factory()->forMember($member)->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.make-placeholder', [
            'organization' => $data->organization->getKey(),
            'member' => $member->getKey(),
        ]));

        // Assert
        $response->assertStatus(204);
        $member->refresh();
        $this->assertSame(Role::Placeholder->value, $member->role);
        $this->assertTrue($member->user->is_placeholder);
        $this->assertCount(1, $user->organizations);
        $this->assertCount(1, $member->user->organizations);
        $this->assertNotEquals($user->getKey(), $member->user->getKey());
        $timeEntry->refresh();
        $this->assertSame($member->user_id, $timeEntry->user_id);
        $projectMember->refresh();
        $this->assertSame($member->user_id, $projectMember->user_id);
        Event::assertDispatched(function (MemberMadeToPlaceholder $event) use ($data, $member): bool {
            return $event->organization->is($data->organization) &&
                $event->member->is($member);
        }, 1);
    }

    public function test_invite_placeholder_fails_if_user_does_not_have_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $user = User::factory()->create([
            'is_placeholder' => true,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->id,
            'member' => $member->id,
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_invite_placeholder_fails_if_user_is_not_part_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:invite-placeholder',
            'invitations:create',
        ]);
        $otherOrganization = Organization::factory()->create();
        $user = User::factory()->create([
            'is_placeholder' => true,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->id,
            'member' => $member->id,
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_invite_placeholder_fails_if_there_is_already_an_invitation_with_the_same_email(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:invite-placeholder',
            'invitations:create',
        ]);
        $placeholder = User::factory()->placeholder()->create([
            'email' => 'user@mail.test',
        ]);
        $placeholderMember = Member::factory()->forUser($placeholder)->forOrganization($data->organization)->role(Role::Placeholder)->create();
        OrganizationInvitation::factory()->forOrganization($data->organization)->create([
            'email' => $placeholder->email,
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->id,
            'member' => $placeholderMember->id,
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'invitation_for_the_email_already_exists',
            'message' => 'The email has already been invited to the organization. Please wait for the user to accept the invitation or resend the invitation email.',
        ]);
    }

    public function test_invite_placeholder_returns_400_if_user_is_not_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'members:invite-placeholder',
            'invitations:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.members.invite-placeholder', [
            'organization' => $data->organization->id,
            'member' => $data->member->id,
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'user_not_placeholder',
            'message' => 'The given user is not a placeholder',
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/OrganizationEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\Role;
use App\Http\Controllers\Api\V1\OrganizationController;
use App\Models\Organization;
use App\Service\BillableRateService;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(OrganizationController::class)]
class OrganizationEndpointTest extends ApiEndpointTestAbstract
{
    public function test_show_endpoint_fails_with_not_found_if_id_is_not_uuid(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:view',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.organizations.show', ['not-uuid']));

        // Assert
        $response->assertNotFound();
    }

    public function test_show_endpoint_fails_if_user_has_no_permission_to_view_organizations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.organizations.show', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_show_endpoint_returns_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:view',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.organizations.show', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonPath('data.id', $data->organization->getKey());
    }

    public function test_show_endpoint_shows_billable_rate_for_members_with_role_employee_if_organization_allows_it(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee);
        $data->organization->employees_can_see_billable_rates = true;
        $data->organization->billable_rate = 100;
        $data->organization->save();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.organizations.show', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonPath('data.billable_rate', 100);
    }

    public function test_show_endpoint_does_not_show_billable_rate_for_members_with_role_employee_if_organization_does_not_allow_it(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee);
        $data->organization->employees_can_see_billable_rates = false;
        $data->organization->billable_rate = 100;
        $data->organization->save();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.organizations.show', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonPath('data.billable_rate', null);
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_organizations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $this->assertBillableRateServiceIsUnused();
        $organizationFake = Organization::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'name' => $organizationFake->name,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_can_update_the_organization_name(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:update',
        ]);
        $this->assertBillableRateServiceIsUnused();
        $organizationFake = Organization::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'name' => $organizationFake->name,
            'billable_rate' => null,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Organization::class, [
            'name' => $organizationFake->name,
        ]);
    }

    public function test_update_endpoint_can_update_formats(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:update',
        ]);
        $this->assertBillableRateServiceIsUnused();
        $organizationFake = Organization::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'name' => $organizationFake->name,
            'number_format' => $organizationFake->number_format->value,
            'currency_format' => $organizationFake->currency_format->value,
            'date_format' => $organizationFake->date_format->value,
            'interval_format' => $organizationFake->interval_format->value,
            'time_format' => $organizationFake->time_format->value,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson([
            'data' => [
                'id' => $data->organization->getKey(),
                'number_format' => $organizationFake->number_format->value,
                'currency_format' => $organizationFake->currency_format->value,
                'date_format' => $organizationFake->date_format->value,
                'interval_format' => $organizationFake->interval_format->value,
                'time_format' => $organizationFake->time_format->value,
            ],
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'name' => $organizationFake->name,
            'number_format' => $organizationFake->number_format,
            'currency_format' => $organizationFake->currency_format,
            'date_format' => $organizationFake->date_format,
            'interval_format' => $organizationFake->interval_format,
            'time_format' => $organizationFake->time_format,
        ]);
    }

    public function test_update_endpoint_can_update_billable_rate_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:update',
        ]);
        $this->assertBillableRateServiceIsUnused();
        $organizationFake = Organization::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'billable_rate' => $organizationFake->billable_rate,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson([
            'data' => [
                'id' => $data->organization->getKey(),
                'name' => $data->organization->name,
                'billable_rate' => $organizationFake->billable_rate,
            ],
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'id' => $data->organization->getKey(),
            'name' => $data->organization->name,
            'billable_rate' => $organizationFake->billable_rate,
        ]);
    }

    public function test_update_endpoint_can_update_the_setting_employees_can_see_billable_rates(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:update',
        ]);
        $this->assertBillableRateServiceIsUnused();
        $data->organization->employees_can_see_billable_rates = false;
        $data->organization->save();
        $organizationFake = Organization::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'name' => $organizationFake->name,
            'employees_can_see_billable_rates' => true,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Organization::class, [
            'name' => $organizationFake->name,
            'employees_can_see_billable_rates' => true,
        ]);
    }

    public function test_update_endpoint_can_update_billable_rate_of_organization_and_update_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'organizations:update',
        ]);
        $billableRate = 111;
        $organizationFake = Organization::factory()->billableRate($billableRate)->make();
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($data, $billableRate): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForOrganization')
                ->once()
                ->withArgs(fn (Organization $organization) => $organization->is($data->organization) && $organization->billable_rate === $billableRate);
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.organizations.update', [$data->organization->getKey()]), [
            'name' => $organizationFake->name,
            'billable_rate' => $organizationFake->billable_rate,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Organization::class, [
            'name' => $organizationFake->name,
            'billable_rate' => $organizationFake->billable_rate,
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ProjectEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\Role;
use App\Http\Controllers\Api\V1\ProjectController;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Service\BillableRateService;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ProjectController::class)]
class ProjectEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $projects = Project::factory()->forOrganization($data->organization)->createMany(4);
        $projectsWithClients = Project::factory()->forOrganization($data->organization)->withClient()->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_projects_of_organization_for_user_with_all_projects_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $projects = Project::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_projects_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $projectOldest = Project::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(3),
        ]);
        $projectNewest = Project::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDay(),
        ]);
        $projectMiddle = Project::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        $this->assertSame([$projectNewest->getKey(), $projectMiddle->getKey(), $projectOldest->getKey()], $ids);
    }

    public function test_index_endpoint_without_filter_archived_returns_only_non_archived_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $archivedProjects = Project::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedProjects = Project::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($nonArchivedProjects->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_true_returns_only_archived_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $archivedProjects = Project::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedProjects = Project::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [
            $data->organization->getKey(),
            'archived' => 'true',
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($archivedProjects->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_false_returns_only_non_archived_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $archivedProjects = Project::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedProjects = Project::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [
            $data->organization->getKey(),
            'archived' => 'false',
        ]));
        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($nonArchivedProjects->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_archived_all_returns_all_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $archivedProjects = Project::factory()->forOrganization($data->organization)->archived()->createMany(2);
        $nonArchivedProjects = Project::factory()->forOrganization($data->organization)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [
            $data->organization->getKey(),
            'archived' => 'all',
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_list_of_projects_of_organization_which_are_public_or_where_user_is_member_for_user_with_restricted_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
        ]);
        $privateProjects = Project::factory()->forOrganization($data->organization)->isPrivate()->createMany(2);
        $publicProjects = Project::factory()->forOrganization($data->organization)->isPublic()->createMany(2);
        $privateProjectsWithMembership = Project::factory()->forOrganization($data->organization)->addMember($data->member)->isPrivate()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_sets_billable_rate_to_null_if_member_is_employee_and_organization_does_not_allow_employees_to_see_billable_rates(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee);
        $organization = $data->organization;
        $organization->employees_can_see_billable_rates = false;
        $organization->save();
        $privateProjects = Project::factory()->forOrganization($data->organization)->isPrivate()->billable(111)->createMany(2);
        $publicProjects = Project::factory()->forOrganization($data->organization)->isPublic()->billable(112)->createMany(2);
        $privateProjectsWithMembership = Project::factory()->forOrganization($data->organization)->addMember($data->member)->billable(113)->isPrivate()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->where('data.0.billable_rate', null)
            ->where('data.1.billable_rate', null)
            ->where('data.2.billable_rate', null)
            ->where('data.3.billable_rate', null)
        );
    }

    public function test_index_endpoint_does_not_set_billable_rate_to_null_if_member_is_employee_and_organization_allows_employees_to_see_billable_rates(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee);
        $organization = $data->organization;
        $organization->employees_can_see_billable_rates = true;
        $organization->save();
        $privateProjects = Project::factory()->forOrganization($data->organization)->isPrivate()->billable(111)->createdAt(now()->subMinutes(4))->createMany(2);
        $publicProjects = Project::factory()->forOrganization($data->organization)->isPublic()->billable(112)->createdAt(now()->subMinutes(3))->createMany(2);
        $privateProjectsWithMembership = Project::factory()->forOrganization($data->organization)->addMember($data->member)->billable(113)->isPrivate()->createdAt(now()->subMinutes(2))->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.index', [$organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->where('data.0.billable_rate', 113)
            ->where('data.1.billable_rate', 113)
            ->where('data.2.billable_rate', 112)
            ->where('data.3.billable_rate', 112)
        );
    }

    public function test_show_endpoint_fails_if_user_is_not_part_of_project_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
        ]);
        $otherOrganization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.show', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_show_endpoint_fails_if_user_has_no_permission_to_view_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.show', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_show_endpoint_returns_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:view',
            'projects:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.show', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonPath('data.id', $project->getKey());
    }

    public function test_show_endpoint_fails_if_employee_tries_to_access_private_project_that_they_are_not_a_member_of(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee);
        $privateProject = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.projects.show', [$data->organization->getKey(), $privateProject->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_highest_possible_billable_rate_can_be_stored_in_database(): void
    {
        // Arrange
        $billableRate = 2147483647;
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'billable_rate' => $billableRate,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'organization_id' => $projectFake->organization_id,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'billable_rate' => $billableRate,
        ]);
    }

    public function test_store_endpoint_fails_if_billable_rate_is_too_high(): void
    {
        // Arrange
        $billableRate = 2147483647 + 1;
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'billable_rate' => $billableRate,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'billable_rate' => 'The billable rate field must not be greater than 2147483647.',
        ]);
    }

    public function test_store_endpoint_creates_new_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'organization_id' => $projectFake->organization_id,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);
    }

    public function test_store_endpoint_ignores_estimated_time_if_pro_features_are_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'estimated_time' => 10000,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $projectFake->name)
            ->where('data.color', $projectFake->color)
            ->where('data.estimated_time', null)
        );
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'organization_id' => $projectFake->organization_id,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'estimated_time' => null,
        ]);
    }

    public function test_store_endpoint_can_store_project_with_estimated_time_with_pro_features_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'estimated_time' => 10000,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $projectFake->name)
            ->where('data.color', $projectFake->color)
            ->where('data.estimated_time', 10000)
        );
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'organization_id' => $projectFake->organization_id,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
            'estimated_time' => 10000,
        ]);
    }

    public function test_store_endpoint_can_create_project_if_project_name_already_exists_in_organization_but_with_different_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $name = 'Project Name';
        $clientA = Client::factory()->forOrganization($data->organization)->create();
        $clientB = Client::factory()->forOrganization($data->organization)->create();
        $projectA = Project::factory()->forOrganization($data->organization)->forClient($clientA)->create([
            'name' => $name,
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => $clientB->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'client_id' => $clientB->getKey(),
        ]);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'client_id' => $clientA->getKey(),
        ]);
    }

    public function test_store_endpoint_fails_without_client_if_name_is_already_used_for_project_without_client_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $name = 'Project Name';
        $project = Project::factory()->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A project with the same name and client already exists in the organization.',
        ]);
    }

    public function test_store_endpoint_fails_with_client_if_name_is_already_used_for_the_same_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $name = 'Project Name';
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create([
            'name' => $name,
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => $client->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A project with the same name and client already exists in the organization.',
        ]);
    }

    public function test_store_endpoint_creates_project_if_name_is_used_in_other_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $name = 'Project Name';
        $otherOrganization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($otherOrganization)->create([
            'name' => $name,
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'color' => $projectFake->color,
            'organization_id' => $data->organization->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);
    }

    public function test_store_endpoint_creates_new_project_with_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => $client->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'organization_id' => $projectFake->organization_id,
            'client_id' => $client->getKey(),
        ]);
    }

    public function test_store_endpoint_creates_new_project_with_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:create',
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.projects.store', [$data->organization->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => true,
            'billable_rate' => 10001,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => true,
            'billable_rate' => 10001,
            'organization_id' => $projectFake->organization_id,
        ]);
    }

    public function test_update_endpoint_fails_if_user_is_not_part_of_project_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $otherOrganization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($otherOrganization)->create();
        $projectFake = Project::factory()->make();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_can_update_project_if_project_name_already_exists_in_organization_but_with_different_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $name = 'Project Name';
        $clientA = Client::factory()->forOrganization($data->organization)->create();
        $clientB = Client::factory()->forOrganization($data->organization)->create();
        $projectWithTheName = Project::factory()->forOrganization($data->organization)->forClient($clientA)->create([
            'name' => $name,
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => $clientB->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'client_id' => $clientA->getKey(),
        ]);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'client_id' => $clientB->getKey(),
        ]);
    }

    public function test_update_endpoint_fails_without_client_if_name_is_already_used_for_project_without_client_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $name = 'Project Name';
        $projectWithTheName = Project::factory()->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A project with the same name and client already exists in the organization.',
        ]);
    }

    public function test_update_endpoint_fails_with_client_if_name_is_already_used_for_the_same_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $name = 'Project Name';
        $client = Client::factory()->forOrganization($data->organization)->create();
        $projectWithTheName = Project::factory()->forOrganization($data->organization)->forClient($client)->create([
            'name' => $name,
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => $client->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A project with the same name and client already exists in the organization.',
        ]);
    }

    public function test_update_endpoint_updates_the_client_id_of_the_associated_time_entries_if_the_client_of_the_project_changed(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $clientOld = Client::factory()->forOrganization($data->organization)->create();
        $clientNew = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($clientOld)->create();
        $projectFake = Project::factory()->make();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => $clientNew->getKey(),
        ]);

        // Assert
        $response->assertStatus(200);
        $timeEntry->refresh();
        $this->assertSame($clientNew->getKey(), $timeEntry->client_id);
    }

    public function test_update_endpoint_updates_the_client_id_of_the_associated_time_entries_if_the_client_of_the_project_is_removed(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $projectFake = Project::factory()->make();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => null,
        ]);

        // Assert
        $response->assertStatus(200);
        $timeEntry->refresh();
        $this->assertNull($timeEntry->client_id);
    }

    public function test_update_endpoint_updates_the_client_id_of_the_associated_time_entries_if_the_client_of_the_project_is_added(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $clientNew = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient(null)->create();
        $projectFake = Project::factory()->make();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => $clientNew->getKey(),
        ]);

        // Assert
        $response->assertStatus(200);
        $timeEntry->refresh();
        $this->assertSame($clientNew->getKey(), $timeEntry->client_id);
    }

    public function test_update_endpoint_updates_project_if_name_is_used_in_other_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $name = 'Project Name';
        $otherOrganization = Organization::factory()->create();
        $otherProject = Project::factory()->forOrganization($otherOrganization)->create([
            'name' => $name,
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        $projectFake = Project::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Project::class, [
            'name' => $name,
            'color' => $projectFake->color,
            'organization_id' => $data->organization->getKey(),
            'is_billable' => $projectFake->is_billable,
        ]);
    }

    public function test_update_endpoint_updates_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'is_billable' => $projectFake->is_billable,
            'client_id' => $client->getKey(),
        ]);

        // Assert
        $response->assertStatus(200);
        $project->refresh();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $projectFake->name)
            ->where('data.color', $projectFake->color)
            ->where('data.client_id', $client->getKey())
        );
        $this->assertSame($projectFake->name, $project->name);
        $this->assertSame($projectFake->color, $project->color);
        $this->assertSame($client->getKey(), $project->client_id);
        $this->assertFalse($project->is_archived);
    }

    public function test_update_endpoint_ignores_estimated_time_if_pro_features_are_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'estimated_time' => 10000,
        ]);

        // Assert
        $response->assertStatus(200);
        $project->refresh();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $projectFake->name)
            ->where('data.color', $projectFake->color)
            ->where('data.estimated_time', null)
        );
        $this->assertSame($projectFake->name, $project->name);
        $this->assertSame($projectFake->color, $project->color);
        $this->assertNull($project->estimated_time);
    }

    public function test_update_endpoint_can_store_project_with_estimated_time_with_pro_features_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'estimated_time' => 10000,
        ]);

        // Assert
        $response->assertStatus(200);
        $project->refresh();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $projectFake->name)
            ->where('data.color', $projectFake->color)
            ->where('data.estimated_time', 10000)
        );
        $this->assertSame($projectFake->name, $project->name);
        $this->assertSame($projectFake->color, $project->color);
        $this->assertSame(10000, $project->estimated_time);
    }

    public function test_update_endpoint_does_not_update_billable_rates_of_time_entries_if_billable_rate_is_unchanged(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'billable_rate' => $project->billable_rate,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'billable_rate' => $project->billable_rate,
        ]);
    }

    public function test_update_endpoint_can_update_projects_billable_rate_and_update_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($project): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForProject')
                ->once()
                ->withArgs(fn (Project $projectArg) => $projectArg->is($project) && $projectArg->billable_rate === 10003);
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'billable_rate' => 10003,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Project::class, [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'billable_rate' => 10003,
        ]);
    }

    public function test_update_endpoint_can_archive_a_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectFake = Project::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'is_archived' => true,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_archived', true)
        );
        $project->refresh();
        $this->assertTrue($project->is_archived);
    }

    public function test_update_endpoint_can_unarchive_a_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->archived()->create();
        $projectFake = Project::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.projects.update', [$data->organization->getKey(), $project->getKey()]), [
            'name' => $projectFake->name,
            'color' => $projectFake->color,
            'client_id' => null,
            'is_billable' => $projectFake->is_billable,
            'is_archived' => false,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_archived', false)
        );
        $project->refresh();
        $this->assertFalse($project->is_archived);
    }

    public function test_destroy_endpoint_fails_if_user_is_not_part_of_project_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:delete',
        ]);
        $otherOrganization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.projects.destroy', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.projects.destroy', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_project_is_still_in_use_by_a_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forProject($project)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.projects.destroy', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The project is still used by a task and can not be deleted.');
        $this->assertDatabaseHas(Project::class, [
            'id' => $project->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_project_is_still_in_use_by_a_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $timeEntry = TimeEntry::factory()->forProject($project)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.projects.destroy', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The project is still used by a time entry and can not be deleted.');
        $this->assertDatabaseHas(Project::class, [
            'id' => $project->getKey(),
        ]);
    }

    public function test_destroy_endpoint_deletes_project_with_project_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'projects:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forMember($data->member)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.projects.destroy', [$data->organization->getKey(), $project->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(Project::class, [
            'id' => $project->getKey(),
        ]);
        $this->assertDatabaseMissing(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ProjectMemberEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\ProjectMemberController;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\User;
use App\Service\BillableRateService;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ProjectMemberController::class)]
class ProjectMemberEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_project_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forProject($project)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.project-members.index', [
            $data->organization->getKey(),
            $project->getKey(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_fails_if_the_project_does_not_belong_to_given_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:view',
        ]);
        $otherData = $this->createUserWithPermission([
            'project-members:view',
        ]);
        $project = Project::factory()->forOrganization($otherData->organization)->create();
        ProjectMember::factory()->forProject($project)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.project-members.index', [
            $data->organization->getKey(),
            $project->getKey(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_project_members_of_a_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:view',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forProject($project)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.project-members.index', [
            $data->organization->getKey(),
            $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_project_members_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:view',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $pmOldest = ProjectMember::factory()->forProject($project)->create([
            'created_at' => now()->subDays(3),
        ]);
        $pmNewest = ProjectMember::factory()->forProject($project)->create([
            'created_at' => now()->subDay(),
        ]);
        $pmMiddle = ProjectMember::factory()->forProject($project)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.project-members.index', [
            $data->organization->getKey(),
            $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        $this->assertSame([$pmNewest->getKey(), $pmMiddle->getKey(), $pmOldest->getKey()], $ids);
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_add_members_to_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_given_project_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $otherData = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($otherData->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_given_user_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $otherData = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($otherData->organization)->forUser($user)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertInvalid(['member_id']);
    }

    public function test_store_endpoint_fails_if_user_is_a_placeholder(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        $user = User::factory()->placeholder()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'inactive_user_can_not_be_used',
            'message' => 'Inactive user can not be used',
        ]);
        $this->assertDatabaseMissing(ProjectMember::class, [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
            'project_id' => $project->getKey(),
        ]);
    }

    public function test_store_endpoint_fails_if_user_is_already_member_of_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        $member = Member::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forProject($project)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'user_is_already_member_of_project',
            'message' => 'User is already a member of the project',
        ]);
        $this->assertDatabaseMissing(ProjectMember::class, [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
            'project_id' => $project->getKey(),
        ]);
    }

    public function test_store_endpoint_creates_new_project_member_and_updates_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make([
            'billable_rate' => 1200,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->create();
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($projectMemberFake): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForProjectMember')
                ->once()
                ->withArgs(fn (ProjectMember $projectMemberArg) => $projectMemberArg->billable_rate === $projectMemberFake->billable_rate);
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(ProjectMember::class, [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
            'project_id' => $project->getKey(),
        ]);
    }

    public function test_store_endpoint_creates_new_project_member_and_does_not_update_billable_rate_if_it_is_null(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMemberFake = ProjectMember::factory()->make([
            'billable_rate' => null,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->create();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.project-members.store', [$data->organization->getKey(), $project->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
            'member_id' => $member->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(ProjectMember::class, [
            'billable_rate' => null,
            'member_id' => $member->getKey(),
            'project_id' => $project->getKey(),
        ]);
    }

    public function test_update_endpoint_fails_if_project_member_is_not_part_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:update',
        ]);
        $otherData = $this->createUserWithPermission([
            'project-members:update',
        ]);
        $project = Project::factory()->forOrganization($otherData->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.project-members.update', [$data->organization->getKey(), $projectMember->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_projects(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        $projectMemberFake = ProjectMember::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.project-members.update', [$data->organization->getKey(), $projectMember->getKey()]), [
            'billable_rate' => $projectMemberFake->billable_rate,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_updates_project_member_with_unchanged_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.project-members.update', [$data->organization->getKey(), $projectMember->getKey()]), [
            'billable_rate' => $projectMember->billable_rate,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(ProjectMember::class, [
            'id' => $projectMember->getKey(),
            'billable_rate' => $projectMember->billable_rate,
            'member_id' => $projectMember->member_id,
        ]);
    }

    public function test_update_endpoints_can_update_billable_rate_and_update_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:update',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $billableRate = 1001;
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($projectMember, $billableRate): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForProjectMember')
                ->once()
                ->withArgs(fn (ProjectMember $projectMemberArg) => $projectMemberArg->is($projectMember) && $projectMemberArg->billable_rate === $billableRate);
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.project-members.update', [$data->organization->getKey(), $projectMember->getKey()]), [
            'billable_rate' => $billableRate,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(ProjectMember::class, [
            'id' => $projectMember->getKey(),
            'billable_rate' => $billableRate,
            'member_id' => $projectMember->member_id,
        ]);
    }

    public function test_destroy_endpoint_fails_if_user_is_not_part_of_project_members_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:delete',
        ]);
        $otherData = $this->createUserWithPermission([
            'project-members:delete',
        ]);
        $project = Project::factory()->forOrganization($otherData->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.project-members.destroy', [$data->organization->getKey(), $projectMember->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_project_members(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.project-members.destroy', [$data->organization->getKey(), $projectMember->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
    }

    public function test_destroy_endpoint_deletes_project_member(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'project-members:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($data->member)->create([
            'billable_rate' => null,
        ]);
        $this->assertBillableRateServiceIsUnused();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.project-members.destroy', [$data->organization->getKey(), $projectMember->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
    }

    public function test_destroy_endpoint_updates_billable_rate_of_time_entries_if_project_member_had_billable_rate(): void
    {
        $data = $this->createUserWithPermission([
            'project-members:delete',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($data->member)->create([
            'billable_rate' => 1200,
        ]);
        $this->mock(BillableRateService::class, function (MockInterface $mock) use ($projectMember): void {
            $mock->shouldReceive('updateTimeEntriesBillableRateForMember')
                ->once()
                ->withArgs(fn (Member $memberArg) => $memberArg->is($projectMember->member));
            $mock->shouldReceive('updateTimeEntriesBillableRateForProject')
                ->once()
                ->withArgs(fn (Project $projectArg) => $projectArg->is($projectMember->project));
            $mock->shouldReceive('updateTimeEntriesBillableRateForOrganization')
                ->once()
                ->withArgs(fn (Organization $organizationArg) => $organizationArg->is($projectMember->project->organization));
        });
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.project-members.destroy', [$data->organization->getKey(), $projectMember->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(ProjectMember::class, [
            'id' => $projectMember->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/Public/PublicReportEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1\Public;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\Weekday;
use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Report;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Service\CurrencyService;
use App\Service\Dto\ReportPropertiesDto;
use App\Service\TimeEntryFilter;
use Illuminate\Support\Str;
use Tests\Unit\Endpoint\Api\V1\ApiEndpointTestAbstract;

class PublicReportEndpointTest extends ApiEndpointTestAbstract
{
    public function test_show_fails_with_not_found_if_secret_is_incorrect(): void
    {
        // Arrange
        Report::factory()->public()->create();

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => 'incorrect-secret',
        ]);

        // Assert
        $response->assertNotFound();
    }

    public function test_show_fails_with_not_found_if_no_secret_is_provided(): void
    {
        // Arrange
        Report::factory()->public()->create();

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'));

        // Assert
        $response->assertNotFound();
    }

    public function test_show_fails_with_not_found_if_report_is_not_public(): void
    {
        // Arrange
        $report = Report::factory()->private()->create();

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertNotFound();
    }

    public function test_show_fails_with_not_found_if_report_is_expired(): void
    {
        // Arrange
        $report = Report::factory()->public()->create([
            'public_until' => now()->subDay(),
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertNotFound();
    }

    public function test_show_returns_detailed_information_about_the_report(): void
    {
        // Arrange
        $timezone = 'Europe/Vienna';
        $reportDto = new ReportPropertiesDto;
        $organization = Organization::factory()->create();
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = $timezone;
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);
        $project = Project::factory()->forOrganization($organization)->create();
        $task1 = Task::factory()->forOrganization($organization)->forProject($project)->create([
            'id' => '1b0f1b32-0def-4932-8829-b68f52161987',
        ]);
        $task2 = Task::factory()->forOrganization($organization)->forProject($project)->create([
            'id' => '3c54796d-5ab4-41e1-8f30-aa61a0a919ae',
        ]);
        TimeEntry::factory()->forOrganization($organization)->forTask($task1)->startWithDuration(now()->subDay(), 100)->create();
        TimeEntry::factory()->forOrganization($organization)->forTask($task2)->startWithDuration(now()->subDay(), 100)->create();
        TimeEntry::factory()->forOrganization($organization)->startWithDuration(now()->subDay(), 100)->create();

        $currencyService = app(CurrencyService::class);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertExactJson([
            'name' => $report->name,
            'description' => $report->description,
            'public_until' => $report->public_until?->toIso8601ZuluString(),
            'currency' => $organization->currency,
            'number_format' => $organization->number_format,
            'interval_format' => $organization->interval_format,
            'currency_format' => $organization->currency_format,
            'currency_symbol' => $currencyService->getCurrencySymbol($organization->currency),
            'time_format' => $organization->time_format,
            'date_format' => $organization->date_format,
            'properties' => [
                'group' => $reportDto->group->value,
                'sub_group' => $reportDto->subGroup->value,
                'history_group' => $reportDto->historyGroup->value,
                'start' => $reportDto->start->toIso8601ZuluString(),
                'end' => $reportDto->end->toIso8601ZuluString(),
            ],
            'data' => [
                'seconds' => 300,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
                'grouped_data' => [
                    [
                        'key' => $project->id,
                        'seconds' => 200,
                        'cost' => 0,
                        'grouped_type' => TimeEntryAggregationType::Task->value,
                        'grouped_data' => [
                            [
                                'key' => $task1->id,
                                'seconds' => 100,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                                'description' => $task1->name,
                                'color' => null,
                            ],
                            [
                                'key' => $task2->id,
                                'seconds' => 100,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                                'description' => $task2->name,
                                'color' => null,
                            ],
                        ],
                        'description' => $project->name,
                        'color' => $project->color,
                    ],
                    [
                        'key' => null,
                        'seconds' => 100,
                        'cost' => 0,
                        'grouped_type' => TimeEntryAggregationType::Task->value,
                        'grouped_data' => [
                            [
                                'key' => null,
                                'seconds' => 100,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                                'description' => null,
                                'color' => null,
                            ],
                        ],
                        'description' => null,
                        'color' => null,
                    ],
                ],
            ],
            'history_data' => [
                'seconds' => 300,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationTypeInterval::Day->value,
                'grouped_data' => [
                    [
                        'key' => now()->timezone($timezone)->subDays(2)->toDateString(),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                    [
                        'key' => now()->timezone($timezone)->subDays(1)->toDateString(),
                        'seconds' => 300,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                    [
                        'key' => now()->timezone($timezone)->toDateString(),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                ],
            ],
        ]);
    }

    public function test_show_returns_detailed_information_about_the_report_with_not_expired_expiration_date(): void
    {
        // Arrange
        $report = Report::factory()->public()->create([
            'public_until' => now()->addDay(),
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJsonFragment([
            'name' => $report->name,
            'description' => $report->description,
            'public_until' => $report->public_until?->toIso8601ZuluString(),
        ]);
    }

    public function test_show_returns_detailed_information_about_the_report_with_all_available_filters(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($organization)->create();
        $otherClient = Client::factory()->forOrganization($organization)->create();
        $project = Project::factory()->forClient($client)->forOrganization($organization)->create();
        $otherProject = Project::factory()->forOrganization($organization)->create();
        $otherProjectWithClient = Project::factory()->forClient($client)->forOrganization($organization)->create();
        $task = Task::factory()->forOrganization($organization)->forProject($project)->create();
        $tag = Tag::factory()->forOrganization($organization)->create();
        $otherTag = Tag::factory()->forOrganization($organization)->create();

        // Match for all filters
        TimeEntry::factory()->forOrganization($organization)
            ->forTask($task)
            ->billable()
            ->startWithDuration(now()->subDay(), 100)
            ->create([
                'tags' => [$tag->getKey()],
            ]);
        // No match for task filter
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($otherProject)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // No match for client filter
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($otherProjectWithClient)
            ->startWithDuration(now()->subDay(), 100)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->active = false;
        $reportDto->billable = true;
        $reportDto->setMemberIds(null);
        $reportDto->setClientIds([$client->getKey()]);
        $reportDto->setProjectIds([$project->getKey()]);
        $reportDto->setTagIds([$tag->getKey()]);
        $reportDto->setTaskIds([$task->getKey()]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'name' => $report->name,
            'description' => $report->description,
            'public_until' => $report->public_until?->toIso8601ZuluString(),
            'properties' => [
                'group' => $reportDto->group->value,
                'sub_group' => $reportDto->subGroup->value,
                'history_group' => $reportDto->historyGroup->value,
                'start' => $reportDto->start->toIso8601ZuluString(),
                'end' => $reportDto->end->toIso8601ZuluString(),
            ],
            'data' => [
                'seconds' => 100,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
            'history_data' => [
                'seconds' => 100,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationTypeInterval::Day->value,
            ],
        ]);
    }

    public function test_if_the_resources_behind_the_filters_no_longer_exist_the_report_ignores_those_filters_but_this_does_not_increase_the_visible_data(): void
    {
        // Arrange
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($organization)->create();
        $project = Project::factory()->forClient($client)->forOrganization($organization)->create();
        $task = Task::factory()->forOrganization($organization)->forProject($project)->create();
        $tag = Tag::factory()->forOrganization($organization)->create();

        TimeEntry::factory()->forOrganization($organization)
            ->forTask($task)
            ->billable()
            ->startWithDuration(now()->subDay(), 100)
            ->create([
                'tags' => [$tag->getKey()],
            ]);

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = $timezone;
        $reportDto->setMemberIds([Str::uuid()->toString()]);
        $reportDto->setClientIds([Str::uuid()->toString()]);
        $reportDto->setProjectIds([Str::uuid()->toString()]);
        $reportDto->setTagIds([Str::uuid()->toString()]);
        $reportDto->setTaskIds([Str::uuid()->toString()]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'name' => $report->name,
            'description' => $report->description,
            'public_until' => $report->public_until?->toIso8601ZuluString(),
            'properties' => [
                'group' => $reportDto->group->value,
                'sub_group' => $reportDto->subGroup->value,
                'history_group' => $reportDto->historyGroup->value,
                'start' => $reportDto->start->toIso8601ZuluString(),
                'end' => $reportDto->end->toIso8601ZuluString(),
            ],
            'data' => [
                'seconds' => 0,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
                'grouped_data' => [],
            ],
            'history_data' => [
                'seconds' => 0,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationTypeInterval::Day->value,
                'grouped_data' => [
                    [
                        'key' => now()->timezone($timezone)->subDays(2)->toDateString(),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                    [
                        'key' => now()->timezone($timezone)->subDays(1)->toDateString(),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                    [
                        'key' => now()->timezone($timezone)->toDateString(),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                        'description' => null,
                        'color' => null,
                    ],
                ],
            ],
        ]);
    }

    public function test_show_returns_only_entries_without_project_when_none_project_filter_is_set(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();

        // Entry with project (should be excluded)
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($project)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // Entry without project (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->startWithDuration(now()->subDay(), 200)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->setProjectIds([TimeEntryFilter::NONE_VALUE]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'data' => [
                'seconds' => 200,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
        ]);
    }

    public function test_show_returns_entries_with_and_without_project_when_none_and_real_id_combined(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $projectA = Project::factory()->forOrganization($organization)->create();
        $projectB = Project::factory()->forOrganization($organization)->create();

        // Entry with project A (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($projectA)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // Entry with project B (should be excluded)
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($projectB)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // Entry without project (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->startWithDuration(now()->subDay(), 200)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->setProjectIds([$projectA->getKey(), TimeEntryFilter::NONE_VALUE]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'data' => [
                'seconds' => 300,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
        ]);
    }

    public function test_show_returns_only_entries_without_task_when_none_task_filter_is_set(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $task = Task::factory()->forOrganization($organization)->forProject($project)->create();

        // Entry with task (should be excluded)
        TimeEntry::factory()->forOrganization($organization)
            ->forTask($task)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // Entry without task (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($project)
            ->startWithDuration(now()->subDay(), 200)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->setTaskIds([TimeEntryFilter::NONE_VALUE]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'data' => [
                'seconds' => 200,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
        ]);
    }

    public function test_show_returns_only_entries_without_client_when_none_client_filter_is_set(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($organization)->create();
        $projectWithClient = Project::factory()->forClient($client)->forOrganization($organization)->create();

        // Entry with client (should be excluded)
        TimeEntry::factory()->forOrganization($organization)
            ->forProject($projectWithClient)
            ->startWithDuration(now()->subDay(), 100)
            ->create();
        // Entry without client (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->startWithDuration(now()->subDay(), 200)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->setClientIds([TimeEntryFilter::NONE_VALUE]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'data' => [
                'seconds' => 200,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
        ]);
    }

    public function test_show_returns_only_entries_without_tags_when_none_tag_filter_is_set(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $tag = Tag::factory()->forOrganization($organization)->create();

        // Entry with tag (should be excluded)
        TimeEntry::factory()->forOrganization($organization)
            ->startWithDuration(now()->subDay(), 100)
            ->create([
                'tags' => [$tag->getKey()],
            ]);
        // Entry without tags (should be included)
        TimeEntry::factory()->forOrganization($organization)
            ->startWithDuration(now()->subDay(), 200)
            ->create();

        $reportDto = new ReportPropertiesDto;
        $reportDto->start = now()->subDays(2);
        $reportDto->end = now();
        $reportDto->group = TimeEntryAggregationType::Project;
        $reportDto->subGroup = TimeEntryAggregationType::Task;
        $reportDto->historyGroup = TimeEntryAggregationTypeInterval::Day;
        $reportDto->weekStart = Weekday::Monday;
        $reportDto->timezone = 'Europe/Vienna';
        $reportDto->setTagIds([TimeEntryFilter::NONE_VALUE]);
        $report = Report::factory()->forOrganization($organization)->public()->create([
            'public_until' => null,
            'properties' => $reportDto,
        ]);

        // Act
        $response = $this->getJson(route('api.v1.public.reports.show'), [
            'X-Api-Key' => $report->share_secret,
        ]);

        // Assert
        $response->assertOk();
        $response->assertJson([
            'data' => [
                'seconds' => 200,
                'cost' => 0,
                'grouped_type' => TimeEntryAggregationType::Project->value,
            ],
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/ReportEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryRoundingType;
use App\Enums\Weekday;
use App\Http\Controllers\Api\V1\ReportController;
use App\Models\Client;
use App\Models\Project;
use App\Models\Report;
use App\Models\Tag;
use App\Models\Task;
use App\Service\TimeEntryFilter;
use Illuminate\Support\Carbon;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(ReportController::class)]
class ReportEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_fails_if_user_does_not_have_permission_to_view_reports(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Report::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.index', ['organization' => $data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_reports_of_organization_ordered_by_created_at_desc_per_default(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:view',
        ]);
        Report::factory()->forOrganization($data->organization)->randomCreatedAt()->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $reports = Report::query()->orderBy('created_at', 'desc')->get();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->count('data', 4)
            ->where('data.0.id', $reports->get(0)->getKey())
            ->where('data.1.id', $reports->get(1)->getKey())
            ->where('data.2.id', $reports->get(2)->getKey())
            ->where('data.3.id', $reports->get(3)->getKey())
        );
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report',
            'is_public' => false,
            'properties' => [
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
            ],
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_creates_new_report_with_minimal_properties(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report',
            'is_public' => false,
            'properties' => [
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
            ],
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Test Report')
            ->where('data.description', null)
            ->where('data.is_public', false)
            ->where('data.shareable_link', null)
            ->where('data.properties.group', TimeEntryAggregationType::Project->value)
            ->where('data.properties.sub_group', TimeEntryAggregationType::Task->value)
        );
    }

    public function test_store_endpoint_creates_new_report_with_all_properties(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report',
            'description' => 'Test description',
            'is_public' => true,
            'public_until' => Carbon::now()->addDays(30)->toIso8601ZuluString(),
            'properties' => [
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
                'active' => true,
                'member_ids' => [],
                'billable' => true,
                'client_ids' => [],
                'project_ids' => [],
                'tag_ids' => [],
                'task_ids' => [],
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'week_start' => Weekday::Monday->value,
                'timezone' => 'Europe/Berlin',
            ],
        ]);

        // Assert
        $response->assertStatus(201);
        /** @var Report $report */
        $report = Report::query()->findOrFail($response->json('data.id'));
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Test Report')
            ->where('data.description', 'Test description')
            ->where('data.is_public', true)
            ->where('data.shareable_link', $report->getShareableLink())
            ->where('data.properties.group', TimeEntryAggregationType::Project->value)
            ->where('data.properties.sub_group', TimeEntryAggregationType::Task->value)
        );
    }

    public function test_store_endpoint_creates_new_report_with_rounding_properties(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report with Rounding',
            'description' => 'Test description',
            'is_public' => true,
            'public_until' => Carbon::now()->addDays(30)->toIso8601ZuluString(),
            'properties' => [
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
                'active' => true,
                'member_ids' => [],
                'billable' => true,
                'client_ids' => [],
                'project_ids' => [],
                'tag_ids' => [],
                'task_ids' => [],
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'week_start' => Weekday::Monday->value,
                'timezone' => 'Europe/Berlin',
                'rounding_type' => 'nearest',
                'rounding_minutes' => 15,
            ],
        ]);

        // Assert
        $response->assertStatus(201);
        /** @var Report $report */
        $report = Report::query()->findOrFail($response->json('data.id'));
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Test Report with Rounding')
            ->where('data.description', 'Test description')
            ->where('data.is_public', true)
            ->where('data.shareable_link', $report->getShareableLink())
            ->where('data.properties.group', TimeEntryAggregationType::Project->value)
            ->where('data.properties.sub_group', TimeEntryAggregationType::Task->value)
            ->where('data.properties.rounding_type', 'nearest')
            ->where('data.properties.rounding_minutes', 15)
        );

        // Also verify the properties are saved in the database
        $this->assertSame(TimeEntryRoundingType::Nearest, $report->properties->roundingType);
        $this->assertSame(15, $report->properties->roundingMinutes);
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'name' => 'Updated Report',
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_report_does_not_exist(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), 1]), [
            'name' => 'Updated Report',
        ]);

        // Assert
        $response->assertNotFound();
    }

    public function test_update_endpoint_fails_if_report_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'name' => 'Updated Report',
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_can_update_only_the_name_of_the_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'name' => 'Updated Report',
        ]);

        // Assert
        $report->refresh();
        $this->assertSame('Updated Report', $report->name);
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Updated Report')
        );
    }

    public function test_update_endpoint_can_update_only_the_description_of_the_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'description' => 'Updated description',
        ]);

        // Assert
        $report->refresh();
        $this->assertSame('Updated description', $report->description);
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.description', 'Updated description')
        );
    }

    public function test_update_endpoint_can_set_a_report_from_private_to_public_which_generates_a_new_secret(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->private()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'is_public' => true,
        ]);

        // Assert
        $report->refresh();
        $this->assertTrue($report->is_public);
        $this->assertNotNull($report->share_secret);
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_public', true)
            ->where('data.shareable_link', $report->getShareableLink())
        );
    }

    public function test_update_endpoint_can_set_a_report_from_public_to_private_which_resets_the_secret(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->public()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'is_public' => false,
        ]);

        // Assert
        $report->refresh();
        $this->assertFalse($report->is_public);
        $this->assertNull($report->share_secret);
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_public', false)
            ->where('data.shareable_link', null)
        );
    }

    public function test_update_endpoint_does_not_change_the_secret_of_a_public_report_if_it_is_set_to_public_again(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->public()->forOrganization($data->organization)->create();
        $secret = $report->share_secret;
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'is_public' => true,
        ]);

        // Assert
        $report->refresh();
        $this->assertTrue($report->is_public);
        $this->assertSame($secret, $report->share_secret);
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.is_public', true)
            ->where('data.shareable_link', $report->getShareableLink())
        );
    }

    public function test_update_endpoint_can_update_the_report_all_properties_set(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'name' => 'Updated Report',
            'description' => 'Updated description',
            'is_public' => true,
            'public_until' => Carbon::now()->addDays(30)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Updated Report')
            ->where('data.description', 'Updated description')
            ->where('data.is_public', true)
            ->whereType('data.public_until', 'string')
            ->where('data.properties.group', TimeEntryAggregationType::Project->value)
            ->where('data.properties.sub_group', TimeEntryAggregationType::Task->value)
        );
    }

    public function test_update_endpoint_can_update_public_until_on_already_public_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->public()->forOrganization($data->organization)->create([
            'public_until' => null,
        ]);
        Passport::actingAs($data->user);
        $newPublicUntil = Carbon::now()->addDays(30);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'public_until' => $newPublicUntil->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(200);
        $report->refresh();
        $this->assertTrue($report->is_public);
        $this->assertNotNull($report->public_until);
        $this->assertTrue($newPublicUntil->isSameDay($report->public_until));
    }

    public function test_update_endpoint_can_clear_public_until_on_already_public_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:update',
        ]);
        $report = Report::factory()->public()->forOrganization($data->organization)->create([
            'public_until' => Carbon::now()->addDays(30),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.reports.update', [$data->organization->getKey(), $report->getKey()]), [
            'public_until' => null,
        ]);

        // Assert
        $response->assertStatus(200);
        $report->refresh();
        $this->assertTrue($report->is_public);
        $this->assertNull($report->public_until);
    }

    public function test_show_endpoint_fails_if_user_has_no_permission_to_view_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.show', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_show_endpoint_fails_if_report_does_not_exist(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:view',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.show', [$data->organization->getKey(), 1]));

        // Assert
        $response->assertNotFound();
    }

    public function test_show_endpoint_fails_if_report_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:view',
        ]);
        $report = Report::factory()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.show', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_show_endpoint_returns_detailed_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:view',
        ]);
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.reports.show', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.id', $report->getKey())
        );
    }

    public function test_store_endpoint_creates_report_with_none_filter_values(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:create',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report with None Filters',
            'is_public' => false,
            'properties' => [
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'project_ids' => [TimeEntryFilter::NONE_VALUE],
                'client_ids' => [TimeEntryFilter::NONE_VALUE],
                'tag_ids' => [TimeEntryFilter::NONE_VALUE],
                'task_ids' => [TimeEntryFilter::NONE_VALUE],
            ],
        ]);

        // Assert
        $response->assertStatus(201);
        /** @var Report $report */
        $report = Report::query()->findOrFail($response->json('data.id'));
        $this->assertTrue($report->properties->projectIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->clientIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->tagIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->taskIds->contains(TimeEntryFilter::NONE_VALUE));
    }

    public function test_store_endpoint_creates_report_with_none_combined_with_real_ids(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:create',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->postJson(route('api.v1.reports.store', [$data->organization->getKey()]), [
            'name' => 'Test Report with Combined Filters',
            'is_public' => false,
            'properties' => [
                'start' => Carbon::now()->subDays(30)->toIso8601ZuluString(),
                'end' => Carbon::now()->toIso8601ZuluString(),
                'group' => TimeEntryAggregationType::Project->value,
                'sub_group' => TimeEntryAggregationType::Task->value,
                'history_group' => TimeEntryAggregationType::Day->value,
                'project_ids' => [$project->getKey(), TimeEntryFilter::NONE_VALUE],
                'client_ids' => [$client->getKey(), TimeEntryFilter::NONE_VALUE],
                'tag_ids' => [$tag->getKey(), TimeEntryFilter::NONE_VALUE],
                'task_ids' => [$task->getKey(), TimeEntryFilter::NONE_VALUE],
            ],
        ]);

        // Assert
        $response->assertStatus(201);
        /** @var Report $report */
        $report = Report::query()->findOrFail($response->json('data.id'));
        $this->assertTrue($report->properties->projectIds->contains($project->getKey()));
        $this->assertTrue($report->properties->projectIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->clientIds->contains($client->getKey()));
        $this->assertTrue($report->properties->clientIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->tagIds->contains($tag->getKey()));
        $this->assertTrue($report->properties->tagIds->contains(TimeEntryFilter::NONE_VALUE));
        $this->assertTrue($report->properties->taskIds->contains($task->getKey()));
        $this->assertTrue($report->properties->taskIds->contains(TimeEntryFilter::NONE_VALUE));
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.reports.destroy', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_report_belongs_to_another_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:delete',
        ]);
        $report = Report::factory()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.reports.destroy', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_report_does_not_exist(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:delete',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.reports.destroy', [$data->organization->getKey(), 1]));

        // Assert
        $response->assertNotFound();
    }

    public function test_destroy_endpoint_deletes_a_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'reports:delete',
        ]);
        $report = Report::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.reports.destroy', [$data->organization->getKey(), $report->getKey()]));

        // Assert
        $response->assertNoContent();
        $this->assertDatabaseMissing(Report::class, [
            'id' => $report->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/TagEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\TagController;
use App\Models\Organization;
use App\Models\Tag;
use App\Models\TimeEntry;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(TagController::class)]
class TagEndpointTest extends ApiEndpointTestAbstract
{
    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_tags(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $tags = Tag::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tags.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_tags_of_organization_ordered_by_created_at_desc_per_default(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:view',
        ]);
        $tags = Tag::factory()->forOrganization($data->organization)->randomCreatedAt()->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tags.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
        $tags = Tag::query()->orderBy('created_at', 'desc')->get();
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('links')
            ->has('meta')
            ->count('data', 4)
            ->where('data.0.id', $tags->get(0)->getKey())
            ->where('data.1.id', $tags->get(1)->getKey())
            ->where('data.2.id', $tags->get(2)->getKey())
            ->where('data.3.id', $tags->get(3)->getKey())
        );
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_tags(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tags.store', [$data->organization->getKey()]), [
            'name' => 'Test Tag',
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_name_is_already_taken(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:create',
        ]);
        $name = 'Test Tag';
        $tagWithName = Tag::factory()->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tags.store', [$data->organization->getKey()]), [
            'name' => $tagWithName->name,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A tag with the same name already exists in the organization.',
        ]);
    }

    public function test_store_endpoint_creates_tag_if_tag_name_is_only_used_in_other_organizations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:create',
        ]);
        $name = 'Test Tag';
        $tagWithName = Tag::factory()->create([
            'name' => $name,
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tags.store', [$data->organization->getKey()]), [
            'name' => $tagWithName->name,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $tagWithName->name)
        );
    }

    public function test_store_endpoint_creates_new_tag(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:create',
        ]);
        $tagFake = Tag::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tags.store', [$data->organization->getKey()]), [
            'name' => $tagFake->name,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $tagFake->name)
        );
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_tags(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $tagFake = Tag::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tags.update', [$data->organization->getKey(), $tag->getKey()]), [
            'name' => $tagFake->name,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_is_not_part_of_tag_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:update',
        ]);
        $otherOrganization = Organization::factory()->create();
        $tag = Tag::factory()->forOrganization($otherOrganization)->create();
        $tagFake = Tag::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tags.update', [$data->organization->getKey(), $tag->getKey()]), [
            'name' => $tagFake->name,
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Tag::class, [
            'id' => $tag->getKey(),
            'name' => $tag->name,
            'organization_id' => $otherOrganization->getKey(),
        ]);
    }

    public function test_update_endpoint_fails_if_name_is_already_taken(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:update',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $tagWithName = Tag::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tags.update', [$data->organization->getKey(), $tag->getKey()]), [
            'name' => $tagWithName->name,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A tag with the same name already exists in the organization.',
        ]);
    }

    public function test_update_endpoint_updates_tag_if_tag_name_is_only_used_in_other_organizations(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:update',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $tagWithName = Tag::factory()->create([
            'name' => 'Test Tag',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tags.update', [$data->organization->getKey(), $tag->getKey()]), [
            'name' => $tagWithName->name,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $tagWithName->name)
        );
        $this->assertDatabaseHas(Tag::class, [
            'name' => $tagWithName->name,
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_update_endpoint_updates_tag(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:update',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $tagFake = Tag::factory()->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tags.update', [$data->organization->getKey(), $tag->getKey()]), [
            'name' => $tagFake->name,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $tagFake->name)
        );
        $this->assertDatabaseHas(Tag::class, [
            'name' => $tagFake->name,
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_tags(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tags.destroy', [$data->organization->getKey(), $tag->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_user_is_not_part_of_tag_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:delete',
        ]);
        $otherOrganization = Organization::factory()->create();
        $tag = Tag::factory()->forOrganization($otherOrganization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tags.destroy', [$data->organization->getKey(), $tag->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Tag::class, [
            'id' => $tag->getKey(),
            'name' => $tag->name,
            'organization_id' => $otherOrganization->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_tag_is_still_in_use_by_a_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:delete',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        TimeEntry::factory()->forMember($data->member)->forOrganization($data->organization)->create([
            'tags' => [$tag->getKey()],
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tags.destroy', [$data->organization->getKey(), $tag->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The tag is still used by a time entry and can not be deleted.');
        $this->assertDatabaseHas(Tag::class, [
            'id' => $tag->getKey(),
        ]);
    }

    public function test_destroy_endpoint_deletes_tag(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tags:delete',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tags.destroy', [$data->organization->getKey(), $tag->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(Tag::class, [
            'id' => $tag->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/TaskEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\TaskController;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Task;
use App\Models\TimeEntry;
use Illuminate\Support\Carbon;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;

#[UsesClass(TaskController::class)]
class TaskEndpointTest extends ApiEndpointTestAbstract
{
    public function test_non_valid_uuid_for_organization_id_fails(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', ['invalid-uuid']));

        // Assert
        $response->assertStatus(404);
    }

    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_tasks(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_validation_fails_if_project_id_is_not_pat(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_list_of_all_tasks_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $tasks = Task::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_tasks_ordered_by_created_at_descending(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $taskOldest = Task::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(3),
        ]);
        $taskNewest = Task::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDay(),
        ]);
        $taskMiddle = Task::factory()->forOrganization($data->organization)->create([
            'created_at' => now()->subDays(2),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey(), 'done' => 'all']));

        // Assert
        $response->assertStatus(200);
        $ids = collect($response->json('data'))->pluck('id')->values()->toArray();
        $this->assertSame([$taskNewest->getKey(), $taskMiddle->getKey(), $taskOldest->getKey()], $ids);
    }

    public function test_index_endpoint_without_filter_done_returns_list_of_all_tasks_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $notDoneTasks = Task::factory()->forOrganization($data->organization)->createMany(2);
        $doneTasks = Task::factory()->forOrganization($data->organization)->isDone()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($notDoneTasks->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_done_true_returns_list_of_all_done_tasks_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $notDoneTasks = Task::factory()->forOrganization($data->organization)->createMany(2);
        $doneTasks = Task::factory()->forOrganization($data->organization)->isDone()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey(), 'done' => 'true']));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($doneTasks->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_done_false_returns_list_of_all_not_done_tasks_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $notDoneTasks = Task::factory()->forOrganization($data->organization)->createMany(2);
        $doneTasks = Task::factory()->forOrganization($data->organization)->isDone()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey(), 'done' => 'false']));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
        $this->assertEqualsCanonicalizing($notDoneTasks->pluck('id')->toArray(), $response->json('data.*.id'));
    }

    public function test_index_endpoint_with_filter_done_all_returns_list_of_all_tasks_of_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $notDoneTasks = Task::factory()->forOrganization($data->organization)->createMany(2);
        $doneTasks = Task::factory()->forOrganization($data->organization)->isDone()->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey(), 'done' => 'all']));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_list_of_all_tasks_with_access_of_organization_if_user_has_no_all_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
        ]);
        $otherProject = Project::factory()->create();
        Task::factory()->forOrganization($data->organization)->forProject($otherProject)->createMany(4);
        $projectPublic = Project::factory()->isPublic()->create();
        Task::factory()->forOrganization($data->organization)->forProject($projectPublic)->createMany(2);
        $projectAsMember = Project::factory()->isPrivate()->create();
        ProjectMember::factory()->forProject($projectAsMember)->forMember($data->member)->create();
        Task::factory()->forOrganization($data->organization)->forProject($projectAsMember)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [$data->organization->getKey()]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(4, 'data');
    }

    public function test_index_endpoint_returns_list_of_all_tasks_of_organization_filtered_by_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
            'tasks:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Task::factory()->forOrganization($data->organization)->forProject($project)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [
            $data->organization->getKey(),
            'project_id' => $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
    }

    public function test_index_endpoint_validation_fails_if_project_id_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
        ]);
        $otherData = $this->createUserWithPermission([
            'tasks:view',
        ]);
        $project = Project::factory()->forOrganization($otherData->organization)->create();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [
            $data->organization->getKey(),
            'project_id' => $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(422);
        $response->assertInvalid([
            'project_id',
        ]);
    }

    public function test_index_endpoint_validation_fails_if_project_is_not_visible_by_user_and_user_does_not_have_tasks_all_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [
            $data->organization->getKey(),
            'project_id' => $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(422);
        $response->assertInvalid([
            'project_id',
        ]);
    }

    public function test_index_endpoint_returns_list_of_all_tasks_of_organization_filtered_by_project_if_user_has_access_to_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:view',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        Task::factory()->forOrganization($data->organization)->createMany(4);
        Task::factory()->forOrganization($data->organization)->forProject($project)->createMany(2);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.tasks.index', [
            $data->organization->getKey(),
            'project_id' => $project->getKey(),
        ]));

        // Assert
        $response->assertStatus(200);
        $response->assertJsonCount(2, 'data');
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_tasks(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseMissing(Task::class, [
            'name' => 'Task 1',
        ]);
    }

    public function test_store_endpoint_fails_if_task_with_same_name_already_exists_in_same_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:create:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create([
            'name' => 'Task 1',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => $task->name,
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A task with the same name already exists in the project.',
        ]);
    }

    public function test_store_endpoint_creates_new_task_even_if_task_with_same_name_already_exists_in_other_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:create:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $otherProject = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($otherProject)->create([
            'name' => 'Task 1',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => $task->name,
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Task::class, [
            'name' => $task->name,
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_store_endpoint_creates_new_task_if_user_has_permission_to_create_tasks(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:create:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Task::class, [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_store_endpoint_ignores_estimated_time_if_pro_features_are_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:create:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
            'estimated_time' => 3600,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Task 1')
            ->where('data.project_id', $project->getKey())
            ->where('data.estimated_time', null)
        );
        $this->assertDatabaseHas(Task::class, [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
            'estimated_time' => null,
        ]);
    }

    public function test_store_endpoint_can_store_with_estimated_time_with_pro_features_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:create:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
            'estimated_time' => 3600,
        ]);

        // Assert
        $response->assertStatus(201);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', 'Task 1')
            ->where('data.project_id', $project->getKey())
            ->where('data.estimated_time', 3600)
        );
        $this->assertDatabaseHas(Task::class, [
            'name' => 'Task 1',
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
            'estimated_time' => 3600,
        ]);
    }

    public function test_update_endpoint_fails_if_user_has_no_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated Task',
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => $task->name,
        ]);
        $this->assertDatabaseMissing(Task::class, [
            'id' => $task->getKey(),
            'name' => 'Updated Task',
        ]);
    }

    public function test_update_endpoint_fails_if_task_with_same_name_already_exists_in_same_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $name = 'Task 1';
        $task = Task::factory()->forProject($project)->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        $otherTask = Task::factory()->forProject($project)->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $name,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'name' => 'A task with the same name already exists in the project.',
        ]);
    }

    public function test_update_endpoint_updates_task_if_task_with_same_name_already_exists_in_other_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $otherProject = Project::factory()->forOrganization($data->organization)->create();
        $name = 'Task 1';
        $task = Task::factory()->forProject($project)->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        $otherTask = Task::factory()->forProject($otherProject)->forOrganization($data->organization)->create([
            'name' => $name,
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $name,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => $name,
        ]);
    }

    public function test_update_endpoint_updates_task_if_user_has_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated Task',
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => 'Updated Task',
        ]);
    }

    public function test_update_endpoint_can_set_task_to_done(): void
    {
        // Arrange
        $now = Carbon::now();
        $this->travelTo($now);
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $task->name,
            'is_done' => true,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'done_at' => $now->toDateTimeString(),
        ]);
    }

    public function test_update_endpoint_can_set_task_to_not_done(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->isDone()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $task->name,
            'is_done' => false,
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'done_at' => null,
        ]);
    }

    public function test_update_endpoint_ignores_estimated_time_if_pro_features_are_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $task->name,
            'estimated_time' => 3600,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $task->name)
            ->where('data.estimated_time', null)
        );
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'estimated_time' => null,
        ]);
    }

    public function test_update_endpoint_can_update_estimated_time_with_pro_features_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:update:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => $task->name,
            'estimated_time' => 3600,
        ]);

        // Assert
        $response->assertStatus(200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->where('data.name', $task->name)
            ->where('data.estimated_time', 3600)
        );
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'estimated_time' => 3600,
        ]);
    }

    public function test_delete_endpoint_deletes_tasks_if_user_has_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:delete:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_destroy_endpoint_fails_if_task_is_still_in_use_by_a_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:delete:all',
        ]);
        $task = Task::factory()->forOrganization($data->organization)->create();
        TimeEntry::factory()->forMember($data->member)->forTask($task)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('message', 'The task is still used by a time entry and can not be deleted.');
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_delete_endpoint_fails_if_user_has_no_permission_to_delete_tasks(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $task = Task::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_delete_endpoint_fails_if_task_does_not_belong_to_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'tasks:delete:all',
        ]);
        $otherData = $this->createUserWithPermission([
            'tasks:delete:all',
        ]);
        $task = Task::factory()->forOrganization($otherData->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_store_endpoint_allows_employee_to_create_task_in_public_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Task::class, [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_store_endpoint_allows_employee_to_create_task_in_accessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(Task::class, [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
            'organization_id' => $data->organization->getKey(),
        ]);
    }

    public function test_store_endpoint_fails_for_employee_creating_task_in_inaccessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseMissing(Task::class, [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
        ]);
    }

    public function test_store_endpoint_fails_for_employee_when_employees_can_manage_tasks_is_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = false;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.tasks.store', [$data->organization->getKey()]), [
            'name' => 'Employee Task',
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseMissing(Task::class, [
            'name' => 'Employee Task',
        ]);
    }

    public function test_update_endpoint_allows_employee_to_update_task_in_public_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated by Employee',
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => 'Updated by Employee',
        ]);
    }

    public function test_update_endpoint_allows_employee_to_update_task_in_accessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated by Employee',
        ]);

        // Assert
        $response->assertStatus(200);
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => 'Updated by Employee',
        ]);
    }

    public function test_update_endpoint_fails_for_employee_updating_task_in_inaccessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $originalName = $task->name;
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated by Employee',
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => $originalName,
        ]);
    }

    public function test_update_endpoint_fails_for_employee_when_employees_can_manage_tasks_is_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = false;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $originalName = $task->name;
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.tasks.update', [$data->organization->getKey(), $task->getKey()]), [
            'name' => 'Updated by Employee',
        ]);

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
            'name' => $originalName,
        ]);
    }

    public function test_delete_endpoint_allows_employee_to_delete_task_in_public_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_delete_endpoint_allows_employee_to_delete_task_in_accessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        ProjectMember::factory()->forProject($project)->forMember($data->member)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertStatus(204);
        $this->assertDatabaseMissing(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_delete_endpoint_fails_for_employee_deleting_task_in_inaccessible_private_project_when_employees_can_manage_tasks_is_enabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = true;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPrivate()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
        ]);
    }

    public function test_delete_endpoint_fails_for_employee_when_employees_can_manage_tasks_is_disabled(): void
    {
        // Arrange
        $data = $this->createUserWithRole(\App\Enums\Role::Employee);
        $data->organization->employees_can_manage_tasks = false;
        $data->organization->save();
        $project = Project::factory()->forOrganization($data->organization)->isPublic()->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.tasks.destroy', [$data->organization->getKey(), $task->getKey()]));

        // Assert
        $response->assertForbidden();
        $this->assertDatabaseHas(Task::class, [
            'id' => $task->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/TimeEntryEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Enums\ExportFormat;
use App\Enums\Role;
use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryAggregationTypeInterval;
use App\Enums\TimeEntryRoundingType;
use App\Exceptions\Api\TimeEntryCanNotBeRestartedApiException;
use App\Http\Controllers\Api\V1\TimeEntryController;
use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\Client;
use App\Models\Member;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\TimeEntryFilter;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Facades\Queue;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Str;
use Illuminate\Testing\Fluent\AssertableJson;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;
use Ramsey\Uuid\Type\Time;
use TiMacDonald\Log\LogEntry;

#[UsesClass(TimeEntryController::class)]
class TimeEntryEndpointTest extends ApiEndpointTestAbstract
{
    protected function setUp(): void
    {
        parent::setUp();
        Storage::fake('local');
    }

    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_fails_if_user_has_no_permission_to_view_time_entries_for_others_but_wants_all_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [$data->organization->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_endpoint_returns_time_entries_for_current_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonPath('data.0.id', $timeEntry->getKey());
    }

    public function test_index_endpoint_fails_if_user_filter_is_from_different_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $otherData = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $otherData->member->getKey(),
        ]));

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrorFor('member_id');
    }

    public function test_index_endpoint_returns_time_entries_for_other_user_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [$data->organization->getKey(), 'user_id' => $user->getKey()]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonPath('data.0.id', $timeEntry->getKey());
    }

    public function test_index_endpoint_returns_time_entries_for_all_users_in_organization_default_sort_by_start_date_desc(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create([
            'start' => Carbon::now()->subDay(),
        ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create([
            'start' => Carbon::now()->subDays(2),
        ]);
        $timeEntry3 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create([
            'start' => Carbon::now()->subDays(3),
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [$data->organization->getKey()]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonPath('data.0.id', $timeEntry1->getKey());
        $response->assertJsonPath('data.1.id', $timeEntry2->getKey());
        $response->assertJsonPath('data.2.id', $timeEntry3->getKey());
    }

    public function test_index_endpoint_returns_only_active_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $activeTimeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->active()->create();
        $nonActiveTimeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'active' => 'true',
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('meta.total', 1);
        $response->assertJsonPath('data.0.id', $activeTimeEntry->getKey());
    }

    public function test_index_endpoint_returns_only_non_active_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $activeTimeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->active()->createMany(3);
        $nonActiveTimeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'active' => 'false',
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('meta.total', 1);
        $response->assertJsonPath('data.0.id', $nonActiveTimeEntries->getKey());
    }

    public function test_index_endpoint_filter_only_full_dates_returns_time_entries_for_the_whole_day_case_less_time_entries_than_limit(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'only_full_dates' => 'true',
            'limit' => 5,
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(3, 'data');
        $response->assertJsonPath('meta.total', 3);
    }

    public function test_index_endpoint_filter_only_full_dates_returns_time_entries_for_the_whole_day_case_more_time_entries_than_limit(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntriesDay1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(Carbon::now($data->user->timezone)->subDay()->startOfDay(), Carbon::now($data->user->timezone)->subDay()->endOfDay())
            ->createMany(3);
        $timeEntriesDay2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(Carbon::now($data->user->timezone)->subDays(2)->startOfDay(), Carbon::now($data->user->timezone)->subDays(2)->endOfDay())
            ->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'only_full_dates' => 'true',
            'limit' => 5,
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(3, 'data');
        $response->assertJsonPath('meta.total', 6);
    }

    public function test_index_endpoint_filter_only_full_dates_returns_time_entries_for_the_whole_day_case_more_time_entries_than_limit_with_a_timezone_edge_case(): void
    {
        // Arrange
        $now = Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna');
        $this->travelTo($now);
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $data->user->timezone = 'America/New_York';
        $data->user->save();
        /**
         * We create in the eyes of the users timezone 2 time entries yesterday, 2 time entries two days ago, and 3 time entries three days ago
         * The time entries are created in a way that they jump to the next day if the endpoint ignores the users timezone and just uses UTC
         */

        // Note: This entry is yesterday in user timezone and yesterday in UTC
        $timeEntriesDay1InUserTimeZone = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->state([
                'start' => Carbon::now()->timezone($data->user->timezone)->subDay()->startOfDay()->utc(),
            ])
            ->createMany(2);
        // Note: This entry is yesterday in UTC timezone, but two days ago in user timezone
        $timeEntriesDay1InUTC = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->state([
                'start' => Carbon::now()->utc()->subDay()->startOfDay()->utc(),
            ])
            ->createMany(2);
        // Note: This entry is two days ago in user timezone
        $timeEntriesDay2InUserTimeZone = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->state([
                'start' => Carbon::now()->timezone($data->user->timezone)->subDays(2)->startOfDay()->utc(),
            ])
            ->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'only_full_dates' => 'true',
            'limit' => 5,
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(2, 'data');
        $response->assertJsonPath('meta.total', 7);
    }

    public function test_index_endpoint_filter_only_full_dates_returns_time_entries_for_the_whole_day_case_more_time_entries_in_latest_day_than_limit(): void
    {
        // Arrange
        $now = Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna');
        $this->travelTo($now);
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntriesDay1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->state([
                'start' => Carbon::now()->timezone($data->user->timezone)->subDay()->startOfDay()->utc(),
            ])
            ->createMany(7);
        $timeEntriesDay2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->state([
                'start' => Carbon::now()->timezone($data->user->timezone)->subDays(2)->endOfDay()->utc(),
            ])
            ->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'only_full_dates' => 'true',
            'limit' => 5,
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(7, 'data');
        $response->assertJsonPath('meta.total', 10);
        Log::assertLogged(fn (LogEntry $log) => $log->level === 'warning'
            && $log->message === 'User has has more than 5 time entries on one date'
        );
    }

    public function test_index_endpoint_before_filter_returns_time_entries_before_date(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntriesAfter = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(
                Carbon::now()->timezone($data->user->timezone)->subDay()->startOfDay()->utc(),
                Carbon::now()->timezone($data->user->timezone)->utc()
            )
            ->createMany(3);
        $timeEntriesBefore = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(
                Carbon::now()->timezone($data->user->timezone)->subDays(2)->startOfDay()->utc(),
                Carbon::now()->timezone($data->user->timezone)->subDays(2)->endOfDay()->utc()
            )
            ->createMany(3);
        $timeEntriesBeforeSorted = $timeEntriesBefore->sortByDesc('start')->values();
        $timeEntriesDirectlyBeforeLimit = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => Carbon::now()->timezone($data->user->timezone)->subDays(2)->endOfDay()->utc(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'end' => Carbon::now()->timezone($data->user->timezone)->subDay()->startOfDay()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 4)
            ->count('data', 4)
            ->where('data.0.id', $timeEntriesDirectlyBeforeLimit->getKey())
            ->where('data.1.id', $timeEntriesBeforeSorted->get(0)->getKey())
            ->where('data.2.id', $timeEntriesBeforeSorted->get(1)->getKey())
            ->where('data.3.id', $timeEntriesBeforeSorted->get(2)->getKey())
        );
    }

    public function test_index_endpoint_can_round_up(): void
    {
        // Arrange
        $this->travelTo(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:15:04'));
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:08'),
                'end' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'),
            ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:07'),
                'end' => null,
            ]);
        $this->actAsOrganizationWithSubscription();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'rounding_type' => TimeEntryRoundingType::Up,
            'rounding_minutes' => 6,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 2)
            ->count('data', 2)
            ->where('data.0.id', $timeEntry1->getKey())
            ->where('data.0.start', '2020-01-01T00:00:00Z')
            ->where('data.0.end', '2020-01-01T00:06:00Z')
            ->where('data.1.id', $timeEntry2->getKey())
            ->where('data.1.start', '2020-01-01T00:00:00Z')
            ->where('data.1.end', '2020-01-01T00:18:00Z')
        );
    }

    public function test_index_endpoint_can_round_up_but_does_not_round_up_if_already_on_border(): void
    {
        // Arrange
        $this->travelTo(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:15:04'));
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:08'),
                'end' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:06:00'),
            ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:07'),
                'end' => null,
            ]);
        $this->actAsOrganizationWithSubscription();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'rounding_type' => TimeEntryRoundingType::Up,
            'rounding_minutes' => 6,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 2)
            ->count('data', 2)
            ->where('data.0.id', $timeEntry1->getKey())
            ->where('data.0.start', '2020-01-01T00:00:00Z')
            ->where('data.0.end', '2020-01-01T00:06:00Z')
            ->where('data.1.id', $timeEntry2->getKey())
            ->where('data.1.start', '2020-01-01T00:00:00Z')
            ->where('data.1.end', '2020-01-01T00:18:00Z')
        );
    }

    public function test_index_endpoint_ignores_rounding_if_organization_has_no_premium_features(): void
    {
        // Arrange
        $this->travelTo(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:15:04'));
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:08'),
                'end' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'),
            ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:07'),
                'end' => null,
            ]);
        $this->actAsOrganizationWithoutSubscriptionAndWithoutTrial();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'rounding_type' => TimeEntryRoundingType::Up,
            'rounding_minutes' => 6,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 2)
            ->count('data', 2)
            ->where('data.0.id', $timeEntry1->getKey())
            ->where('data.0.start', '2020-01-01T00:00:08Z')
            ->where('data.0.end', '2020-01-01T00:00:01Z')
            ->where('data.1.id', $timeEntry2->getKey())
            ->where('data.1.start', '2020-01-01T00:00:07Z')
            ->where('data.1.end', null)
        );
    }

    public function test_index_endpoint_can_round_down(): void
    {
        // Arrange
        $this->travelTo(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:15:04'));
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:08'),
                'end' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'),
            ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:07'),
                'end' => null,
            ]);
        $this->actAsOrganizationWithSubscription();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'rounding_type' => TimeEntryRoundingType::Down,
            'rounding_minutes' => 6,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 2)
            ->count('data', 2)
            ->where('data.0.id', $timeEntry1->getKey())
            ->where('data.0.start', '2020-01-01T00:00:00Z')
            ->where('data.0.end', '2020-01-01T00:00:00Z')
            ->where('data.1.id', $timeEntry2->getKey())
            ->where('data.1.start', '2020-01-01T00:00:00Z')
            ->where('data.1.end', '2020-01-01T00:12:00Z')
        );
    }

    public function test_index_endpoint_can_round_nearest(): void
    {
        // Arrange
        $this->travelTo(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:15:00'));
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:08'),
                'end' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:02:59'),
            ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:07'),
                'end' => null,
            ]);
        $this->actAsOrganizationWithSubscription();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'rounding_type' => TimeEntryRoundingType::Nearest,
            'rounding_minutes' => 6,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 2)
            ->count('data', 2)
            ->where('data.0.id', $timeEntry1->getKey())
            ->where('data.0.start', '2020-01-01T00:00:00Z')
            ->where('data.0.end', '2020-01-01T00:00:00Z')
            ->where('data.1.id', $timeEntry2->getKey())
            ->where('data.1.start', '2020-01-01T00:00:00Z')
            ->where('data.1.end', '2020-01-01T00:18:00Z')
        );
    }

    public function test_index_endpoint_after_filter_returns_time_entries_after_date(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $timeEntriesAfter = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(Carbon::now($data->user->timezone)->startOfDay()->utc(), Carbon::now($data->user->timezone)->utc())
            ->createMany(3);
        $timeEntriesAfterSorted = $timeEntriesAfter->sortByDesc('start')->values();
        $timeEntriesBefore = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->startBetween(Carbon::now($data->user->timezone)->subDay()->startOfDay()->utc(), Carbon::now($data->user->timezone)->subDay()->endOfDay()->utc())
            ->createMany(3);
        $timeEntriesDirectlyAfterLimit = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => Carbon::now($data->user->timezone)->startOfDay()->utc(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'start' => Carbon::now($data->user->timezone)->subDay()->endOfDay()->toIso8601ZuluString(), // yesterday
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 4)
            ->count('data', 4)
            ->where('data.0.id', $timeEntriesAfterSorted->get(0)->getKey())
            ->where('data.1.id', $timeEntriesAfterSorted->get(1)->getKey())
            ->where('data.2.id', $timeEntriesAfterSorted->get(2)->getKey())
            ->where('data.3.id', $timeEntriesDirectlyAfterLimit->getKey())
        );
    }

    public function test_index_endpoint_with_all_available_filters(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
            'time-entries:view:own',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $timeEntry1 = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forProject($project)
            ->forTask($task)
            ->forMember($data->member)
            ->billable()
            ->active()
            ->create([
                'start' => Carbon::now()->subHour(),
                'tags' => [$tag->getKey()],
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'member_ids' => [$data->member->getKey()],
            'project_ids' => [$project->getKey()],
            'task_ids' => [$task->getKey()],
            'tag_ids' => [$tag->getKey()],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->toIso8601ZuluString(),
            'active' => 'true',
            'only_full_dates' => 'true',
            'limit' => 1,
        ]));

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertJson(fn (AssertableJson $json) => $json
            ->has('data')
            ->has('meta')
            ->where('meta.total', 1)
            ->count('data', 1)
            ->where('data.0.id', $timeEntry1->getKey())
        );
    }

    public function test_index_endpoint_with_limit_offset_and_only_full_dates_deactivated(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $project1 = Project::factory()->forOrganization($data->organization)->create();
        $project2 = Project::factory()->forOrganization($data->organization)->create();
        TimeEntry::factory()->forMember($data->member)->forProject($project1)->forOrganization($data->organization)->create([
            'start' => Carbon::now()->subDays(2),
        ]);
        $timeEntry = TimeEntry::factory()->forMember($data->member)->forProject($project1)->forOrganization($data->organization)->create([
            'start' => Carbon::now()->subDays(3),
        ]);
        TimeEntry::factory()->forMember($data->member)->forProject($project1)->forOrganization($data->organization)->create([
            'start' => Carbon::now()->subDays(4),
        ]);
        TimeEntry::factory()->forMember($data->member)->forProject($project2)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'project_ids' => [$project1->getKey()],
            'limit' => 1,
            'offset' => 1,
            'only_full_dates' => 'false',
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('meta.total', 3);
        $response->assertJsonPath('data.*.id', [$timeEntry->getKey()]);
    }

    public function test_index_export_endpoint_fails_if_user_has_no_permission_to_view_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_export_endpoint_fails_if_pdf_renderer_is_not_configured_but_a_user_want_a_pdf_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);
        Config::set('services.gotenberg.url', null);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'pdf_renderer_is_not_configured',
            'message' => 'PDF renderer is not configured',
        ]);
    }

    public function test_index_export_endpoint_fails_if_user_wants_a_pdf_export_but_has_no_subscription(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithoutSubscriptionAndWithoutTrial();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'feature_is_not_available_in_free_plan',
            'message' => 'Feature is not available in free plan',
        ]);
    }

    public function test_index_export_endpoint_fails_if_user_has_only_access_to_own_time_entries_but_does_not_filter_for_this(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_csv(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_ods(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_xlxs(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_pdf(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_csv_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_ods_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_xlxs_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_pdf_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        Passport::actingAs($data->user);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_csv_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_ods_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_xlxs_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_can_create_a_detailed_time_entry_report_in_format_pdf_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        Passport::actingAs($data->user);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->id,
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_fails_if_user_no_permission_to_view_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_aggregate_endpoint_fails_if_user_has_no_permission_to_view_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_aggregate_export_endpoint_fails_if_user_wants_a_pdf_export_but_has_no_subscription(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithoutSubscriptionAndWithoutTrial();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'feature_is_not_available_in_free_plan',
            'message' => 'Feature is not available in free plan',
        ]);
    }

    public function test_aggregate_export_endpoint_fails_if_user_has_only_access_to_own_time_entries_but_does_not_filter_for_this(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_aggregate_export_endpoints_can_create_a_csv_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_csv_report_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_csv_report_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_xlsx_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_xlsx_report_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_xlsx_report_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::XLSX,
            'group' => TimeEntryAggregationType::Client,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_ods_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_ods_report_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_ods_report_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::ODS,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoint_fails_if_pdf_renderer_is_not_configured_but_a_user_want_a_pdf_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();
        Config::set('services.gotenberg.url', null);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'pdf_renderer_is_not_configured',
            'message' => 'PDF renderer is not configured',
        ]);
    }

    public function test_aggregate_export_endpoints_can_create_a_pdf_report(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_pdf_report_as_employee_role_with_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, true);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_aggregate_export_endpoints_can_create_a_pdf_report_as_employee_role_without_show_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithRole(Role::Employee, false);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);
        $this->actAsOrganizationWithSubscription();

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::PDF,
            'group' => TimeEntryAggregationType::User,
            'sub_group' => TimeEntryAggregationType::Project,
            'history_group' => TimeEntryAggregationTypeInterval::Month,
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_with_client_ids_filter_returns_filtered_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $clientA = Client::factory()->forOrganization($data->organization)->create();
        $clientB = Client::factory()->forOrganization($data->organization)->create();
        $projectA = Project::factory()->forOrganization($data->organization)->forClient($clientA)->create();
        $projectB = Project::factory()->forOrganization($data->organization)->forClient($clientB)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forProject($projectA)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($projectB)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'client_ids' => [$clientA->getKey()],
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_with_none_client_ids_filter_succeeds(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->startWithDuration(Carbon::now(), 100)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'client_ids' => [TimeEntryFilter::NONE_VALUE],
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
    }

    public function test_index_export_endpoint_with_client_ids_of_other_organization_fails_validation(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $otherData = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $otherClient = Client::factory()->forOrganization($otherData->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index-export', [
            $data->organization->getKey(),
            'format' => ExportFormat::CSV,
            'client_ids' => [$otherClient->getKey()],
            'start' => Carbon::now()->startOfYear()->toIso8601ZuluString(),
            'end' => Carbon::now()->endOfYear()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrorFor('client_ids.0');
    }

    public function test_aggregate_endpoint_fails_if_user_has_only_access_to_own_time_entries_but_does_not_filter_for_this(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'group' => 'day',
            'sub_group' => 'project',
        ]));

        // Assert
        $response->assertForbidden();
    }

    public function test_aggregate_endpoint_fails_if_request_has_sub_group_but_no_group(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'sub_group' => TimeEntryAggregationType::Task->value,
        ]));

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrorFor('group');
    }

    public function test_aggregate_endpoint_works_for_user_with_only_access_to_own_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:own',
        ]);
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->create();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $start = Carbon::now()->timezone($data->user->timezone)->subDays(2);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->startWithDuration($start, 100)->create();
        $timeEntryOtherMember = TimeEntry::factory()->forOrganization($data->organization)->forMember($otherMember)->forProject($project)->startWithDuration($start, 100)->create();

        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'member_id' => $data->member->getKey(),
            'group' => 'project',
        ]));

        // Assert
        $response->assertSuccessful();
        $response->assertExactJson([
            'data' => [
                'seconds' => 100,
                'cost' => 0,
                'grouped_data' => [
                    0 => [
                        'key' => $project->getKey(),
                        'seconds' => 100,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                ],
                'grouped_type' => 'project',
            ],
        ]);
    }

    public function test_aggregate_endpoint_groups_by_two_groups(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $day1 = Carbon::now()->timezone($data->user->timezone)->subDays(1);
        $day2 = Carbon::now()->timezone($data->user->timezone)->subDays(3);
        $timeEntry1NoProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($day1, 10)->create();
        $timeEntry2NoProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($day2, 10)->create();
        $timeEntry1WithProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->startWithDuration($day1, 10)->create();
        $timeEntry2WithProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->startWithDuration($day2, 10)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'group' => 'day',
            'sub_group' => 'project',
        ]));

        // Assert
        $response->assertSuccessful();
        $response->assertExactJson([
            'data' => [
                'seconds' => 40,
                'cost' => 0,
                'grouped_data' => [
                    0 => [
                        'key' => $day2->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => 'project',
                        'grouped_data' => [
                            0 => [
                                'key' => $project->getKey(),
                                'seconds' => 10,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                            ],
                            1 => [
                                'key' => null,
                                'seconds' => 10,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                            ],
                        ],
                    ],
                    1 => [
                        'key' => $day1->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => 'project',
                        'grouped_data' => [
                            0 => [
                                'key' => $project->getKey(),
                                'seconds' => 10,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                            ],
                            1 => [
                                'key' => null,
                                'seconds' => 10,
                                'cost' => 0,
                                'grouped_type' => null,
                                'grouped_data' => null,
                            ],
                        ],
                    ],
                ],
                'grouped_type' => 'day',
            ],
        ]);
    }

    public function test_aggregate_endpoint_groups_by_two_groups_with_fill_gaps_argument(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $day1 = Carbon::now()->timezone($data->user->timezone)->subDays(1);
        $day2 = Carbon::now()->timezone($data->user->timezone)->subDays(3);
        $timeEntry1NoProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($day1, 10)->create();
        $timeEntry2NoProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($day2, 10)->create();
        $timeEntry1WithProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->startWithDuration($day1, 10)->create();
        $timeEntry2WithProject = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->startWithDuration($day2, 10)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'group' => 'project',
            'sub_group' => 'day',
            'fill_gaps_in_time_groups' => 'true',
            'start' => $day2->copy()->subSecond()->toIso8601ZuluString(),
            'end' => $day1->copy()->addSecond()->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertSuccessful();
        $response->assertExactJson(['data' => [
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                0 => [
                    'key' => $project->getKey(),
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'day',
                    'grouped_data' => [
                        0 => [
                            'key' => $day2->format('Y-m-d'),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        1 => [
                            'key' => $day2->copy()->addDay()->format('Y-m-d'),
                            'seconds' => 0,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        2 => [
                            'key' => $day1->format('Y-m-d'),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                1 => [
                    'key' => null,
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'day',
                    'grouped_data' => [
                        0 => [
                            'key' => $day2->format('Y-m-d'),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        1 => [
                            'key' => $day2->copy()->addDay()->format('Y-m-d'),
                            'seconds' => 0,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        2 => [
                            'key' => $day1->format('Y-m-d'),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ],
        ]);
    }

    public function test_aggregate_endpoint_groups_by_one_group(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $week1 = Carbon::now()->timezone($data->user->timezone)->startOfWeek($data->user->week_start->carbonWeekDay());
        $week2 = Carbon::now()->timezone($data->user->timezone)->subWeeks(2)->startOfWeek($data->user->week_start->carbonWeekDay());
        $timeEntry1Week1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($week1->copy()->addDays(1), 10)->create();
        $timeEntry2Week1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($week1->copy()->addDays(2), 10)->create();
        $timeEntry1Week2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($week2->copy()->addDays(3), 10)->create();
        $timeEntry2Week2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($week2->copy()->addDays(4), 10)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'group' => 'week',
        ]));

        // Assert
        $response->assertSuccessful();
        $response->assertExactJson([
            'data' => [
                'seconds' => 40,
                'cost' => 0,
                'grouped_type' => 'week',
                'grouped_data' => [
                    0 => [
                        'key' => $week2->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                    1 => [
                        'key' => $week1->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                ],
            ],
        ]);
    }

    public function test_aggregate_endpoint_groups_by_one_group_with_fill_gaps_argument(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $laterWeekEnd = Carbon::now()->timezone($data->user->timezone)->endOfWeek($data->user->week_start->toEndOfWeek()->carbonWeekDay());
        $earlierWeekStart = Carbon::now()->timezone($data->user->timezone)->subWeeks(2)->startOfWeek($data->user->week_start->carbonWeekDay());

        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($laterWeekEnd->copy()->subDays(1), 10)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($laterWeekEnd->copy()->subDays(2), 10)->create();
        $timeEntry3 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($earlierWeekStart->copy()->addDays(1), 10)->create();
        $timeEntry4 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->startWithDuration($earlierWeekStart->copy()->addDays(2), 10)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
            'group' => 'week',
            'fill_gaps_in_time_groups' => 'true',
            'start' => $earlierWeekStart->toIso8601ZuluString(),
            'end' => $laterWeekEnd->toIso8601ZuluString(),
        ]));

        // Assert
        $response->assertSuccessful();
        $response->assertExactJson([
            'data' => [
                'seconds' => 40,
                'cost' => 0,
                'grouped_type' => 'week',
                'grouped_data' => [
                    0 => [
                        'key' => $earlierWeekStart->startOfWeek($data->user->week_start->carbonWeekDay())->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                    1 => [
                        'key' => $laterWeekEnd->copy()->subWeek()->startOfWeek($data->user->week_start->carbonWeekDay())->format('Y-m-d'),
                        'seconds' => 0,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                    2 => [
                        'key' => $laterWeekEnd->startOfWeek($data->user->week_start->carbonWeekDay())->format('Y-m-d'),
                        'seconds' => 20,
                        'cost' => 0,
                        'grouped_type' => null,
                        'grouped_data' => null,
                    ],
                ],
            ],
        ]
        );
    }

    public function test_aggregate_endpoint_with_no_group(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->createMany(3);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->createMany(3);
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->state([
            'start' => $timeEntries->get(0)->start,
        ])->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.aggregate', [
            $data->organization->getKey(),
        ]));

        // Assert
        $response->assertSuccessful();
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTags($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_fails_if_user_already_has_active_time_entry_and_tries_to_start_new_one(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $activeTimeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->active()->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->withTags($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => null,
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'project_id' => $timeEntryFake->project_id,
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('error', true);
    }

    public function test_store_endpoint_validation_fails_if_task_id_does_not_belong_to_project_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        $timeEntryFake2 = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'project_id' => $timeEntryFake->project_id,
            'task_id' => $timeEntryFake2->task_id,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'task_id' => 'The task is not part of the given project.',
        ]);
    }

    public function test_store_endpoint_validation_fails_if_project_id_is_missing_but_request_has_task_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        $timeEntryFake2 = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake2->task_id,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'project_id' => 'The project field is required when task is present.',
            'task_id' => 'The task is not part of the given project.',
        ]);
    }

    public function test_store_endpoint_creates_new_time_entry_for_current_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->withTask($data->organization)->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'project_id' => $timeEntryFake->project_id,
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $response->json('data.id'),
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);
    }

    public function test_store_endpoint_fails_gracefully_if_non_uuid_text_is_in_uuid_validated_field_in_body(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->withTask($data->organization)->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => 'non-uuid-text',
            'tags' => ['non-uuid-text', 1],
            'project_id' => 'non-uuid-text',
            'task_id' => 'non-uuid-text',
        ]);

        // Assert
        $response->assertStatus(422);
    }

    public function test_store_endpoint_fails_if_employee_tries_to_create_time_entry_for_private_project_without_access(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
        ]);

        // Create a private project that the employee is not a member of
        $privateProject = Project::factory()->forOrganization($data->organization)->create([
            'is_public' => false,
        ]);

        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => 'Test time entry',
            'billable' => false,
            'start' => now()->toIso8601ZuluString(),
            'end' => now()->addHour()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
            'project_id' => $privateProject->getKey(),
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors(['project_id']);

        // Verify the time entry was NOT created in the database
        $this->assertDatabaseMissing(TimeEntry::class, [
            'project_id' => $privateProject->getKey(),
            'member_id' => $data->member->getKey(),
        ]);
    }

    public function test_store_endpoints_sets_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->withTask($data->organization)->forOrganization($data->organization)->make();
        $project = Project::factory()->forOrganization($data->organization)->billable()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'billable' => true,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $response->json('data.id'),
            'member_id' => $data->member->getKey(),
            'task_id' => null,
            'project_id' => $project->getKey(),
            'billable_rate' => $project->billable_rate,
        ]);
    }

    public function test_store_endpoint_creates_new_time_entry_with_minimal_fields(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $response->json('data.id'),
            'member_id' => $data->member->getKey(),
            'task_id' => null,
        ]);
    }

    public function test_store_endpoint_can_create_new_time_entry_with_project_and_automatically_set_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $response->json('data.id'),
            'member_id' => $data->member->getKey(),
            'task_id' => null,
            'project_id' => $project->getKey(),
            'client_id' => $client->getKey(),
        ]);
    }

    public function test_store_endpoint_fails_if_user_has_no_permission_to_create_time_entries_for_others(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $otherMember->getKey(),
            'project_id' => $timeEntryFake->project_id,
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_store_endpoint_creates_new_time_entry_for_other_user_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:all',
        ]);
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $otherMember->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertStatus(201);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $response->json('data.id'),
            'user_id' => $otherUser->getKey(),
            'member_id' => $otherMember->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);
    }

    public function test_create_endpoint_recalculates_project_and_task_spent_time_if_time_entry_has_project_and_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->forProject($project)->forTask($task)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => Carbon::now()->toIso8601ZuluString(),
            'end' => Carbon::now()->addHour()->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
        ]);

        // Assert
        $response->assertStatus(201);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, function (RecalculateSpentTimeForProject $job) use ($project): bool {
            return $job->project->is($project);
        });
        Queue::assertPushed(RecalculateSpentTimeForTask::class, function (RecalculateSpentTimeForTask $job) use ($task): bool {
            return $job->task->is($task);
        });
    }

    public function test_update_endpoint_fails_if_employee_tries_to_update_time_entry_to_private_project_without_access(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
        ]);

        // Create a time entry for the employee
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();

        // Create a private project that the employee is not a member of
        $privateProject = Project::factory()->forOrganization($data->organization)->create([
            'is_public' => false,
        ]);

        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'project_id' => $privateProject->getKey(),
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors(['project_id']);

        // Verify the time entry was NOT updated in the database
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'project_id' => $privateProject->getKey(),
        ]);
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_own_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_is_not_part_of_time_entry_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $otherUser = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($otherUser->organization)->forMember($otherUser->member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_fails_if_user_has_no_permission_to_update_time_entries_for_other_users_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertForbidden();
    }

    public function test_update_endpoint_validation_fails_if_task_id_does_not_belong_to_project_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        $timeEntryFake2 = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'project_id' => $timeEntryFake->project_id,
            'task_id' => $timeEntryFake2->task_id,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'task_id' => 'The task is not part of the given project.',
        ]);
    }

    public function test_update_endpoint_validation_fails_if_project_id_is_missing_but_request_has_task_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        $timeEntryFake2 = TimeEntry::factory()->forOrganization($data->organization)->withTask($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'billable' => $timeEntryFake->billable,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'task_id' => $timeEntryFake2->task_id,
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'project_id' => 'The project field is required when task is present.',
            'task_id' => 'The task is not part of the given project.',
        ]);
    }

    public function test_update_endpoint_updates_time_entry_for_current_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->withTags($data->organization)->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);
    }

    public function test_update_endpoints_sets_billable_rate(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->withTags($data->organization)->forOrganization($data->organization)->make();
        $project = Project::factory()->forOrganization($data->organization)->billable()->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'billable' => true,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'member_id' => $data->member->getKey(),
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $data->member->getKey(),
            'task_id' => null,
            'project_id' => $project->getKey(),
            'billable_rate' => $project->billable_rate,
        ]);
    }

    public function test_update_endpoint_updates_time_entry_for_current_user_but_does_not_send_member_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->withTags($data->organization)->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);
    }

    public function test_update_endpoint_fails_if_user_tries_to_reactivate_a_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => null,
            'tags' => $timeEntryFake->tags,
            'member_id' => $data->member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertJsonPath('error', true);
        $response->assertJsonPath('message', __('exceptions.api.'.TimeEntryCanNotBeRestartedApiException::KEY));
    }

    public function test_update_endpoint_updates_time_entry_of_other_user_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        $timeEntryFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'description' => $timeEntryFake->description,
            'start' => $timeEntryFake->start->toIso8601ZuluString(),
            'end' => $timeEntryFake->end->toIso8601ZuluString(),
            'tags' => $timeEntryFake->tags,
            'member_id' => $member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $member->getKey(),
            'task_id' => $timeEntryFake->task_id,
        ]);
    }

    public function test_update_endpoint_can_update_project_and_automatically_set_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $user = User::factory()->create();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'project_id' => $project->getKey(),
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $member->getKey(),
            'task_id' => $timeEntry->task_id,
            'project_id' => $project->getKey(),
            'client_id' => $client->getKey(),
        ]);
    }

    public function test_update_endpoint_can_removed_project_from_time_entry_and_automatically_remove_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $user = User::factory()->create();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forOrganization($data->organization)->forClient($client)->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->forProject($project)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'project_id' => null,
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'member_id' => $member->getKey(),
            'task_id' => null,
            'project_id' => null,
            'client_id' => null,
        ]);
    }

    public function test_update_endpoint_recalculates_project_and_task_spend_time_after_updating_time_entry_settings_a_project_and_a_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject(null)->forTask(null)->forMember($data->member)->create();
        TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
        Queue::assertPushed(function (RecalculateSpentTimeForProject $job) use ($project): bool {
            return $job->project->is($project);
        }, 1);
        Queue::assertPushed(function (RecalculateSpentTimeForTask $job) use ($task): bool {
            return $job->task->is($task);
        }, 1);
    }

    public function test_update_endpoint_recalculates_project_and_task_spend_time_after_updating_time_entry_settings_a_new_project_and_a_new_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $oldProject = Project::factory()->forOrganization($data->organization)->create();
        $oldTask = Task::factory()->forOrganization($data->organization)->forProject($oldProject)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject($oldProject)->forTask($oldTask)->forMember($data->member)->create();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $timeEntry->getKey()]), [
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
        ]);

        // Assert
        $this->assertResponseCode($response, 200);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 2);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 2);
        Queue::assertPushed(function (RecalculateSpentTimeForProject $job) use ($project): bool {
            return $job->project->is($project);
        }, 1);
        Queue::assertPushed(function (RecalculateSpentTimeForProject $job) use ($oldProject): bool {
            return $job->project->is($oldProject);
        }, 1);
        Queue::assertPushed(function (RecalculateSpentTimeForTask $job) use ($task): bool {
            return $job->task->is($task);
        }, 1);
        Queue::assertPushed(function (RecalculateSpentTimeForTask $job) use ($oldTask): bool {
            return $job->task->is($oldTask);
        }, 1);
    }

    public function test_destroy_endpoint_fails_if_user_tries_to_delete_time_entry_in_organization_that_they_does_belong_to(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:all',
        ]);
        $otherUser = $this->createUserWithPermission([
            'time-entries:delete:all',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($otherUser->organization)->forMember($otherUser->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_user_tries_to_delete_non_existing_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), Str::uuid()]));

        // Assert
        $response->assertStatus(404);
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_own_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_fails_if_user_has_no_permission_to_delete_time_entries_for_other_users_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertForbidden();
    }

    public function test_destroy_endpoint_deletes_own_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
        ]);
    }

    public function test_destroy_endpoint_deletes_time_entry_of_other_user_in_organization(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:all',
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($data->organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forMember($member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
        ]);
    }

    public function test_destroy_multiple_endpoint_fails_if_user_has_no_permission_to_delete_own_time_entries_or_all_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->createMany(3);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy-multiple', [$data->organization->getKey()]), [
            'ids' => $timeEntries->pluck('id')->toArray(),
        ]);

        // Assert
        $response->assertValid();
        $response->assertForbidden();
    }

    public function test_destroy_multiple_endpoint_fails_if_ids_contains_non_uuid_id(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy-multiple', [$data->organization->getKey()]), [
            'ids' => [
                Str::uuid(),
                'non-uuid',
            ],
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors([
            'ids.1' => ['The ids.1 field must be a valid UUID.'],
        ]);
    }

    public function test_destroy_multiple_endpoint_own_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_own_time_entries_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
            ],
            'error' => [
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
        ]);
    }

    public function test_destroy_multiple_deletes_all_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_all_time_entries_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:all',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
            ],
            'error' => [
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
        ]);
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
        ]);
    }

    public function test_destroy_multiple_recalculates_project_and_task_spend_time_after_deleting_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->create();
        $timeEntryWithProject = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forMember($data->member)->create();
        $timeEntryWithTask = TimeEntry::factory()->forOrganization($data->organization)->forTask($task)->forMember($data->member)->create();
        $timeEntryWithProjectAndTask = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forTask($task)->forMember($data->member)->create();
        $timeEntryWithoutProjectAndTask = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntryWithProject->getKey(),
                $timeEntryWithTask->getKey(),
                $timeEntryWithProjectAndTask->getKey(),
                $timeEntryWithoutProjectAndTask->getKey(),
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntryWithProject->getKey(),
                $timeEntryWithTask->getKey(),
                $timeEntryWithProjectAndTask->getKey(),
                $timeEntryWithoutProjectAndTask->getKey(),
            ],
            'error' => [
            ],
        ]);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 3);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 2);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, function (RecalculateSpentTimeForProject $job) use ($project) {
            return $job->project->is($project);
        });
        Queue::assertPushed(RecalculateSpentTimeForTask::class, function (RecalculateSpentTimeForTask $job) use ($task) {
            return $job->task->is($task);
        });
    }

    public function test_destroy_endpoint_recalculates_project_and_task_spend_time_after_deleting_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject($project)->forTask($task)->forMember($data->member)->create();
        $project = $timeEntry->project;
        $task = $timeEntry->task;
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
        ]);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, function (RecalculateSpentTimeForProject $job) use ($project) {
            return $job->project->is($project);
        });
        Queue::assertPushed(RecalculateSpentTimeForTask::class, function (RecalculateSpentTimeForTask $job) use ($task) {
            return $job->task->is($task);
        });
    }

    public function test_destroy_endpoint_does_not_recalculate_project_and_task_spend_time_after_deleting_time_entry_if_time_entry_had_no_project_and_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:delete:own',
        ]);
        $timeEntry = TimeEntry::factory()->forOrganization($data->organization)->forProject(null)->forTask(null)->forMember($data->member)->create();
        Passport::actingAs($data->user);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        $response = $this->deleteJson(route('api.v1.time-entries.destroy', [$data->organization->getKey(), $timeEntry->getKey()]));

        // Assert
        $response->assertStatus(204);
        $response->assertNoContent();
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
        ]);
        Queue::assertNotPushed(RecalculateSpentTimeForProject::class);
        Queue::assertNotPushed(RecalculateSpentTimeForTask::class);
    }

    public function test_update_multiple_endpoint_fails_if_user_has_no_permission_to_update_own_time_entries_or_all_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $timeEntries = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->createMany(3);
        $timeEntriesFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => $timeEntries->pluck('id')->toArray(),
            'changes' => [
                'description' => $timeEntriesFake->description,
            ],
        ]);

        // Assert
        $response->assertValid();
        $response->assertForbidden();
    }

    public function test_update_multiple_endpoint_fails_if_employee_tries_to_update_time_entries_to_private_project_without_access(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
        ]);

        // Create time entries for the employee
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)->create();

        // Create a private project that the employee is not a member of
        $privateProject = Project::factory()->forOrganization($data->organization)->create([
            'is_public' => false,
        ]);

        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [$timeEntry1->getKey(), $timeEntry2->getKey()],
            'changes' => [
                'project_id' => $privateProject->getKey(),
            ],
        ]);

        // Assert
        $response->assertStatus(422);
        $response->assertJsonValidationErrors(['changes.project_id']);

        // Verify the time entries were NOT updated in the database
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'project_id' => $privateProject->getKey(),
        ]);
        $this->assertDatabaseMissing(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'project_id' => $privateProject->getKey(),
        ]);
    }

    public function test_update_multiple_remove_task_from_time_entries_only_if_project_is_set_to_a_new_value_without_setting_a_new_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $project1 = Project::factory()->forOrganization($data->organization)->create();
        $project2 = Project::factory()->forOrganization($data->organization)->create();
        $task1 = Task::factory()->forProject($project1)->forOrganization($data->organization)->create();
        $task2 = Task::factory()->forProject($project2)->forOrganization($data->organization)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project1)->forTask($task1)->forMember($data->member)->create();
        $timeEntry2 = TimeEntry::factory()->forOrganization($data->organization)->forProject($project2)->forTask($task2)->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'project_id' => $project2->getKey(),
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'project_id' => $project2->getKey(),
            'task_id' => null,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'project_id' => $project2->getKey(),
            'task_id' => $task2->getKey(),
        ]);
    }

    public function test_update_multiple_updates_own_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_own_time_entries_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $timeEntriesFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
            'changes' => [
                'description' => $timeEntriesFake->description,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
            ],
            'error' => [
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
            'description' => $timeEntriesFake->description,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
            'description' => $otherOrganizationTimeEntry->description,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
            'description' => $otherTimeEntry->description,
        ]);
    }

    public function test_update_multiple_updates_own_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_own_time_entries_permission_and_full_changeset(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $timeEntriesFake = TimeEntry::factory()->forOrganization($data->organization)->withTags($data->organization)->make();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forProject($project)->forOrganization($data->organization)->create();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
            'changes' => [
                'member_id' => $data->member->getKey(),
                'project_id' => $project->getKey(),
                'task_id' => $task->getKey(),
                'billable' => $timeEntriesFake->billable,
                'description' => $timeEntriesFake->description,
                'tags' => $timeEntriesFake->tags,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
            ],
            'error' => [
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
            'member_id' => $data->member->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
            'billable' => $timeEntriesFake->billable,
            'description' => $timeEntriesFake->description,
            'tags' => json_encode($timeEntriesFake->tags),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
            'member_id' => $otherOrganizationTimeEntry->member_id,
            'project_id' => $otherOrganizationTimeEntry->project_id,
            'task_id' => $otherOrganizationTimeEntry->task_id,
            'billable' => $otherOrganizationTimeEntry->billable,
            'description' => $otherOrganizationTimeEntry->description,
            'tags' => json_encode($otherOrganizationTimeEntry->tags),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
            'member_id' => $otherTimeEntry->member_id,
            'project_id' => $otherTimeEntry->project_id,
            'task_id' => $otherTimeEntry->task_id,
            'billable' => $otherTimeEntry->billable,
            'description' => $otherTimeEntry->description,
            'tags' => json_encode($otherTimeEntry->tags),
        ]);
    }

    public function test_update_multiple_updates_sets_description_to_empty_if_the_client_sends_null(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $timeEntry1 = TimeEntry::factory()->forMember($data->member)->create([
            'description' => '',
        ]);
        $timeEntry2 = TimeEntry::factory()->forMember($data->member)->create([
            'description' => 'test',
        ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'description' => null,
            ],
        ]);

        // Assert
        $response->assertValid();
        $response->assertStatus(200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'description' => '',
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'description' => '',
        ]);
    }

    public function test_update_multiple_updates_all_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_all_time_entries_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $timeEntriesFake = TimeEntry::factory()->forOrganization($data->organization)->make();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
            'changes' => [
                'description' => $timeEntriesFake->description,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
            ],
            'error' => [
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
            'description' => $timeEntriesFake->description,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
            'description' => $otherOrganizationTimeEntry->description,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
            'description' => $timeEntriesFake->description,
        ]);
    }

    public function test_update_multiple_updates_all_time_entries_and_fails_for_time_entries_of_other_users_and_and_other_organizations_with_all_time_entries_permission_and_full_changeset(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $otherData = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        $otherTimeEntry = TimeEntry::factory()->forMember($otherMember)->create();
        $otherOrganizationTimeEntry = TimeEntry::factory()->forMember($otherData->member)->create();
        $timeEntriesFake = TimeEntry::factory()->forOrganization($data->organization)->withTags($data->organization)->make();
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forProject($project)->forOrganization($data->organization)->create();
        $wrongId = Str::uuid();
        Passport::actingAs($data->user);

        // Act
        $response = $this->withoutExceptionHandling()->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
            'changes' => [
                'member_id' => $otherMember->getKey(),
                'project_id' => $project->getKey(),
                'task_id' => $task->getKey(),
                'billable' => $timeEntriesFake->billable,
                'description' => $timeEntriesFake->description,
                'tags' => $timeEntriesFake->tags,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $ownTimeEntry->getKey(),
                $otherTimeEntry->getKey(),
            ],
            'error' => [
                $otherOrganizationTimeEntry->getKey(),
                $wrongId,
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
            'member_id' => $otherMember->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
            'billable' => $timeEntriesFake->billable,
            'description' => $timeEntriesFake->description,
            'tags' => json_encode($timeEntriesFake->tags),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherOrganizationTimeEntry->getKey(),
            'member_id' => $otherOrganizationTimeEntry->member_id,
            'project_id' => $otherOrganizationTimeEntry->project_id,
            'task_id' => $otherOrganizationTimeEntry->task_id,
            'billable' => $otherOrganizationTimeEntry->billable,
            'description' => $otherOrganizationTimeEntry->description,
            'tags' => json_encode($otherOrganizationTimeEntry->tags),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $otherTimeEntry->getKey(),
            'member_id' => $otherMember->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => $task->getKey(),
            'billable' => $timeEntriesFake->billable,
            'description' => $timeEntriesFake->description,
            'tags' => json_encode($timeEntriesFake->tags),
        ]);
    }

    public function test_store_endpoint_blocks_overlapping_entries_when_start_overlaps(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 13, 0, 0, 'UTC');
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $baseStart->copy()->addMinutes(30)->toIso8601ZuluString(),
            'end' => $baseEnd->copy()->addMinutes(30)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_store_endpoint_blocks_overlapping_entries_when_end_overlaps(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 13, 0, 0, 'UTC');
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $baseStart->copy()->subMinutes(30)->toIso8601ZuluString(),
            'end' => $baseStart->copy()->addMinutes(30)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_store_endpoint_blocks_overlapping_entries_when_new_entry_is_within_existing(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 13, 0, 0, 'UTC');
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $baseStart->copy()->addMinutes(15)->toIso8601ZuluString(),
            'end' => $baseStart->copy()->addMinutes(45)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_store_endpoint_blocks_overlapping_entries_when_new_entry_surrounds_existing(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 13, 0, 0, 'UTC');
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $baseStart->copy()->subMinutes(30)->toIso8601ZuluString(),
            'end' => $baseEnd->copy()->addMinutes(30)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_store_endpoint_blocks_starting_active_entry_when_it_overlaps_with_existing(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 13, 0, 0, 'UTC');
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $baseStart->copy()->addMinutes(30)->toIso8601ZuluString(),
            'end' => null,
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_store_endpoint_allows_future_time_entries_even_with_running_now(): void
    {
        // Arrange
        $now = Carbon::create(2025, 1, 1, 12, 0, 0, 'UTC');
        $this->travelTo($now);
        $data = $this->createUserWithPermission([
            'time-entries:create:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $now->copy()->subHour(),
                'end' => null,
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->postJson(route('api.v1.time-entries.store', [$data->organization->getKey()]), [
            'member_id' => $data->member->getKey(),
            'billable' => true,
            'start' => $now->copy()->addDay()->toIso8601ZuluString(),
            'end' => $now->copy()->addDay()->addHour()->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(201);
    }

    public function test_update_endpoint_blocks_overlap_and_excludes_current_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $data->organization->prevent_overlapping_time_entries = true;
        $data->organization->save();
        $baseStart = Carbon::create(2025, 1, 1, 14, 0, 0, 'UTC');
        $baseEnd = Carbon::create(2025, 1, 1, 15, 0, 0, 'UTC');
        $base = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseStart,
                'end' => $baseEnd,
            ]);
        $toUpdate = TimeEntry::factory()->forOrganization($data->organization)->forMember($data->member)
            ->create([
                'start' => $baseEnd->copy()->addMinutes(30),
                'end' => $baseEnd->copy()->addHour(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->putJson(route('api.v1.time-entries.update', [$data->organization->getKey(), $toUpdate->getKey()]), [
            'start' => $baseStart->copy()->addMinutes(30)->toIso8601ZuluString(),
        ]);

        // Assert
        $response->assertStatus(400);
        $response->assertExactJson([
            'error' => true,
            'key' => 'overlapping_time_entry',
            'message' => 'Overlapping time entries are not allowed.',
        ]);
    }

    public function test_update_multiple_refreshes_billable_rate_on_updates_time_entries(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);

        $oldProject = Project::factory()->forOrganization($data->organization)->billable()->create();
        $timeEntry1 = TimeEntry::factory()->forMember($data->member)->forProject($oldProject)->billable()->create();
        $timeEntry2 = TimeEntry::factory()->forMember($data->member)->forProject($oldProject)->notBillable()->create();
        $project = Project::factory()->billable()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'project_id' => $project->getKey(),
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'project_id' => $project->getKey(),
            'billable' => true,
            'billable_rate' => $project->billable_rate,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'project_id' => $project->getKey(),
            'billable' => false,
            'billable_rate' => null,
        ]);
    }

    public function test_update_multiple_ignores_other_fields_in_changes(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);
        $timeEntry1 = TimeEntry::factory()->forMember($data->member)->create();
        $timeEntry2 = TimeEntry::factory()->forMember($data->member)->create();
        $project = Project::factory()->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'project_id' => $project->getKey(),
                'other_field' => 'test123',
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [
            ],
        ]);
    }

    public function test_update_multiple_can_update_project_and_sets_client_automatically(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);

        $oldClient = Client::factory()->forOrganization($data->organization)->create();
        $oldProject = Project::factory()->forOrganization($data->organization)->forClient($oldClient)->create();
        $timeEntry1 = TimeEntry::factory()->forMember($data->member)->forProject($oldProject)->create();
        $timeEntry2 = TimeEntry::factory()->forMember($data->member)->create();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forClient($client)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'project_id' => $project->getKey(),
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'client_id' => $client->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => null,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'client_id' => $client->getKey(),
            'project_id' => $project->getKey(),
            'task_id' => null,
        ]);
    }

    public function test_update_multiple_can_remove_project_from_time_entries_and_sets_client_automatically(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:all',
        ]);

        $oldClient = Client::factory()->forOrganization($data->organization)->create();
        $oldProject = Project::factory()->forOrganization($data->organization)->forClient($oldClient)->create();
        $timeEntry1 = TimeEntry::factory()->forMember($data->member)->forProject($oldProject)->create();
        $timeEntry2 = TimeEntry::factory()->forMember($data->member)->create();
        $client = Client::factory()->forOrganization($data->organization)->create();
        $project = Project::factory()->forClient($client)->forOrganization($data->organization)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'changes' => [
                'project_id' => null,
            ],
        ]);

        // Assert
        $response->assertValid();
        $this->assertResponseCode($response, 200);
        $response->assertExactJson([
            'success' => [
                $timeEntry1->getKey(),
                $timeEntry2->getKey(),
            ],
            'error' => [
            ],
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry1->getKey(),
            'client_id' => null,
            'project_id' => null,
            'task_id' => null,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry2->getKey(),
            'client_id' => null,
            'project_id' => null,
            'task_id' => null,
        ]);
    }

    public function test_update_multiple_updates_own_time_entries_fails_if_member_id_is_not_your_own_and_you_dont_have_update_all_permission(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:update:own',
            'projects:view:all',
        ]);
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forOrganization($data->organization)->forUser($otherUser)->role(Role::Employee)->create();

        $ownTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->patchJson(route('api.v1.time-entries.update-multiple', [$data->organization->getKey()]), [
            'ids' => [
                $ownTimeEntry->getKey(),
            ],
            'changes' => [
                'member_id' => $otherMember->getKey(),
            ],
        ]);

        // Assert
        $response->assertValid();
        $response->assertStatus(403);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $ownTimeEntry->getKey(),
            'member_id' => $ownTimeEntry->member_id,
        ]);
    }

    public function test_index_endpoint_with_none_project_filter_returns_entries_without_project(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $timeEntryWithProject = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forProject($project)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
            ]);
        $timeEntryWithoutProject = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'project_id' => null,
                'start' => Carbon::now()->subHour(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'project_ids' => [TimeEntryFilter::NONE_VALUE],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->addDay()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('data.0.id', $timeEntryWithoutProject->getKey());
    }

    public function test_index_endpoint_with_none_and_id_project_filter_returns_both(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $otherProject = Project::factory()->forOrganization($data->organization)->create();
        $timeEntryWithProject = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forProject($project)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
            ]);
        $timeEntryWithoutProject = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'project_id' => null,
                'start' => Carbon::now()->subHour(),
            ]);
        $timeEntryWithOtherProject = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forProject($otherProject)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'project_ids' => [TimeEntryFilter::NONE_VALUE, $project->getKey()],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->addDay()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(2, 'data');
        $ids = collect($response->json('data'))->pluck('id')->toArray();
        $this->assertContains($timeEntryWithProject->getKey(), $ids);
        $this->assertContains($timeEntryWithoutProject->getKey(), $ids);
        $this->assertNotContains($timeEntryWithOtherProject->getKey(), $ids);
    }

    public function test_index_endpoint_with_none_task_filter_returns_entries_without_task(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $project = Project::factory()->forOrganization($data->organization)->create();
        $task = Task::factory()->forOrganization($data->organization)->forProject($project)->create();
        $timeEntryWithTask = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forProject($project)
            ->forTask($task)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
            ]);
        $timeEntryWithoutTask = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'task_id' => null,
                'start' => Carbon::now()->subHour(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'task_ids' => [TimeEntryFilter::NONE_VALUE],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->addDay()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('data.0.id', $timeEntryWithoutTask->getKey());
    }

    public function test_index_endpoint_with_none_client_filter_returns_entries_without_client(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $client = Client::factory()->forOrganization($data->organization)->create();
        $timeEntryWithClient = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'client_id' => $client->getKey(),
                'start' => Carbon::now()->subHour(),
            ]);
        $timeEntryWithoutClient = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'client_id' => null,
                'start' => Carbon::now()->subHour(),
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'client_ids' => [TimeEntryFilter::NONE_VALUE],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->addDay()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('data.0.id', $timeEntryWithoutClient->getKey());
    }

    public function test_index_endpoint_with_none_tag_filter_returns_entries_without_tags(): void
    {
        // Arrange
        $data = $this->createUserWithPermission([
            'time-entries:view:all',
        ]);
        $tag = Tag::factory()->forOrganization($data->organization)->create();
        $timeEntryWithTag = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
                'tags' => [$tag->getKey()],
            ]);
        $timeEntryWithoutTag = TimeEntry::factory()
            ->forOrganization($data->organization)
            ->forMember($data->member)
            ->create([
                'start' => Carbon::now()->subHour(),
                'tags' => [],
            ]);
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.time-entries.index', [
            $data->organization->getKey(),
            'tag_ids' => [TimeEntryFilter::NONE_VALUE],
            'start' => Carbon::now()->subDay()->toIso8601ZuluString(),
            'end' => Carbon::now()->addDay()->toIso8601ZuluString(),
        ]));

        // Assert
        $this->assertResponseCode($response, 200);
        $response->assertJsonCount(1, 'data');
        $response->assertJsonPath('data.0.id', $timeEntryWithoutTag->getKey());
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/UserEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use Laravel\Passport\Passport;

class UserEndpointTest extends ApiEndpointTestAbstract
{
    public function test_me_fails_when_not_authenticated(): void
    {
        // Act
        $response = $this->getJson(route('api.v1.users.me'));

        // Assert
        $response->assertUnauthorized();
        $response->assertJson(['message' => 'Unauthenticated.']);
    }

    public function test_me_returns_information_about_the_current_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.users.me'));

        // Assert
        $response->assertSuccessful();
        $response->assertJson([
            'data' => [
                'id' => $data->user->getKey(),
                'name' => $data->user->name,
                'email' => $data->user->email,
                'profile_photo_url' => $data->user->profile_photo_url,
                'timezone' => $data->user->timezone,
                'week_start' => $data->user->week_start->value,
            ],
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/UserMembershipEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Models\Member;
use App\Models\Organization;
use Laravel\Passport\Passport;

class UserMembershipEndpointTest extends ApiEndpointTestAbstract
{
    public function test_my_members_fails_when_not_authenticated(): void
    {
        // Act
        $response = $this->getJson(route('api.v1.users.memberships.my-memberships'));

        // Assert
        $response->assertUnauthorized();
        $response->assertJson(['message' => 'Unauthenticated.']);
    }

    public function test_my_members_returns_information_about_the_organization_membership_of_the_current_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $otherOrganization = Organization::factory()->create();
        $otherMember = Member::factory()->forOrganization($otherOrganization)->forUser($data->user)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.users.memberships.my-memberships'));

        // Assert
        $response->assertSuccessful();
        $response->assertJsonCount(2, 'data');
        $otherMemberResponse = collect($response->json('data'))->where('id', '=', $otherMember->getKey())->first();
        $this->assertNotNull($otherMemberResponse);
        $this->assertSame($otherMember->organization->getKey(), $otherMemberResponse['organization']['id']);
        $memberResponse = collect($response->json('data'))->where('id', '=', $data->member->getKey())->first();
        $this->assertNotNull($memberResponse);
    }
}


================================================
FILE: tests/Unit/Endpoint/Api/V1/UserTimeEntryEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Api\V1;

use App\Http\Controllers\Api\V1\UserTimeEntryController;
use App\Models\TimeEntry;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Log;
use Laravel\Passport\Passport;
use PHPUnit\Framework\Attributes\UsesClass;
use TiMacDonald\Log\LogEntry;

#[UsesClass(UserTimeEntryController::class)]
class UserTimeEntryEndpointTest extends ApiEndpointTestAbstract
{
    public function test_my_active_endpoint_returns_unauthorized_if_user_is_not_logged_in(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();

        // Act
        $response = $this->getJson(route('api.v1.users.time-entries.my-active'));

        // Assert
        $response->assertUnauthorized();
    }

    public function test_my_active_endpoint_returns_current_time_entry_of_logged_in_user(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $activeTimeEntry = TimeEntry::factory()->forMember($data->member)->active()->create();
        $inactiveTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.users.time-entries.my-active'));

        // Assert
        $response->assertSuccessful();
        $response->assertJsonPath('data.id', $activeTimeEntry->getKey());
    }

    public function test_my_active_endpoint_logs_a_warning_if_user_has_multiple_active_time_entries_and_return_the_latest_one(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $activeTimeEntry1 = TimeEntry::factory()->forMember($data->member)->active()->start(Carbon::now()->subDay())->create();
        $activeTimeEntry2 = TimeEntry::factory()->forMember($data->member)->active()->start(Carbon::now())->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.users.time-entries.my-active'));

        // Assert
        Log::assertLogged(fn (LogEntry $log) => $log->level === 'warning'
            && $log->message === 'User has more than one active time entry.'
            && $log->context === ['user' => $data->user->getKey()]
        );
        $response->assertSuccessful();
        $response->assertJsonPath('data.id', $activeTimeEntry2->getKey());
    }

    public function test_my_active_endpoint_returns_not_found_if_user_has_no_active_time_entry(): void
    {
        // Arrange
        $data = $this->createUserWithPermission();
        $inactiveTimeEntry = TimeEntry::factory()->forMember($data->member)->create();
        Passport::actingAs($data->user);

        // Act
        $response = $this->getJson(route('api.v1.users.time-entries.my-active'));

        // Assert
        $response->assertNotFound();
    }
}


================================================
FILE: tests/Unit/Endpoint/Web/DashboardEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Web;

use App\Enums\Role;
use App\Http\Controllers\Web\DashboardController;
use App\Models\Organization;
use App\Models\User;
use Inertia\Testing\AssertableInertia as Assert;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(DashboardController::class)]
class DashboardEndpointTest extends EndpointTestAbstract
{
    public function test_showing_dashboard_succeeds_for_empty_user(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->get('/dashboard');

        // Assert
        $response->assertSuccessful();
    }

    public function test_showing_dashboard_succeeds_for_user_with_employee_role(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->forCurrentOrganization($organization)->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $this->actingAs($user);

        // Act
        $response = $this->get('/dashboard');

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Endpoint/Web/EndpointTestAbstract.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Web;

use Tests\TestCaseWithDatabase;

abstract class EndpointTestAbstract extends TestCaseWithDatabase {}


================================================
FILE: tests/Unit/Endpoint/Web/HealthCheckEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Web;

use App\Http\Controllers\Web\HealthCheckController;
use Illuminate\Support\Facades\DB;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HealthCheckController::class)]
class HealthCheckEndpointTest extends EndpointTestAbstract
{
    public function test_up_endpoint_returns_ok(): void
    {
        // Arrange
        DB::enableQueryLog();
        DB::flushQueryLog();

        // Act
        $response = $this->get('health-check/up');
        $queryLog = DB::getQueryLog();

        // Assert
        $this->assertCount(0, $queryLog);
        $response->assertSuccessful();
        $response->assertExactJson([
            'success' => true,
        ]);
    }

    public function test_debug_endpoint_returns_ok(): void
    {
        // Arrange
        config(['app.debug' => false]);

        // Act
        $response = $this->get('health-check/debug');

        // Assert
        $response->assertSuccessful();
        $response->assertExactJsonStructure([
            'date_time_app',
            'date_time_utc',
            'hostname',
            'ip_address',
            'is_trusted_proxy',
            'path',
            'secure',
            'timestamp',
            'timezone',
            'url',
        ]);
        config(['app.debug' => true]);
    }

    public function test_debug_endpoint_returns_more_information_if_debug_mode_is_enabled(): void
    {
        // Arrange
        config(['app.debug' => true]);

        // Act
        $response = $this->get('health-check/debug');

        // Assert
        $response->assertSuccessful();
        $response->assertExactJsonStructure([
            'app_debug',
            'app_env',
            'app_force_https',
            'app_timezone',
            'app_url',
            'date_time_app',
            'date_time_utc',
            'headers',
            'hostname',
            'ip_address',
            'is_trusted_proxy',
            'path',
            'secure',
            'timestamp',
            'timezone',
            'session_secure',
            'trusted_proxies',
            'url',
        ]);
    }
}


================================================
FILE: tests/Unit/Endpoint/Web/HomeEndpointTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Endpoint\Web;

use App\Http\Controllers\Web\HomeController;
use App\Http\Middleware\Authenticate;
use App\Http\Middleware\RedirectIfAuthenticated;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HomeController::class)]
#[CoversClass(Authenticate::class)]
#[CoversClass(RedirectIfAuthenticated::class)]
class HomeEndpointTest extends EndpointTestAbstract
{
    public function test_index_redirects_to_dashboard_if_user_is_logged_in(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->get('/');

        // Assert
        $response->assertRedirect('/dashboard');
    }

    public function test_index_redirects_to_login_if_user_is_not_logged_in(): void
    {
        // Arrange

        // Act
        $response = $this->get('/');

        // Assert
        $response->assertRedirect('/login');
    }

    public function test_login_redirects_to_dashboard_if_user_is_logged_in(): void
    {
        // Arrange
        $user = User::factory()->withPersonalOrganization()->create();
        $this->actingAs($user);

        // Act
        $response = $this->get('/login');

        // Assert
        $response->assertRedirect('/dashboard');
    }
}


================================================
FILE: tests/Unit/Filament/FilamentTestCase.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament;

use Filament\Facades\Filament;
use Tests\TestCaseWithDatabase;

abstract class FilamentTestCase extends TestCaseWithDatabase
{
    protected function setUp(): void
    {
        parent::setUp();
        Filament::setServingStatus();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/AuditResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\AuditResource;
use App\Models\Audit;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\DB;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(AuditResource::class)]
class AuditResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_audits(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->create();
        DB::table((new Audit)->getTable())->delete();
        $audits = Audit::factory()->auditFor($timeEntry)->auditUser($user->user)->createMany(5);

        // Act
        $response = Livewire::test(AuditResource\Pages\ListAudits::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($audits);
    }

    public function test_can_see_view_page_of_audit(): void
    {
        // Arrange
        DB::table((new Audit)->getTable())->delete();
        $audit = Audit::factory()->create();

        // Act
        $response = Livewire::test(AuditResource\Pages\ViewAudit::class, ['record' => $audit->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/ClientResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\ClientResource;
use App\Models\Client;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(ClientResource::class)]
class ClientResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_clients(): void
    {
        // Arrange
        $clients = Client::factory()->createMany(5);

        // Act
        $response = Livewire::test(ClientResource\Pages\ListClients::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($clients);
    }

    public function test_can_see_edit_page_of_client(): void
    {
        // Arrange
        $client = Client::factory()->create();

        // Act
        $response = Livewire::test(ClientResource\Pages\EditClient::class, ['record' => $client->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/FailedJobResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\FailedJobResource;
use App\Filament\Resources\FailedJobResource\Pages\ViewFailedJobs;
use App\Models\FailedJob;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(FailedJobResource::class)]
class FailedJobResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_failed_jobs(): void
    {
        // Arrange
        $failedJobs = FailedJob::factory()->createMany(5);

        // Act
        $response = Livewire::test(FailedJobResource\Pages\ListFailedJobs::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($failedJobs);
    }

    public function test_can_see_view_page_of_failed_job(): void
    {
        // Arrange
        $failedJob = FailedJob::factory()->create();

        // Act
        $response = Livewire::test(ViewFailedJobs::class, ['record' => $failedJob->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/OrganizationInvitationResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\OrganizationInvitationResource;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\User;
use Filament\Actions\DeleteAction;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(OrganizationInvitationResource::class)]
class OrganizationInvitationResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_organization_invitations(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->withOwner($user)->create();
        $organizationInvitations = OrganizationInvitation::factory()->forOrganization($organization)->createMany(5);

        // Act
        $response = Livewire::test(OrganizationInvitationResource\Pages\ListOrganizationInvitations::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($organizationInvitations);
    }

    public function test_can_see_edit_page_of_organization_invitation(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $organizationInvitation = OrganizationInvitation::factory()->forOrganization($organization)->create();

        // Act
        $response = Livewire::test(OrganizationInvitationResource\Pages\EditOrganizationInvitation::class, [
            'record' => $organizationInvitation->getKey(),
        ]);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_delete_a_organization_invitation(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $organizationInvitation = OrganizationInvitation::factory()->forOrganization($organization)->create();

        // Act
        $response = Livewire::test(OrganizationInvitationResource\Pages\EditOrganizationInvitation::class, [
            'record' => $organizationInvitation->getKey(),
        ])->callAction(DeleteAction::class);

        // Assert
        $response->assertSuccessful();
        $this->assertDatabaseMissing(OrganizationInvitation::class, [
            'id' => $organizationInvitation->getKey(),
        ]);
    }
}


================================================
FILE: tests/Unit/Filament/Resources/OrganizationResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\OrganizationResource;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\User;
use App\Service\DeletionService;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(OrganizationResource::class)]
class OrganizationResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_organizations(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organizations = Organization::factory()->state([
            'user_id' => $user->getKey(),
        ])->createMany(5);

        // Act
        $response = Livewire::test(OrganizationResource\Pages\ListOrganizations::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($organizations);
    }

    public function test_can_see_edit_page_of_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();

        // Act
        $response = Livewire::test(OrganizationResource\Pages\EditOrganization::class, ['record' => $organization->getKey()]);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_delete_a_organization(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->mock(DeletionService::class, function (MockInterface $mock) use ($user): void {
            $mock->shouldReceive('deleteOrganization')
                ->withArgs(fn (Organization $organizationArg) => $organizationArg->is($user->organization))
                ->once();
        });

        // Act
        $response = Livewire::test(OrganizationResource\Pages\EditOrganization::class, ['record' => $user->organization->getKey()])
            ->callAction('delete')
            ->assertHasNoActionErrors();

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_list_related_users(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user1 = User::factory()->create();
        $user2 = User::factory()->create();
        $organization->users()->attach($user1);
        $organization->users()->attach($user2);

        // Act
        $response = Livewire::test(OrganizationResource\RelationManagers\UsersRelationManager::class, [
            'ownerRecord' => $organization,
            'pageClass' => OrganizationResource\Pages\EditOrganization::class,
        ]);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($organization->users()->get());
    }

    public function test_can_list_related_invitations(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $organizationInvitations = OrganizationInvitation::factory()->forOrganization($organization)->createMany(5);

        // Act
        $response = Livewire::test(OrganizationResource\RelationManagers\InvitationsRelationManager::class, [
            'ownerRecord' => $organization,
            'pageClass' => OrganizationResource\Pages\EditOrganization::class,
        ]);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($organizationInvitations);
    }
}


================================================
FILE: tests/Unit/Filament/Resources/ProjectResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\ProjectResource;
use App\Models\Project;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(ProjectResource::class)]
class ProjectResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_projects(): void
    {
        // Arrange
        $projects = Project::factory()->createMany(5);

        // Act
        $response = Livewire::test(ProjectResource\Pages\ListProjects::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($projects);
    }

    public function test_can_see_edit_page_of_project(): void
    {
        // Arrange
        $project = Project::factory()->create();

        // Act
        $response = Livewire::test(ProjectResource\Pages\EditProject::class, ['record' => $project->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/ReportResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\ReportResource;
use App\Models\Report;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(ReportResource::class)]
class ReportResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_reports(): void
    {
        // Arrange
        $reports = Report::factory()->createMany(5);

        // Act
        $response = Livewire::test(ReportResource\Pages\ListReports::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($reports);
    }

    public function test_can_see_edit_page_of_report(): void
    {
        // Arrange
        $report = Report::factory()->create();

        // Act
        $response = Livewire::test(ReportResource\Pages\EditReport::class, [
            'record' => $report->getKey(),
        ]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/TagResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\TagResource;
use App\Models\Tag;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(TagResource::class)]
class TagResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_tags(): void
    {
        // Arrange
        $tags = Tag::factory()->createMany(5);

        // Act
        $response = Livewire::test(TagResource\Pages\ListTags::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($tags);
    }

    public function test_can_see_edit_page_of_tag(): void
    {
        // Arrange
        $tag = Tag::factory()->create();

        // Act
        $response = Livewire::test(TagResource\Pages\EditTag::class, ['record' => $tag->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/TaskResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\TaskResource;
use App\Models\Task;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(TaskResource::class)]
class TaskResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_tasks(): void
    {
        // Arrange
        $tasks = Task::factory()->createMany(5);

        // Act
        $response = Livewire::test(TaskResource\Pages\ListTasks::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($tasks);
    }

    public function test_can_see_edit_page_of_task(): void
    {
        // Arrange
        $task = Task::factory()->create();

        // Act
        $response = Livewire::test(TaskResource\Pages\EditTask::class, ['record' => $task->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/TimeEntryResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\TimeEntryResource;
use App\Models\Member;
use App\Models\Organization;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(TimeEntryResource::class)]
class TimeEntryResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_time_entry(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->createMany(5);

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\ListTimeEntries::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($timeEntry);
    }

    public function test_can_see_edit_page_of_time_entry(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->create();

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\EditTimeEntry::class, ['record' => $timeEntry->getKey()]);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_see_create_page_of_time_entry(): void
    {
        // Act
        $response = Livewire::test(TimeEntryResource\Pages\CreateTimeEntry::class);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_create_time_entry(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $member = Member::factory()
            ->forOrganization($organization)
            ->forUser($user)
            ->create();

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\CreateTimeEntry::class)
            ->fillForm([
                'description' => 'Test time entry',
                'billable' => true,
                'start' => '2024-01-01 08:00:00',
                'end' => '2024-01-01 10:00:00',
                'member_id' => $member->getKey(),
            ])
            ->call('create')
            ->assertHasNoFormErrors();

        // Assert
        $response->assertSuccessful();
        $timeEntry = TimeEntry::where('description', 'Test time entry')->first();
        $this->assertNotNull($timeEntry);
        $this->assertSame($member->getKey(), $timeEntry->member_id);
        $this->assertSame($user->getKey(), $timeEntry->user_id);
        $this->assertSame($organization->getKey(), $timeEntry->organization_id);
        $this->assertTrue($timeEntry->billable);
    }

    public function test_can_create_time_entry_and_derives_user_and_organization_from_member(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $member = Member::factory()
            ->forOrganization($organization)
            ->forUser($user)
            ->create();
        $otherUser = User::factory()->create();
        $otherOrganization = Organization::factory()->create();

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\CreateTimeEntry::class)
            ->fillForm([
                'description' => 'Derived fields test',
                'billable' => false,
                'start' => '2024-03-01 09:00:00',
                'end' => '2024-03-01 11:00:00',
                'member_id' => $member->getKey(),
                'user_id' => $otherUser->getKey(),
                'organization_id' => $otherOrganization->getKey(),
            ])
            ->call('create')
            ->assertHasNoFormErrors();

        // Assert
        $response->assertSuccessful();
        $timeEntry = TimeEntry::where('description', 'Derived fields test')->first();
        $this->assertNotNull($timeEntry);
        $this->assertSame($user->getKey(), $timeEntry->user_id);
        $this->assertSame($organization->getKey(), $timeEntry->organization_id);
    }

    public function test_can_update_time_entry(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $member = Member::factory()
            ->forOrganization($organization)
            ->forUser($user)
            ->create();
        $timeEntry = TimeEntry::factory()->forMember($member)->create();

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\EditTimeEntry::class, ['record' => $timeEntry->getKey()])
            ->fillForm([
                'description' => 'Updated description',
                'billable' => true,
                'start' => '2024-02-01 08:00:00',
                'end' => '2024-02-01 12:00:00',
                'member_id' => $member->getKey(),
            ])
            ->call('save')
            ->assertHasNoFormErrors();

        // Assert
        $response->assertSuccessful();
        $timeEntry->refresh();
        $this->assertSame('Updated description', $timeEntry->description);
        $this->assertTrue($timeEntry->billable);
        $this->assertSame($user->getKey(), $timeEntry->user_id);
        $this->assertSame($organization->getKey(), $timeEntry->organization_id);
    }

    public function test_update_time_entry_derives_user_and_organization_from_new_member(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $member = Member::factory()
            ->forOrganization($organization)
            ->forUser($user)
            ->create();
        $timeEntry = TimeEntry::factory()->create();

        $newOrganization = Organization::factory()->create();
        $newUser = User::factory()->create();
        $newMember = Member::factory()
            ->forOrganization($newOrganization)
            ->forUser($newUser)
            ->create();

        // Act
        $response = Livewire::test(TimeEntryResource\Pages\EditTimeEntry::class, ['record' => $timeEntry->getKey()])
            ->fillForm([
                'description' => 'Reassigned entry',
                'billable' => false,
                'start' => '2024-02-01 08:00:00',
                'end' => '2024-02-01 12:00:00',
                'member_id' => $newMember->getKey(),
            ])
            ->call('save')
            ->assertHasNoFormErrors();

        // Assert
        $response->assertSuccessful();
        $timeEntry->refresh();
        $this->assertSame($newMember->getKey(), $timeEntry->member_id);
        $this->assertSame($newUser->getKey(), $timeEntry->user_id);
        $this->assertSame($newOrganization->getKey(), $timeEntry->organization_id);
    }
}


================================================
FILE: tests/Unit/Filament/Resources/TokenResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Filament\Resources\TokenResource;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\User;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(TokenResource::class)]
class TokenResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_tokens(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $tokens = Token::factory()->forClient($client)->createMany(5);

        // Act
        $response = Livewire::test(TokenResource\Pages\ListTokens::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($tokens);
    }

    public function test_list_tokens_with_filter_is_personal_access_client_true(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $personalAccessClient = Client::factory()->personalAccessClient()->create();
        $tokens = Token::factory()->forClient($client)->createMany(5);
        $personalAccessTokens = Token::factory()->forClient($personalAccessClient)->createMany(5);

        // Act
        $response = Livewire::test(TokenResource\Pages\ListTokens::class)
            ->filterTable('is_personal_access_client', true);

        // Assert
        $response->assertSuccessful();
        $response->assertCountTableRecords(5);
        $response->assertCanSeeTableRecords($personalAccessTokens);
        $response->assertCanNotSeeTableRecords($tokens);
    }

    public function test_list_tokens_with_filter_is_personal_access_client_false(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $personalAccessClient = Client::factory()->personalAccessClient()->create();
        $tokens = Token::factory()->forClient($client)->createMany(5);
        $personalAccessTokens = Token::factory()->forClient($personalAccessClient)->createMany(5);

        // Act
        $response = Livewire::test(TokenResource\Pages\ListTokens::class)
            ->filterTable('is_personal_access_client', false);

        // Assert
        $response->assertSuccessful();
        $response->assertCountTableRecords(5);
        $response->assertCanSeeTableRecords($tokens);
        $response->assertCanNotSeeTableRecords($personalAccessTokens);
    }

    public function test_can_see_view_page_of_token(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $token = Token::factory()->forClient($client)->create();

        // Act
        $response = Livewire::test(TokenResource\Pages\ViewToken::class, ['record' => $token->getKey()]);

        // Assert
        $response->assertSuccessful();
    }
}


================================================
FILE: tests/Unit/Filament/Resources/UserResourceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Resources;

use App\Exceptions\Api\CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers;
use App\Filament\Resources\TimeEntryResource;
use App\Filament\Resources\UserResource;
use App\Models\Organization;
use App\Models\User;
use App\Service\DeletionService;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\Hash;
use Livewire\Livewire;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(TimeEntryResource::class)]
class UserResourceTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_can_list_users(): void
    {
        // Arrange
        $users = User::factory()->createMany(5);

        // Act
        $response = Livewire::test(UserResource\Pages\ListUsers::class);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($users);
    }

    public function test_can_see_edit_page_of_user(): void
    {
        // Arrange
        $user = User::factory()->create();

        // Act
        $response = Livewire::test(UserResource\Pages\EditUser::class, ['record' => $user->getKey()]);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_see_view_page_of_user(): void
    {
        // Arrange
        $user = User::factory()->create();

        // Act
        $response = Livewire::test(UserResource\Pages\ViewUser::class, ['record' => $user->getKey()]);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_see_create_page_of_user(): void
    {
        // Act
        $response = Livewire::test(UserResource\Pages\CreateUser::class);

        // Assert
        $response->assertSuccessful();
    }

    public function test_can_create_user(): void
    {
        // Arrange
        $userFake = User::factory()->make();

        // Act
        $response = Livewire::test(UserResource\Pages\CreateUser::class)
            ->fillForm([
                'name' => $userFake->name,
                'email' => $userFake->email,
                'password_create' => 'password',
                'timezone' => $userFake->timezone,
                'week_start' => $userFake->week_start->value,
                'currency' => 'EUR',
            ])
            ->call('create')
            ->assertHasNoFormErrors();

        // Assert
        $response->assertSuccessful();
        $user = User::where('email', $userFake->email)->first();
        $this->assertNotNull($user);
        $this->assertSame($userFake->name, $user->name);
        $this->assertSame($userFake->email, $user->email);
        $this->assertSame($userFake->timezone, $user->timezone);
        $this->assertSame($userFake->week_start->value, $user->week_start->value);
        $organization = $user->ownedTeams()->first();
        $this->assertNotNull($organization);
        $this->assertSame('EUR', $organization->currency);
        $this->assertTrue(Hash::check('password', $user->password));
    }

    public function test_can_delete_a_user(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->mock(DeletionService::class, function (MockInterface $mock) use ($user): void {
            $mock->shouldReceive('deleteUser')
                ->withArgs(fn (User $userArg) => $userArg->is($user->user))
                ->once();
        });

        // Act
        $response = Livewire::test(UserResource\Pages\EditUser::class, ['record' => $user->user->getKey()])
            ->callAction('delete');

        // Assert
        $response->assertHasNoActionErrors();
        $response->assertSuccessful();
    }

    public function test_delete_user_shows_error_notification_on_failure(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->mock(DeletionService::class, function (MockInterface $mock) use ($user): void {
            $mock->shouldReceive('deleteUser')
                ->withArgs(fn (User $userArg) => $userArg->is($user->user))
                ->andThrow(new CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers);
        });

        // Act
        $response = Livewire::test(UserResource\Pages\EditUser::class, ['record' => $user->user->getKey()])
            ->callAction('delete');

        // Assert
        $response->assertNotified(__('exceptions.api.can_not_delete_user_who_is_owner_of_organization_with_multiple_members'));
        $response->assertSuccessful();
    }

    public function test_can_list_related_organizations(): void
    {
        // Arrange
        $user = User::factory()->create();
        $ownedOrganization = Organization::factory()->withOwner($user)->create();
        $organization = Organization::factory()->create();

        // Act
        $response = Livewire::test(UserResource\RelationManagers\OrganizationsRelationManager::class, [
            'ownerRecord' => $user,
            'pageClass' => UserResource\Pages\EditUser::class,
        ]);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($user->organizations()->get());
        $response->assertCanNotSeeTableRecords($user->ownedTeams()->get());
    }

    public function test_can_list_related_owned_organizations(): void
    {
        // Arrange
        $user = User::factory()->create();
        $ownedOrganization = Organization::factory()->withOwner($user)->create();
        $organization = Organization::factory()->create();

        // Act
        $response = Livewire::test(UserResource\RelationManagers\OwnedOrganizationsRelationManager::class, [
            'ownerRecord' => $user,
            'pageClass' => UserResource\Pages\EditUser::class,
        ]);

        // Assert
        $response->assertSuccessful();
        $response->assertCanSeeTableRecords($user->ownedTeams()->get());
        $response->assertCanNotSeeTableRecords($user->organizations()->get());
    }
}


================================================
FILE: tests/Unit/Filament/Widgets/ServerOverviewWidgetTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Filament\Widgets;

use App\Filament\Widgets\ServerOverview;
use App\Models\User;
use Cache;
use Illuminate\Support\Facades\Config;
use Livewire\Livewire;
use PHPUnit\Framework\Attributes\UsesClass;
use Tests\Unit\Filament\FilamentTestCase;

#[UsesClass(ServerOverview::class)]
class ServerOverviewWidgetTest extends FilamentTestCase
{
    protected function setUp(): void
    {
        parent::setUp();
        Config::set('auth.super_admins', ['admin@example.com']);
        $user = User::factory()->withPersonalOrganization()->create([
            'email' => 'admin@example.com',
        ]);

        $this->actingAs($user);
    }

    public function test_shows_version_and_build_it_no_information_about_the_current_version_exists(): void
    {
        // Arrange
        Config::set('app.version', '1.0.0');
        Config::set('app.build', 'ABC123');
        Cache::forget('latest_version');

        // Act
        $response = Livewire::test(ServerOverview::class);

        // Assert
        $response->assertSuccessful();
        $response->assertSee('1.0.0');
        $response->assertSee('ABC123');
        $response->assertDontSee('Update available');
        $response->assertDontSee('Current version');
    }

    public function test_show_version_is_current_when_the_latest_version_is_the_same_as_the_current_version(): void
    {
        // Arrange
        Config::set('app.version', '1.0.0');
        Config::set('app.build', 'ABC123');
        Cache::put('latest_version', '1.0.0');

        // Act
        $response = Livewire::test(ServerOverview::class);

        // Assert
        $response->assertSuccessful();
        $response->assertSee('1.0.0');
        $response->assertSee('ABC123');
        $response->assertDontSee('Update available');
        $response->assertSee('Current version');
    }

    public function test_shows_update_available(): void
    {
        // Arrange
        Config::set('app.version', '1.0.0');
        Config::set('app.build', 'ABC123');
        Cache::put('latest_version', '1.0.1');

        // Act
        $response = Livewire::test(ServerOverview::class);

        // Assert
        $response->assertSuccessful();
        $response->assertSee('1.0.0');
        $response->assertSee('ABC123');
        $response->assertSee('Update available');
        $response->assertDontSee('Current version');
        $response->assertSee('1.0.1');
    }
}


================================================
FILE: tests/Unit/Jobs/RecalculateSpentTimeForProjectTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Jobs;

use App\Jobs\RecalculateSpentTimeForProject;
use App\Models\Project;
use App\Models\TimeEntry;
use Illuminate\Support\Facades\DB;
use Tests\TestCaseWithDatabase;

class RecalculateSpentTimeForProjectTest extends TestCaseWithDatabase
{
    public function test_recalculates_spent_time_for_project(): void
    {
        // Arrange
        $project = Project::factory()->create([
            'spent_time' => 0,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project)->create();
        TimeEntry::factory()->startWithDuration(now(), 11)->forProject($project)->create();

        $project->refresh();
        $recalculateSpentTimeForProject = new RecalculateSpentTimeForProject($project);
        DB::enableQueryLog();

        // Act
        $recalculateSpentTimeForProject->handle();

        // Assert
        self::assertCount(2, DB::getQueryLog());
        $project->refresh();
        self::assertEquals(21, $project->spent_time);
    }

    public function test_does_not_save_project_if_value_is_already_correct(): void
    {
        // Arrange
        $project = Project::factory()->create([
            'spent_time' => 21,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project)->create();
        TimeEntry::factory()->startWithDuration(now(), 11)->forProject($project)->create();

        $project->refresh();
        $recalculateSpentTimeForProject = new RecalculateSpentTimeForProject($project);
        DB::enableQueryLog();

        // Act
        $recalculateSpentTimeForProject->handle();

        // Assert
        self::assertCount(1, DB::getQueryLog());
        $project->refresh();
        self::assertEquals(21, $project->spent_time);
    }
}


================================================
FILE: tests/Unit/Jobs/RecalculateSpentTimeForTaskTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Jobs;

use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\Task;
use App\Models\TimeEntry;
use Illuminate\Support\Facades\DB;
use Tests\TestCaseWithDatabase;

class RecalculateSpentTimeForTaskTest extends TestCaseWithDatabase
{
    public function test_recalculates_spent_time_for_task(): void
    {
        // Arrange
        $task = Task::factory()->create([
            'spent_time' => 0,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forTask($task)->create();
        TimeEntry::factory()->startWithDuration(now(), 11)->forTask($task)->create();

        $task->refresh();
        $recalculateSpentTimeForTask = new RecalculateSpentTimeForTask($task);
        DB::enableQueryLog();

        // Act
        $recalculateSpentTimeForTask->handle();

        // Assert
        self::assertCount(2, DB::getQueryLog());
        $task->refresh();
        self::assertEquals(21, $task->spent_time);
    }

    public function test_does_not_save_task_if_value_is_already_correct(): void
    {
        // Arrange
        $task = Task::factory()->create([
            'spent_time' => 21,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forTask($task)->create();
        TimeEntry::factory()->startWithDuration(now(), 11)->forTask($task)->create();

        $task->refresh();
        $recalculateSpentTimeForTask = new RecalculateSpentTimeForTask($task);
        DB::enableQueryLog();

        // Act
        $recalculateSpentTimeForTask->handle();

        // Assert
        self::assertCount(1, DB::getQueryLog());
        $task->refresh();
        self::assertEquals(21, $task->spent_time);
    }
}


================================================
FILE: tests/Unit/Jobs/Test/TestJobTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Jobs\Test;

use App\Jobs\Test\TestJob;
use App\Models\User;
use Illuminate\Support\Facades\Log;
use Tests\TestCaseWithDatabase;
use TiMacDonald\Log\LogEntry;

class TestJobTest extends TestCaseWithDatabase
{
    public function test_logs_debug_message(): void
    {
        // Arrange
        $user = User::factory()->create();
        $message = 'Test message';
        $job = new TestJob($user, $message);

        // Act
        $job->handle();

        // Assert
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'TestJob: '.$message
            && $log->context['user'] === $user->getKey(),
            1
        );
    }

    public function test_can_fail_if_parameter_fail_is_true(): void
    {
        // Arrange
        $user = User::factory()->create();
        $message = 'Test message';
        $job = new TestJob($user, $message, true);

        // Act
        try {
            $job->handle();
        } catch (\Exception $e) {
            // Assert
            $this->assertEquals('TestJob failed.', $e->getMessage());

            return;
        }
        $this->fail('Expected exception not thrown');
    }
}


================================================
FILE: tests/Unit/Mail/AuthApiTokenExpirationReminderMailTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Mail;

use App\Mail\AuthApiTokenExpirationReminderMail;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(AuthApiTokenExpirationReminderMail::class)]
class AuthApiTokenExpirationReminderMailTest extends TestCaseWithDatabase
{
    public function test_mail_renders_content_correctly(): void
    {
        // Arrange
        $user = User::factory()->create();
        $client = Client::factory()->apiClient()->create();
        $token = Token::factory()->forClient($client)->forUser($user)->create([
            'name' => 'TEST',
        ]);
        $mail = new AuthApiTokenExpirationReminderMail($token, $user);

        // Act
        $rendered = $mail->render();

        // Assert
        $this->assertStringContainsString('The API token "TEST" expired.', $rendered);
    }
}


================================================
FILE: tests/Unit/Mail/AuthApiTokenExpiredMailTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Mail;

use App\Mail\AuthApiTokenExpiredMail;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(AuthApiTokenExpiredMail::class)]
class AuthApiTokenExpiredMailTest extends TestCaseWithDatabase
{
    public function test_mail_renders_content_correctly(): void
    {
        // Arrange
        $user = User::factory()->create();
        $client = Client::factory()->apiClient()->create();
        $token = Token::factory()->forClient($client)->forUser($user)->create([
            'name' => 'TEST',
        ]);
        $mail = new AuthApiTokenExpiredMail($token, $user);

        // Act
        $rendered = $mail->render();

        // Assert
        $this->assertStringContainsString('The API token "TEST" will expire in 7 days!', $rendered);
    }
}


================================================
FILE: tests/Unit/Mail/OrganizationInvitationMailTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Mail;

use App\Mail\OrganizationInvitationMail;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(OrganizationInvitationMail::class)]
class OrganizationInvitationMailTest extends TestCaseWithDatabase
{
    public function test_mail_renders_content_correctly(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $invitation = OrganizationInvitation::factory()->forOrganization($organization)->create();
        $mail = new OrganizationInvitationMail($invitation);

        // Act
        $rendered = $mail->render();

        // Assert
        $this->assertStringContainsString('You have been invited to join the '.$invitation->organization->name.' organization', $rendered);
    }
}


================================================
FILE: tests/Unit/Mail/TimeEntryStillRunningMailTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Mail;

use App\Mail\TimeEntryStillRunningMail;
use App\Models\TimeEntry;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(TimeEntryStillRunningMail::class)]
class TimeEntryStillRunningMailTest extends TestCaseWithDatabase
{
    public function test_mail_renders_content_correctly(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->create([
            'description' => 'TEST 123',
        ]);
        $mail = new TimeEntryStillRunningMail($timeEntry, $user->user);

        // Act
        $rendered = $mail->render();

        // Assert
        $this->assertStringContainsString('Your currently running time entry "TEST 123"', $rendered);
    }
}


================================================
FILE: tests/Unit/Middleware/CheckOrganizationBlockedMiddlewareTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Middleware;

use App\Http\Middleware\CheckOrganizationBlocked;
use App\Models\Organization;
use App\Service\BillingContract;
use Illuminate\Routing\Middleware\SubstituteBindings;
use Illuminate\Session\Middleware\StartSession;
use Illuminate\Support\Facades\Route;
use Illuminate\Support\Str;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(CheckOrganizationBlocked::class)]
class CheckOrganizationBlockedMiddlewareTest extends MiddlewareTestAbstract
{
    private function createTestRoute(): void
    {
        Route::get('/test-route/{organization}', function (Organization $organization) {
            return response()->json(['message' => 'Test route', 'id' => $organization->getKey()]);
        })->middleware([StartSession::class, SubstituteBindings::class, CheckOrganizationBlocked::class]);

    }

    private function createTestRouteNoModelBinding(): string
    {
        $route = Route::get('/test-route', function () {
            return response()->json(['message' => 'Test route']);
        })->middleware([StartSession::class, SubstituteBindings::class, CheckOrganizationBlocked::class]);

        return $route->uri;
    }

    public function test_request_fails_if_organization_is_blocked_by_the_billing_system(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->createTestRoute();
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('isBlocked')->andReturn(true)->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get('/test-route/'.$user->organization->getKey());

        // Assert
        $response->assertStatus(400);
        $response->assertJson(['message' => 'Organization has no subscription but multiple members']);
    }

    public function test_request_fails_if_organization_is_not_found(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->createTestRoute();
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('isBlocked')->never();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get('/test-route/'.Str::uuid());

        // Assert
        $response->assertStatus(404);
    }

    public function test_request_fails_on_route_without_organization_model_binding(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $route = $this->createTestRouteNoModelBinding();
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('isBlocked')->never();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertStatus(500);
    }

    public function test_request_succeeds_if_organization_is_not_blocked_by_the_billing_system(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $this->createTestRoute();
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('isBlocked')->andReturn(false)->once();
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get('/test-route/'.$user->organization->getKey());

        // Assert
        $response->assertStatus(200);
        $response->assertJson(['message' => 'Test route', 'id' => $user->organization->getKey()]);
    }
}


================================================
FILE: tests/Unit/Middleware/EnsureEmailIsVerifiedMiddlewareTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Middleware;

use App\Http\Middleware\EnsureEmailIsVerified;
use App\Models\User;
use Illuminate\Support\Facades\Route;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(EnsureEmailIsVerified::class)]
class EnsureEmailIsVerifiedMiddlewareTest extends MiddlewareTestAbstract
{
    private function createTestRoute(): string
    {
        return Route::get('/test-route', function () {
            return 'test-response';
        })->middleware(EnsureEmailIsVerified::class)->uri;
    }

    public function test_guests_are_redirected_to_verification_notice_route(): void
    {
        // Arrange
        $route = $this->createTestRoute();

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertRedirect(route('verification.notice'));
    }

    public function test_users_with_unverified_email_are_redirected_to_verification_notice_route(): void
    {
        // Arrange
        $user = User::factory()->unverified()->create();
        $route = $this->createTestRoute();
        $this->actingAs($user);

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertRedirect(route('verification.notice'));
    }

    public function test_users_with_unverified_email_get_error_if_the_request_is_json(): void
    {
        // Arrange
        $user = User::factory()->unverified()->create();
        $route = $this->createTestRoute();
        $this->actingAs($user);

        // Act
        $response = $this->getJson($route);

        // Assert
        $response->assertForbidden();
    }

    public function test_users_with_verified_email_can_access_route(): void
    {
        // Arrange
        $user = User::factory()->create();
        $route = $this->createTestRoute();
        $this->actingAs($user);

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertOk();
    }

    public function test_users_with_unverified_email_can_access_route_in_local_environment(): void
    {
        // Arrange
        $user = User::factory()->unverified()->create();
        $route = $this->createTestRoute();
        $this->actingAs($user);
        $this->app->detectEnvironment(fn () => 'local');

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertOk();
    }
}


================================================
FILE: tests/Unit/Middleware/ForceHttpsMiddlewareTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Middleware;

use App\Http\Middleware\ForceHttps;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\Route;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(ForceHttps::class)]
class ForceHttpsMiddlewareTest extends MiddlewareTestAbstract
{
    private function createTestRoute(): string
    {
        $uri = Route::get('/test-route', function () {
            return [
                'is_secure' => request()->secure(),
            ];
        })->middleware(ForceHttps::class)->uri;

        return url($uri, [], false);
    }

    public function test_if_config_app_force_https_is_true_then_the_request_will_be_modified_to_make_the_app_think_it_was_a_https_request(): void
    {
        // Arrange
        Config::set('app.force_https', true);
        $route = $this->createTestRoute();

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertSuccessful();
        $response->assertJson(['is_secure' => true]);
    }

    public function test_if_config_app_force_https_is_true_then_the_request_will_be_modified_to_make_the_app_think_it_was_a_https_request_even_if_a_load_balancer_says_it_was_a_http_request(): void
    {
        // Arrange
        Config::set('app.force_https', true);
        $route = $this->createTestRoute();

        // Act
        $response = $this->get($route, ['X-Forwarded-Proto' => 'http']);

        // Assert
        $response->assertSuccessful();
        $response->assertJson(['is_secure' => true]);
    }

    public function test_if_config_app_force_https_is_false_then_the_request_will_not_be_modified_to_make_the_app_think_it_was_a_https_request(): void
    {
        // Arrange
        Config::set('app.force_https', false);
        $route = $this->createTestRoute();

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertSuccessful();
        $response->assertJson(['is_secure' => false]);
    }

    public function test_if_config_app_force_https_is_false_then_the_request_will_not_be_modified_but_the_request_can_still_be_https(): void
    {
        // Arrange
        Config::set('app.force_https', false);
        $route = $this->createTestRoute();

        // Act
        $response = $this->get($route, ['X-Forwarded-Proto' => 'https']);

        // Assert
        $response->assertSuccessful();
        $response->assertJson(['is_secure' => true]);
    }
}


================================================
FILE: tests/Unit/Middleware/HandleInertiaRequestsMiddlewareTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Middleware;

use App\Http\Middleware\HandleInertiaRequests;
use App\Service\BillingContract;
use Illuminate\Session\Middleware\StartSession;
use Illuminate\Support\Carbon;
use Illuminate\Support\Facades\Route;
use Inertia\Inertia;
use Inertia\Testing\AssertableInertia as Assert;
use Laravel\Passport\Passport;
use Mockery\MockInterface;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HandleInertiaRequests::class)]
class HandleInertiaRequestsMiddlewareTest extends MiddlewareTestAbstract
{
    private function createTestRoute(): string
    {
        return Route::get('/test-route', function () {
            return Inertia::render('Welcome');
        })->middleware([StartSession::class, HandleInertiaRequests::class])->uri;
    }

    public function test_adds_billing_information_to_shared_data_of_inertia_requests(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $route = $this->createTestRoute();
        $this->mock(BillingContract::class, function (MockInterface $mock): void {
            $mock->shouldReceive('hasSubscription')->andReturn(false);
            $mock->shouldReceive('hasTrial')->andReturn(false);
            $mock->shouldReceive('getTrialUntil')->andReturn(null);
            $mock->shouldReceive('isBlocked')->andReturn(false);
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertInertia(fn (Assert $page) => $page
            ->where('billing.has_subscription', false)
            ->where('billing.has_trial', false)
            ->where('billing.trial_until', null)
            ->where('billing.is_blocked', false)
        );
    }

    public function test_adds_billing_information_to_shared_data_of_inertia_requests_with_active_trial(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $route = $this->createTestRoute();
        $trialUntil = Carbon::now()->addDays(10);
        $this->mock(BillingContract::class, function (MockInterface $mock) use ($trialUntil): void {
            $mock->shouldReceive('hasSubscription')->andReturn(false);
            $mock->shouldReceive('hasTrial')->andReturn(true);
            $mock->shouldReceive('getTrialUntil')->andReturn($trialUntil);
            $mock->shouldReceive('isBlocked')->andReturn(false);
        });
        Passport::actingAs($user->user);

        // Act
        $response = $this->get($route);

        // Assert
        $response->assertInertia(fn (Assert $page) => $page
            ->where('billing.has_subscription', false)
            ->where('billing.has_trial', true)
            ->where('billing.trial_until', $trialUntil->toIso8601ZuluString())
            ->where('billing.is_blocked', false)
        );
    }
}


================================================
FILE: tests/Unit/Middleware/MiddlewareTestAbstract.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Middleware;

use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCaseWithDatabase;

abstract class MiddlewareTestAbstract extends TestCaseWithDatabase
{
    use RefreshDatabase;
}


================================================
FILE: tests/Unit/Model/ClientModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Client::class)]
class ClientModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $client = Client::factory()->forOrganization($organization)->create();

        // Act
        $client->refresh();
        $organizationRel = $client->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_has_many_projects(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $otherClient = Client::factory()->create();
        $projects = Project::factory()->forClient($client)->createMany(4);
        $projectsOtherClient = Project::factory()->forClient($otherClient)->createMany(4);

        // Act
        $client->refresh();
        $projectsRel = $client->projects;

        // Assert
        $this->assertNotNull($projectsRel);
        $this->assertCount(4, $projectsRel);
        $this->assertTrue($projectsRel->first()->is($projects->first()));
    }

    public function test_accessor_is_archived_is_true_if_archived_at_is_not_null(): void
    {
        // Arrange
        $client = Client::factory()->archived()->create();

        // Act
        $client->refresh();
        $isArchived = $client->is_archived;

        // Assert
        $this->assertTrue($isArchived);
    }

    public function test_accessor_is_archived_is_false_if_archived_at_is_null(): void
    {
        // Arrange
        $client = Client::factory()->create();

        // Act
        $client->refresh();
        $isArchived = $client->is_archived;

        // Assert
        $this->assertFalse($isArchived);
    }
}


================================================
FILE: tests/Unit/Model/MemberModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Member::class)]
class MemberModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_user(): void
    {
        // Arrange
        $user = User::factory()->create();
        $member = Member::factory()->forUser($user)->create();

        // Act
        $member->refresh();
        $userRel = $member->user;

        // Assert
        $this->assertNotNull($userRel);
        $this->assertTrue($userRel->is($user));
    }

    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $member = Member::factory()->forOrganization($organization)->create();

        // Act
        $member->refresh();
        $organizationRel = $member->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_has_many_project_members(): void
    {
        // Arrange
        $member = Member::factory()->create();
        $project1 = Project::factory()->create();
        $project2 = Project::factory()->create();
        $projectMember1 = ProjectMember::factory()->forMember($member)->forProject($project1)->create();
        $projectMember2 = ProjectMember::factory()->forMember($member)->forProject($project2)->createMany();

        // Act
        $member->refresh();
        $projectMembersRel = $member->projectMembers;

        // Assert
        $this->assertNotNull($projectMembersRel);
        $this->assertCount(2, $projectMembersRel);
        $this->assertEqualsCanonicalizing([
            $projectMember1->getKey(),
            $projectMember2->first()->getKey(),
        ], $projectMembersRel->pluck('id')->all());
    }
}


================================================
FILE: tests/Unit/Model/ModelTestAbstract.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;

abstract class ModelTestAbstract extends TestCase
{
    use RefreshDatabase;
}


================================================
FILE: tests/Unit/Model/OrganizationModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Member;
use App\Models\Organization;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Organization::class)]
class OrganizationModelTest extends ModelTestAbstract
{
    public function test_it_has_many_members(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $members = Member::factory()->forOrganization($organization)->createMany(3);

        // Act
        $organization->refresh();
        $membersRel = $organization->members;

        // Assert
        $this->assertNotNull($membersRel);
        $this->assertCount(3, $membersRel);
    }
}


================================================
FILE: tests/Unit/Model/Passport/TokenModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model\Passport;

use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\User;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\Unit\Model\ModelTestAbstract;

#[CoversClass(Token::class)]
class TokenModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_client(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $token = Token::factory()->forClient($client)->create();

        // Act
        $token->refresh();
        $clientRel = $token->client;

        // Assert
        $this->assertNotNull($clientRel);
        $this->assertTrue($clientRel->is($client));
    }

    public function test_it_belongs_to_a_user(): void
    {
        // Arrange
        $user = User::factory()->create();
        $client = Client::factory()->create();
        $token = Token::factory()->forUser($user)->forClient($client)->create();

        // Act
        $token->refresh();
        $userRel = $token->user;

        // Assert
        $this->assertNotNull($userRel);
        $this->assertTrue($userRel->is($user));
    }

    public function test_scope_is_api_tokens_only_returns_api_tokens_with_no_parameters(): void
    {
        // Arrange
        $clientApi = Client::factory()->apiClient()->create();
        $clientDesktop = Client::factory()->desktopClient()->create();
        $token1 = Token::factory()->forClient($clientApi)->create();
        $token2 = Token::factory()->forClient($clientDesktop)->create();

        // Act
        $apiTokens = Token::query()
            ->isApiToken()
            ->get();

        // Assert
        $this->assertCount(1, $apiTokens);
        $this->assertTrue($apiTokens->first()->is($token1));
    }

    public function test_scope_is_api_tokens_only_returns_api_tokens_with_true(): void
    {
        // Arrange
        $clientApi = Client::factory()->apiClient()->create();
        $clientDesktop = Client::factory()->desktopClient()->create();
        $token1 = Token::factory()->forClient($clientApi)->create();
        $token2 = Token::factory()->forClient($clientDesktop)->create();

        // Act
        $apiTokens = Token::query()
            ->isApiToken(true)
            ->get();

        // Assert
        $this->assertCount(1, $apiTokens);
        $this->assertTrue($apiTokens->first()->is($token1));
    }

    public function test_scope_is_api_tokens_only_returns_api_tokens_with_false(): void
    {
        // Arrange
        $clientApi = Client::factory()->apiClient()->create();
        $clientDesktop = Client::factory()->desktopClient()->create();
        $token1 = Token::factory()->forClient($clientApi)->create();
        $token2 = Token::factory()->forClient($clientDesktop)->create();

        // Act
        $apiTokens = Token::query()
            ->isApiToken(false)
            ->get();

        // Assert
        $this->assertCount(1, $apiTokens);
        $this->assertTrue($apiTokens->first()->is($token2));
    }
}


================================================
FILE: tests/Unit/Model/ProjectMemberModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(ProjectMember::class)]
class ProjectMemberModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_project(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $member = Member::factory()->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($member)->create();

        // Act
        $projectMember->refresh();
        $projectRel = $projectMember->project;

        // Assert
        $this->assertNotNull($projectRel);
        $this->assertTrue($projectRel->is($project));
    }

    public function test_it_belongs_to_a_member(): void
    {
        // Arrange
        $member = Member::factory()->create();
        $projectMember = ProjectMember::factory()->forMember($member)->create();

        // Act
        $projectMember->refresh();
        $memberRel = $projectMember->member;

        // Assert
        $this->assertNotNull($memberRel);
        $this->assertTrue($memberRel->is($member));
    }

    public function test_scope_where_belongs_to_organization_filters_project_members_to_only_retrieve_project_members_that_belong_to_a_project_of_the_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $otherOrganization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $projectNotBelongingToOrganization = Project::factory()->forOrganization($otherOrganization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->create();
        $projectMemberNotBelongingToOrganization = ProjectMember::factory()->for($projectNotBelongingToOrganization)->create();

        // Act
        $projectMembers = ProjectMember::whereBelongsToOrganization($organization)->get();

        // Assert
        $this->assertCount(1, $projectMembers);
        $this->assertTrue($projectMembers->first()->is($projectMember));
    }
}


================================================
FILE: tests/Unit/Model/ProjectModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Task;
use App\Models\TimeEntry;
use Illuminate\Support\Facades\DB;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Project::class)]
class ProjectModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();

        // Act
        $project->refresh();
        $organizationRel = $project->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_can_belong_to_a_client(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $project = Project::factory()->forClient($client)->create();

        // Act
        $project->refresh();
        $clientRel = $project->client;

        // Assert
        $this->assertNotNull($clientRel);
        $this->assertTrue($clientRel->is($client));
    }

    public function test_it_can_belong_to_no_client(): void
    {
        // Arrange
        $project = Project::factory()->forClient(null)->create();

        // Act
        $project->refresh();
        $clientRel = $project->client;

        // Assert
        $this->assertNull($clientRel);
    }

    public function test_it_has_many_tasks(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $tasks = Task::factory()->forProject($project)->createMany(3);

        // Act
        $project->refresh();
        $tasksRel = $project->tasks;

        // Assert
        $this->assertNotNull($tasksRel);
        $this->assertCount(3, $tasksRel);
        $this->assertTrue($tasksRel->first()->is($tasks->first()));
    }

    public function test_it_has_many_members(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $members = ProjectMember::factory()->forProject($project)->createMany(3);

        // Act
        $project->refresh();
        $membersRel = $project->members;

        // Assert
        $this->assertNotNull($membersRel);
        $this->assertCount(3, $membersRel);
        $this->assertTrue($membersRel->first()->is($members->first()));
    }

    public function test_scope_visible_by_user_filters_so_that_only_public_projects_or_projects_where_the_user_is_member_are_shown(): void
    {
        // Arrange
        $member = Member::factory()->create();
        $projectPrivate = Project::factory()->isPrivate()->create();
        $projectPublic = Project::factory()->isPublic()->create();
        $projectPrivateButMember = Project::factory()->isPrivate()->create();
        ProjectMember::factory()->forProject($projectPrivateButMember)->forMember($member)->create();

        // Act
        $projectsVisible = Project::query()->visibleByEmployee($member->user)->get();
        $allProjects = Project::query()->get();

        // Assert
        $this->assertEqualsIdsOfEloquentCollection([
            $projectPublic->getKey(),
            $projectPrivateButMember->getKey(),
        ], $projectsVisible);
        $this->assertEqualsIdsOfEloquentCollection([
            $projectPrivate->getKey(),
            $projectPublic->getKey(),
            $projectPrivateButMember->getKey(),
        ], $allProjects);
    }

    public function test_computed_spent_time_returns_the_sum_of_all_time_entries_excl_running_timers(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $otherProject = Project::factory()->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($otherProject)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($otherProject)->start(now())->active()->create();

        // Act
        $project->refresh();
        $spentTime = $project->getSpentTimeComputed();

        // Assert
        $this->assertEquals(30, $spentTime);
    }

    public function test_computed_spent_time_returns_already_computed_value_if_present(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $otherProject = Project::factory()->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($project)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($otherProject)->startWithDuration(now(), 10)->create();
        TimeEntry::factory()->forProject($otherProject)->start(now())->active()->create();
        $timeEntries = Project::query()
            ->withAggregate('timeEntries as spent_time_computed', DB::raw('extract(epoch from ("end" - start))'), 'sum')
            ->get();

        // Act
        $project->refresh();
        $spentTime = $timeEntries->first()->getSpentTimeComputed();

        // Assert
        $this->assertEquals(30, $spentTime);
    }

    public function test_accessor_is_archived_is_true_if_archived_at_is_not_null(): void
    {
        // Arrange
        $project = Project::factory()->archived()->create();

        // Act
        $project->refresh();
        $isArchived = $project->is_archived;

        // Assert
        $this->assertTrue($isArchived);
    }

    public function test_accessor_is_archived_is_false_if_archived_at_is_null(): void
    {
        // Arrange
        $project = Project::factory()->create();

        // Act
        $project->refresh();
        $isArchived = $project->is_archived;

        // Assert
        $this->assertFalse($isArchived);
    }

    public function test_project_can_store_big_amounts_of_spent_time(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $spentTime = 100 * 365 * 24 * 60 * 60; // 100 years in seconds

        // Act
        $project->spent_time = $spentTime;
        $project->save();
        $project->refresh();

        // Assert
        $this->assertSame($spentTime, $project->spent_time);
    }
}


================================================
FILE: tests/Unit/Model/ReportModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Organization;
use App\Models\Report;
use App\Service\ReportService;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Report::class)]
class ReportModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $report = Report::factory()->forOrganization($organization)->create();

        // Act
        $report->refresh();
        $organizationRel = $report->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_shareable_link_is_null_when_report_is_private_but_share_secret_exists(): void
    {
        // Arrange
        $report = Report::factory()->private()->create([
            'share_secret' => app(ReportService::class)->generateSecret(),
        ]);

        // Act
        $report->refresh();

        // Assert
        $this->assertNull($report->getShareableLink());
    }

    public function test_shareable_link_is_null_when_report_is_public_but_share_secret_is_null(): void
    {
        // Arrange
        $report = Report::factory()->public()->create([
            'share_secret' => null,
        ]);

        // Act
        $report->refresh();

        // Assert
        $this->assertNull($report->getShareableLink());
    }

    public function test_shareable_link_is_null_when_report_is_public(): void
    {
        // Arrange
        $report = Report::factory()->public()->create();

        // Act
        $report->refresh();

        // Assert
        $this->assertNotNull($report->getShareableLink());
    }

    public function test_shareable_link_is_url_to_web_endpoint_when_report_is_public(): void
    {
        // Arrange
        $report = Report::factory()->public()->create();

        // Act
        $report->refresh();

        // Assert
        $this->assertSame(url('/shared-report#'.$report->share_secret), $report->getShareableLink());
    }
}


================================================
FILE: tests/Unit/Model/TagModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Organization;
use App\Models\Tag;
use App\Models\TimeEntry;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Tag::class)]
class TagModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $tag = Tag::factory()->forOrganization($organization)->create();

        // Act
        $tag->refresh();
        $organizationRel = $tag->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_has_many_time_entries_via_json_field(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $tag1 = Tag::factory()->forOrganization($organization)->create();
        $tag2 = Tag::factory()->forOrganization($organization)->create();
        $timeEntry1 = TimeEntry::factory()->forOrganization($organization)->create([
            'tags' => [$tag1->id, $tag2->id],
        ]);
        $timeEntry2 = TimeEntry::factory()->forOrganization($organization)->create([
            'tags' => [$tag1->id],
        ]);
        $timeEntry3 = TimeEntry::factory()->forOrganization($organization)->create([
            'tags' => [$tag2->id],
        ]);

        // Act
        $tag1->refresh();
        $timeEntries = $tag1->timeEntries;

        // Assert
        $this->assertCount(2, $timeEntries);
        $this->assertEqualsCanonicalizing([$timeEntry1->getKey(), $timeEntry2->getKey()], $timeEntries->pluck('id')->toArray());
    }
}


================================================
FILE: tests/Unit/Model/TaskModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Task;
use App\Models\TimeEntry;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(Task::class)]
class TaskModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $task = Task::factory()->forOrganization($organization)->create();

        // Act
        $task->refresh();
        $organizationRel = $task->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_belongs_to_a_project(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $task = Task::factory()->forProject($project)->create();

        // Act
        $task->refresh();
        $projectRel = $task->project;

        // Assert
        $this->assertNotNull($projectRel);
        $this->assertTrue($projectRel->is($project));
    }

    public function test_it_has_many_time_entries(): void
    {
        // Arrange
        $otherTask = Task::factory()->create();
        $task = Task::factory()->create();
        $timeEntries = TimeEntry::factory()->forTask($task)->count(3)->create();
        $otherTimeEntries = TimeEntry::factory()->forTask($otherTask)->count(2)->create();

        // Act
        $task->refresh();
        $timeEntries = $task->timeEntries;

        // Assert
        $this->assertCount(3, $timeEntries);
    }

    public function test_scope_visible_by_user_filters_so_that_only_tasks_of_public_projects_or_projects_where_the_user_is_member_are_shown(): void
    {
        // Arrange
        $member = Member::factory()->create();
        $projectPrivate = Project::factory()->isPrivate()->create();
        $projectPublic = Project::factory()->isPublic()->create();
        $projectPrivateButMember = Project::factory()->isPrivate()->create();
        ProjectMember::factory()->forProject($projectPrivateButMember)->forMember($member)->create();
        $taskPrivate = Task::factory()->forProject($projectPrivate)->create();
        $taskPublic = Task::factory()->forProject($projectPublic)->create();
        $taskPrivateButMember = Task::factory()->forProject($projectPrivateButMember)->create();

        // Act
        $tasksVisible = Task::query()->visibleByEmployee($member->user)->get();
        $allTasks = Task::query()->get();

        // Assert
        $this->assertEqualsIdsOfEloquentCollection([
            $taskPublic->getKey(),
            $taskPrivateButMember->getKey(),
        ], $tasksVisible);
        $this->assertEqualsIdsOfEloquentCollection([
            $taskPrivate->getKey(),
            $taskPublic->getKey(),
            $taskPrivateButMember->getKey(),
        ], $allTasks);
    }

    public function test_accessor_is_done_is_true_if_done_at_is_not_null(): void
    {
        // Arrange
        $task = Task::factory()->isDone()->create();

        // Act
        $task->refresh();

        // Assert
        $this->assertTrue($task->is_done);
    }

    public function test_accessor_is_done_is_false_if_done_at_is_null(): void
    {
        // Arrange
        $task = Task::factory()->create();

        // Act
        $task->refresh();

        // Assert
        $this->assertFalse($task->is_done);
    }

    public function test_task_can_store_big_amounts_of_spent_time(): void
    {
        // Arrange
        $task = Task::factory()->create();
        $spentTime = 100 * 365 * 24 * 60 * 60; // 100 years in seconds

        // Act
        $task->spent_time = $spentTime;
        $task->save();
        $task->refresh();

        // Assert
        $this->assertSame($spentTime, $task->spent_time);
    }
}


================================================
FILE: tests/Unit/Model/TimeEntryModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Support\Carbon;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(TimeEntry::class)]
class TimeEntryModelTest extends ModelTestAbstract
{
    public function test_it_belongs_to_a_user(): void
    {
        // Arrange
        $user = User::factory()->create();
        $timeEntry = TimeEntry::factory()->forUser($user)->create();

        // Act
        $timeEntry->refresh();
        $userRel = $timeEntry->user;

        // Assert
        $this->assertNotNull($userRel);
        $this->assertTrue($userRel->is($user));
    }

    public function test_it_belongs_to_a_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timeEntry = TimeEntry::factory()->forOrganization($organization)->create();

        // Act
        $timeEntry->refresh();
        $organizationRel = $timeEntry->organization;

        // Assert
        $this->assertNotNull($organizationRel);
        $this->assertTrue($organizationRel->is($organization));
    }

    public function test_it_can_belong_to_a_project(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $timeEntry = TimeEntry::factory()->forProject($project)->create();

        // Act
        $timeEntry->refresh();
        $projectRel = $timeEntry->project;

        // Assert
        $this->assertNotNull($projectRel);
        $this->assertTrue($projectRel->is($project));
    }

    public function test_it_can_belong_to_no_project(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->forProject(null)->create();

        // Act
        $timeEntry->refresh();
        $project = $timeEntry->project;

        // Assert
        $this->assertNull($project);
    }

    public function test_it_can_belong_to_a_task(): void
    {
        // Arrange
        $task = Task::factory()->create();
        $timeEntry = TimeEntry::factory()->forTask($task)->create();

        // Act
        $timeEntry->refresh();
        $taskRel = $timeEntry->task;

        // Assert
        $this->assertNotNull($taskRel);
        $this->assertTrue($taskRel->is($task));
    }

    public function test_it_can_belong_to_no_task(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->forTask(null)->create();

        // Act
        $timeEntry->refresh();
        $taskRel = $timeEntry->task;

        // Assert
        $this->assertNull($taskRel);
    }

    public function test_eloquent_datetime_columns_remove_timezone_information_during_save(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->forTask(null)->create();

        // Act
        $timeEntry->start = Carbon::create(2021, 1, 1, 12, 0, 0, 'UTC')->timezone('+1');
        $timeEntry->save();

        // Assert
        $timeEntry->refresh();
        $this->assertSame('UTC', $timeEntry->start->getTimezone()->toRegionName());
        $this->assertSame('2021-01-01 13:00:00', $timeEntry->start->toDateTimeString());
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'start' => '2021-01-01 13:00:00',
        ]);
    }

    public function test_scope_has_tag_filter_by_tag(): void
    {
        // Arrange
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $timeEntry1 = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey()],
        ]);
        $timeEntry2 = TimeEntry::factory()->create([
            'tags' => [$tag2->getKey()],
        ]);
        $timeEntry3 = TimeEntry::factory()->create([
            'tags' => ['something-else'],
        ]);
        $timeEntry4 = TimeEntry::factory()->create([
            'tags' => null,
        ]);

        // Act
        $result = TimeEntry::hasTag($tag1)->get();

        // Assert
        $this->assertCount(1, $result);
        $this->assertTrue($result->first()->is($timeEntry1));
    }

    public function test_computed_client_id_returns_null_when_no_project_is_assigned(): void
    {
        // Arrange
        $timeEntry = TimeEntry::factory()->forProject(null)->create();
        $timeEntry->client_id = null;
        $timeEntry->save();

        // Act
        $timeEntry->setComputedAttributeValue('client_id');
        $clientId = $timeEntry->client_id;

        // Assert
        $this->assertNull($clientId);
    }

    public function test_computed_client_id_returns_project_client_id(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $timeEntry = TimeEntry::factory()->forProject($project)->create();
        $timeEntry->client_id = null;
        $timeEntry->save();

        // Act
        $timeEntry->setComputedAttributeValue('client_id');
        $clientId = $timeEntry->client_id;

        // Assert
        $this->assertSame($project->client_id, $clientId);
    }

    public function test_has_many_tags_via_json_relation(): void
    {
        // Arrange
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $timeEntry = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey(), $tag2->getKey()],
        ]);

        // Act
        $timeEntry->refresh();
        $tags = $timeEntry->tagsRelation;

        // Assert
        $this->assertCount(2, $tags);
        $this->assertTrue($tags->contains($tag1));
        $this->assertTrue($tags->contains($tag2));
    }

    public function test_has_many_tags_via_json_relation_eager_loaded(): void
    {
        // Arrange
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $timeEntry1 = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey(), $tag2->getKey()],
            'created_at' => Carbon::now()->subDay(),
        ]);
        $timeEntry2 = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey()],
            'created_at' => Carbon::now()->subDays(2),
        ]);

        // Act
        $timeEntries = TimeEntry::with('tagsRelation')->orderBy('created_at', 'desc')->get();
        $tags1 = $timeEntries->get(0)->tagsRelation;
        $tags2 = $timeEntries->get(1)->tagsRelation;

        // Assert
        $this->assertCount(2, $tags1);
        $this->assertTrue($tags1->contains($tag1));
        $this->assertTrue($tags1->contains($tag2));
        $this->assertCount(1, $tags2);
        $this->assertTrue($tags2->contains($tag1));
    }
}


================================================
FILE: tests/Unit/Model/UserModelTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Model;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Passport\AuthCode;
use App\Models\Passport\Client;
use App\Models\Passport\Token;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use App\Providers\Filament\AdminPanelProvider;
use Filament\Panel;
use Illuminate\Support\Facades\Config;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(User::class)]
class UserModelTest extends ModelTestAbstract
{
    public function test_normal_user_can_not_access_admin_panel(): void
    {
        // Arrange
        Config::set('auth.super_admins', ['some@email.test', 'other@email.test']);
        $user = User::factory()->create();
        $panelProvider = new AdminPanelProvider(app());
        $mainPanel = $panelProvider->panel(Panel::make());

        // Act
        $canAccess = $user->canAccessPanel($mainPanel);

        // Assert
        $this->assertFalse($canAccess);
    }

    public function test_user_in_super_admin_config_can_access_admin_panel(): void
    {
        // Arrange
        Config::set('auth.super_admins', ['some@email.test', 'other@email.test']);
        $user = User::factory()->create([
            'email' => 'some@email.test',
        ]);
        $panelProvider = new AdminPanelProvider(app());
        $mainPanel = $panelProvider->panel(Panel::make());

        // Act
        $canAccess = $user->canAccessPanel($mainPanel);

        // Assert
        $this->assertTrue($canAccess);
    }

    public function test_scope_belongs_to_organization_returns_only_users_of_organization_including_owners(): void
    {
        // Arrange
        $owner = User::factory()->create();
        $organization = Organization::factory()->withOwner($owner)->create();
        $user = User::factory()->create();
        $user->organizations()->attach($organization, [
            'role' => Role::Employee->value,
        ]);
        $otherOrganization = Organization::factory()->create();
        $otherUser = User::factory()->create();
        $otherUser->organizations()->attach($otherOrganization, [
            'role' => Role::Employee->value,
        ]);

        // Act
        $users = User::query()
            ->belongsToOrganization($organization)
            ->get();

        // Assert
        $this->assertCount(2, $users);
        $userIds = $users->pluck('id')->toArray();
        $this->assertContains($user->getKey(), $userIds);
        $this->assertContains($owner->getKey(), $userIds);
    }

    public function test_it_has_many_time_entries(): void
    {
        // Arrange
        $user = User::factory()->create();
        $timeEntries = TimeEntry::factory()->forUser($user)->createMany(3);

        // Act
        $user->refresh();
        $timeEntriesRel = $user->timeEntries;

        // Assert
        $this->assertNotNull($timeEntriesRel);
        $this->assertCount(3, $timeEntriesRel);
        $this->assertEqualsCanonicalizing(
            $timeEntries->pluck('id')->toArray(),
            $timeEntriesRel->pluck('id')->toArray()
        );
    }

    public function test_it_has_many_project_members(): void
    {
        // Arrange
        $user = User::factory()->create();
        $otherUser = User::factory()->create();
        $member = Member::factory()->forUser($user)->create();
        $otherMember = Member::factory()->forUser($otherUser)->create();
        $projectMembers = ProjectMember::factory()->forMember($member)->createMany(3);
        $otherProjectMembers = ProjectMember::factory()->forMember($otherMember)->createMany(3);

        // Act
        $user->refresh();
        $projectMembersRel = $user->projectMembers;

        // Assert
        $this->assertNotNull($projectMembersRel);
        $this->assertCount(3, $projectMembersRel);
        $this->assertEqualsCanonicalizing(
            $projectMembers->pluck('id')->toArray(),
            $projectMembersRel->pluck('id')->toArray()
        );
    }

    public function test_scope_active_returns_only_non_placeholder_users(): void
    {
        // Arrange
        $placeholder = User::factory()->create([
            'is_placeholder' => true,
        ]);
        $user = User::factory()->create([
            'is_placeholder' => false,
        ]);

        // Act
        $activeUsers = User::query()->active()->get();

        // Assert
        $this->assertCount(1, $activeUsers);
        $this->assertTrue($activeUsers->first()->is($user));
    }

    public function test_it_has_many_access_tokens(): void
    {
        // Arrange
        $user = User::factory()->create();
        $client = new Client;
        $client->name = 'desktop';
        $client->redirect_uris = ['solidtime://oauth/callback'];
        $client->grant_types = [];
        $client->revoked = false;
        $client->save();
        $token = new Token;
        $token->id = 'some-id';
        $token->user_id = $user->getKey();
        $token->client_id = $client->getKey();
        $token->revoked = false;
        $token->save();

        // Act
        $user->refresh();
        $tokensRel = $user->accessTokens;

        // Assert
        $this->assertNotNull($tokensRel);
        $this->assertCount(1, $tokensRel);
        $this->assertEqualsCanonicalizing(
            [$token->getKey()],
            $tokensRel->pluck('id')->toArray()
        );
    }

    public function test_it_has_many_auth_codes(): void
    {
        // Arrange
        $user = User::factory()->create();
        $client = new Client;
        $client->name = 'desktop';
        $client->redirect_uris = 'solidtime://oauth/callback';
        $client->grant_types = [];
        $client->revoked = false;
        $client->save();
        $authCode = new AuthCode;
        $authCode->id = 'some-id';
        $authCode->user_id = $user->getKey();
        $authCode->client_id = $client->getKey();
        $authCode->revoked = false;
        $authCode->save();

        // Act
        $user->refresh();
        $authCodesRel = $user->authCodes;

        // Assert
        $this->assertNotNull($authCodesRel);
        $this->assertCount(1, $authCodesRel);
        $this->assertEqualsCanonicalizing(
            [$authCode->getKey()],
            $authCodesRel->pluck('id')->toArray()
        );
    }
}


================================================
FILE: tests/Unit/Rules/ColorRuleTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Rules;

use App\Rules\ColorRule;
use Illuminate\Support\Facades\Validator;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(ColorRule::class)]
class ColorRuleTest extends TestCase
{
    public function test_validation_passes_if_value_is_valid_color(): void
    {
        // Arrange
        $validator = Validator::make([
            'color' => '#ef5350',
        ], [
            'color' => [new ColorRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertTrue($isValid);
        $this->assertArrayNotHasKey('color', $messages);
    }

    public function test_validation_fails_if_value_is_not_a_string(): void
    {
        // Arrange
        $validator = Validator::make([
            'color' => true,
        ], [
            'color' => [new ColorRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertFalse($isValid);
        $this->assertEquals('The color field must be a string.', $messages['color'][0]);
    }

    public function test_validation_fails_if_value_is_not_a_valid_color(): void
    {
        // Arrange
        $validator = Validator::make([
            'color' => 'rgb(0,0,0)',
        ], [
            'color' => [new ColorRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertFalse($isValid);
        $this->assertEquals('The color field must be a valid color.', $messages['color'][0]);
    }
}


================================================
FILE: tests/Unit/Rules/CurrencyRuleTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Rules;

use App\Rules\CurrencyRule;
use Illuminate\Support\Facades\Validator;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(CurrencyRule::class)]
class CurrencyRuleTest extends TestCase
{
    public function test_validation_passes_if_value_is_valid_currency_code(): void
    {
        // Arrange
        $validator = Validator::make([
            'currency' => 'EUR',
        ], [
            'currency' => [new CurrencyRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertTrue($isValid);
        $this->assertArrayNotHasKey('currency', $messages);
    }

    public function test_validation_fails_if_value_is_not_a_string(): void
    {
        // Arrange
        $validator = Validator::make([
            'currency' => true,
        ], [
            'currency' => [new CurrencyRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertFalse($isValid);
        $this->assertEquals('The currency field must be a string.', $messages['currency'][0]);
    }

    public function test_validation_fails_if_value_is_not_a_valid_currency(): void
    {
        // Arrange
        $validator = Validator::make([
            'currency' => 'XXX',
        ], [
            'currency' => [new CurrencyRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertFalse($isValid);
        $this->assertEquals('The currency field must be a valid currency code (ISO 4217).', $messages['currency'][0]);
    }

    public function test_validation_fails_if_value_is_lower_case(): void
    {
        // Arrange
        $validator = Validator::make([
            'currency' => 'eur',
        ], [
            'currency' => [new CurrencyRule],
        ]);

        // Act
        $isValid = $validator->passes();
        $messages = $validator->messages()->toArray();

        // Assert
        $this->assertFalse($isValid);
        $this->assertEquals('The currency field must be a valid currency code (ISO 4217).', $messages['currency'][0]);
    }
}


================================================
FILE: tests/Unit/Service/BillableRateServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\BillableRateService;
use DB;
use Illuminate\Foundation\Testing\RefreshDatabase;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(BillableRateService::class)]
class BillableRateServiceTest extends TestCaseWithDatabase
{
    use RefreshDatabase;

    private BillableRateService $billableRateService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->billableRateService = app(BillableRateService::class);
    }

    /*
     * Function: updateTimeEntriesBillableRateForProjectMember
     */

    public function test_update_time_entries_billable_rate_for_project_member_updates_time_entries_of_project_member(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create();
        $projectMember = ProjectMember::factory()->forMember($user->member)->forProject($project)->create([
            'billable_rate' => 123,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProjectMember($projectMember);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 123,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_member_updates_time_entries_of_project_member_even_if_all_other_billable_rates_are_set(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $organization = $user->organization;
        $member = $user->member;
        $organization->billable_rate = 111;
        $organization->save();
        $member->billable_rate = 222;
        $member->save();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $projectMember = ProjectMember::factory()->forMember($user->member)->forProject($project)->create([
            'billable_rate' => 123,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProjectMember($projectMember);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 123,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_member_ignores_time_entries_of_other_member(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $otherUser = User::factory()->create();
        $otherMember = Member::factory()->forUser($otherUser)->forOrganization($user->organization)->create();
        $project = Project::factory()->forOrganization($user->organization)->create();
        $projectMember = ProjectMember::factory()->forMember($user->member)->forProject($project)->create([
            'billable_rate' => 123,
        ]);
        $otherProjectMember = ProjectMember::factory()->forMember($otherMember)->forProject($project)->create([
            'billable_rate' => 321,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($otherMember)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProjectMember($projectMember);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    /*
     * Function: updateTimeEntriesBillableRateForProject
     */

    public function test_update_time_entries_billable_rate_for_project_updates_time_entries_of_project(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProject($project);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 321,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_updates_time_entries_of_project_all_other_billable_rates_null(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $projectMember = ProjectMember::factory()->forMember($user->member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProject($project);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 321,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_ignores_time_entries_that_are_not_billable(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->notBillable()->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProject($project);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => null,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_ignores_time_entries_that_have_project_member_with_billable_rate(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $projectMember = ProjectMember::factory()->forMember($user->member)->forProject($project)->create([
            'billable_rate' => 123,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProject($project);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_project_ignores_time_entries_of_that_project_but_are_incorrectly_attached_to_other_organization(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $userInOtherOrga = $this->createUserWithPermission();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 321,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $brokenTimeEntryInOtherOrganizationButSameProject = TimeEntry::factory()->forMember($userInOtherOrga->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForProject($project);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 2);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 321,
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $brokenTimeEntryInOtherOrganizationButSameProject->getKey(),
            'billable_rate' => 1,
        ]);
    }

    /*
     * Function: updateTimeEntriesBillableRateForMember
     */

    public function test_update_time_entries_billable_rate_for_member_updates_time_entries_of_member(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $member->billable_rate = 567;
        $member->save();
        $timeEntry = TimeEntry::factory()->forMember($member)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForMember($member);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 567,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_member_updates_time_entries_of_member_all_other_billable_rates_null(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $member->billable_rate = 110;
        $member->save();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForMember($member);

        // Assert
        $queryLog = DB::getQueryLog();
        $this->assertCount(1, $queryLog);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 110,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_member_ignores_time_entries_that_have_project_member_with_billable_rate(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $member->billable_rate = 110;
        $member->save();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => 123,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForMember($member);

        // Assert
        $queryLog = DB::getQueryLog();
        $this->assertCount(1, $queryLog);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_member_ignores_time_entries_that_have_project_with_billable_rate(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $member->billable_rate = 110;
        $member->save();
        $project = Project::factory()->forOrganization($user->organization)->create([
            'billable_rate' => 123,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForMember($member);

        // Assert
        $queryLog = DB::getQueryLog();
        $this->assertCount(1, $queryLog);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    /*
     * Function: updateTimeEntriesBillableRateForOrganization
     */

    public function test_update_time_entries_billable_rate_for_organization_updates_time_entries_of_organization(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();

        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($user->organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 110,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_updates_time_entries_of_organization_all_other_billable_rates_null(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($member)->create([
            'billable_rate' => null,
        ]);

        $timeEntry = TimeEntry::factory()->forMember($user->member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($user->organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 110,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_ignores_time_entries_that_are_not_billable(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $timeEntry = TimeEntry::factory()->forMember($user->member)->notBillable()->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => null,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_ignores_time_entries_of_organization(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $otherUser = $this->createUserWithPermission();
        $timeEntry = TimeEntry::factory()->forMember($otherUser->member)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_ignores_time_entries_with_member_with_billable_rate(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $member->billable_rate = 120;
        $member->save();
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();

        $timeEntry = TimeEntry::factory()->forMember($member)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_ignores_time_entries_with_project_with_billable_rate(): void
    {
        // Arrange
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 120,
        ]);

        $timeEntry = TimeEntry::factory()->forMember($member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    public function test_update_time_entries_billable_rate_for_organization_ignores_time_entries_with_project_member_with_billable_rate(): void
    {
        $user = $this->createUserWithPermission();
        $member = $user->member;
        $organization = $user->organization;
        $organization->billable_rate = 110;
        $organization->save();
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($member)->create([
            'billable_rate' => 120,
        ]);

        $timeEntry = TimeEntry::factory()->forMember($member)->forProject($project)->billableRate(1)->create();
        $this->enableQueryLog();

        // Act
        $this->billableRateService->updateTimeEntriesBillableRateForOrganization($organization);

        // Assert
        $this->assertQueryCount(1);
        $this->assertDatabaseCount(TimeEntry::class, 1);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $timeEntry->getKey(),
            'billable_rate' => 1,
        ]);
    }

    /*
     * Function: getBillableRateForTimeEntryWithGivenRelations
     */

    public function test_billable_rate_is_null_if_time_entry_is_not_billable(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => 4004,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => false,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(null, $billableRate);
    }

    public function test_billable_rate_uses_project_member_rate_as_first_priority(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => 4004,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(4004, $billableRate);
    }

    public function test_billable_rate_uses_project_rate_as_second_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(3003, $billableRate);
    }

    public function test_billable_rate_uses_project_rate_as_second_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(3003, $billableRate);
    }

    public function test_billable_rate_uses_organization_member_rate_as_third_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(2002, $billableRate);
    }

    public function test_billable_rate_uses_organization_member_rate_as_third_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(2002, $billableRate);
    }

    public function test_billable_rate_uses_organization_rate_as_fourth_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(1001, $billableRate);
    }

    public function test_billable_rate_uses_organization_rate_as_fourth_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(1001, $billableRate);
    }

    public function test_billable_rate_is_null_if_billable_rate_on_all_levels_are_null(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => null,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntry($timeEntry);

        // Assert
        $this->assertSame(null, $billableRate);
    }

    public function test_billable_rate_with_given_relations_returns_null_if_not_billable(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => 4004,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => false,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(null, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_project_member_rate_as_first_priority(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => 4004,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(4004, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_project_rate_as_second_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(3003, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_project_rate_as_second_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => 3003,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            null,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(3003, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_organization_member_rate_as_third_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(2002, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_organization_member_rate_as_third_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => 2002,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            null,
            null,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(2002, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_organization_rate_as_fourth_priority_using_null_values_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(1001, $billableRate);
    }

    public function test_billable_rate_with_given_relations_uses_organization_rate_as_fourth_priority_using_non_existing_entities_before(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => 1001,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            null,
            null,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(1001, $billableRate);
    }

    public function test_billable_rate_with_given_relations_is_null_if_billable_rate_on_all_levels_are_null(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'billable_rate' => null,
        ]);
        $user = User::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->create([
            'billable_rate' => null,
        ]);
        $project = Project::factory()->forOrganization($organization)->create([
            'billable_rate' => null,
        ]);
        $projectMember = ProjectMember::factory()->forMember($member)->forProject($project)->create([
            'billable_rate' => null,
        ]);
        $timeEntry = TimeEntry::factory()->forProject($project)->forMember($member)->forOrganization($organization)->create([
            'billable' => true,
        ]);
        $this->enableQueryLog();

        // Act
        $billableRate = $this->billableRateService->getBillableRateForTimeEntryWithGivenRelations(
            $timeEntry,
            $projectMember,
            $project,
            $member,
            $organization
        );

        // Assert
        $this->assertQueryCount(0);
        $this->assertSame(null, $billableRate);
    }
}


================================================
FILE: tests/Unit/Service/CurrencyServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Service\CurrencyService;
use Brick\Money\Currency;
use Brick\Money\Money;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(CurrencyService::class)]
class CurrencyServiceTest extends TestCaseWithDatabase
{
    private CurrencyService $currencyService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->currencyService = new CurrencyService;
    }

    public function test_get_currency_symbol_for_currency_eur(): void
    {
        // Arrange
        $money = Money::of(1, Currency::of('EUR'));

        // Act
        $symbol = $this->currencyService->getCurrencySymbolForMoney($money);

        // Assert
        $this->assertSame('€', $symbol);
    }

    public function test_get_currency_symbol_for_currency_usd(): void
    {
        // Arrange
        $money = Money::of(1, Currency::of('USD'));

        // Act
        $symbol = $this->currencyService->getCurrencySymbolForMoney($money);

        // Assert
        $this->assertSame('$', $symbol);
    }

    public function test_get_currency_symbol_for_currency_gbp(): void
    {
        // Arrange
        $money = Money::of(1, Currency::of('GBP'));

        // Act
        $symbol = $this->currencyService->getCurrencySymbolForMoney($money);

        // Assert
        $this->assertSame('£', $symbol);
    }

    public function test_get_currency_symbol_for_currency_cad(): void
    {
        // Arrange
        $money = Money::of(1, Currency::of('CAD'));

        // Act
        $symbol = $this->currencyService->getCurrencySymbolForMoney($money);

        // Assert
        $this->assertSame('$', $symbol);
    }

    public function test_get_currency_symbol_for_currency_cop(): void
    {
        // Arrange
        $money = Money::of(1, Currency::of('COP'));

        // Act
        $symbol = $this->currencyService->getCurrencySymbolForMoney($money);

        // Assert
        $this->assertSame('$', $symbol);
    }

    public function test_get_currency_symbol_for_currency_without_known_symbol(): void
    {
        // Arrange
        $currency = 'XXX';

        // Act
        $symbol = $this->currencyService->getCurrencySymbol($currency);

        // Assert
        $this->assertSame('XXX', $symbol);
    }

    public function test_get_random_currency_code(): void
    {
        // Act
        $currencyCode = $this->currencyService->getRandomCurrencyCode();

        // Assert
        $this->assertNotEmpty($currencyCode);
        $this->assertIsString($currencyCode);
        $this->assertNotNull(Currency::of($currencyCode));
    }
}


================================================
FILE: tests/Unit/Service/DashboardServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\Role;
use App\Enums\Weekday;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\DashboardService;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Carbon;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(DashboardService::class)]
class DashboardServiceTest extends TestCase
{
    use RefreshDatabase;

    protected DashboardService $dashboardService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->dashboardService = app(DashboardService::class);
    }

    public function test_daily_tracked_hours_returns_correct_values(): void
    {
        // Arrange
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 23, 0, 0, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
        ]);
        $timeEntry2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time NOT shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 22, 59, 59, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 39, 'UTC'),
        ]);

        // Act
        $result = $this->dashboardService->getDailyTrackedHours($user, $organization, 5);

        // Assert
        $this->assertSame([
            [
                'date' => '2023-12-28',
                'duration' => 0,
            ],
            [
                'date' => '2023-12-29',
                'duration' => 0,
            ],
            [
                'date' => '2023-12-30',
                'duration' => 40,
            ],
            [
                'date' => '2023-12-31',
                'duration' => 40,
            ],
            [
                'date' => '2024-01-01',
                'duration' => 0,
            ],
        ], $result);
    }

    public function test_weekly_history_returns_correct_values(): void
    {
        // Arrange
        // Note: Is a Monday
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        // Note: This is a Sunday
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 23, 0, 0, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
        ]);
        // Note: This is a Saturday
        $timeEntry2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time NOT shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 22, 59, 59, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 39, 'UTC'),
        ]);

        // Act
        $result = $this->dashboardService->getWeeklyHistory($user, $organization);

        // Assert
        $this->assertSame([
            [
                'date' => '2023-12-31',
                'duration' => 40,
            ],
            [
                'date' => '2024-01-01',
                'duration' => 0,
            ],
            [
                'date' => '2024-01-02',
                'duration' => 0,
            ],
            [
                'date' => '2024-01-03',
                'duration' => 0,
            ],
            [
                'date' => '2024-01-04',
                'duration' => 0,
            ],
            [
                'date' => '2024-01-05',
                'duration' => 0,
            ],
            [
                'date' => '2024-01-06',
                'duration' => 0,
            ],
        ], $result);
    }

    public function test_total_weekly_time_returns_correct_value(): void
    {
        // Arrange
        // Note: Is a Monday
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        // Note: This is a Sunday
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 23, 0, 0, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
        ]);
        // Note: This is a Saturday
        $timeEntry2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time NOT shifts in timezone Europe/Vienna to the next day
            'start' => Carbon::create(2023, 12, 30, 22, 59, 59, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 39, 'UTC'),
        ]);

        // Act
        $result = $this->dashboardService->totalWeeklyTime($user, $organization);

        // Assert
        $this->assertSame(40, $result);
    }

    public function test_total_weekly_billable_time_returns_correct_value(): void
    {
        // Arrange
        // Note: Is a Monday
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        // Note: This is a Sunday
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'billable' => true,
            'start' => Carbon::create(2023, 12, 30, 23, 0, 0, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
        ]);
        // Note: This is a Sunday (non-billable)
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'billable' => false,
            'start' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 59, 'UTC'),
        ]);
        // Note: This is a Saturday
        $timeEntry2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time NOT shifts in timezone Europe/Vienna to the next day
            'billable' => true,
            'start' => Carbon::create(2023, 12, 30, 22, 59, 59, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 39, 'UTC'),
        ]);

        // Act
        $result = $this->dashboardService->totalWeeklyBillableTime($user, $organization);

        // Assert
        $this->assertSame(40, $result);
    }

    public function test_total_weekly_billable_amount_returns_correct_value(): void
    {
        // Arrange
        // Note: Is a Monday
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $currency = 'USD';
        $organization = Organization::factory()->create([
            'currency' => $currency,
        ]);
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        // Note: This is a Sunday
        $timeEntry1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'billable' => true,
            'billable_rate' => 50 * 100,
            'start' => Carbon::create(2023, 12, 30, 23, 0, 0, 'UTC'),
            'end' => Carbon::create(2023, 12, 31, 0, 0, 0, 'UTC'),
        ]);
        // Note: This is a Sunday (non-billable)
        $timeEntry2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time shifts in timezone Europe/Vienna to the next day
            'billable' => false,
            'start' => Carbon::create(2023, 12, 30, 23, 0, 40, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 59, 'UTC'),
        ]);
        // Note: This is a Saturday
        $timeEntry3 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: The start time NOT shifts in timezone Europe/Vienna to the next day
            'billable' => true,
            'billable_rate' => 100 * 100,
            'start' => Carbon::create(2023, 12, 30, 22, 59, 59, 'UTC'),
            'end' => Carbon::create(2023, 12, 30, 23, 0, 39, 'UTC'),
        ]);

        // Act
        $result = $this->dashboardService->totalWeeklyBillableAmount($user, $organization);

        // Assert
        $this->assertSame([
            'value' => 5000,
            'currency' => $currency,
        ], $result);
    }

    public function test_weekly_project_overview_returns_correct_value_if_time_entries_for_projects_exist_in_current_week(): void
    {
        // Arrange
        // Note: Is a Monday
        $now = Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna')->toImmutable();
        $this->travelTo($now);
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $organization = Organization::factory()->withOwner($user)->create();
        $member = Member::factory()->forUser($user)->forOrganization($organization)->role(Role::Owner)->create();
        $project1 = Project::factory()->forOrganization($organization)->create();
        $project2 = Project::factory()->forOrganization($organization)->create();
        $timeEntry1Project1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->forProject($project1)->create([
            // Note: At the start of the week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry2Project1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->forProject($project1)->create([
            // Note: At the end of the week
            'start' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->utc(),
            'end' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry1Project2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->forProject($project2)->create([
            // Note: At the start of the week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry2Project2 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->forProject($project2)->create([
            // Note: At the end of the week
            'start' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->utc(),
            'end' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry1WithoutProject = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: At the start of the week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry2WithoutProject = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: At the end of the week
            'start' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->utc(),
            'end' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry1WithoutProjectOutsideOfWeek = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: Outside of week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->subSecond()->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(39)->utc(),
        ]);

        // Act
        $result = $this->dashboardService->weeklyProjectOverview($user, $organization);

        // Assert
        $this->assertEqualsCanonicalizing([
            [
                'value' => 80,
                'id' => $project1->getKey(),
                'name' => $project1->name,
                'color' => $project1->color,
            ],
            [
                'value' => 80,
                'id' => $project2->getKey(),
                'name' => $project2->name,
                'color' => $project2->color,
            ],
            [
                'value' => 80,
                'id' => null,
                'name' => 'No project',
                'color' => '#cccccc',
            ],
        ], $result);
    }

    public function test_weekly_project_overview_returns_correct_value_if_only_entries_without_project_exist_in_the_week(): void
    {
        // Arrange
        // Note: Is a Monday
        $now = Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna')->toImmutable();
        $this->travelTo($now);
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        $timeEntry1WithoutProject = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: At the start of the week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry2WithoutProject = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: At the end of the week
            'start' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->utc(),
            'end' => $now->endOfWeek($user->week_start->toEndOfWeek()->carbonWeekDay())->addSeconds(40)->utc(),
        ]);
        $timeEntry1WithoutProjectOutsideOfWeek = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            // Note: Outside of week
            'start' => $now->startOfWeek($user->week_start->carbonWeekDay())->subSecond()->utc(),
            'end' => $now->startOfWeek($user->week_start->carbonWeekDay())->addSeconds(39)->utc(),
        ]);

        // Act
        $result = $this->dashboardService->weeklyProjectOverview($user, $organization);

        // Assert
        $this->assertSame([
            [
                'value' => 80,
                'id' => null,
                'name' => 'No project',
                'color' => '#cccccc',
            ],
        ], $result);
    }

    public function test_weekly_project_overview_returns_correct_value_if_no_entries_are_in_the_week(): void
    {
        // Arrange
        // Note: Is a Monday
        $this->travelTo(Carbon::create(2024, 1, 1, 12, 0, 0, 'Europe/Vienna'));
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
            'week_start' => Weekday::Sunday,
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();

        // Act
        $result = $this->dashboardService->weeklyProjectOverview($user, $organization);

        // Assert
        $this->assertSame([
            [
                'value' => 0,
                'id' => null,
                'name' => 'No project',
                'color' => '#cccccc',
            ],
        ], $result);
    }

    public function test_latest_team_activity_returns_the_most_current_working_users_and_what_they_are_working_on(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $member1 = Member::factory()->forOrganization($organization)->create();
        $member2 = Member::factory()->forOrganization($organization)->create();
        $member3 = Member::factory()->forOrganization($organization)->create();
        $member4 = Member::factory()->forOrganization($organization)->create();
        $member5 = Member::factory()->forOrganization($organization)->create();
        $task1 = Task::factory()->forOrganization($organization)->create();
        $timeEntry1 = TimeEntry::factory()->forMember($member1)->forOrganization($organization)->active()->create([
            'start' => now()->subMinutes(10),
        ]);
        $timeEntry2 = TimeEntry::factory()->forMember($member2)->forOrganization($organization)->create([
            'start' => now()->subMinutes(20),
        ]);
        $timeEntry3 = TimeEntry::factory()->forMember($member3)->forOrganization($organization)->forTask($task1)->create([
            'description' => '',
            'start' => now()->subMinutes(30),
        ]);
        $timeEntry4 = TimeEntry::factory()->forMember($member4)->forOrganization($organization)->forTask($task1)->create([
            'description' => 'TEST 123',
            'start' => now()->subMinutes(40),
        ]);
        $timeEntry5 = TimeEntry::factory()->forMember($member4)->forOrganization($organization)->forTask($task1)->create([
            'description' => 'TEST 321',
            'start' => now()->subMinutes(50),
        ]);
        $timeEntry6 = TimeEntry::factory()->forMember($member5)->forOrganization($organization)->forTask($task1)->create([
            'description' => 'TEST 321',
            'start' => now()->subMinutes(60),
        ]);

        // Act
        $result = $this->dashboardService->latestTeamActivity($organization);

        // Assert
        $this->assertSame([
            [
                'member_id' => $member1->getKey(),
                'name' => $member1->user->name,
                'description' => $timeEntry1->description,
                'time_entry_id' => $timeEntry1->getKey(),
                'task_id' => null,
                'status' => true,
            ],
            [
                'member_id' => $member2->getKey(),
                'name' => $member2->user->name,
                'description' => $timeEntry2->description,
                'time_entry_id' => $timeEntry2->getKey(),
                'task_id' => null,
                'status' => false,
            ],
            [
                'member_id' => $member3->getKey(),
                'name' => $member3->user->name,
                'description' => $timeEntry3->description,
                'time_entry_id' => $timeEntry3->getKey(),
                'task_id' => $task1->getKey(),
                'status' => false,
            ],
            [
                'member_id' => $member4->getKey(),
                'name' => $member4->user->name,
                'description' => $timeEntry4->description,
                'time_entry_id' => $timeEntry4->getKey(),
                'task_id' => $task1->getKey(),
                'status' => false,
            ],
        ], $result);
    }

    public function test_latest_tasks_returns_the_4_tasks_with_the_latest_time_entries(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        $task1 = Task::factory()->forOrganization($organization)->create();
        $task2 = Task::factory()->forOrganization($organization)->create();
        $task3 = Task::factory()->forOrganization($organization)->create();
        $task4 = Task::factory()->forOrganization($organization)->create();
        $task5 = Task::factory()->forOrganization($organization)->create();

        $timeEntry1Task1 = TimeEntry::factory()->forTask($task1)->forMember($member)->forOrganization($organization)->create([
            'start' => now()->subMinutes(20),
        ]);
        $timeEntry1Task2 = TimeEntry::factory()->forTask($task2)->forMember($member)->forOrganization($organization)->create([
            'start' => now()->subMinutes(30),
        ]);
        $timeEntry1Task3 = TimeEntry::factory()->forTask($task3)->forMember($member)->forOrganization($organization)->create([
            'start' => now()->subMinutes(40),
        ]);
        $timeEntry1Task4 = TimeEntry::factory()->forTask($task4)->forMember($member)->forOrganization($organization)->create([
            'start' => now()->subMinutes(50),
        ]);
        $timeEntry1Task5 = TimeEntry::factory()->forTask($task5)->forMember($member)->forOrganization($organization)->create([
            'start' => now()->subMinutes(60),
        ]);

        // Act
        $result = $this->dashboardService->latestTasks($user, $organization);

        // Assert
        $this->assertSame([
            [
                'id' => $timeEntry1Task1->task->getKey(),
                'name' => $timeEntry1Task1->task->name,
                'project_name' => $timeEntry1Task1->task->project->name,
                'project_id' => $timeEntry1Task1->task->project->getKey(),
            ],
            [
                'id' => $timeEntry1Task2->task->getKey(),
                'name' => $timeEntry1Task2->task->name,
                'project_name' => $timeEntry1Task2->task->project->name,
                'project_id' => $timeEntry1Task2->task->project->getKey(),
            ],
            [
                'id' => $timeEntry1Task3->task->getKey(),
                'name' => $timeEntry1Task3->task->name,
                'project_name' => $timeEntry1Task3->task->project->name,
                'project_id' => $timeEntry1Task3->task->project->getKey(),
            ],
            [
                'id' => $timeEntry1Task4->task->getKey(),
                'name' => $timeEntry1Task4->task->name,
                'project_name' => $timeEntry1Task4->task->project->name,
                'project_id' => $timeEntry1Task4->task->project->getKey(),
            ],
        ], $result);
    }

    public function test_last_seven_days_returns_spend_time_in_the_last_seven_days_aggregated_in_three_hour_blocks(): void
    {
        // Arrange
        $now = Carbon::create(2024, 4, 17, 12, 0, 0, 'Europe/Vienna')->utc();
        $this->travelTo($now);
        $organization = Organization::factory()->create();
        $user = User::factory()->create([
            'timezone' => 'Europe/Vienna',
        ]);
        $member = Member::factory()->forUser($user)->forOrganization($organization)->create();
        $timeEntryOverWholePeriod = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'start' => now('Europe/Vienna')->subDays(7)->startOfDay()->utc(),
            'end' => now('Europe/Vienna')->endOfDay()->addSecond()->utc(), // TODO: fix problem with last second
        ]);
        $timeEntryOverWholePeriodWithoutEnd = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'start' => now('Europe/Vienna')->subDays(7)->startOfDay()->utc(),
            'end' => null,
        ]);
        $timeEntry1Task1 = TimeEntry::factory()->forMember($member)->forOrganization($organization)->create([
            'start' => now('Europe/Vienna')->subMinutes(30)->utc(),
            'end' => now('Europe/Vienna')->subMinutes(20)->utc(),
        ]);

        // Act
        $result = $this->dashboardService->lastSevenDays($user, $organization);

        // Assert
        $this->assertSame([
            0 => [
                'date' => '2024-04-17',
                'duration' => 130200,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 22200,
                    4 => 10800,
                    5 => 10800,
                    6 => 10800,
                    7 => 10800,
                ],
            ],
            1 => [
                'date' => '2024-04-16',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
            2 => [
                'date' => '2024-04-15',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
            3 => [
                'date' => '2024-04-14',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
            4 => [
                'date' => '2024-04-13',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
            5 => [
                'date' => '2024-04-12',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
            6 => [
                'date' => '2024-04-11',
                'duration' => 172800,
                'history' => [
                    0 => 21600,
                    1 => 21600,
                    2 => 21600,
                    3 => 21600,
                    4 => 21600,
                    5 => 21600,
                    6 => 21600,
                    7 => 21600,
                ],
            ],
        ], $result);
    }
}


================================================
FILE: tests/Unit/Service/DeletionServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\Role;
use App\Events\BeforeOrganizationDeletion;
use App\Exceptions\Api\CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Report;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\DeletionService;
use Illuminate\Database\QueryException;
use Illuminate\Support\Collection;
use Illuminate\Support\Facades\Event;
use Illuminate\Support\Facades\Log;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;
use TiMacDonald\Log\LogEntry;

#[CoversClass(DeletionService::class)]
class DeletionServiceTest extends TestCaseWithDatabase
{
    private DeletionService $deletionService;

    protected function setUp(): void
    {
        parent::setUp();
        Event::fake([
            BeforeOrganizationDeletion::class,
        ]);
        $this->deletionService = app(DeletionService::class);
    }

    /**
     * Creates an organization with all relations.
     * It is important that every relation has at least two entries, to test for possible lazy loading issues.
     *
     * @return object{
     *     organization: Organization,
     *     clients: Collection<Client>,
     *     projects: Collection<Project>,
     *     projectMembers: Collection<ProjectMember>,
     *     tags: Collection<Tag>,
     *     members: Collection<Member>,
     *     tasks: Collection<Task>,
     *     timeEntries: Collection<TimeEntry>,
     *     owner: User,
     *     reports: Collection<Report>
     * }
     */
    private function createOrganizationWithAllRelations(): object
    {
        $userOwner = User::factory()->create();
        $userEmployee = User::factory()->withProfilePicture()->create();
        $userPlaceholder = User::factory()->placeholder()->create();

        $organization = Organization::factory()->withOwner($userOwner)->create();

        // Create a personal organization for the employee
        $personalOrganizationOfEmployee = Organization::factory()->withOwner($userEmployee)->create();
        $personalOrganizationMember = Member::factory()->forUser($userEmployee)->forOrganization($personalOrganizationOfEmployee)->create();

        // Set the current organizations for the users
        $userOwner->update(['current_team_id' => $organization->id]);
        $userEmployee->update(['current_team_id' => $personalOrganizationOfEmployee->id]);
        $userPlaceholder->update(['current_team_id' => null]);

        $memberOwner = Member::factory()->forUser($userOwner)->forOrganization($organization)->role(Role::Owner)->create();
        $memberEmployee = Member::factory()->forUser($userEmployee)->forOrganization($organization)->role(Role::Employee)->create();
        $memberPlaceholder = Member::factory()->forUser($userPlaceholder)->forOrganization($organization)->role(Role::Placeholder)->create();
        $members = collect([$memberOwner, $memberEmployee, $memberPlaceholder]);

        $clients = Client::factory()->forOrganization($organization)->createMany(2);

        $projectWithClient = Project::factory()->forClient($clients->get(0))->forOrganization($organization)->create();
        $projectWithoutClient = Project::factory()->forOrganization($organization)->create();
        $projects = collect([$projectWithClient, $projectWithoutClient]);

        $projectMemberOwner = ProjectMember::factory()->forMember($memberOwner)->forProject($projectWithClient)->create();
        $projectMemberEmployee = ProjectMember::factory()->forMember($memberEmployee)->forProject($projectWithClient)->create();
        $projectMembers = collect([$projectMemberOwner, $projectMemberEmployee]);

        $tags = Tag::factory()->forOrganization($organization)->createMany(2);

        $task1 = Task::factory()->forProject($projectWithClient)->forOrganization($organization)->create();
        $task2 = Task::factory()->forProject($projectWithoutClient)->forOrganization($organization)->create();
        $tasks = collect([$task1, $task2]);

        $report1 = Report::factory()->forOrganization($organization)->create();
        $report2 = Report::factory()->forOrganization($organization)->create();
        $reports = collect([$report1, $report2]);

        $timeEntries = TimeEntry::factory()->forOrganization($organization)->forMember($memberOwner)->createMany(2);
        $timeEntriesWithTask = TimeEntry::factory()->forTask($task1)->forOrganization($organization)->forMember($memberEmployee)->createMany(2);
        $timeEntriesWithProject = TimeEntry::factory()->forProject($projectWithClient)->forOrganization($organization)->forMember($memberPlaceholder)->createMany(2);
        $timeEntries = $timeEntries->merge($timeEntriesWithTask)->merge($timeEntriesWithProject);

        return (object) [
            'organization' => $organization,
            'clients' => $clients,
            'projects' => $projects,
            'projectMembers' => $projectMembers,
            'tags' => $tags,
            'members' => $members,
            'tasks' => $tasks,
            'timeEntries' => $timeEntries,
            'owner' => $userOwner,
            'reports' => $reports,
        ];
    }

    private function assertOrganizationDeleted(Organization $organization): void
    {
        Event::assertDispatched(function (BeforeOrganizationDeletion $event) use ($organization) {
            return $event->organization->is($organization);
        }, 1);
        $this->assertSame(0, Organization::query()->where('id', $organization->id)->count());
        $this->assertSame(0, Client::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, Project::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsToOrganization($organization)->count());
        $this->assertSame(0, Tag::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, Member::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, Task::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, Report::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($organization, 'organization')->count());
    }

    private function assertOrganizationNothingDeleted(Organization $organization, bool $specialCase = false): void
    {
        $this->assertSame(1, Organization::query()->where('id', $organization->id)->count());
        $this->assertSame(2, Client::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(2, Project::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(2, ProjectMember::query()->whereBelongsToOrganization($organization)->count());
        $this->assertSame(2, Tag::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(3, Member::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(2, Task::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame(2, Report::query()->whereBelongsTo($organization, 'organization')->count());
        $this->assertSame($specialCase ? 7 : 6, TimeEntry::query()->whereBelongsTo($organization, 'organization')->count());
    }

    public function test_delete_organization_resets_the_current_organization_of_users_that_had_the_deleted_organization_as_current_organization(): void
    {
        // Arrange
        $userOwner = User::factory()->create();
        $organization = Organization::factory()->withOwner($userOwner)->create();
        $userOwner->currentOrganization()->associate($organization);
        $userOwner->save();

        // Act
        $this->deletionService->deleteOrganization($organization);

        // Assert
        $this->assertOrganizationDeleted($organization);
        $userOwner->refresh();
        $this->assertNull($userOwner->current_team_id);
        $this->assertNotSame($organization->id, $userOwner->current_team_id);
    }

    public function test_delete_organization_deletes_all_resources_of_the_organization_but_does_not_delete_other_resources(): void
    {
        // Arrange
        $organization = $this->createOrganizationWithAllRelations();
        $otherOrganization = $this->createOrganizationWithAllRelations();

        // Act
        $this->deletionService->deleteOrganization($organization->organization);

        // Assert
        $this->assertOrganizationDeleted($organization->organization);
        $this->assertOrganizationNothingDeleted($otherOrganization->organization);
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Start deleting organization'
            && $log->context['organization_id'] === $organization->organization->getKey(),
            1
        );
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Finished deleting organization'
            && $log->context['organization_id'] === $organization->organization->getKey(),
            1
        );
    }

    public function test_delete_organization_rolls_back_on_error_if_transaction_is_active(): void
    {
        // Arrange
        $organization = $this->createOrganizationWithAllRelations();
        $otherOrganization = $this->createOrganizationWithAllRelations();
        $brokenTimeEntry = TimeEntry::factory()->forOrganization($otherOrganization->organization)->forProject($organization->projects->get(0))->create();

        // Act
        try {
            $this->deletionService->deleteOrganization($organization->organization);
            $this->fail();
        } catch (QueryException) {
            $this->assertTrue(true);
        }

        // Assert
        Event::assertNotDispatched(function (BeforeOrganizationDeletion $event) use ($otherOrganization): bool {
            return $event->organization->is($otherOrganization->organization);
        });
        Event::assertDispatched(function (BeforeOrganizationDeletion $event) use ($organization): bool {
            return $event->organization->is($organization->organization);
        }, 1);
        $this->assertOrganizationNothingDeleted($organization->organization);
        $this->assertOrganizationNothingDeleted($otherOrganization->organization, true);
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Start deleting organization'
            && $log->context['organization_id'] === $organization->organization->getKey(),
            1
        );
        Log::assertNotLogged(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Finished deleting organization'
            && $log->context['organization_id'] === $organization->organization->getKey()
        );
    }

    public function test_delete_user_fails_if_user_is_owner_of_an_organization_with_multiple_members(): void
    {
        // Arrange
        $organization = $this->createOrganizationWithAllRelations();
        $memberOwner = $organization->owner;

        // Act
        try {
            $this->deletionService->deleteUser($memberOwner);
            $this->fail();
        } catch (CanNotDeleteUserWhoIsOwnerOfOrganizationWithMultipleMembers $exception) {
            // Assert
            $this->assertTrue(true);
        }
    }

    public function test_delete_user_rolls_back_on_error_if_transaction_is_active(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->create();
        $memberOwner = Member::factory()->forUser($user)->forOrganization($organization)->role(Role::Owner)->create();
        $otherOrganization = Organization::factory()->create();

        $brokenTimeEntry = TimeEntry::factory()->forMember($memberOwner)->forOrganization($otherOrganization)->create();

        // Act
        try {
            $this->deletionService->deleteUser($user);
            $this->fail();
        } catch (QueryException) {
            $this->assertTrue(true);
        }

        // Assert
        $this->assertDatabaseHas(User::class, [
            'id' => $user->getKey(),
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'id' => $organization->getKey(),
        ]);
        $this->assertDatabaseHas(Member::class, [
            'id' => $memberOwner->getKey(),
        ]);
        $this->assertDatabaseHas(TimeEntry::class, [
            'id' => $brokenTimeEntry->getKey(),
        ]);
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Start deleting user'
            && $log->context['id'] === $user->getKey(),
            1
        );
        Log::assertNotLogged(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Finished deleting user'
            && $log->context['id'] === $user->getKey()
        );
    }

    public function test_delete_user_deletes_all_resources_of_the_user_but_does_not_delete_other_resources(): void
    {
        // Arrange
        $this->mockPublicStorage();
        $user = User::factory()->withProfilePicture()->withPersonalOrganization()->create();
        $otherUser = User::factory()->withProfilePicture()->withPersonalOrganization()->create();
        Storage::disk(config('filesystems.public'))->assertExists($user->profile_photo_path);
        Storage::disk(config('filesystems.public'))->assertExists($otherUser->profile_photo_path);

        // Act
        $this->deletionService->deleteUser($user);

        // Assert
        $this->assertDatabaseMissing(User::class, [
            'id' => $user->getKey(),
        ]);
        $this->assertDatabaseHas(User::class, [
            'id' => $otherUser->getKey(),
        ]);
        $this->assertDatabaseMissing(Organization::class, [
            'id' => $user->current_team_id,
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'id' => $otherUser->current_team_id,
        ]);
        $this->assertDatabaseHas(Member::class, [
            'user_id' => $otherUser->getKey(),
        ]);
        $this->assertDatabaseMissing(Member::class, [
            'user_id' => $user->getKey(),
        ]);
        Storage::disk(config('filesystems.public'))->assertMissing($user->profile_photo_path);
        Storage::disk(config('filesystems.public'))->assertExists($otherUser->profile_photo_path);
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Start deleting user'
            && $log->context['id'] === $user->getKey(),
            1
        );
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Finished deleting user'
            && $log->context['id'] === $user->getKey(),
            1
        );
    }

    public function test_delete_user_deletes_owned_organizations_that_have_only_one_member_and_makes_makes_the_user_placeholder_in_not_owned_organizations(): void
    {
        // Arrange
        $user = User::factory()->create();
        $otherUser = User::factory()->create();
        $organizationOwned = Organization::factory()->withOwner($user)->create();
        $organizationNotOwned = Organization::factory()->withOwner($otherUser)->create();
        $memberOwned = Member::factory()->forUser($user)->forOrganization($organizationOwned)->role(Role::Owner)->create();
        $memberNotOwned = Member::factory()->forUser($user)->forOrganization($organizationNotOwned)->role(Role::Employee)->create();
        TimeEntry::factory()->forOrganization($organizationOwned)->forMember($memberOwned)->createMany(2);
        TimeEntry::factory()->forOrganization($organizationNotOwned)->forMember($memberNotOwned)->createMany(2);
        $this->assertDatabaseCount(User::class, 2);

        // Act
        $this->deletionService->deleteUser($user);

        // Assert
        $this->assertDatabaseCount(Organization::class, 1);
        $this->assertDatabaseCount(User::class, 2);
        $this->assertDatabaseMissing(User::class, [
            'id' => $user->getKey(),
        ]);
        $this->assertDatabaseHas(User::class, [
            'id' => $otherUser->getKey(),
            'is_placeholder' => false,
        ]);
        $this->assertDatabaseHas(User::class, [
            'is_placeholder' => true,
        ]);
        $this->assertDatabaseMissing(Organization::class, [
            'id' => $organizationOwned->getKey(),
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'id' => $organizationNotOwned->getKey(),
        ]);
        $this->assertDatabaseMissing(Member::class, [
            'id' => $memberOwned->getKey(),
        ]);
        $this->assertDatabaseHas(Member::class, [
            'id' => $memberNotOwned->getKey(),
            'organization_id' => $organizationNotOwned->getKey(),
            'role' => Role::Placeholder->value,
        ]);
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Start deleting user'
            && $log->context['id'] === $user->getKey(),
            1
        );
        Log::assertLoggedTimes(fn (LogEntry $log) => $log->level === 'debug'
            && $log->message === 'Finished deleting user'
            && $log->context['id'] === $user->getKey(),
            1
        );
    }

    public function test_delete_user_with_current_organization_set_to_owned_org_that_will_be_deleted_does_not_cause_foreign_key_violation(): void
    {
        // Arrange
        // User A creates an organization and invites User B
        $userA = User::factory()->create();
        $userB = User::factory()->create();
        $organizationOfA = Organization::factory()->withOwner($userA)->create();
        $organizationOfB = Organization::factory()->withOwner($userB)->create();
        Member::factory()->forUser($userA)->forOrganization($organizationOfA)->role(Role::Owner)->create();
        Member::factory()->forUser($userB)->forOrganization($organizationOfB)->role(Role::Owner)->create();
        $memberBInOrgA = Member::factory()->forUser($userB)->forOrganization($organizationOfA)->role(Role::Employee)->create();
        TimeEntry::factory()->forOrganization($organizationOfA)->forMember($memberBInOrgA)->createMany(2);

        // User B's current_organization_id points to their own org (the one that will be deleted)
        $userB->update(['current_team_id' => $organizationOfB->getKey()]);

        // Act
        $this->deletionService->deleteUser($userB);

        // Assert
        $this->assertDatabaseMissing(User::class, [
            'id' => $userB->getKey(),
        ]);
        $this->assertDatabaseMissing(Organization::class, [
            'id' => $organizationOfB->getKey(),
        ]);
        $this->assertDatabaseHas(Organization::class, [
            'id' => $organizationOfA->getKey(),
        ]);
        // The placeholder user should exist with current_team_id set to the org where they are a placeholder
        $placeholderUser = User::query()->where('is_placeholder', true)->first();
        $this->assertNotNull($placeholderUser);
        $this->assertSame($organizationOfA->getKey(), $placeholderUser->current_team_id);
        $this->assertDatabaseHas(Member::class, [
            'id' => $memberBInOrgA->getKey(),
            'user_id' => $placeholderUser->getKey(),
            'organization_id' => $organizationOfA->getKey(),
            'role' => Role::Placeholder->value,
        ]);
    }
}


================================================
FILE: tests/Unit/Service/Export/ExportServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Export;

use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\OrganizationInvitation;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\Export\ExportService;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(ExportService::class)]
class ExportServiceTest extends TestCaseWithDatabase
{
    private function getFullOrganization(): Organization
    {
        $user1 = User::factory()->create();
        $user2 = User::factory()->create();
        $organization = Organization::factory()->withOwner($user1)->create();
        OrganizationInvitation::factory()->forOrganization($organization)->create();
        OrganizationInvitation::factory()->forOrganization($organization)->create();
        $member1 = Member::factory()->forUser($user1)->forOrganization($organization)->create();
        $member2 = Member::factory()->forUser($user2)->forOrganization($organization)->create();
        $timeEntry1 = TimeEntry::factory()->forMember($member1)->create();
        $timeEntry2 = TimeEntry::factory()->forMember($member1)->create();
        $project1 = Project::factory()->forOrganization($organization)->create();
        $project2 = Project::factory()->forOrganization($organization)->create();
        $task1 = Task::factory()->forOrganization($organization)->forProject($project1)->create();
        $task2 = Task::factory()->forOrganization($organization)->forProject($project1)->create();
        $task3 = Task::factory()->forOrganization($organization)->forProject($project2)->create();
        $projectMember1 = ProjectMember::factory()->forMember($member1)->forProject($project1)->create();
        $projectMember2 = ProjectMember::factory()->forMember($member2)->forProject($project1)->create();
        $client1 = Client::factory()->forOrganization($organization)->create();
        $client2 = Client::factory()->forOrganization($organization)->create();
        Tag::factory()->forOrganization($organization)->create();
        Tag::factory()->forOrganization($organization)->create();

        return $organization;
    }

    public function test_export_creates_zip_with_all_the_data_of_the_organization(): void
    {
        // Arrange
        $this->mockPrivateStorage();
        $organization1 = $this->getFullOrganization();
        $organization2 = $this->getFullOrganization();

        // Act
        $exportService = app(ExportService::class);
        $zip = $exportService->export($organization1);

        // Assert
        Storage::disk(config('filesystems.default'))->assertExists($zip);
    }
}


================================================
FILE: tests/Unit/Service/Import/ImportDatabaseHelperTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import;

use App\Models\Organization;
use App\Models\Project;
use App\Models\User;
use App\Service\Import\ImportDatabaseHelper;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Str;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(ImportDatabaseHelper::class)]
class ImportDatabaseHelperTest extends TestCase
{
    use RefreshDatabase;

    public function test_get_key_attach_to_existing_returns_key_for_identifier_without_creating_model(): void
    {
        // Arrange
        $user = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $key = $helper->getKey([
            'email' => $user->email,
        ], [
            'name' => 'Test',
        ]);

        // Assert
        $this->assertSame($user->getKey(), $key);
    }

    public function test_get_key_attach_to_existing_creates_model_if_not_existing(): void
    {
        // Arrange
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $key = $helper->getKey([
            'email' => 'test@mail.test',
        ], [
            'name' => 'Test',
            'timezone' => 'UTC',
        ]);

        // Assert
        $this->assertNotNull($key);
        $this->assertDatabaseHas(User::class, [
            'email' => 'test@mail.test',
            'name' => 'Test',
        ]);
    }

    public function test_get_key_not_attach_to_existing_is_not_implemented_yet(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $helper = new ImportDatabaseHelper(Project::class, ['name', 'organization_id'], false);

        // Act
        try {
            $key = $helper->getKey([
                'name' => $project->name,
                'organization_id' => $project->organization_id,
            ], [
                'color' => '#000000',
            ]);
        } catch (\Exception $e) {
            $this->assertSame('Not implemented', $e->getMessage());

            return;
        }

        // Assert
        $this->fail();
    }

    public function test_get_key_by_external_identifier_returns_key_for_external_identifier(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $externalIdentifier1 = '12345';
        $externalIdentifier2 = '54321';
        $helper = new ImportDatabaseHelper(Project::class, ['name', 'organization_id'], true);
        $helper->getKey([
            'name' => $project->name,
            'organization_id' => $organization->getKey(),
        ], [
            'color' => '#000000',
        ], $externalIdentifier1);
        $helper->getKey([
            'name' => 'Not existing project',
            'organization_id' => $organization->getKey(),
        ], [
            'color' => '#000000',
        ], $externalIdentifier2);

        // Act
        $key1 = $helper->getKeyByExternalIdentifier($externalIdentifier1);
        $key2 = $helper->getKeyByExternalIdentifier($externalIdentifier2);

        // Assert
        $this->assertSame($project->getKey(), $key1);
        $this->assertSame(Project::where('name', '=', 'Not existing project')->first()->getKey(), $key2);
    }

    public function test_get_external_ids_returns_all_external_ids_that_were_temporary_stored_via_get_key(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $externalIdentifier1 = '12345';
        $externalIdentifier2 = '54321';
        $helper = new ImportDatabaseHelper(Project::class, ['name', 'organization_id'], true);
        $helper->getKey([
            'name' => $project->name,
            'organization_id' => $organization->getKey(),
        ], [
            'color' => '#000000',
        ], $externalIdentifier1);
        $helper->getKey([
            'name' => 'Not existing project',
            'organization_id' => $organization->getKey(),
        ], [
            'color' => '#000000',
        ], $externalIdentifier2);

        // Act
        $externalKeys = $helper->getExternalIds();

        // Assert
        $this->assertCount(2, $externalKeys);
        $this->assertContains($externalIdentifier1, $externalKeys);
        $this->assertContains($externalIdentifier2, $externalKeys);
    }

    public function test_get_model_by_identifier_returns_model_for_identifier(): void
    {
        // Arrange
        $user = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $model = $helper->getModel([
            'email' => $user->email,
        ]);

        // Assert
        $this->assertSame($user->getKey(), $model->getKey());
    }

    public function test_get_model_by_identifier_returns_null_for_not_existing_identifier(): void
    {
        // Arrange
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $model = $helper->getModel([
            'email' => '',
        ]);

        // Assert
        $this->assertNull($model);
    }

    public function test_get_model_by_identifier_caches_result(): void
    {
        // Arrange
        $user = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);
        $helper->getModel([
            'email' => $user->email,
        ]);
        $user->delete();

        // Act
        $model1 = $helper->getModel([
            'email' => $user->email,
        ]);

        // Assert
        $this->assertSame($user->getKey(), $model1->getKey());
    }

    public function test_get_model_by_id_returns_model_for_id(): void
    {
        // Arrange
        $user = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $model = $helper->getModelById($user->getKey());

        // Assert
        $this->assertSame($user->getKey(), $model->getKey());
    }

    public function test_get_model_by_id_returns_null_for_not_existing_id(): void
    {
        // Arrange
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);

        // Act
        $model = $helper->getModelById(Str::uuid()->toString());

        // Assert
        $this->assertNull($model);
    }

    public function test_get_model_by_id_caches_result(): void
    {
        // Arrange
        $user = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);
        $helper->getModelById($user->getKey());
        $user->delete();

        // Act
        $model1 = $helper->getModelById($user->getKey());

        // Assert
        $this->assertSame($user->getKey(), $model1->getKey());
    }

    public function test_get_cached_models_returns_all_models_where_the_helper_already_fetched_the_model(): void
    {
        // Arrange
        $user1 = User::factory()->create();
        $user2 = User::factory()->create();
        $helper = new ImportDatabaseHelper(User::class, ['email'], true);
        $helper->getModelById($user1->getKey());
        $helper->getModelById($user2->getKey());
        $helper->getModelById($user1->getKey());

        // Act
        $models = $helper->getCachedModels();

        // Assert
        $this->assertCount(2, $models);
        $this->assertContains($user1->getKey(), collect($models)->pluck('id')->toArray());
        $this->assertContains($user2->getKey(), collect($models)->pluck('id')->toArray());
    }
}


================================================
FILE: tests/Unit/Service/Import/ImportServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import;

use App\Models\Organization;
use App\Service\Import\Importers\ImporterProvider;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\ImportService;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(ImportService::class)]
#[CoversClass(ImporterProvider::class)]
class ImportServiceTest extends TestCase
{
    use RefreshDatabase;

    public function test_import_gets_importer_from_provider_runs_importer_and_returns_report(): void
    {
        // Arrange
        Storage::fake(config('filesystems.default'));
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $data = Storage::disk('testfiles')->get('toggl_time_entries_import_test_1.csv');

        // Act
        $importService = app(ImportService::class);
        $report = $importService->import($organization, 'toggl_time_entries', $data, $timezone);

        // Assert
        $lock = Cache::lock('import:'.$organization->getKey());
        $this->assertTrue($lock->get());
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(2, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }

    public function test_import_releases_lock_if_an_exception_happens_during_the_import(): void
    {
        // Arrange
        Storage::fake(config('filesystems.default'));
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $data = 'Invalid CSV data';

        // Act
        $importService = app(ImportService::class);
        try {
            $importService->import($organization, 'toggl_time_entries', $data, $timezone);
        } catch (ImportException) {
            // Assert
            $lock = Cache::lock('import:'.$organization->getKey());
            $this->assertTrue($lock->get());
        }
    }

    public function test_import_throws_exception_if_import_is_already_in_progress(): void
    {
        // Arrange
        Storage::fake(config('filesystems.default'));
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $data = Storage::disk('testfiles')->get('toggl_time_entries_import_test_1.csv');
        Cache::lock('import:'.$organization->getKey(), 10)->get();

        // Act
        $importService = app(ImportService::class);
        try {
            $importService->import($organization, 'toggl_time_entries', $data, $timezone);
        } catch (ImportException $e) {
            // Assert
            $this->assertSame('Import is already in progress', $e->getMessage());
        }
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/ClockifyProjectsImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Organization;
use App\Service\Import\Importers\ClockifyProjectsImporter;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(ClockifyProjectsImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class ClockifyProjectsImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyProjectsImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('clockify_projects_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);

        // Assert
        $this->checkTestScenarioProjectsOnlyAfterImport();
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyProjectsImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('clockify_projects_import_test_1.csv');
        $importer->importData($data, $timezone);
        $importer = new ClockifyProjectsImporter;
        $importer->init($organization);

        // Act
        $importer->importData($data, $timezone);

        // Assert
        $this->checkTestScenarioProjectsOnlyAfterImport();
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/ClockifyTimeEntriesImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Organization;
use App\Models\TimeEntry;
use App\Service\Import\Importers\ClockifyTimeEntriesImporter;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(ClockifyTimeEntriesImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class ClockifyTimeEntriesImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('clockify_time_entries_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(2, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }

    public function test_import_of_test_with_special_characters_description_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyTimeEntriesImporter;
        $importer->init($organization);
        // Description: \\ 🔥 Special characters  """`!@#$%^&*()_+\-=\[\]{};':"\\|,.''<>\/?~ \\\
        $data = Storage::disk('testfiles')->get('clockify_time_entries_import_test_2.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $timeEntry = TimeEntry::first();
        $this->assertSame('\\\\ 🔥 Special characters  \'\'\'\'\'\'`!@#$%^&*()_+\-=\[\]{};\':\'\'\\\\|,.\'\'<>\/?~ \\\\\\', $timeEntry->description);
        $this->assertSame(1, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(1, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('clockify_time_entries_import_test_1.csv');
        $importer->importData($data, $timezone);
        $importer = new ClockifyTimeEntriesImporter;
        $importer->init($organization);

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario, true);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(0, $report->projectsCreated);
        $this->assertSame(0, $report->clientsCreated);
    }

    public function test_import_fails_if_month_in_date_is_bigger_than_12(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new ClockifyTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('clockify_time_entries_import_test_3.csv');

        // Act
        try {
            $importer->importData($data, $timezone);
        } catch (ImportException $e) {
            // Assert
            $this->assertSame('Start date ("13/15/2024") is invalid, please select the correct date format before exporting from Clockify', $e->getMessage());

            return;
        }
        $this->fail();
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/GenericProjectsImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Task;
use App\Service\ColorService;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\GenericProjectsImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(GenericProjectsImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class GenericProjectsImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new GenericProjectsImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('generic_projects_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $clients = Client::all();
        $this->assertCount(2, $clients);
        $client1 = $clients->firstWhere('name', 'Big Company');
        $this->assertNotNull($client1);
        $client2 = $clients->firstWhere('name', 'Some client');
        $this->assertNotNull($client2);
        $projects = Project::all();
        $this->assertCount(3, $projects);
        // Project 1
        $project1 = $projects->firstWhere('name', 'Project for Big Company');
        $this->assertNotNull($project1);
        $this->assertTrue(app(ColorService::class)->isBuiltInColor($project1->color));
        $this->assertSame(10001, $project1->billable_rate);
        $this->assertFalse($project1->is_public);
        $this->assertSame($client1->getKey(), $project1->client_id);
        $this->assertTrue($project1->is_billable);
        $this->assertSame(null, $project1->estimated_time);
        $this->assertNull($project1->archived_at);
        // Project 2
        $project2 = $projects->firstWhere('name', 'Project without Client');
        $this->assertNotNull($project2);
        $this->assertSame('#ef5350', $project2->color);
        $this->assertSame(null, $project2->billable_rate);
        $this->assertFalse($project2->is_public);
        $this->assertSame(null, $project2->client_id);
        $this->assertFalse($project2->is_billable);
        $this->assertSame(1000, $project2->estimated_time);
        $this->assertSame(null, $project2->archived_at);
        $project3 = $projects->firstWhere('name', 'Project (Archived)');
        $this->assertNotNull($project3);
        $this->assertSame('#6a407f', $project3->color);
        $this->assertSame(null, $project3->billable_rate);
        $this->assertTrue($project3->is_public);
        $this->assertSame($client2->getKey(), $project3->client_id);
        $this->assertTrue($project3->is_billable);
        $this->assertSame(null, $project3->estimated_time);
        $this->assertSame('2024-08-25T10:00:00Z', $project3->archived_at->toIso8601ZuluString());

        $tasks = Task::all();
        $this->assertCount(0, $tasks);

        $this->assertSame(0, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(3, $report->projectsCreated);
        $this->assertSame(2, $report->clientsCreated);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/GenericTimeEntriesImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Organization;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\GenericTimeEntriesImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(GenericTimeEntriesImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class GenericTimeEntriesImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new GenericTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('generic_time_entries_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(2, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new GenericTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('generic_time_entries_import_test_1.csv');
        $importer->importData($data, $timezone);
        $importer = new GenericTimeEntriesImporter;
        $importer->init($organization);

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario, true);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(0, $report->projectsCreated);
        $this->assertSame(0, $report->clientsCreated);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/HarvestClientsImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Client;
use App\Models\Organization;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\HarvestClientsImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HarvestClientsImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class HarvestClientsImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new HarvestClientsImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('harvest_clients_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);

        // Assert
        $clients = Client::query()->whereBelongsTo($organization, 'organization')->get();
        $this->assertCount(2, $clients);
        $client1 = $clients->where('name', 'Example Client')->first();
        $this->assertNotNull($client1);
        // Client name in Harvest: \\ 🔥 Special characters """`!@#$%^&*()_+\-=\[\]{};':"\\|,.''<>\/?~ \\\
        $client2 = $clients->where('name', '\\\\ 🔥 Special characters  """`!@#$%^&*()_+\-=\[\]{};\':"\\\\|,.\'\'<>\/?~ \\\\\\')->first();
        $this->assertNotNull($client2);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/HarvestProjectsImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Client;
use App\Models\Organization;
use App\Models\Project;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\HarvestProjectsImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HarvestProjectsImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class HarvestProjectsImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new HarvestProjectsImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('harvest_projects_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);

        // Assert
        $clients = Client::query()->whereBelongsTo($organization, 'organization')->get();
        $this->assertCount(2, $clients);
        /** @var Client|null $client1 */
        $client1 = $clients->where('name', 'Example Client')->first();
        $this->assertNotNull($client1);
        // Client name in Harvest: \\ 🔥 Special characters client """`!@#$%^&*()_+\-=\[\]{};':"\\|,.''<>\/?~ \\\
        /** @var Client|null $client2 */
        $client2 = $clients->where('name', '\\\\ 🔥 Special characters client """`!@#$%^&*()_+\-=\[\]{};\':"\\\\|,.\'\'<>\/?~ \\\\\\')->first();
        $this->assertNotNull($client2);

        $projects = Project::query()->whereBelongsTo($organization, 'organization')->get();
        $this->assertCount(2, $projects);
        /** @var Project|null $project1 */
        $project1 = $projects->where('name', 'Example Project')->first();
        $this->assertNotNull($project1);
        $this->assertSame($client1->getKey(), $project1->client_id);
        $this->assertSame(50 * 60 * 60, $project1->estimated_time); // 50h
        $this->assertSame(true, $project1->is_billable);
        /** @var Project|null $project2 */
        $project2 = $projects->where('name', '\\\\ 🔥 Special characters project """`!@#$%^&*()_+\-=\[\]{};\':"\\\\|,.\'\'<>\/?~ \\\\\\')->first();
        $this->assertNotNull($project2);
        $this->assertSame($client2->getKey(), $project2->client_id);
        $this->assertSame(null, $project2->estimated_time);
        $this->assertSame(false, $project2->is_billable);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/HarvestTimeEntriesImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Enums\Role;
use App\Models\Client;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\HarvestTimeEntriesImporter;
use App\Service\Import\Importers\ImportException;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(HarvestTimeEntriesImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class HarvestTimeEntriesImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new HarvestTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('harvest_time_entries_import_test_1.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $users = User::all();
        $this->assertCount(2, $users);
        $user1 = $users->firstWhere('name', 'Peter Tester');
        $this->assertNotNull($user1);
        $this->assertSame(null, $user1->password);
        $this->assertSame('Peter Tester', $user1->name);
        $this->assertSame('peter.tester@solidtime-import.test', $user1->email);
        $members = Member::all();
        $this->assertCount(1, $members);
        $member1 = $members->firstWhere('user_id', $user1->getKey());
        $this->assertNotNull($member1);
        $this->assertSame(Role::Placeholder->value, $member1->role);
        $clients = Client::all();
        $this->assertCount(1, $clients);
        $client1 = $clients->firstWhere('name', 'Big Company');
        $this->assertNotNull($client1);
        $this->assertNull($client1->archived_at);
        $projects = Project::with(['members'])->get();
        $this->assertCount(2, $projects);
        /** @var Project|null $project1 */
        $project1 = $projects->firstWhere('name', 'Project without Client');
        $this->assertNotNull($project1);
        $this->assertNull($project1->client_id);
        /** @var Project|null $project2 */
        $project2 = $projects->firstWhere('name', 'Project for Big Company');
        $this->assertNotNull($project2);
        $this->assertSame($client1->getKey(), $project2->client_id);
        $project3 = null;
        // Project without Client
        $this->assertSame(false, $project1->is_public);
        // Project for Big Company
        $this->assertSame(false, $project2->is_public);
        $tasks = Task::all();
        $this->assertCount(1, $tasks);
        $task1 = $tasks->firstWhere('name', 'Task 1');
        $this->assertNotNull($task1);
        $this->assertNull($task1->done_at);
        $this->assertSame($project2->getKey(), $task1->project_id);
        $tags = Tag::all();
        $this->assertCount(0, $tags);

        $timeEntries = TimeEntry::all();
        $this->assertCount(2, $timeEntries);
        $timeEntry1 = $timeEntries->firstWhere('description', '');
        $this->assertNotNull($timeEntry1);
        $this->assertSame('', $timeEntry1->description);
        $this->assertSame('2024-03-03 23:00:00', $timeEntry1->start->toDateTimeString());
        $this->assertSame('2024-03-04 19:00:00', $timeEntry1->end->toDateTimeString());
        $this->assertFalse($timeEntry1->billable);
        $this->assertTrue($timeEntry1->is_imported);
        $this->assertSame([], $timeEntry1->tags);
        $timeEntry2 = $timeEntries->firstWhere('description', 'Working hard');
        $this->assertNotNull($timeEntry2);
        $this->assertSame('Working hard', $timeEntry2->description);
        $this->assertSame('2024-03-03 23:00:00', $timeEntry2->start->toDateTimeString());
        $this->assertSame('2024-03-03 23:00:36', $timeEntry2->end->toDateTimeString());
        $this->assertTrue($timeEntry2->billable);
        $this->assertTrue($timeEntry2->is_imported);
        $this->assertSame([], $timeEntry2->tags);

        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(2, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/ImporterProviderTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Service\Import\Importers\ClockifyProjectsImporter;
use App\Service\Import\Importers\ImporterProvider;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(ImporterProvider::class)]
class ImporterProviderTest extends TestCase
{
    public function test_register_importer_can_register_a_new_importer_for_example_in_an_extension(): void
    {
        // Arrange
        $provider = new ImporterProvider;

        // Act
        $provider->registerImporter('some_provider_importer', ClockifyProjectsImporter::class);

        // Assert
        $importer = $provider->getImporter('some_provider_importer');
        $this->assertSame(ClockifyProjectsImporter::class, $importer::class);
    }

    public function test_get_importer_keys_return_the_keys_of_the_available_importers(): void
    {
        // Arrange
        $provider = new ImporterProvider;

        // Act
        $keys = $provider->getImporterKeys();

        // Assert
        $this->assertSame([
            'toggl_time_entries',
            'toggl_data_importer',
            'clockify_time_entries',
            'clockify_projects',
            'solidtime',
            'harvest_projects',
            'harvest_time_entries',
            'harvest_clients',
            'generic_projects',
            'generic_time_entries',
        ], $keys);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/ImporterTestAbstract.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Enums\Role;
use App\Models\Client;
use App\Models\Member;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Models\User;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Str;
use Spatie\TemporaryDirectory\TemporaryDirectory;
use Tests\TestCase;
use ZipArchive;

class ImporterTestAbstract extends TestCase
{
    use RefreshDatabase;

    /**
     * @return object{user1: User, project1: Project, project2: Project, tag1: Tag, tag2: Tag}
     */
    protected function checkTestScenarioAfterImportExcludingTimeEntries(bool $detailed = false): object
    {
        $users = User::all();
        $this->assertCount(2, $users);
        $user1 = $users->firstWhere('name', 'Peter Tester');
        $this->assertNotNull($user1);
        $this->assertSame(null, $user1->password);
        $this->assertSame('Peter Tester', $user1->name);
        $this->assertSame('peter.test@email.test', $user1->email);
        $members = Member::all();
        $this->assertCount(1, $members);
        $member1 = $members->firstWhere('user_id', $user1->getKey());
        $this->assertNotNull($member1);
        $this->assertSame(Role::Placeholder->value, $member1->role);
        $clients = Client::all();
        if ($detailed) {
            $this->assertCount(2, $clients);
            $client1 = $clients->firstWhere('name', 'Big Company');
            $this->assertNotNull($client1);
            $this->assertNull($client1->archived_at);
            $client2 = $clients->firstWhere('name', 'Other Company (Archived)');
            $this->assertNotNull($client2);
            $this->assertNotNull($client2->archived_at);
        } else {
            $this->assertCount(1, $clients);
            $client1 = $clients->firstWhere('name', 'Big Company');
            $this->assertNotNull($client1);
            $this->assertNull($client1->archived_at);
        }
        $projects = Project::with(['members'])->get();
        if ($detailed) {
            $this->assertCount(3, $projects);
        } else {
            $this->assertCount(2, $projects);
        }
        /** @var Project|null $project1 */
        $project1 = $projects->firstWhere('name', 'Project without Client');
        $this->assertNotNull($project1);
        $this->assertNull($project1->client_id);
        /** @var Project|null $project2 */
        $project2 = $projects->firstWhere('name', 'Project for Big Company');
        $this->assertNotNull($project2);
        $this->assertSame($client1->getKey(), $project2->client_id);
        $project3 = null;
        if ($detailed) {
            /** @var Project|null $project3 */
            $project3 = $projects->firstWhere('name', 'Project (Archived)');
            $this->assertNotNull($project3);
            // Project without Client
            $this->assertSame(false, $project1->is_billable);
            $this->assertSame(false, $project1->is_public);
            $this->assertSame('#ef5350', $project1->color);
            $this->assertSame(null, $project1->billable_rate);
            // Project for Big Company
            $this->assertSame(true, $project2->is_billable);
            $this->assertSame(false, $project2->is_public);
            $this->assertSame('#ec407a', $project2->color);
            $this->assertSame(10001, $project2->billable_rate);
            // Project (Archived)
            $this->assertSame(true, $project3->is_billable);
            $this->assertSame(true, $project3->is_public);
            $this->assertSame('#6a407f', $project3->color);
            $this->assertSame(null, $project3->billable_rate);
            $this->assertSame($client2->getKey(), $project3->client_id);
            // Project members
            $projectMembersOfProject2 = $project2->members;
            $this->assertCount(1, $projectMembersOfProject2);
            $this->assertSame($user1->getKey(), $projectMembersOfProject2->first()->user_id);
            $this->assertSame(10002, $projectMembersOfProject2->first()->billable_rate);
        } else {
            // Project without Client
            $this->assertSame(false, $project1->is_public);
            // Project for Big Company
            $this->assertSame(false, $project2->is_public);
        }
        $tasks = Task::all();
        if ($detailed) {
            $this->assertCount(2, $tasks);
        } else {
            $this->assertCount(1, $tasks);
        }
        $task1 = $tasks->firstWhere('name', 'Task 1');
        $this->assertNotNull($task1);
        $this->assertNull($task1->done_at);
        $this->assertSame($project2->getKey(), $task1->project_id);
        if ($detailed) {
            $task2 = $tasks->firstWhere('name', 'Task 2');
            $this->assertNotNull($task1);
            $this->assertSame($project2->getKey(), $task2->project_id);
            $this->assertNotNull($task2->done_at);
        }
        $tags = Tag::all();
        $this->assertCount(2, $tags);
        $tag1 = $tags->firstWhere('name', 'Development');
        $tag2 = $tags->firstWhere('name', 'Backend');
        $this->assertNotNull($tag1);

        return (object) [
            'user1' => $user1,
            'project1' => $project1,
            'project2' => $project2,
            'project3' => $project3,
            'tag1' => $tag1,
            'tag2' => $tag2,
        ];
    }

    /**
     * @return object{client1: Client, project1: Project, project2: Project, task1: Task}
     */
    protected function checkTestScenarioProjectsOnlyAfterImport(): object
    {
        $clients = Client::all();
        $this->assertCount(1, $clients);
        $client1 = $clients->firstWhere('name', 'Big Company');
        $this->assertNotNull($client1);
        $projects = Project::all();
        $this->assertCount(2, $projects);
        $project1 = $projects->firstWhere('name', 'Project without Client');
        $this->assertNotNull($project1);
        $this->assertNull($project1->client_id);
        $this->assertSame(null, $project1->estimated_time);
        $project2 = $projects->firstWhere('name', 'Project for Big Company');
        $this->assertNotNull($project2);
        $this->assertSame(10001, $project2->billable_rate);
        $this->assertSame($client1->getKey(), $project2->client_id);
        $this->assertSame(3603996, $project2->estimated_time);
        $tasks = Task::all();
        $this->assertCount(3, $tasks);
        $task1 = $tasks->firstWhere('name', 'Task 1');
        $this->assertNotNull($task1);
        $this->assertSame($project2->getKey(), $task1->project_id);
        $task2 = $tasks->firstWhere('name', 'Task 2');
        $this->assertNotNull($task2);
        $this->assertSame($project2->getKey(), $task2->project_id);
        $task3 = $tasks->firstWhere('name', 'Task 3');
        $this->assertNotNull($task3);
        $this->assertSame($project2->getKey(), $task3->project_id);

        return (object) [
            'client1' => $client1,
            'project1' => $project1,
            'project2' => $project2,
            'task1' => $task1,
        ];
    }

    /**
     * @param  object{user1: User, project1: Project, project2: Project, tag1: Tag, tag2: Tag}  $testScenario
     */
    protected function checkTimeEntries(object $testScenario, bool $secondRun = false): void
    {
        $timeEntries = TimeEntry::all();
        if ($secondRun) {
            $this->assertCount(4, $timeEntries);
        } else {
            $this->assertCount(2, $timeEntries);
        }
        $timeEntry1 = $timeEntries->firstWhere('description', '');
        $this->assertNotNull($timeEntry1);
        $this->assertSame('', $timeEntry1->description);
        $this->assertSame('2024-03-04 09:23:52', $timeEntry1->start->toDateTimeString());
        $this->assertSame('2024-03-04 09:23:52', $timeEntry1->end->toDateTimeString());
        $this->assertFalse($timeEntry1->billable);
        $this->assertTrue($timeEntry1->is_imported);
        $this->assertSame([$testScenario->tag1->getKey(), $testScenario->tag2->getKey()], $timeEntry1->tags);
        $timeEntry2 = $timeEntries->firstWhere('description', 'Working hard');
        $this->assertNotNull($timeEntry2);
        $this->assertSame('Working hard', $timeEntry2->description);
        $this->assertSame('2024-03-04 09:23:00', $timeEntry2->start->toDateTimeString());
        $this->assertSame('2024-03-04 10:23:01', $timeEntry2->end->toDateTimeString());
        $this->assertTrue($timeEntry2->billable);
        $this->assertTrue($timeEntry2->is_imported);
        $this->assertSame([], $timeEntry2->tags);
    }

    protected function createTestZip(string $folder): string
    {
        $tempDir = TemporaryDirectory::make();
        $zipPath = $tempDir->path('test.zip');
        $zip = new ZipArchive;
        $zip->open($zipPath, ZipArchive::CREATE);
        foreach (Storage::disk('testfiles')->allFiles($folder) as $file) {
            $zip->addFile(Storage::disk('testfiles')->path($file), Str::of($file)->after($folder.'/')->value());
        }
        $zip->close();

        return $zipPath;
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/SolidtimeImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\Organization;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\SolidtimeImporter;
use Exception;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Queue;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(SolidtimeImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class SolidtimeImporterTest extends ImporterTestAbstract
{
    public function test_import_throws_exception_if_data_is_not_zip(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new SolidtimeImporter;
        $importer->init($organization);

        // Act
        try {
            $importer->importData('not a zip', $timezone);
        } catch (Exception $e) {
            $this->assertInstanceOf(ImportException::class, $e);
            $this->assertSame('Invalid ZIP, error code: 19', $e->getMessage());

            return;
        }
        $this->fail();
    }

    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $zipPath = $this->createTestZip('solidtime_import_test_1');
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $importer = new SolidtimeImporter;
        $importer->init($organization);
        $data = file_get_contents($zipPath);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        DB::enableQueryLog();
        DB::flushQueryLog();
        $importer->importData($data, $timezone);
        $report = $importer->getReport();
        $queryLog = DB::getQueryLog();

        // Assert
        $this->assertCount(25, $queryLog);
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries(true);
        $this->checkTimeEntries($testScenario);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(2, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(3, $report->projectsCreated);
        $this->assertSame(2, $report->clientsCreated);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $zipPath = $this->createTestZip('solidtime_import_test_1');
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $importer = new SolidtimeImporter;
        $importer->init($organization);
        $data = file_get_contents($zipPath);
        $importer->importData($data, $timezone);
        $importer = new SolidtimeImporter;
        $importer->init($organization);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        DB::enableQueryLog();
        DB::flushQueryLog();
        $importer->importData($data, $timezone);
        $report = $importer->getReport();
        $queryLog = DB::getQueryLog();

        // Assert
        $this->assertCount(13, $queryLog);
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries(true);
        $this->checkTimeEntries($testScenario, true);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(0, $report->projectsCreated);
        $this->assertSame(0, $report->clientsCreated);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 1);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/TogglDataImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Models\Organization;
use App\Models\User;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\TogglDataImporter;
use Exception;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(TogglDataImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class TogglDataImporterTest extends ImporterTestAbstract
{
    public function test_import_throws_exception_if_data_is_not_zip(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new TogglDataImporter;
        $importer->init($organization);

        // Act
        try {
            $importer->importData('not a zip', $timezone);
        } catch (Exception $e) {
            $this->assertInstanceOf(ImportException::class, $e);
            $this->assertSame('Invalid ZIP, error code: 19', $e->getMessage());

            return;
        }
        $this->fail();
    }

    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        $zipPath = $this->createTestZip('toggl_data_import_test_1');
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $importer = new TogglDataImporter;
        $importer->init($organization);
        $data = file_get_contents($zipPath);

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $this->checkTestScenarioAfterImportExcludingTimeEntries(true);
        $this->assertSame(0, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(2, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(3, $report->projectsCreated);
        $this->assertSame(2, $report->clientsCreated);
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $zipPath = $this->createTestZip('toggl_data_import_test_1');
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $importer = new TogglDataImporter;
        $importer->init($organization);
        $data = file_get_contents($zipPath);
        $importer->importData($data, $timezone);
        $importer = new TogglDataImporter;
        $importer->init($organization);

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $this->checkTestScenarioAfterImportExcludingTimeEntries(true);
        $this->assertSame(0, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(0, $report->projectsCreated);
        $this->assertSame(0, $report->clientsCreated);
    }

    public function test_import_of_user_with_unknown_timezone_will_be_mapped_to_utc(): void
    {
        // Arrange
        $zipPath = $this->createTestZip('toggl_data_import_test_2');
        $timezone = 'Europe/Vienna';
        $organization = Organization::factory()->create();
        $importer = new TogglDataImporter;
        $importer->init($organization);
        $data = file_get_contents($zipPath);

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $this->assertSame(0, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(2, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(3, $report->projectsCreated);
        $this->assertSame(2, $report->clientsCreated);
        $user = User::query()->where('email', '=', 'peter.test@email.test')->first();
        $this->assertSame('UTC', $user->timezone);
        $this->assertTrue($user->is_placeholder);
    }
}


================================================
FILE: tests/Unit/Service/Import/Importers/TogglTimeEntriesImporterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service\Import\Importers;

use App\Jobs\RecalculateSpentTimeForProject;
use App\Jobs\RecalculateSpentTimeForTask;
use App\Models\Organization;
use App\Models\TimeEntry;
use App\Service\Import\Importers\DefaultImporter;
use App\Service\Import\Importers\ImportException;
use App\Service\Import\Importers\TogglTimeEntriesImporter;
use Illuminate\Support\Facades\DB;
use Illuminate\Support\Facades\Queue;
use Illuminate\Support\Facades\Storage;
use PHPUnit\Framework\Attributes\CoversClass;

#[CoversClass(TogglTimeEntriesImporter::class)]
#[CoversClass(ImportException::class)]
#[CoversClass(DefaultImporter::class)]
class TogglTimeEntriesImporterTest extends ImporterTestAbstract
{
    public function test_import_of_test_file_succeeds(): void
    {
        // Arrange
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new TogglTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('toggl_time_entries_import_test_1.csv');

        // Act
        DB::enableQueryLog();
        DB::flushQueryLog();
        $importer->importData($data, $timezone);
        $report = $importer->getReport();
        $queryLog = DB::getQueryLog();

        // Assert
        $this->assertCount(22, $queryLog);
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(2, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(2, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 2);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
    }

    public function test_import_of_test_with_special_characters_description_succeeds(): void
    {
        // Arrange
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new TogglTimeEntriesImporter;
        $importer->init($organization);
        // Description: \\ 🔥 Special characters  """`!@#$%^&*()_+\-=\[\]{};':"\\|,.''<>\/?~ \\\
        $data = Storage::disk('testfiles')->get('toggl_time_entries_import_test_2.csv');

        // Act
        $importer->importData($data, $timezone);
        $report = $importer->getReport();

        // Assert
        $timeEntry = TimeEntry::first();
        $this->assertSame('\\\\ 🔥 Special characters  """`!@#$%^&*()_+\-=\[\]{};\':"\\\\|,.\'\'<>\/?~ \\\\\\', $timeEntry->description);
        $this->assertSame(1, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(1, $report->tasksCreated);
        $this->assertSame(1, $report->usersCreated);
        $this->assertSame(1, $report->projectsCreated);
        $this->assertSame(1, $report->clientsCreated);
    }

    public function test_import_of_test_file_twice_succeeds(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $timezone = 'Europe/Vienna';
        $importer = new TogglTimeEntriesImporter;
        $importer->init($organization);
        $data = Storage::disk('testfiles')->get('toggl_time_entries_import_test_1.csv');
        $importer->importData($data, $timezone);
        $importer = new TogglTimeEntriesImporter;
        $importer->init($organization);
        Queue::fake([
            RecalculateSpentTimeForProject::class,
            RecalculateSpentTimeForTask::class,
        ]);

        // Act
        DB::enableQueryLog();
        DB::flushQueryLog();
        $importer->importData($data, $timezone);
        $report = $importer->getReport();
        $queryLog = DB::getQueryLog();

        // Assert
        $this->assertCount(14, $queryLog);
        $testScenario = $this->checkTestScenarioAfterImportExcludingTimeEntries();
        $this->checkTimeEntries($testScenario, true);
        $this->assertSame(2, $report->timeEntriesCreated);
        $this->assertSame(0, $report->tagsCreated);
        $this->assertSame(0, $report->tasksCreated);
        $this->assertSame(0, $report->usersCreated);
        $this->assertSame(0, $report->projectsCreated);
        $this->assertSame(0, $report->clientsCreated);
        Queue::assertPushed(RecalculateSpentTimeForProject::class, 2);
        Queue::assertPushed(RecalculateSpentTimeForTask::class, 1);
    }
}


================================================
FILE: tests/Unit/Service/IntervalServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Service\IntervalService;
use Carbon\CarbonInterval;
use Tests\TestCase;

class IntervalServiceTest extends TestCase
{
    public function test_format_returns_correctly_formatted_interval(): void
    {
        // Arrange
        $intervalService = app(IntervalService::class);
        $interval = CarbonInterval::seconds(123456789123);

        // Act
        $result = $intervalService->format($interval);

        // Assert
        $this->assertEquals('34293552:32:03', $result);
    }
}


================================================
FILE: tests/Unit/Service/LocalizationServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\CurrencyFormat;
use App\Enums\DateFormat;
use App\Enums\IntervalFormat;
use App\Enums\NumberFormat;
use App\Enums\TimeFormat;
use App\Service\LocalizationService;
use Brick\Money\Currency;
use Brick\Money\Money;
use Carbon\CarbonInterval;
use Illuminate\Support\Carbon;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(LocalizationService::class)]
class LocalizationServiceTest extends TestCaseWithDatabase
{
    private LocalizationService $localizationService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->localizationService = new LocalizationService(
            CurrencyFormat::SymbolAfterWithSpace,
            DateFormat::PointSeparatedDMYYYY,
            TimeFormat::TwelveHours,
            NumberFormat::ThousandsPointDecimalComma,
            IntervalFormat::Decimal,
        );
    }

    public function test_format_interval_with_type_decimal_and_number_format_thousands_comma_decimal_point(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::Decimal);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsCommaDecimalPoint);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30,001.05 h', $formatted);
    }

    public function test_format_interval_with_type_decimal_and_number_format_thousands_space_decimal_point(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::Decimal);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalPoint);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30 001.05 h', $formatted);
    }

    public function test_format_interval_with_type_decimal_and_number_format_thousands_point_decimal_comma(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::Decimal);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsPointDecimalComma);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30.001,05 h', $formatted);
    }

    public function test_format_interval_with_type_decimal_and_number_format_thousands_apostrophe_decimal_point(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::Decimal);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsApostropheDecimalPoint);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30\'001.05 h', $formatted);
    }

    public function test_format_interval_with_type_hours_minutes(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::HoursMinutes);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30001h 03m', $formatted);
    }

    public function test_format_interval_with_type_hours_minutes_colon_separated(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::HoursMinutesColonSeparated);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30001:03', $formatted);
    }

    public function test_format_interval_with_type_hours_minutes_seconds_colon_separated(): void
    {
        // Arrange
        $interval = CarbonInterval::seconds(4 + (60 * 3) + (60 * 60 * 30001));
        $this->localizationService->setIntervalFormat(IntervalFormat::HoursMinutesSecondsColonSeparated);

        // Act
        $formatted = $this->localizationService->formatInterval($interval);

        // Assert
        $this->assertSame('30001:03:04', $formatted);
    }

    public function test_format_currency_with_type_symbol_after_with_space_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::SymbolAfterWithSpace);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('1 234 567,89 €', $formatted);
    }

    public function test_format_currency_with_type_symbol_before_with_space_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::SymbolBeforeWithSpace);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('€ 1 234 567,89', $formatted);
    }

    public function test_format_currency_with_type_symbol_before_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::SymbolBefore);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('€1 234 567,89', $formatted);
    }

    public function test_format_currency_with_type_symbol_after_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::SymbolAfter);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('1 234 567,89€', $formatted);
    }

    public function test_format_currency_with_type_iso_code_after_with_space_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::ISOCodeAfterWithSpace);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('1 234 567,89 EUR', $formatted);
    }

    public function test_format_currency_with_type_iso_code_before_with_space_and_number_format_thousands_space_decimal_comma(): void
    {
        // Arrange
        $this->localizationService->setCurrencyFormat(CurrencyFormat::ISOCodeBeforeWithSpace);
        $this->localizationService->setNumberFormat(NumberFormat::ThousandsSpaceDecimalComma);
        $money = Money::of(1234567.89, Currency::of('EUR'));

        // Act
        $formatted = $this->localizationService->formatCurrency($money);

        // Assert
        $this->assertSame('EUR 1 234 567,89', $formatted);
    }

    public function test_format_date_with_type_slash_separated_ddmmy(): void
    {
        // Arrange
        $this->localizationService->setDateFormat(DateFormat::SlashSeparatedDDMMYYYY);
        $date = Carbon::createFromDate(2001, 2, 3);

        // Act
        $formatted = $this->localizationService->formatDate($date);

        // Assert
        $this->assertSame('03/02/2001', $formatted);
    }

    public function test_format_time_with_type_twelve_hours(): void
    {
        // Arrange
        $this->localizationService->setTimeFormat(TimeFormat::TwelveHours);
        $time = Carbon::createFromTime(19, 9, 8);

        // Act
        $formatted = $this->localizationService->formatTime($time);

        // Assert
        $this->assertSame('07:09 pm', $formatted);
    }

    public function test_format_time_with_type_twenty_four_hours(): void
    {
        // Arrange
        $this->localizationService->setTimeFormat(TimeFormat::TwentyFourHours);
        $time = Carbon::createFromTime(14, 9, 8);

        // Act
        $formatted = $this->localizationService->formatTime($time);

        // Assert
        $this->assertSame('14:09', $formatted);
    }
}


================================================
FILE: tests/Unit/Service/MemberServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\MemberService;
use App\Service\UserService;
use InvalidArgumentException;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(MemberService::class)]
#[CoversClass(UserService::class)]
class MemberServiceTest extends TestCaseWithDatabase
{
    private MemberService $memberService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->memberService = app(MemberService::class);
    }

    public function test_change_ownership_fails_if_member_is_not_part_of_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $otherOrganization = Organization::factory()->create();
        $newOwner = Member::factory()->forOrganization($otherOrganization)->create();

        // Act
        $this->expectException(InvalidArgumentException::class);
        $this->memberService->changeOwnership($organization, $newOwner);

        // Assert
        $this->assertDatabaseHas(Organization::class, [
            'id' => $organization->getKey(),
            'user_id' => null,
        ]);
    }

    public function test_change_ownership_changes_ownership_to_new_member(): void
    {
        $organization = Organization::factory()->create();
        $newOwner = User::factory()->create();
        $oldOwner = User::factory()->create();
        $newOwnerMember = Member::factory()->forUser($newOwner)->forOrganization($organization)->role(Role::Admin)->create();
        $oldOwnerMember = Member::factory()->forUser($oldOwner)->forOrganization($organization)->role(Role::Owner)->create();

        // Act
        $this->memberService->changeOwnership($organization, $newOwnerMember);

        // Assert
        $this->assertSame($newOwner->getKey(), $organization->refresh()->user_id);
        $this->assertSame(Role::Owner->value, $newOwnerMember->refresh()->role);
        $this->assertSame(Role::Admin->value, $oldOwnerMember->refresh()->role);
    }

    public function test_make_member_to_placeholder_creates_new_user_based_on_member_and_changes_member_to_placeholder(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->role(Role::Employee)->create();
        $timeEntry = TimeEntry::factory()->forOrganization($organization)->forMember($member)->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $projectMember = ProjectMember::factory()->forProject($project)->forMember($member)->create();
        // Note: create other user, organization, member, time entry and project member to check that they are not changed
        $otherUser = User::factory()->create();
        $otherOrganization = Organization::factory()->create();
        $otherMember = Member::factory()->forOrganization($otherOrganization)->forUser($otherUser)->role(Role::Employee)->create();
        $otherTimeEntry = TimeEntry::factory()->forOrganization($otherOrganization)->forMember($otherMember)->create();
        $otherProject = Project::factory()->forOrganization($otherOrganization)->create();
        $otherProjectMember = ProjectMember::factory()->forProject($otherProject)->forMember($otherMember)->create();

        // Act
        $this->memberService->makeMemberToPlaceholder($member);

        // Assert
        $member->refresh();
        $timeEntry->refresh();
        $projectMember->refresh();
        $placeholderUser = $member->user;
        $this->assertTrue($placeholderUser->is_placeholder);
        $this->assertSame(Role::Placeholder->value, $member->role);
        $this->assertSame($organization->getKey(), $member->organization_id);
        $this->assertSame($placeholderUser->getKey(), $projectMember->user_id);
        $this->assertSame($member->getKey(), $projectMember->member_id);
        $this->assertSame($placeholderUser->getKey(), $timeEntry->user_id);
        $this->assertSame($member->getKey(), $timeEntry->member_id);
        $this->assertSame(1, $user->organizations()->count());
        // Note: check that other user did not change
        $otherMember->refresh();
        $otherTimeEntry->refresh();
        $otherProjectMember->refresh();
        $otherUser->refresh();
        $this->assertFalse($otherUser->is_placeholder);
        $this->assertSame(Role::Employee->value, $otherMember->role);
        $this->assertSame($otherOrganization->getKey(), $otherMember->organization_id);
        $this->assertSame($otherUser->getKey(), $otherProjectMember->user_id);
        $this->assertSame($otherMember->getKey(), $otherProjectMember->member_id);
        $this->assertSame($otherUser->getKey(), $otherTimeEntry->user_id);
        $this->assertSame($otherMember->getKey(), $otherTimeEntry->member_id);
        $this->assertSame(1, $otherUser->organizations()->count());
    }

    public function test_make_member_to_placeholder_resets_current_organization_of_user_if_user_is_no_longer_member_to_newly_created_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->forCurrentOrganization($organization)->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->role(Role::Employee)->create();

        // Act
        $this->memberService->makeMemberToPlaceholder($member);

        // Assert
        $user->refresh();
        $this->assertNotNull($user->current_team_id);
        $this->assertNotSame($organization->id, $user->current_team_id);
    }

    public function test_make_member_to_placeholder_resets_current_organization_of_user_if_user_is_no_longer_member_to_already_existing_other_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->forCurrentOrganization($organization)->create();
        $member = Member::factory()->forOrganization($organization)->forUser($user)->role(Role::Employee)->create();

        $otherOrganization = Organization::factory()->create();
        $otherMember = Member::factory()->forOrganization($otherOrganization)->forUser($user)->role(Role::Employee)->create();

        // Act
        $this->memberService->makeMemberToPlaceholder($member);

        // Assert
        $user->refresh();
        $this->assertNotNull($user->current_team_id);
        $this->assertSame($otherOrganization->id, $user->current_team_id);
    }

    public function test_assign_organization_entities_to_different_member_without_any_entries(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $otherUser = User::factory()->create();
        $fromUser = User::factory()->create();
        $toUser = User::factory()->create();
        $otherUserMember = Member::factory()->forOrganization($organization)->forUser($otherUser)->create();
        $fromUserMember = Member::factory()->forOrganization($organization)->forUser($fromUser)->create();
        $toUserMember = Member::factory()->forOrganization($organization)->forUser($toUser)->create();
        TimeEntry::factory()->forOrganization($organization)->forMember($otherUserMember)->createMany(3);
        TimeEntry::factory()->forOrganization($organization)->forMember($fromUserMember)->createMany(3);
        ProjectMember::factory()->forProject($project)->forMember($otherUserMember)->create();
        ProjectMember::factory()->forProject($project)->forMember($fromUserMember)->create();

        // Act
        $this->memberService->assignOrganizationEntitiesToDifferentMember($organization, $fromUserMember, $toUserMember);

        // Assert
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($fromUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsTo($fromUser, 'user')->count());

        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($toUserMember, 'member')->count());
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($otherUserMember, 'member')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($fromUserMember, 'member')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($toUserMember, 'member')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($otherUserMember, 'member')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsTo($fromUserMember, 'member')->count());
    }

    public function test_assign_organization_entities_to_different_member_with_entries(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $otherUser = User::factory()->create();
        $fromUser = User::factory()->create();
        $toUser = User::factory()->create();
        $otherUserMember = Member::factory()->forOrganization($organization)->forUser($otherUser)->create();
        $fromUserMember = Member::factory()->forOrganization($organization)->forUser($fromUser)->create();
        $toUserMember = Member::factory()->forOrganization($organization)->forUser($toUser)->create();
        TimeEntry::factory()->forOrganization($organization)->forMember($otherUserMember)->createMany(3);
        TimeEntry::factory()->forOrganization($organization)->forMember($fromUserMember)->createMany(3);
        TimeEntry::factory()->forOrganization($organization)->forMember($toUserMember)->createMany(3);
        ProjectMember::factory()->forProject($project)->forMember($otherUserMember)->create([
            'billable_rate' => 1,
        ]);
        ProjectMember::factory()->forProject($project)->forMember($fromUserMember)->create([
            'billable_rate' => 2,
        ]);
        ProjectMember::factory()->forProject($project)->forMember($toUserMember)->create([
            'billable_rate' => 3,
        ]);

        // Act
        $this->memberService->assignOrganizationEntitiesToDifferentMember($organization, $fromUserMember, $toUserMember);

        // Assert
        $this->assertSame(6, TimeEntry::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($fromUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsTo($fromUser, 'user')->count());

        $this->assertSame(6, TimeEntry::query()->whereBelongsTo($toUserMember, 'member')->count());
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($otherUserMember, 'member')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($fromUserMember, 'member')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($toUserMember, 'member')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($otherUserMember, 'member')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsTo($fromUserMember, 'member')->count());

        $this->assertDatabaseCount(ProjectMember::class, 2);
        $this->assertDatabaseHas(ProjectMember::class, [
            'project_id' => $project->id,
            'member_id' => $toUserMember->id,
            'billable_rate' => 3,
        ]);
        $this->assertDatabaseHas(ProjectMember::class, [
            'project_id' => $project->id,
            'member_id' => $otherUserMember->id,
            'billable_rate' => 1,
        ]);
    }
}


================================================
FILE: tests/Unit/Service/PermissionStoreTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\Role;
use App\Models\Organization;
use App\Models\User;
use App\Service\PermissionStore;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Laravel\Jetstream\Jetstream;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(PermissionStore::class)]
class PermissionStoreTest extends TestCase
{
    use RefreshDatabase;

    public function test_has_method_returns_false_when_user_is_not_authenticated(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;

        // Act
        $result = $permissionStore->has($organization, 'permission');

        // Assert
        $this->assertFalse($result);
    }

    public function test_has_method_returns_false_when_user_does_not_belong_to_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->has($organization, 'permission');

        // Assert
        $this->assertFalse($result);
    }

    public function test_has_method_returns_false_when_user_does_not_have_permission(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->has($organization, 'permission');

        // Assert
        $this->assertFalse($result);
    }

    public function test_has_method_returns_true_when_user_has_permission(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->has($organization, 'time-entries:view:own');

        // Assert
        $this->assertTrue($result);
    }

    public function test_get_permissions_method_returns_empty_array_when_user_is_not_authenticated(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;

        // Act
        $result = $permissionStore->getPermissions($organization);

        // Assert
        $this->assertEmpty($result);
    }

    public function test_get_permissions_method_returns_empty_array_when_user_does_not_belong_to_organization(): void
    {
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->getPermissions($organization);

        // Assert
        $this->assertEmpty($result);
    }

    public function test_get_permissions_method_returns_permissions_when_user_belongs_to_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->getPermissions($organization);

        // Assert
        $this->assertSame(Jetstream::findRole(Role::Employee->value)->permissions, $result);
    }

    public function test_employee_does_not_have_task_permissions_by_default(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'employees_can_manage_tasks' => false,
        ]);
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act & Assert
        $this->assertFalse($permissionStore->has($organization, 'tasks:create'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:update'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:delete'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:create:all'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:update:all'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:delete:all'));
    }

    public function test_employee_has_task_permissions_when_organization_allows_it(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'employees_can_manage_tasks' => true,
        ]);
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act & Assert
        $this->assertTrue($permissionStore->has($organization, 'tasks:create'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:update'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:delete'));
        // Should NOT have the :all permissions
        $this->assertFalse($permissionStore->has($organization, 'tasks:create:all'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:update:all'));
        $this->assertFalse($permissionStore->has($organization, 'tasks:delete:all'));
    }

    public function test_non_employee_roles_are_not_affected_by_employees_can_manage_tasks_setting(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'employees_can_manage_tasks' => false,
        ]);
        $admin = User::factory()->create();
        $organization->users()->attach($admin, ['role' => Role::Admin->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($admin);

        // Act & Assert - Admin should have task permissions regardless of the setting
        $this->assertTrue($permissionStore->has($organization, 'tasks:create'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:update'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:delete'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:create:all'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:update:all'));
        $this->assertTrue($permissionStore->has($organization, 'tasks:delete:all'));
    }

    public function test_get_permissions_includes_task_permissions_for_employee_when_enabled(): void
    {
        // Arrange
        $organization = Organization::factory()->create([
            'employees_can_manage_tasks' => true,
        ]);
        $user = User::factory()->create();
        $organization->users()->attach($user, ['role' => Role::Employee->value]);
        $permissionStore = new PermissionStore;
        $this->actingAs($user);

        // Act
        $result = $permissionStore->getPermissions($organization);

        // Assert
        $this->assertContains('tasks:create', $result);
        $this->assertContains('tasks:update', $result);
        $this->assertContains('tasks:delete', $result);
        $this->assertNotContains('tasks:create:all', $result);
        $this->assertNotContains('tasks:update:all', $result);
        $this->assertNotContains('tasks:delete:all', $result);
    }
}


================================================
FILE: tests/Unit/Service/TimeEntryAggregationServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\TimeEntryAggregationType;
use App\Enums\TimeEntryRoundingType;
use App\Enums\Weekday;
use App\Models\Client;
use App\Models\Project;
use App\Models\Tag;
use App\Models\TimeEntry;
use App\Service\TimeEntryAggregationService;
use Illuminate\Support\Carbon;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(TimeEntryAggregationService::class)]
class TimeEntryAggregationServiceTest extends TestCaseWithDatabase
{
    private TimeEntryAggregationService $service;

    protected function setUp(): void
    {
        parent::setUp();
        $this->service = app(TimeEntryAggregationService::class);
    }

    public function test_aggregate_time_entries_empty_state_by_day_and_project_returns_empty_array_if_no_time_entries_given(): void
    {
        // Arrange
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Day,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 0,
            'cost' => 0,
            'grouped_type' => 'day',
            'grouped_data' => [],
        ], $result);
    }

    public function test_aggregate_time_entries_by_project_and_description(): void
    {
        // Arrange
        $project1 = Project::factory()->create([
            // Note: To ensure deterministic order
            'id' => '5de4e6df-9560-4675-95be-18d42c441bfc',
        ]);
        $project2 = Project::factory()->create([
            // Note: To ensure deterministic order
            'id' => '130bdf66-d370-4564-aec7-7171e9b415f7',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create([
            'description' => 'Test',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create([
            'description' => '',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create([
            'description' => 'Test',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create([
            'description' => 'Test',
        ]);
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            TimeEntryAggregationType::Description,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            Carbon::now()->subDays(2)->utc(),
            Carbon::now()->subDay()->utc(),
            true,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project2->getKey(),
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'description',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => 'Test',
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $project1->getKey(),
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'description',
                    'grouped_data' => [
                        [
                            'key' => 'Test',
                            'seconds' => 20,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_entries_without_billable_amounts(): void
    {
        // Arrange
        $project1 = Project::factory()->create([
            // Note: To ensure deterministic order
            'id' => '5de4e6df-9560-4675-95be-18d42c441bfc',
        ]);
        $project2 = Project::factory()->create([
            // Note: To ensure deterministic order
            'id' => '130bdf66-d370-4564-aec7-7171e9b415f7',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create([
            'description' => 'Test',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create([
            'description' => '',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create([
            'description' => 'Test',
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create([
            'description' => 'Test',
        ]);
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            TimeEntryAggregationType::Description,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            Carbon::now()->subDays(2)->utc(),
            Carbon::now()->subDay()->utc(),
            false,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 40,
            'cost' => null,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project2->getKey(),
                    'seconds' => 20,
                    'cost' => null,
                    'grouped_type' => 'description',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 10,
                            'cost' => null,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => 'Test',
                            'seconds' => 10,
                            'cost' => null,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $project1->getKey(),
                    'seconds' => 20,
                    'cost' => null,
                    'grouped_type' => 'description',
                    'grouped_data' => [
                        [
                            'key' => 'Test',
                            'seconds' => 20,
                            'cost' => null,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_entries_empty_state_by_day_and_project_with_filled_gaps(): void
    {
        // Arrange
        $timezone = 'Europe/Vienna';
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Day,
            TimeEntryAggregationType::Project,
            $timezone,
            Weekday::Monday,
            true,
            Carbon::now()->subDays(2)->utc(),
            Carbon::now()->subDay()->utc(),
            true,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 0,
            'cost' => 0,
            'grouped_type' => 'day',
            'grouped_data' => [
                [
                    'key' => Carbon::now()->subDays(2)->timezone($timezone)->format('Y-m-d'),
                    'seconds' => 0,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [],
                ],
                [
                    'key' => Carbon::now()->subDay()->timezone($timezone)->format('Y-m-d'),
                    'seconds' => 0,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_entries_empty_state_by_user_and_project_with_filled_gaps(): void
    {
        // Arrange
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::User,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            true,
            Carbon::now()->subDays(2),
            Carbon::now()->subDay(),
            true,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 0,
            'cost' => 0,
            'grouped_type' => 'user',
            'grouped_data' => [],
        ], $result);
    }

    public function test_aggregate_time_entries_empty_state_by_user_and_day_with_filled_gaps(): void
    {
        // Arrange
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::User,
            TimeEntryAggregationType::Day,
            'Europe/Vienna',
            Weekday::Monday,
            true,
            Carbon::now()->subDays(2),
            Carbon::now()->subDay(),
            true,
            null,
            null
        );

        // Assert
        $this->assertSame([
            'seconds' => 0,
            'cost' => 0,
            'grouped_type' => 'user',
            'grouped_data' => [],
        ], $result);
    }

    public function test_aggregate_time_entries_by_client_and_project(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project3)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_can_round_up_per_time_entry(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 450)
            ->forProject($project1)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 449)
            ->forProject($project1)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 451)
            ->forProject($project2)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 450)
            ->forProject($project3)
            ->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 449)
            ->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            TimeEntryRoundingType::Up,
            15
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 4500,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 1800,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 1800,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 1800,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 900,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_can_round_down_per_time_entry(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 450)
            ->forProject($project1)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 449)
            ->forProject($project1)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 451)
            ->forProject($project2)->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 900 + 450)
            ->forProject($project3)
            ->create();
        TimeEntry::factory()->endWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:01'), 900 + 449)
            ->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            TimeEntryRoundingType::Down,
            15
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 1800,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 1800,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 0,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 0,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 0,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 0,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_can_round_to_nearest_per_time_entry(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:00'), 449)
            ->forProject($project1)->create();
        TimeEntry::factory()->startWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:00'), 450)
            ->forProject($project1)->create();
        TimeEntry::factory()->startWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:00'), 450)
            ->forProject($project2)->create();
        TimeEntry::factory()->startWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:00'), 450)
            ->forProject($project3)
            ->create();
        TimeEntry::factory()->startWithDuration(Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 00:00:00'), 450)
            ->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            TimeEntryRoundingType::Nearest,
            15
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 3600,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 1800,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 900,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 900,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 900,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    // TODO: test with 1 minute

    public function test_aggregate_time_entries_by_client_and_project_with_filled_gaps(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project3)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            true,
            null,
            null,
            true,
            null,
            null
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ], $result);
    }

    public function test_aggregated_time_entries_with_descriptions_by_description_and_billable(): void
    {
        // Arrange
        TimeEntry::factory()->startWithDuration(now(), 10)->create([
            'description' => 'TEST 1',
            'billable' => true,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->create([
            'description' => '',
            'billable' => false,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->create([
            'description' => 'TEST 1',
            'billable' => false,
        ]);
        TimeEntry::factory()->startWithDuration(now(), 10)->create([
            'description' => '',
            'billable' => false,
        ]);
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntriesWithDescriptions(
            $query,
            TimeEntryAggregationType::Description,
            TimeEntryAggregationType::Billable,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null,
        );

        // Assert
        $this->assertSame([
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'description',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'billable',
                    'grouped_data' => [
                        [
                            'key' => '0',
                            'seconds' => 20,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => 'Non-billable',
                            'color' => null,
                        ],
                    ],
                    'description' => null,
                    'color' => null,
                ],
                [
                    'key' => 'TEST 1',
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'billable',
                    'grouped_data' => [
                        [
                            'key' => '0',
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => 'Non-billable',
                            'color' => null,
                        ],
                        [
                            'key' => '1',
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => 'Billable',
                            'color' => null,
                        ],
                    ],
                    'description' => 'TEST 1',
                    'color' => null,
                ],
            ],
        ], $result);
    }

    public function test_aggregated_time_entries_with_descriptions_by_client_and_project(): void
    {
        // Arrange
        $client1 = Client::factory()->create();
        $client2 = Client::factory()->create();
        $project1 = Project::factory()->forClient($client1)->create();
        $project2 = Project::factory()->forClient($client2)->create();
        $project3 = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project1)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project2)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->forProject($project3)->create();
        TimeEntry::factory()->startWithDuration(now(), 10)->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntriesWithDescriptions(
            $query,
            TimeEntryAggregationType::Client,
            TimeEntryAggregationType::Project,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null,
        );

        // Assert
        $this->assertEqualsCanonicalizing([
            'seconds' => 40,
            'cost' => 0,
            'grouped_type' => 'client',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 20,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => null,
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => null,
                            'color' => null,
                        ],
                        [
                            'key' => $project3->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => $project3->name,
                            'color' => $project3->color,
                        ],
                    ],
                    'description' => null,
                    'color' => null,
                ],
                [
                    'key' => $client1->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project1->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => $project1->name,
                            'color' => $project1->color,
                        ],
                    ],
                    'description' => $client1->name,
                    'color' => null,
                ],
                [
                    'key' => $client2->getKey(),
                    'seconds' => 10,
                    'cost' => 0,
                    'grouped_type' => 'project',
                    'grouped_data' => [
                        [
                            'key' => $project2->getKey(),
                            'seconds' => 10,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                            'description' => $project2->name,
                            'color' => $project2->color,
                        ],
                    ],
                    'description' => $client2->name,
                    'color' => null,
                ],
            ],
        ], $result);
    }

    public function test_aggregate_time_entries_group_by_tag_includes_no_tag_and_avoids_double_counting_overall(): void
    {
        // Arrange
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $start = Carbon::now();

        // One entry with two tags (100s)
        TimeEntry::factory()->startWithDuration($start, 100)->create([
            'tags' => [$tag1->getKey(), $tag2->getKey()],
        ]);
        // One entry with one tag (50s)
        TimeEntry::factory()->startWithDuration($start, 50)->create([
            'tags' => [$tag1->getKey()],
        ]);
        // One entry with no tags (25s)
        TimeEntry::factory()->startWithDuration($start, 25)->create([
            'tags' => [],
        ]);

        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Tag,
            null,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null
        );

        // Assert - overall total should be 175 and groups: null=25, tag1=150, tag2=100
        $expected = [
            'seconds' => 175,
            'cost' => 0,
            'grouped_type' => 'tag',
            'grouped_data' => [
                [
                    'key' => null,
                    'seconds' => 25,
                    'cost' => 0,
                    'grouped_type' => null,
                    'grouped_data' => null,
                ],
                [
                    'key' => $tag1->getKey(),
                    'seconds' => 150,
                    'cost' => 0,
                    'grouped_type' => null,
                    'grouped_data' => null,
                ],
                [
                    'key' => $tag2->getKey(),
                    'seconds' => 100,
                    'cost' => 0,
                    'grouped_type' => null,
                    'grouped_data' => null,
                ],
            ],
        ];
        $this->assertEqualsCanonicalizing($expected, $result);
    }

    public function test_aggregate_time_entries_group_by_project_and_subgroup_tag(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $start = Carbon::now();

        TimeEntry::factory()->startWithDuration($start, 120)->forProject($project)->create([
            'tags' => [$tag1->getKey()],
        ]);
        TimeEntry::factory()->startWithDuration($start, 60)->forProject($project)->create([
            'tags' => [$tag2->getKey()],
        ]);

        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            TimeEntryAggregationType::Tag,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null
        );

        // Assert
        $expected = [
            'seconds' => 180,
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project->getKey(),
                    'seconds' => 180,
                    'cost' => 0,
                    'grouped_type' => 'tag',
                    'grouped_data' => [
                        [
                            'key' => $tag1->getKey(),
                            'seconds' => 120,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $tag2->getKey(),
                            'seconds' => 60,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ];
        $this->assertEqualsCanonicalizing($expected, $result);
    }

    public function test_aggregate_time_entries_group_by_project_and_subgroup_tag_avoids_double_counting(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $start = Carbon::now();

        // One entry with two tags => subgroup rows show both tags, but project total should equal entry duration
        TimeEntry::factory()->startWithDuration($start, 100)->forProject($project)->create([
            'tags' => [$tag1->getKey(), $tag2->getKey()],
        ]);

        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            TimeEntryAggregationType::Tag,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            null,
            null
        );

        // Assert
        $expected = [
            'seconds' => 100,
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project->getKey(),
                    'seconds' => 100,
                    'cost' => 0,
                    'grouped_type' => 'tag',
                    'grouped_data' => [
                        [
                            'key' => $tag1->getKey(),
                            'seconds' => 100,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                        [
                            'key' => $tag2->getKey(),
                            'seconds' => 100,
                            'cost' => 0,
                            'grouped_type' => null,
                            'grouped_data' => null,
                        ],
                    ],
                ],
            ],
        ];
        $this->assertEqualsCanonicalizing($expected, $result);
    }

    /**
     * Test that rounding up does NOT add extra time when the entry is already on a 15-minute boundary.
     * f.e. 13:00 - 14:30 (90 minutes) should stay at 90 minutes when rounding up with 15-minute interval.
     */
    public function test_aggregate_time_round_up_does_not_add_time_when_already_on_boundary(): void
    {
        // Arrange
        // Create a time entry with duration exactly on a 15-minute boundary (90 minutes = 5400 seconds)
        // This simulates 13:00 - 14:30 (or any 90-minute entry)
        $project = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(
            Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 13:00:00'),
            5400 // 90 minutes = 1 hour 30 minutes, exactly on 15-minute boundary
        )->forProject($project)->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            null,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            TimeEntryRoundingType::Up,
            15
        );

        // Assert
        // The entry is already on a 15-minute boundary (90 minutes), so it should stay at 90 minutes (5400 seconds)
        $this->assertEqualsCanonicalizing([
            'seconds' => 5400, // 90 minutes - should NOT be rounded to 105 minutes (6300 seconds)
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project->getKey(),
                    'seconds' => 5400, // 90 minutes
                    'cost' => 0,
                    'grouped_type' => null,
                    'grouped_data' => null,
                ],
            ],
        ], $result);
    }

    /**
     * Test that rounding up works correctly for entries NOT on a boundary.
     * Example: 13:00 - 13:48 (48 minutes) should round up to 13:00 - 14:00 (60 minutes).
     */
    public function test_aggregate_time_round_up_works_when_not_on_boundary(): void
    {
        // Arrange
        // Create a time entry with duration NOT on a 15-minute boundary (48 minutes = 2880 seconds)
        $project = Project::factory()->create();
        TimeEntry::factory()->startWithDuration(
            Carbon::createFromFormat('Y-m-d H:i:s', '2020-01-01 13:00:00'),
            2880 // 48 minutes, not on 15-minute boundary
        )->forProject($project)->create();
        $query = TimeEntry::query();

        // Act
        $result = $this->service->getAggregatedTimeEntries(
            $query,
            TimeEntryAggregationType::Project,
            null,
            'Europe/Vienna',
            Weekday::Monday,
            false,
            null,
            null,
            true,
            TimeEntryRoundingType::Up,
            15
        );

        // Assert
        // 48 minutes rounded up to 15-minute interval = 60 minutes (3600 seconds)
        $this->assertEqualsCanonicalizing([
            'seconds' => 3600, // 60 minutes
            'cost' => 0,
            'grouped_type' => 'project',
            'grouped_data' => [
                [
                    'key' => $project->getKey(),
                    'seconds' => 3600, // 60 minutes
                    'cost' => 0,
                    'grouped_type' => null,
                    'grouped_data' => null,
                ],
            ],
        ], $result);
    }
}


================================================
FILE: tests/Unit/Service/TimeEntryFilterTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Models\Client;
use App\Models\Project;
use App\Models\Tag;
use App\Models\Task;
use App\Models\TimeEntry;
use App\Service\TimeEntryFilter;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCaseWithDatabase;

#[CoversClass(TimeEntryFilter::class)]
class TimeEntryFilterTest extends TestCaseWithDatabase
{
    public function test_add_tag_ids_filter_is_or(): void
    {
        // Arrange
        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);
        $timEntryNoTag = TimeEntry::factory()->create();
        $tag1 = Tag::factory()->create();
        $timeEntryWithTag1 = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey()],
        ]);
        $tag2 = Tag::factory()->create();
        $timeEntryWithTag2 = TimeEntry::factory()->create([
            'tags' => [$tag2->getKey()],
        ]);
        $timeEntryWithAllTags = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey(), $tag2->getKey()],
        ]);

        // Act
        $filter->addTagIdsFilter([$tag1->getKey(), $tag2->getKey()]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(3, $timeEntries);

    }

    public function test_add_project_ids_filter_with_none_returns_entries_without_project(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $timeEntryWithProject = TimeEntry::factory()->create([
            'project_id' => $project->getKey(),
            'organization_id' => $project->organization_id,
        ]);
        $timeEntryWithoutProject = TimeEntry::factory()->create([
            'project_id' => null,
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addProjectIdsFilter([TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(1, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithoutProject));
        $this->assertFalse($timeEntries->contains($timeEntryWithProject));
    }

    public function test_add_project_ids_filter_with_none_and_ids_returns_both(): void
    {
        // Arrange
        $project = Project::factory()->create();
        $timeEntryWithProject = TimeEntry::factory()->create([
            'project_id' => $project->getKey(),
            'organization_id' => $project->organization_id,
        ]);
        $timeEntryWithoutProject = TimeEntry::factory()->create([
            'project_id' => null,
        ]);
        $otherProject = Project::factory()->create();
        $timeEntryWithOtherProject = TimeEntry::factory()->create([
            'project_id' => $otherProject->getKey(),
            'organization_id' => $otherProject->organization_id,
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addProjectIdsFilter([$project->getKey(), TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(2, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithProject));
        $this->assertTrue($timeEntries->contains($timeEntryWithoutProject));
        $this->assertFalse($timeEntries->contains($timeEntryWithOtherProject));
    }

    public function test_add_task_ids_filter_with_none_returns_entries_without_task(): void
    {
        // Arrange
        $task = Task::factory()->create();
        $timeEntryWithTask = TimeEntry::factory()->create([
            'task_id' => $task->getKey(),
            'organization_id' => $task->organization_id,
        ]);
        $timeEntryWithoutTask = TimeEntry::factory()->create([
            'task_id' => null,
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addTaskIdsFilter([TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(1, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithoutTask));
        $this->assertFalse($timeEntries->contains($timeEntryWithTask));
    }

    public function test_add_client_ids_filter_with_none_returns_entries_without_client(): void
    {
        // Arrange
        $client = Client::factory()->create();
        $timeEntryWithClient = TimeEntry::factory()->create([
            'client_id' => $client->getKey(),
            'organization_id' => $client->organization_id,
        ]);
        $timeEntryWithoutClient = TimeEntry::factory()->create([
            'client_id' => null,
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addClientIdsFilter([TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(1, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithoutClient));
        $this->assertFalse($timeEntries->contains($timeEntryWithClient));
    }

    public function test_add_tag_ids_filter_with_none_returns_entries_without_tags(): void
    {
        // Arrange
        $tag = Tag::factory()->create();
        $timeEntryWithTag = TimeEntry::factory()->create([
            'tags' => [$tag->getKey()],
        ]);
        $timeEntryWithEmptyTags = TimeEntry::factory()->create([
            'tags' => [],
        ]);
        $timeEntryWithNullTags = TimeEntry::factory()->create([
            'tags' => null,
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addTagIdsFilter([TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(2, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithEmptyTags));
        $this->assertTrue($timeEntries->contains($timeEntryWithNullTags));
        $this->assertFalse($timeEntries->contains($timeEntryWithTag));
    }

    public function test_add_tag_ids_filter_with_none_and_ids_returns_both(): void
    {
        // Arrange
        $tag1 = Tag::factory()->create();
        $tag2 = Tag::factory()->create();
        $timeEntryWithTag1 = TimeEntry::factory()->create([
            'tags' => [$tag1->getKey()],
        ]);
        $timeEntryWithTag2 = TimeEntry::factory()->create([
            'tags' => [$tag2->getKey()],
        ]);
        $timeEntryWithNoTags = TimeEntry::factory()->create([
            'tags' => [],
        ]);

        $builder = TimeEntry::query();
        $filter = new TimeEntryFilter($builder);

        // Act
        $filter->addTagIdsFilter([$tag1->getKey(), TimeEntryFilter::NONE_VALUE]);

        // Assert
        $timeEntries = $builder->get();
        $this->assertCount(2, $timeEntries);
        $this->assertTrue($timeEntries->contains($timeEntryWithTag1));
        $this->assertTrue($timeEntries->contains($timeEntryWithNoTags));
        $this->assertFalse($timeEntries->contains($timeEntryWithTag2));
    }
}


================================================
FILE: tests/Unit/Service/TimezoneServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Models\User;
use App\Service\TimezoneService;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Illuminate\Support\Facades\Log;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;
use TiMacDonald\Log\LogEntry;

#[CoversClass(TimezoneService::class)]
class TimezoneServiceTest extends TestCase
{
    use RefreshDatabase;

    public function test_get_timezones_returns_all_available_timezones(): void
    {
        // Arrange
        $service = app(TimezoneService::class);

        // Act
        $result = $service->getTimezones();

        // Assert
        $this->assertIsArray($result);
        $this->assertTrue(in_array(count($result), [418, 419], true));
        $this->assertContains('Europe/Vienna', $result);
        $this->assertContains('Europe/Berlin', $result);
        $this->assertContains('Europe/London', $result);
    }

    public function test_get_timezone_from_user_returns_timezone_of_user_as_carbon_timezone(): void
    {
        // Arrange
        $user = User::factory()->create([
            'timezone' => 'Europe/Berlin',
        ]);

        /** @var TimezoneService $service */
        $service = app(TimezoneService::class);

        // Act
        $result = $service->getTimezoneFromUser($user);

        // Assert
        $this->assertEquals('Europe/Berlin', $result->getName());
    }

    public function test_get_timezone_from_user_falls_back_to_utc_and_logs_this_failure_if_timezone_in_db_is_corrupt(): void
    {
        // Arrange
        $corruptTimezone = 'Invalid/Timezone';
        $user = User::factory()->create([
            'timezone' => $corruptTimezone,
        ]);

        /** @var TimezoneService $service */
        $service = app(TimezoneService::class);

        // Act
        $result = $service->getTimezoneFromUser($user);

        // Assert
        $this->assertEquals('UTC', $result->getName());
        Log::assertLogged(fn (LogEntry $log) => $log->level === 'error'
            && $log->message === 'User has a invalid timezone'
        );
    }
}


================================================
FILE: tests/Unit/Service/UserServiceTest.php
================================================
<?php

declare(strict_types=1);

namespace Tests\Unit\Service;

use App\Enums\Role;
use App\Models\Member;
use App\Models\Organization;
use App\Models\Project;
use App\Models\ProjectMember;
use App\Models\TimeEntry;
use App\Models\User;
use App\Service\UserService;
use Illuminate\Foundation\Testing\RefreshDatabase;
use PHPUnit\Framework\Attributes\CoversClass;
use Tests\TestCase;

#[CoversClass(UserService::class)]
class UserServiceTest extends TestCase
{
    use RefreshDatabase;

    private UserService $userService;

    protected function setUp(): void
    {
        parent::setUp();
        $this->userService = app(UserService::class);
    }

    public function test_assign_organization_entities_to_different_user(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $project = Project::factory()->forOrganization($organization)->create();
        $otherUser = User::factory()->create();
        $fromUser = User::factory()->create();
        $toUser = User::factory()->create();
        $otherUserMember = Member::factory()->forOrganization($organization)->forUser($otherUser)->create();
        $fromUserMember = Member::factory()->forOrganization($organization)->forUser($fromUser)->create();
        $toUserMember = Member::factory()->forOrganization($organization)->forUser($toUser)->create();
        TimeEntry::factory()->forOrganization($organization)->forMember($otherUserMember)->createMany(3);
        TimeEntry::factory()->forOrganization($organization)->forMember($fromUserMember)->createMany(3);
        ProjectMember::factory()->forProject($project)->forMember($otherUserMember)->create();
        ProjectMember::factory()->forProject($project)->forMember($fromUserMember)->create();

        // Act
        $this->userService->assignOrganizationEntitiesToDifferentUser($organization, $fromUser, $toUser);

        // Assert
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(3, TimeEntry::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, TimeEntry::query()->whereBelongsTo($fromUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($toUser, 'user')->count());
        $this->assertSame(1, ProjectMember::query()->whereBelongsTo($otherUser, 'user')->count());
        $this->assertSame(0, ProjectMember::query()->whereBelongsTo($fromUser, 'user')->count());
    }

    public function test_change_ownership_changes_ownership_of_organization_to_new_user(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $newOwner = User::factory()->create();
        $oldOwner = User::factory()->create();
        $organization->users()->attach($oldOwner->getKey(), [
            'role' => Role::Owner->value,
        ]);
        $organization->users()->attach($newOwner->getKey(), [
            'role' => Role::Admin->value,
        ]);

        // Act
        $this->userService->changeOwnership($organization, $newOwner);

        // Assert
        $this->assertSame($newOwner->getKey(), $organization->refresh()->user_id);
        $this->assertSame(Role::Owner->value, Member::whereBelongsTo($newOwner)->whereBelongsTo($organization)->firstOrFail()->role);
        $this->assertSame(Role::Admin->value, Member::whereBelongsTo($oldOwner)->whereBelongsTo($organization)->firstOrFail()->role);
    }

    public function test_change_ownership_fails_if_new_user_is_not_member_of_organization(): void
    {
        // Arrange
        $organization = Organization::factory()->create();
        $newOwner = User::factory()->create();
        $oldOwner = User::factory()->create();
        $organization->users()->attach($oldOwner->getKey(), [
            'role' => Role::Owner->value,
        ]);

        // Act
        try {
            $this->userService->changeOwnership($organization, $newOwner);
        } catch (\InvalidArgumentException $e) {
            $this->assertSame('User is not a member of the organization', $e->getMessage());
        }
    }

    public function test_make_sure_user_has_current_organization_sets_current_organization_for_user_if_null(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->create();
        $otherOrganization = Organization::factory()->create();
        Member::factory()->forUser($user)->forOrganization($organization)->create();
        $user->current_team_id = null;
        $user->save();

        // Act
        $this->userService->makeSureUserHasCurrentOrganization($user);

        // Assert
        $this->assertSame($organization->getKey(), $user->refresh()->currentOrganization->getKey());
    }

    public function make_sure_user_has_at_least_one_organization_creates_organization_for_user_if_there_are_not_member_of_one(): void
    {
        // Arrange
        $user = User::factory()->create();
        $organization = Organization::factory()->create();

        // Act
        $this->userService->makeSureUserHasAtLeastOneOrganization($user);

        // Assert
        $user->refresh();
        $this->assertSame(1, $user->organizations()->count());
        $newOrganization = $user->organizations()->first();
        $this->assertNotSame($organization->getKey(), $newOrganization->getKey());
        $this->assertSame($user->name."'s Organization", $newOrganization->name);
        $this->assertTrue($newOrganization->personal_team);
        $this->assertSame($user->getKey(), $newOrganization->user_id);
        $newMember = Member::whereBelongsTo($user)->whereBelongsTo($newOrganization)->firstOrFail();
        $this->assertSame(Role::Owner->value, $newMember->role);
        $this->assertSame($newOrganization->getKey(), $user->currentOrganization->getKey());
    }
}


================================================
FILE: tsconfig.json
================================================
{
  "extends": "@vue/tsconfig/tsconfig.json",
  "exclude": [
    "vendor/**/*"
  ],
  "compilerOptions": {
    "paths": {
      "@/*": ["./resources/js/*"],
      "@solidtime/ui": ["./resources/js/packages/ui/src/index.ts"]
    }
  },
  "skipLibCheck": true,
  "typeRoots": [
    "./node_modules/@types",
    "resources/js/types",
  ],
  "include": [
    "resources/js/**/*.ts",
    "resources/js/**/*.d.ts",
    "resources/js/**/*.vue",
    "resources/js/ziggy.d.ts",
    "extensions/Invoicing/resources/js/**/*.ts",
    "extensions/Invoicing/resources/js/**/*.d.ts",
    "extensions/Invoicing/resources/js/**/*.vue",
  ]
}


================================================
FILE: vite-module-loader.js
================================================
import fs from 'fs/promises';
import path from 'path';

async function collectModuleAssetsPaths(modulesPath) {
    return await getExportedModulesArrayAttributes(modulesPath, 'paths');
}

async function collectModulePlugins(modulesPath) {
    return await getExportedModulesArrayAttributes(modulesPath, 'plugins');
}

async function getExportedModulesArrayAttributes(modulesPath, attribute) {
    const result = [];
    modulesPath = path.join(__dirname, modulesPath);

    const moduleStatusesPath = path.join(__dirname, 'modules_statuses.json');

    try {
        // Read module_statuses.json
        const moduleStatusesContent = await fs.readFile(moduleStatusesPath, 'utf-8');
        const moduleStatuses = JSON.parse(moduleStatusesContent);

        // Read module directories
        const moduleDirectories = await fs.readdir(modulesPath);

        for (const moduleDir of moduleDirectories) {
            if (moduleDir === '.DS_Store') {
                // Skip .DS_Store directory
                continue;
            }

            // Check if the module is enabled (status is true)
            if (moduleStatuses[moduleDir] === true) {
                const viteConfigPath = path.join(modulesPath, moduleDir, 'vite.config.js');
                const stat = await fs.stat(viteConfigPath);

                if (stat.isFile()) {
                    // Import the module-specific Vite configuration
                    const moduleConfig = await import(viteConfigPath);

                    if (moduleConfig[attribute] && Array.isArray(moduleConfig[attribute])) {
                        result.push(...moduleConfig[attribute]);
                    }
                }
            }
        }
    } catch (error) {
        console.error(`Error reading module statuses or module configurations: ${error}`);
    }

    return result;
}

export { collectModuleAssetsPaths, collectModulePlugins };


================================================
FILE: vite.config.js
================================================
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import checker from 'vite-plugin-checker';
import { collectModuleAssetsPaths, collectModulePlugins } from './vite-module-loader.js';

async function getConfig() {
    const paths = [
        'resources/js/app.ts',
        'resources/css/app.css',
        'resources/css/filament/admin/theme.css',
    ];
    const modulePaths = await collectModuleAssetsPaths('extensions');
    const additionalPlugins = await collectModulePlugins('extensions');

    return defineConfig({
        build: {
            sourcemap: true, // Source map generation must be turned on
        },
        plugins: [
            laravel({
                input: [...paths, ...modulePaths],
                refresh: true,
            }),
            vue({
                template: {
                    transformAssetUrls: {
                        base: null,
                        includeAbsolute: false,
                    },
                },
            }),
            checker({
                // e.g. use TypeScript check
                typescript: true,
                vueTsc: true,
                lintCommand: 'eslint "./**/*.{ts,vue}"',
            }),
            ...additionalPlugins,
        ],
        server: {
            host: true,
            hmr: {
                host: process.env.VITE_HOST_NAME,
                clientPort: 80,
            },
        },
    });
}

export default getConfig();