diff --git a/packages/esm-lab-order-manifest-app/jest.config.js b/packages/esm-lab-order-manifest-app/jest.config.js
new file mode 100644
index 00000000..0352f621
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/jest.config.js
@@ -0,0 +1,3 @@
+const rootConfig = require('../../jest.config.js');
+
+module.exports = rootConfig;
diff --git a/packages/esm-lab-order-manifest-app/package.json b/packages/esm-lab-order-manifest-app/package.json
new file mode 100644
index 00000000..8da26cd9
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/package.json
@@ -0,0 +1,55 @@
+{
+  "name": "@ampath/esm-lab-order-manifest-app",
+  "version": "6.0.0",
+  "description": "AMPATH lab Orders Manifest App",
+  "browser": "dist/ampath-esm-lab-order-manifest-app.js",
+  "main": "src/index.ts",
+  "source": true,
+  "license": "MPL-2.0",
+  "homepage": "https://github.com/AMPATH/ampath-esm-3.x#readme",
+  "scripts": {
+    "start": "openmrs develop --port 4542 --backend http://amrs.ampath.or.ke:8080 --api-url /amrs --importmap http://amrs.ampath.or.ke:8080/amrs/spa/importmap.json",
+    "serve": "webpack serve --mode=development",
+    "debug": "npm run serve",
+    "build": "webpack --mode production",
+    "analyze": "webpack --mode=production --env.analyze=true",
+    "lint": "cross-env TIMING=1 eslint src --ext ts,tsx",
+    "test": "cross-env TZ=UTC jest --config jest.config.js --verbose false --passWithNoTests --color",
+    "test:watch": "cross-env TZ=UTC jest --watch --config jest.config.js --color",
+    "coverage": "yarn test --coverage",
+    "typescript": "tsc",
+    "extract-translations": "i18next 'src/**/*.component.tsx'"
+  },
+  "browserslist": [
+    "extends browserslist-config-openmrs"
+  ],
+  "keywords": [
+    "openmrs",
+    "ampath"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AMPATH/ampath-esm-3.x.git"
+  },
+  "bugs": {
+    "url": "https://github.com/AMPATH/ampath-esm-3.x/issues"
+  },
+  "dependencies": {
+    "@carbon/react": "~1.37.0",
+    "lodash-es": "^4.17.15"
+  },
+  "peerDependencies": {
+    "@openmrs/esm-framework": "5.x",
+    "@openmrs/esm-laboratory-app": "1.0.0",
+    "react": "^18.1.0",
+    "react-i18next": "11.x",
+    "react-router-dom": "6.x",
+    "swr": "2.x"
+  },
+  "devDependencies": {
+    "webpack": "^5.74.0"
+  }
+}
diff --git a/packages/esm-lab-order-manifest-app/src/config-schema.ts b/packages/esm-lab-order-manifest-app/src/config-schema.ts
new file mode 100644
index 00000000..81d64f93
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/config-schema.ts
@@ -0,0 +1,8 @@
+import { Type } from '@openmrs/esm-framework';
+export const configSchema = {
+  basicAuthBase64: {
+    _type: Type.String,
+    _description: 'Basic auth base64 string for the API call e.g Basic someBase64String==',
+    _default: '',
+  },
+};
diff --git a/packages/esm-lab-order-manifest-app/src/declarations.d.ts b/packages/esm-lab-order-manifest-app/src/declarations.d.ts
new file mode 100644
index 00000000..85391863
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/declarations.d.ts
@@ -0,0 +1,4 @@
+declare module '@carbon/react';
+declare module '*.css';
+declare module '*.scss';
+declare type SideNavProps = {};
diff --git a/packages/esm-lab-order-manifest-app/src/index.ts b/packages/esm-lab-order-manifest-app/src/index.ts
new file mode 100644
index 00000000..c306f297
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/index.ts
@@ -0,0 +1,32 @@
+import { defineConfigSchema, getAsyncLifecycle, getSyncLifecycle } from '@openmrs/esm-framework';
+import { configSchema } from './config-schema';
+import Root from './root.component';
+
+const moduleName = '@ampath/esm-lab-order-manifest-app';
+
+const options = {
+  featureName: 'esm-lab-order-manifest-app',
+  moduleName,
+};
+
+export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
+
+export const root = getSyncLifecycle(Root, options);
+export const manifestOrdersComponent = getAsyncLifecycle(
+  () => import('./lab-order-manifest/manifest-orders.component'),
+  options,
+);
+
+export const postOrderToEidDialog = getAsyncLifecycle(
+  () => import('./lab-order-manifest/dialog/post-to-eid-dialog.component'),
+  options,
+);
+
+export const postOrderToEidButton = getAsyncLifecycle(
+  () => import('./lab-order-manifest/order-actions/post-to-eid-action.component'),
+  options,
+);
+
+export function startupApp() {
+  defineConfigSchema(moduleName, configSchema);
+}
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-orde-to-eid-dialog.scss b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-orde-to-eid-dialog.scss
new file mode 100644
index 00000000..e76de4d0
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-orde-to-eid-dialog.scss
@@ -0,0 +1,14 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+
+section {
+  margin: spacing.$spacing-03;
+}
+
+.sectionTitle {
+  margin-bottom: spacing.$spacing-04;
+}
+
+.modalBody {
+  padding-bottom: spacing.$spacing-05;
+}
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.component.tsx b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.component.tsx
new file mode 100644
index 00000000..268fe08e
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.component.tsx
@@ -0,0 +1,109 @@
+import React, { useState } from 'react';
+
+import {
+  Button,
+  ContentSwitcher,
+  Form,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
+  Select,
+  SelectItem,
+  Switch,
+  TextArea,
+  Grid,
+  Checkbox,
+  TextInput,
+  IconButton,
+} from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import styles from './post-orde-to-eid-dialog.scss';
+import { type Result } from '../manifest-orders-list-resource';
+import { PostToEid } from './post-to-eid-dialog.resource';
+import { showNotification, showSnackbar } from '@openmrs/esm-framework';
+import { Card } from '@ampath/esm-patient-registration-app/src/patient-verification/verification.component';
+
+interface PostOrderDialogProps {
+  order: Result;
+  closeModal: () => void;
+}
+
+const PostEidOrderDialog: React.FC<PostOrderDialogProps> = ({ order, closeModal }) => {
+  const { t } = useTranslation();
+
+  const [notes, setNotes] = useState('');
+
+  const postOrder = async (event) => {
+    event.preventDefault();
+    // TODO Clean up for amrs posting to nascop eid
+    const payload = {
+      fulfillerStatus: 'EXCEPTION',
+      fulfillerComment: notes,
+    };
+    PostToEid(order.uuid, payload).then(
+      (resp) => {
+        showSnackbar({
+          isLowContrast: true,
+          title: t('postOrder', 'Post Order'),
+          kind: 'success',
+          subtitle: t(
+            'successfullyPosted',
+            `You have successfully posted an Order with OrderNumber ${order.orderNumber} `,
+          ),
+        });
+        closeModal();
+      },
+      (err) => {
+        showNotification({
+          title: t(`errorRejectingOrder', 'Error Rejecting the order`),
+          kind: 'error',
+          critical: true,
+          description: err?.message,
+        });
+      },
+    );
+  };
+
+  return (
+    <div>
+      <Form onSubmit={postOrder}>
+        <ModalHeader closeModal={closeModal} title={t('postOrder', 'Post Order To EID')} />
+        <ModalBody>
+          <div className={styles.modalBody}>
+            <section className={styles.section}>
+              <h5 className={styles.section}>
+                {order?.accessionNumber} &nbsp; · &nbsp;{order?.fulfillerStatus} &nbsp; · &nbsp;
+                {order?.orderNumber}
+                &nbsp;
+              </h5>
+            </section>
+            <br />
+            <section className={styles.section}>
+              <Card label="Client ID (CCC Number)" value="" />
+              <TextArea
+                labelText={t('notes', 'Enter Comments ')}
+                id="nextNotes"
+                name="nextNotes"
+                invalidText="Required"
+                helperText="Please enter comment"
+                maxCount={500}
+                enableCounter
+                onChange={(e) => setNotes(e.target.value)}
+              />
+            </section>
+          </div>
+        </ModalBody>
+        <ModalFooter>
+          <Button kind="secondary" onClick={closeModal}>
+            {t('cancel', 'Cancel')}
+          </Button>
+          <Button kind="success" type="submit">
+            {t('postToEid', 'Post To EID')}
+          </Button>
+        </ModalFooter>
+      </Form>
+    </div>
+  );
+};
+
+export default PostEidOrderDialog;
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.resource.ts b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.resource.ts
new file mode 100644
index 00000000..8fcf8f45
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/dialog/post-to-eid-dialog.resource.ts
@@ -0,0 +1,14 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+
+export async function PostToEid(uuid: string, body: any) {
+  const abortController = new AbortController();
+
+  return openmrsFetch(`/ws/rest/v1/order/${uuid}/fulfillerdetails/`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    signal: abortController.signal,
+    body: body,
+  });
+}
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list-resource.ts b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list-resource.ts
new file mode 100644
index 00000000..1beb709e
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list-resource.ts
@@ -0,0 +1,130 @@
+import { openmrsFetch } from '@openmrs/esm-framework';
+import useSWR from 'swr';
+
+export interface Result {
+  uuid: string;
+  orderNumber: string;
+  accessionNumber: string;
+  patient: Patient;
+  concept: Concept;
+  action: string;
+  careSetting: CareSetting;
+  previousOrder: PreviousOrder;
+  dateActivated: string;
+  scheduledDate: any;
+  dateStopped: any;
+  autoExpireDate: any;
+  encounter: Encounter;
+  orderer: Orderer;
+  orderReason: any;
+  orderReasonNonCoded: any;
+  orderType: OrderType;
+  urgency: string;
+  instructions: any;
+  commentToFulfiller: any;
+  display: string;
+  auditInfo: AuditInfo;
+  fulfillerStatus: string;
+  fulfillerComment: any;
+  specimenSource: SpecimenSource;
+  laterality: any;
+  clinicalHistory: any;
+  frequency: any;
+  numberOfRepeats: any;
+  links: Link[];
+  type: string;
+  resourceVersion: string;
+}
+
+export interface Patient {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export interface Link {
+  rel: string;
+  uri: string;
+  resourceAlias: string;
+}
+
+export interface Concept {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export interface CareSetting {
+  uuid: string;
+  name: string;
+  description: string;
+  retired: boolean;
+  careSettingType: string;
+  display: string;
+  links: Link[];
+  resourceVersion: string;
+}
+
+export interface PreviousOrder {
+  uuid: string;
+  display: string;
+  links: Link[];
+  type: string;
+}
+
+export interface Encounter {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export interface Orderer {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export interface OrderType {
+  uuid: string;
+  display: string;
+  name: string;
+  javaClassName: string;
+  retired: boolean;
+  description: string;
+  conceptClasses: any[];
+  parent: any;
+  links: Link[];
+  resourceVersion: string;
+}
+
+export interface AuditInfo {
+  creator: Creator;
+  dateCreated: string;
+  changedBy: any;
+  dateChanged: any;
+}
+
+export interface Creator {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export interface SpecimenSource {
+  uuid: string;
+  display: string;
+  links: Link[];
+}
+
+export function useGetOrdersWorklist(activatedOnOrAfterDate: string, fulfillerStatus: string) {
+  const apiUrl = `/ws/rest/v1/order?orderTypes=52a447d3-a64a-11e3-9aeb-50e549534c5e&activatedOnOrAfterDate=${activatedOnOrAfterDate}&isStopped=false&fulfillerStatus=${fulfillerStatus}&v=full
+`;
+
+  const { data, error, isLoading } = useSWR<{ data: { results: Array<Result> } }, Error>(apiUrl, openmrsFetch);
+
+  return {
+    workListEntries: data?.data ? data.data.results : [],
+    isLoading,
+    isError: error,
+  };
+}
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list.tsx b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list.tsx
new file mode 100644
index 00000000..a11e784c
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders-list.tsx
@@ -0,0 +1,230 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import {
+  DataTable,
+  DataTableSkeleton,
+  Pagination,
+  Table,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Dropdown,
+  TabPanel,
+  TableToolbar,
+  TableToolbarContent,
+  TableToolbarSearch,
+  Layer,
+  Tag,
+  Tile,
+  Button,
+  DatePicker,
+  DatePickerInput,
+} from '@carbon/react';
+import styles from './manifest-styles.scss';
+
+import { useTranslation } from 'react-i18next';
+import { ExtensionSlot, age, formatDate, formatDatetime, parseDate, usePagination } from '@openmrs/esm-framework';
+
+import { type Result, useGetOrdersWorklist } from './manifest-orders-list-resource';
+import { getStatusColor } from '../utils/function';
+
+interface ManifestOrdersListProps {}
+
+interface PostOrderProps {
+  order: Result;
+}
+
+const ManifestOrdersList: React.FC<ManifestOrdersListProps> = () => {
+  const { t } = useTranslation();
+
+  const OrderStatuses = ['All', 'RECEIVED', 'IN_PROGRESS', 'COMPLETED', 'EXCEPTION', 'ON_HOLD', 'DECLINED'];
+
+  const [activatedOnOrAfterDate, setActivatedOnOrAfterDate] = useState('');
+
+  const [filter, setFilter] = useState<
+    'All' | 'EXCEPTION' | 'RECEIVED' | 'COMPLETED' | 'IN_PROGRESS' | 'ON_HOLD' | 'DECLINED'
+  >('All');
+
+  const { workListEntries, isLoading } = useGetOrdersWorklist(activatedOnOrAfterDate, '');
+
+  const filteredStatus = useMemo(() => {
+    if (!filter || filter == 'All') {
+      return workListEntries;
+    }
+
+    if (filter) {
+      return workListEntries?.filter((order) => order.fulfillerStatus === filter);
+    }
+
+    return workListEntries;
+  }, [filter, workListEntries]);
+
+  const pageSizes = [10, 20, 30, 40, 50];
+  const [currentPageSize, setPageSize] = useState(10);
+
+  const { goTo, results: paginatedWorklistQueueEntries, currentPage } = usePagination(filteredStatus, currentPageSize);
+  // get picked orders
+  let columns = [
+    { id: 0, header: t('date', 'Date'), key: 'date' },
+
+    { id: 1, header: t('orderNumber', 'Order Number'), key: 'orderNumber' },
+    { id: 2, header: t('patient', 'Patient'), key: 'patient' },
+
+    {
+      id: 3,
+      header: t('accessionNumber', 'Accession Number'),
+      key: 'accessionNumber',
+    },
+    { id: 4, header: t('test', 'Test'), key: 'test' },
+    { id: 5, header: t('action', 'Action'), key: 'action' },
+    { id: 6, header: t('status', 'Status'), key: 'status' },
+    { id: 8, header: t('orderer', 'Orderer'), key: 'orderer' },
+    { id: 9, header: t('urgency', 'Urgency'), key: 'urgency' },
+    { id: 10, header: t('actions', 'Actions'), key: 'actions' },
+  ];
+
+  const handleOrderStatusChange = ({ selectedItem }) => setFilter(selectedItem);
+  const tableRows = useMemo(() => {
+    return paginatedWorklistQueueEntries
+      ?.filter((item) => item.action === 'NEW')
+      .map((entry, index) => ({
+        ...entry,
+        id: entry.uuid,
+        date: {
+          content: (
+            <>
+              <span className={styles['single-line-display']}>{formatDate(parseDate(entry.dateActivated))}</span>
+            </>
+          ),
+        },
+        patient: {
+          content: (
+            <>
+              <span>{entry.patient.display.split('-')[1]}</span>
+            </>
+          ),
+        },
+        orderNumber: { content: <span>{entry.orderNumber}</span> },
+        accessionNumber: { content: <span>{entry.accessionNumber}</span> },
+        test: { content: <span>{entry.concept.display}</span> },
+        action: { content: <span>{entry.action}</span> },
+        status: {
+          content: (
+            <>
+              <Tag>
+                <span className={styles.statusContainer} style={{ color: `${getStatusColor(entry.fulfillerStatus)}` }}>
+                  <span>{entry.fulfillerStatus}</span>
+                </span>
+              </Tag>
+            </>
+          ),
+        },
+        orderer: { content: <span>{entry.orderer.display}</span> },
+        urgency: { content: <span>{entry.urgency}</span> },
+        actions: {
+          content: <></>,
+        },
+      }));
+  }, [paginatedWorklistQueueEntries]);
+  if (isLoading) {
+    return <DataTableSkeleton role="progressbar" />;
+  }
+  if (paginatedWorklistQueueEntries?.length >= 0) {
+    return (
+      <DataTable rows={tableRows} headers={columns} useZebraStyles overflowMenuOnHover={true}>
+        {({ rows, headers, getHeaderProps, getTableProps, getRowProps, onInputChange }) => (
+          <TableContainer className={styles.tableContainer}>
+            <TableToolbar
+              style={{
+                position: 'static',
+                height: '3rem',
+                overflow: 'visible',
+                backgroundColor: 'color',
+              }}>
+              <TableToolbarContent>
+                <Layer style={{ margin: '5px' }}>
+                  <Dropdown
+                    id="orderStatus"
+                    initialSelectedItem={'All'}
+                    label=""
+                    titleText={t('filterOrdersByStatus', 'Filter Orders by status') + ':'}
+                    type="inline"
+                    items={OrderStatuses}
+                    onChange={handleOrderStatusChange}
+                  />
+                </Layer>
+
+                <Layer style={{ margin: '5px' }}>
+                  <DatePicker dateFormat="Y-m-d" datePickerType="single">
+                    <DatePickerInput
+                      labelText={''}
+                      id="activatedOnOrAfterDate"
+                      placeholder="YYYY-MM-DD"
+                      onChange={(event) => {
+                        setActivatedOnOrAfterDate(event.target.value);
+                      }}
+                      type="date"
+                      value={activatedOnOrAfterDate}
+                    />
+                  </DatePicker>
+                </Layer>
+              </TableToolbarContent>
+            </TableToolbar>
+            <Table {...getTableProps()} className={styles.activePatientsTable}>
+              <TableHead>
+                <TableRow>
+                  {headers.map((header) => (
+                    <TableHeader {...getHeaderProps({ header })}>{header.header?.content ?? header.header}</TableHeader>
+                  ))}
+                </TableRow>
+              </TableHead>
+              <TableBody>
+                {rows.map((row, index) => {
+                  return (
+                    <React.Fragment key={row.id}>
+                      <TableRow {...getRowProps({ row })} key={row.id}>
+                        {row.cells.map((cell) => (
+                          <TableCell key={cell.id}>{cell.value?.content ?? cell.value}</TableCell>
+                        ))}
+                      </TableRow>
+                    </React.Fragment>
+                  );
+                })}
+              </TableBody>
+            </Table>
+            {rows.length === 0 ? (
+              <div className={styles.tileContainer}>
+                <Tile className={styles.tile}>
+                  <div className={styles.tileContent}>
+                    <p className={styles.content}>{t('noWorklistsToDisplay', 'No worklists orders to display')}</p>
+                  </div>
+                </Tile>
+              </div>
+            ) : null}
+            <Pagination
+              forwardText="Next page"
+              backwardText="Previous page"
+              page={currentPage}
+              pageSize={currentPageSize}
+              pageSizes={pageSizes}
+              totalItems={workListEntries?.length}
+              className={styles.pagination}
+              onChange={({ pageSize, page }) => {
+                if (pageSize !== currentPageSize) {
+                  setPageSize(pageSize);
+                }
+                if (page !== currentPage) {
+                  goTo(page);
+                }
+              }}
+            />
+          </TableContainer>
+        )}
+      </DataTable>
+    );
+  }
+};
+
+export default ManifestOrdersList;
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders.component.tsx b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders.component.tsx
new file mode 100644
index 00000000..e348106a
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-orders.component.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import { Search } from '@carbon/react';
+import styles from './manifest-styles.scss';
+import { t } from 'i18next';
+import { useTranslation } from 'react-i18next';
+import ManifestOrdersList from './manifest-orders-list';
+
+const ManifestOrders = () => {
+  const { t } = useTranslation();
+  return (
+    <section className={styles.orderTabsContainer}>
+      <div className={styles.searchContainer}>
+        <Search
+          closeButtonLabelText={t('clearSearchInput', 'Clear search input')}
+          placeholder={t('searchByPatientIdOrName', 'Search by patient ID or name')}
+          labelText={t('searchByPatientIdOrName', 'Search by patient ID or name')}
+          onChange={(e) => {
+            e.preventDefault();
+            // setSearchTermUserInput(e.target.value);
+          }}
+          size="md"
+          className={styles.patientSearch}
+        />
+      </div>
+      <div>
+        <h5>Order list</h5>
+        <ManifestOrdersList />
+      </div>
+    </section>
+  );
+};
+
+export default ManifestOrders;
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-styles.scss b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-styles.scss
new file mode 100644
index 00000000..c6c525fb
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/manifest-styles.scss
@@ -0,0 +1,212 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/styles/scss/type';
+@import '~@openmrs/esm-styleguide/src/vars';
+@import '../root.scss';
+
+title {
+  width: 6.938rem;
+  height: 1.75rem;
+  margin: 0.438rem 22.875rem 0.813rem 0;
+  font-family: IBMPlexSans;
+  font-size: 1.25rem;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.4;
+  letter-spacing: normal;
+}
+
+.link {
+  text-decoration: none;
+}
+
+.breadcrumbsSlot {
+  grid-row: 1 / 2;
+  grid-column: 1 / 2;
+}
+
+.orderTabsContainer {
+  height: 100%;
+  width: 100%;
+
+  :global(.cds--tab-content) {
+    padding: 0 !important;
+  }
+}
+
+.orderTabs {
+  grid-column: 'span 2';
+  padding: 0 spacing.$spacing-05;
+}
+
+.newListButton {
+  width: fit-content;
+  justify-self: end;
+  align-self: center;
+}
+
+.tabsContainer {
+  background-color: $ui-02;
+
+  :global(.cds--tabs__nav-item--selected) {
+    box-shadow: inset 0 2px 0 0 var(--brand-03) !important;
+  }
+
+  :global(.cds--tab--list) button {
+    max-width: 12rem !important;
+  }
+}
+
+.hiddenTabsContent,
+.tabs .hiddenTabsContent {
+  display: none;
+}
+
+.patientListTableContainer {
+  grid-row: 3 / 4;
+  grid-column: 1 / 2;
+  height: 100%;
+  margin: 0.5rem spacing.$spacing-05;
+  background-color: $ui-01;
+  border: 0.5px solid #e0e0e0;
+
+  :global(.cds--data-table-container) {
+    padding-top: 0 !important;
+  }
+
+  tbody > tr > :nth-child(2) {
+    white-space: nowrap;
+  }
+
+  :global(.cds--data-table td) {
+    height: unset !important;
+  }
+
+  :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 1) td {
+    background-color: $ui-02;
+    border-bottom: 1px solid $ui-03;
+    border-top: 1px solid $ui-03;
+  }
+
+  :global(.cds--data-table--zebra) tbody tr[data-parent-row]:nth-child(4n + 3) td {
+    background-color: $ui-01;
+    border-bottom: 1px solid $ui-03;
+  }
+}
+
+.tableContainer {
+  background-color: $ui-01;
+  margin: 0 spacing.$spacing-05;
+  padding: 0;
+
+  a {
+    text-decoration: none;
+  }
+
+  th {
+    color: $text-02;
+  }
+
+  :global(.cds--data-table) {
+    background-color: $ui-03;
+  }
+
+  .toolbarContent {
+    height: spacing.$spacing-07;
+    margin-bottom: spacing.$spacing-02;
+  }
+}
+
+.activePatientsTable tr:last-of-type {
+  td {
+    border-bottom: none;
+  }
+}
+
+.searchContainer {
+  display: flex;
+  align-items: center;
+  flex-direction: row-reverse;
+  padding-top: 0.5rem;
+
+  :global(.cds--search-magnifier-icon) {
+    z-index: 0 !important;
+  }
+
+  input {
+    background-color: #fff;
+  }
+}
+
+.addOrderBtn {
+  width: 10rem !important;
+  padding: 0.5rem !important;
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+
+.patientSearch {
+  width: 25rem;
+  border-bottom-color: $ui-03;
+}
+
+.locationFilter {
+  width: 25rem;
+}
+
+.search {
+  width: 100%;
+  max-width: 16rem;
+  background-color: $ui-02;
+  border-bottom-color: $ui-03;
+}
+
+.container {
+  background-color: $ui-01;
+}
+
+.expandedLabQueueVisitRow {
+  :global(.cds--tab-content) {
+    padding: 0.5rem 0;
+  }
+
+  td {
+    padding: 0.5rem;
+
+    > div {
+      max-height: max-content !important;
+      background-color: $ui-02;
+    }
+  }
+
+  th[colspan] td[colspan] > div:first-child {
+    padding: 0 1rem;
+  }
+}
+
+.tileContainer {
+  background-color: $ui-02;
+  border-top: 1px solid $ui-03;
+  padding: 5rem 0;
+}
+
+.tile {
+  margin: auto;
+  width: fit-content;
+}
+
+.tileContent {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.content {
+  @include type.type-style('heading-compact-02');
+  color: $text-02;
+  margin-bottom: 0.5rem;
+}
+
+.single-line-display {
+  white-space: nowrap;
+}
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/order-actions/post-to-eid-action.component.tsx b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/order-actions/post-to-eid-action.component.tsx
new file mode 100644
index 00000000..115f7a51
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/order-actions/post-to-eid-action.component.tsx
@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import { OverflowMenuItem, OverflowMenu } from '@carbon/react';
+import { useTranslation } from 'react-i18next';
+import { showModal } from '@openmrs/esm-framework';
+import { type Result } from '../manifest-orders-list-resource';
+
+interface PostEidOrderOverflowMenuItemProps {
+  order: Result;
+}
+
+const RejectOrderOverflowMenuItem: React.FC<PostEidOrderOverflowMenuItemProps> = ({ order }) => {
+  const { t } = useTranslation();
+
+  const handlePostEidOrderModel = useCallback(() => {
+    const dispose = showModal('post-lab-order-to-eid-component', {
+      closeModal: () => dispose(),
+      order,
+    });
+  }, [order]);
+  return (
+    <OverflowMenuItem
+      itemText={t('postOrder', 'Post Order')}
+      onClick={handlePostEidOrderModel}
+      style={{
+        maxWidth: '100vw',
+      }}
+      isDelete={true}
+      hasDivider
+    />
+  );
+};
+
+export default RejectOrderOverflowMenuItem;
diff --git a/packages/esm-lab-order-manifest-app/src/lab-order-manifest/pre-appointment.scss b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/pre-appointment.scss
new file mode 100644
index 00000000..0501a462
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/lab-order-manifest/pre-appointment.scss
@@ -0,0 +1,12 @@
+@use '@carbon/styles/scss/spacing';
+@use '@carbon/colors';
+
+.preAppointment {
+  margin: spacing.$spacing-05;
+  padding: spacing.$spacing-05;
+  border: 1px solid colors.$cool-gray-20;
+}
+
+.emptyStateContainer {
+  margin: spacing.$spacing-05;
+}
diff --git a/packages/esm-lab-order-manifest-app/src/root.component.tsx b/packages/esm-lab-order-manifest-app/src/root.component.tsx
new file mode 100644
index 00000000..c785aabf
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/root.component.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import { BrowserRouter } from 'react-router-dom';
+
+const Root: React.FC = () => {
+  return <BrowserRouter basename={window.getOpenmrsSpaBase()}></BrowserRouter>;
+};
+
+export default Root;
diff --git a/packages/esm-lab-order-manifest-app/src/root.scss b/packages/esm-lab-order-manifest-app/src/root.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/esm-lab-order-manifest-app/src/routes.json b/packages/esm-lab-order-manifest-app/src/routes.json
new file mode 100644
index 00000000..18442d83
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/routes.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "https://json.openmrs.org/routes.schema.json",
+  "backendDependencies": {
+    "webservices.rest": "^2.2.0"
+  },
+  "pages": [
+
+  ],
+  "extensions": [
+    {
+      "name": "lab-order-manifest-component",
+      "slot": "lab-panels-slot",
+      "component": "manifestOrdersComponent",
+      "meta": {
+        "name": "worklistPanelSlot",
+        "title": "Ref Lab Orders"
+      }
+    },
+    {
+      "name": "post-lab-order-to-eid-component",
+      "component": "postOrderToEidDialog"
+    },
+    {
+      "name": "post-eid-order-button",
+      "component": "postOrderToEidButton",
+      "slot": "order-actions-slot"
+    }
+  ]
+}
diff --git a/packages/esm-lab-order-manifest-app/src/types/index.ts b/packages/esm-lab-order-manifest-app/src/types/index.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/esm-lab-order-manifest-app/src/utils/function.ts b/packages/esm-lab-order-manifest-app/src/utils/function.ts
new file mode 100644
index 00000000..9c9ad612
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/src/utils/function.ts
@@ -0,0 +1,9 @@
+export const getStatusColor = (fulfillerStatus: string) => {
+  if (fulfillerStatus === 'COMPLETED') {
+    return 'green';
+  } else if (fulfillerStatus === 'IN_PROGRESS') {
+    return 'orange';
+  } else {
+    return 'red';
+  }
+};
diff --git a/packages/esm-lab-order-manifest-app/translations/en.json b/packages/esm-lab-order-manifest-app/translations/en.json
new file mode 100644
index 00000000..14069410
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/translations/en.json
@@ -0,0 +1,10 @@
+{
+  "cancel": "Cancel",
+  "clearSearchInput": "Clear search input",
+  "errorRejectingOrder', 'Error Rejecting the order": "",
+  "notes": "Enter Comments ",
+  "postOrder": "Post Order To EID",
+  "postToEid": "Post To EID",
+  "searchByPatientIdOrName": "Search by patient ID or name",
+  "successfullyPosted": "You have successfully posted an Order with OrderNumber"
+}
diff --git a/packages/esm-lab-order-manifest-app/tsconfig.json b/packages/esm-lab-order-manifest-app/tsconfig.json
new file mode 100644
index 00000000..54ce28cf
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src/**/*"],
+  "exclude": ["src/**/*.test.tsx"]
+}
diff --git a/packages/esm-lab-order-manifest-app/webpack.config.js b/packages/esm-lab-order-manifest-app/webpack.config.js
new file mode 100644
index 00000000..2c74029c
--- /dev/null
+++ b/packages/esm-lab-order-manifest-app/webpack.config.js
@@ -0,0 +1 @@
+module.exports = require('openmrs/default-webpack-config');