New work app to replace work-manager, and v6 projects API usage in copilots app

.circleci/config.yml

@@ -227,9 +227,8 @@ workflows:
                           only:
                               - dev
                               - mm-final-2025-reveal
-                              - engagements
                               - HOTFIX-PM-3269
-
+                              - work-manager
             - deployQa:
                   context: org-global
                   requires:

.env.development

@@ -0,0 +1,5 @@
+REACT_APP_GROUPS_API_URL=https://api.topcoder-dev.com/v6/groups
+REACT_APP_TERMS_API_URL=https://api.topcoder-dev.com/v5/terms
+REACT_APP_RESOURCES_API_URL=https://api.topcoder-dev.com/v6/resources
+REACT_APP_MEMBER_API_URL=https://api.topcoder-dev.com/v6/members
+REACT_APP_RESOURCE_ROLES_API_URL=https://api.topcoder-dev.com/v6/resource-roles

.env.production

@@ -0,0 +1,5 @@
+REACT_APP_GROUPS_API_URL=https://api.topcoder.com/v6/groups
+REACT_APP_TERMS_API_URL=https://api.topcoder.com/v5/terms
+REACT_APP_RESOURCES_API_URL=https://api.topcoder.com/v6/resources
+REACT_APP_MEMBER_API_URL=https://api.topcoder.com/v6/members
+REACT_APP_RESOURCE_ROLES_API_URL=https://api.topcoder.com/v6/resource-roles

package.json

@@ -51,6 +51,7 @@
     "express": "^4.22.1",
     "express-fileupload": "^1.5.2",
     "express-interceptor": "^1.2.0",
+    "fflate": "^0.8.2",
     "filestack-js": "^3.44.2",
     "highcharts": "^10.3.3",
     "highcharts-react-official": "^3.2.3",

src/apps/admin/src/lib/components/common/FieldHtmlEditor/FieldHtmlEditor.tsx

@@ -62,7 +62,7 @@ const FieldHtmlEditor: FC<FieldHtmlEditorProps> = (
                         + '}',
                     height: 400,
                     menubar: false,
-                    plugins: ['table', 'link', 'textcolor', 'contextmenu'],
+                    plugins: ['table', 'link'],
                     source_view: true,
                     statusbar: false,
                     toolbar:

src/apps/copilots/src/pages/copilot-requests/index.tsx

@@ -158,7 +158,9 @@ const CopilotRequestsPage: FC = () => {
     }: CopilotRequestsResponse = useCopilotRequests(sort)
 
     const viewRequestDetails = useMemo(() => (
-        routeParams.requestId && find(requests, { id: +routeParams.requestId }) as CopilotRequest
+        routeParams.requestId
+            ? find(requests, request => `${request.id}` === routeParams.requestId) as CopilotRequest
+            : undefined
     ), [requests, routeParams.requestId])
 
     const hideRequestDetails = useCallback(() => {

src/apps/copilots/src/services/copilot-opportunities.ts

@@ -8,7 +8,7 @@ import { buildUrl } from '~/libs/shared/lib/utils/url'
 import { CopilotOpportunity } from '../models/CopilotOpportunity'
 import { CopilotApplication } from '../models/CopilotApplication'
 
-export const copilotBaseUrl = `${EnvironmentConfig.API.V5}/projects`
+export const copilotBaseUrl = `${EnvironmentConfig.API.V6}/projects`
 
 const PAGE_SIZE = 20
 

src/apps/copilots/src/services/copilot-requests.ts

@@ -9,7 +9,7 @@ import { getPaginatedAsync, PaginatedResponse } from '~/libs/core/lib/xhr/xhr-fu
 
 import { CopilotRequest } from '../models/CopilotRequest'
 
-const baseUrl = `${EnvironmentConfig.API.V5}/projects`
+const baseUrl = `${EnvironmentConfig.API.V6}/projects`
 const PAGE_SIZE = 20
 
 /**
@@ -27,6 +27,7 @@ function copilotRequestFactory(data: any): CopilotRequest {
         createdAt: new Date(data.createdAt),
         data: undefined,
         opportunity: data.copilotOpportunity?.[0],
+        projectId: String(data?.projectId ?? data?.data?.projectId ?? ''),
         startDate: new Date(data.data?.startDate),
     }
 }

src/apps/copilots/src/services/projects.ts

@@ -7,11 +7,15 @@ import { EnvironmentConfig } from '~/config'
 
 import { Project } from '../models/Project'
 
-const baseUrl = `${EnvironmentConfig.API.V5}/projects`
+const baseUrl = `${EnvironmentConfig.API.V6}/projects`
 
 export type ProjectsResponse = SWRResponse<Project[], Project[]>
 
 const sleep = (ms: number): Promise<()=> void> => new Promise(resolve => { setTimeout(resolve, ms) })
+const normalizeProject = (project: Project): Project => ({
+    ...project,
+    id: String(project.id),
+})
 
 /**
  * Custom hook to fetch and manage projects data.
@@ -38,7 +42,7 @@ export const useProjects = (search?: string, config?: {isPaused?: () => boolean,
                 const response = await xhrGetAsync<Project[]>(
                     buildUrl(baseUrl, { ...params, id: chunkIds }),
                 )
-                allResults.push(...response)
+                allResults.push(...response.map(normalizeProject))
 
                 // Rate limit: delay 200ms between calls
                 // eslint-disable-next-line no-await-in-loop
@@ -49,6 +53,7 @@ export const useProjects = (search?: string, config?: {isPaused?: () => boolean,
         }
 
         return xhrGetAsync<Project[]>(url)
+            .then(response => response.map(normalizeProject))
     }
 
     return useSWR(url, fetcher, {
@@ -61,10 +66,12 @@ export const useProjects = (search?: string, config?: {isPaused?: () => boolean,
 export const getProject = (projectId: string): Promise<Project> => {
     const url = `${baseUrl}/${projectId}`
     return xhrGetAsync<Project>(url)
+        .then(normalizeProject)
 }
 
 export const getProjects = (search?: string, config?: {filter: any}): Promise<Project[]> => {
     const params = { name: search, ...config?.filter }
     const url = buildUrl(baseUrl, params)
     return xhrGetAsync<Project[]>(url)
+        .then(response => response.map(normalizeProject))
 }

src/apps/platform/src/platform.routes.tsx

@@ -11,6 +11,7 @@ import { walletAdminRoutes } from '~/apps/wallet-admin'
 import { copilotsRoutes } from '~/apps/copilots'
 import { adminRoutes } from '~/apps/admin'
 import { reviewRoutes } from '~/apps/review'
+import { workRoutes } from '~/apps/work'
 import { calendarRoutes } from '~/apps/calendar'
 import { engagementsRoutes } from '~/apps/engagements'
 import { customerPortalRoutes } from '~/apps/customer-portal'
@@ -42,6 +43,7 @@ export const platformRoutes: Array<PlatformRoute> = [
     ...walletAdminRoutes,
     ...accountsRoutes,
     ...reviewRoutes,
+    ...workRoutes,
     ...calendarRoutes,
     ...engagementsRoutes,
     ...homeRoutes,

src/apps/review/src/lib/components/PageWrapper/PageWrapper.module.scss

@@ -35,6 +35,12 @@
     gap: 4px;
 }
 
+.blockTitleAction {
+    display: inline-flex;
+    align-items: center;
+    margin-bottom: 6px;
+}
+
 .blockExternalLink {
     margin-left: $sp-2;
     margin-bottom: 6px;

src/apps/review/src/lib/components/PageWrapper/PageWrapper.tsx

@@ -20,13 +20,16 @@ interface Props {
     backUrl?: string
     backAction?: () => void
     titleUrl?: string | 'emptyLink'
+    titleAction?: ReactNode
     rightHeader?: ReactNode,
     breadCrumb: BreadCrumbData[]
 }
 
 export const PageWrapper: FC<PropsWithChildren<Props>> = props => (
     <div className={classNames(styles.container, props.className)}>
-        <BreadCrumb list={props.breadCrumb} />
+        {props.breadCrumb.length > 0 && (
+            <BreadCrumb list={props.breadCrumb} />
+        )}
         <PageTitle>{props.pageTitle}</PageTitle>
         <div className={styles.blockHeader}>
             <div className={styles.blockHeaderRight}>
@@ -46,6 +49,13 @@ export const PageWrapper: FC<PropsWithChildren<Props>> = props => (
                             {props.pageTitle}
                         </h3>
                     </PageHeader>
+                    {props.titleAction
+                        ? (
+                            <div className={styles.blockTitleAction}>
+                                {props.titleAction}
+                            </div>
+                        )
+                        : undefined}
                     {props.titleUrl && props.titleUrl !== 'emptyLink' && (
                         <a
                             className={styles.blockExternalLink}

src/apps/work/README.md

@@ -0,0 +1,36 @@
+# Work App
+
+The Work app provides work management capabilities for:
+- challenges
+- projects
+- TaaS engagements
+- users
+- groups
+
+## Routing
+
+`work-app.routes.tsx` defines the app root and child routes:
+- `challenges`
+- `projects`
+- `taas`
+- `users`
+- `groups`
+
+`config/routes.config.ts` contains route ids and the `rootRoute` resolver based on the active subdomain.
+
+## Providers
+
+`WorkApp.tsx` composes these providers:
+- `WorkAppContextProvider`: authentication token and derived role/access flags
+- `SWRConfigProvider`: shared SWR fetch configuration for the app
+
+## Extending The App
+
+1. Add feature routes under `work-app.routes.tsx` children.
+2. Implement pages/components inside `src/lib` or feature folders.
+3. Reuse `WorkAppContext` and `SWRConfigProvider` for shared state/data access.
+
+## Legacy Reference
+
+Original implementation reference:
+- `work-manager/`

src/apps/work/index.ts

@@ -0,0 +1 @@
+export * from './src'

src/apps/work/src/WorkApp.tsx

@@ -0,0 +1,33 @@
+import { FC, useContext, useEffect, useMemo } from 'react'
+import { Outlet, Routes } from 'react-router-dom'
+
+import { routerContext, RouterContextData } from '~/libs/core'
+
+import { Layout, SWRConfigProvider, WorkAppContextProvider, WORK_APP_BODY_CLASS } from './lib'
+import { toolTitle } from './work-app.routes'
+import './lib/styles/index.scss'
+
+const WorkApp: FC = () => {
+    const { getChildRoutes }: RouterContextData = useContext(routerContext)
+    const childRoutes = useMemo(() => getChildRoutes(toolTitle), [getChildRoutes])
+
+    useEffect(() => {
+        document.body.classList.add(WORK_APP_BODY_CLASS)
+        return () => {
+            document.body.classList.remove(WORK_APP_BODY_CLASS)
+        }
+    }, [])
+
+    return (
+        <WorkAppContextProvider>
+            <SWRConfigProvider>
+                <Layout>
+                    <Outlet />
+                    <Routes>{childRoutes}</Routes>
+                </Layout>
+            </SWRConfigProvider>
+        </WorkAppContextProvider>
+    )
+}
+
+export default WorkApp

src/apps/work/src/config/index.config.ts

@@ -0,0 +1,74 @@
+export const CHALLENGE_TRACKS = {
+    COMPETITIVE_PROGRAMMING: 'COMPETITIVE_PROGRAMMING',
+    DATA_SCIENCE: 'DATA_SCIENCE',
+    DESIGN: 'DESIGN',
+    DEVELOP: 'DEVELOP',
+    QA: 'QA',
+} as const
+
+export const CHALLENGE_TYPES = {
+    CHALLENGE: 'Challenge',
+    FIRST_2_FINISH: 'First2Finish',
+    MARATHON_MATCH: 'Marathon Match',
+    TASK: 'Task',
+} as const
+
+export const CHALLENGE_STATUS = {
+    ACTIVE: 'ACTIVE',
+    APPROVED: 'APPROVED',
+    CANCELLED: 'CANCELLED',
+    CANCELLED_CLIENT_REQUEST: 'CANCELLED_CLIENT_REQUEST',
+    CANCELLED_FAILED_REVIEW: 'CANCELLED_FAILED_REVIEW',
+    CANCELLED_FAILED_SCREENING: 'CANCELLED_FAILED_SCREENING',
+    CANCELLED_REQUIREMENTS_INFEASIBLE: 'CANCELLED_REQUIREMENTS_INFEASIBLE',
+    CANCELLED_WINNER_UNRESPONSIVE: 'CANCELLED_WINNER_UNRESPONSIVE',
+    CANCELLED_ZERO_REGISTRATIONS: 'CANCELLED_ZERO_REGISTRATIONS',
+    CANCELLED_ZERO_SUBMISSIONS: 'CANCELLED_ZERO_SUBMISSIONS',
+    COMPLETED: 'COMPLETED',
+    DRAFT: 'DRAFT',
+    NEW: 'NEW',
+} as const
+
+export const READ_ONLY = 'topcoder user'
+export const ADMIN = 'administrator'
+export const CONNECT_ADMIN = 'connect admin'
+export const COPILOT = 'copilot'
+export const MANAGER = 'manager'
+export const PROJECT_MANAGER = 'project manager'
+export const TOPCODER_PROJECT_MANAGER = 'topcoder project manager'
+export const TALENT_MANAGER = 'talent manager'
+export const TOPCODER_TALENT_MANAGER = 'topcoder talent manager'
+export const TASK_MANAGER = 'task manager'
+export const TOPCODER_TASK_MANAGER = 'topcoder task manager'
+
+export const READ_ONLY_ROLES = [READ_ONLY]
+export const ADMIN_ROLES = [ADMIN, CONNECT_ADMIN]
+export const COPILOT_ROLES = [COPILOT]
+export const TALENT_MANAGER_ROLES = [
+    TALENT_MANAGER,
+    TOPCODER_TALENT_MANAGER,
+]
+export const MANAGER_ROLES = [
+    PROJECT_MANAGER,
+    TOPCODER_PROJECT_MANAGER,
+    TALENT_MANAGER,
+    TOPCODER_TALENT_MANAGER,
+]
+export const TASK_MANAGER_ROLES = [
+    TASK_MANAGER,
+    TOPCODER_TASK_MANAGER,
+    TALENT_MANAGER,
+    TOPCODER_TALENT_MANAGER,
+]
+
+export const DEFAULT_PAGE_SIZE = 10
+export const PROJECTS_PAGE_SIZE = 20
+export const ENGAGEMENTS_PAGE_SIZE = 100
+export const TABLE_DATE_FORMAT = 'MMM DD YYYY, HH:mm A'
+
+export const PAGINATION_PER_PAGE_OPTIONS = [
+    { label: '5', value: '5' },
+    { label: '10', value: '10' },
+    { label: '25', value: '25' },
+    { label: '50', value: '50' },
+]

src/apps/work/src/config/routes.config.ts

@@ -0,0 +1,28 @@
+import { AppSubdomain, EnvironmentConfig } from '~/config'
+
+export const rootRoute: string
+    = EnvironmentConfig.SUBDOMAIN === AppSubdomain.work
+        ? ''
+        : `/${AppSubdomain.work}`
+
+export const challengesRouteId = 'challenges'
+export const challengeCreateRouteId = 'challenge-create'
+export const challengeEditRouteId = 'challenge-edit'
+export const projectsRouteId = 'projects'
+export const projectCreateRouteId = 'project-create'
+export const projectEditRouteId = 'project-edit'
+export const taasRouteId = 'taas'
+export const taasCreateRouteId = 'taas-create'
+export const taasEditRouteId = 'taas-edit'
+export const engagementsRouteId = 'engagements'
+export const engagementCreateRouteId = 'engagement-create'
+export const engagementEditRouteId = 'engagement-edit'
+export const engagementApplicationsRouteId = 'engagement-applications'
+export const engagementAssignmentsRouteId = 'engagement-assignments'
+export const engagementFeedbackRouteId = 'engagement-feedback'
+export const engagementExperienceRouteId = 'engagement-experience'
+export const projectAssetsRouteId = 'project-assets'
+export const usersRouteId = 'users'
+export const projectInvitationsRouteId = 'project-invitations'
+export const groupsRouteId = 'groups'
+export const groupsEditRouteId = 'group-edit'

src/apps/work/src/index.ts

@@ -0,0 +1,2 @@
+export { workRoutes } from './work-app.routes'
+export { rootRoute as workRootRoute } from './config/routes.config'