From 3a0d96a48d9756817d168b6774faea3fb6dbab6f Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 11:21:34 +0530
Subject: [PATCH 01/81] chore: cycle endpoint to return display name as well in
 the assignee distribution (#2041)

* chore: cycle endpoint to return display name as well in the assignee distribution

* fix: value error
---
 apiserver/plane/api/views/cycle.py | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apiserver/plane/api/views/cycle.py b/apiserver/plane/api/views/cycle.py
index a3d89fa81..3dca6c312 100644
--- a/apiserver/plane/api/views/cycle.py
+++ b/apiserver/plane/api/views/cycle.py
@@ -191,11 +191,10 @@ class CycleViewSet(BaseViewSet):
                             workspace__slug=slug,
                             project_id=project_id,
                         )
-                        .annotate(first_name=F("assignees__first_name"))
-                        .annotate(last_name=F("assignees__last_name"))
+                        .annotate(display_name=F("assignees__display_name"))
                         .annotate(assignee_id=F("assignees__id"))
                         .annotate(avatar=F("assignees__avatar"))
-                        .values("first_name", "last_name", "assignee_id", "avatar")
+                        .values("display_name", "assignee_id", "avatar")
                         .annotate(total_issues=Count("assignee_id"))
                         .annotate(
                             completed_issues=Count(
@@ -209,7 +208,7 @@ class CycleViewSet(BaseViewSet):
                                 filter=Q(completed_at__isnull=True),
                             )
                         )
-                        .order_by("first_name", "last_name")
+                        .order_by("display_name")
                     )
 
                     label_distribution = (

From 0d4bcd2758671f2b68508a8ec1cafa5158311342 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 1 Sep 2023 11:23:43 +0530
Subject: [PATCH 02/81] fix: Gantt chart bugs (#2024)

* fix: only left mouse button should trigger all the events

* fix: extra block shadow
---
 .../app/components/gantt-chart/helpers/draggable.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/app/components/gantt-chart/helpers/draggable.tsx b/apps/app/components/gantt-chart/helpers/draggable.tsx
index 20423ff59..b665bf5d3 100644
--- a/apps/app/components/gantt-chart/helpers/draggable.tsx
+++ b/apps/app/components/gantt-chart/helpers/draggable.tsx
@@ -73,9 +73,11 @@ export const ChartDraggable: React.FC<Props> = ({
   };
 
   // handle block resize from the left end
-  const handleBlockLeftResize = () => {
+  const handleBlockLeftResize = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
     if (!currentViewData || !resizableRef.current || !block.position) return;
 
+    if (e.button !== 0) return;
+
     const resizableDiv = resizableRef.current;
 
     const columnWidth = currentViewData.data.width;
@@ -126,9 +128,11 @@ export const ChartDraggable: React.FC<Props> = ({
   };
 
   // handle block resize from the right end
-  const handleBlockRightResize = () => {
+  const handleBlockRightResize = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
     if (!currentViewData || !resizableRef.current || !block.position) return;
 
+    if (e.button !== 0) return;
+
     const resizableDiv = resizableRef.current;
 
     const columnWidth = currentViewData.data.width;
@@ -173,6 +177,8 @@ export const ChartDraggable: React.FC<Props> = ({
   const handleBlockMove = (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
     if (!enableBlockMove || !currentViewData || !resizableRef.current || !block.position) return;
 
+    if (e.button !== 0) return;
+
     e.preventDefault();
     e.stopPropagation();
 
@@ -266,7 +272,7 @@ export const ChartDraggable: React.FC<Props> = ({
       <div
         id={`block-${block.id}`}
         ref={resizableRef}
-        className="relative group cursor-pointer font-medium rounded shadow-sm h-full inline-flex items-center transition-all"
+        className="relative group cursor-pointer font-medium h-full inline-flex items-center transition-all"
         style={{
           marginLeft: `${block.position?.marginLeft}px`,
           width: `${block.position?.width}px`,

From c6d9ace6a2bf884c8d784c63d6bdd128734583ee Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 13:20:52 +0530
Subject: [PATCH 03/81] dev: migrations for v0.12 release (#2044)

---
 ..._alter_analyticview_created_by_and_more.py | 35 ++++++++++++++++++-
 ..._together_alter_issuevote_vote_and_more.py | 26 --------------
 2 files changed, 34 insertions(+), 27 deletions(-)
 delete mode 100644 apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py

diff --git a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
index f7d6a979d..7db02c53d 100644
--- a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
+++ b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
@@ -31,5 +31,38 @@ class Migration(migrations.Migration):
             name='title',
             field=models.CharField(blank=True, max_length=255, null=True),
         ),
-        migrations.RunPython(update_user_timezones)
+        migrations.RunPython(update_user_timezones),
+        migrations.AlterUniqueTogether(
+            name='issuevote',
+            unique_together=set(),
+        ),
+        migrations.AlterField(
+            model_name='issuevote',
+            name='vote',
+            field=models.IntegerField(choices=[(-1, 'DOWNVOTE'), (1, 'UPVOTE')], default=1),
+        ),
+        migrations.AlterUniqueTogether(
+            name='issuevote',
+            unique_together={('issue', 'actor', 'vote')},
+        ),
+        migrations.CreateModel(
+            name='ProjectPublicMember',
+            fields=[
+                ('created_at', models.DateTimeField(auto_now_add=True, verbose_name='Created At')),
+                ('updated_at', models.DateTimeField(auto_now=True, verbose_name='Last Modified At')),
+                ('id', models.UUIDField(db_index=True, default=uuid.uuid4, editable=False, primary_key=True, serialize=False, unique=True)),
+                ('created_by', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_created_by', to=settings.AUTH_USER_MODEL, verbose_name='Created By')),
+                ('member', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='public_project_members', to=settings.AUTH_USER_MODEL)),
+                ('project', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='project_%(class)s', to='db.project')),
+                ('updated_by', models.ForeignKey(null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='%(class)s_updated_by', to=settings.AUTH_USER_MODEL, verbose_name='Last Modified By')),
+                ('workspace', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='workspace_%(class)s', to='db.workspace')),
+            ],
+            options={
+                'verbose_name': 'Project Public Member',
+                'verbose_name_plural': 'Project Public Members',
+                'db_table': 'project_public_members',
+                'ordering': ('-created_at',),
+                'unique_together': {('project', 'member')},
+            },
+        ),
     ]
diff --git a/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py b/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py
deleted file mode 100644
index d8063acc0..000000000
--- a/apiserver/plane/db/migrations/0042_alter_issuevote_unique_together_alter_issuevote_vote_and_more.py
+++ /dev/null
@@ -1,26 +0,0 @@
-# Generated by Django 4.2.3 on 2023-08-29 07:58
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('db', '0041_cycle_sort_order_issuecomment_access_and_more'),
-    ]
-
-    operations = [
-        migrations.AlterUniqueTogether(
-            name='issuevote',
-            unique_together=set(),
-        ),
-        migrations.AlterField(
-            model_name='issuevote',
-            name='vote',
-            field=models.IntegerField(choices=[(-1, 'DOWNVOTE'), (1, 'UPVOTE')], default=1),
-        ),
-        migrations.AlterUniqueTogether(
-            name='issuevote',
-            unique_together={('issue', 'actor', 'vote')},
-        ),
-    ]

From 4ba3ef5c2488f023d1e7d1cd4dc1f8b620f7186a Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 1 Sep 2023 13:52:55 +0530
Subject: [PATCH 04/81] fix: peek overview bugs (#2043)

* fix: side peek modal shaking

* refactor: peek overview layout

* fix: date selector, activity mutation

* fix: delete issue handler

* fix: assignees mutation
---
 .../components/issues/delete-issue-modal.tsx  |  11 +-
 .../issues/peek-overview/issue-properties.tsx |  60 +++-----
 .../issues/peek-overview/layout.tsx           | 145 +++++++++---------
 .../issues/sidebar-select/assignee.tsx        |   5 +-
 .../issues/sidebar-select/priority.tsx        |   2 +-
 .../components/ui/dropdowns/custom-select.tsx |   2 +-
 apps/app/store/issues.ts                      |   5 +-
 7 files changed, 120 insertions(+), 110 deletions(-)

diff --git a/apps/app/components/issues/delete-issue-modal.tsx b/apps/app/components/issues/delete-issue-modal.tsx
index f46dae9aa..d847126ed 100644
--- a/apps/app/components/issues/delete-issue-modal.tsx
+++ b/apps/app/components/issues/delete-issue-modal.tsx
@@ -33,10 +33,17 @@ type Props = {
   isOpen: boolean;
   handleClose: () => void;
   data: IIssue | null;
+  onSubmit?: () => Promise<void>;
   user: ICurrentUserResponse | undefined;
 };
 
-export const DeleteIssueModal: React.FC<Props> = ({ isOpen, handleClose, data, user }) => {
+export const DeleteIssueModal: React.FC<Props> = ({
+  isOpen,
+  handleClose,
+  data,
+  onSubmit,
+  user,
+}) => {
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
 
   const router = useRouter();
@@ -116,6 +123,8 @@ export const DeleteIssueModal: React.FC<Props> = ({ isOpen, handleClose, data, u
           else mutate(PROJECT_ISSUES_LIST_WITH_PARAMS(data.project, params));
         }
 
+        if (onSubmit) onSubmit();
+
         handleClose();
         setToastAlert({
           title: "Success",
diff --git a/apps/app/components/issues/peek-overview/issue-properties.tsx b/apps/app/components/issues/peek-overview/issue-properties.tsx
index 2c8b4d572..1f2d618ac 100644
--- a/apps/app/components/issues/peek-overview/issue-properties.tsx
+++ b/apps/app/components/issues/peek-overview/issue-properties.tsx
@@ -103,7 +103,7 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
           </div>
           <div className="w-3/4">
             <SidebarAssigneeSelect
-              value={issue.assignees_list}
+              value={issue.assignees}
               onChange={(val: string[]) => handleUpdateIssue({ assignees_list: val })}
               disabled={readOnly}
             />
@@ -128,23 +128,18 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
             <span className="flex-grow truncate">Start date</span>
           </div>
           <div>
-            {issue.start_date ? (
-              <CustomDatePicker
-                placeholder="Start date"
-                value={issue.start_date}
-                onChange={(val) =>
-                  handleUpdateIssue({
-                    start_date: val,
-                  })
-                }
-                className="bg-custom-background-100"
-                wrapperClassName="w-full"
-                maxDate={maxDate ?? undefined}
-                disabled={readOnly}
-              />
-            ) : (
-              <span className="text-custom-text-200">Empty</span>
-            )}
+            <CustomDatePicker
+              placeholder="Select start date"
+              value={issue.start_date}
+              onChange={(val) =>
+                handleUpdateIssue({
+                  start_date: val,
+                })
+              }
+              className="bg-custom-background-80 border-none"
+              maxDate={maxDate ?? undefined}
+              disabled={readOnly}
+            />
           </div>
         </div>
         <div className="flex items-center gap-2 text-sm">
@@ -153,23 +148,18 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
             <span className="flex-grow truncate">Due date</span>
           </div>
           <div>
-            {issue.target_date ? (
-              <CustomDatePicker
-                placeholder="Due date"
-                value={issue.target_date}
-                onChange={(val) =>
-                  handleUpdateIssue({
-                    target_date: val,
-                  })
-                }
-                className="bg-custom-background-100"
-                wrapperClassName="w-full"
-                minDate={minDate ?? undefined}
-                disabled={readOnly}
-              />
-            ) : (
-              <span className="text-custom-text-200">Empty</span>
-            )}
+            <CustomDatePicker
+              placeholder="Select due date"
+              value={issue.target_date}
+              onChange={(val) =>
+                handleUpdateIssue({
+                  target_date: val,
+                })
+              }
+              className="bg-custom-background-80 border-none"
+              minDate={minDate ?? undefined}
+              disabled={readOnly}
+            />
           </div>
         </div>
         {/* <div className="flex items-center gap-2 text-sm">
diff --git a/apps/app/components/issues/peek-overview/layout.tsx b/apps/app/components/issues/peek-overview/layout.tsx
index 50fa5df68..40737b6e8 100644
--- a/apps/app/components/issues/peek-overview/layout.tsx
+++ b/apps/app/components/issues/peek-overview/layout.tsx
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 
 import { useRouter } from "next/router";
 
+import { mutate } from "swr";
 // mobx
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";
@@ -10,9 +11,11 @@ import { Dialog, Transition } from "@headlessui/react";
 // hooks
 import useUser from "hooks/use-user";
 // components
-import { FullScreenPeekView, SidePeekView } from "components/issues";
+import { DeleteIssueModal, FullScreenPeekView, SidePeekView } from "components/issues";
 // types
 import { IIssue } from "types";
+// fetch-keys
+import { PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 
 type Props = {
   handleMutation: () => void;
@@ -28,6 +31,7 @@ export const IssuePeekOverview: React.FC<Props> = observer(
     const [isSidePeekOpen, setIsSidePeekOpen] = useState(false);
     const [isModalPeekOpen, setIsModalPeekOpen] = useState(false);
     const [peekOverviewMode, setPeekOverviewMode] = useState<TPeekOverviewModes>("side");
+    const [deleteIssueModal, setDeleteIssueModal] = useState(false);
 
     const router = useRouter();
     const { peekIssue } = router.query;
@@ -53,6 +57,7 @@ export const IssuePeekOverview: React.FC<Props> = observer(
       if (!issue || !user) return;
 
       await updateIssue(workspaceSlug, projectId, issue.id, formData, user);
+      mutate(PROJECT_ISSUES_ACTIVITY(issue.id));
       handleMutation();
     };
 
@@ -81,7 +86,6 @@ export const IssuePeekOverview: React.FC<Props> = observer(
           setIsSidePeekOpen(false);
         }
       } else {
-        console.log("Triggered");
         setIsSidePeekOpen(false);
         setIsModalPeekOpen(false);
       }
@@ -89,33 +93,38 @@ export const IssuePeekOverview: React.FC<Props> = observer(
 
     return (
       <>
+        <DeleteIssueModal
+          isOpen={deleteIssueModal}
+          handleClose={() => setDeleteIssueModal(false)}
+          data={issue ? { ...issue } : null}
+          onSubmit={handleDeleteIssue}
+          user={user}
+        />
         <Transition.Root appear show={isSidePeekOpen} as={React.Fragment}>
           <Dialog as="div" className="relative z-20" onClose={handleClose}>
-            <div className="fixed inset-0 z-20 overflow-y-auto">
-              <div className="relative h-full w-full">
-                <Transition.Child
-                  as={React.Fragment}
-                  enter="transition-transform duration-300"
-                  enterFrom="translate-x-full"
-                  enterTo="translate-x-0"
-                  leave="transition-transform duration-200"
-                  leaveFrom="translate-x-0"
-                  leaveTo="translate-x-full"
-                >
-                  <Dialog.Panel className="absolute z-20 bg-custom-background-100 top-0 right-0 h-full w-1/2 shadow-custom-shadow-md">
-                    <SidePeekView
-                      handleClose={handleClose}
-                      handleDeleteIssue={handleDeleteIssue}
-                      handleUpdateIssue={handleUpdateIssue}
-                      issue={issue}
-                      mode={peekOverviewMode}
-                      readOnly={readOnly}
-                      setMode={(mode) => setPeekOverviewMode(mode)}
-                      workspaceSlug={workspaceSlug}
-                    />
-                  </Dialog.Panel>
-                </Transition.Child>
-              </div>
+            <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
+              <Transition.Child
+                as={React.Fragment}
+                enter="transition-transform duration-300"
+                enterFrom="translate-x-full"
+                enterTo="translate-x-0"
+                leave="transition-transform duration-200"
+                leaveFrom="translate-x-0"
+                leaveTo="translate-x-full"
+              >
+                <Dialog.Panel className="fixed z-20 bg-custom-background-100 top-0 right-0 h-full w-1/2 shadow-custom-shadow-md">
+                  <SidePeekView
+                    handleClose={handleClose}
+                    handleDeleteIssue={() => setDeleteIssueModal(true)}
+                    handleUpdateIssue={handleUpdateIssue}
+                    issue={issue}
+                    mode={peekOverviewMode}
+                    readOnly={readOnly}
+                    setMode={(mode) => setPeekOverviewMode(mode)}
+                    workspaceSlug={workspaceSlug}
+                  />
+                </Dialog.Panel>
+              </Transition.Child>
             </div>
           </Dialog>
         </Transition.Root>
@@ -132,49 +141,47 @@ export const IssuePeekOverview: React.FC<Props> = observer(
             >
               <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
             </Transition.Child>
-            <div className="fixed inset-0 z-20 overflow-y-auto">
-              <div className="relative h-full w-full">
-                <Transition.Child
-                  as={React.Fragment}
-                  enter="ease-out duration-300"
-                  enterFrom="opacity-0"
-                  enterTo="opacity-100"
-                  leave="ease-in duration-200"
-                  leaveFrom="opacity-100"
-                  leaveTo="opacity-0"
+            <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
+              <Transition.Child
+                as={React.Fragment}
+                enter="ease-out duration-300"
+                enterFrom="opacity-0"
+                enterTo="opacity-100"
+                leave="ease-in duration-200"
+                leaveFrom="opacity-100"
+                leaveTo="opacity-0"
+              >
+                <Dialog.Panel
+                  className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
+                    peekOverviewMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
+                  }`}
                 >
-                  <Dialog.Panel
-                    className={`absolute z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
-                      peekOverviewMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
-                    }`}
-                  >
-                    {peekOverviewMode === "modal" && (
-                      <SidePeekView
-                        handleClose={handleClose}
-                        handleDeleteIssue={handleDeleteIssue}
-                        handleUpdateIssue={handleUpdateIssue}
-                        issue={issue}
-                        mode={peekOverviewMode}
-                        readOnly={readOnly}
-                        setMode={(mode) => setPeekOverviewMode(mode)}
-                        workspaceSlug={workspaceSlug}
-                      />
-                    )}
-                    {peekOverviewMode === "full" && (
-                      <FullScreenPeekView
-                        handleClose={handleClose}
-                        handleDeleteIssue={handleDeleteIssue}
-                        handleUpdateIssue={handleUpdateIssue}
-                        issue={issue}
-                        mode={peekOverviewMode}
-                        readOnly={readOnly}
-                        setMode={(mode) => setPeekOverviewMode(mode)}
-                        workspaceSlug={workspaceSlug}
-                      />
-                    )}
-                  </Dialog.Panel>
-                </Transition.Child>
-              </div>
+                  {peekOverviewMode === "modal" && (
+                    <SidePeekView
+                      handleClose={handleClose}
+                      handleDeleteIssue={() => setDeleteIssueModal(true)}
+                      handleUpdateIssue={handleUpdateIssue}
+                      issue={issue}
+                      mode={peekOverviewMode}
+                      readOnly={readOnly}
+                      setMode={(mode) => setPeekOverviewMode(mode)}
+                      workspaceSlug={workspaceSlug}
+                    />
+                  )}
+                  {peekOverviewMode === "full" && (
+                    <FullScreenPeekView
+                      handleClose={handleClose}
+                      handleDeleteIssue={() => setDeleteIssueModal(true)}
+                      handleUpdateIssue={handleUpdateIssue}
+                      issue={issue}
+                      mode={peekOverviewMode}
+                      readOnly={readOnly}
+                      setMode={(mode) => setPeekOverviewMode(mode)}
+                      workspaceSlug={workspaceSlug}
+                    />
+                  )}
+                </Dialog.Panel>
+              </Transition.Child>
             </div>
           </Dialog>
         </Transition.Root>
diff --git a/apps/app/components/issues/sidebar-select/assignee.tsx b/apps/app/components/issues/sidebar-select/assignee.tsx
index 61ece6f78..8b9872368 100644
--- a/apps/app/components/issues/sidebar-select/assignee.tsx
+++ b/apps/app/components/issues/sidebar-select/assignee.tsx
@@ -51,7 +51,10 @@ export const SidebarAssigneeSelect: React.FC<Props> = ({ value, onChange, disabl
               <span className="text-custom-text-100 text-xs">{value.length} Assignees</span>
             </div>
           ) : (
-            <button type="button" className="bg-custom-background-80 px-2.5 py-0.5 text-xs rounded">
+            <button
+              type="button"
+              className="bg-custom-background-80 px-2.5 py-0.5 text-xs rounded text-custom-text-200"
+            >
               No assignees
             </button>
           )}
diff --git a/apps/app/components/issues/sidebar-select/priority.tsx b/apps/app/components/issues/sidebar-select/priority.tsx
index fd1c77f28..67ae5133d 100644
--- a/apps/app/components/issues/sidebar-select/priority.tsx
+++ b/apps/app/components/issues/sidebar-select/priority.tsx
@@ -27,7 +27,7 @@ export const SidebarPrioritySelect: React.FC<Props> = ({ value, onChange, disabl
             ? "border-yellow-500/20 bg-yellow-500/20 text-yellow-500"
             : value === "low"
             ? "border-green-500/20 bg-green-500/20 text-green-500"
-            : "bg-custom-background-80 border-custom-border-200"
+            : "bg-custom-background-80 border-custom-border-200 text-custom-text-200"
         }`}
       >
         <span className="grid place-items-center -my-1">
diff --git a/apps/app/components/ui/dropdowns/custom-select.tsx b/apps/app/components/ui/dropdowns/custom-select.tsx
index 4e495a210..ae814dccb 100644
--- a/apps/app/components/ui/dropdowns/custom-select.tsx
+++ b/apps/app/components/ui/dropdowns/custom-select.tsx
@@ -41,7 +41,7 @@ const CustomSelect = ({
   >
     <>
       {customButton ? (
-        <Listbox.Button as="div">{customButton}</Listbox.Button>
+        <Listbox.Button as={React.Fragment}>{customButton}</Listbox.Button>
       ) : (
         <Listbox.Button
           type="button"
diff --git a/apps/app/store/issues.ts b/apps/app/store/issues.ts
index 538c5e2a9..286d98534 100644
--- a/apps/app/store/issues.ts
+++ b/apps/app/store/issues.ts
@@ -116,11 +116,12 @@ class IssuesStore {
     const originalIssue = { ...this.issues[issueId] };
 
     // immediately update the issue in the store
-    const updatedIssue = { ...originalIssue, ...issueForm };
+    const updatedIssue = { ...this.issues[issueId], ...issueForm };
+    if (updatedIssue.assignees_list) updatedIssue.assignees = updatedIssue.assignees_list;
 
     try {
       runInAction(() => {
-        this.issues[issueId] = updatedIssue;
+        this.issues[issueId] = { ...updatedIssue };
       });
 
       // make a patch request to update the issue

From 1e9f0823f8c63838345fa967c5f1f3be8e6b3935 Mon Sep 17 00:00:00 2001
From: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com>
Date: Fri, 1 Sep 2023 14:41:20 +0530
Subject: [PATCH 05/81] fix: imported uuid (#2048)

---
 .../migrations/0042_alter_analyticview_created_by_and_more.py   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
index 7db02c53d..62f08038c 100644
--- a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
+++ b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
@@ -3,7 +3,7 @@
 from django.conf import settings
 from django.db import migrations, models
 import django.db.models.deletion
-
+import uuid
 
 def update_user_timezones(apps, schema_editor):
     UserModel = apps.get_model("db", "User")

From 42ece0d784ebf172ac15cf326270a29f3c9735ff Mon Sep 17 00:00:00 2001
From: Kritika Upadhyay <78753387+Kritikkkaaa@users.noreply.github.com>
Date: Fri, 1 Sep 2023 15:37:27 +0530
Subject: [PATCH 06/81] chore: updates project invite placeholder (#2049)

---
 apps/app/components/project/send-project-invitation-modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/app/components/project/send-project-invitation-modal.tsx b/apps/app/components/project/send-project-invitation-modal.tsx
index 414ef7a6c..035a680f2 100644
--- a/apps/app/components/project/send-project-invitation-modal.tsx
+++ b/apps/app/components/project/send-project-invitation-modal.tsx
@@ -218,7 +218,7 @@ const SendProjectInvitationModal: React.FC<Props> = (props) => {
                                           }
                                         </div>
                                       ) : (
-                                        <div>Select co-worker&rsquo;s email</div>
+                                        <div>Select co-worker</div>
                                       )}
                                       <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
                                     </button>

From f4fa2e011a7e9b98c4a265fb76db8daba7eb31d4 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 15:55:06 +0530
Subject: [PATCH 07/81] feat: leave project and workspace endpoint (#2042)

* feat: leave project and workspace endpoint

* fix: argument error

* dev: update endpoint status
---
 apiserver/plane/api/urls.py            | 12 +++++
 apiserver/plane/api/views/__init__.py  |  2 +
 apiserver/plane/api/views/project.py   | 66 +++++++++++++++++++-------
 apiserver/plane/api/views/workspace.py | 41 ++++++++++++++++
 4 files changed, 105 insertions(+), 16 deletions(-)

diff --git a/apiserver/plane/api/urls.py b/apiserver/plane/api/urls.py
index 1fb2b8e90..558b7f059 100644
--- a/apiserver/plane/api/urls.py
+++ b/apiserver/plane/api/urls.py
@@ -51,6 +51,7 @@ from plane.api.views import (
     WorkspaceUserProfileEndpoint,
     WorkspaceUserProfileIssuesEndpoint,
     WorkspaceLabelsEndpoint,
+    LeaveWorkspaceEndpoint,
     ## End Workspaces
     # File Assets
     FileAssetEndpoint,
@@ -68,6 +69,7 @@ from plane.api.views import (
     UserProjectInvitationsViewset,
     ProjectIdentifierEndpoint,
     ProjectFavoritesViewSet,
+    LeaveProjectEndpoint,
     ## End Projects
     # Issues
     IssueViewSet,
@@ -441,6 +443,11 @@ urlpatterns = [
         WorkspaceLabelsEndpoint.as_view(),
         name="workspace-labels",
     ),
+    path(
+        "workspaces/<str:slug>/members/leave/",
+        LeaveWorkspaceEndpoint.as_view(),
+        name="workspace-labels",
+    ),
     ## End Workspaces ##
     # Projects
     path(
@@ -554,6 +561,11 @@ urlpatterns = [
         ),
         name="project",
     ),
+    path(
+        "workspaces/<str:slug>/projects/<uuid:project_id>/members/leave/",
+        LeaveProjectEndpoint.as_view(),
+        name="project",
+    ),
     # End Projects
     #  States
     path(
diff --git a/apiserver/plane/api/views/__init__.py b/apiserver/plane/api/views/__init__.py
index b697741ae..71647bfea 100644
--- a/apiserver/plane/api/views/__init__.py
+++ b/apiserver/plane/api/views/__init__.py
@@ -16,6 +16,7 @@ from .project import (
     ProjectDeployBoardPublicSettingsEndpoint,
     ProjectMemberEndpoint,
     WorkspaceProjectDeployBoardEndpoint,
+    LeaveProjectEndpoint,
 )
 from .user import (
     UserEndpoint,
@@ -52,6 +53,7 @@ from .workspace import (
     WorkspaceUserProfileIssuesEndpoint,
     WorkspaceLabelsEndpoint,
     WorkspaceMembersEndpoint,
+    LeaveWorkspaceEndpoint,
 )
 from .state import StateViewSet
 from .view import IssueViewViewSet, ViewIssuesEndpoint, IssueViewFavoriteViewSet
diff --git a/apiserver/plane/api/views/project.py b/apiserver/plane/api/views/project.py
index 97b06fce5..a83bbca25 100644
--- a/apiserver/plane/api/views/project.py
+++ b/apiserver/plane/api/views/project.py
@@ -11,14 +11,8 @@ from django.db.models import (
     OuterRef,
     Func,
     F,
-    Max,
-    CharField,
     Func,
     Subquery,
-    Prefetch,
-    When,
-    Case,
-    Value,
 )
 from django.core.validators import validate_email
 from django.conf import settings
@@ -47,6 +41,7 @@ from plane.api.permissions import (
     ProjectBasePermission,
     ProjectEntityPermission,
     ProjectMemberPermission,
+    ProjectLitePermission,
 )
 
 from plane.db.models import (
@@ -71,16 +66,9 @@ from plane.db.models import (
     ModuleMember,
     Inbox,
     ProjectDeployBoard,
-    Issue,
-    IssueReaction,
-    IssueLink,
-    IssueAttachment,
-    Label,
 )
 
 from plane.bgtasks.project_invitation_task import project_invitation
-from plane.utils.grouper import group_results
-from plane.utils.issue_filters import issue_filters
 
 
 class ProjectViewSet(BaseViewSet):
@@ -629,7 +617,7 @@ class ProjectMemberViewSet(BaseViewSet):
             return Response(status=status.HTTP_204_NO_CONTENT)
         except ProjectMember.DoesNotExist:
             return Response(
-                {"error": "Project Member does not exist"}, status=status.HTTP_400
+                {"error": "Project Member does not exist"}, status=status.HTTP_400_BAD_REQUEST
             )
         except Exception as e:
             capture_exception(e)
@@ -1144,8 +1132,9 @@ class ProjectDeployBoardPublicSettingsEndpoint(BaseAPIView):
 
 
 class WorkspaceProjectDeployBoardEndpoint(BaseAPIView):
-
-    permission_classes = [AllowAny,]
+    permission_classes = [
+        AllowAny,
+    ]
 
     def get(self, request, slug):
         try:
@@ -1176,3 +1165,48 @@ class WorkspaceProjectDeployBoardEndpoint(BaseAPIView):
                 {"error": "Something went wrong please try again later"},
                 status=status.HTTP_400_BAD_REQUEST,
             )
+
+
+class LeaveProjectEndpoint(BaseAPIView):
+    permission_classes = [
+        ProjectLitePermission,
+    ]
+
+    def delete(self, request, slug, project_id):
+        try:
+            project_member = ProjectMember.objects.get(
+                workspace__slug=slug,
+                member=request.user,
+                project_id=project_id,
+            )
+
+            # Only Admin case
+            if (
+                project_member.role == 20
+                and ProjectMember.objects.filter(
+                    workspace__slug=slug,
+                    role=20,
+                    project_id=project_id,
+                ).count()
+                == 1
+            ):
+                return Response(
+                    {
+                        "error": "You cannot leave the project since you are the only admin of the project you should delete the project"
+                    },
+                    status=status.HTTP_400_BAD_REQUEST,
+                )
+            # Delete the member from workspace
+            project_member.delete()
+            return Response(status=status.HTTP_204_NO_CONTENT)
+        except ProjectMember.DoesNotExist:
+            return Response(
+                {"error": "Workspace member does not exists"},
+                status=status.HTTP_400_BAD_REQUEST,
+            )
+        except Exception as e:
+            capture_exception(e)
+            return Response(
+                {"error": "Something went wrong please try again later"},
+                status=status.HTTP_400_BAD_REQUEST,
+            )
diff --git a/apiserver/plane/api/views/workspace.py b/apiserver/plane/api/views/workspace.py
index cbf62548f..ce425185e 100644
--- a/apiserver/plane/api/views/workspace.py
+++ b/apiserver/plane/api/views/workspace.py
@@ -1473,3 +1473,44 @@ class WorkspaceMembersEndpoint(BaseAPIView):
                 {"error": "Something went wrong please try again later"},
                 status=status.HTTP_400_BAD_REQUEST,
             )
+
+
+class LeaveWorkspaceEndpoint(BaseAPIView):
+    permission_classes = [
+        WorkspaceEntityPermission,
+    ]
+
+    def delete(self, request, slug):
+        try:
+            workspace_member = WorkspaceMember.objects.get(
+                workspace__slug=slug, member=request.user
+            )
+
+            # Only Admin case
+            if (
+                workspace_member.role == 20
+                and WorkspaceMember.objects.filter(
+                    workspace__slug=slug, role=20
+                ).count()
+                == 1
+            ):
+                return Response(
+                    {
+                        "error": "You cannot leave the workspace since you are the only admin of the workspace you should delete the workspace"
+                    },
+                    status=status.HTTP_400_BAD_REQUEST,
+                )
+            # Delete the member from workspace
+            workspace_member.delete()
+            return Response(status=status.HTTP_204_NO_CONTENT)
+        except WorkspaceMember.DoesNotExist:
+            return Response(
+                {"error": "Workspace member does not exists"},
+                status=status.HTTP_400_BAD_REQUEST,
+            )
+        except Exception as e:
+            capture_exception(e)
+            return Response(
+                {"error": "Something went wrong please try again later"},
+                status=status.HTTP_400_BAD_REQUEST,
+            )

From 82a48d4805730bb16fcf8d2da69441ddf19265f4 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 15:55:21 +0530
Subject: [PATCH 08/81] chore: reaction serializers (#2046)

* dev: chore reaction serializers

* fix: remove issue reaction lite serializer
---
 apiserver/plane/api/serializers/issue.py | 22 ++++++----------------
 1 file changed, 6 insertions(+), 16 deletions(-)

diff --git a/apiserver/plane/api/serializers/issue.py b/apiserver/plane/api/serializers/issue.py
index 6cd06a767..fd6369a73 100644
--- a/apiserver/plane/api/serializers/issue.py
+++ b/apiserver/plane/api/serializers/issue.py
@@ -514,6 +514,9 @@ class IssueAttachmentSerializer(BaseSerializer):
 
 
 class IssueReactionSerializer(BaseSerializer):
+    
+    actor_detail = UserLiteSerializer(read_only=True, source="actor")
+    
     class Meta:
         model = IssueReaction
         fields = "__all__"
@@ -525,19 +528,6 @@ class IssueReactionSerializer(BaseSerializer):
         ]
 
 
-class IssueReactionLiteSerializer(BaseSerializer):
-    actor_detail = UserLiteSerializer(read_only=True, source="actor")
-
-    class Meta:
-        model = IssueReaction
-        fields = [
-            "id",
-            "reaction",
-            "issue",
-            "actor_detail",
-        ]
-
-
 class CommentReactionLiteSerializer(BaseSerializer):
     actor_detail = UserLiteSerializer(read_only=True, source="actor")
 
@@ -633,7 +623,7 @@ class IssueSerializer(BaseSerializer):
     issue_link = IssueLinkSerializer(read_only=True, many=True)
     issue_attachment = IssueAttachmentSerializer(read_only=True, many=True)
     sub_issues_count = serializers.IntegerField(read_only=True)
-    issue_reactions = IssueReactionLiteSerializer(read_only=True, many=True)
+    issue_reactions = IssueReactionSerializer(read_only=True, many=True)
 
     class Meta:
         model = Issue
@@ -659,7 +649,7 @@ class IssueLiteSerializer(BaseSerializer):
     module_id = serializers.UUIDField(read_only=True)
     attachment_count = serializers.IntegerField(read_only=True)
     link_count = serializers.IntegerField(read_only=True)
-    issue_reactions = IssueReactionLiteSerializer(read_only=True, many=True)
+    issue_reactions = IssueReactionSerializer(read_only=True, many=True)
 
     class Meta:
         model = Issue
@@ -680,7 +670,7 @@ class IssueLiteSerializer(BaseSerializer):
 class IssuePublicSerializer(BaseSerializer):
     project_detail = ProjectLiteSerializer(read_only=True, source="project")
     state_detail = StateLiteSerializer(read_only=True, source="state")
-    reactions = IssueReactionLiteSerializer(read_only=True, many=True, source="issue_reactions")
+    reactions = IssueReactionSerializer(read_only=True, many=True, source="issue_reactions")
     votes = IssueVoteSerializer(read_only=True, many=True)
 
     class Meta:

From c03550656ada0c0ce3dca134b618051375b6232a Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 15:58:25 +0530
Subject: [PATCH 09/81] chore: vote actor details (#2047)

* chore: vote actor details

* dev: add field in serializer

* dev: remove _id in workspace and project
---
 apiserver/plane/api/serializers/issue.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apiserver/plane/api/serializers/issue.py b/apiserver/plane/api/serializers/issue.py
index fd6369a73..938c7cab4 100644
--- a/apiserver/plane/api/serializers/issue.py
+++ b/apiserver/plane/api/serializers/issue.py
@@ -549,9 +549,12 @@ class CommentReactionSerializer(BaseSerializer):
 
 
 class IssueVoteSerializer(BaseSerializer):
+
+    actor_detail = UserLiteSerializer(read_only=True, source="actor")
+
     class Meta:
         model = IssueVote
-        fields = ["issue", "vote", "workspace_id", "project_id", "actor"]
+        fields = ["issue", "vote", "workspace", "project", "actor", "actor_detail"]
         read_only_fields = fields
 
 

From 8a95a41100c8405f613d636eb2a75a2b5813fc8c Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Fri, 1 Sep 2023 16:42:30 +0530
Subject: [PATCH 10/81] feat: Converting space app to pages dir (#2052)

Co-authored-by: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com>
Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
Co-authored-by: Bavisetti Narayan <narayan@Bavisettis-MacBook-Pro.local>
Co-authored-by: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Co-authored-by: M. Palanikannan <73993394+Palanikannan1437@users.noreply.github.com>
Co-authored-by: Lakhan Baheti <94619783+1akhanBaheti@users.noreply.github.com>
Co-authored-by: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Co-authored-by: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
---
 .../[project_slug]/layout.tsx                 |   66 -
 .../[workspace_slug]/[project_slug]/page.tsx  |  113 --
 apps/space/app/layout.tsx                     |   20 -
 apps/space/app/page.tsx                       |    9 -
 .../components/accounts/email-code-form.tsx   |  216 +++
 .../accounts/email-password-form.tsx          |  116 ++
 .../accounts/email-reset-password-form.tsx    |   89 +
 .../accounts/github-login-button.tsx          |   55 +
 .../components/accounts/google-login.tsx      |   59 +
 apps/space/components/accounts/index.ts       |    6 +
 .../components/accounts/onboarding-form.tsx   |  187 ++
 .../issues/board-views/block-downvotes.tsx    |   10 +
 .../issues/board-views/block-due-date.tsx     |   58 +-
 .../issues/board-views/block-labels.tsx       |   10 +-
 .../issues/board-views/block-priority.tsx     |    7 +-
 .../issues/board-views/block-state.tsx        |   10 +-
 .../issues/board-views/block-upvotes.tsx      |    8 +
 .../issues/board-views/kanban/block.tsx       |   53 +-
 .../issues/board-views/kanban/header.tsx      |   12 +-
 .../issues/board-views/kanban/index.tsx       |   12 +-
 .../issues/board-views/list/block.tsx         |  115 +-
 .../issues/board-views/list/header.tsx        |   12 +-
 .../issues/board-views/list/index.tsx         |   32 +-
 .../components/issues/filters-render/date.tsx |   38 -
 .../issues/filters-render/index.tsx           |   51 +-
 .../label/filter-label-block.tsx              |   37 +-
 .../issues/filters-render/label/index.tsx     |   34 +-
 .../priority/filter-priority-block.tsx        |   29 +-
 .../issues/filters-render/priority/index.tsx  |   39 +-
 .../state/filter-state-block.tsx              |   31 +-
 .../issues/filters-render/state/index.tsx     |   34 +-
 apps/space/components/issues/navbar/index.tsx |   52 +-
 .../issues/navbar/issue-board-view.tsx        |   71 +-
 .../components/issues/navbar/issue-filter.tsx |  106 +-
 apps/space/components/issues/navbar/theme.tsx |   23 +-
 .../issues/peek-overview/add-comment.tsx      |  104 ++
 .../peek-overview/comment-detail-card.tsx     |  190 ++
 .../peek-overview/full-screen-peek-view.tsx   |   71 +
 .../issues/peek-overview/header.tsx           |  145 ++
 .../components/issues/peek-overview/index.ts  |   12 +
 .../issues/peek-overview/issue-activity.tsx   |   44 +
 .../issues/peek-overview/issue-details.tsx    |   40 +
 .../peek-overview/issue-emoji-reactions.tsx   |  101 ++
 .../issues/peek-overview/issue-properties.tsx |  155 ++
 .../issues/peek-overview/issue-reaction.tsx   |   24 +
 .../peek-overview/issue-vote-reactions.tsx    |  129 ++
 .../issues/peek-overview/layout.tsx           |  127 ++
 .../issues/peek-overview/side-peek-view.tsx   |   55 +
 .../components/tiptap/bubble-menu/index.tsx   |  119 ++
 .../tiptap/bubble-menu/link-selector.tsx      |   90 +
 .../tiptap/bubble-menu/node-selector.tsx      |  130 ++
 .../bubble-menu/utils/link-validator.tsx      |   12 +
 .../tiptap/extensions/image-resize.tsx        |   57 +
 .../components/tiptap/extensions/index.tsx    |  137 ++
 .../tiptap/extensions/updated-image.tsx       |   22 +
 apps/space/components/tiptap/index.tsx        |  113 ++
 .../tiptap/plugins/delete-image.tsx           |   56 +
 .../tiptap/plugins/upload-image.tsx           |  127 ++
 apps/space/components/tiptap/props.tsx        |   56 +
 .../components/tiptap/slash-command/index.tsx |  339 ++++
 apps/space/components/tiptap/utils.ts         |    6 +
 apps/space/components/ui/dropdown.tsx         |  149 ++
 apps/space/components/ui/icon.tsx             |   10 +
 apps/space/components/ui/index.ts             |    8 +
 apps/space/components/ui/input.tsx            |   37 +
 apps/space/components/ui/loader.tsx           |   25 +
 apps/space/components/ui/primary-button.tsx   |   35 +
 .../space/components/ui/reaction-selector.tsx |   77 +
 apps/space/components/ui/secondary-button.tsx |   35 +
 apps/space/components/ui/toast-alert.tsx      |   67 +
 apps/space/components/ui/tooltip.tsx          |   71 +
 .../components/views/project-details.tsx      |   84 +
 apps/space/constants/data.ts                  |   50 +-
 apps/space/constants/helpers.ts               |   23 +
 apps/space/constants/seo.ts                   |    7 +
 apps/space/constants/workspace.ts             |   12 +
 apps/space/contexts/toast.context.tsx         |   97 ++
 apps/space/helpers/date-time.helper.ts        |   14 +
 apps/space/helpers/emoji.helper.tsx           |   56 +
 apps/space/helpers/string.helper.ts           |   31 +
 apps/space/hooks/use-outside-click.tsx        |   21 +
 apps/space/hooks/use-timer.tsx                |   19 +
 apps/space/hooks/use-toast.tsx                |    9 +
 apps/space/layouts/project-layout.tsx         |   30 +
 apps/space/lib/mobx/store-init.tsx            |   16 +-
 apps/space/next.config.js                     |    1 -
 apps/space/package.json                       |   39 +-
 .../[workspace_slug]/[project_slug]/index.tsx |   50 +
 .../[workspace_slug]/index.tsx}               |    0
 apps/space/pages/_app.tsx                     |   39 +-
 apps/space/pages/_document.tsx                |    2 +-
 apps/space/pages/index.tsx                    |  156 ++
 apps/space/pages/onboarding/index.tsx         |   53 +
 .../project-not-published/index.tsx}          |    0
 apps/space/postcss.config.js                  |    1 +
 .../public/favicon/android-chrome-192x192.png |  Bin 0 -> 2222 bytes
 .../public/favicon/android-chrome-512x512.png |  Bin 0 -> 3832 bytes
 .../space/public/favicon/apple-touch-icon.png |  Bin 0 -> 2176 bytes
 apps/space/public/favicon/favicon-16x16.png   |  Bin 0 -> 1625 bytes
 apps/space/public/favicon/favicon-32x32.png   |  Bin 0 -> 1617 bytes
 apps/space/public/favicon/favicon.ico         |  Bin 0 -> 919 bytes
 apps/space/public/favicon/site.webmanifest    |    1 +
 apps/space/public/logos/github-black.png      |  Bin 0 -> 14032 bytes
 apps/space/public/logos/github-square.png     |  Bin 0 -> 2352 bytes
 apps/space/public/logos/github-white.png      |  Bin 0 -> 16559 bytes
 .../black-horizontal-with-blue-logo.svg       |   17 +
 .../public/plane-logos/blue-without-text.png  |  Bin 0 -> 2460 bytes
 .../white-horizontal-with-blue-logo.svg       |   17 +
 .../public/plane-logos/white-horizontal.svg   |   17 +
 apps/space/services/api.service.ts            |   10 +
 apps/space/services/authentication.service.ts |   92 +
 apps/space/services/file.service.ts           |  101 ++
 apps/space/services/issue.service.ts          |  131 +-
 apps/space/services/project.service.ts        |    2 +-
 apps/space/services/user.service.ts           |    8 +
 apps/space/store/issue.ts                     |  100 +-
 apps/space/store/issue_details.ts             |  259 +++
 apps/space/store/issue_legacy.ts              |  566 ++++++
 apps/space/store/project.ts                   |   53 +-
 apps/space/store/root.ts                      |   14 +-
 apps/space/store/theme.ts                     |   33 -
 apps/space/store/types/index.ts               |    4 -
 apps/space/store/types/issue.ts               |   72 -
 apps/space/store/types/user.ts                |    4 -
 apps/space/store/user.ts                      |   50 +-
 apps/space/styles/editor.css                  |  231 +++
 apps/space/styles/globals.css                 |  228 +++
 apps/space/tailwind.config.js                 |  190 +-
 apps/space/types/issue.ts                     |  161 ++
 apps/space/{store => }/types/project.ts       |   11 -
 apps/space/{store => }/types/theme.ts         |    0
 apps/space/types/user.ts                      |    3 +
 yarn.lock                                     | 1534 +++++++++--------
 133 files changed, 7993 insertions(+), 1521 deletions(-)
 delete mode 100644 apps/space/app/[workspace_slug]/[project_slug]/layout.tsx
 delete mode 100644 apps/space/app/[workspace_slug]/[project_slug]/page.tsx
 delete mode 100644 apps/space/app/layout.tsx
 delete mode 100644 apps/space/app/page.tsx
 create mode 100644 apps/space/components/accounts/email-code-form.tsx
 create mode 100644 apps/space/components/accounts/email-password-form.tsx
 create mode 100644 apps/space/components/accounts/email-reset-password-form.tsx
 create mode 100644 apps/space/components/accounts/github-login-button.tsx
 create mode 100644 apps/space/components/accounts/google-login.tsx
 create mode 100644 apps/space/components/accounts/index.ts
 create mode 100644 apps/space/components/accounts/onboarding-form.tsx
 create mode 100644 apps/space/components/issues/board-views/block-downvotes.tsx
 create mode 100644 apps/space/components/issues/board-views/block-upvotes.tsx
 delete mode 100644 apps/space/components/issues/filters-render/date.tsx
 create mode 100644 apps/space/components/issues/peek-overview/add-comment.tsx
 create mode 100644 apps/space/components/issues/peek-overview/comment-detail-card.tsx
 create mode 100644 apps/space/components/issues/peek-overview/full-screen-peek-view.tsx
 create mode 100644 apps/space/components/issues/peek-overview/header.tsx
 create mode 100644 apps/space/components/issues/peek-overview/index.ts
 create mode 100644 apps/space/components/issues/peek-overview/issue-activity.tsx
 create mode 100644 apps/space/components/issues/peek-overview/issue-details.tsx
 create mode 100644 apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
 create mode 100644 apps/space/components/issues/peek-overview/issue-properties.tsx
 create mode 100644 apps/space/components/issues/peek-overview/issue-reaction.tsx
 create mode 100644 apps/space/components/issues/peek-overview/issue-vote-reactions.tsx
 create mode 100644 apps/space/components/issues/peek-overview/layout.tsx
 create mode 100644 apps/space/components/issues/peek-overview/side-peek-view.tsx
 create mode 100644 apps/space/components/tiptap/bubble-menu/index.tsx
 create mode 100644 apps/space/components/tiptap/bubble-menu/link-selector.tsx
 create mode 100644 apps/space/components/tiptap/bubble-menu/node-selector.tsx
 create mode 100644 apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx
 create mode 100644 apps/space/components/tiptap/extensions/image-resize.tsx
 create mode 100644 apps/space/components/tiptap/extensions/index.tsx
 create mode 100644 apps/space/components/tiptap/extensions/updated-image.tsx
 create mode 100644 apps/space/components/tiptap/index.tsx
 create mode 100644 apps/space/components/tiptap/plugins/delete-image.tsx
 create mode 100644 apps/space/components/tiptap/plugins/upload-image.tsx
 create mode 100644 apps/space/components/tiptap/props.tsx
 create mode 100644 apps/space/components/tiptap/slash-command/index.tsx
 create mode 100644 apps/space/components/tiptap/utils.ts
 create mode 100644 apps/space/components/ui/dropdown.tsx
 create mode 100644 apps/space/components/ui/icon.tsx
 create mode 100644 apps/space/components/ui/index.ts
 create mode 100644 apps/space/components/ui/input.tsx
 create mode 100644 apps/space/components/ui/loader.tsx
 create mode 100644 apps/space/components/ui/primary-button.tsx
 create mode 100644 apps/space/components/ui/reaction-selector.tsx
 create mode 100644 apps/space/components/ui/secondary-button.tsx
 create mode 100644 apps/space/components/ui/toast-alert.tsx
 create mode 100644 apps/space/components/ui/tooltip.tsx
 create mode 100644 apps/space/components/views/project-details.tsx
 create mode 100644 apps/space/constants/seo.ts
 create mode 100644 apps/space/constants/workspace.ts
 create mode 100644 apps/space/contexts/toast.context.tsx
 create mode 100644 apps/space/helpers/date-time.helper.ts
 create mode 100644 apps/space/helpers/emoji.helper.tsx
 create mode 100644 apps/space/helpers/string.helper.ts
 create mode 100644 apps/space/hooks/use-outside-click.tsx
 create mode 100644 apps/space/hooks/use-timer.tsx
 create mode 100644 apps/space/hooks/use-toast.tsx
 create mode 100644 apps/space/layouts/project-layout.tsx
 create mode 100644 apps/space/pages/[workspace_slug]/[project_slug]/index.tsx
 rename apps/space/{app/[workspace_slug]/page.tsx => pages/[workspace_slug]/index.tsx} (100%)
 create mode 100644 apps/space/pages/index.tsx
 create mode 100644 apps/space/pages/onboarding/index.tsx
 rename apps/space/{app/project-not-published/page.tsx => pages/project-not-published/index.tsx} (100%)
 create mode 100644 apps/space/public/favicon/android-chrome-192x192.png
 create mode 100644 apps/space/public/favicon/android-chrome-512x512.png
 create mode 100644 apps/space/public/favicon/apple-touch-icon.png
 create mode 100644 apps/space/public/favicon/favicon-16x16.png
 create mode 100644 apps/space/public/favicon/favicon-32x32.png
 create mode 100644 apps/space/public/favicon/favicon.ico
 create mode 100644 apps/space/public/favicon/site.webmanifest
 create mode 100644 apps/space/public/logos/github-black.png
 create mode 100644 apps/space/public/logos/github-square.png
 create mode 100644 apps/space/public/logos/github-white.png
 create mode 100644 apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg
 create mode 100644 apps/space/public/plane-logos/blue-without-text.png
 create mode 100644 apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg
 create mode 100644 apps/space/public/plane-logos/white-horizontal.svg
 create mode 100644 apps/space/services/authentication.service.ts
 create mode 100644 apps/space/services/file.service.ts
 create mode 100644 apps/space/store/issue_details.ts
 create mode 100644 apps/space/store/issue_legacy.ts
 delete mode 100644 apps/space/store/theme.ts
 delete mode 100644 apps/space/store/types/index.ts
 delete mode 100644 apps/space/store/types/issue.ts
 delete mode 100644 apps/space/store/types/user.ts
 create mode 100644 apps/space/styles/editor.css
 create mode 100644 apps/space/types/issue.ts
 rename apps/space/{store => }/types/project.ts (64%)
 rename apps/space/{store => }/types/theme.ts (100%)
 create mode 100644 apps/space/types/user.ts

diff --git a/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx b/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx
deleted file mode 100644
index 7b4ed6142..000000000
--- a/apps/space/app/[workspace_slug]/[project_slug]/layout.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-// next imports
-import Link from "next/link";
-import Image from "next/image";
-import { Metadata, ResolvingMetadata } from "next";
-// components
-import IssueNavbar from "components/issues/navbar";
-import IssueFilter from "components/issues/filters-render";
-// service
-import ProjectService from "services/project.service";
-import { redirect } from "next/navigation";
-
-type LayoutProps = {
-  params: { workspace_slug: string; project_slug: string };
-};
-
-export async function generateMetadata({ params }: LayoutProps): Promise<Metadata> {
-  // read route params
-  const { workspace_slug, project_slug } = params;
-  const projectServiceInstance = new ProjectService();
-
-  try {
-    const project = await projectServiceInstance?.getProjectSettingsAsync(workspace_slug, project_slug);
-
-    return {
-      title: `${project?.project_details?.name} | ${workspace_slug}`,
-      description: `${
-        project?.project_details?.description || `${project?.project_details?.name} | ${workspace_slug}`
-      }`,
-      icons: `data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>${
-        typeof project?.project_details?.emoji != "object"
-          ? String.fromCodePoint(parseInt(project?.project_details?.emoji))
-          : "✈️"
-      }</text></svg>`,
-    };
-  } catch (error: any) {
-    if (error?.data?.error) {
-      redirect(`/project-not-published`);
-    }
-    return {};
-  }
-}
-
-const RootLayout = ({ children }: { children: React.ReactNode }) => (
-  <div className="relative w-screen min-h-[500px] h-screen overflow-hidden flex flex-col">
-    <div className="flex-shrink-0 h-[60px] border-b border-gray-300 relative flex items-center bg-white select-none">
-      <IssueNavbar />
-    </div>
-    {/* <div className="flex-shrink-0 min-h-[50px] h-auto py-1.5 border-b border-gray-300 relative flex items-center shadow-md bg-white select-none">
-      <IssueFilter />
-    </div> */}
-    <div className="w-full h-full relative bg-gray-100/50 overflow-hidden">{children}</div>
-
-    <div className="absolute z-[99999] bottom-[10px] right-[10px] bg-white rounded-sm shadow-lg border border-gray-100">
-      <Link href="https://plane.so" className="p-1 px-2 flex items-center gap-1" target="_blank">
-        <div className="w-[24px] h-[24px] relative flex justify-center items-center">
-          <Image src="/plane-logo.webp" alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
-        </div>
-        <div className="text-xs">
-          Powered by <b>Plane Deploy</b>
-        </div>
-      </Link>
-    </div>
-  </div>
-);
-
-export default RootLayout;
diff --git a/apps/space/app/[workspace_slug]/[project_slug]/page.tsx b/apps/space/app/[workspace_slug]/[project_slug]/page.tsx
deleted file mode 100644
index 81c2b48c2..000000000
--- a/apps/space/app/[workspace_slug]/[project_slug]/page.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-"use client";
-
-import { useEffect } from "react";
-// next imports
-import { useRouter, useParams, useSearchParams } from "next/navigation";
-// mobx
-import { observer } from "mobx-react-lite";
-// components
-import { IssueListView } from "components/issues/board-views/list";
-import { IssueKanbanView } from "components/issues/board-views/kanban";
-import { IssueCalendarView } from "components/issues/board-views/calendar";
-import { IssueSpreadsheetView } from "components/issues/board-views/spreadsheet";
-import { IssueGanttView } from "components/issues/board-views/gantt";
-// mobx store
-import { RootStore } from "store/root";
-import { useMobxStore } from "lib/mobx/store-provider";
-// types
-import { TIssueBoardKeys } from "store/types";
-
-const WorkspaceProjectPage = observer(() => {
-  const store: RootStore = useMobxStore();
-
-  const router = useRouter();
-  const routerParams = useParams();
-  const routerSearchparams = useSearchParams();
-
-  const { workspace_slug, project_slug } = routerParams as { workspace_slug: string; project_slug: string };
-  const board =
-    routerSearchparams &&
-    routerSearchparams.get("board") != null &&
-    (routerSearchparams.get("board") as TIssueBoardKeys | "");
-
-  // updating default board view when we are in the issues page
-  useEffect(() => {
-    if (workspace_slug && project_slug && store?.project?.workspaceProjectSettings) {
-      const workspacePRojectSettingViews = store?.project?.workspaceProjectSettings?.views;
-      const userAccessViews: TIssueBoardKeys[] = [];
-
-      Object.keys(workspacePRojectSettingViews).filter((_key) => {
-        if (_key === "list" && workspacePRojectSettingViews.list === true) userAccessViews.push(_key);
-        if (_key === "kanban" && workspacePRojectSettingViews.kanban === true) userAccessViews.push(_key);
-        if (_key === "calendar" && workspacePRojectSettingViews.calendar === true) userAccessViews.push(_key);
-        if (_key === "spreadsheet" && workspacePRojectSettingViews.spreadsheet === true) userAccessViews.push(_key);
-        if (_key === "gantt" && workspacePRojectSettingViews.gantt === true) userAccessViews.push(_key);
-      });
-
-      if (userAccessViews && userAccessViews.length > 0) {
-        if (!board) {
-          store.issue.setCurrentIssueBoardView(userAccessViews[0]);
-          router.replace(`/${workspace_slug}/${project_slug}?board=${userAccessViews[0]}`);
-        } else {
-          if (userAccessViews.includes(board)) {
-            if (store.issue.currentIssueBoardView === null) store.issue.setCurrentIssueBoardView(board);
-            else {
-              if (board === store.issue.currentIssueBoardView)
-                router.replace(`/${workspace_slug}/${project_slug}?board=${board}`);
-              else {
-                store.issue.setCurrentIssueBoardView(board);
-                router.replace(`/${workspace_slug}/${project_slug}?board=${board}`);
-              }
-            }
-          } else {
-            store.issue.setCurrentIssueBoardView(userAccessViews[0]);
-            router.replace(`/${workspace_slug}/${project_slug}?board=${userAccessViews[0]}`);
-          }
-        }
-      }
-    }
-  }, [workspace_slug, project_slug, board, router, store?.issue, store?.project?.workspaceProjectSettings]);
-
-  useEffect(() => {
-    if (workspace_slug && project_slug) {
-      store?.project?.getProjectSettingsAsync(workspace_slug, project_slug);
-      store?.issue?.getIssuesAsync(workspace_slug, project_slug);
-    }
-  }, [workspace_slug, project_slug, store?.project, store?.issue]);
-
-  return (
-    <div className="relative w-full h-full overflow-hidden">
-      {store?.issue?.loader && !store.issue.issues ? (
-        <div className="text-sm text-center py-10 text-gray-500">Loading...</div>
-      ) : (
-        <>
-          {store?.issue?.error ? (
-            <div className="text-sm text-center py-10 text-gray-500">Something went wrong.</div>
-          ) : (
-            store?.issue?.currentIssueBoardView && (
-              <>
-                {store?.issue?.currentIssueBoardView === "list" && (
-                  <div className="relative w-full h-full overflow-y-auto">
-                    <div className="container mx-auto px-5 py-3">
-                      <IssueListView />
-                    </div>
-                  </div>
-                )}
-                {store?.issue?.currentIssueBoardView === "kanban" && (
-                  <div className="relative w-full h-full mx-auto px-5">
-                    <IssueKanbanView />
-                  </div>
-                )}
-                {store?.issue?.currentIssueBoardView === "calendar" && <IssueCalendarView />}
-                {store?.issue?.currentIssueBoardView === "spreadsheet" && <IssueSpreadsheetView />}
-                {store?.issue?.currentIssueBoardView === "gantt" && <IssueGanttView />}
-              </>
-            )
-          )}
-        </>
-      )}
-    </div>
-  );
-});
-
-export default WorkspaceProjectPage;
diff --git a/apps/space/app/layout.tsx b/apps/space/app/layout.tsx
deleted file mode 100644
index b63f748e8..000000000
--- a/apps/space/app/layout.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-"use client";
-
-// root styles
-import "styles/globals.css";
-// mobx store provider
-import { MobxStoreProvider } from "lib/mobx/store-provider";
-import MobxStoreInit from "lib/mobx/store-init";
-
-const RootLayout = ({ children }: { children: React.ReactNode }) => (
-  <html lang="en">
-    <body className="antialiased w-100">
-      <MobxStoreProvider>
-        <MobxStoreInit />
-        <main>{children}</main>
-      </MobxStoreProvider>
-    </body>
-  </html>
-);
-
-export default RootLayout;
diff --git a/apps/space/app/page.tsx b/apps/space/app/page.tsx
deleted file mode 100644
index 6a18b7283..000000000
--- a/apps/space/app/page.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-"use client";
-
-import React from "react";
-
-const HomePage = () => (
-  <div className="relative w-screen h-screen flex justify-center items-center text-5xl">Plane Deploy</div>
-);
-
-export default HomePage;
diff --git a/apps/space/components/accounts/email-code-form.tsx b/apps/space/components/accounts/email-code-form.tsx
new file mode 100644
index 000000000..b760ccfbb
--- /dev/null
+++ b/apps/space/components/accounts/email-code-form.tsx
@@ -0,0 +1,216 @@
+import React, { useEffect, useState, useCallback } from "react";
+
+// react hook form
+import { useForm } from "react-hook-form";
+
+// services
+import authenticationService from "services/authentication.service";
+
+// hooks
+import useToast from "hooks/use-toast";
+import useTimer from "hooks/use-timer";
+
+// ui
+import { Input, PrimaryButton } from "components/ui";
+
+// types
+type EmailCodeFormValues = {
+  email: string;
+  key?: string;
+  token?: string;
+};
+
+export const EmailCodeForm = ({ handleSignIn }: any) => {
+  const [codeSent, setCodeSent] = useState(false);
+  const [codeResent, setCodeResent] = useState(false);
+  const [isCodeResending, setIsCodeResending] = useState(false);
+  const [errorResendingCode, setErrorResendingCode] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const { setToastAlert } = useToast();
+  const { timer: resendCodeTimer, setTimer: setResendCodeTimer } = useTimer();
+
+  const {
+    register,
+    handleSubmit,
+    setError,
+    setValue,
+    getValues,
+    watch,
+    formState: { errors, isSubmitting, isValid, isDirty },
+  } = useForm<EmailCodeFormValues>({
+    defaultValues: {
+      email: "",
+      key: "",
+      token: "",
+    },
+    mode: "onChange",
+    reValidateMode: "onChange",
+  });
+
+  const isResendDisabled = resendCodeTimer > 0 || isCodeResending || isSubmitting || errorResendingCode;
+
+  const onSubmit = useCallback(
+    async ({ email }: EmailCodeFormValues) => {
+      setErrorResendingCode(false);
+      await authenticationService
+        .emailCode({ email })
+        .then((res) => {
+          setValue("key", res.key);
+          setCodeSent(true);
+        })
+        .catch((err) => {
+          setErrorResendingCode(true);
+          setToastAlert({
+            title: "Oops!",
+            type: "error",
+            message: err?.error,
+          });
+        });
+    },
+    [setToastAlert, setValue]
+  );
+
+  const handleSignin = async (formData: EmailCodeFormValues) => {
+    setIsLoading(true);
+    await authenticationService
+      .magicSignIn(formData)
+      .then((response) => {
+        setIsLoading(false);
+        handleSignIn(response);
+      })
+      .catch((error) => {
+        setIsLoading(false);
+        setToastAlert({
+          title: "Oops!",
+          type: "error",
+          message: error?.response?.data?.error ?? "Enter the correct code to sign in",
+        });
+        setError("token" as keyof EmailCodeFormValues, {
+          type: "manual",
+          message: error?.error,
+        });
+      });
+  };
+
+  const emailOld = getValues("email");
+
+  useEffect(() => {
+    setErrorResendingCode(false);
+  }, [emailOld]);
+
+  useEffect(() => {
+    const submitForm = (e: KeyboardEvent) => {
+      if (!codeSent && e.key === "Enter") {
+        e.preventDefault();
+        handleSubmit(onSubmit)().then(() => {
+          setResendCodeTimer(30);
+        });
+      }
+    };
+
+    if (!codeSent) {
+      window.addEventListener("keydown", submitForm);
+    }
+
+    return () => {
+      window.removeEventListener("keydown", submitForm);
+    };
+  }, [handleSubmit, codeSent, onSubmit, setResendCodeTimer]);
+
+  return (
+    <>
+      {(codeSent || codeResent) && (
+        <p className="text-center mt-4">
+          We have sent the sign in code.
+          <br />
+          Please check your inbox at <span className="font-medium">{watch("email")}</span>
+        </p>
+      )}
+      <form className="space-y-4 mt-10 sm:w-[360px] mx-auto">
+        <div className="space-y-1">
+          <Input
+            id="email"
+            type="email"
+            placeholder="Enter your email address..."
+            className="border-custom-border-300 h-[46px]"
+            {...register("email", {
+              required: "Email address is required",
+              validate: (value) =>
+                /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+                  value
+                ) || "Email address is not valid",
+            })}
+          />
+          {errors.email && <div className="text-sm text-red-500">{errors.email.message}</div>}
+        </div>
+
+        {codeSent && (
+          <>
+            <Input
+              id="token"
+              type="token"
+              {...register("token", {
+                required: "Code is required",
+              })}
+              placeholder="Enter code..."
+              className="border-custom-border-300 h-[46px]"
+            />
+            {errors.token && <div className="text-sm text-red-500">{errors.token.message}</div>}
+            <button
+              type="button"
+              className={`flex w-full justify-end text-xs outline-none ${
+                isResendDisabled ? "cursor-default text-custom-text-200" : "cursor-pointer text-custom-primary-100"
+              } `}
+              onClick={() => {
+                setIsCodeResending(true);
+                onSubmit({ email: getValues("email") }).then(() => {
+                  setCodeResent(true);
+                  setIsCodeResending(false);
+                  setResendCodeTimer(30);
+                });
+              }}
+              disabled={isResendDisabled}
+            >
+              {resendCodeTimer > 0 ? (
+                <span className="text-right">Request new code in {resendCodeTimer} seconds</span>
+              ) : isCodeResending ? (
+                "Sending new code..."
+              ) : errorResendingCode ? (
+                "Please try again later"
+              ) : (
+                <span className="font-medium">Resend code</span>
+              )}
+            </button>
+          </>
+        )}
+        {codeSent ? (
+          <PrimaryButton
+            type="submit"
+            className="w-full text-center h-[46px]"
+            size="md"
+            onClick={handleSubmit(handleSignin)}
+            disabled={!isValid && isDirty}
+            loading={isLoading}
+          >
+            {isLoading ? "Signing in..." : "Sign in"}
+          </PrimaryButton>
+        ) : (
+          <PrimaryButton
+            className="w-full text-center h-[46px]"
+            size="md"
+            onClick={() => {
+              handleSubmit(onSubmit)().then(() => {
+                setResendCodeTimer(30);
+              });
+            }}
+            disabled={!isValid && isDirty}
+            loading={isSubmitting}
+          >
+            {isSubmitting ? "Sending code..." : "Send sign in code"}
+          </PrimaryButton>
+        )}
+      </form>
+    </>
+  );
+};
diff --git a/apps/space/components/accounts/email-password-form.tsx b/apps/space/components/accounts/email-password-form.tsx
new file mode 100644
index 000000000..23742eefe
--- /dev/null
+++ b/apps/space/components/accounts/email-password-form.tsx
@@ -0,0 +1,116 @@
+import React, { useState } from "react";
+
+import { useRouter } from "next/router";
+import Link from "next/link";
+
+// react hook form
+import { useForm } from "react-hook-form";
+// components
+import { EmailResetPasswordForm } from "./email-reset-password-form";
+// ui
+import { Input, PrimaryButton } from "components/ui";
+// types
+type EmailPasswordFormValues = {
+  email: string;
+  password?: string;
+  medium?: string;
+};
+
+type Props = {
+  onSubmit: (formData: EmailPasswordFormValues) => Promise<void>;
+};
+
+export const EmailPasswordForm: React.FC<Props> = ({ onSubmit }) => {
+  const [isResettingPassword, setIsResettingPassword] = useState(false);
+
+  const router = useRouter();
+  const isSignUpPage = router.pathname === "/sign-up";
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting, isValid, isDirty },
+  } = useForm<EmailPasswordFormValues>({
+    defaultValues: {
+      email: "",
+      password: "",
+      medium: "email",
+    },
+    mode: "onChange",
+    reValidateMode: "onChange",
+  });
+
+  return (
+    <>
+      <h1 className="text-center text-2xl sm:text-2.5xl font-semibold text-custom-text-100">
+        {isResettingPassword ? "Reset your password" : isSignUpPage ? "Sign up on Plane" : "Sign in to Plane"}
+      </h1>
+      {isResettingPassword ? (
+        <EmailResetPasswordForm setIsResettingPassword={setIsResettingPassword} />
+      ) : (
+        <form className="space-y-4 mt-10 w-full sm:w-[360px] mx-auto" onSubmit={handleSubmit(onSubmit)}>
+          <div className="space-y-1">
+            <Input
+              id="email"
+              type="email"
+              {...register("email", {
+                required: "Email address is required",
+                validate: (value) =>
+                  /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+                    value
+                  ) || "Email address is not valid",
+              })}
+              placeholder="Enter your email address..."
+              className="border-custom-border-300 h-[46px]"
+            />
+            {errors.email && <div className="text-sm text-red-500">{errors.email.message}</div>}
+          </div>
+          <div className="space-y-1">
+            <Input
+              id="password"
+              type="password"
+              {...register("password", {
+                required: "Password is required",
+              })}
+              placeholder="Enter your password..."
+              className="border-custom-border-300 h-[46px]"
+            />
+            {errors.password && <div className="text-sm text-red-500">{errors.password.message}</div>}
+          </div>
+          <div className="text-right text-xs">
+            {isSignUpPage ? (
+              <Link href="/">
+                <a className="text-custom-text-200 hover:text-custom-primary-100">Already have an account? Sign in.</a>
+              </Link>
+            ) : (
+              <button
+                type="button"
+                onClick={() => setIsResettingPassword(true)}
+                className="text-custom-text-200 hover:text-custom-primary-100"
+              >
+                Forgot your password?
+              </button>
+            )}
+          </div>
+          <div>
+            <PrimaryButton
+              type="submit"
+              className="w-full text-center h-[46px]"
+              disabled={!isValid && isDirty}
+              loading={isSubmitting}
+            >
+              {isSignUpPage ? (isSubmitting ? "Signing up..." : "Sign up") : isSubmitting ? "Signing in..." : "Sign in"}
+            </PrimaryButton>
+            {!isSignUpPage && (
+              <Link href="/sign-up">
+                <a className="block text-custom-text-200 hover:text-custom-primary-100 text-xs mt-4">
+                  Don{"'"}t have an account? Sign up.
+                </a>
+              </Link>
+            )}
+          </div>
+        </form>
+      )}
+    </>
+  );
+};
diff --git a/apps/space/components/accounts/email-reset-password-form.tsx b/apps/space/components/accounts/email-reset-password-form.tsx
new file mode 100644
index 000000000..c850b305c
--- /dev/null
+++ b/apps/space/components/accounts/email-reset-password-form.tsx
@@ -0,0 +1,89 @@
+import React from "react";
+
+// react hook form
+import { useForm } from "react-hook-form";
+// services
+import userService from "services/user.service";
+// hooks
+// import useToast from "hooks/use-toast";
+// ui
+import { Input, PrimaryButton, SecondaryButton } from "components/ui";
+// types
+type Props = {
+  setIsResettingPassword: React.Dispatch<React.SetStateAction<boolean>>;
+};
+
+export const EmailResetPasswordForm: React.FC<Props> = ({ setIsResettingPassword }) => {
+  // const { setToastAlert } = useToast();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm({
+    defaultValues: {
+      email: "",
+    },
+    mode: "onChange",
+    reValidateMode: "onChange",
+  });
+
+  const forgotPassword = async (formData: any) => {
+    const payload = {
+      email: formData.email,
+    };
+
+    // await userService
+    //   .forgotPassword(payload)
+    //   .then(() =>
+    //     setToastAlert({
+    //       type: "success",
+    //       title: "Success!",
+    //       message: "Password reset link has been sent to your email address.",
+    //     })
+    //   )
+    //   .catch((err) => {
+    //     if (err.status === 400)
+    //       setToastAlert({
+    //         type: "error",
+    //         title: "Error!",
+    //         message: "Please check the Email ID entered.",
+    //       });
+    //     else
+    //       setToastAlert({
+    //         type: "error",
+    //         title: "Error!",
+    //         message: "Something went wrong. Please try again.",
+    //       });
+    //   });
+  };
+
+  return (
+    <form className="space-y-4 mt-10 w-full sm:w-[360px] mx-auto" onSubmit={handleSubmit(forgotPassword)}>
+      <div className="space-y-1">
+        <Input
+          id="email"
+          type="email"
+          {...register("email", {
+            required: "Email address is required",
+            validate: (value) =>
+              /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+                value
+              ) || "Email address is not valid",
+          })}
+          placeholder="Enter registered email address.."
+          className="border-custom-border-300 h-[46px]"
+        />
+        {errors.email && <div className="text-sm text-red-500">{errors.email.message}</div>}
+      </div>
+      <div className="mt-5 flex flex-col-reverse sm:flex-row items-center gap-2">
+        <SecondaryButton className="w-full text-center h-[46px]" onClick={() => setIsResettingPassword(false)}>
+          Go Back
+        </SecondaryButton>
+        <PrimaryButton type="submit" className="w-full text-center h-[46px]" loading={isSubmitting}>
+          {isSubmitting ? "Sending link..." : "Send reset link"}
+        </PrimaryButton>
+      </div>
+    </form>
+  );
+};
diff --git a/apps/space/components/accounts/github-login-button.tsx b/apps/space/components/accounts/github-login-button.tsx
new file mode 100644
index 000000000..4ba47b421
--- /dev/null
+++ b/apps/space/components/accounts/github-login-button.tsx
@@ -0,0 +1,55 @@
+import { useEffect, useState, FC } from "react";
+import Link from "next/link";
+import Image from "next/image";
+import { useRouter } from "next/router";
+// next-themes
+import { useTheme } from "next-themes";
+// images
+import githubBlackImage from "/public/logos/github-black.png";
+import githubWhiteImage from "/public/logos/github-white.png";
+
+export interface GithubLoginButtonProps {
+  handleSignIn: React.Dispatch<string>;
+}
+
+export const GithubLoginButton: FC<GithubLoginButtonProps> = ({ handleSignIn }) => {
+  const [loginCallBackURL, setLoginCallBackURL] = useState(undefined);
+  const [gitCode, setGitCode] = useState<null | string>(null);
+
+  const router = useRouter();
+
+  const { code } = router.query;
+
+  const { theme } = useTheme();
+
+  useEffect(() => {
+    if (code && !gitCode) {
+      setGitCode(code.toString());
+      handleSignIn(code.toString());
+    }
+  }, [code, gitCode, handleSignIn]);
+
+  useEffect(() => {
+    const origin = typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+    setLoginCallBackURL(`${origin}/` as any);
+  }, []);
+
+  return (
+    <div className="w-full flex justify-center items-center">
+      <Link
+        className="w-full"
+        href={`https://github.com/login/oauth/authorize?client_id=${process.env.NEXT_PUBLIC_GITHUB_ID}&redirect_uri=${loginCallBackURL}&scope=read:user,user:email`}
+      >
+        <button className="flex w-full items-center justify-center gap-2 rounded border border-custom-border-300 p-2 text-sm font-medium text-custom-text-100 duration-300 hover:bg-custom-background-80 h-[46px]">
+          <Image
+            src={theme === "dark" ? githubWhiteImage : githubBlackImage}
+            height={20}
+            width={20}
+            alt="GitHub Logo"
+          />
+          <span>Sign in with GitHub</span>
+        </button>
+      </Link>
+    </div>
+  );
+};
diff --git a/apps/space/components/accounts/google-login.tsx b/apps/space/components/accounts/google-login.tsx
new file mode 100644
index 000000000..82916d7b5
--- /dev/null
+++ b/apps/space/components/accounts/google-login.tsx
@@ -0,0 +1,59 @@
+import { FC, CSSProperties, useEffect, useRef, useCallback, useState } from "react";
+
+import Script from "next/script";
+
+export interface IGoogleLoginButton {
+  text?: string;
+  handleSignIn: React.Dispatch<any>;
+  styles?: CSSProperties;
+}
+
+export const GoogleLoginButton: FC<IGoogleLoginButton> = ({ handleSignIn }) => {
+  const googleSignInButton = useRef<HTMLDivElement>(null);
+  const [gsiScriptLoaded, setGsiScriptLoaded] = useState(false);
+
+  const loadScript = useCallback(() => {
+    if (!googleSignInButton.current || gsiScriptLoaded) return;
+
+    (window as any)?.google?.accounts.id.initialize({
+      client_id: process.env.NEXT_PUBLIC_GOOGLE_CLIENTID || "",
+      callback: handleSignIn,
+    });
+
+    try {
+      (window as any)?.google?.accounts.id.renderButton(
+        googleSignInButton.current,
+        {
+          type: "standard",
+          theme: "outline",
+          size: "large",
+          logo_alignment: "center",
+          width: 360,
+          text: "signin_with",
+        } as any // customization attributes
+      );
+    } catch (err) {
+      console.log(err);
+    }
+
+    (window as any)?.google?.accounts.id.prompt(); // also display the One Tap dialog
+
+    setGsiScriptLoaded(true);
+  }, [handleSignIn, gsiScriptLoaded]);
+
+  useEffect(() => {
+    if ((window as any)?.google?.accounts?.id) {
+      loadScript();
+    }
+    return () => {
+      (window as any)?.google?.accounts.id.cancel();
+    };
+  }, [loadScript]);
+
+  return (
+    <>
+      <Script src="https://accounts.google.com/gsi/client" async defer onLoad={loadScript} />
+      <div className="overflow-hidden rounded w-full" id="googleSignInButton" ref={googleSignInButton} />
+    </>
+  );
+};
diff --git a/apps/space/components/accounts/index.ts b/apps/space/components/accounts/index.ts
new file mode 100644
index 000000000..093e8538c
--- /dev/null
+++ b/apps/space/components/accounts/index.ts
@@ -0,0 +1,6 @@
+export * from "./email-code-form";
+export * from "./email-password-form";
+export * from "./email-reset-password-form";
+export * from "./github-login-button";
+export * from "./google-login";
+export * from "./onboarding-form";
diff --git a/apps/space/components/accounts/onboarding-form.tsx b/apps/space/components/accounts/onboarding-form.tsx
new file mode 100644
index 000000000..c40465b3f
--- /dev/null
+++ b/apps/space/components/accounts/onboarding-form.tsx
@@ -0,0 +1,187 @@
+import { useEffect, Fragment } from "react";
+import { useRouter } from "next/router";
+// react-hook-form
+import { Controller, useForm } from "react-hook-form";
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// headless ui
+import { Listbox, Transition } from "@headlessui/react";
+// icons
+import { ChevronDownIcon, CheckIcon } from "@heroicons/react/20/solid";
+// constants
+import { USER_ROLES } from "constants/workspace";
+// hooks
+import useToast from "hooks/use-toast";
+// services
+import UserService from "services/user.service";
+// ui
+import { Input, PrimaryButton } from "components/ui";
+
+const defaultValues = {
+  first_name: "",
+  last_name: "",
+  role: "",
+};
+
+type Props = {
+  user?: any;
+};
+
+export const OnBoardingForm: React.FC<Props> = observer(({ user }) => {
+  const { setToastAlert } = useToast();
+
+  const router = useRouter();
+  const { next_path } = router.query;
+
+  const { user: userStore } = useMobxStore();
+
+  const {
+    register,
+    handleSubmit,
+    control,
+    reset,
+    formState: { errors, isSubmitting, isValid },
+  } = useForm({
+    defaultValues,
+  });
+
+  const onSubmit = async (formData: any) => {
+    const payload = {
+      ...formData,
+      onboarding_step: {
+        ...user.onboarding_step,
+        profile_complete: true,
+      },
+    };
+
+    const userService = new UserService();
+
+    await userService
+      .updateMe(payload)
+      .then((response) => {
+        userStore.setCurrentUser(response);
+        router.push(next_path?.toString() || "/");
+        setToastAlert({
+          type: "success",
+          title: "Success!",
+          message: "Details updated successfully.",
+        });
+      })
+      .catch((err) => {});
+  };
+
+  useEffect(() => {
+    if (user) {
+      reset({
+        first_name: user.first_name,
+        last_name: user.last_name,
+        role: user.role,
+      });
+    }
+  }, [user, reset]);
+
+  return (
+    <form
+      className="h-full w-full space-y-7 sm:space-y-10 overflow-y-auto sm:flex sm:flex-col sm:items-start sm:justify-center"
+      onSubmit={handleSubmit(onSubmit)}
+    >
+      <div className="relative sm:text-lg">
+        <div className="text-gray-800 absolute -top-1 -left-3">{'"'}</div>
+        <h5>Hey there 👋🏻</h5>
+        <h5 className="mt-5 mb-6">Let{"'"}s get you onboard!</h5>
+        <h4 className="text-xl sm:text-2xl font-semibold">Set up your Plane profile.</h4>
+      </div>
+
+      <div className="space-y-7 sm:w-3/4 md:w-2/5">
+        <div className="space-y-1 text-sm">
+          <label htmlFor="firstName">First Name</label>
+          <Input
+            id="firstName"
+            autoComplete="off"
+            placeholder="Enter your first name..."
+            {...register("first_name", {
+              required: "First name is required",
+            })}
+          />
+          {errors.first_name && <div className="text-sm text-red-500">{errors.first_name.message}</div>}
+        </div>
+        <div className="space-y-1 text-sm">
+          <label htmlFor="lastName">Last Name</label>
+          <Input
+            id="lastName"
+            autoComplete="off"
+            placeholder="Enter your last name..."
+            {...register("last_name", {
+              required: "Last name is required",
+            })}
+          />
+          {errors.last_name && <div className="text-sm text-red-500">{errors.last_name.message}</div>}
+        </div>
+        <div className="space-y-1 text-sm">
+          <span>What{"'"}s your role?</span>
+          <div className="w-full">
+            <Controller
+              name="role"
+              control={control}
+              rules={{ required: "This field is required" }}
+              render={({ field: { value, onChange } }) => (
+                <Listbox as="div" value={value} onChange={onChange} className="relative flex-shrink-0 text-left">
+                  <Listbox.Button
+                    type="button"
+                    className={`flex items-center justify-between gap-1 w-full rounded-md border border-custom-border-300 shadow-sm duration-300 focus:outline-none px-3 py-2 text-sm`}
+                  >
+                    <span className="text-custom-text-400">{value || "Select your role..."}</span>
+                    <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
+                  </Listbox.Button>
+
+                  <Transition
+                    as={Fragment}
+                    enter="transition ease-out duration-100"
+                    enterFrom="transform opacity-0 scale-95"
+                    enterTo="transform opacity-100 scale-100"
+                    leave="transition ease-in duration-75"
+                    leaveFrom="transform opacity-100 scale-100"
+                    leaveTo="transform opacity-0 scale-95"
+                  >
+                    <Listbox.Options
+                      className={`absolute z-10 border border-custom-border-300 mt-1 overflow-y-auto rounded-md bg-custom-background-90 text-xs shadow-lg focus:outline-none w-full max-h-36 left-0 origin-top-left`}
+                    >
+                      <div className="space-y-1 p-2">
+                        {USER_ROLES.map((role) => (
+                          <Listbox.Option
+                            key={role.value}
+                            value={role.value}
+                            className={({ active, selected }) =>
+                              `cursor-pointer select-none truncate rounded px-1 py-1.5 ${
+                                active || selected ? "bg-custom-background-80" : ""
+                              } ${selected ? "text-custom-text-100" : "text-custom-text-200"}`
+                            }
+                          >
+                            {({ selected }) => (
+                              <div className="flex items-center justify-between gap-2">
+                                <div className="flex items-center gap-2">
+                                  <span>{role.label}</span>
+                                </div>
+                                {selected && <CheckIcon className="h-4 w-4 flex-shrink-0" />}
+                              </div>
+                            )}
+                          </Listbox.Option>
+                        ))}
+                      </div>
+                    </Listbox.Options>
+                  </Transition>
+                </Listbox>
+              )}
+            />
+            {errors.role && <span className="text-sm text-red-500">{errors.role.message}</span>}
+          </div>
+        </div>
+      </div>
+
+      <PrimaryButton type="submit" size="md" disabled={!isValid} loading={isSubmitting}>
+        {isSubmitting ? "Updating..." : "Continue"}
+      </PrimaryButton>
+    </form>
+  );
+});
diff --git a/apps/space/components/issues/board-views/block-downvotes.tsx b/apps/space/components/issues/board-views/block-downvotes.tsx
new file mode 100644
index 000000000..72e21f641
--- /dev/null
+++ b/apps/space/components/issues/board-views/block-downvotes.tsx
@@ -0,0 +1,10 @@
+"use client";
+
+export const IssueBlockDownVotes = ({ number }: { number: number }) => (
+  <div className="h-6 rounded flex px-1.5 pl-1 py-1 items-center border-[0.5px] border-custom-border-300 text-custom-text-300 text-xs">
+    <span className="material-symbols-rounded text-base !p-0 !m-0 rotate-180 text-custom-text-300">
+      arrow_upward_alt
+    </span>
+    {number}
+  </div>
+);
diff --git a/apps/space/components/issues/board-views/block-due-date.tsx b/apps/space/components/issues/board-views/block-due-date.tsx
index 6d3cc3cc0..f96836098 100644
--- a/apps/space/components/issues/board-views/block-due-date.tsx
+++ b/apps/space/components/issues/board-views/block-due-date.tsx
@@ -1,32 +1,60 @@
 "use client";
 
 // helpers
-import { renderDateFormat } from "constants/helpers";
+import { renderFullDate } from "constants/helpers";
 
 export const findHowManyDaysLeft = (date: string | Date) => {
   const today = new Date();
   const eventDate = new Date(date);
   const timeDiff = Math.abs(eventDate.getTime() - today.getTime());
+
   return Math.ceil(timeDiff / (1000 * 3600 * 24));
 };
 
-const validDate = (date: any, state: string): string => {
-  if (date === null || ["backlog", "unstarted", "cancelled"].includes(state))
-    return `bg-gray-500/10 text-gray-500 border-gray-500/50`;
-  else {
+const dueDateIcon = (
+  date: string,
+  stateGroup: string
+): {
+  iconName: string;
+  className: string;
+} => {
+  let iconName = "calendar_today";
+  let className = "";
+
+  if (!date || ["completed", "cancelled"].includes(stateGroup)) {
+    iconName = "calendar_today";
+    className = "";
+  } else {
     const today = new Date();
     const dueDate = new Date(date);
 
-    if (dueDate < today) return `bg-red-500/10 text-red-500 border-red-500/50`;
-    else return `bg-green-500/10 text-green-500 border-green-500/50`;
+    if (dueDate < today) {
+      iconName = "event_busy";
+      className = "text-red-500";
+    } else if (dueDate > today) {
+      iconName = "calendar_today";
+      className = "";
+    } else {
+      iconName = "today";
+      className = "text-red-500";
+    }
   }
+
+  return {
+    iconName,
+    className,
+  };
 };
 
-export const IssueBlockDueDate = ({ due_date, state }: any) => (
-  <div
-    className={`h-[24px] rounded-sm flex px-2 items-center border border-gray-300 gap-1 text-gray-700 text-xs font-medium 
-    ${validDate(due_date, state)}`}
-  >
-    {renderDateFormat(due_date)}
-  </div>
-);
+export const IssueBlockDueDate = ({ due_date, group }: { due_date: string; group: string }) => {
+  const iconDetails = dueDateIcon(due_date, group);
+
+  return (
+    <div className="rounded flex px-2.5 py-1 items-center border-[0.5px] border-custom-border-300 gap-1 text-custom-text-100 text-xs">
+      <span className={`material-symbols-rounded text-sm -my-0.5 ${iconDetails.className}`}>
+        {iconDetails.iconName}
+      </span>
+      {renderFullDate(due_date)}
+    </div>
+  );
+};
diff --git a/apps/space/components/issues/board-views/block-labels.tsx b/apps/space/components/issues/board-views/block-labels.tsx
index 90cc1629c..31e218a7f 100644
--- a/apps/space/components/issues/board-views/block-labels.tsx
+++ b/apps/space/components/issues/board-views/block-labels.tsx
@@ -6,11 +6,13 @@ export const IssueBlockLabels = ({ labels }: any) => (
       labels.length > 0 &&
       labels.map((_label: any) => (
         <div
-          className={`h-[24px] rounded-sm flex px-1 items-center border gap-1 !bg-transparent !text-gray-700`}
-          style={{ backgroundColor: `${_label?.color}10`, borderColor: `${_label?.color}50` }}
+          key={_label?.id}
+          className="flex cursor-default items-center flex-shrink-0 rounded-md border border-custom-border-300 px-2.5 py-1 text-xs shadow-sm"
         >
-          <div className="w-[10px] h-[10px] rounded-full" style={{ backgroundColor: `${_label?.color}` }} />
-          <div className="text-sm">{_label?.name}</div>
+          <div className="flex items-center gap-1.5 text-custom-text-200">
+            <div className="w-2 h-2 rounded-full" style={{ backgroundColor: `${_label?.color}` }} />
+            <div className="text-xs">{_label?.name}</div>
+          </div>
         </div>
       ))}
   </div>
diff --git a/apps/space/components/issues/board-views/block-priority.tsx b/apps/space/components/issues/board-views/block-priority.tsx
index 61ca50765..5c9ad3c08 100644
--- a/apps/space/components/issues/board-views/block-priority.tsx
+++ b/apps/space/components/issues/board-views/block-priority.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 // types
-import { TIssuePriorityKey } from "store/types/issue";
+import { TIssuePriorityKey } from "types/issue";
 // constants
 import { issuePriorityFilter } from "constants/data";
 
@@ -9,9 +9,10 @@ export const IssueBlockPriority = ({ priority }: { priority: TIssuePriorityKey |
   const priority_detail = priority != null ? issuePriorityFilter(priority) : null;
 
   if (priority_detail === null) return <></>;
+
   return (
-    <div className={`w-[24px] h-[24px] rounded-sm flex justify-center items-center ${priority_detail?.className}`}>
-      <span className="material-symbols-rounded text-[16px]">{priority_detail?.icon}</span>
+    <div className={`h-6 w-6 rounded grid place-items-center border-[0.5px] ${priority_detail?.className}`}>
+      <span className="material-symbols-rounded text-sm">{priority_detail?.icon}</span>
     </div>
   );
 };
diff --git a/apps/space/components/issues/board-views/block-state.tsx b/apps/space/components/issues/board-views/block-state.tsx
index 87cd65938..6638566f9 100644
--- a/apps/space/components/issues/board-views/block-state.tsx
+++ b/apps/space/components/issues/board-views/block-state.tsx
@@ -8,11 +8,11 @@ export const IssueBlockState = ({ state }: any) => {
 
   if (stateGroup === null) return <></>;
   return (
-    <div
-      className={`h-[24px] rounded-sm flex px-1 items-center border ${stateGroup?.className} gap-1 !bg-transparent !text-gray-700`}
-    >
-      <stateGroup.icon />
-      <div className="text-sm">{state?.name}</div>
+    <div className="flex items-center justify-between gap-1 w-full rounded shadow-sm border-[0.5px] border-custom-border-300 duration-300 focus:outline-none px-2.5 py-1 text-xs cursor-pointer hover:bg-custom-background-80">
+      <div className="flex items-center cursor-pointer w-full gap-1.5 text-custom-text-200">
+        <stateGroup.icon />
+        <div className="text-xs">{state?.name}</div>
+      </div>
     </div>
   );
 };
diff --git a/apps/space/components/issues/board-views/block-upvotes.tsx b/apps/space/components/issues/board-views/block-upvotes.tsx
new file mode 100644
index 000000000..517afeaf0
--- /dev/null
+++ b/apps/space/components/issues/board-views/block-upvotes.tsx
@@ -0,0 +1,8 @@
+"use client";
+
+export const IssueBlockUpVotes = ({ number }: { number: number }) => (
+  <div className="h-6 rounded flex px-1.5 pl-1 py-1 items-center border-[0.5px] border-custom-border-300 text-custom-text-300 text-xs">
+    <span className="material-symbols-rounded text-base !p-0 !m-0 text-custom-text-300">arrow_upward_alt</span>
+    {number}
+  </div>
+);
diff --git a/apps/space/components/issues/board-views/kanban/block.tsx b/apps/space/components/issues/board-views/kanban/block.tsx
index 22af77568..07375fe36 100644
--- a/apps/space/components/issues/board-views/kanban/block.tsx
+++ b/apps/space/components/issues/board-views/kanban/block.tsx
@@ -2,32 +2,55 @@
 
 // mobx react lite
 import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+
 // components
 import { IssueBlockPriority } from "components/issues/board-views/block-priority";
 import { IssueBlockState } from "components/issues/board-views/block-state";
 import { IssueBlockLabels } from "components/issues/board-views/block-labels";
 import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
-import { IIssue } from "store/types/issue";
+import { IIssue } from "types/issue";
 import { RootStore } from "store/root";
+import { useRouter } from "next/router";
 
-export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
-  const store: RootStore = useMobxStore();
+export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
+  const { project: projectStore, issueDetails: issueDetailStore }: RootStore = useMobxStore();
+
+  // router
+  const router = useRouter();
+  const { workspace_slug, project_slug, board } = router.query;
+
+  const handleBlockClick = () => {
+    issueDetailStore.setPeekId(issue.id);
+    router.replace(
+      {
+        pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+        query: {
+          board: board?.toString(),
+          peekId: issue.id,
+        },
+      },
+      undefined,
+      { shallow: true }
+    );
+    // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
+  };
 
   return (
-    <div className="p-2 px-3 bg-white space-y-2 rounded-sm shadow">
+    <div className="py-3 px-4 h-[118px] flex flex-col gap-1.5 bg-custom-background-100 rounded shadow-custom-shadow-sm border-[0.5px] border-custom-border-200">
       {/* id */}
-      <div className="flex-shrink-0 text-sm text-gray-600 w-[60px]">
-        {store?.project?.project?.identifier}-{issue?.sequence_id}
+      <div className="text-xs text-custom-text-300 break-words">
+        {projectStore?.project?.identifier}-{issue?.sequence_id}
       </div>
 
       {/* name */}
-      <div className="font-medium text-gray-800 h-full line-clamp-2">{issue.name}</div>
+      <h6 onClick={handleBlockClick} className="text-sm font-medium break-words line-clamp-2 cursor-pointer">
+        {issue.name}
+      </h6>
 
-      {/* priority */}
-      <div className="relative flex flex-wrap items-center gap-2 w-full">
+      <div className="relative flex-grow flex items-end gap-2 w-full overflow-x-scroll hide-horizontal-scrollbar">
+        {/* priority */}
         {issue?.priority && (
           <div className="flex-shrink-0">
             <IssueBlockPriority priority={issue?.priority} />
@@ -39,12 +62,6 @@ export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
             <IssueBlockState state={issue?.state_detail} />
           </div>
         )}
-        {/* labels */}
-        {issue?.label_details && issue?.label_details.length > 0 && (
-          <div className="flex-shrink-0">
-            <IssueBlockLabels labels={issue?.label_details} />
-          </div>
-        )}
         {/* due date */}
         {issue?.target_date && (
           <div className="flex-shrink-0">
@@ -54,4 +71,4 @@ export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
       </div>
     </div>
   );
-};
+});
diff --git a/apps/space/components/issues/board-views/kanban/header.tsx b/apps/space/components/issues/board-views/kanban/header.tsx
index 43c19f5f5..69c252593 100644
--- a/apps/space/components/issues/board-views/kanban/header.tsx
+++ b/apps/space/components/issues/board-views/kanban/header.tsx
@@ -3,7 +3,7 @@
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
 // constants
 import { issueGroupFilter } from "constants/data";
 // mobx hook
@@ -18,14 +18,14 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
   if (stateGroup === null) return <></>;
 
   return (
-    <div className="py-2 flex items-center gap-2">
-      <div className="w-[28px] h-[28px] flex justify-center items-center">
+    <div className="pb-2 px-2 flex items-center">
+      <div className="w-4 h-4 flex justify-center items-center flex-shrink-0">
         <stateGroup.icon />
       </div>
-      <div className="font-medium capitalize">{state?.name}</div>
-      <div className="bg-gray-200/50 text-gray-700 font-medium text-xs w-full max-w-[26px] h-[20px] flex justify-center items-center rounded-full">
+      <div className="font-semibold text-custom-text-200 capitalize ml-2 mr-3 truncate">{state?.name}</div>
+      <span className="text-custom-text-300 rounded-full flex-shrink-0">
         {store.issue.getCountOfIssuesByState(state.id)}
-      </div>
+      </span>
     </div>
   );
 });
diff --git a/apps/space/components/issues/board-views/kanban/index.tsx b/apps/space/components/issues/board-views/kanban/index.tsx
index d716356ff..2ba1450a0 100644
--- a/apps/space/components/issues/board-views/kanban/index.tsx
+++ b/apps/space/components/issues/board-views/kanban/index.tsx
@@ -6,7 +6,7 @@ import { observer } from "mobx-react-lite";
 import { IssueListHeader } from "components/issues/board-views/kanban/header";
 import { IssueListBlock } from "components/issues/board-views/kanban/block";
 // interfaces
-import { IIssueState, IIssue } from "store/types/issue";
+import { IIssueState, IIssue } from "types/issue";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -19,20 +19,20 @@ export const IssueKanbanView = observer(() => {
       {store?.issue?.states &&
         store?.issue?.states.length > 0 &&
         store?.issue?.states.map((_state: IIssueState) => (
-          <div className="flex-shrink-0 relative w-[340px] h-full flex flex-col">
+          <div key={_state.id} className="flex-shrink-0 relative w-[340px] h-full flex flex-col">
             <div className="flex-shrink-0">
               <IssueListHeader state={_state} />
             </div>
-            <div className="w-full h-full overflow-hidden overflow-y-auto">
+            <div className="w-full h-full overflow-hidden overflow-y-auto hide-vertical-scrollbar">
               {store.issue.getFilteredIssuesByState(_state.id) &&
               store.issue.getFilteredIssuesByState(_state.id).length > 0 ? (
-                <div className="space-y-3 pb-2">
+                <div className="space-y-3 pb-2 px-2">
                   {store.issue.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
-                    <IssueListBlock issue={_issue} />
+                    <IssueListBlock key={_issue.id} issue={_issue} />
                   ))}
                 </div>
               ) : (
-                <div className="relative w-full h-full flex justify-center items-center p-10 text-center text-sm text-gray-600">
+                <div className="relative w-full h-full flex justify-center items-center p-10 text-center text-sm text-custom-text-200">
                   No Issues are available.
                 </div>
               )}
diff --git a/apps/space/components/issues/board-views/list/block.tsx b/apps/space/components/issues/board-views/list/block.tsx
index b9dfcc6ab..a4b1ad2b8 100644
--- a/apps/space/components/issues/board-views/list/block.tsx
+++ b/apps/space/components/issues/board-views/list/block.tsx
@@ -1,59 +1,102 @@
-"use client";
-
-// mobx react lite
+import { FC } from "react";
+import { useRouter } from "next/router";
 import { observer } from "mobx-react-lite";
 // components
 import { IssueBlockPriority } from "components/issues/board-views/block-priority";
 import { IssueBlockState } from "components/issues/board-views/block-state";
 import { IssueBlockLabels } from "components/issues/board-views/block-labels";
 import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
+import { IssueBlockUpVotes } from "components/issues/board-views/block-upvotes";
+import { IssueBlockDownVotes } from "components/issues/board-views/block-downvotes";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
-import { IIssue } from "store/types/issue";
+import { IIssue } from "types/issue";
+// store
 import { RootStore } from "store/root";
 
-export const IssueListBlock = ({ issue }: { issue: IIssue }) => {
-  const store: RootStore = useMobxStore();
+export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
+  const { issue } = props;
+  // store
+  const { project: projectStore, issueDetails: issueDetailStore }: RootStore = useMobxStore();
+  // router
+  const router = useRouter();
+  const { workspace_slug, project_slug, board } = router.query;
+
+  const handleBlockClick = () => {
+    issueDetailStore.setPeekId(issue.id);
+    router.replace(
+      {
+        pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+        query: {
+          board: board?.toString(),
+          peekId: issue.id,
+        },
+      },
+      undefined,
+      { shallow: true }
+    );
+    // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
+  };
+
+  const totalUpVotes = issue.votes.filter((v) => v.vote === 1);
+  const totalDownVotes = issue.votes.filter((v) => v.vote === -1);
 
   return (
-    <div className="p-2 px-3 relative flex items-center gap-3">
-      <div className="relative flex items-center gap-3 w-full">
+    <div className="flex items-center px-6 py-3.5 relative gap-10 bg-custom-background-100">
+      <div className="relative flex items-center gap-5 w-full flex-grow overflow-hidden">
         {/* id */}
-        <div className="flex-shrink-0 text-sm text-gray-600 w-[60px]">
-          {store?.project?.project?.identifier}-{issue?.sequence_id}
+        <div className="flex-shrink-0 text-sm text-custom-text-300">
+          {projectStore?.project?.identifier}-{issue?.sequence_id}
         </div>
         {/* name */}
-        <div className="font-medium text-gray-800 h-full line-clamp-1">{issue.name}</div>
+        <div onClick={handleBlockClick} className="font-medium text-sm truncate flex-grow cursor-pointer">
+          {issue.name}
+        </div>
       </div>
 
-      {/* priority */}
-      {issue?.priority && (
-        <div className="flex-shrink-0">
-          <IssueBlockPriority priority={issue?.priority} />
-        </div>
-      )}
+      <div className="inline-flex flex-shrink-0 items-center gap-2 text-xs">
+        {projectStore.deploySettings?.votes && (
+          <>
+            {/* upvotes */}
+            <div className="flex-shrink-0">
+              <IssueBlockUpVotes number={totalUpVotes.length} />
+            </div>
+            {/* downotes */}
+            <div className="flex-shrink-0">
+              <IssueBlockDownVotes number={totalDownVotes.length} />
+            </div>
+          </>
+        )}
 
-      {/* state */}
-      {issue?.state_detail && (
-        <div className="flex-shrink-0">
-          <IssueBlockState state={issue?.state_detail} />
-        </div>
-      )}
+        {/* priority */}
+        {issue?.priority && (
+          <div className="flex-shrink-0">
+            <IssueBlockPriority priority={issue?.priority} />
+          </div>
+        )}
 
-      {/* labels */}
-      {issue?.label_details && issue?.label_details.length > 0 && (
-        <div className="flex-shrink-0">
-          <IssueBlockLabels labels={issue?.label_details} />
-        </div>
-      )}
+        {/* state */}
+        {issue?.state_detail && (
+          <div className="flex-shrink-0">
+            <IssueBlockState state={issue?.state_detail} />
+          </div>
+        )}
 
-      {/* due date */}
-      {issue?.target_date && (
-        <div className="flex-shrink-0">
-          <IssueBlockDueDate due_date={issue?.target_date} group={issue?.state_detail?.group} />
-        </div>
-      )}
+        {/* labels */}
+        {issue?.label_details && issue?.label_details.length > 0 && (
+          <div className="flex-shrink-0">
+            <IssueBlockLabels labels={issue?.label_details} />
+          </div>
+        )}
+
+        {/* due date */}
+        {issue?.target_date && (
+          <div className="flex-shrink-0">
+            <IssueBlockDueDate due_date={issue?.target_date} group={issue?.state_detail?.group} />
+          </div>
+        )}
+      </div>
     </div>
   );
-};
+});
diff --git a/apps/space/components/issues/board-views/list/header.tsx b/apps/space/components/issues/board-views/list/header.tsx
index e87cac6f7..546c20bf6 100644
--- a/apps/space/components/issues/board-views/list/header.tsx
+++ b/apps/space/components/issues/board-views/list/header.tsx
@@ -3,7 +3,7 @@
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
 // constants
 import { issueGroupFilter } from "constants/data";
 // mobx hook
@@ -18,14 +18,12 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
   if (stateGroup === null) return <></>;
 
   return (
-    <div className="py-2 px-3 flex items-center gap-2">
-      <div className="w-[28px] h-[28px] flex justify-center items-center">
+    <div className="px-6 py-2 flex items-center">
+      <div className="w-4 h-4 flex justify-center items-center">
         <stateGroup.icon />
       </div>
-      <div className="font-medium capitalize">{state?.name}</div>
-      <div className="bg-gray-200/50 text-gray-700 font-medium text-xs w-full max-w-[26px] h-[20px] flex justify-center items-center rounded-full">
-        {store.issue.getCountOfIssuesByState(state.id)}
-      </div>
+      <div className="font-semibold capitalize ml-2 mr-3">{state?.name}</div>
+      <div className="text-custom-text-200">{store.issue.getCountOfIssuesByState(state.id)}</div>
     </div>
   );
 });
diff --git a/apps/space/components/issues/board-views/list/index.tsx b/apps/space/components/issues/board-views/list/index.tsx
index 7a7ec0de1..4d4701840 100644
--- a/apps/space/components/issues/board-views/list/index.tsx
+++ b/apps/space/components/issues/board-views/list/index.tsx
@@ -1,35 +1,37 @@
-"use client";
-
-// mobx react lite
+import { useEffect } from "react";
 import { observer } from "mobx-react-lite";
 // components
 import { IssueListHeader } from "components/issues/board-views/list/header";
 import { IssueListBlock } from "components/issues/board-views/list/block";
 // interfaces
-import { IIssueState, IIssue } from "store/types/issue";
+import { IIssueState, IIssue } from "types/issue";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
+// store
 import { RootStore } from "store/root";
+import { useRouter } from "next/router";
 
 export const IssueListView = observer(() => {
-  const store: RootStore = useMobxStore();
+  const { issue: issueStore }: RootStore = useMobxStore();
 
   return (
     <>
-      {store?.issue?.states &&
-        store?.issue?.states.length > 0 &&
-        store?.issue?.states.map((_state: IIssueState) => (
-          <div className="relative w-full">
+      {issueStore?.states &&
+        issueStore?.states.length > 0 &&
+        issueStore?.states.map((_state: IIssueState) => (
+          <div key={_state.id} className="relative w-full">
             <IssueListHeader state={_state} />
-            {store.issue.getFilteredIssuesByState(_state.id) &&
-            store.issue.getFilteredIssuesByState(_state.id).length > 0 ? (
-              <div className="bg-white divide-y">
-                {store.issue.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
-                  <IssueListBlock issue={_issue} />
+            {issueStore.getFilteredIssuesByState(_state.id) &&
+            issueStore.getFilteredIssuesByState(_state.id).length > 0 ? (
+              <div className="divide-y divide-custom-border-200">
+                {issueStore.getFilteredIssuesByState(_state.id).map((_issue: IIssue) => (
+                  <IssueListBlock key={_issue.id} issue={_issue} />
                 ))}
               </div>
             ) : (
-              <div className="bg-white p-5 text-sm text-gray-600">No Issues are available.</div>
+              <div className="px-6 py-3.5 text-sm text-custom-text-200 bg-custom-background-100">
+                No Issues are available.
+              </div>
             )}
           </div>
         ))}
diff --git a/apps/space/components/issues/filters-render/date.tsx b/apps/space/components/issues/filters-render/date.tsx
deleted file mode 100644
index e01d0ae58..000000000
--- a/apps/space/components/issues/filters-render/date.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-"use client";
-
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx hook
-import { useMobxStore } from "lib/mobx/store-provider";
-
-const IssueDateFilter = observer(() => {
-  const store = useMobxStore();
-
-  return (
-    <>
-      <div className="flex items-center gap-2 border border-gray-300 px-2 py-1 pr-1 rounded">
-        <div className="flex-shrink-0 font-medium">Due Date</div>
-        <div className="relative flex flex-wrap items-center gap-1">
-          {/* <div className="flex items-center gap-1 border border-gray-300 px-[2px] py-0.5 rounded-full">
-            <div className="w-[18px] h-[18px] cursor-pointer flex justify-center items-center overflow-hidden rounded-full border border-gray-300">
-              <span className={`material-symbols-rounded text-[16px]`}>close</span>
-            </div>
-            <div>Backlog</div>
-            <div
-              className={`w-[18px] h-[18px] cursor-pointer flex justify-center items-center overflow-hidden rounded-full text-gray-500 hover:bg-gray-200/60 hover:text-gray-600`}
-            >
-              <span className={`material-symbols-rounded text-[16px]`}>close</span>
-            </div>
-          </div> */}
-        </div>
-        <div
-          className={`w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-sm text-gray-500 hover:bg-gray-200/60 hover:text-gray-600`}
-        >
-          <span className={`material-symbols-rounded text-[16px]`}>close</span>
-        </div>
-      </div>
-    </>
-  );
-});
-
-export default IssueDateFilter;
diff --git a/apps/space/components/issues/filters-render/index.tsx b/apps/space/components/issues/filters-render/index.tsx
index 366ae1030..d797d1506 100644
--- a/apps/space/components/issues/filters-render/index.tsx
+++ b/apps/space/components/issues/filters-render/index.tsx
@@ -1,12 +1,10 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components
 import IssueStateFilter from "./state";
 import IssueLabelFilter from "./label";
 import IssuePriorityFilter from "./priority";
-import IssueDateFilter from "./date";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -14,24 +12,39 @@ import { RootStore } from "store/root";
 const IssueFilter = observer(() => {
   const store: RootStore = useMobxStore();
 
-  const clearAllFilters = () => {};
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const clearAllFilters = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "all",
+    //     removeAll: true,
+    //   })
+    // );
+  };
+
+  // if (store.issue.getIfFiltersIsEmpty()) return null;
 
   return (
-    <div className="container mx-auto px-5 flex justify-start items-center flex-wrap gap-2 text-sm">
-      {/* state */}
-      {store?.issue?.states && <IssueStateFilter />}
-      {/* labels */}
-      {store?.issue?.labels && <IssueLabelFilter />}
-      {/* priority */}
-      <IssuePriorityFilter />
-      {/* due date */}
-      <IssueDateFilter />
-      {/* clear all filters */}
-      <div
-        className="flex items-center gap-2 border border-gray-300 px-2 py-1 pr-1 rounded cursor-pointer hover:bg-gray-200/60"
-        onClick={clearAllFilters}
-      >
-        <div>Clear all filters</div>
+    <div className="flex-shrink-0 min-h-[50px] h-auto py-1.5 border-b border-custom-border-200 relative flex items-center shadow-md bg-whiate select-none">
+      <div className="px-5 flex justify-start items-center flex-wrap gap-2 text-sm">
+        {/* state */}
+        {/* {store.issue.checkIfFilterExistsForKey("state") && <IssueStateFilter />} */}
+        {/* labels */}
+        {/* {store.issue.checkIfFilterExistsForKey("label") && <IssueLabelFilter />} */}
+        {/* priority */}
+        {/* {store.issue.checkIfFilterExistsForKey("priority") && <IssuePriorityFilter />} */}
+        {/* clear all filters */}
+        <div
+          className="flex items-center gap-2 border border-custom-border-200 px-2 py-1 cursor-pointer text-xs rounded-full"
+          onClick={clearAllFilters}
+        >
+          <div>Clear all filters</div>
+          <div className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-sm">
+            <span className="material-symbols-rounded text-[12px]">close</span>
+          </div>
+        </div>
       </div>
     </div>
   );
diff --git a/apps/space/components/issues/filters-render/label/filter-label-block.tsx b/apps/space/components/issues/filters-render/label/filter-label-block.tsx
index 0606bfc95..a54fb65e4 100644
--- a/apps/space/components/issues/filters-render/label/filter-label-block.tsx
+++ b/apps/space/components/issues/filters-render/label/filter-label-block.tsx
@@ -1,33 +1,42 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
-import { IIssueLabel } from "store/types/issue";
-// constants
-import { issueGroupFilter } from "constants/data";
+import { IIssueLabel } from "types/issue";
 
 export const RenderIssueLabel = observer(({ label }: { label: IIssueLabel }) => {
   const store = useMobxStore();
 
-  const removeLabelFromFilter = () => {};
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const removeLabelFromFilter = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "label",
+    //     value: label?.id,
+    //   })
+    // );
+  };
 
   return (
     <div
-      className="flex-shrink-0 relative flex items-center flex-wrap gap-1 border px-[2px] py-0.5 rounded-full select-none"
-      style={{ color: label?.color, backgroundColor: `${label?.color}10`, borderColor: `${label?.color}50` }}
+      className="flex-shrink-0 relative flex items-center flex-wrap gap-1 px-2 py-0.5 rounded-full select-none"
+      style={{ color: label?.color, backgroundColor: `${label?.color}10` }}
     >
-      <div className="flex-shrink-0 w-[20px] h-[20px] flex justify-center items-center overflow-hidden rounded-full">
-        <div className="w-[10px] h-[10px] rounded-full" style={{ backgroundColor: `${label?.color}` }} />
-      </div>
-      <div className="text-sm font-medium whitespace-nowrap">{label?.name}</div>
       <div
-        className="flex-shrink-0 w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-full text-gray-500 hover:bg-gray-200/60 hover:text-gray-600"
+        className="flex-shrink-0 w-1.5 h-1.5 flex justify-center items-center overflow-hidden rounded-full"
+        style={{ backgroundColor: `${label?.color}` }}
+      />
+
+      <div className="font-medium whitespace-nowrap text-xs">{label?.name}</div>
+      <div
+        className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-full"
         onClick={removeLabelFromFilter}
       >
-        <span className="material-symbols-rounded text-[14px]">close</span>
+        <span className="material-symbols-rounded text-xs">close</span>
       </div>
     </div>
   );
diff --git a/apps/space/components/issues/filters-render/label/index.tsx b/apps/space/components/issues/filters-render/label/index.tsx
index 7d313153a..1d9a4f990 100644
--- a/apps/space/components/issues/filters-render/label/index.tsx
+++ b/apps/space/components/issues/filters-render/label/index.tsx
@@ -1,11 +1,10 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components
 import { RenderIssueLabel } from "./filter-label-block";
 // interfaces
-import { IIssueLabel } from "store/types/issue";
+import { IIssueLabel } from "types/issue";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -13,21 +12,36 @@ import { RootStore } from "store/root";
 const IssueLabelFilter = observer(() => {
   const store: RootStore = useMobxStore();
 
-  const clearLabelFilters = () => {};
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const clearLabelFilters = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "label",
+    //     removeAll: true,
+    //   })
+    // );
+  };
 
   return (
     <>
-      <div className="flex items-center gap-2 border border-gray-300 px-2 py-1 pr-1 rounded">
-        <div className="flex-shrink-0 font-medium">Labels</div>
+      <div className="flex items-center gap-2 border border-custom-border-300 px-2 py-1 rounded-full text-xs">
+        <div className="flex-shrink-0 text-custom-text-200">Labels</div>
         <div className="relative flex flex-wrap items-center gap-1">
-          {store?.issue?.labels &&
-            store?.issue?.labels.map((_label: IIssueLabel, _index: number) => <RenderIssueLabel label={_label} />)}
+          {/* {store?.issue?.labels &&
+            store?.issue?.labels.map(
+              (_label: IIssueLabel, _index: number) =>
+                store.issue.getUserSelectedFilter("label", _label.id) && (
+                  <RenderIssueLabel key={_label.id} label={_label} />
+                )
+            )} */}
         </div>
         <div
-          className="flex-shrink-0 w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-sm text-gray-500 hover:bg-gray-200/60 hover:text-gray-600"
+          className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-sm"
           onClick={clearLabelFilters}
         >
-          <span className="material-symbols-rounded text-[16px]">close</span>
+          <span className="material-symbols-rounded text-[12px]">close</span>
         </div>
       </div>
     </>
diff --git a/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx b/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
index 98173fd66..5fd1ef1a7 100644
--- a/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
+++ b/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
@@ -1,32 +1,41 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
-import { IIssuePriorityFilters } from "store/types/issue";
+import { IIssuePriorityFilters } from "types/issue";
 
 export const RenderIssuePriority = observer(({ priority }: { priority: IIssuePriorityFilters }) => {
   const store = useMobxStore();
 
-  const removePriorityFromFilter = () => {};
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const removePriorityFromFilter = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "priority",
+    //     value: priority?.key,
+    //   })
+    // );
+  };
 
   return (
     <div
-      className={`flex-shrink-0 relative flex items-center flex-wrap gap-1 border px-[2px] py-0.5 rounded-full select-none ${
+      className={`flex-shrink-0 relative flex items-center flex-wrap gap-1 px-2 py-0.5 text-xs rounded-full select-none ${
         priority.className || ``
       }`}
     >
-      <div className="flex-shrink-0 w-[20px] h-[20px] flex justify-center items-center overflow-hidden rounded-full">
-        <span className="material-symbols-rounded text-[14px]">{priority?.icon}</span>
+      <div className="flex-shrink-0 flex justify-center items-center overflow-hidden rounded-full">
+        <span className="material-symbols-rounded text-xs">{priority?.icon}</span>
       </div>
-      <div className="text-sm font-medium whitespace-nowrap">{priority?.title}</div>
+      <div className="whitespace-nowrap">{priority?.title}</div>
       <div
-        className="flex-shrink-0 w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-full text-gray-500 hover:bg-gray-200/60 hover:text-gray-600"
+        className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-full"
         onClick={removePriorityFromFilter}
       >
-        <span className="material-symbols-rounded text-[14px]">close</span>
+        <span className="material-symbols-rounded text-xs">close</span>
       </div>
     </div>
   );
diff --git a/apps/space/components/issues/filters-render/priority/index.tsx b/apps/space/components/issues/filters-render/priority/index.tsx
index 2253a0be2..100ba1761 100644
--- a/apps/space/components/issues/filters-render/priority/index.tsx
+++ b/apps/space/components/issues/filters-render/priority/index.tsx
@@ -1,5 +1,4 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook
@@ -7,28 +6,46 @@ import { useMobxStore } from "lib/mobx/store-provider";
 // components
 import { RenderIssuePriority } from "./filter-priority-block";
 // interfaces
-import { IIssuePriorityFilters } from "store/types/issue";
+import { IIssuePriorityFilters } from "types/issue";
 // constants
 import { issuePriorityFilters } from "constants/data";
 
 const IssuePriorityFilter = observer(() => {
   const store = useMobxStore();
 
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const clearPriorityFilters = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "priority",
+    //     removeAll: true,
+    //   })
+    // );
+  };
+
   return (
     <>
-      <div className="flex items-center gap-2 border border-gray-300 px-2 py-1 pr-1 rounded">
-        <div className="flex-shrink-0 font-medium">Priority</div>
+      <div className="flex items-center gap-2 border border-custom-border-300 px-2 py-1 rounded-full text-xs">
+        <div className="flex-shrink-0 text-custom-text-200">Priority</div>
         <div className="relative flex flex-wrap items-center gap-1">
-          {issuePriorityFilters.map((_priority: IIssuePriorityFilters, _index: number) => (
-            <RenderIssuePriority priority={_priority} />
-          ))}
+          {/* {issuePriorityFilters.map(
+            (_priority: IIssuePriorityFilters, _index: number) =>
+              store.issue.getUserSelectedFilter("priority", _priority.key) && (
+                <RenderIssuePriority key={_priority.key} priority={_priority} />
+              )
+          )} */}
         </div>
         <div
-          className={`w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-sm text-gray-500 hover:bg-gray-200/60 hover:text-gray-600`}
+          className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-sm"
+          onClick={() => {
+            clearPriorityFilters();
+          }}
         >
-          <span className={`material-symbols-rounded text-[16px]`}>close</span>
+          <span className="material-symbols-rounded text-[12px]">close</span>
         </div>
-      </div>{" "}
+      </div>
     </>
   );
 });
diff --git a/apps/space/components/issues/filters-render/state/filter-state-block.tsx b/apps/space/components/issues/filters-render/state/filter-state-block.tsx
index 95a4f4c70..8445386a4 100644
--- a/apps/space/components/issues/filters-render/state/filter-state-block.tsx
+++ b/apps/space/components/issues/filters-render/state/filter-state-block.tsx
@@ -1,37 +1,42 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
 // constants
 import { issueGroupFilter } from "constants/data";
 
 export const RenderIssueState = observer(({ state }: { state: IIssueState }) => {
   const store = useMobxStore();
 
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
   const stateGroup = issueGroupFilter(state.group);
 
-  const removeStateFromFilter = () => {};
+  const removeStateFromFilter = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "state",
+    //     value: state?.id,
+    //   })
+    // );
+  };
 
   if (stateGroup === null) return <></>;
   return (
-    <div
-      className={`flex-shrink-0 relative flex items-center flex-wrap gap-1 border px-[2px] py-0.5 rounded-full select-none ${
-        stateGroup.className || ``
-      }`}
-    >
-      <div className="flex-shrink-0 w-[20px] h-[20px] flex justify-center items-center overflow-hidden rounded-full">
+    <div className={`inline-flex items-center gap-x-1 rounded-full px-2 py-0.5 ${stateGroup.className || ``}`}>
+      <div className="flex-shrink-0 w-3 h-3 flex justify-center items-center overflow-hidden rounded-full">
         <stateGroup.icon />
       </div>
-      <div className="text-sm font-medium whitespace-nowrap">{state?.name}</div>
+      <div className="text-xs font-medium whitespace-nowrap">{state?.name}</div>
       <div
-        className="flex-shrink-0 w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-full text-gray-500 hover:bg-gray-200/60 hover:text-gray-600"
+        className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-full"
         onClick={removeStateFromFilter}
       >
-        <span className="material-symbols-rounded text-[14px]">close</span>
+        <span className="material-symbols-rounded text-xs">close</span>
       </div>
     </div>
   );
diff --git a/apps/space/components/issues/filters-render/state/index.tsx b/apps/space/components/issues/filters-render/state/index.tsx
index fc73af381..0198c5215 100644
--- a/apps/space/components/issues/filters-render/state/index.tsx
+++ b/apps/space/components/issues/filters-render/state/index.tsx
@@ -1,11 +1,10 @@
-"use client";
-
+import { useRouter } from "next/router";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // components
 import { RenderIssueState } from "./filter-state-block";
 // interfaces
-import { IIssueState } from "store/types/issue";
+import { IIssueState } from "types/issue";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -13,21 +12,36 @@ import { RootStore } from "store/root";
 const IssueStateFilter = observer(() => {
   const store: RootStore = useMobxStore();
 
-  const clearStateFilters = () => {};
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const clearStateFilters = () => {
+    // router.replace(
+    //   store.issue.getURLDefinition(workspace_slug, project_slug, {
+    //     key: "state",
+    //     removeAll: true,
+    //   })
+    // );
+  };
 
   return (
     <>
-      <div className="flex items-center gap-2 border border-gray-300 px-2 py-1 pr-1 rounded">
-        <div className="flex-shrink-0 font-medium">State</div>
+      <div className="flex items-center gap-2 border border-custom-border-300 px-2 py-1 rounded-full text-xs">
+        <div className="flex-shrink-0 text-custom-text-200">State</div>
         <div className="relative flex flex-wrap items-center gap-1">
-          {store?.issue?.states &&
-            store?.issue?.states.map((_state: IIssueState, _index: number) => <RenderIssueState state={_state} />)}
+          {/* {store?.issue?.states &&
+            store?.issue?.states.map(
+              (_state: IIssueState, _index: number) =>
+                store.issue.getUserSelectedFilter("state", _state.id) && (
+                  <RenderIssueState key={_state.id} state={_state} />
+                )
+            )} */}
         </div>
         <div
-          className="flex-shrink-0 w-[20px] h-[20px] cursor-pointer flex justify-center items-center overflow-hidden rounded-sm text-gray-500 hover:bg-gray-200/60 hover:text-gray-600"
+          className="flex-shrink-0 w-3 h-3 cursor-pointer flex justify-center items-center overflow-hidden rounded-sm"
           onClick={clearStateFilters}
         >
-          <span className="material-symbols-rounded text-[16px]">close</span>
+          <span className="material-symbols-rounded text-[12px]">close</span>
         </div>
       </div>
     </>
diff --git a/apps/space/components/issues/navbar/index.tsx b/apps/space/components/issues/navbar/index.tsx
index 71a2fabcc..83d79f349 100644
--- a/apps/space/components/issues/navbar/index.tsx
+++ b/apps/space/components/issues/navbar/index.tsx
@@ -1,17 +1,15 @@
-"use client";
-
-// next imports
+import { useEffect } from "react";
 import Image from "next/image";
+import { observer } from "mobx-react-lite";
+import { useRouter } from "next/router";
 // components
 import { NavbarSearch } from "./search";
 import { NavbarIssueBoardView } from "./issue-board-view";
 import { NavbarIssueFilter } from "./issue-filter";
-import { NavbarIssueView } from "./issue-view";
 import { NavbarTheme } from "./theme";
-// mobx react lite
-import { observer } from "mobx-react-lite";
-// mobx
+// lib
 import { useMobxStore } from "lib/mobx/store-provider";
+// store
 import { RootStore } from "store/root";
 
 const renderEmoji = (emoji: string | { name: string; color: string }) => {
@@ -27,21 +25,41 @@ const renderEmoji = (emoji: string | { name: string; color: string }) => {
 };
 
 const IssueNavbar = observer(() => {
-  const store: RootStore = useMobxStore();
+  const { project: projectStore }: RootStore = useMobxStore();
+  // router
+  const router = useRouter();
+  const { workspace_slug, project_slug, board } = router.query;
+
+  useEffect(() => {
+    if (workspace_slug && project_slug) {
+      projectStore.fetchProjectSettings(workspace_slug.toString(), project_slug.toString());
+    }
+  }, [projectStore, workspace_slug, project_slug]);
+
+  useEffect(() => {
+    if (workspace_slug && projectStore) {
+      if (board) {
+        projectStore.setActiveBoard(board.toString());
+      } else {
+        router.push(`/${workspace_slug}/${project_slug}?board=list`);
+        projectStore.setActiveBoard("list");
+      }
+    }
+  }, [board, router, projectStore, workspace_slug, project_slug]);
 
   return (
     <div className="px-5 relative w-full flex items-center gap-4">
       {/* project detail */}
       <div className="flex-shrink-0 flex items-center gap-2">
-        <div className="w-[32px] h-[32px] rounded-sm flex justify-center items-center bg-gray-100 text-[24px]">
-          {store?.project?.project && store?.project?.project?.emoji ? (
-            renderEmoji(store?.project?.project?.emoji)
+        <div className="w-4 h-4 flex justify-center items-center">
+          {projectStore?.project && projectStore?.project?.emoji ? (
+            renderEmoji(projectStore?.project?.emoji)
           ) : (
             <Image src="/plane-logo.webp" alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
           )}
         </div>
         <div className="font-medium text-lg max-w-[300px] line-clamp-1 overflow-hidden">
-          {store?.project?.project?.name || `...`}
+          {projectStore?.project?.name || `...`}
         </div>
       </div>
 
@@ -55,16 +73,10 @@ const IssueNavbar = observer(() => {
         <NavbarIssueBoardView />
       </div>
 
-      {/* issue filters */}
-      {/* <div className="flex-shrink-0 relative flex items-center gap-2">
-        <NavbarIssueFilter />
-        <NavbarIssueView />
-      </div> */}
-
       {/* theming */}
-      {/* <div className="flex-shrink-0 relative">
+      <div className="flex-shrink-0 relative">
         <NavbarTheme />
-      </div> */}
+      </div>
     </div>
   );
 });
diff --git a/apps/space/components/issues/navbar/issue-board-view.tsx b/apps/space/components/issues/navbar/issue-board-view.tsx
index 57c8b27c1..62f4d1702 100644
--- a/apps/space/components/issues/navbar/issue-board-view.tsx
+++ b/apps/space/components/issues/navbar/issue-board-view.tsx
@@ -1,54 +1,63 @@
-"use client";
-
-// next imports
-import { useRouter, useParams } from "next/navigation";
-// mobx react lite
+import { useRouter } from "next/router";
 import { observer } from "mobx-react-lite";
 // constants
 import { issueViews } from "constants/data";
-// interfaces
-import { TIssueBoardKeys } from "store/types";
 // mobx
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
 
 export const NavbarIssueBoardView = observer(() => {
-  const store: RootStore = useMobxStore();
+  const { project: projectStore, issue: issueStore }: RootStore = useMobxStore();
 
   const router = useRouter();
-  const routerParams = useParams();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
 
-  const { workspace_slug, project_slug } = routerParams as { workspace_slug: string; project_slug: string };
-
-  const handleCurrentBoardView = (boardView: TIssueBoardKeys) => {
-    store?.issue?.setCurrentIssueBoardView(boardView);
-    router.replace(`/${workspace_slug}/${project_slug}?board=${boardView}`);
+  const handleCurrentBoardView = (boardView: string) => {
+    projectStore.setActiveBoard(boardView);
+    router.push(
+      `/${workspace_slug}/${project_slug}?board=${boardView}${
+        issueStore?.filteredLabels && issueStore?.filteredLabels.length > 0
+          ? `&labels=${issueStore?.filteredLabels.join(",")}`
+          : ""
+      }${
+        issueStore?.filteredPriorities && issueStore?.filteredPriorities.length > 0
+          ? `&priorities=${issueStore?.filteredPriorities.join(",")}`
+          : ""
+      }${
+        issueStore?.filteredStates && issueStore?.filteredStates.length > 0
+          ? `&states=${issueStore?.filteredStates.join(",")}`
+          : ""
+      }`
+    );
   };
 
   return (
     <>
-      {store?.project?.workspaceProjectSettings &&
-        issueViews &&
-        issueViews.length > 0 &&
-        issueViews.map(
-          (_view) =>
-            store?.project?.workspaceProjectSettings?.views[_view?.key] && (
+      {projectStore?.viewOptions &&
+        Object.keys(projectStore?.viewOptions).map((viewKey: string) => {
+          if (projectStore?.viewOptions[viewKey]) {
+            return (
               <div
-                key={_view?.key}
-                className={`w-[28px] h-[28px] flex justify-center items-center rounded-sm cursor-pointer text-gray-500 ${
-                  _view?.key === store?.issue?.currentIssueBoardView
-                    ? `bg-gray-200/60 text-gray-800`
-                    : `hover:bg-gray-200/60 text-gray-600`
+                key={viewKey}
+                className={`w-[28px] h-[28px] flex justify-center items-center rounded-sm cursor-pointer ${
+                  viewKey === projectStore?.activeBoard
+                    ? `bg-custom-background-80 text-custom-text-200`
+                    : `hover:bg-custom-background-80 text-custom-text-300`
                 }`}
-                onClick={() => handleCurrentBoardView(_view?.key)}
-                title={_view?.title}
+                onClick={() => handleCurrentBoardView(viewKey)}
+                title={viewKey}
               >
-                <span className={`material-symbols-rounded text-[18px] ${_view?.className ? _view?.className : ``}`}>
-                  {_view?.icon}
+                <span
+                  className={`material-symbols-rounded text-[18px] ${
+                    issueViews[viewKey]?.className ? issueViews[viewKey]?.className : ``
+                  }`}
+                >
+                  {issueViews[viewKey]?.icon}
                 </span>
               </div>
-            )
-        )}
+            );
+          }
+        })}
     </>
   );
 });
diff --git a/apps/space/components/issues/navbar/issue-filter.tsx b/apps/space/components/issues/navbar/issue-filter.tsx
index 10255882d..852121a5e 100644
--- a/apps/space/components/issues/navbar/issue-filter.tsx
+++ b/apps/space/components/issues/navbar/issue-filter.tsx
@@ -1,13 +1,111 @@
-"use client";
-
-// mobx react lite
+import { useRouter } from "next/router";
 import { observer } from "mobx-react-lite";
+// icons
+import { ChevronDownIcon } from "@heroicons/react/20/solid";
 // mobx
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
+// components
+import { Dropdown } from "components/ui/dropdown";
+// constants
+import { issueGroupFilter } from "constants/data";
+
+const PRIORITIES = ["urgent", "high", "medium", "low"];
 
 export const NavbarIssueFilter = observer(() => {
   const store: RootStore = useMobxStore();
 
-  return <div>Filter</div>;
+  const router = useRouter();
+  const pathName = router.asPath;
+
+  const handleOnSelect = (key: "states" | "labels" | "priorities", value: string) => {
+    // if (key === "states") {
+    //   store.issue.userSelectedStates = store.issue.userSelectedStates.includes(value)
+    //     ? store.issue.userSelectedStates.filter((s) => s !== value)
+    //     : [...store.issue.userSelectedStates, value];
+    // } else if (key === "labels") {
+    //   store.issue.userSelectedLabels = store.issue.userSelectedLabels.includes(value)
+    //     ? store.issue.userSelectedLabels.filter((l) => l !== value)
+    //     : [...store.issue.userSelectedLabels, value];
+    // } else if (key === "priorities") {
+    //   store.issue.userSelectedPriorities = store.issue.userSelectedPriorities.includes(value)
+    //     ? store.issue.userSelectedPriorities.filter((p) => p !== value)
+    //     : [...store.issue.userSelectedPriorities, value];
+    // }
+    // const paramsCommaSeparated = `${`board=${store.issue.currentIssueBoardView || "list"}`}${
+    //   store.issue.userSelectedPriorities.length > 0 ? `&priorities=${store.issue.userSelectedPriorities.join(",")}` : ""
+    // }${store.issue.userSelectedStates.length > 0 ? `&states=${store.issue.userSelectedStates.join(",")}` : ""}${
+    //   store.issue.userSelectedLabels.length > 0 ? `&labels=${store.issue.userSelectedLabels.join(",")}` : ""
+    // }`;
+    // router.replace(`${pathName}?${paramsCommaSeparated}`);
+  };
+
+  return (
+    <Dropdown
+      button={
+        <>
+          <span>Filters</span>
+          <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
+        </>
+      }
+      items={[
+        {
+          display: "Priority",
+          children: PRIORITIES.map((priority) => ({
+            display: (
+              <span className="capitalize flex items-center gap-x-2">
+                <span className="material-symbols-rounded text-[14px]">
+                  {priority === "urgent"
+                    ? "error"
+                    : priority === "high"
+                    ? "signal_cellular_alt"
+                    : priority === "medium"
+                    ? "signal_cellular_alt_2_bar"
+                    : "signal_cellular_alt_1_bar"}
+                </span>
+                {priority}
+              </span>
+            ),
+            onClick: () => handleOnSelect("priorities", priority),
+            isSelected: store.issue.filteredPriorities.includes(priority),
+          })),
+        },
+        {
+          display: "State",
+          children: (store.issue.states || []).map((state) => {
+            const stateGroup = issueGroupFilter(state.group);
+
+            return {
+              display: (
+                <span className="capitalize flex items-center gap-x-2">
+                  {stateGroup && <stateGroup.icon />}
+                  {state.name}
+                </span>
+              ),
+              onClick: () => handleOnSelect("states", state.id),
+              isSelected: store.issue.filteredStates.includes(state.id),
+            };
+          }),
+        },
+        {
+          display: "Labels",
+          children: [...(store.issue.labels || [])].map((label) => ({
+            display: (
+              <span className="capitalize flex items-center gap-x-2">
+                <span
+                  className="w-3 h-3 rounded-full"
+                  style={{
+                    backgroundColor: label.color || "#000",
+                  }}
+                />
+                {label.name}
+              </span>
+            ),
+            onClick: () => handleOnSelect("labels", label.id),
+            isSelected: store.issue.filteredLabels.includes(label.id),
+          })),
+        },
+      ]}
+    />
+  );
 });
diff --git a/apps/space/components/issues/navbar/theme.tsx b/apps/space/components/issues/navbar/theme.tsx
index c122f8478..faea53ba3 100644
--- a/apps/space/components/issues/navbar/theme.tsx
+++ b/apps/space/components/issues/navbar/theme.tsx
@@ -1,28 +1,25 @@
 "use client";
 
+// next theme
+import { useTheme } from "next-themes";
+
 // mobx react lite
 import { observer } from "mobx-react-lite";
-// mobx
-import { useMobxStore } from "lib/mobx/store-provider";
-import { RootStore } from "store/root";
 
 export const NavbarTheme = observer(() => {
-  const store: RootStore = useMobxStore();
+  const { setTheme, theme } = useTheme();
 
   const handleTheme = () => {
-    store?.theme?.setTheme(store?.theme?.theme === "light" ? "dark" : "light");
+    setTheme(theme === "light" ? "dark" : "light");
   };
 
   return (
-    <div
-      className="relative w-[28px] h-[28px] flex justify-center items-center rounded-sm cursor-pointer bg-gray-100 hover:bg-gray-200 hover:bg-gray-200/60 text-gray-600 transition-all"
+    <button
+      type="button"
       onClick={handleTheme}
+      className="relative w-7 h-7 grid place-items-center bg-custom-background-100 hover:bg-custom-background-80 text-custom-text-100 rounded"
     >
-      {store?.theme?.theme === "light" ? (
-        <span className={`material-symbols-rounded text-[18px]`}>dark_mode</span>
-      ) : (
-        <span className={`material-symbols-rounded text-[18px]`}>light_mode</span>
-      )}
-    </div>
+      <span className="material-symbols-rounded text-sm">{theme === "light" ? "dark_mode" : "light_mode"}</span>
+    </button>
   );
 });
diff --git a/apps/space/components/issues/peek-overview/add-comment.tsx b/apps/space/components/issues/peek-overview/add-comment.tsx
new file mode 100644
index 000000000..3ea4308d7
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/add-comment.tsx
@@ -0,0 +1,104 @@
+import React, { useRef } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+import { useForm, Controller } from "react-hook-form";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// hooks
+import useToast from "hooks/use-toast";
+// ui
+import { SecondaryButton } from "components/ui";
+// types
+import { Comment } from "types/issue";
+// components
+import { TipTapEditor } from "components/tiptap";
+
+const defaultValues: Partial<Comment> = {
+  comment_html: "",
+};
+
+type Props = {
+  disabled?: boolean;
+};
+
+export const AddComment: React.FC<Props> = observer((props) => {
+  const { disabled = false } = props;
+
+  const {
+    handleSubmit,
+    control,
+    setValue,
+    watch,
+    formState: { isSubmitting },
+    reset,
+  } = useForm<Comment>({ defaultValues });
+
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query as { workspace_slug: string; project_slug: string };
+
+  const { user: userStore, issueDetails: issueDetailStore } = useMobxStore();
+
+  const issueId = issueDetailStore.peekId;
+
+  const editorRef = useRef<any>(null);
+
+  const { setToastAlert } = useToast();
+
+  const onSubmit = async (formData: Comment) => {
+    if (!workspace_slug || !project_slug || !issueId || isSubmitting || !formData.comment_html) return;
+
+    await issueDetailStore
+      .addIssueComment(workspace_slug, project_slug, issueId, formData)
+      .then(() => {
+        reset(defaultValues);
+        editorRef.current?.clearEditor();
+      })
+      .catch(() => {
+        setToastAlert({
+          type: "error",
+          title: "Error!",
+          message: "Comment could not be posted. Please try again.",
+        });
+      });
+  };
+
+  return (
+    <div>
+      <div className="issue-comments-section">
+        <Controller
+          name="comment_html"
+          control={control}
+          render={({ field: { value, onChange } }) => (
+            <TipTapEditor
+              workspaceSlug={workspace_slug as string}
+              ref={editorRef}
+              value={
+                !value || value === "" || (typeof value === "object" && Object.keys(value).length === 0)
+                  ? watch("comment_html")
+                  : value
+              }
+              customClassName="p-3 min-h-[50px] shadow-sm"
+              debouncedUpdatesEnabled={false}
+              onChange={(comment_json: Object, comment_html: string) => {
+                onChange(comment_html);
+              }}
+            />
+          )}
+        />
+
+        <SecondaryButton
+          onClick={(e) => {
+            userStore.requiredLogin(() => {
+              handleSubmit(onSubmit)(e);
+            });
+          }}
+          type="submit"
+          disabled={isSubmitting || disabled}
+          className="mt-2"
+        >
+          {isSubmitting ? "Adding..." : "Comment"}
+        </SecondaryButton>
+      </div>
+    </div>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/comment-detail-card.tsx b/apps/space/components/issues/peek-overview/comment-detail-card.tsx
new file mode 100644
index 000000000..7dee29aae
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/comment-detail-card.tsx
@@ -0,0 +1,190 @@
+import React, { useEffect, useState, useRef } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { observer } from "mobx-react-lite";
+import { Menu, Transition } from "@headlessui/react";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// icons
+import { ChatBubbleLeftEllipsisIcon, CheckIcon, XMarkIcon, EllipsisVerticalIcon } from "@heroicons/react/24/outline";
+// helpers
+import { timeAgo } from "helpers/date-time.helper";
+// types
+import { Comment } from "types/issue";
+// components
+import { TipTapEditor } from "components/tiptap";
+
+type Props = {
+  workspaceSlug: string;
+  comment: Comment;
+};
+
+export const CommentCard: React.FC<Props> = observer((props) => {
+  const { comment, workspaceSlug } = props;
+  // store
+  const { user: userStore, issueDetails: issueDetailStore } = useMobxStore();
+  // states
+  const [isEditing, setIsEditing] = useState(false);
+
+  const {
+    formState: { isSubmitting },
+    handleSubmit,
+    control,
+  } = useForm<any>({
+    defaultValues: { comment_html: comment.comment_html },
+  });
+
+  const handleDelete = () => {
+    if (!workspaceSlug || !issueDetailStore.peekId) return;
+    issueDetailStore.deleteIssueComment(workspaceSlug, comment.project, issueDetailStore.peekId, comment.id);
+  };
+
+  const handleCommentUpdate = async (formData: Comment) => {
+    if (!workspaceSlug || !issueDetailStore.peekId) return;
+    issueDetailStore.updateIssueComment(workspaceSlug, comment.project, issueDetailStore.peekId, comment.id, formData);
+    setIsEditing(false);
+  };
+
+  return (
+    <div className="relative flex items-start space-x-3">
+      <div className="relative px-1">
+        {comment.actor_detail.avatar && comment.actor_detail.avatar !== "" ? (
+          // eslint-disable-next-line @next/next/no-img-element
+          <img
+            src={comment.actor_detail.avatar}
+            alt={
+              comment.actor_detail.is_bot ? comment.actor_detail.first_name + " Bot" : comment.actor_detail.display_name
+            }
+            height={30}
+            width={30}
+            className="grid h-7 w-7 place-items-center rounded-full border-2 border-custom-border-200"
+          />
+        ) : (
+          <div className={`grid h-7 w-7 place-items-center rounded-full border-2 border-white bg-gray-500 text-white`}>
+            {comment.actor_detail.is_bot
+              ? comment.actor_detail.first_name.charAt(0)
+              : comment.actor_detail.display_name.charAt(0)}
+          </div>
+        )}
+
+        <span className="absolute -bottom-0.5 -right-1 rounded-tl bg-custom-background-80 px-0.5 py-px">
+          <ChatBubbleLeftEllipsisIcon className="h-3.5 w-3.5 text-custom-text-200" aria-hidden="true" />
+        </span>
+      </div>
+      <div className="min-w-0 flex-1">
+        <div>
+          <div className="text-xs">
+            {comment.actor_detail.is_bot ? comment.actor_detail.first_name + " Bot" : comment.actor_detail.display_name}
+          </div>
+          <p className="mt-0.5 text-xs text-custom-text-200">
+            <>Commented {timeAgo(comment.created_at)}</>
+          </p>
+        </div>
+        <div className="issue-comments-section p-0">
+          <form
+            onSubmit={handleSubmit(handleCommentUpdate)}
+            className={`flex-col gap-2 ${isEditing ? "flex" : "hidden"}`}
+          >
+            <div>
+              <Controller
+                control={control}
+                name="comment_html"
+                render={({ field: { onChange, value } }) => (
+                  <TipTapEditor
+                    workspaceSlug={workspaceSlug as string}
+                    value={value}
+                    debouncedUpdatesEnabled={false}
+                    customClassName="min-h-[50px] p-3 shadow-sm"
+                    onChange={(comment_json: Object, comment_html: string) => {
+                      onChange(comment_html);
+                    }}
+                  />
+                )}
+              />
+            </div>
+            <div className="flex gap-1 self-end">
+              <button
+                type="submit"
+                disabled={isSubmitting}
+                className="group rounded border border-green-500 bg-green-500/20 p-2 shadow-md duration-300 hover:bg-green-500"
+              >
+                <CheckIcon className="h-3 w-3 text-green-500 duration-300 group-hover:text-white" />
+              </button>
+              <button
+                type="button"
+                className="group rounded border border-red-500 bg-red-500/20 p-2 shadow-md duration-300 hover:bg-red-500"
+                onClick={() => setIsEditing(false)}
+              >
+                <XMarkIcon className="h-3 w-3 text-red-500 duration-300 group-hover:text-white" />
+              </button>
+            </div>
+          </form>
+          <div className={`${isEditing ? "hidden" : ""}`}>
+            <TipTapEditor
+              workspaceSlug={workspaceSlug.toString()}
+              value={comment.comment_html}
+              editable={false}
+              customClassName="text-xs border border-custom-border-200 bg-custom-background-100"
+            />
+          </div>
+        </div>
+      </div>
+
+      {userStore?.currentUser?.id === comment?.actor_detail?.id && (
+        <Menu as="div" className="relative w-min text-left">
+          <Menu.Button
+            type="button"
+            onClick={() => {}}
+            className="relative grid place-items-center rounded p-1 text-custom-text-200 hover:text-custom-text-100 outline-none cursor-pointer hover:bg-custom-background-80"
+          >
+            <EllipsisVerticalIcon className="h-5 w-5 text-custom-text-200 duration-300" />
+          </Menu.Button>
+
+          <Transition
+            as={React.Fragment}
+            enter="transition ease-out duration-100"
+            enterFrom="transform opacity-0 scale-95"
+            enterTo="transform opacity-100 scale-100"
+            leave="transition ease-in duration-75"
+            leaveFrom="transform opacity-100 scale-100"
+            leaveTo="transform opacity-0 scale-95"
+          >
+            <Menu.Items className="absolute z-10 overflow-y-scroll whitespace-nowrap rounded-md max-h-36 border right-0 origin-top-right mt-1 overflow-auto min-w-[8rem] border-custom-border-300 p-1 text-xs shadow-lg focus:outline-none bg-custom-background-90">
+              <Menu.Item>
+                {({ active }) => (
+                  <div className="py-1">
+                    <button
+                      type="button"
+                      onClick={() => {
+                        setIsEditing(true);
+                      }}
+                      className={`w-full select-none truncate rounded px-1 py-1.5 text-left text-custom-text-200 hover:bg-custom-background-80 ${
+                        active ? "bg-custom-background-80" : ""
+                      }`}
+                    >
+                      Edit
+                    </button>
+                  </div>
+                )}
+              </Menu.Item>
+              <Menu.Item>
+                {({ active }) => (
+                  <div className="py-1">
+                    <button
+                      type="button"
+                      onClick={handleDelete}
+                      className={`w-full select-none truncate rounded px-1 py-1.5 text-left text-custom-text-200 hover:bg-custom-background-80 ${
+                        active ? "bg-custom-background-80" : ""
+                      }`}
+                    >
+                      Delete
+                    </button>
+                  </div>
+                )}
+              </Menu.Item>
+            </Menu.Items>
+          </Transition>
+        </Menu>
+      )}
+    </div>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/full-screen-peek-view.tsx b/apps/space/components/issues/peek-overview/full-screen-peek-view.tsx
new file mode 100644
index 000000000..a40e6b16a
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/full-screen-peek-view.tsx
@@ -0,0 +1,71 @@
+import { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import {
+  PeekOverviewHeader,
+  PeekOverviewIssueActivity,
+  PeekOverviewIssueDetails,
+  PeekOverviewIssueProperties,
+} from "components/issues/peek-overview";
+// types
+import { Loader } from "components/ui/loader";
+import { IIssue } from "types/issue";
+
+type Props = {
+  handleClose: () => void;
+  issueDetails: IIssue | undefined;
+};
+
+export const FullScreenPeekView: React.FC<Props> = observer((props) => {
+  const { handleClose, issueDetails } = props;
+
+  return (
+    <div className="h-full w-full grid grid-cols-10 divide-x divide-custom-border-200 overflow-hidden">
+      <div className="h-full w-full flex flex-col col-span-7 overflow-hidden">
+        <div className="w-full p-5">
+          <PeekOverviewHeader handleClose={handleClose} issueDetails={issueDetails} />
+        </div>
+        {issueDetails ? (
+          <div className="h-full w-full px-6 overflow-y-auto">
+            {/* issue title and description */}
+            <div className="w-full">
+              <PeekOverviewIssueDetails issueDetails={issueDetails} />
+            </div>
+            {/* divider */}
+            <div className="h-[1] w-full border-t border-custom-border-200 my-5" />
+            {/* issue activity/comments */}
+            <div className="w-full pb-5">
+              <PeekOverviewIssueActivity issueDetails={issueDetails} />
+            </div>
+          </div>
+        ) : (
+          <Loader className="px-6">
+            <Loader.Item height="30px" />
+            <div className="space-y-2 mt-3">
+              <Loader.Item height="20px" width="70%" />
+              <Loader.Item height="20px" width="60%" />
+              <Loader.Item height="20px" width="60%" />
+            </div>
+          </Loader>
+        )}
+      </div>
+      <div className="col-span-3 h-full w-full overflow-y-auto">
+        {/* issue properties */}
+        <div className="w-full px-6 py-5">
+          {issueDetails ? (
+            <PeekOverviewIssueProperties issueDetails={issueDetails} />
+          ) : (
+            <Loader className="mt-11 space-y-4">
+              <Loader.Item height="30px" />
+              <Loader.Item height="30px" />
+              <Loader.Item height="30px" />
+              <Loader.Item height="30px" />
+            </Loader>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/header.tsx b/apps/space/components/issues/peek-overview/header.tsx
new file mode 100644
index 000000000..7d2e76668
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/header.tsx
@@ -0,0 +1,145 @@
+import React from "react";
+
+import { useRouter } from "next/router";
+
+// headless ui
+import { Listbox, Transition } from "@headlessui/react";
+// hooks
+import useToast from "hooks/use-toast";
+// ui
+import { Icon } from "components/ui";
+// icons
+import { East } from "@mui/icons-material";
+// helpers
+import { copyTextToClipboard } from "helpers/string.helper";
+// store
+import { IPeekMode } from "store/issue_details";
+import { RootStore } from "store/root";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+  handleClose: () => void;
+  issueDetails: IIssue | undefined;
+};
+
+const peekModes: {
+  key: IPeekMode;
+  icon: string;
+  label: string;
+}[] = [
+  { key: "side", icon: "side_navigation", label: "Side Peek" },
+  {
+    key: "modal",
+    icon: "dialogs",
+    label: "Modal Peek",
+  },
+  {
+    key: "full",
+    icon: "nearby",
+    label: "Full Screen Peek",
+  },
+];
+
+export const PeekOverviewHeader: React.FC<Props> = (props) => {
+  const { handleClose, issueDetails } = props;
+
+  const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
+
+  const router = useRouter();
+  const { workspace_slug } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const handleCopyLink = () => {
+    const originURL = typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+
+    copyTextToClipboard(`${originURL}/${workspace_slug}/projects/${issueDetails?.project}/`).then(() => {
+      setToastAlert({
+        type: "success",
+        title: "Link copied!",
+        message: "Issue link copied to clipboard",
+      });
+    });
+  };
+
+  return (
+    <>
+      <div className="flex justify-between items-center">
+        <div className="flex items-center gap-4">
+          {issueDetailStore.peekMode === "side" && (
+            <button type="button" onClick={handleClose} autoFocus={false}>
+              <East
+                sx={{
+                  fontSize: "14px",
+                }}
+              />
+            </button>
+          )}
+          <Listbox
+            as="div"
+            value={issueDetailStore.peekMode}
+            onChange={(val) => issueDetailStore.setPeekMode(val)}
+            className="relative flex-shrink-0 text-left"
+          >
+            <Listbox.Button
+              className={`grid place-items-center ${issueDetailStore.peekMode === "full" ? "rotate-45" : ""}`}
+            >
+              <Icon iconName={peekModes.find((m) => m.key === issueDetailStore.peekMode)?.icon ?? ""} />
+            </Listbox.Button>
+
+            <Transition
+              as={React.Fragment}
+              enter="transition ease-out duration-100"
+              enterFrom="transform opacity-0 scale-95"
+              enterTo="transform opacity-100 scale-100"
+              leave="transition ease-in duration-75"
+              leaveFrom="transform opacity-100 scale-100"
+              leaveTo="transform opacity-0 scale-95"
+            >
+              <Listbox.Options className="absolute z-10 border border-custom-border-300 mt-1 overflow-y-auto rounded-md bg-custom-background-90 text-xs shadow-lg focus:outline-none left-0 origin-top-left min-w-[8rem] whitespace-nowrap">
+                <div className="space-y-1 p-2">
+                  {peekModes.map((mode) => (
+                    <Listbox.Option
+                      key={mode.key}
+                      value={mode.key}
+                      className={({ active, selected }) =>
+                        `cursor-pointer select-none truncate rounded px-1 py-1.5 ${
+                          active || selected ? "bg-custom-background-80" : ""
+                        } ${selected ? "text-custom-text-100" : "text-custom-text-200"}`
+                      }
+                    >
+                      {({ selected }) => (
+                        <div className="flex items-center justify-between gap-2">
+                          <div className="flex items-center gap-2">
+                            <div className="flex items-center gap-1.5">
+                              <Icon
+                                iconName={mode.icon}
+                                className={`!text-base flex-shrink-0 -my-1 ${mode.key === "full" ? "rotate-45" : ""}`}
+                              />
+                              {mode.label}
+                            </div>
+                          </div>
+                          {selected && <Icon iconName="done" />}
+                        </div>
+                      )}
+                    </Listbox.Option>
+                  ))}
+                </div>
+              </Listbox.Options>
+            </Transition>
+          </Listbox>
+        </div>
+        {(issueDetailStore.peekMode === "side" || issueDetailStore.peekMode === "modal") && (
+          <div className="flex items-center gap-2 flex-shrink-0">
+            <button type="button" onClick={handleCopyLink} className="-rotate-45">
+              <Icon iconName="link" />
+            </button>
+          </div>
+        )}
+      </div>
+    </>
+  );
+};
diff --git a/apps/space/components/issues/peek-overview/index.ts b/apps/space/components/issues/peek-overview/index.ts
new file mode 100644
index 000000000..44ab04b88
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/index.ts
@@ -0,0 +1,12 @@
+export * from "./full-screen-peek-view";
+export * from "./header";
+export * from "./issue-activity";
+export * from "./issue-details";
+export * from "./issue-properties";
+export * from "./layout";
+export * from "./side-peek-view";
+export * from "./issue-reaction";
+export * from "./issue-vote-reactions";
+export * from "./issue-emoji-reactions";
+export * from "./comment-detail-card";
+export * from "./add-comment";
diff --git a/apps/space/components/issues/peek-overview/issue-activity.tsx b/apps/space/components/issues/peek-overview/issue-activity.tsx
new file mode 100644
index 000000000..9f12b9f73
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-activity.tsx
@@ -0,0 +1,44 @@
+import React, { useEffect } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { CommentCard, AddComment } from "components/issues/peek-overview";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+  issueDetails: IIssue;
+};
+
+export const PeekOverviewIssueActivity: React.FC<Props> = observer((props) => {
+  const router = useRouter();
+  const { workspace_slug } = router.query;
+
+  const { issueDetails: issueDetailStore, project: projectStore, user: userStore } = useMobxStore();
+
+  const comments = issueDetailStore.details[issueDetailStore.peekId || ""]?.comments || [];
+
+  console.log("issueDetailStore", issueDetailStore);
+
+  return (
+    <div>
+      <h4 className="font-medium">Activity</h4>
+      {workspace_slug && (
+        <div className="mt-4">
+          <div className="space-y-4">
+            {comments.map((comment: any) => (
+              <CommentCard key={comment.id} comment={comment} workspaceSlug={workspace_slug?.toString()} />
+            ))}
+          </div>
+          {projectStore.deploySettings?.comments && (
+            <div className="mt-4">
+              <AddComment disabled={!userStore.currentUser} />
+            </div>
+          )}
+        </div>
+      )}
+    </div>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/issue-details.tsx b/apps/space/components/issues/peek-overview/issue-details.tsx
new file mode 100644
index 000000000..0b329568c
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-details.tsx
@@ -0,0 +1,40 @@
+import { IssueReactions } from "components/issues/peek-overview";
+import { TipTapEditor } from "components/tiptap";
+import { useRouter } from "next/router";
+// types
+import { IIssue } from "types/issue";
+
+type Props = {
+  issueDetails: IIssue;
+};
+
+export const PeekOverviewIssueDetails: React.FC<Props> = ({ issueDetails }) => {
+  const router = useRouter();
+  const { workspace_slug } = router.query;
+
+  return (
+    <div className="space-y-2">
+      <h6 className="font-medium text-custom-text-200">
+        {issueDetails.project_detail.identifier}-{issueDetails.sequence_id}
+      </h6>
+      <h4 className="break-words text-2xl font-semibold">{issueDetails.name}</h4>
+      {issueDetails.description_html !== "" && issueDetails.description_html !== "<p></p>" && (
+        <TipTapEditor
+          workspaceSlug={workspace_slug as string}
+          value={
+            !issueDetails.description_html ||
+            issueDetails.description_html === "" ||
+            (typeof issueDetails.description_html === "object" &&
+              Object.keys(issueDetails.description_html).length === 0)
+              ? "<p></p>"
+              : issueDetails.description_html
+          }
+          customClassName="p-3 min-h-[50px] shadow-sm"
+          debouncedUpdatesEnabled={false}
+          editable={false}
+        />
+      )}
+      <IssueReactions />
+    </div>
+  );
+};
diff --git a/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx b/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
new file mode 100644
index 000000000..1a81cecdf
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
@@ -0,0 +1,101 @@
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+// helpers
+import { groupReactions, renderEmoji } from "helpers/emoji.helper";
+// components
+import { ReactionSelector, Tooltip } from "components/ui";
+
+export const IssueEmojiReactions: React.FC = observer(() => {
+  // router
+  const router = useRouter();
+  const { workspace_slug, project_slug } = router.query;
+  // store
+  const { user: userStore, issueDetails: issueDetailsStore } = useMobxStore();
+
+  const user = userStore?.currentUser;
+  const issueId = issueDetailsStore.peekId;
+  const reactions = issueId ? issueDetailsStore.details[issueId]?.reactions || [] : [];
+  const groupedReactions = groupReactions(reactions, "reaction");
+
+  const handleReactionSelectClick = (reactionHex: string) => {
+    if (!workspace_slug || !project_slug || !issueId) return;
+    const userReaction = reactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
+    if (userReaction) return;
+    issueDetailsStore.addIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, {
+      reaction: reactionHex,
+    });
+  };
+
+  const handleReactionClick = (reactionHex: string) => {
+    if (!workspace_slug || !project_slug || !issueId) return;
+    issueDetailsStore.removeIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
+  };
+
+  useEffect(() => {
+    if (user) return;
+    userStore.fetchCurrentUser();
+  }, [user, userStore]);
+
+  return (
+    <>
+      <ReactionSelector
+        onSelect={(value) => {
+          userStore.requiredLogin(() => {
+            handleReactionSelectClick(value);
+          });
+        }}
+        size="md"
+      />
+      <div className="flex items-center gap-2 flex-wrap">
+        {Object.keys(groupedReactions || {}).map((reaction) => {
+          const reactions = groupedReactions?.[reaction] ?? [];
+          const REACTIONS_LIMIT = 1000;
+
+          if (reactions.length > 0)
+            return (
+              <Tooltip
+                tooltipContent={
+                  <div>
+                    {reactions
+                      .map((r) => r.actor_detail.display_name)
+                      .splice(0, REACTIONS_LIMIT)
+                      .join(", ")}
+                    {reactions.length > REACTIONS_LIMIT && " and " + (reactions.length - REACTIONS_LIMIT) + " more"}
+                  </div>
+                }
+              >
+                <button
+                  type="button"
+                  onClick={() => {
+                    userStore.requiredLogin(() => {
+                      handleReactionClick(reaction);
+                    });
+                  }}
+                  key={reaction}
+                  className={`flex items-center gap-1 text-custom-text-100 text-sm h-full px-2 py-1 rounded-md ${
+                    reactions?.some((r) => r.actor_detail.id === user?.id && r.reaction === reaction)
+                      ? "bg-custom-primary-100/10"
+                      : "bg-custom-background-80"
+                  }`}
+                >
+                  <span>{renderEmoji(reaction)}</span>
+                  <span
+                    className={
+                      reactions?.some((r) => r.actor_detail.id === user?.id && r.reaction === reaction)
+                        ? "text-custom-primary-100"
+                        : ""
+                    }
+                  >
+                    {groupedReactions?.[reaction].length}{" "}
+                  </span>
+                </button>
+              </Tooltip>
+            );
+        })}
+      </div>
+    </>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/issue-properties.tsx b/apps/space/components/issues/peek-overview/issue-properties.tsx
new file mode 100644
index 000000000..2d454852a
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-properties.tsx
@@ -0,0 +1,155 @@
+// headless ui
+import { Disclosure } from "@headlessui/react";
+// import { getStateGroupIcon } from "components/icons";
+// hooks
+import useToast from "hooks/use-toast";
+// icons
+import { Icon } from "components/ui";
+import { copyTextToClipboard, addSpaceIfCamelCase } from "helpers/string.helper";
+// types
+import { IIssue } from "types/issue";
+// constants
+import { issueGroupFilter, issuePriorityFilter } from "constants/data";
+import { useEffect } from "react";
+import { renderDateFormat } from "constants/helpers";
+import { IPeekMode } from "store/issue_details";
+import { useRouter } from "next/router";
+import { RootStore } from "store/root";
+import { useMobxStore } from "lib/mobx/store-provider";
+
+type Props = {
+  issueDetails: IIssue;
+  mode?: IPeekMode;
+};
+
+const validDate = (date: any, state: string): string => {
+  if (date === null || ["backlog", "unstarted", "cancelled"].includes(state))
+    return `bg-gray-500/10 text-gray-500 border-gray-500/50`;
+  else {
+    const today = new Date();
+    const dueDate = new Date(date);
+
+    if (dueDate < today) return `bg-red-500/10 text-red-500 border-red-500/50`;
+    else return `bg-green-500/10 text-green-500 border-green-500/50`;
+  }
+};
+
+export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mode }) => {
+  const { setToastAlert } = useToast();
+
+  const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
+
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const startDate = issueDetails.start_date;
+  const targetDate = issueDetails.target_date;
+
+  const minDate = startDate ? new Date(startDate) : null;
+  minDate?.setDate(minDate.getDate());
+
+  const maxDate = targetDate ? new Date(targetDate) : null;
+  maxDate?.setDate(maxDate.getDate());
+
+  const state = issueDetails.state_detail;
+  const stateGroup = issueGroupFilter(state.group);
+
+  const priority = issueDetails.priority ? issuePriorityFilter(issueDetails.priority) : null;
+
+  const handleCopyLink = () => {
+    const originURL = typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+
+    copyTextToClipboard(
+      `${originURL}/${workspaceSlug}/projects/${issueDetails.project}/issues/${issueDetails.id}`
+    ).then(() => {
+      setToastAlert({
+        type: "success",
+        title: "Link copied!",
+        message: "Issue link copied to clipboard",
+      });
+    });
+  };
+
+  return (
+    <div className={mode === "full" ? "divide-y divide-custom-border-200" : ""}>
+      {mode === "full" && (
+        <div className="flex justify-between gap-2 pb-3">
+          <h6 className="flex items-center gap-2 font-medium">
+            {/* {getStateGroupIcon(issue.state_detail.group, "16", "16", issue.state_detail.color)} */}
+            {issueDetails.project_detail.identifier}-{issueDetails.sequence_id}
+          </h6>
+          <div className="flex items-center gap-2">
+            <button type="button" onClick={handleCopyLink} className="-rotate-45">
+              <Icon iconName="link" />
+            </button>
+          </div>
+        </div>
+      )}
+      <div className={`space-y-4 ${mode === "full" ? "pt-3" : ""}`}>
+        <div className="flex items-center gap-2 text-sm">
+          <div className="flex-shrink-0 w-1/4 flex items-center gap-2 font-medium">
+            <Icon iconName="radio_button_checked" className="!text-base flex-shrink-0" />
+            <span className="flex-grow truncate">State</span>
+          </div>
+          <div className="w-3/4">
+            {stateGroup && (
+              <div className="inline-flex bg-custom-background-80 text-sm rounded px-2.5 py-0.5">
+                <div className="flex items-center gap-1.5 text-left text-custom-text-100">
+                  <stateGroup.icon />
+                  {addSpaceIfCamelCase(state?.name ?? "")}
+                </div>
+              </div>
+            )}
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2 text-sm">
+          <div className="flex-shrink-0 w-1/4 flex items-center gap-2 font-medium">
+            <Icon iconName="signal_cellular_alt" className="!text-base flex-shrink-0" />
+            <span className="flex-grow truncate">Priority</span>
+          </div>
+          <div className="w-3/4">
+            <div
+              className={`inline-flex items-center gap-1.5 text-left text-sm capitalize rounded px-2.5 py-0.5 ${
+                priority?.key === "urgent"
+                  ? "border-red-500/20 bg-red-500/20 text-red-500"
+                  : priority?.key === "high"
+                  ? "border-orange-500/20 bg-orange-500/20 text-orange-500"
+                  : priority?.key === "medium"
+                  ? "border-yellow-500/20 bg-yellow-500/20 text-yellow-500"
+                  : priority?.key === "low"
+                  ? "border-green-500/20 bg-green-500/20 text-green-500"
+                  : "bg-custom-background-80 border-custom-border-200"
+              }`}
+            >
+              {priority && (
+                <span className="grid place-items-center -my-1">
+                  <Icon iconName={priority?.icon!} />
+                </span>
+              )}
+              <span>{priority?.title ?? "None"}</span>
+            </div>
+          </div>
+        </div>
+        <div className="flex items-center gap-2 text-sm">
+          <div className="flex-shrink-0 w-1/4 flex items-center gap-2 font-medium">
+            <Icon iconName="calendar_today" className="!text-base flex-shrink-0" />
+            <span className="flex-grow truncate">Due date</span>
+          </div>
+          <div>
+            {issueDetails.target_date ? (
+              <div
+                className={`h-[24px] rounded-md flex px-2.5 py-1 items-center border border-custom-border-100 gap-1 text-custom-text-100 text-xs font-medium 
+                ${validDate(issueDetails.target_date, state)}`}
+              >
+                {renderDateFormat(issueDetails.target_date)}
+              </div>
+            ) : (
+              <span className="text-custom-text-200">Empty</span>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/apps/space/components/issues/peek-overview/issue-reaction.tsx b/apps/space/components/issues/peek-overview/issue-reaction.tsx
new file mode 100644
index 000000000..643ec7119
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-reaction.tsx
@@ -0,0 +1,24 @@
+import { IssueEmojiReactions, IssueVotes } from "components/issues/peek-overview";
+import { useMobxStore } from "lib/mobx/store-provider";
+
+export const IssueReactions: React.FC = () => {
+  const { project: projectStore } = useMobxStore();
+
+  return (
+    <div className="flex gap-3 items-center mt-4">
+      {projectStore?.deploySettings?.votes && (
+        <>
+          <div className="flex gap-2 items-center">
+            <IssueVotes />
+          </div>
+          <div className="w-0.5 h-8 bg-custom-background-200" />
+        </>
+      )}
+      {projectStore?.deploySettings?.reactions && (
+        <div className="flex gap-2 items-center">
+          <IssueEmojiReactions />
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/apps/space/components/issues/peek-overview/issue-vote-reactions.tsx b/apps/space/components/issues/peek-overview/issue-vote-reactions.tsx
new file mode 100644
index 000000000..ac20565ea
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/issue-vote-reactions.tsx
@@ -0,0 +1,129 @@
+import { useState, useEffect } from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+import { Tooltip } from "components/ui";
+
+export const IssueVotes: React.FC = observer(() => {
+  const [isSubmitting, setIsSubmitting] = useState(false);
+
+  const router = useRouter();
+
+  const { workspace_slug, project_slug } = router.query;
+
+  const { user: userStore, issueDetails: issueDetailsStore } = useMobxStore();
+
+  const user = userStore?.currentUser;
+  const issueId = issueDetailsStore.peekId;
+
+  const votes = issueId ? issueDetailsStore.details[issueId]?.votes : [];
+
+  const allUpVotes = votes?.filter((vote) => vote.vote === 1);
+  const allDownVotes = votes?.filter((vote) => vote.vote === -1);
+
+  const isUpVotedByUser = allUpVotes?.some((vote) => vote.actor === user?.id);
+  const isDownVotedByUser = allDownVotes?.some((vote) => vote.actor === user?.id);
+
+  const handleVote = async (e: any, voteValue: 1 | -1) => {
+    if (!workspace_slug || !project_slug || !issueId) return;
+
+    setIsSubmitting(true);
+
+    const actionPerformed = votes?.find((vote) => vote.actor === user?.id && vote.vote === voteValue);
+
+    if (actionPerformed)
+      await issueDetailsStore.removeIssueVote(workspace_slug.toString(), project_slug.toString(), issueId);
+    else
+      await issueDetailsStore.addIssueVote(workspace_slug.toString(), project_slug.toString(), issueId, {
+        vote: voteValue,
+      });
+
+    setIsSubmitting(false);
+  };
+
+  useEffect(() => {
+    if (user) return;
+
+    userStore.fetchCurrentUser();
+  }, [user, userStore]);
+
+  const VOTES_LIMIT = 1000;
+
+  return (
+    <div className="flex gap-2 items-center">
+      {/* upvote button 👇 */}
+      <Tooltip
+        tooltipContent={
+          <div>
+            {allUpVotes.length > 0 ? (
+              <>
+                {allUpVotes
+                  .map((r) => r.actor_detail.display_name)
+                  .splice(0, VOTES_LIMIT)
+                  .join(", ")}
+                {allUpVotes.length > VOTES_LIMIT && " and " + (allUpVotes.length - VOTES_LIMIT) + " more"}
+              </>
+            ) : (
+              "No upvotes yet"
+            )}
+          </div>
+        }
+      >
+        <button
+          type="button"
+          disabled={isSubmitting}
+          onClick={(e) => {
+            userStore.requiredLogin(() => {
+              handleVote(e, 1);
+            });
+          }}
+          className={`flex items-center justify-center overflow-hidden px-2 gap-x-1 border rounded focus:outline-none ${
+            isUpVotedByUser ? "border-custom-primary-200 text-custom-primary-200" : "border-custom-border-300"
+          }`}
+        >
+          <span className="material-symbols-rounded text-base !p-0 !m-0">arrow_upward_alt</span>
+          <span className="text-sm font-normal transition-opacity ease-in-out">{allUpVotes.length}</span>
+        </button>
+      </Tooltip>
+
+      {/* downvote button 👇 */}
+      <Tooltip
+        tooltipContent={
+          <div>
+            {allDownVotes.length > 0 ? (
+              <>
+                {allDownVotes
+                  .map((r) => r.actor_detail.display_name)
+                  .splice(0, VOTES_LIMIT)
+                  .join(", ")}
+                {allDownVotes.length > VOTES_LIMIT && " and " + (allDownVotes.length - VOTES_LIMIT) + " more"}
+              </>
+            ) : (
+              "No downvotes yet"
+            )}
+          </div>
+        }
+      >
+        <button
+          type="button"
+          disabled={isSubmitting}
+          onClick={(e) => {
+            userStore.requiredLogin(() => {
+              handleVote(e, -1);
+            });
+          }}
+          className={`flex items-center justify-center overflow-hidden px-2 gap-x-1 border rounded focus:outline-none ${
+            isDownVotedByUser ? "border-red-600 text-red-600" : "border-custom-border-300"
+          }`}
+        >
+          <span className="material-symbols-rounded text-base !p-0 !m-0">arrow_downward_alt</span>
+          <span className="text-sm font-normal transition-opacity ease-in-out">{allDownVotes.length}</span>
+        </button>
+      </Tooltip>
+    </div>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/layout.tsx b/apps/space/components/issues/peek-overview/layout.tsx
new file mode 100644
index 000000000..abb76db48
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/layout.tsx
@@ -0,0 +1,127 @@
+import React, { useEffect, useState } from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// headless ui
+import { Dialog, Transition } from "@headlessui/react";
+// components
+import { FullScreenPeekView, SidePeekView } from "components/issues/peek-overview";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+
+type Props = {};
+
+export const IssuePeekOverview: React.FC<Props> = observer((props) => {
+  const [isSidePeekOpen, setIsSidePeekOpen] = useState(false);
+  const [isModalPeekOpen, setIsModalPeekOpen] = useState(false);
+
+  // router
+  const router = useRouter();
+  const { workspace_slug, project_slug, peekId, board } = router.query;
+  // store
+  const { issueDetails: issueDetailStore, issue: issueStore } = useMobxStore();
+
+  const issueDetails = issueDetailStore.peekId && peekId ? issueDetailStore.details[peekId.toString()] : undefined;
+
+  useEffect(() => {
+    if (workspace_slug && project_slug && peekId && issueStore.issues && issueStore.issues.length > 0) {
+      if (!issueDetails) {
+        issueDetailStore.fetchIssueDetails(workspace_slug.toString(), project_slug.toString(), peekId.toString());
+      }
+    }
+  }, [workspace_slug, project_slug, issueDetailStore, issueDetails, peekId, issueStore.issues]);
+
+  const handleClose = () => {
+    issueDetailStore.setPeekId(null);
+    router.replace(
+      {
+        pathname: `/${workspace_slug?.toString()}/${project_slug}`,
+        query: {
+          board,
+        },
+      },
+      undefined,
+      { shallow: true }
+    );
+  };
+
+  useEffect(() => {
+    if (peekId) {
+      if (issueDetailStore.peekMode === "side") {
+        setIsSidePeekOpen(true);
+        setIsModalPeekOpen(false);
+      } else {
+        setIsModalPeekOpen(true);
+        setIsSidePeekOpen(false);
+      }
+    } else {
+      setIsSidePeekOpen(false);
+      setIsModalPeekOpen(false);
+    }
+  }, [peekId, issueDetailStore.peekMode]);
+
+  return (
+    <>
+      <Transition.Root appear show={isSidePeekOpen} as={React.Fragment}>
+        <Dialog as="div" className="relative z-20" onClose={handleClose}>
+          <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
+            <Transition.Child
+              as={React.Fragment}
+              enter="transition-transform duration-300"
+              enterFrom="translate-x-full"
+              enterTo="translate-x-0"
+              leave="transition-transform duration-200"
+              leaveFrom="translate-x-0"
+              leaveTo="translate-x-full"
+            >
+              <Dialog.Panel className="fixed z-20 bg-custom-background-100 top-0 right-0 h-full w-1/2 shadow-custom-shadow-sm">
+                <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </Dialog>
+      </Transition.Root>
+      <Transition.Root appear show={isModalPeekOpen} as={React.Fragment}>
+        <Dialog as="div" className="relative z-20" onClose={handleClose}>
+          <Transition.Child
+            as={React.Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0"
+            enterTo="opacity-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100"
+            leaveTo="opacity-0"
+          >
+            <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
+          </Transition.Child>
+          <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
+            <Transition.Child
+              as={React.Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0"
+              enterTo="opacity-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100"
+              leaveTo="opacity-0"
+            >
+              <Dialog.Panel
+                className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
+                  issueDetailStore.peekMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
+                }`}
+              >
+                {issueDetailStore.peekMode === "modal" && (
+                  <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
+                )}
+                {issueDetailStore.peekMode === "full" && (
+                  <FullScreenPeekView handleClose={handleClose} issueDetails={issueDetails} />
+                )}
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </Dialog>
+      </Transition.Root>
+    </>
+  );
+});
diff --git a/apps/space/components/issues/peek-overview/side-peek-view.tsx b/apps/space/components/issues/peek-overview/side-peek-view.tsx
new file mode 100644
index 000000000..bacf83420
--- /dev/null
+++ b/apps/space/components/issues/peek-overview/side-peek-view.tsx
@@ -0,0 +1,55 @@
+import { observer } from "mobx-react-lite";
+// components
+import {
+  PeekOverviewHeader,
+  PeekOverviewIssueActivity,
+  PeekOverviewIssueDetails,
+  PeekOverviewIssueProperties,
+} from "components/issues/peek-overview";
+
+import { Loader } from "components/ui/loader";
+import { IIssue } from "types/issue";
+
+type Props = {
+  handleClose: () => void;
+  issueDetails: IIssue | undefined;
+};
+
+export const SidePeekView: React.FC<Props> = observer((props) => {
+  const { handleClose, issueDetails } = props;
+
+  return (
+    <div className="h-full w-full flex flex-col overflow-hidden">
+      <div className="w-full p-5">
+        <PeekOverviewHeader handleClose={handleClose} issueDetails={issueDetails} />
+      </div>
+      {issueDetails ? (
+        <div className="h-full w-full px-6 overflow-y-auto">
+          {/* issue title and description */}
+          <div className="w-full">
+            <PeekOverviewIssueDetails issueDetails={issueDetails} />
+          </div>
+          {/* issue properties */}
+          <div className="w-full mt-6">
+            <PeekOverviewIssueProperties issueDetails={issueDetails} />
+          </div>
+          {/* divider */}
+          <div className="h-[1] w-full border-t border-custom-border-200 my-5" />
+          {/* issue activity/comments */}
+          <div className="w-full pb-5">
+            <PeekOverviewIssueActivity issueDetails={issueDetails} />
+          </div>
+        </div>
+      ) : (
+        <Loader className="px-6">
+          <Loader.Item height="30px" />
+          <div className="space-y-2 mt-3">
+            <Loader.Item height="20px" width="70%" />
+            <Loader.Item height="20px" width="60%" />
+            <Loader.Item height="20px" width="60%" />
+          </div>
+        </Loader>
+      )}
+    </div>
+  );
+});
diff --git a/apps/space/components/tiptap/bubble-menu/index.tsx b/apps/space/components/tiptap/bubble-menu/index.tsx
new file mode 100644
index 000000000..e68900782
--- /dev/null
+++ b/apps/space/components/tiptap/bubble-menu/index.tsx
@@ -0,0 +1,119 @@
+import { BubbleMenu, BubbleMenuProps } from "@tiptap/react";
+import { FC, useState } from "react";
+import { BoldIcon, ItalicIcon, UnderlineIcon, StrikethroughIcon, CodeIcon } from "lucide-react";
+
+import { NodeSelector } from "./node-selector";
+import { LinkSelector } from "./link-selector";
+import { cn } from "../utils";
+
+export interface BubbleMenuItem {
+  name: string;
+  isActive: () => boolean;
+  command: () => void;
+  icon: typeof BoldIcon;
+}
+
+type EditorBubbleMenuProps = Omit<BubbleMenuProps, "children">;
+
+export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props: any) => {
+  const items: BubbleMenuItem[] = [
+    {
+      name: "bold",
+      isActive: () => props.editor?.isActive("bold"),
+      command: () => props.editor?.chain().focus().toggleBold().run(),
+      icon: BoldIcon,
+    },
+    {
+      name: "italic",
+      isActive: () => props.editor?.isActive("italic"),
+      command: () => props.editor?.chain().focus().toggleItalic().run(),
+      icon: ItalicIcon,
+    },
+    {
+      name: "underline",
+      isActive: () => props.editor?.isActive("underline"),
+      command: () => props.editor?.chain().focus().toggleUnderline().run(),
+      icon: UnderlineIcon,
+    },
+    {
+      name: "strike",
+      isActive: () => props.editor?.isActive("strike"),
+      command: () => props.editor?.chain().focus().toggleStrike().run(),
+      icon: StrikethroughIcon,
+    },
+    {
+      name: "code",
+      isActive: () => props.editor?.isActive("code"),
+      command: () => props.editor?.chain().focus().toggleCode().run(),
+      icon: CodeIcon,
+    },
+  ];
+
+  const bubbleMenuProps: EditorBubbleMenuProps = {
+    ...props,
+    shouldShow: ({ editor }) => {
+      if (!editor.isEditable) {
+        return false;
+      }
+      if (editor.isActive("image")) {
+        return false;
+      }
+      return editor.view.state.selection.content().size > 0;
+    },
+    tippyOptions: {
+      moveTransition: "transform 0.15s ease-out",
+      onHidden: () => {
+        setIsNodeSelectorOpen(false);
+        setIsLinkSelectorOpen(false);
+      },
+    },
+  };
+
+  const [isNodeSelectorOpen, setIsNodeSelectorOpen] = useState(false);
+  const [isLinkSelectorOpen, setIsLinkSelectorOpen] = useState(false);
+
+  return (
+    <BubbleMenu
+      {...bubbleMenuProps}
+      className="flex w-fit divide-x divide-custom-border-300 rounded border border-custom-border-300 bg-custom-background-100 shadow-xl"
+    >
+      <NodeSelector
+        editor={props.editor!}
+        isOpen={isNodeSelectorOpen}
+        setIsOpen={() => {
+          setIsNodeSelectorOpen(!isNodeSelectorOpen);
+          setIsLinkSelectorOpen(false);
+        }}
+      />
+      <LinkSelector
+        editor={props.editor!!}
+        isOpen={isLinkSelectorOpen}
+        setIsOpen={() => {
+          setIsLinkSelectorOpen(!isLinkSelectorOpen);
+          setIsNodeSelectorOpen(false);
+        }}
+      />
+      <div className="flex">
+        {items.map((item, index) => (
+          <button
+            key={index}
+            type="button"
+            onClick={item.command}
+            className={cn(
+              "p-2 text-custom-text-300 hover:bg-custom-primary-100/5 active:bg-custom-primary-100/5 transition-colors",
+              {
+                "text-custom-text-100 bg-custom-primary-100/5": item.isActive(),
+              }
+            )}
+          >
+            <item.icon
+              className={cn("h-4 w-4", {
+                "text-custom-text-100": item.isActive(),
+              })}
+            />
+          </button>
+        ))}
+      </div>
+    </BubbleMenu>
+  );
+};
diff --git a/apps/space/components/tiptap/bubble-menu/link-selector.tsx b/apps/space/components/tiptap/bubble-menu/link-selector.tsx
new file mode 100644
index 000000000..1596870f7
--- /dev/null
+++ b/apps/space/components/tiptap/bubble-menu/link-selector.tsx
@@ -0,0 +1,90 @@
+import { Editor } from "@tiptap/core";
+import { Check, Trash } from "lucide-react";
+import { Dispatch, FC, SetStateAction, useCallback, useEffect, useRef } from "react";
+import { cn } from "../utils";
+import isValidHttpUrl from "./utils/link-validator";
+interface LinkSelectorProps {
+  editor: Editor;
+  isOpen: boolean;
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+
+
+export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen }) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const onLinkSubmit = useCallback(() => {
+    const input = inputRef.current;
+    const url = input?.value;
+    if (url && isValidHttpUrl(url)) {
+      editor.chain().focus().setLink({ href: url }).run();
+      setIsOpen(false);
+    }
+  }, [editor, inputRef, setIsOpen]);
+
+  useEffect(() => {
+    inputRef.current && inputRef.current?.focus();
+  });
+
+  return (
+    <div className="relative">
+      <button
+        type="button"
+        className={cn(
+          "flex h-full items-center space-x-2 px-3 py-1.5 text-sm font-medium text-custom-text-300 hover:bg-custom-background-100 active:bg-custom-background-100",
+          { "bg-custom-background-100": isOpen }
+        )}
+        onClick={() => {
+          setIsOpen(!isOpen);
+        }}
+      >
+        <p className="text-base">↗</p>
+        <p
+          className={cn("underline underline-offset-4", {
+            "text-custom-text-100": editor.isActive("link"),
+          })}
+        >
+          Link
+        </p>
+      </button>
+      {isOpen && (
+        <div
+          className="fixed top-full z-[99999] mt-1 flex w-60 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 dow-xl animate-in fade-in slide-in-from-top-1"
+          onKeyDown={(e) => {
+            if (e.key === "Enter") {
+              e.preventDefault(); onLinkSubmit();
+            }
+          }}
+        >
+          <input
+            ref={inputRef}
+            type="url"
+            placeholder="Paste a link"
+            className="flex-1 bg-custom-background-100 border-r border-custom-border-300 p-1 text-sm outline-none placeholder:text-custom-text-400"
+            defaultValue={editor.getAttributes("link").href || ""}
+          />
+          {editor.getAttributes("link").href ? (
+            <button
+              type="button"
+              className="flex items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800"
+              onClick={() => {
+                editor.chain().focus().unsetLink().run();
+                setIsOpen(false);
+              }}
+            >
+              <Trash className="h-4 w-4" />
+            </button>
+          ) : (
+            <button className="flex items-center rounded-sm p-1 text-custom-text-300 transition-all hover:bg-custom-background-90" type="button"
+              onClick={() => {
+                onLinkSubmit();
+              }}
+            >
+              <Check className="h-4 w-4" />
+            </button>
+          )}
+        </div>
+      )}
+    </div>
+  );
+};
diff --git a/apps/space/components/tiptap/bubble-menu/node-selector.tsx b/apps/space/components/tiptap/bubble-menu/node-selector.tsx
new file mode 100644
index 000000000..f6f1f18dc
--- /dev/null
+++ b/apps/space/components/tiptap/bubble-menu/node-selector.tsx
@@ -0,0 +1,130 @@
+import { Editor } from "@tiptap/core";
+import {
+  Check,
+  ChevronDown,
+  Heading1,
+  Heading2,
+  Heading3,
+  TextQuote,
+  ListOrdered,
+  TextIcon,
+  Code,
+  CheckSquare,
+} from "lucide-react";
+import { Dispatch, FC, SetStateAction } from "react";
+
+import { BubbleMenuItem } from "../bubble-menu";
+import { cn } from "../utils";
+
+interface NodeSelectorProps {
+  editor: Editor;
+  isOpen: boolean;
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+
+export const NodeSelector: FC<NodeSelectorProps> = ({ editor, isOpen, setIsOpen }) => {
+  const items: BubbleMenuItem[] = [
+    {
+      name: "Text",
+      icon: TextIcon,
+      command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").run(),
+      isActive: () =>
+        editor.isActive("paragraph") &&
+        !editor.isActive("bulletList") &&
+        !editor.isActive("orderedList"),
+    },
+    {
+      name: "H1",
+      icon: Heading1,
+      command: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+      isActive: () => editor.isActive("heading", { level: 1 }),
+    },
+    {
+      name: "H2",
+      icon: Heading2,
+      command: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+      isActive: () => editor.isActive("heading", { level: 2 }),
+    },
+    {
+      name: "H3",
+      icon: Heading3,
+      command: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+      isActive: () => editor.isActive("heading", { level: 3 }),
+    },
+    {
+      name: "To-do List",
+      icon: CheckSquare,
+      command: () => editor.chain().focus().toggleTaskList().run(),
+      isActive: () => editor.isActive("taskItem"),
+    },
+    {
+      name: "Bullet List",
+      icon: ListOrdered,
+      command: () => editor.chain().focus().toggleBulletList().run(),
+      isActive: () => editor.isActive("bulletList"),
+    },
+    {
+      name: "Numbered List",
+      icon: ListOrdered,
+      command: () => editor.chain().focus().toggleOrderedList().run(),
+      isActive: () => editor.isActive("orderedList"),
+    },
+    {
+      name: "Quote",
+      icon: TextQuote,
+      command: () =>
+        editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+      isActive: () => editor.isActive("blockquote"),
+    },
+    {
+      name: "Code",
+      icon: Code,
+      command: () => editor.chain().focus().toggleCodeBlock().run(),
+      isActive: () => editor.isActive("codeBlock"),
+    },
+  ];
+
+  const activeItem = items.filter((item) => item.isActive()).pop() ?? {
+    name: "Multiple",
+  };
+
+  return (
+    <div className="relative h-full">
+      <button
+        type="button"
+        onClick={() => setIsOpen(!isOpen)}
+        className="flex h-full items-center gap-1 whitespace-nowrap p-2 text-sm font-medium text-custom-text-300 hover:bg-custom-primary-100/5 active:bg-custom-primary-100/5"
+      >
+        <span>{activeItem?.name}</span>
+        <ChevronDown className="h-4 w-4" />
+      </button>
+
+      {isOpen && (
+        <section className="fixed top-full z-[99999] mt-1 flex w-48 flex-col overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 p-1 shadow-xl animate-in fade-in slide-in-from-top-1">
+          {items.map((item, index) => (
+            <button
+              key={index}
+              type="button"
+              onClick={() => {
+                item.command();
+                setIsOpen(false);
+              }}
+              className={cn(
+                "flex items-center justify-between rounded-sm px-2 py-1 text-sm text-custom-text-200 hover:bg-custom-primary-100/5 hover:text-custom-text-100",
+                { "bg-custom-primary-100/5 text-custom-text-100": activeItem.name === item.name }
+              )}
+            >
+              <div className="flex items-center space-x-2">
+                <div className="rounded-sm border border-custom-border-300 p-1">
+                  <item.icon className="h-3 w-3" />
+                </div>
+                <span>{item.name}</span>
+              </div>
+              {activeItem.name === item.name && <Check className="h-4 w-4" />}
+            </button>
+          ))}
+        </section>
+      )}
+    </div>
+  );
+};
diff --git a/apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx b/apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx
new file mode 100644
index 000000000..5b05811d6
--- /dev/null
+++ b/apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx
@@ -0,0 +1,12 @@
+export default function isValidHttpUrl(string: string): boolean {
+  let url;
+
+  try {
+    url = new URL(string);
+  } catch (_) {
+    return false;
+  }
+
+  return url.protocol === "http:" || url.protocol === "https:";
+}
+
diff --git a/apps/space/components/tiptap/extensions/image-resize.tsx b/apps/space/components/tiptap/extensions/image-resize.tsx
new file mode 100644
index 000000000..7b2d1a2d3
--- /dev/null
+++ b/apps/space/components/tiptap/extensions/image-resize.tsx
@@ -0,0 +1,57 @@
+import { Editor } from "@tiptap/react";
+import Moveable from "react-moveable";
+
+export const ImageResizer = ({ editor }: { editor: Editor }) => {
+  const updateMediaSize = () => {
+    const imageInfo = document.querySelector(
+      ".ProseMirror-selectednode",
+    ) as HTMLImageElement;
+    if (imageInfo) {
+      const selection = editor.state.selection;
+      editor.commands.setImage({
+        src: imageInfo.src,
+        width: Number(imageInfo.style.width.replace("px", "")),
+        height: Number(imageInfo.style.height.replace("px", "")),
+      } as any);
+      editor.commands.setNodeSelection(selection.from);
+    }
+  };
+
+  return (
+    <>
+      <Moveable
+        target={document.querySelector(".ProseMirror-selectednode") as any}
+        container={null}
+        origin={false}
+        edge={false}
+        throttleDrag={0}
+        keepRatio={true}
+        resizable={true}
+        throttleResize={0}
+        onResize={({
+          target,
+          width,
+          height,
+          delta,
+        }:
+          any) => {
+          delta[0] && (target!.style.width = `${width}px`);
+          delta[1] && (target!.style.height = `${height}px`);
+        }}
+        onResizeEnd={() => {
+          updateMediaSize();
+        }}
+        scalable={true}
+        renderDirections={["w", "e"]}
+        onScale={({
+          target,
+          transform,
+        }:
+          any) => {
+          target!.style.transform = transform;
+        }}
+      />
+    </>
+  );
+};
+
diff --git a/apps/space/components/tiptap/extensions/index.tsx b/apps/space/components/tiptap/extensions/index.tsx
new file mode 100644
index 000000000..2c5ffd10a
--- /dev/null
+++ b/apps/space/components/tiptap/extensions/index.tsx
@@ -0,0 +1,137 @@
+import StarterKit from "@tiptap/starter-kit";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
+import TiptapLink from "@tiptap/extension-link";
+import Placeholder from "@tiptap/extension-placeholder";
+import TiptapUnderline from "@tiptap/extension-underline";
+import TextStyle from "@tiptap/extension-text-style";
+import { Color } from "@tiptap/extension-color";
+import TaskItem from "@tiptap/extension-task-item";
+import TaskList from "@tiptap/extension-task-list";
+import { Markdown } from "tiptap-markdown";
+import Highlight from "@tiptap/extension-highlight";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
+import { lowlight } from "lowlight/lib/core";
+import SlashCommand from "../slash-command";
+import { InputRule } from "@tiptap/core";
+
+import ts from "highlight.js/lib/languages/typescript";
+
+import "highlight.js/styles/github-dark.css";
+import UniqueID from "@tiptap-pro/extension-unique-id";
+import UpdatedImage from "./updated-image";
+import isValidHttpUrl from "../bubble-menu/utils/link-validator";
+
+lowlight.registerLanguage("ts", ts);
+
+export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => [
+  StarterKit.configure({
+    bulletList: {
+      HTMLAttributes: {
+        class: "list-disc list-outside leading-3 -mt-2",
+      },
+    },
+    orderedList: {
+      HTMLAttributes: {
+        class: "list-decimal list-outside leading-3 -mt-2",
+      },
+    },
+    listItem: {
+      HTMLAttributes: {
+        class: "leading-normal -mb-2",
+      },
+    },
+    blockquote: {
+      HTMLAttributes: {
+        class: "border-l-4 border-custom-border-300",
+      },
+    },
+    code: {
+      HTMLAttributes: {
+        class:
+          "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
+        spellcheck: "false",
+      },
+    },
+    codeBlock: false,
+    horizontalRule: false,
+    dropcursor: {
+      color: "#DBEAFE",
+      width: 2,
+    },
+    gapcursor: false,
+  }),
+  CodeBlockLowlight.configure({
+    lowlight,
+  }),
+  HorizontalRule.extend({
+    addInputRules() {
+      return [
+        new InputRule({
+          find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+          handler: ({ state, range, commands }) => {
+            commands.splitBlock();
+
+            const attributes = {};
+            const { tr } = state;
+            const start = range.from;
+            const end = range.to;
+            // @ts-ignore
+            tr.replaceWith(start - 1, end, this.type.create(attributes));
+          },
+        }),
+      ];
+    },
+  }).configure({
+    HTMLAttributes: {
+      class: "mb-6 border-t border-custom-border-300",
+    },
+  }),
+  TiptapLink.configure({
+    protocols: ["http", "https"],
+    validate: (url) => isValidHttpUrl(url),
+    HTMLAttributes: {
+      class:
+        "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
+    },
+  }),
+  UpdatedImage.configure({
+    HTMLAttributes: {
+      class: "rounded-lg border border-custom-border-300",
+    },
+  }),
+  Placeholder.configure({
+    placeholder: ({ node }) => {
+      if (node.type.name === "heading") {
+        return `Heading ${node.attrs.level}`;
+      }
+
+      return "Press '/' for commands...";
+    },
+    includeChildren: true,
+  }),
+  UniqueID.configure({
+    types: ["image"],
+  }),
+  SlashCommand(workspaceSlug, setIsSubmitting),
+  TiptapUnderline,
+  TextStyle,
+  Color,
+  Highlight.configure({
+    multicolor: true,
+  }),
+  TaskList.configure({
+    HTMLAttributes: {
+      class: "not-prose pl-2",
+    },
+  }),
+  TaskItem.configure({
+    HTMLAttributes: {
+      class: "flex items-start my-4",
+    },
+    nested: true,
+  }),
+  Markdown.configure({
+    html: true,
+    transformCopiedText: true,
+  }),
+];
diff --git a/apps/space/components/tiptap/extensions/updated-image.tsx b/apps/space/components/tiptap/extensions/updated-image.tsx
new file mode 100644
index 000000000..01648dcd7
--- /dev/null
+++ b/apps/space/components/tiptap/extensions/updated-image.tsx
@@ -0,0 +1,22 @@
+import Image from "@tiptap/extension-image";
+import TrackImageDeletionPlugin from "../plugins/delete-image";
+import UploadImagesPlugin from "../plugins/upload-image";
+
+const UpdatedImage = Image.extend({
+  addProseMirrorPlugins() {
+    return [UploadImagesPlugin(), TrackImageDeletionPlugin()];
+  },
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      width: {
+        default: '35%',
+      },
+      height: {
+        default: null,
+      },
+    };
+  },
+});
+
+export default UpdatedImage;
diff --git a/apps/space/components/tiptap/index.tsx b/apps/space/components/tiptap/index.tsx
new file mode 100644
index 000000000..44dcea516
--- /dev/null
+++ b/apps/space/components/tiptap/index.tsx
@@ -0,0 +1,113 @@
+import { useImperativeHandle, useRef, forwardRef, useEffect } from "react";
+import { useEditor, EditorContent, Editor } from "@tiptap/react";
+import { useDebouncedCallback } from "use-debounce";
+// components
+import { EditorBubbleMenu } from "./bubble-menu";
+import { TiptapExtensions } from "./extensions";
+import { TiptapEditorProps } from "./props";
+import { ImageResizer } from "./extensions/image-resize";
+
+export interface ITipTapRichTextEditor {
+  value: string;
+  noBorder?: boolean;
+  borderOnFocus?: boolean;
+  customClassName?: string;
+  editorContentCustomClassNames?: string;
+  onChange?: (json: any, html: string) => void;
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void;
+  setShouldShowAlert?: (showAlert: boolean) => void;
+  workspaceSlug: string;
+  editable?: boolean;
+  forwardedRef?: any;
+  debouncedUpdatesEnabled?: boolean;
+}
+
+const Tiptap = (props: ITipTapRichTextEditor) => {
+  const {
+    onChange,
+    debouncedUpdatesEnabled,
+    forwardedRef,
+    editable,
+    setIsSubmitting,
+    setShouldShowAlert,
+    editorContentCustomClassNames,
+    value,
+    noBorder,
+    workspaceSlug,
+    borderOnFocus,
+    customClassName,
+  } = props;
+  const editor = useEditor({
+    editable: editable ?? true,
+    editorProps: TiptapEditorProps(workspaceSlug, setIsSubmitting),
+    extensions: TiptapExtensions(workspaceSlug, setIsSubmitting),
+    content: value,
+    onUpdate: async ({ editor }) => {
+      // for instant feedback loop
+      setIsSubmitting?.("submitting");
+      setShouldShowAlert?.(true);
+      if (debouncedUpdatesEnabled) {
+        debouncedUpdates({ onChange, editor });
+      } else {
+        onChange?.(editor.getJSON(), editor.getHTML());
+      }
+    },
+  });
+
+  useEffect(() => {
+    if (editor) {
+      editor.commands.setContent(value);
+    }
+  }, [value]);
+
+  const editorRef: React.MutableRefObject<Editor | null> = useRef(null);
+
+  useImperativeHandle(forwardedRef, () => ({
+    clearEditor: () => {
+      editorRef.current?.commands.clearContent();
+    },
+    setEditorValue: (content: string) => {
+      editorRef.current?.commands.setContent(content);
+    },
+  }));
+
+  const debouncedUpdates = useDebouncedCallback(async ({ onChange, editor }) => {
+    setTimeout(async () => {
+      if (onChange) {
+        onChange(editor.getJSON(), editor.getHTML());
+      }
+    }, 500);
+  }, 1000);
+
+  const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
+      ${noBorder ? "" : "border border-custom-border-200"} ${
+    borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+  } ${customClassName}`;
+
+  if (!editor) return null;
+  editorRef.current = editor;
+
+  return (
+    <div
+      id="tiptap-container"
+      onClick={() => {
+        editor?.chain().focus().run();
+      }}
+      className={`tiptap-editor-container cursor-text ${editorClassNames}`}
+    >
+      {editor && <EditorBubbleMenu editor={editor} />}
+      <div className={`${editorContentCustomClassNames}`}>
+        <EditorContent editor={editor} />
+        {editor?.isActive("image") && <ImageResizer editor={editor} />}
+      </div>
+    </div>
+  );
+};
+
+const TipTapEditor = forwardRef<ITipTapRichTextEditor, ITipTapRichTextEditor>((props, ref) => (
+  <Tiptap {...props} forwardedRef={ref} />
+));
+
+TipTapEditor.displayName = "TipTapEditor";
+
+export { TipTapEditor };
diff --git a/apps/space/components/tiptap/plugins/delete-image.tsx b/apps/space/components/tiptap/plugins/delete-image.tsx
new file mode 100644
index 000000000..57ab65c63
--- /dev/null
+++ b/apps/space/components/tiptap/plugins/delete-image.tsx
@@ -0,0 +1,56 @@
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import fileService from "services/file.service";
+
+const deleteKey = new PluginKey("delete-image");
+
+const TrackImageDeletionPlugin = () =>
+  new Plugin({
+    key: deleteKey,
+    appendTransaction: (transactions, oldState, newState) => {
+      transactions.forEach((transaction) => {
+        if (!transaction.docChanged) return;
+
+        const removedImages: ProseMirrorNode[] = [];
+
+        oldState.doc.descendants((oldNode, oldPos) => {
+          if (oldNode.type.name !== 'image') return;
+
+          if (!newState.doc.resolve(oldPos).parent) return;
+          const newNode = newState.doc.nodeAt(oldPos);
+
+          // Check if the node has been deleted or replaced
+          if (!newNode || newNode.type.name !== 'image') {
+            // Check if the node still exists elsewhere in the document
+            let nodeExists = false;
+            newState.doc.descendants((node) => {
+              if (node.attrs.id === oldNode.attrs.id) {
+                nodeExists = true;
+              }
+            });
+
+            if (!nodeExists) {
+              removedImages.push(oldNode as ProseMirrorNode);
+            }
+          }
+        });
+
+        removedImages.forEach((node) => {
+          const src = node.attrs.src;
+          onNodeDeleted(src);
+        });
+      });
+
+      return null;
+    },
+  });
+
+export default TrackImageDeletionPlugin;
+
+async function onNodeDeleted(src: string) {
+  const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
+  const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
+  if (resStatus === 204) {
+    console.log("Image deleted successfully");
+  }
+}
diff --git a/apps/space/components/tiptap/plugins/upload-image.tsx b/apps/space/components/tiptap/plugins/upload-image.tsx
new file mode 100644
index 000000000..0657bc82b
--- /dev/null
+++ b/apps/space/components/tiptap/plugins/upload-image.tsx
@@ -0,0 +1,127 @@
+// @ts-nocheck
+import { EditorState, Plugin, PluginKey } from "@tiptap/pm/state";
+import { Decoration, DecorationSet, EditorView } from "@tiptap/pm/view";
+import fileService from "services/file.service";
+
+const uploadKey = new PluginKey("upload-image");
+
+const UploadImagesPlugin = () =>
+  new Plugin({
+    key: uploadKey,
+    state: {
+      init() {
+        return DecorationSet.empty;
+      },
+      apply(tr, set) {
+        set = set.map(tr.mapping, tr.doc);
+        // See if the transaction adds or removes any placeholders
+        const action = tr.getMeta(uploadKey);
+        if (action && action.add) {
+          const { id, pos, src } = action.add;
+
+          const placeholder = document.createElement("div");
+          placeholder.setAttribute("class", "img-placeholder");
+          const image = document.createElement("img");
+          image.setAttribute(
+            "class",
+            "opacity-10 rounded-lg border border-custom-border-300",
+          );
+          image.src = src;
+          placeholder.appendChild(image);
+          const deco = Decoration.widget(pos + 1, placeholder, {
+            id,
+          });
+          set = set.add(tr.doc, [deco]);
+        } else if (action && action.remove) {
+          set = set.remove(set.find(undefined, undefined, (spec) => spec.id == action.remove.id));
+        }
+        return set;
+      },
+    },
+    props: {
+      decorations(state) {
+        return this.getState(state);
+      },
+    },
+  });
+
+export default UploadImagesPlugin;
+
+function findPlaceholder(state: EditorState, id: {}) {
+  const decos = uploadKey.getState(state);
+  const found = decos.find(
+    undefined,
+    undefined,
+    (spec: { id: number | undefined }) => spec.id == id
+  );
+  return found.length ? found[0].from : null;
+}
+
+export async function startImageUpload(file: File, view: EditorView, pos: number, workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) {
+  if (!file.type.includes("image/")) {
+    return;
+  } else if (file.size / 1024 / 1024 > 20) {
+    return;
+  }
+
+  const id = {};
+
+  const tr = view.state.tr;
+  if (!tr.selection.empty) tr.deleteSelection();
+
+  const reader = new FileReader();
+  reader.readAsDataURL(file);
+  reader.onload = () => {
+    tr.setMeta(uploadKey, {
+      add: {
+        id,
+        pos,
+        src: reader.result,
+      },
+    });
+    view.dispatch(tr);
+  };
+
+  if (!workspaceSlug) {
+    return;
+  }
+  setIsSubmitting?.("submitting")
+  const src = await UploadImageHandler(file, workspaceSlug);
+  const { schema } = view.state;
+  pos = findPlaceholder(view.state, id);
+
+  if (pos == null) return;
+  const imageSrc = typeof src === "object" ? reader.result : src;
+
+  const node = schema.nodes.image.create({ src: imageSrc });
+  const transaction = view.state.tr
+    .replaceWith(pos, pos, node)
+    .setMeta(uploadKey, { remove: { id } });
+  view.dispatch(transaction);
+}
+
+const UploadImageHandler = (file: File, workspaceSlug: string): Promise<string> => {
+  if (!workspaceSlug) {
+    return Promise.reject("Workspace slug is missing");
+  }
+  try {
+    const formData = new FormData();
+    formData.append("asset", file);
+    formData.append("attributes", JSON.stringify({}));
+
+    return new Promise(async (resolve, reject) => {
+      const imageUrl = await fileService
+        .uploadFile(workspaceSlug, formData)
+        .then((response) => response.asset);
+
+      const image = new Image();
+      image.src = imageUrl;
+      image.onload = () => {
+        resolve(imageUrl);
+      };
+    });
+  } catch (error) {
+    console.log(error);
+    return Promise.reject(error);
+  }
+};
diff --git a/apps/space/components/tiptap/props.tsx b/apps/space/components/tiptap/props.tsx
new file mode 100644
index 000000000..d50fc29b0
--- /dev/null
+++ b/apps/space/components/tiptap/props.tsx
@@ -0,0 +1,56 @@
+import { EditorProps } from "@tiptap/pm/view";
+import { startImageUpload } from "./plugins/upload-image";
+
+export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void): EditorProps {
+  return {
+    attributes: {
+      class: `prose prose-brand max-w-full prose-headings:font-display font-default focus:outline-none`,
+    },
+    handleDOMEvents: {
+      keydown: (_view, event) => {
+        // prevent default event listeners from firing when slash command is active
+        if (["ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
+          const slashCommand = document.querySelector("#slash-command");
+          if (slashCommand) {
+            return true;
+          }
+        }
+      },
+    },
+    handlePaste: (view, event) => {
+      if (
+        event.clipboardData &&
+        event.clipboardData.files &&
+        event.clipboardData.files[0]
+      ) {
+        event.preventDefault();
+        const file = event.clipboardData.files[0];
+        const pos = view.state.selection.from;
+        startImageUpload(file, view, pos, workspaceSlug, setIsSubmitting);
+        return true;
+      }
+      return false;
+    },
+    handleDrop: (view, event, _slice, moved) => {
+      if (
+        !moved &&
+        event.dataTransfer &&
+        event.dataTransfer.files &&
+        event.dataTransfer.files[0]
+      ) {
+        event.preventDefault();
+        const file = event.dataTransfer.files[0];
+        const coordinates = view.posAtCoords({
+          left: event.clientX,
+          top: event.clientY,
+        });
+        // here we deduct 1 from the pos or else the image will create an extra node
+        if (coordinates) {
+          startImageUpload(file, view, coordinates.pos - 1, workspaceSlug, setIsSubmitting);
+        }
+        return true;
+      }
+      return false;
+    },
+  };
+}
diff --git a/apps/space/components/tiptap/slash-command/index.tsx b/apps/space/components/tiptap/slash-command/index.tsx
new file mode 100644
index 000000000..38f5c9c0a
--- /dev/null
+++ b/apps/space/components/tiptap/slash-command/index.tsx
@@ -0,0 +1,339 @@
+import React, { useState, useEffect, useCallback, ReactNode, useRef, useLayoutEffect } from "react";
+import { Editor, Range, Extension } from "@tiptap/core";
+import Suggestion from "@tiptap/suggestion";
+import { ReactRenderer } from "@tiptap/react";
+import tippy from "tippy.js";
+import {
+  Heading1,
+  Heading2,
+  Heading3,
+  List,
+  ListOrdered,
+  Text,
+  TextQuote,
+  Code,
+  MinusSquare,
+  CheckSquare,
+  ImageIcon,
+} from "lucide-react";
+import { startImageUpload } from "../plugins/upload-image";
+import { cn } from "../utils";
+
+interface CommandItemProps {
+  title: string;
+  description: string;
+  icon: ReactNode;
+}
+
+interface CommandProps {
+  editor: Editor;
+  range: Range;
+}
+
+const Command = Extension.create({
+  name: "slash-command",
+  addOptions() {
+    return {
+      suggestion: {
+        char: "/",
+        command: ({ editor, range, props }: { editor: Editor; range: Range; props: any }) => {
+          props.command({ editor, range });
+        },
+      },
+    };
+  },
+  addProseMirrorPlugins() {
+    return [
+      Suggestion({
+        editor: this.editor,
+        ...this.options.suggestion,
+      }),
+    ];
+  },
+});
+
+const getSuggestionItems = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => ({ query }: { query: string }) =>
+  [
+    {
+      title: "Text",
+      description: "Just start typing with plain text.",
+      searchTerms: ["p", "paragraph"],
+      icon: <Text size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+      },
+    },
+    {
+      title: "Heading 1",
+      description: "Big section heading.",
+      searchTerms: ["title", "big", "large"],
+      icon: <Heading1 size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+      },
+    },
+    {
+      title: "Heading 2",
+      description: "Medium section heading.",
+      searchTerms: ["subtitle", "medium"],
+      icon: <Heading2 size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+      },
+    },
+    {
+      title: "Heading 3",
+      description: "Small section heading.",
+      searchTerms: ["subtitle", "small"],
+      icon: <Heading3 size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+      },
+    },
+    {
+      title: "To-do List",
+      description: "Track tasks with a to-do list.",
+      searchTerms: ["todo", "task", "list", "check", "checkbox"],
+      icon: <CheckSquare size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).toggleTaskList().run();
+      },
+    },
+    {
+      title: "Bullet List",
+      description: "Create a simple bullet list.",
+      searchTerms: ["unordered", "point"],
+      icon: <List size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).toggleBulletList().run();
+      },
+    },
+    {
+      title: "Divider",
+      description: "Visually divide blocks",
+      searchTerms: ["line", "divider", "horizontal", "rule", "separate"],
+      icon: <MinusSquare size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+      },
+    },
+    {
+      title: "Numbered List",
+      description: "Create a list with numbering.",
+      searchTerms: ["ordered"],
+      icon: <ListOrdered size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+      },
+    },
+    {
+      title: "Quote",
+      description: "Capture a quote.",
+      searchTerms: ["blockquote"],
+      icon: <TextQuote size={18} />,
+      command: ({ editor, range }: CommandProps) =>
+        editor
+          .chain()
+          .focus()
+          .deleteRange(range)
+          .toggleNode("paragraph", "paragraph")
+          .toggleBlockquote()
+          .run(),
+    },
+    {
+      title: "Code",
+      description: "Capture a code snippet.",
+      searchTerms: ["codeblock"],
+      icon: <Code size={18} />,
+      command: ({ editor, range }: CommandProps) =>
+        editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
+    },
+    {
+      title: "Image",
+      description: "Upload an image from your computer.",
+      searchTerms: ["photo", "picture", "media"],
+      icon: <ImageIcon size={18} />,
+      command: ({ editor, range }: CommandProps) => {
+        editor.chain().focus().deleteRange(range).run();
+        // upload image
+        const input = document.createElement("input");
+        input.type = "file";
+        input.accept = "image/*";
+        input.onchange = async () => {
+          if (input.files?.length) {
+            const file = input.files[0];
+            const pos = editor.view.state.selection.from;
+            startImageUpload(file, editor.view, pos, workspaceSlug, setIsSubmitting);
+          }
+        };
+        input.click();
+      },
+    },
+  ].filter((item) => {
+    if (typeof query === "string" && query.length > 0) {
+      const search = query.toLowerCase();
+      return (
+        item.title.toLowerCase().includes(search) ||
+        item.description.toLowerCase().includes(search) ||
+        (item.searchTerms && item.searchTerms.some((term: string) => term.includes(search)))
+      );
+    }
+    return true;
+  });
+
+export const updateScrollView = (container: HTMLElement, item: HTMLElement) => {
+  const containerHeight = container.offsetHeight;
+  const itemHeight = item ? item.offsetHeight : 0;
+
+  const top = item.offsetTop;
+  const bottom = top + itemHeight;
+
+  if (top < container.scrollTop) {
+    container.scrollTop -= container.scrollTop - top + 5;
+  } else if (bottom > containerHeight + container.scrollTop) {
+    container.scrollTop += bottom - containerHeight - container.scrollTop + 5;
+  }
+};
+
+const CommandList = ({
+  items,
+  command,
+}: {
+  items: CommandItemProps[];
+  command: any;
+  editor: any;
+  range: any;
+}) => {
+  const [selectedIndex, setSelectedIndex] = useState(0);
+
+  const selectItem = useCallback(
+    (index: number) => {
+      const item = items[index];
+      if (item) {
+        command(item);
+      }
+    },
+    [command, items]
+  );
+
+  useEffect(() => {
+    const navigationKeys = ["ArrowUp", "ArrowDown", "Enter"];
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (navigationKeys.includes(e.key)) {
+        e.preventDefault();
+        if (e.key === "ArrowUp") {
+          setSelectedIndex((selectedIndex + items.length - 1) % items.length);
+          return true;
+        }
+        if (e.key === "ArrowDown") {
+          setSelectedIndex((selectedIndex + 1) % items.length);
+          return true;
+        }
+        if (e.key === "Enter") {
+          selectItem(selectedIndex);
+          return true;
+        }
+        return false;
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [items, selectedIndex, setSelectedIndex, selectItem]);
+
+  useEffect(() => {
+    setSelectedIndex(0);
+  }, [items]);
+
+  const commandListContainer = useRef<HTMLDivElement>(null);
+
+  useLayoutEffect(() => {
+    const container = commandListContainer?.current;
+
+    const item = container?.children[selectedIndex] as HTMLElement;
+
+    if (item && container) updateScrollView(container, item);
+  }, [selectedIndex]);
+
+  return items.length > 0 ? (
+    <div
+      id="slash-command"
+      ref={commandListContainer}
+      className="z-50 fixed h-auto max-h-[330px] w-72 overflow-y-auto rounded-md border border-custom-border-300 bg-custom-background-100 px-1 py-2 shadow-md transition-all"
+    >
+      {items.map((item: CommandItemProps, index: number) => (
+        <button
+          className={cn(
+            `flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm text-custom-text-200 hover:bg-custom-primary-100/5 hover:text-custom-text-100`,
+            { "bg-custom-primary-100/5  text-custom-text-100": index === selectedIndex }
+          )}
+          key={index}
+          onClick={() => selectItem(index)}
+        >
+          <div>
+            <p className="font-medium">{item.title}</p>
+            <p className="text-xs text-custom-text-300">{item.description}</p>
+          </div>
+        </button>
+      ))}
+    </div>
+  ) : null;
+};
+
+const renderItems = () => {
+  let component: ReactRenderer | null = null;
+  let popup: any | null = null;
+
+  return {
+    onStart: (props: { editor: Editor; clientRect: DOMRect }) => {
+      component = new ReactRenderer(CommandList, {
+        props,
+        editor: props.editor,
+      });
+
+      // @ts-ignore
+      popup = tippy("body", {
+        getReferenceClientRect: props.clientRect,
+        appendTo: () => document.querySelector("#tiptap-container"),
+        content: component.element,
+        showOnCreate: true,
+        interactive: true,
+        trigger: "manual",
+        placement: "bottom-start",
+      });
+    },
+    onUpdate: (props: { editor: Editor; clientRect: DOMRect }) => {
+      component?.updateProps(props);
+
+      popup &&
+        popup[0].setProps({
+          getReferenceClientRect: props.clientRect,
+        });
+    },
+    onKeyDown: (props: { event: KeyboardEvent }) => {
+      if (props.event.key === "Escape") {
+        popup?.[0].hide();
+
+        return true;
+      }
+
+      // @ts-ignore
+      return component?.ref?.onKeyDown(props);
+    },
+    onExit: () => {
+      popup?.[0].destroy();
+      component?.destroy();
+    },
+  };
+};
+
+export const SlashCommand = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) =>
+  Command.configure({
+    suggestion: {
+      items: getSuggestionItems(workspaceSlug, setIsSubmitting),
+      render: renderItems,
+    },
+  });
+
+export default SlashCommand;
diff --git a/apps/space/components/tiptap/utils.ts b/apps/space/components/tiptap/utils.ts
new file mode 100644
index 000000000..a5ef19350
--- /dev/null
+++ b/apps/space/components/tiptap/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
diff --git a/apps/space/components/ui/dropdown.tsx b/apps/space/components/ui/dropdown.tsx
new file mode 100644
index 000000000..d1791de00
--- /dev/null
+++ b/apps/space/components/ui/dropdown.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import { Fragment, useState, useRef } from "react";
+
+// next
+import Link from "next/link";
+
+// headless
+import { Popover, Transition } from "@headlessui/react";
+import { ChevronLeftIcon, CheckIcon } from "@heroicons/react/20/solid";
+
+// hooks
+import useOutSideClick from "hooks/use-outside-click";
+
+type ItemOptionType = {
+  display: React.ReactNode;
+  as?: "button" | "link" | "div";
+  href?: string;
+  isSelected?: boolean;
+  onClick?: () => void;
+  children?: ItemOptionType[] | null;
+};
+
+type DropdownItemProps = {
+  item: ItemOptionType;
+};
+
+type DropDownListProps = {
+  open: boolean;
+  handleClose?: () => void;
+  items: ItemOptionType[];
+};
+
+type DropdownProps = {
+  button: React.ReactNode | (() => React.ReactNode);
+  items: ItemOptionType[];
+};
+
+const DropdownList: React.FC<DropDownListProps> = (props) => {
+  const { open, items, handleClose } = props;
+
+  const ref = useRef(null);
+
+  useOutSideClick(ref, () => {
+    if (handleClose) handleClose();
+  });
+
+  return (
+    <Popover className="absolute -left-1">
+      <Transition
+        show={open}
+        as={Fragment}
+        enter="transition ease-out duration-200"
+        enterFrom="opacity-0 translate-y-1"
+        enterTo="opacity-100 translate-y-0"
+        leave="transition ease-in duration-150"
+        leaveFrom="opacity-100 translate-y-0"
+        leaveTo="opacity-0 translate-y-1"
+      >
+        <Popover.Panel
+          ref={ref}
+          className="absolute left-1/2 -translate-x-full z-10 mt-1 max-w-[9rem] origin-top-right select-none rounded-md bg-custom-background-90 border border-custom-border-300 text-xs shadow-lg focus:outline-none"
+        >
+          <div className="w-full text-sm rounded-md shadow-lg">
+            {items.map((item, index) => (
+              <DropdownItem key={index} item={item} />
+            ))}
+          </div>
+        </Popover.Panel>
+      </Transition>
+    </Popover>
+  );
+};
+
+const DropdownItem: React.FC<DropdownItemProps> = (props) => {
+  const { item } = props;
+  const { display, children, as: as_, href, onClick, isSelected } = item;
+
+  const [open, setOpen] = useState(false);
+
+  return (
+    <div className="w-full group relative flex gap-x-6 rounded-lg p-1">
+      {(!as_ || as_ === "button" || as_ === "div") && (
+        <button
+          type="button"
+          onClick={() => {
+            if (!children) {
+              if (onClick) onClick();
+              return;
+            }
+            setOpen((prev) => !prev);
+          }}
+          className={`w-full flex items-center gap-1 rounded px-1 py-1.5 text-custom-text-200 hover:bg-custom-background-80 ${
+            isSelected ? "bg-custom-background-80" : ""
+          }`}
+        >
+          {children && <ChevronLeftIcon className="h-5 w-5 transition-transform transform" />}
+          {!children && <span />}
+          <span className="truncate text-xs">{display}</span>
+          <CheckIcon className={`h-3.5 w-3.5 opacity-0 ${isSelected ? "opacity-100" : ""}`} />
+        </button>
+      )}
+
+      {as_ === "link" && <Link href={href || "#"}>{display}</Link>}
+
+      {children && <DropdownList open={open} handleClose={() => setOpen(false)} items={children} />}
+    </div>
+  );
+};
+
+const Dropdown: React.FC<DropdownProps> = (props) => {
+  const { button, items } = props;
+
+  return (
+    <Popover className="relative">
+      {({ open }) => (
+        <>
+          <Popover.Button
+            className={`group flex items-center justify-between gap-2 rounded-md border border-custom-border-200 px-3 py-1.5 text-xs shadow-sm duration-300 focus:outline-none hover:text-custom-text-100 hover:bg-custom-background-90 ${
+              open ? "bg-custom-background-90 text-custom-text-100" : "text-custom-text-200"
+            }`}
+          >
+            {typeof button === "function" ? button() : button}
+          </Popover.Button>
+
+          <Transition
+            as={Fragment}
+            enter="transition ease-out duration-200"
+            enterFrom="opacity-0 translate-y-1"
+            enterTo="opacity-100 translate-y-0"
+            leave="transition ease-in duration-150"
+            leaveFrom="opacity-100 translate-y-0"
+            leaveTo="opacity-0 translate-y-1"
+          >
+            <Popover.Panel className="absolute left-full -translate-x-full z-10 mt-1 w-36 origin-top-right select-none rounded-md bg-custom-background-90 border border-custom-border-300 text-xs shadow-lg focus:outline-none">
+              <div className="w-full">
+                {items.map((item, index) => (
+                  <DropdownItem key={index} item={item} />
+                ))}
+              </div>
+            </Popover.Panel>
+          </Transition>
+        </>
+      )}
+    </Popover>
+  );
+};
+
+export { Dropdown };
diff --git a/apps/space/components/ui/icon.tsx b/apps/space/components/ui/icon.tsx
new file mode 100644
index 000000000..418186291
--- /dev/null
+++ b/apps/space/components/ui/icon.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+
+type Props = {
+  iconName: string;
+  className?: string;
+};
+
+export const Icon: React.FC<Props> = ({ iconName, className = "" }) => (
+  <span className={`material-symbols-rounded text-sm leading-5 font-light ${className}`}>{iconName}</span>
+);
diff --git a/apps/space/components/ui/index.ts b/apps/space/components/ui/index.ts
new file mode 100644
index 000000000..e44096909
--- /dev/null
+++ b/apps/space/components/ui/index.ts
@@ -0,0 +1,8 @@
+export * from "./dropdown";
+export * from "./input";
+export * from "./loader";
+export * from "./primary-button";
+export * from "./secondary-button";
+export * from "./icon";
+export * from "./reaction-selector";
+export * from "./tooltip";
diff --git a/apps/space/components/ui/input.tsx b/apps/space/components/ui/input.tsx
new file mode 100644
index 000000000..b6be82ae5
--- /dev/null
+++ b/apps/space/components/ui/input.tsx
@@ -0,0 +1,37 @@
+import React, { forwardRef, Ref } from "react";
+
+// types
+interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
+  mode?: "primary" | "transparent" | "trueTransparent";
+  error?: boolean;
+  inputSize?: "rg" | "lg";
+  fullWidth?: boolean;
+}
+
+export const Input = forwardRef((props: Props, ref: Ref<HTMLInputElement>) => {
+  const { mode = "primary", error, className = "", type, fullWidth = true, id, inputSize = "rg", ...rest } = props;
+
+  return (
+    <input
+      id={id}
+      ref={ref}
+      type={type}
+      className={`block rounded-md bg-transparent text-sm focus:outline-none placeholder-custom-text-400 ${
+        mode === "primary"
+          ? "rounded-md border border-custom-border-200"
+          : mode === "transparent"
+          ? "rounded border-none bg-transparent ring-0 transition-all focus:ring-1 focus:ring-custom-primary"
+          : mode === "trueTransparent"
+          ? "rounded border-none bg-transparent ring-0"
+          : ""
+      } ${error ? "border-red-500" : ""} ${error && mode === "primary" ? "bg-red-500/20" : ""} ${
+        fullWidth ? "w-full" : ""
+      } ${inputSize === "rg" ? "px-3 py-2" : inputSize === "lg" ? "p-3" : ""} ${className}`}
+      {...rest}
+    />
+  );
+});
+
+Input.displayName = "Input";
+
+export default Input;
diff --git a/apps/space/components/ui/loader.tsx b/apps/space/components/ui/loader.tsx
new file mode 100644
index 000000000..b9d13883a
--- /dev/null
+++ b/apps/space/components/ui/loader.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+type Props = {
+  children: React.ReactNode;
+  className?: string;
+};
+
+const Loader = ({ children, className = "" }: Props) => (
+  <div className={`${className} animate-pulse`} role="status">
+    {children}
+  </div>
+);
+
+type ItemProps = {
+  height?: string;
+  width?: string;
+};
+
+const Item: React.FC<ItemProps> = ({ height = "auto", width = "auto" }) => (
+  <div className="rounded-md bg-custom-background-80" style={{ height: height, width: width }} />
+);
+
+Loader.Item = Item;
+
+export { Loader };
diff --git a/apps/space/components/ui/primary-button.tsx b/apps/space/components/ui/primary-button.tsx
new file mode 100644
index 000000000..b3e1b82ee
--- /dev/null
+++ b/apps/space/components/ui/primary-button.tsx
@@ -0,0 +1,35 @@
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: "sm" | "md" | "lg";
+  outline?: boolean;
+  loading?: boolean;
+}
+
+export const PrimaryButton: React.FC<ButtonProps> = ({
+  children,
+  className = "",
+  onClick,
+  type = "button",
+  disabled = false,
+  loading = false,
+  size = "sm",
+  outline = false,
+}) => (
+  <button
+    type={type}
+    className={`${className} border border-custom-primary font-medium duration-300 ${
+      size === "sm"
+        ? "rounded px-3 py-2 text-xs"
+        : size === "md"
+        ? "rounded-md px-3.5 py-2 text-sm"
+        : "rounded-lg px-4 py-2 text-base"
+    } ${disabled ? "cursor-not-allowed opacity-70 hover:opacity-70" : ""} ${
+      outline
+        ? "bg-transparent text-custom-primary hover:bg-custom-primary hover:text-white"
+        : "text-white bg-custom-primary hover:border-opacity-90 hover:bg-opacity-90"
+    }  ${loading ? "cursor-wait" : ""}`}
+    onClick={onClick}
+    disabled={disabled || loading}
+  >
+    {children}
+  </button>
+);
diff --git a/apps/space/components/ui/reaction-selector.tsx b/apps/space/components/ui/reaction-selector.tsx
new file mode 100644
index 000000000..70994460c
--- /dev/null
+++ b/apps/space/components/ui/reaction-selector.tsx
@@ -0,0 +1,77 @@
+import { Fragment } from "react";
+
+// headless ui
+import { Popover, Transition } from "@headlessui/react";
+
+// helper
+import { renderEmoji } from "helpers/emoji.helper";
+
+// icons
+import { Icon } from "components/ui";
+
+const reactionEmojis = ["128077", "128078", "128516", "128165", "128533", "129505", "9992", "128064"];
+
+interface Props {
+  size?: "sm" | "md" | "lg";
+  position?: "top" | "bottom";
+  onSelect: (emoji: string) => void;
+}
+
+export const ReactionSelector: React.FC<Props> = (props) => {
+  const { onSelect, position, size } = props;
+
+  return (
+    <Popover className="relative">
+      {({ open, close: closePopover }) => (
+        <>
+          <Popover.Button
+            className={`${
+              open ? "" : "text-opacity-90"
+            } group inline-flex items-center rounded-md bg-custom-background-80 focus:outline-none`}
+          >
+            <span
+              className={`flex justify-center items-center rounded-md px-2 ${
+                size === "sm" ? "w-6 h-6" : size === "md" ? "w-7 h-7" : "w-8 h-8"
+              }`}
+            >
+              <Icon iconName="add_reaction" className="text-custom-text-100 scale-125" />
+            </span>
+          </Popover.Button>
+          <Transition
+            as={Fragment}
+            enter="transition ease-out duration-200"
+            enterFrom="opacity-0 translate-y-1"
+            enterTo="opacity-100 translate-y-0"
+            leave="transition ease-in duration-150"
+            leaveFrom="opacity-100 translate-y-0"
+            leaveTo="opacity-0 translate-y-1"
+          >
+            <Popover.Panel
+              className={`bg-custom-sidebar-background-100 absolute -left-2 z-10 ${
+                position === "top" ? "-top-12" : "-bottom-12"
+              }`}
+            >
+              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 rounded-md p-1">
+                <div className="flex gap-x-1">
+                  {reactionEmojis.map((emoji) => (
+                    <button
+                      key={emoji}
+                      type="button"
+                      onClick={() => {
+                        onSelect(emoji);
+                        closePopover();
+                      }}
+                      className="flex select-none items-center justify-between rounded-md text-sm p-1 hover:bg-custom-sidebar-background-90"
+                    >
+                      {renderEmoji(emoji)}
+                    </button>
+                  ))}
+                </div>
+              </div>
+            </Popover.Panel>
+          </Transition>
+        </>
+      )}
+    </Popover>
+  );
+};
diff --git a/apps/space/components/ui/secondary-button.tsx b/apps/space/components/ui/secondary-button.tsx
new file mode 100644
index 000000000..2a9b3d528
--- /dev/null
+++ b/apps/space/components/ui/secondary-button.tsx
@@ -0,0 +1,35 @@
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  size?: "sm" | "md" | "lg";
+  outline?: boolean;
+  loading?: boolean;
+}
+
+export const SecondaryButton: React.FC<ButtonProps> = ({
+  children,
+  className = "",
+  onClick,
+  type = "button",
+  disabled = false,
+  loading = false,
+  size = "sm",
+  outline = false,
+}) => (
+  <button
+    type={type}
+    className={`${className} border border-custom-border-200 font-medium duration-300 ${
+      size === "sm"
+        ? "rounded px-3 py-2 text-xs"
+        : size === "md"
+        ? "rounded-md px-3.5 py-2 text-sm"
+        : "rounded-lg px-4 py-2 text-base"
+    } ${disabled ? "cursor-not-allowed border-custom-border-200 bg-custom-background-90" : ""} ${
+      outline
+        ? "bg-transparent hover:bg-custom-background-80"
+        : "bg-custom-background-100 hover:border-opacity-70 hover:bg-opacity-70"
+    } ${loading ? "cursor-wait" : ""}`}
+    onClick={onClick}
+    disabled={disabled || loading}
+  >
+    {children}
+  </button>
+);
diff --git a/apps/space/components/ui/toast-alert.tsx b/apps/space/components/ui/toast-alert.tsx
new file mode 100644
index 000000000..5d0c0123c
--- /dev/null
+++ b/apps/space/components/ui/toast-alert.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+// hooks
+import {
+  CheckCircleIcon,
+  ExclamationTriangleIcon,
+  InformationCircleIcon,
+  XCircleIcon,
+  XMarkIcon,
+} from "@heroicons/react/24/outline";
+import useToast from "hooks/use-toast";
+// icons
+
+const ToastAlerts = () => {
+  const { alerts, removeAlert } = useToast();
+
+  if (!alerts) return null;
+
+  return (
+    <div className="pointer-events-none fixed top-5 right-5 z-50 h-full w-80 space-y-5 overflow-hidden">
+      {alerts.map((alert) => (
+        <div className="relative overflow-hidden rounded-md text-white" key={alert.id}>
+          <div className="absolute top-1 right-1">
+            <button
+              type="button"
+              className="pointer-events-auto inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2"
+              onClick={() => removeAlert(alert.id)}
+            >
+              <span className="sr-only">Dismiss</span>
+              <XMarkIcon className="h-5 w-5" aria-hidden="true" />
+            </button>
+          </div>
+          <div
+            className={`px-2 py-4 ${
+              alert.type === "success"
+                ? "bg-[#06d6a0]"
+                : alert.type === "error"
+                ? "bg-[#ef476f]"
+                : alert.type === "warning"
+                ? "bg-[#e98601]"
+                : "bg-[#1B9aaa]"
+            }`}
+          >
+            <div className="flex items-center gap-x-3">
+              <div className="flex-shrink-0">
+                {alert.type === "success" ? (
+                  <CheckCircleIcon className="h-8 w-8" aria-hidden="true" />
+                ) : alert.type === "error" ? (
+                  <XCircleIcon className="h-8 w-8" />
+                ) : alert.type === "warning" ? (
+                  <ExclamationTriangleIcon className="h-8 w-8" aria-hidden="true" />
+                ) : (
+                  <InformationCircleIcon className="h-8 w-8" />
+                )}
+              </div>
+              <div>
+                <p className="font-semibold">{alert.title}</p>
+                {alert.message && <p className="mt-1 text-xs">{alert.message}</p>}
+              </div>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default ToastAlerts;
diff --git a/apps/space/components/ui/tooltip.tsx b/apps/space/components/ui/tooltip.tsx
new file mode 100644
index 000000000..994c0f32a
--- /dev/null
+++ b/apps/space/components/ui/tooltip.tsx
@@ -0,0 +1,71 @@
+import React from "react";
+
+// next-themes
+import { useTheme } from "next-themes";
+// tooltip2
+import { Tooltip2 } from "@blueprintjs/popover2";
+
+type Props = {
+  tooltipHeading?: string;
+  tooltipContent: string | React.ReactNode;
+  position?:
+    | "top"
+    | "right"
+    | "bottom"
+    | "left"
+    | "auto"
+    | "auto-end"
+    | "auto-start"
+    | "bottom-left"
+    | "bottom-right"
+    | "left-bottom"
+    | "left-top"
+    | "right-bottom"
+    | "right-top"
+    | "top-left"
+    | "top-right";
+  children: JSX.Element;
+  disabled?: boolean;
+  className?: string;
+  openDelay?: number;
+  closeDelay?: number;
+};
+
+export const Tooltip: React.FC<Props> = ({
+  tooltipHeading,
+  tooltipContent,
+  position = "top",
+  children,
+  disabled = false,
+  className = "",
+  openDelay = 200,
+  closeDelay,
+}) => {
+  const { theme } = useTheme();
+
+  return (
+    <Tooltip2
+      disabled={disabled}
+      hoverOpenDelay={openDelay}
+      hoverCloseDelay={closeDelay}
+      content={
+        <div
+          className={`relative z-50 max-w-xs gap-1 rounded-md p-2 text-xs shadow-md border border-custom-border-200 ${
+            theme === "custom" ? "bg-custom-background-100 text-custom-text-200" : "bg-black text-gray-400"
+          } break-words overflow-hidden ${className}`}
+        >
+          {tooltipHeading && (
+            <h5 className={`font-medium ${theme === "custom" ? "text-custom-text-100" : "text-white"}`}>
+              {tooltipHeading}
+            </h5>
+          )}
+          {tooltipContent}
+        </div>
+      }
+      position={position}
+      renderTarget={({ isOpen: isTooltipOpen, ref: eleReference, ...tooltipProps }) =>
+        React.cloneElement(children, { ref: eleReference, ...tooltipProps, ...children.props })
+      }
+    />
+  );
+};
diff --git a/apps/space/components/views/project-details.tsx b/apps/space/components/views/project-details.tsx
new file mode 100644
index 000000000..bbf043130
--- /dev/null
+++ b/apps/space/components/views/project-details.tsx
@@ -0,0 +1,84 @@
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { observer } from "mobx-react-lite";
+// components
+import { IssueListView } from "components/issues/board-views/list";
+import { IssueKanbanView } from "components/issues/board-views/kanban";
+import { IssueCalendarView } from "components/issues/board-views/calendar";
+import { IssueSpreadsheetView } from "components/issues/board-views/spreadsheet";
+import { IssueGanttView } from "components/issues/board-views/gantt";
+import { IssuePeekOverview } from "components/issues/peek-overview";
+// mobx store
+import { RootStore } from "store/root";
+import { useMobxStore } from "lib/mobx/store-provider";
+
+export const ProjectDetailsView = observer(() => {
+  const router = useRouter();
+  const { workspace_slug, project_slug, states, labels, priorities, board, peekId } = router.query;
+
+  const {
+    issue: issueStore,
+    project: projectStore,
+    issueDetails: issueDetailStore,
+    user: userStore,
+  }: RootStore = useMobxStore();
+
+  useEffect(() => {
+    if (!userStore.currentUser) {
+      userStore.fetchCurrentUser();
+    }
+  }, [userStore]);
+
+  useEffect(() => {
+    if (workspace_slug && project_slug) {
+      const params = {
+        state: states || null,
+        labels: labels || null,
+        priority: priorities || null,
+      };
+      issueStore.fetchPublicIssues(workspace_slug?.toString(), project_slug.toString(), params);
+    }
+  }, [workspace_slug, project_slug, issueStore, states, labels, priorities]);
+
+  useEffect(() => {
+    if (peekId && workspace_slug && project_slug) {
+      issueDetailStore.setPeekId(peekId.toString());
+    }
+  }, [peekId, issueDetailStore, project_slug, workspace_slug]);
+
+  return (
+    <div className="relative w-full h-full overflow-hidden">
+      {workspace_slug && <IssuePeekOverview />}
+
+      {issueStore?.loader && !issueStore.issues ? (
+        <div className="text-sm text-center py-10 text-custom-text-100">Loading...</div>
+      ) : (
+        <>
+          {issueStore?.error ? (
+            <div className="text-sm text-center py-10  bg-custom-background-200 text-custom-text-100">
+              Something went wrong.
+            </div>
+          ) : (
+            projectStore?.activeBoard && (
+              <>
+                {projectStore?.activeBoard === "list" && (
+                  <div className="relative w-full h-full overflow-y-auto">
+                    <IssueListView />
+                  </div>
+                )}
+                {projectStore?.activeBoard === "kanban" && (
+                  <div className="relative w-full h-full mx-auto px-9 py-5">
+                    <IssueKanbanView />
+                  </div>
+                )}
+                {projectStore?.activeBoard === "calendar" && <IssueCalendarView />}
+                {projectStore?.activeBoard === "spreadsheet" && <IssueSpreadsheetView />}
+                {projectStore?.activeBoard === "gantt" && <IssueGanttView />}
+              </>
+            )
+          )}
+        </>
+      )}
+    </div>
+  );
+});
diff --git a/apps/space/constants/data.ts b/apps/space/constants/data.ts
index 81ccae116..29d411342 100644
--- a/apps/space/constants/data.ts
+++ b/apps/space/constants/data.ts
@@ -7,7 +7,7 @@ import {
   TIssueGroupKey,
   IIssuePriorityFilters,
   IIssueGroup,
-} from "store/types/issue";
+} from "types/issue";
 // icons
 import {
   BacklogStateIcon,
@@ -18,69 +18,49 @@ import {
 } from "components/icons";
 
 // all issue views
-export const issueViews: IIssueBoardViews[] = [
-  {
-    key: "list",
+export const issueViews: any = {
+  list: {
     title: "List View",
     icon: "format_list_bulleted",
     className: "",
   },
-  {
-    key: "kanban",
+  kanban: {
     title: "Board View",
     icon: "grid_view",
     className: "",
   },
-  // {
-  //   key: "calendar",
-  //   title: "Calendar View",
-  //   icon: "calendar_month",
-  //   className: "",
-  // },
-  // {
-  //   key: "spreadsheet",
-  //   title: "Spreadsheet View",
-  //   icon: "table_chart",
-  //   className: "",
-  // },
-  // {
-  //   key: "gantt",
-  //   title: "Gantt Chart View",
-  //   icon: "waterfall_chart",
-  //   className: "rotate-90",
-  // },
-];
+};
 
 // issue priority filters
 export const issuePriorityFilters: IIssuePriorityFilters[] = [
   {
     key: "urgent",
     title: "Urgent",
-    className: "border border-red-500/50 bg-red-500/20 text-red-500",
+    className: "bg-red-500 border-red-500 text-white",
     icon: "error",
   },
   {
     key: "high",
     title: "High",
-    className: "border border-orange-500/50 bg-orange-500/20 text-orange-500",
+    className: "text-orange-500 border-custom-border-300",
     icon: "signal_cellular_alt",
   },
   {
     key: "medium",
     title: "Medium",
-    className: "border border-yellow-500/50 bg-yellow-500/20 text-yellow-500",
+    className: "text-yellow-500 border-custom-border-300",
     icon: "signal_cellular_alt_2_bar",
   },
   {
     key: "low",
     title: "Low",
-    className: "border border-green-500/50 bg-green-500/20 text-green-500",
+    className: "text-green-500 border-custom-border-300",
     icon: "signal_cellular_alt_1_bar",
   },
   {
     key: "none",
     title: "None",
-    className: "border border-gray-500/50 bg-gray-500/20 text-gray-500",
+    className: "text-gray-500 border-custom-border-300",
     icon: "block",
   },
 ];
@@ -111,35 +91,35 @@ export const issueGroups: IIssueGroup[] = [
     key: "backlog",
     title: "Backlog",
     color: "#d9d9d9",
-    className: `border-[#d9d9d9]/50 text-[#d9d9d9] bg-[#d9d9d9]/10`,
+    className: `text-[#d9d9d9] bg-[#d9d9d9]/10`,
     icon: BacklogStateIcon,
   },
   {
     key: "unstarted",
     title: "Unstarted",
     color: "#3f76ff",
-    className: `border-[#3f76ff]/50 text-[#3f76ff] bg-[#3f76ff]/10`,
+    className: `text-[#3f76ff] bg-[#3f76ff]/10`,
     icon: UnstartedStateIcon,
   },
   {
     key: "started",
     title: "Started",
     color: "#f59e0b",
-    className: `border-[#f59e0b]/50 text-[#f59e0b] bg-[#f59e0b]/10`,
+    className: `text-[#f59e0b] bg-[#f59e0b]/10`,
     icon: StartedStateIcon,
   },
   {
     key: "completed",
     title: "Completed",
     color: "#16a34a",
-    className: `border-[#16a34a]/50 text-[#16a34a] bg-[#16a34a]/10`,
+    className: `text-[#16a34a] bg-[#16a34a]/10`,
     icon: CompletedStateIcon,
   },
   {
     key: "cancelled",
     title: "Cancelled",
     color: "#dc2626",
-    className: `border-[#dc2626]/50 text-[#dc2626] bg-[#dc2626]/10`,
+    className: `text-[#dc2626] bg-[#dc2626]/10`,
     icon: CancelledStateIcon,
   },
 ];
diff --git a/apps/space/constants/helpers.ts b/apps/space/constants/helpers.ts
index fd4dba217..0cf142353 100644
--- a/apps/space/constants/helpers.ts
+++ b/apps/space/constants/helpers.ts
@@ -11,3 +11,26 @@ export const renderDateFormat = (date: string | Date | null) => {
 
   return [year, month, day].join("-");
 };
+
+/**
+ * @description Returns date and month, if date is of the current year
+ * @description Returns date, month adn year, if date is of a different year than current
+ * @param {string} date
+ * @example renderFullDate("2023-01-01") // 1 Jan
+ * @example renderFullDate("2021-01-01") // 1 Jan, 2021
+ */
+
+export const renderFullDate = (date: string): string => {
+  if (!date) return "";
+
+  const months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+  const currentDate: Date = new Date();
+  const [year, month, day]: number[] = date.split("-").map(Number);
+
+  const formattedMonth: string = months[month - 1];
+  const formattedDay: string = day < 10 ? `0${day}` : day.toString();
+
+  if (currentDate.getFullYear() === year) return `${formattedDay} ${formattedMonth}`;
+  else return `${formattedDay} ${formattedMonth}, ${year}`;
+};
diff --git a/apps/space/constants/seo.ts b/apps/space/constants/seo.ts
new file mode 100644
index 000000000..b2baca612
--- /dev/null
+++ b/apps/space/constants/seo.ts
@@ -0,0 +1,7 @@
+export const SITE_NAME = "Plane Deploy | Make your Plane boards and roadmaps pubic with just one-click. ";
+export const SITE_TITLE = "Plane Deploy | Make your Plane boards public with one-click";
+export const SITE_DESCRIPTION = "Plane Deploy is a customer feedback management tool built on top of plane.so";
+export const SITE_KEYWORDS =
+  "software development, customer feedback, software, accelerate, code management, release management, project management, issue tracking, agile, scrum, kanban, collaboration";
+export const SITE_URL = "https://app.plane.so/";
+export const TWITTER_USER_NAME = "planepowers";
diff --git a/apps/space/constants/workspace.ts b/apps/space/constants/workspace.ts
new file mode 100644
index 000000000..5ae5a7cf4
--- /dev/null
+++ b/apps/space/constants/workspace.ts
@@ -0,0 +1,12 @@
+export const USER_ROLES = [
+  { value: "Product / Project Manager", label: "Product / Project Manager" },
+  { value: "Development / Engineering", label: "Development / Engineering" },
+  { value: "Founder / Executive", label: "Founder / Executive" },
+  { value: "Freelancer / Consultant", label: "Freelancer / Consultant" },
+  { value: "Marketing / Growth", label: "Marketing / Growth" },
+  { value: "Sales / Business Development", label: "Sales / Business Development" },
+  { value: "Support / Operations", label: "Support / Operations" },
+  { value: "Student / Professor", label: "Student / Professor" },
+  { value: "Human Resources", label: "Human Resources" },
+  { value: "Other", label: "Other" },
+];
diff --git a/apps/space/contexts/toast.context.tsx b/apps/space/contexts/toast.context.tsx
new file mode 100644
index 000000000..a382b4fd2
--- /dev/null
+++ b/apps/space/contexts/toast.context.tsx
@@ -0,0 +1,97 @@
+import React, { createContext, useCallback, useReducer } from "react";
+// uuid
+import { v4 as uuid } from "uuid";
+// components
+import ToastAlert from "components/ui/toast-alert";
+
+export const toastContext = createContext<ContextType>({} as ContextType);
+
+// types
+type ToastAlert = {
+  id: string;
+  title: string;
+  message?: string;
+  type: "success" | "error" | "warning" | "info";
+};
+
+type ReducerActionType = {
+  type: "SET_TOAST_ALERT" | "REMOVE_TOAST_ALERT";
+  payload: ToastAlert;
+};
+
+type ContextType = {
+  alerts?: ToastAlert[];
+  removeAlert: (id: string) => void;
+  setToastAlert: (data: {
+    title: string;
+    type?: "success" | "error" | "warning" | "info" | undefined;
+    message?: string | undefined;
+  }) => void;
+};
+
+type StateType = {
+  toastAlerts?: ToastAlert[];
+};
+
+type ReducerFunctionType = (state: StateType, action: ReducerActionType) => StateType;
+
+export const initialState: StateType = {
+  toastAlerts: [],
+};
+
+export const reducer: ReducerFunctionType = (state, action) => {
+  const { type, payload } = action;
+
+  switch (type) {
+    case "SET_TOAST_ALERT":
+      return {
+        ...state,
+        toastAlerts: [...(state.toastAlerts ?? []), payload],
+      };
+
+    case "REMOVE_TOAST_ALERT":
+      return {
+        ...state,
+        toastAlerts: state.toastAlerts?.filter((toastAlert) => toastAlert.id !== payload.id),
+      };
+
+    default: {
+      return state;
+    }
+  }
+};
+
+export const ToastContextProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [state, dispatch] = useReducer(reducer, initialState);
+
+  const removeAlert = useCallback((id: string) => {
+    dispatch({
+      type: "REMOVE_TOAST_ALERT",
+      payload: { id, title: "", message: "", type: "success" },
+    });
+  }, []);
+
+  const setToastAlert = useCallback(
+    (data: { title: string; type?: "success" | "error" | "warning" | "info"; message?: string }) => {
+      const id = uuid();
+      const { title, type, message } = data;
+      dispatch({
+        type: "SET_TOAST_ALERT",
+        payload: { id, title, message, type: type ?? "success" },
+      });
+
+      const timer = setTimeout(() => {
+        removeAlert(id);
+        clearTimeout(timer);
+      }, 3000);
+    },
+    [removeAlert]
+  );
+
+  return (
+    <toastContext.Provider value={{ setToastAlert, removeAlert, alerts: state.toastAlerts }}>
+      <ToastAlert />
+      {children}
+    </toastContext.Provider>
+  );
+};
diff --git a/apps/space/helpers/date-time.helper.ts b/apps/space/helpers/date-time.helper.ts
new file mode 100644
index 000000000..625871625
--- /dev/null
+++ b/apps/space/helpers/date-time.helper.ts
@@ -0,0 +1,14 @@
+export const timeAgo = (time: any) => {
+  switch (typeof time) {
+    case "number":
+      break;
+    case "string":
+      time = +new Date(time);
+      break;
+    case "object":
+      if (time.constructor === Date) time = time.getTime();
+      break;
+    default:
+      time = +new Date();
+  }
+};
diff --git a/apps/space/helpers/emoji.helper.tsx b/apps/space/helpers/emoji.helper.tsx
new file mode 100644
index 000000000..7c9f3cfcb
--- /dev/null
+++ b/apps/space/helpers/emoji.helper.tsx
@@ -0,0 +1,56 @@
+export const getRandomEmoji = () => {
+  const emojis = [
+    "8986",
+    "9200",
+    "128204",
+    "127773",
+    "127891",
+    "127947",
+    "128076",
+    "128077",
+    "128187",
+    "128188",
+    "128512",
+    "128522",
+    "128578",
+  ];
+
+  return emojis[Math.floor(Math.random() * emojis.length)];
+};
+
+export const renderEmoji = (
+  emoji:
+    | string
+    | {
+        name: string;
+        color: string;
+      }
+) => {
+  if (!emoji) return;
+
+  if (typeof emoji === "object")
+    return (
+      <span style={{ color: emoji.color }} className="material-symbols-rounded text-lg">
+        {emoji.name}
+      </span>
+    );
+  else return isNaN(parseInt(emoji)) ? emoji : String.fromCodePoint(parseInt(emoji));
+};
+
+export const groupReactions: (reactions: any[], key: string) => { [key: string]: any[] } = (
+  reactions: any,
+  key: string
+) => {
+  const groupedReactions = reactions.reduce(
+    (acc: any, reaction: any) => {
+      if (!acc[reaction[key]]) {
+        acc[reaction[key]] = [];
+      }
+      acc[reaction[key]].push(reaction);
+      return acc;
+    },
+    {} as { [key: string]: any[] }
+  );
+
+  return groupedReactions;
+};
diff --git a/apps/space/helpers/string.helper.ts b/apps/space/helpers/string.helper.ts
new file mode 100644
index 000000000..1b676ca57
--- /dev/null
+++ b/apps/space/helpers/string.helper.ts
@@ -0,0 +1,31 @@
+export const addSpaceIfCamelCase = (str: string) => str.replace(/([a-z])([A-Z])/g, "$1 $2");
+
+const fallbackCopyTextToClipboard = (text: string) => {
+  var textArea = document.createElement("textarea");
+  textArea.value = text;
+
+  // Avoid scrolling to bottom
+  textArea.style.top = "0";
+  textArea.style.left = "0";
+  textArea.style.position = "fixed";
+
+  document.body.appendChild(textArea);
+  textArea.focus();
+  textArea.select();
+
+  try {
+    // FIXME: Even though we are using this as a fallback, execCommand is deprecated 👎. We should find a better way to do this.
+    // https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
+    var successful = document.execCommand("copy");
+  } catch (err) {}
+
+  document.body.removeChild(textArea);
+};
+
+export const copyTextToClipboard = async (text: string) => {
+  if (!navigator.clipboard) {
+    fallbackCopyTextToClipboard(text);
+    return;
+  }
+  await navigator.clipboard.writeText(text);
+};
diff --git a/apps/space/hooks/use-outside-click.tsx b/apps/space/hooks/use-outside-click.tsx
new file mode 100644
index 000000000..f2bed415f
--- /dev/null
+++ b/apps/space/hooks/use-outside-click.tsx
@@ -0,0 +1,21 @@
+"use client";
+
+import { useEffect } from "react";
+
+const useOutSideClick = (ref: any, callback: any) => {
+  const handleClick = (e: any) => {
+    if (ref.current && !ref.current.contains(e.target)) {
+      callback();
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener("click", handleClick);
+
+    return () => {
+      document.removeEventListener("click", handleClick);
+    };
+  });
+};
+
+export default useOutSideClick;
diff --git a/apps/space/hooks/use-timer.tsx b/apps/space/hooks/use-timer.tsx
new file mode 100644
index 000000000..1edf4931a
--- /dev/null
+++ b/apps/space/hooks/use-timer.tsx
@@ -0,0 +1,19 @@
+import { useState, useEffect } from "react";
+
+const TIMER = 30;
+
+const useTimer = (initialValue: number = TIMER) => {
+  const [timer, setTimer] = useState(initialValue);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setTimer((prev) => prev - 1);
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  return { timer, setTimer };
+};
+
+export default useTimer;
diff --git a/apps/space/hooks/use-toast.tsx b/apps/space/hooks/use-toast.tsx
new file mode 100644
index 000000000..6de3c104c
--- /dev/null
+++ b/apps/space/hooks/use-toast.tsx
@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { toastContext } from "contexts/toast.context";
+
+const useToast = () => {
+  const toastContextData = useContext(toastContext);
+  return toastContextData;
+};
+
+export default useToast;
diff --git a/apps/space/layouts/project-layout.tsx b/apps/space/layouts/project-layout.tsx
new file mode 100644
index 000000000..2147e845e
--- /dev/null
+++ b/apps/space/layouts/project-layout.tsx
@@ -0,0 +1,30 @@
+import Link from "next/link";
+import Image from "next/image";
+
+// mobx
+import { observer } from "mobx-react-lite";
+// components
+import IssueNavbar from "components/issues/navbar";
+
+const ProjectLayout = ({ children }: { children: React.ReactNode }) => (
+  <div className="relative w-screen min-h-[500px] h-screen overflow-hidden flex flex-col">
+    <div className="flex-shrink-0 h-[60px] border-b border-custom-border-300 relative flex items-center bg-custom-sidebar-background-100 select-none">
+      <IssueNavbar />
+    </div>
+    <div className="w-full h-full relative bg-custom-background-90 overflow-hidden">{children}</div>
+    <div className="absolute z-[99999] bottom-[10px] right-[10px] bg-custom-background-100 rounded-sm shadow-lg border border-custom-border-300">
+      <Link href="https://plane.so">
+        <a className="p-1 px-2 flex items-center gap-1" target="_blank">
+          <div className="w-[24px] h-[24px] relative flex justify-center items-center">
+            <Image src="/plane-logo.webp" alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
+          </div>
+          <div className="text-xs">
+            Powered by <b>Plane Deploy</b>
+          </div>
+        </a>
+      </Link>
+    </div>
+  </div>
+);
+
+export default observer(ProjectLayout);
diff --git a/apps/space/lib/mobx/store-init.tsx b/apps/space/lib/mobx/store-init.tsx
index a31bc822f..6e38d9c6d 100644
--- a/apps/space/lib/mobx/store-init.tsx
+++ b/apps/space/lib/mobx/store-init.tsx
@@ -1,6 +1,8 @@
 "use client";
 
 import { useEffect } from "react";
+// next imports
+import { useRouter } from "next/router";
 // mobx store
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -8,12 +10,14 @@ import { RootStore } from "store/root";
 const MobxStoreInit = () => {
   const store: RootStore = useMobxStore();
 
-  useEffect(() => {
-    // theme
-    const _theme = localStorage && localStorage.getItem("app_theme") ? localStorage.getItem("app_theme") : "light";
-    if (_theme && store?.theme?.theme != _theme) store.theme.setTheme(_theme);
-    else localStorage.setItem("app_theme", _theme && _theme != "light" ? "dark" : "light");
-  }, [store?.theme]);
+  const router = useRouter();
+  const { states, labels, priorities } = router.query as { states: string[]; labels: string[]; priorities: string[] };
+
+  // useEffect(() => {
+  //   store.issue.userSelectedLabels = labels || [];
+  //   store.issue.userSelectedPriorities = priorities || [];
+  //   store.issue.userSelectedStates = states || [];
+  // }, [store.issue]);
 
   return <></>;
 };
diff --git a/apps/space/next.config.js b/apps/space/next.config.js
index 4128b636a..ce021afe9 100644
--- a/apps/space/next.config.js
+++ b/apps/space/next.config.js
@@ -6,7 +6,6 @@ const nextConfig = {
   swcMinify: true,
   experimental: {
     outputFileTracingRoot: path.join(__dirname, "../../"),
-    appDir: true,
   },
   output: "standalone",
 };
diff --git a/apps/space/package.json b/apps/space/package.json
index e37dfa54a..bf30bc28d 100644
--- a/apps/space/package.json
+++ b/apps/space/package.json
@@ -10,27 +10,52 @@
   },
   "dependencies": {
     "@headlessui/react": "^1.7.13",
-    "@types/node": "18.14.1",
-    "@types/nprogress": "^0.2.0",
-    "@types/react": "18.0.28",
-    "@types/react-dom": "18.0.11",
+    "@mui/icons-material": "^5.14.7",
+    "@tiptap-pro/extension-unique-id": "^2.1.0",
+    "@tiptap/extension-code-block-lowlight": "^2.0.4",
+    "@tiptap/extension-color": "^2.0.4",
+    "@tiptap/extension-gapcursor": "^2.1.7",
+    "@tiptap/extension-highlight": "^2.0.4",
+    "@tiptap/extension-horizontal-rule": "^2.0.4",
+    "@tiptap/extension-image": "^2.0.4",
+    "@tiptap/extension-link": "^2.0.4",
+    "@tiptap/extension-placeholder": "^2.0.4",
+    "@tiptap/extension-table": "^2.1.6",
+    "@tiptap/extension-table-cell": "^2.1.6",
+    "@tiptap/extension-table-header": "^2.1.6",
+    "@tiptap/extension-table-row": "^2.1.6",
+    "@tiptap/extension-task-item": "^2.0.4",
+    "@tiptap/extension-task-list": "^2.0.4",
+    "@tiptap/extension-text-style": "^2.0.4",
+    "@tiptap/extension-underline": "^2.0.4",
+    "@tiptap/pm": "^2.0.4",
+    "@tiptap/react": "^2.0.4",
+    "@tiptap/starter-kit": "^2.0.4",
+    "@tiptap/suggestion": "^2.0.4",
     "axios": "^1.3.4",
-    "eslint": "8.34.0",
-    "eslint-config-next": "13.2.1",
     "js-cookie": "^3.0.1",
     "mobx": "^6.10.0",
     "mobx-react-lite": "^4.0.3",
-    "next": "^13.4.16",
+    "next": "12.3.2",
+    "next-theme": "^0.1.5",
     "nprogress": "^0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "swr": "^2.2.2",
     "typescript": "4.9.5",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "^0.5.9",
     "@types/js-cookie": "^3.0.3",
+    "@types/node": "18.14.1",
+    "@types/nprogress": "^0.2.0",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
     "@types/uuid": "^9.0.1",
     "autoprefixer": "^10.4.13",
+    "eslint": "8.34.0",
+    "eslint-config-next": "13.2.1",
     "postcss": "^8.4.21",
     "tailwindcss": "^3.2.7"
   }
diff --git a/apps/space/pages/[workspace_slug]/[project_slug]/index.tsx b/apps/space/pages/[workspace_slug]/[project_slug]/index.tsx
new file mode 100644
index 000000000..220a5b8c7
--- /dev/null
+++ b/apps/space/pages/[workspace_slug]/[project_slug]/index.tsx
@@ -0,0 +1,50 @@
+import useSWR from "swr";
+import type { GetServerSideProps } from "next";
+import { useRouter } from "next/router";
+import Head from "next/head";
+/// layouts
+import ProjectLayout from "layouts/project-layout";
+// components
+import { ProjectDetailsView } from "components/views/project-details";
+// lib
+import { useMobxStore } from "lib/mobx/store-provider";
+
+const WorkspaceProjectPage = (props: any) => {
+  const SITE_TITLE = props?.project_settings?.project_details?.name || "Plane | Deploy";
+
+  const router = useRouter();
+  const { workspace_slug, project_slug, states, labels, priorities } = router.query;
+
+  const { project: projectStore, issue: issueStore } = useMobxStore();
+
+  useSWR("REVALIDATE_ALL", () => {
+    if (workspace_slug && project_slug) {
+      projectStore.fetchProjectSettings(workspace_slug.toString(), project_slug.toString());
+      const params = {
+        state: states || null,
+        labels: labels || null,
+        priority: priorities || null,
+      };
+      issueStore.fetchPublicIssues(workspace_slug.toString(), project_slug.toString(), params);
+    }
+  });
+
+  return (
+    <ProjectLayout>
+      <Head>
+        <title>{SITE_TITLE}</title>
+      </Head>
+      <ProjectDetailsView />
+    </ProjectLayout>
+  );
+};
+
+// export const getServerSideProps: GetServerSideProps<any> = async ({ query: { workspace_slug, project_slug } }) => {
+//   const res = await fetch(
+//     `${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/settings/`
+//   );
+//   const project_settings = await res.json();
+//   return { props: { project_settings } };
+// };
+
+export default WorkspaceProjectPage;
diff --git a/apps/space/app/[workspace_slug]/page.tsx b/apps/space/pages/[workspace_slug]/index.tsx
similarity index 100%
rename from apps/space/app/[workspace_slug]/page.tsx
rename to apps/space/pages/[workspace_slug]/index.tsx
diff --git a/apps/space/pages/_app.tsx b/apps/space/pages/_app.tsx
index 8681006e1..900b39f61 100644
--- a/apps/space/pages/_app.tsx
+++ b/apps/space/pages/_app.tsx
@@ -1,10 +1,43 @@
+import Head from "next/head";
+import type { AppProps } from "next/app";
+import { ThemeProvider } from "next-themes";
 // styles
 import "styles/globals.css";
-// types
-import type { AppProps } from "next/app";
+import "styles/editor.css";
+// contexts
+import { ToastContextProvider } from "contexts/toast.context";
+// mobx store provider
+import { MobxStoreProvider } from "lib/mobx/store-provider";
+import MobxStoreInit from "lib/mobx/store-init";
+// constants
+import { SITE_NAME, SITE_DESCRIPTION, SITE_URL, TWITTER_USER_NAME, SITE_KEYWORDS, SITE_TITLE } from "constants/seo";
 
 function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  return (
+    <MobxStoreProvider>
+      <MobxStoreInit />
+      <Head>
+        <title>{SITE_TITLE}</title>
+        <meta property="og:site_name" content={SITE_NAME} />
+        <meta property="og:title" content={SITE_TITLE} />
+        <meta property="og:url" content={SITE_URL} />
+        <meta name="description" content={SITE_DESCRIPTION} />
+        <meta property="og:description" content={SITE_DESCRIPTION} />
+        <meta name="keywords" content={SITE_KEYWORDS} />
+        <meta name="twitter:site" content={`@${TWITTER_USER_NAME}`} />
+        <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
+        <link rel="manifest" href="/site.webmanifest.json" />
+        <link rel="shortcut icon" href="/favicon/favicon.ico" />
+      </Head>
+      <ToastContextProvider>
+        <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
+          <Component {...pageProps} />
+        </ThemeProvider>
+      </ToastContextProvider>
+    </MobxStoreProvider>
+  );
 }
 
 export default MyApp;
diff --git a/apps/space/pages/_document.tsx b/apps/space/pages/_document.tsx
index 8b41d05fc..91cf943a3 100644
--- a/apps/space/pages/_document.tsx
+++ b/apps/space/pages/_document.tsx
@@ -5,7 +5,7 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head />
-        <body>
+        <body className="antialiased bg-custom-background-90 w-100">
           <Main />
           <NextScript />
         </body>
diff --git a/apps/space/pages/index.tsx b/apps/space/pages/index.tsx
new file mode 100644
index 000000000..26949d76b
--- /dev/null
+++ b/apps/space/pages/index.tsx
@@ -0,0 +1,156 @@
+import React, { useEffect } from "react";
+import Image from "next/image";
+import { useRouter } from "next/router";
+// assets
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// services
+import authenticationService from "services/authentication.service";
+// hooks
+import useToast from "hooks/use-toast";
+// components
+import { EmailPasswordForm, GithubLoginButton, GoogleLoginButton, EmailCodeForm } from "components/accounts";
+
+const HomePage = () => {
+  const { user: userStore } = useMobxStore();
+
+  const router = useRouter();
+  const { next_path = "/" } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const onSignInError = (error: any) => {
+    setToastAlert({
+      title: "Error signing in!",
+      type: "error",
+      message: error?.error || "Something went wrong. Please try again later or contact the support team.",
+    });
+  };
+
+  const onSignInSuccess = (response: any) => {
+    const isOnboarded = response?.user?.onboarding_step?.profile_complete || false;
+
+    userStore.setCurrentUser(response?.user);
+
+    if (!isOnboarded) {
+      router.push(`/onboarding?next_path=${next_path}`);
+      return;
+    }
+    router.push(next_path.toString());
+  };
+
+  const handleGoogleSignIn = async ({ clientId, credential }: any) => {
+    try {
+      if (clientId && credential) {
+        const socialAuthPayload = {
+          medium: "google",
+          credential,
+          clientId,
+        };
+        const response = await authenticationService.socialAuth(socialAuthPayload);
+
+        onSignInSuccess(response);
+      } else {
+        throw Error("Cant find credentials");
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  const handleGitHubSignIn = async (credential: string) => {
+    try {
+      if (process.env.NEXT_PUBLIC_GITHUB_ID && credential) {
+        const socialAuthPayload = {
+          medium: "github",
+          credential,
+          clientId: process.env.NEXT_PUBLIC_GITHUB_ID,
+        };
+        const response = await authenticationService.socialAuth(socialAuthPayload);
+        onSignInSuccess(response);
+      } else {
+        throw Error("Cant find credentials");
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  const handlePasswordSignIn = async (formData: any) => {
+    await authenticationService
+      .emailLogin(formData)
+      .then((response) => {
+        try {
+          if (response) {
+            onSignInSuccess(response);
+          }
+        } catch (err: any) {
+          onSignInError(err);
+        }
+      })
+      .catch((err) => onSignInError(err));
+  };
+
+  const handleEmailCodeSignIn = async (response: any) => {
+    try {
+      if (response) {
+        onSignInSuccess(response);
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  return (
+    <div className="h-screen w-full overflow-hidden">
+      <div className="hidden sm:block sm:fixed border-r-[0.5px] border-custom-border-200 h-screen w-[0.5px] top-0 left-20 lg:left-32" />
+      <div className="fixed grid place-items-center bg-custom-background-100 sm:py-5 top-11 sm:top-12 left-7 sm:left-16 lg:left-28">
+        <div className="grid place-items-center bg-custom-background-100">
+          <div className="h-[30px] w-[30px]">
+            <Image src={BluePlaneLogoWithoutText} alt="Plane Logo" />
+          </div>
+        </div>
+      </div>
+      <div className="grid place-items-center h-full overflow-y-auto py-5 px-7">
+        <div>
+          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
+            <>
+              <h1 className="text-center text-2xl sm:text-2.5xl font-semibold text-custom-text-100">
+                Sign in to Plane
+              </h1>
+              <div className="flex flex-col divide-y divide-custom-border-200">
+                <div className="pb-7">
+                  <EmailCodeForm handleSignIn={handleEmailCodeSignIn} />
+                </div>
+                <div className="flex flex-col items-center justify-center gap-4 pt-7 sm:w-[360px] mx-auto overflow-hidden">
+                  <GoogleLoginButton handleSignIn={handleGoogleSignIn} />
+                  <GithubLoginButton handleSignIn={handleGitHubSignIn} />
+                </div>
+              </div>
+            </>
+          ) : (
+            <EmailPasswordForm onSubmit={handlePasswordSignIn} />
+          )}
+
+          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
+            <p className="pt-16 text-custom-text-200 text-sm text-center">
+              By signing up, you agree to the{" "}
+              <a
+                href="https://plane.so/terms-and-conditions"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-medium underline"
+              >
+                Terms & Conditions
+              </a>
+            </p>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default HomePage;
diff --git a/apps/space/pages/onboarding/index.tsx b/apps/space/pages/onboarding/index.tsx
new file mode 100644
index 000000000..10adb1d18
--- /dev/null
+++ b/apps/space/pages/onboarding/index.tsx
@@ -0,0 +1,53 @@
+import React, { useEffect } from "react";
+import Image from "next/image";
+// assets
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
+import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// services
+import authenticationService from "services/authentication.service";
+// hooks
+import useToast from "hooks/use-toast";
+// components
+import { OnBoardingForm } from "components/accounts/onboarding-form";
+
+const OnBoardingPage = () => {
+  const { user: userStore } = useMobxStore();
+
+  const user = userStore?.currentUser;
+
+  const { setToastAlert } = useToast();
+
+  useEffect(() => {
+    const user = userStore?.currentUser;
+
+    if (!user) {
+      userStore.fetchCurrentUser();
+    }
+  }, [userStore]);
+
+  return (
+    <div className="h-screen w-full overflow-hidden bg-custom-background-100">
+      <div className="flex h-full w-full flex-col gap-y-2 sm:gap-y-0 sm:flex-row overflow-hidden">
+        <div className="relative h-1/6 flex-shrink-0 sm:w-2/12 md:w-3/12 lg:w-1/5">
+          <div className="absolute border-b-[0.5px] sm:border-r-[0.5px] border-custom-border-200 h-[0.5px] w-full top-1/2 left-0 -translate-y-1/2 sm:h-screen sm:w-[0.5px] sm:top-0 sm:left-1/2 md:left-1/3 sm:-translate-x-1/2 sm:translate-y-0 z-10" />
+          <div className="absolute grid place-items-center bg-custom-background-100 px-3 sm:px-0 py-5 left-2 sm:left-1/2 md:left-1/3 sm:-translate-x-1/2 top-1/2 -translate-y-1/2 sm:translate-y-0 sm:top-12 z-10">
+            <div className="h-[30px] w-[30px]">
+              <Image src={BluePlaneLogoWithoutText} alt="Plane logo" />
+            </div>
+          </div>
+          <div className="absolute sm:fixed text-custom-text-100 text-sm font-medium right-4 top-1/4 sm:top-12 -translate-y-1/2 sm:translate-y-0 sm:right-16 sm:py-5">
+            {user?.email}
+          </div>
+        </div>
+        <div className="relative flex justify-center sm:items-center h-full px-8 pb-0 sm:px-0 sm:py-12 sm:pr-[8.33%] sm:w-10/12 md:w-9/12 lg:w-4/5 overflow-hidden">
+          <OnBoardingForm user={user} />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default observer(OnBoardingPage);
diff --git a/apps/space/app/project-not-published/page.tsx b/apps/space/pages/project-not-published/index.tsx
similarity index 100%
rename from apps/space/app/project-not-published/page.tsx
rename to apps/space/pages/project-not-published/index.tsx
diff --git a/apps/space/postcss.config.js b/apps/space/postcss.config.js
index 12a703d90..cbfea5ea2 100644
--- a/apps/space/postcss.config.js
+++ b/apps/space/postcss.config.js
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "tailwindcss/nesting": {},
     tailwindcss: {},
     autoprefixer: {},
   },
diff --git a/apps/space/public/favicon/android-chrome-192x192.png b/apps/space/public/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..62e95acfc55b0719e3a66c77b211577980dc26a9
GIT binary patch
literal 2222
zcmcIm4Q$j@94~H)U>KMgMi8^65XES(?OpG-tGnalZfqCrZH|k~pwX^<ch~Itv9`C~
zrhzF$zyvm9Fp<nm9YF)cL<7?>$4rRM#27LckuYv^A?Reoxrqkd^nAUqfI*4GHEH|$
z-tYbXzyH@u_tXZfmMmVm7(tLFfogvpe1BrycisV?b?0LX;cJmv{iKc{cNJUr0^~sF
z3Iw@*xfrT9>e<H_UXg5^pfmtmLQ)|bK`PcIRE}>12HF53qU^z@diya{6g=1#Crh%b
z4@AZ4Rt;=!4TkvEM&2!8>%3@1f`J4QFgP?J#bljHc(61t1IN}hfuU)L(dfZ8SO(F0
zwifj%8bDn(66Z<Mj+VJ?l#8Za<in_)w37tsBq%#hxfqgWs4_HrVbGc;gqb@3rmQXa
z<-wwcp)v$vnx@Tk*c2^7P;R%IAnk<Rjza{lx5x&Uz-4`Pj=>LfUK3SARAkg*<QkN?
z;lZHNj0=*Qr<L_=m|(z&1g8>|jkH`!0|h>hQ{!4JZCv095CamB4IN^sJXVb=hN4H6
zf1u7UUuOV@mSyucZm30)@+NenvKhLO4ag1AdZ<MOL><tTxW<FZW+-#D<&DbtG{6~(
z7E+X0E>X2P$*7&O+0nIIL|ITw{lRNC06%8{4+gUa^F`qfGDJ}fMKiShA=1e>$PAQK
z1ToxlBdF8O(C+J?uw(?z;BE>QcqXi95(ga?B`yL8RgPe2K8%b{i76U14AnWVoe%hY
zwVDzZV{k#QtJ;VLDt#`>?Q-FE8<m#JvP?kM4Nm4k!0*9eaBQL|FplzaX9MZxa60UE
z;ALT&$IHvYPTb{k0E(l@au?r_+wWKSxK#qV{lb6TU!#ez1-aNQ^H_~()eciF>M*M<
z+1A+%nzEyqh^EVh;drYJJQ#1~9|%}>TD;{5WN6JOfTaIY7a5qYgbkC^z=jBn)=le<
zfZ_?OVKaUZe|Isxc1?5V;PAw-hWVoke&i23Aj1<*gGX7k^ySqEQs52vH-r+Mmy`WR
zzK*XNn4WTf|Mu82dJnx5+ugAfEgUQDc=Ykq`i)!Hy@W=8s8J6eTCaY9f9xNhL_fOc
z;0|<c(Gx`t$KGw~9X;bnzI9PAIz4cKNZ>UIW$M$4)5RgYYH8amh3gL>)y0T-8_FUF
z7q!s~I_^il`hO>ny)jtOGkEb{VzhrY8sBzhA8XE>{gdcAX^!t2e543#OO1`adhzvV
zN++Lpw+?(a+)J}Vn-+dsh|Qm(y{Wr@{qp#B?}^mxrSs$WO$7VAqgOATDk-U&syC;m
zXC{)vyMp^h-j`h7wp}%^DI+b%eve(*7oX}J+4@vscK_aUbaESYIXJX`(9yHEc=vpS
zEyKC|=Zf|b_02BXvwfmH@<nmCdGxtoKA#(|z)!B|<C8=ECEujx8k?G-xPkT`M}NDT
zJk{H6t`aU3ob`{U=4N&rDO;K<Zyh+{Q08WnA9fw}miF<(<uA-%&ZWqeHp!Sg{>Q>d
z&E(T7p~&g(S@Rvy+4|X;={4>21Iy;K*m9XTxBaI>HT}WEJ!`B#ia=%1|K7%DU;GP+
C)#N__

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/android-chrome-512x512.png b/apps/space/public/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..41400832b3142b8085148febc9488408d03cc07d
GIT binary patch
literal 3832
zcmeHKe{2&~9DjrHV<_Nnrt;%*+aD0Q-j8<edQj$Q=hnn-%V@IAAmMuV+TGUP9e3BY
z-69Z76n}!6Xo3VxOyrL#i{j6~+;9<Ma845>&dC_;2P$PSC7q5reAji&P?X4DGub7V
zd-vYweSd#H@9vrM(&B{+9#{YXSm-WsRRAyx4QGM*bJ62U^yDadWGN-p8UVN5ZQL1P
z&)#eR=G-TGtMn?*qbx6nOq?M5peY(s5E_8B1yP0L>!6PLU_g`{_@%?GI3@}XyfV*2
zc@!tC5lb3WxS^rc%Qw{Vb^$L~hpmmWNI(ec92N})C5??b@T6Q8jg4s%$C41e&Vd&i
z3b86rIp&mAh*?b(!BZ52+3Y6TYOz?U)fhuD6iMZgG(*r<ma?$44NF}((xwW2w!-yD
zN*8)_;5E9gup}9YL`)I0Nmc_SZMWM=iXj<>KnOyMNjeuLBrRuBf(vTADk{1tOPC>%
z^T}b|fg?*NTnH&?v67Yw6ABm^<rI=OQHD!NpunebN>~jhl?yxxgD?aoT|-zpja6!7
zUDj&ke-NEszD@xOt;dtraYI`|p|lE3FRDjwqyln7wC0T|kgR~399DT)RFBNeF}zV&
zrwTb;R=u(uoJ>^tq{$dVn;2|mr6>t<L|Zjw19WjZbl@m!C|@*Tro1%G(iYajJVfQO
zW@-ZJkp<Bo`#Y3jDT<}d*FjOq2%OH{6fE$pUsgjLa###;0Z1xR0LRi{WSw$QR*_<4
zoq6iK+vzM<Wxp6i3tC0-ddywqw9<B~m0(PC(p-;+bxWGgNj!AB95@P&NfZUvmQP!3
zK0im8ZM=o>=UFTS2ceIEwBU#NcFLE}_$T+fWIk+^z~p}6KkhG6Mbv^^@RsEmjcL>l
zTOw*GtFct;Y=B!*qo9Z-%Z255qYWH5Z{!~ecxqa_<p@lOjnqIS^k3>?0;b7+J;JH5
zFo2?U)4C&(@ubnP6Mm3?buqa%rMV~Jh%t;|nyS!Cn(Uy27*0i0HavbXf>?8>+g0d|
z?!DO6TH6D&kDop7>8a``h8Ji2w9>n@asJSvbLCm3&(_UdQuf9x#l0twe$v~Yi<i7K
zbnhB=XTJNMx1W0Xt-<rXS-JO*UK!9HFTT92z&27_{b~kyKmO%%#IoBEQ}4(GATtYq
z`F8<uM=k(Z2>=i824Fju0YKplV0y*j)S-E8*3okp4t&&lO}vzdFT0G#E{^`bB2sYL
zv8Uz9=k5f`oNH^VTeglx!}*Q#j#SkTb!=+;JeDz&)9F;(UpFLxY3R`5&Y`jJdm7a^
zk6#*Z-kRSqa;3d%O?KZm&4-^JS@F)9{VlUUd;xriw~l>!H8I@x?b-OU=Z6O$ye6%S
zp8x*%p$K*C<85pv*tl=WOb<^Vs%lHbs73&~<quY$h%emu*{*{9@s6Ih>;r+Oz!}F6
zSJlL#W4~Sf;^)^ZZ70T2Mz{PiFwptt$fnWS#3Ga5(Fk7CE({I^6LZHGzbmg8dcuOr
z<4Cw~tpC@t`WO9|wuk!W%rNsbI-x2@HYdRLrpG#$gYF+sb#!zc9si{}yRRosgqwq3
v?K;gUu_jpUmjT#k?z(;EO#R<|Ta3?M6)y9&m*=z_|EBJuQrE%tn|J&Pm-{+X

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/apple-touch-icon.png b/apps/space/public/favicon/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..5273d4951dbcf125f8f21386422af21adaa1b609
GIT binary patch
literal 2176
zcmcIme@xtD81Ax(Yzx^IRE!hXltf&#*B{&+ySjqx4&gEn2)hlGWvthJcXZsfU0Zg?
zjX;7k>P$8>79(S0Gc)lIBF02F32X%UgN&TW#Ayr>#7!}b?Y8Nd;t%|K++CPX7Z+^O
z_UrdO-}}DL^S<wwzFJmNl(yoL6$pZ)Ig1_T@cn^tr>4Ls`$-B7U(1!^=QRXbnQq)m
zkRwMQMv(g+65W-0rRzC{mjfnFkUhW@3MdebARF^T3dh$19rXa8D6v?yyB9-6fyF8;
zF4CpgL5)}(R>78ViJK4C@-_j>&qFtc7-%2>bPf##{F26mSS)6jfn#Huz|a^(uVt|U
z!y#JfDnsqE3Q((w#CejW(OjE}vYO3S@+p)iX_6o<1V!VNl_AXxm5atN40=-qFH`P#
zHtq|4u~?0+D-1ydgF#a;$0Vyhg0k6c1W6M#jY9;k)k``T!X+&$VZi}3UKJHxlqJ-#
z$a&;CoyB0J^ArL~(yXM#WrBhcAx<GE6KPP20R=vZQ|eTI%(=i5zz+gI(lv;sl31li
z)@7|m{s+^^<=Y%UX<e?Qk2}T^2qax-df^^OBQD4t(VDwn0Yo{_<T{lHg?nI_Sq2-0
zv8#a7Wz{Xq{zRh65+S2BWunn1Dnv<;gWCE98-Rn;0gJ(`!F*A84(X;ShB7l|`bpBl
z<dE}Fmn?|h`oBYIh9nt!!);JlG6JV_cLfVP<CWC_2MLP-&IbrZ@?mIFM#e7tWfeMx
z(d8_hciQb`s_Yg0a6v0C+Jrg_?N-WWwc@miiiPWPF-}R-If(~O2a7>*Orj_-UO;aU
zEEWsS)3g=O%{6m4M_Y1nvxldxW{<~1^B}R`A@g-c2_*Il|8ak*D#8}z{P%3fXiTGa
zm|{_bS*?$^&K9scKJtrbtXvq5H`;*3cq9Knz~a;5Ju5J8Hdq6o(SNCnd6*`9^&qE$
z0v}ZCu60Mi;0dE)=Xnr+r5IaV(A)_)JTZ)6@~DCz$-@pv@Pt$0QC9eRQ3Zl5UF~!f
zxI;&;e2sUEgGUFhN4vf{e{5&fhpE=KZ_7?vAAGqvkTP=ULJ@at>zWp9XxHj}Z@uyc
z^-|wzx%tE|{`U8OJbif>+nztxv*X}5>0=XZowf4m(KPq;dygS=*##|FP5Cm{{u9nM
z=Jm~w7Y@IjdgOt{nH-#$T2d9fICHLRwD(GHS9suyo*UEs(ay1JX!9Sds>hj+X8ST$
zEuUR?Ribxg-@nM-=NYv%^v!iwWoMl2ssDLmDl;eN)~7Rh;orMP)@_Tv+1hn|q_1{-
zPE~f_Jb;f1!})V(=ccl&GuhtoKqT^7>DaF`gPSMEcAVk8-%t78$@-yb@)Ek35+!5@
zFeC4dU3=!s&hf6EaDOCn?)cvE-)0B;)^-FVk?Cl(vEfqa*5?L+()`A`!SsWf<5g!a
zMy+dq+P1yBaq`B~$J?9an+IB3H)oXQH(mbh{K}4?zqRGXMM`BN&KUQ@{TG&=y84}O
zsJH1<_ud{us*@Q*dF{3rSbn6zS+M{AahsqrSbcbFDZB6E;$_A^g0ry1(Ya}7^Pi}J
B1vCHv

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/favicon-16x16.png b/apps/space/public/favicon/favicon-16x16.png
new file mode 100644
index 0000000000000000000000000000000000000000..8ddbd49c043e06b87fe4c980588a8cba97bfe94e
GIT binary patch
literal 1625
zcmbVMTWB0r7#@k$UTm-wY!D>Fqy>wanKQGqyP0FgxY<pcRX4_TrSYZi$;{c^Av<%%
znc3_nC@sF!cmW?8E27XRr6590iw{K_X$3C@9~4_{OC(WHsg1P~ty;%3dn46qu?J@6
z%sJox{r7)*cxe0jwRf&%7-oHXFf~HIw};Q_Tj;y<Qh?}ZjWhU|$1v+QhR;pRE3bAi
z%&I%g?5IDQc?jyn5|Ba0uu!!eie{MJzN&-taqP2WxM12Ew{-Lv$C`%5?TltX#!2F$
zIXLCw9aBSDeQI1+4X*D#wzmo?frWj<R;`ll!K%j9cp=?~$0EnpApW?<B|?SlXl9sA
z5*M>E0q{BiG8<O~DW)hf(9Oy~1|o=xlFUmn2oxyA*~a3iHrL3*k<_+^F8Zf&Mc;Rz
zC{`*Jp%M{@TM#8xRYf3+vdmKi?@ii1s`9qi)nrIvPj^knH;K)LjA)FMeT}1*)?Kii
z7Om|y!bAfmR*@r00tj8I0S&!{bINY1rrgj)T*4N%eUD<L7S<^epLj*`FVwB;s}#`C
zW-=`u*R;j5S}Ht$V1l~Q2*@?jUUt&K;t2Lg+12sD1U0iO^u~cn7bBmzSwc$9L=87h
zW@Sl`*}Hd|wm~Z1))fLcg?y}WG;1_p5+4CsNrI9B75N?zg%MDPW{6?tC;thRAplU0
zUInEkV;~=07i{P-Ph1O8hfNC=u;|zYj%|ezCP|67R57(KvhqBgOb)vwZ<gqVH?qB-
zO%Ehvk{XNgvLMyW&17KO_IzaPIGxfs8XUni4O)v)r6<y(@X;P4&LcyScvXq2yc$PQ
z85oi($K|Gcis<FA1e)^3|CE2&HE9c?(hc*3jTzPs95g+e)yYQd?7&Ynb|sUol?z0A
z*ajM>hxx|_*ElwBI0ALrN)c1i|EP;P%p-Zff?S*^&}dz^?nG+57&dI(5Ap9V*6vm`
zcN0!0M!0Q_D*DqJcG#v9&ZVR5*=_0P=otJiol0bTUeNytg1)vbd#1T_pMgEA_MdoN
zpa0>Lvnbua>C}stkMbW)>su0S7v9ZHKz}CMzE?TRd_RRgJ+!o3c^up;0RWssSLSEF
z{%Ns|uH!R%ySKh!&lWc*U!A<`rOhwTZhUR`lh1hHd|Sxna-)ZTzxDXRGu=;}zU{#2
zb<cmW#{Br=(&xYIlD~+AJa0?qv3{AnKQ}k`<Km{pgG<Lc&UMhWZ}XoQF3m3Vu0Hj1
z5bS=ly6{`)qsur5&g{Pu%)hf-=n~3@9~^vOA!z^740fHM;s?4fRyrR+_qTWadh%vw
X--qsd=e5L<aQLSOhEi|!=bruxecB=R

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/favicon-32x32.png b/apps/space/public/favicon/favicon-32x32.png
new file mode 100644
index 0000000000000000000000000000000000000000..80cbe7a68fd2cdfb46e7ebe65c0565d596aef764
GIT binary patch
literal 1617
zcmbVMZD`zN9M9Qlw`y+_MLWTfrejQOk|(*B_MSG@_O83TVY*v;qumE#x#YRK&`X|}
zq`Ma<y%Powg_VI$ryFQt8!8){DCl5w6New>Cj}9Nxef7y!VvwU6wfF3MyJ!^0#BZ|
z-}C#w{|}_5;=MhO^-vVmn@q%}$xM4=?S16$R4TubX`PkW?NHSH4|&5!9eJydqV9b}
zPtUn?@-tAy2B&B^gSe7m5i~`Oj+HD$okuR6K{?%&n49M=Ftn~o%xp*ovK2*nJyEgI
zOl2yqR_4`+#*95hkCq@IFp#UzC8J<Eup}`JUP#v7G0)Hqh&wMa<DNizPEOHLY$H0%
z0agV-q=zD$5Do^zV2~Dp2zU_U1(6lP5CowxM7KVMNVBypoQ`d4$s#+6$-AxvdA?XI
za>W3L?Hn&eA`u>lyeP5+!8&ErRZ6Vs473?y$Wd+Ga&>Id9;1@M3$DZvO`9edR)^Mf
zT5ci^<4cOg3mouFY5+C0gR>UwLPNNw@~D6eWV#N)3LUJK$1ZmA_+O|y*S82Du9fAE
zjN9sB7#$IgJGqyb(Q?Rb(N4N-A$}S;c)?cD<X)oYfM<;bqc&1pY^O0Uv;&oDt4xam
zC(>JIbyLGd=ZRGhP)u==#E__wcnNF(qy+&AK^PRD1R)pzO{k1DJzM@KRD=LP5!?bL
zDWfT_a!0VH!YsB8g&3?GN)GXsnPcdV8(|a|uuTLL?E<UMlhJ6(##y~UE}ZH31f86W
zhJ{Et%!-`QP*;{=(sW$KR8cY}F~m8Xu4@ntDS=@z6Jmju$+E#faF|tu5MslTNI(U{
zApr@&_WKxC7rYc`zt{ff`yIAUN>C}>HIG-AUhcqz?vSXKTctCDo@=cNI^9SYsHk2U
zNQ~;mA8AbMSifrzG--=@L`eT5FPbn1XWgP=qwyT^)*bVXC(83)!8YyS|88RAZdGx&
z;iO}D%TB8zn@+PsCh2fCX=Rm1^Usqucr6(lPtWaFSL*e#&z`>LxbMRkzV<Eq_mHnY
z{?)M$uI@_iyqURDe)C;_e)s1eAFkELUrYROaAV*3ksJ0J=^g5Hw0pGo6<B>gw)Kl&
zPrpp=H$A&@V|L5ii}j6%PF}A{xeM=2%#8GW|KlIuoI7(&XTnnL%lao*7yH@Ny8YBg
z4-du<^{)A}dZM<od&BmwgJ)inE-nAr@0W&s0})xQUtawEf!7cG^5CiOYU`JF`S-0{
zPG70M5#1C3VCm<oZ%5a%zt8GkdUfsmrSl`|;cJ_}9XxxsKXkDgzj(51+v5~<eSL7l
UzL}qndQCq$ITbrKvFF9V07^v-F8}}l

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/favicon.ico b/apps/space/public/favicon/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..9094a07c7867e7225ee571208d544ac2c73ba72d
GIT binary patch
literal 919
zcmZQzU<5)CU}R8WXk=z!5CgJ11N_{1xum#&OkPh9mmrWV2y?IjshFY_X$%a^9-c0a
zAr-gY-q@HM9LUgi@xA5wOij(ql{XkFnKCA>5ag9@Z9l;gvVoDO!R4BVH!HJ(Yv3P^
zH@r2yO~rjrSnFbIzyI_zJd?INBsNTb)$*(7v}^)`zb0=xT=4o;?bkaZHYM7^JlkdJ
zK0G+Tis68=8qj$S3=B*R98_a)G;lhAe8s{bz(6eql1UHNoSpqPiM3)$4da|+t(-sP
z&s?=O=GnTgE^Pnmxt47+R*7E~4({PUpl-}l8ohVzzGvLoQ$oM)t;+2B$T;JS!Idlj
zp2e?QzpT1g=KTl1ryF0f+zA+JK>!Zbb7yjz9)?{F+Imy(nnd#S)2~$0OV{nYnYiNj
ztH`grW}Pv7wjgZ#)w7B5edeM2pS|kUZQHfRE`0s1`!O>4EA7JKeGE+)%8P$*GP>rv
z)$H&EhC8A4K8Dw7YM*MCiv0iipEtcshF^O~h71dXg?K$<kg!36x;>vC0}yz+`njxg
HN@xNAL5sc;

literal 0
HcmV?d00001

diff --git a/apps/space/public/favicon/site.webmanifest b/apps/space/public/favicon/site.webmanifest
new file mode 100644
index 000000000..45dc8a206
--- /dev/null
+++ b/apps/space/public/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/apps/space/public/logos/github-black.png b/apps/space/public/logos/github-black.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a7a82474ff108faf2c883c5616c83160c889c3c
GIT binary patch
literal 14032
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
F|34@0LH+;$

literal 0
HcmV?d00001

diff --git a/apps/space/public/logos/github-square.png b/apps/space/public/logos/github-square.png
new file mode 100644
index 0000000000000000000000000000000000000000..527ba79f25878c988d6abb3af215b1f5f4d98ea6
GIT binary patch
literal 2352
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
W&#HdDYlN8q0000<MNUMnLSTZm>Vy*j

literal 0
HcmV?d00001

diff --git a/apps/space/public/logos/github-white.png b/apps/space/public/logos/github-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..dbb2b578cb6bc41059e08eea448a9a88d78d6b9a
GIT binary patch
literal 16559
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
XrLyyQCk|X82tpfJ=+~Ze`RjiH<r<Xv

literal 0
HcmV?d00001

diff --git a/apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg b/apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg
new file mode 100644
index 000000000..ae79919fc
--- /dev/null
+++ b/apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg
@@ -0,0 +1,17 @@
+<svg width="133" height="30" viewBox="0 0 133 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_372_3489)">
+<path d="M35.7598 0.00235398H44.7151C46.4036 -0.0301787 48.0819 0.274777 49.6538 0.899752C51.0897 1.48694 52.3232 2.48876 53.2005 3.7804C54.1414 5.27171 54.6058 7.02009 54.5305 8.78788C54.6025 10.5948 54.1394 12.3823 53.2005 13.921C52.338 15.271 51.1056 16.3375 49.6538 16.9901C48.0968 17.6881 46.409 18.0371 44.7062 18.0131H40.3882V30.0024H35.7598V0.00235398ZM40.3882 14.1812H43.4472C44.5022 14.1924 45.5515 14.0225 46.5505 13.6787C47.4425 13.3684 48.2171 12.7851 48.7672 12.0095C49.3447 11.1092 49.6299 10.0487 49.5829 8.97633C49.6547 7.88162 49.368 6.79348 48.7672 5.88031C48.2009 5.1354 47.4202 4.58669 46.5328 4.30986C45.5354 3.98896 44.4937 3.83143 43.4472 3.84322H40.3882V14.1812Z" fill="#262626"/>
+<path d="M63.6538 30.0023H58.9102V0.00234985H63.6538V30.0023Z" fill="#262626"/>
+<path d="M83.1961 30.0023V26.0717C82.9541 26.623 82.6146 27.1249 82.1941 27.5524C81.5462 28.2456 80.7841 28.8194 79.942 29.2485C78.8993 29.7731 77.7457 30.0319 76.5816 30.0023C74.9896 30.0315 73.4209 29.6134 72.0497 28.7943C70.6785 27.9753 69.5585 26.7874 68.8144 25.3628C68.0116 23.8079 67.6091 22.0734 67.644 20.3194C67.6069 18.5595 68.0094 16.8186 68.8144 15.2581C69.5577 13.8315 70.677 12.6411 72.048 11.819C73.419 10.9969 74.9882 10.5752 76.5816 10.6006C77.7134 10.57 78.8375 10.7969 79.8711 11.2647C80.698 11.6453 81.4539 12.1675 82.1055 12.8082C82.5675 13.2374 82.9256 13.7687 83.1518 14.3607V11.139H87.8333V29.9844L83.1961 30.0023ZM72.299 20.3194C72.2745 21.3974 72.5412 22.4617 73.0704 23.3975C73.548 24.2312 74.2333 24.9235 75.0579 25.4053C75.8825 25.8872 76.8175 26.1417 77.7697 26.1435C78.7342 26.1735 79.6872 25.9254 80.5177 25.4281C81.3482 24.9308 82.0218 24.2047 82.4602 23.3347C82.9374 22.3947 83.1751 21.349 83.1518 20.2925C83.1763 19.233 82.9385 18.1841 82.4602 17.2413C81.9964 16.419 81.3267 15.7349 80.5183 15.2581C79.6888 14.7549 78.7367 14.4969 77.7697 14.5133C76.8353 14.5149 75.9179 14.7656 75.1097 15.2401C74.2725 15.73 73.5757 16.4321 73.0881 17.2772C72.5606 18.2015 72.288 19.2521 72.299 20.3194Z" fill="#262626"/>
+<path d="M103.536 10.6096C104.757 10.611 105.964 10.8677 107.082 11.3634C108.238 11.8795 109.223 12.7205 109.92 13.7864C110.714 15.0781 111.104 16.5829 111.037 18.1029V30.0023H106.293V18.9733C106.348 18.3184 106.273 17.6591 106.074 17.0337C105.874 16.4082 105.554 15.8291 105.132 15.3299C104.739 14.9381 104.272 14.6317 103.758 14.4296C103.244 14.2274 102.695 14.1337 102.144 14.1543C101.323 14.1599 100.521 14.3994 99.8295 14.8453C99.0977 15.3167 98.4893 15.9602 98.0562 16.7209C97.5907 17.539 97.3518 18.469 97.3646 19.4131V30.0023H92.6387V11.157H97.3646V14.244C97.5688 13.6234 97.9368 13.0711 98.4286 12.6467C99.081 12.0457 99.8309 11.563 100.645 11.2198C101.557 10.8175 102.541 10.6097 103.536 10.6096Z" fill="#262626"/>
+<path d="M118.973 21.4322C118.987 22.346 119.221 23.2426 119.656 24.0436C120.095 24.8189 120.753 25.4438 121.545 25.8384C122.494 26.3044 123.541 26.5293 124.595 26.4935C125.5 26.5093 126.4 26.3635 127.255 26.0628C127.932 25.8094 128.569 25.4556 129.143 25.0128C129.56 24.6821 129.93 24.2957 130.243 23.8642L132.335 26.7448C131.854 27.3909 131.273 27.9545 130.615 28.414C129.834 28.9511 128.963 29.3402 128.044 29.5626C126.808 29.8643 125.538 30.0031 124.267 29.9754C122.476 30.0226 120.705 29.599 119.124 28.746C117.69 27.949 116.513 26.7492 115.737 25.291C114.909 23.68 114.498 21.8834 114.54 20.0682C114.532 18.3948 114.924 16.7444 115.684 15.2581C116.41 13.8364 117.524 12.6558 118.894 11.857C120.412 11.0607 122.093 10.6338 123.803 10.6105C125.513 10.5871 127.205 10.9678 128.744 11.7224C130.081 12.4518 131.174 13.5669 131.883 14.9261C132.667 16.483 133.051 18.2141 133 19.9605C133 20.0771 133 20.3284 133 20.6963C133.005 20.9431 132.984 21.1897 132.938 21.4322H118.973ZM128.567 17.9503C128.53 17.3776 128.37 16.8201 128.097 16.317C127.762 15.6679 127.264 15.12 126.652 14.7287C125.854 14.2334 124.926 13.9955 123.992 14.0466C123.03 14.0014 122.076 14.2282 121.234 14.7017C120.661 15.0464 120.172 15.5175 119.804 16.08C119.435 16.6424 119.197 17.2817 119.106 17.9503H128.567Z" fill="#262626"/>
+<path d="M29.127 0.271576H9.70898V10.0981H19.418V19.9246H29.127V0.271576Z" fill="#3F76FF"/>
+<path d="M9.709 10.0981H0V19.9066H9.709V10.0981Z" fill="#3F76FF"/>
+<path d="M19.4266 19.9246H9.73535V29.7511H19.4266V19.9246Z" fill="#3F76FF"/>
+</g>
+<defs>
+<clipPath id="clip0_372_3489">
+<rect width="133" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/space/public/plane-logos/blue-without-text.png b/apps/space/public/plane-logos/blue-without-text.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea94aec7920b8ee108ed403cd22548712d983a95
GIT binary patch
literal 2460
zcmeHJU1%Id9N*a1CXv`Clu{eebpsOdc6W9!x0hSGp6OlE9OTj?IcOBL&h5@6OKx{I
zyPMp{g9&}`14<)UH4kkS`cMR`n1`Y*CDjTx)D}Y?jKn5=h&Hr_7A^Qvh_jcwBb8{e
zuXbVB*_q$`KYsK3|JipE-TUflch^!BRTt}w_E1#S4sTRHPF8MO(|Pi$u{vLND5}Br
zM%6<4nH)uJ*{LV{+`f31tYU+M8crcDXIKPHQG3EU3#x<2rBkS1Hx=ggxhaO$HHA44
zh=aHlK?8bc!A8A>?xb26R6`mQev#gjlZgQXxsc8o8Pkz-3RAQzlexFdGjtK+4k}EW
z=aBA;C+G;a5iN0mRRIv`V2Bf>mKF*4Xc35j2LWCXSwWIPi!21`(!&sMww9KAq8%k)
z<V#@&T-TC$KAX*QSwDyEeqIQLLOc+8QDg~%b@HYQbFAq!l`TY(quRRV>e!?`i!g<U
zU4<c$uBBjD6|<&OqKOd3=b*(49Pm;q0yVXQvxe<V(YdDbD1!`Sx(>k#6|6OYUF;0t
ze=uFyzRv-nHXg6|*f18usJL+4_7RdsiI5G^PBL#Hz6UvY*j7>d2nn;v%f^x;Hi9m;
zlNe{p7nLZ7Op5|1(#;2SQ^Q&3`E>_S6uL-Z$gTNVAg~~i6a^Us<$&}82*`f0290A)
zPv<v;w#tFPeNZA94Z84wU`>_N*ft<ZST|rl;w`hEp(`}X5uCv`aZIA~uV0TvA_*I(
z^$gi?diL$5W9<=12uTtvazZiOcwCN|jtfl{#i9yB$l-KdlLM;gmx6-CYJiAS11*4s
zEda8?fF!2W)|5XKgyr*5tPXn;D4*B<<N5uzPD&7F9@>sqn4WgzPTe85nlF`3FB&S%
zGCEz9iwsq-3=~H7?jLDPX<2`02G-1G2M{s(FS=NRIXLZRp^e)530n`;9Z!Piy@FlK
zga3Pq#l3aKU51m6;Y};8ihNX>9WqIWvq>u(+cf_QMQ!%QqHW3Cv6Z<mj9$3w&6&m}
z=G6)6T77fx_UXaIthQ<Q&P&Omuc@ELp0L|*y#3AbPv))*Q%6^i)hyhcId%J2`zznQ
z@So%Je=OHobvI_utaOY|Tv@qxmb*Op<cX>utz58Bb!Viy_TBm&bW`(79f`5SA5%}Y
zRf&fl(>8Cp^#9%Xtz+B74?}myYEGZr`h6<9`lYhCaQfErv+uP&ed2?+W}4EIt7q@+
zIuD;)<&F+7RbMymL>`g0fn3gorw+b$^_0=5Xbp=WqHy72<_KYQi74~%0(gJ?qiqKl
zM(0Kw&#MjJU7Y<L6u#{mIk~lKd3MrwYq{R4d*hKPHz>z+uy7%B_4DxP@%{7g?vebb
cgtA}wpRf3)FDzbO^!}e>?cLGO_P&1TFD&-(9RL6T

literal 0
HcmV?d00001

diff --git a/apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg b/apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg
new file mode 100644
index 000000000..1f09cc34a
--- /dev/null
+++ b/apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg
@@ -0,0 +1,17 @@
+<svg width="133" height="30" viewBox="0 0 133 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_372_3489)">
+<path d="M35.7598 0.00235398H44.7151C46.4036 -0.0301787 48.0819 0.274777 49.6538 0.899752C51.0897 1.48694 52.3232 2.48876 53.2005 3.7804C54.1414 5.27171 54.6058 7.02009 54.5305 8.78788C54.6025 10.5948 54.1394 12.3823 53.2005 13.921C52.338 15.271 51.1056 16.3375 49.6538 16.9901C48.0968 17.6881 46.409 18.0371 44.7062 18.0131H40.3882V30.0024H35.7598V0.00235398ZM40.3882 14.1812H43.4472C44.5022 14.1924 45.5515 14.0225 46.5505 13.6787C47.4425 13.3684 48.2171 12.7851 48.7672 12.0095C49.3447 11.1092 49.6299 10.0487 49.5829 8.97633C49.6547 7.88162 49.368 6.79348 48.7672 5.88031C48.2009 5.1354 47.4202 4.58669 46.5328 4.30986C45.5354 3.98896 44.4937 3.83143 43.4472 3.84322H40.3882V14.1812Z" fill="#ffffff"/>
+<path d="M63.6538 30.0023H58.9102V0.00234985H63.6538V30.0023Z" fill="#ffffff"/>
+<path d="M83.1961 30.0023V26.0717C82.9541 26.623 82.6146 27.1249 82.1941 27.5524C81.5462 28.2456 80.7841 28.8194 79.942 29.2485C78.8993 29.7731 77.7457 30.0319 76.5816 30.0023C74.9896 30.0315 73.4209 29.6134 72.0497 28.7943C70.6785 27.9753 69.5585 26.7874 68.8144 25.3628C68.0116 23.8079 67.6091 22.0734 67.644 20.3194C67.6069 18.5595 68.0094 16.8186 68.8144 15.2581C69.5577 13.8315 70.677 12.6411 72.048 11.819C73.419 10.9969 74.9882 10.5752 76.5816 10.6006C77.7134 10.57 78.8375 10.7969 79.8711 11.2647C80.698 11.6453 81.4539 12.1675 82.1055 12.8082C82.5675 13.2374 82.9256 13.7687 83.1518 14.3607V11.139H87.8333V29.9844L83.1961 30.0023ZM72.299 20.3194C72.2745 21.3974 72.5412 22.4617 73.0704 23.3975C73.548 24.2312 74.2333 24.9235 75.0579 25.4053C75.8825 25.8872 76.8175 26.1417 77.7697 26.1435C78.7342 26.1735 79.6872 25.9254 80.5177 25.4281C81.3482 24.9308 82.0218 24.2047 82.4602 23.3347C82.9374 22.3947 83.1751 21.349 83.1518 20.2925C83.1763 19.233 82.9385 18.1841 82.4602 17.2413C81.9964 16.419 81.3267 15.7349 80.5183 15.2581C79.6888 14.7549 78.7367 14.4969 77.7697 14.5133C76.8353 14.5149 75.9179 14.7656 75.1097 15.2401C74.2725 15.73 73.5757 16.4321 73.0881 17.2772C72.5606 18.2015 72.288 19.2521 72.299 20.3194Z" fill="#ffffff"/>
+<path d="M103.536 10.6096C104.757 10.611 105.964 10.8677 107.082 11.3634C108.238 11.8795 109.223 12.7205 109.92 13.7864C110.714 15.0781 111.104 16.5829 111.037 18.1029V30.0023H106.293V18.9733C106.348 18.3184 106.273 17.6591 106.074 17.0337C105.874 16.4082 105.554 15.8291 105.132 15.3299C104.739 14.9381 104.272 14.6317 103.758 14.4296C103.244 14.2274 102.695 14.1337 102.144 14.1543C101.323 14.1599 100.521 14.3994 99.8295 14.8453C99.0977 15.3167 98.4893 15.9602 98.0562 16.7209C97.5907 17.539 97.3518 18.469 97.3646 19.4131V30.0023H92.6387V11.157H97.3646V14.244C97.5688 13.6234 97.9368 13.0711 98.4286 12.6467C99.081 12.0457 99.8309 11.563 100.645 11.2198C101.557 10.8175 102.541 10.6097 103.536 10.6096Z" fill="#ffffff"/>
+<path d="M118.973 21.4322C118.987 22.346 119.221 23.2426 119.656 24.0436C120.095 24.8189 120.753 25.4438 121.545 25.8384C122.494 26.3044 123.541 26.5293 124.595 26.4935C125.5 26.5093 126.4 26.3635 127.255 26.0628C127.932 25.8094 128.569 25.4556 129.143 25.0128C129.56 24.6821 129.93 24.2957 130.243 23.8642L132.335 26.7448C131.854 27.3909 131.273 27.9545 130.615 28.414C129.834 28.9511 128.963 29.3402 128.044 29.5626C126.808 29.8643 125.538 30.0031 124.267 29.9754C122.476 30.0226 120.705 29.599 119.124 28.746C117.69 27.949 116.513 26.7492 115.737 25.291C114.909 23.68 114.498 21.8834 114.54 20.0682C114.532 18.3948 114.924 16.7444 115.684 15.2581C116.41 13.8364 117.524 12.6558 118.894 11.857C120.412 11.0607 122.093 10.6338 123.803 10.6105C125.513 10.5871 127.205 10.9678 128.744 11.7224C130.081 12.4518 131.174 13.5669 131.883 14.9261C132.667 16.483 133.051 18.2141 133 19.9605C133 20.0771 133 20.3284 133 20.6963C133.005 20.9431 132.984 21.1897 132.938 21.4322H118.973ZM128.567 17.9503C128.53 17.3776 128.37 16.8201 128.097 16.317C127.762 15.6679 127.264 15.12 126.652 14.7287C125.854 14.2334 124.926 13.9955 123.992 14.0466C123.03 14.0014 122.076 14.2282 121.234 14.7017C120.661 15.0464 120.172 15.5175 119.804 16.08C119.435 16.6424 119.197 17.2817 119.106 17.9503H128.567Z" fill="#ffffff"/>
+<path d="M29.127 0.271576H9.70898V10.0981H19.418V19.9246H29.127V0.271576Z" fill="#3F76FF"/>
+<path d="M9.709 10.0981H0V19.9066H9.709V10.0981Z" fill="#3F76FF"/>
+<path d="M19.4266 19.9246H9.73535V29.7511H19.4266V19.9246Z" fill="#3F76FF"/>
+</g>
+<defs>
+<clipPath id="clip0_372_3489">
+<rect width="133" height="30" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/space/public/plane-logos/white-horizontal.svg b/apps/space/public/plane-logos/white-horizontal.svg
new file mode 100644
index 000000000..13e2dbb9f
--- /dev/null
+++ b/apps/space/public/plane-logos/white-horizontal.svg
@@ -0,0 +1,17 @@
+<svg width="178" height="40" viewBox="0 0 178 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_435_3747)">
+<path d="M47.8574 -4.66756e-06H59.8428C62.1026 -0.0433815 64.3487 0.363226 66.4525 1.19653C68.3742 1.97944 70.025 3.3152 71.1992 5.03739C72.4584 7.02581 73.0799 9.35697 72.9792 11.714C73.0756 14.1233 72.4557 16.5067 71.1992 18.5582C70.0448 20.3582 68.3954 21.7802 66.4525 22.6503C64.3686 23.581 62.1098 24.0463 59.8309 24.0144H54.0518V40H47.8574V-4.66756e-06ZM54.0518 18.9052H58.1458C59.5579 18.9201 60.9622 18.6935 62.2992 18.2351C63.493 17.8214 64.5297 17.0436 65.2658 16.0096C66.0388 14.8091 66.4205 13.3952 66.3576 11.9653C66.4536 10.5057 66.0699 9.05483 65.2658 7.83727C64.508 6.84406 63.4631 6.11244 62.2754 5.74334C60.9405 5.31547 59.5464 5.10542 58.1458 5.12114H54.0518V18.9052Z" fill="#F2F2F2"/>
+<path d="M85.1905 40H78.8418V0H85.1905V40Z" fill="#F2F2F2"/>
+<path d="M111.345 40V34.7592C111.021 35.4943 110.566 36.1634 110.004 36.7335C109.136 37.6576 108.117 38.4228 106.99 38.9949C105.594 39.6944 104.05 40.0394 102.492 40C100.362 40.0389 98.262 39.4814 96.4269 38.3893C94.5917 37.2972 93.0929 35.7134 92.0969 33.8139C91.0225 31.7408 90.4838 29.4281 90.5305 27.0894C90.4808 24.7429 91.0196 22.4217 92.0969 20.341C93.0918 18.4388 94.5897 16.8517 96.4246 15.7555C98.2595 14.6594 100.36 14.0971 102.492 14.131C104.007 14.0902 105.511 14.3928 106.895 15.0165C108.001 15.524 109.013 16.2202 109.885 17.0745C110.503 17.6468 110.983 18.3551 111.285 19.1445V14.8489H117.551V39.9761L111.345 40ZM96.7605 27.0894C96.7277 28.5267 97.0847 29.9458 97.7929 31.1935C98.4321 32.3051 99.3493 33.2282 100.453 33.8706C101.556 34.5131 102.808 34.8525 104.082 34.8549C105.373 34.8949 106.649 34.5641 107.76 33.901C108.871 33.2379 109.773 32.2699 110.36 31.1098C110.998 29.8565 111.317 28.4623 111.285 27.0536C111.318 25.6409 111 24.2424 110.36 22.9853C109.739 21.8888 108.843 20.9767 107.761 20.341C106.651 19.6701 105.376 19.3261 104.082 19.3479C102.832 19.3501 101.604 19.6844 100.522 20.3171C99.4017 20.9702 98.4693 21.9063 97.8166 23.0332C97.1106 24.2655 96.7459 25.6664 96.7605 27.0894Z" fill="#F2F2F2"/>
+<path d="M138.567 14.143C140.201 14.1449 141.816 14.4871 143.313 15.1481C144.86 15.8362 146.178 16.9575 147.111 18.3787C148.174 20.101 148.695 22.1074 148.606 24.134V40H142.257V25.2946C142.33 24.4215 142.23 23.5424 141.963 22.7085C141.696 21.8745 141.268 21.1023 140.703 20.4367C140.177 19.9144 139.551 19.5058 138.864 19.2363C138.176 18.9667 137.441 18.8418 136.703 18.8693C135.606 18.8767 134.532 19.196 133.606 19.7906C132.627 20.4192 131.813 21.2771 131.233 22.2914C130.61 23.3822 130.29 24.6223 130.307 25.8809V40H123.982V14.8729H130.307V18.9889C130.581 18.1614 131.073 17.425 131.731 16.8591C132.605 16.0578 133.608 15.4143 134.698 14.9566C135.918 14.4202 137.235 14.1432 138.567 14.143Z" fill="#F2F2F2"/>
+<path d="M159.226 28.5731C159.245 29.7916 159.558 30.987 160.14 32.055C160.728 33.0887 161.608 33.922 162.668 34.4481C163.938 35.0694 165.339 35.3692 166.75 35.3216C167.961 35.3426 169.166 35.1482 170.31 34.7472C171.217 34.4094 172.068 33.9376 172.837 33.3473C173.394 32.9063 173.889 32.3911 174.309 31.8157L177.109 35.6566C176.465 36.5181 175.688 37.2695 174.807 37.8821C173.761 38.5983 172.596 39.1172 171.366 39.4137C169.711 39.8159 168.012 40.0009 166.311 39.9641C163.915 40.027 161.543 39.4622 159.428 38.3249C157.508 37.2622 155.934 35.6624 154.895 33.7182C153.787 31.5703 153.236 29.1747 153.293 26.7544C153.282 24.5233 153.807 22.3227 154.824 20.341C155.795 18.4454 157.286 16.8713 159.12 15.8062C161.152 14.7444 163.402 14.1753 165.69 14.1442C167.979 14.113 170.243 14.6206 172.303 15.6267C174.093 16.5992 175.555 18.086 176.504 19.8983C177.552 21.9742 178.067 24.2823 177.999 26.6108C177.999 26.7664 177.999 27.1014 177.999 27.592C178.005 27.921 177.977 28.2498 177.916 28.5731H159.226ZM172.066 23.9306C172.017 23.167 171.802 22.4237 171.437 21.7529C170.989 20.8874 170.322 20.1568 169.503 19.6351C168.435 18.9747 167.194 18.6575 165.943 18.7257C164.656 18.6653 163.378 18.9678 162.252 19.5992C161.485 20.0587 160.831 20.6868 160.338 21.4368C159.844 22.1867 159.526 23.0391 159.404 23.9306H172.066Z" fill="#F2F2F2"/>
+<path d="M38.9821 0.358963H12.9941V13.461H25.9881V26.563H38.9821V0.358963Z" fill="#F2F2F2"/>
+<path d="M12.994 13.461H0V26.539H12.994V13.461Z" fill="#F2F2F2"/>
+<path d="M25.9996 26.563H13.0293V39.665H25.9996V26.563Z" fill="#F2F2F2"/>
+</g>
+<defs>
+<clipPath id="clip0_435_3747">
+<rect width="178" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/space/services/api.service.ts b/apps/space/services/api.service.ts
index 4cf26d9ee..d3ad3949b 100644
--- a/apps/space/services/api.service.ts
+++ b/apps/space/services/api.service.ts
@@ -90,6 +90,16 @@ abstract class APIService {
     });
   }
 
+  mediaUpload(url: string, data = {}, config = {}): Promise<any> {
+    return axios({
+      method: "post",
+      url: this.baseURL + url,
+      data,
+      headers: this.getAccessToken() ? { ...this.getHeaders(), "Content-Type": "multipart/form-data" } : {},
+      ...config,
+    });
+  }
+
   request(config = {}) {
     return axios(config);
   }
diff --git a/apps/space/services/authentication.service.ts b/apps/space/services/authentication.service.ts
new file mode 100644
index 000000000..a6f1ec90f
--- /dev/null
+++ b/apps/space/services/authentication.service.ts
@@ -0,0 +1,92 @@
+// services
+import APIService from "services/api.service";
+
+class AuthService extends APIService {
+  constructor() {
+    super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
+  }
+
+  async emailLogin(data: any) {
+    return this.post("/api/sign-in/", data, { headers: {} })
+      .then((response) => {
+        this.setAccessToken(response?.data?.access_token);
+        this.setRefreshToken(response?.data?.refresh_token);
+        return response?.data;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async emailSignUp(data: { email: string; password: string }) {
+    return this.post("/api/sign-up/", data, { headers: {} })
+      .then((response) => {
+        this.setAccessToken(response?.data?.access_token);
+        this.setRefreshToken(response?.data?.refresh_token);
+        return response?.data;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async socialAuth(data: any): Promise<{
+    access_token: string;
+    refresh_toke: string;
+    user: any;
+  }> {
+    return this.post("/api/social-auth/", data, { headers: {} })
+      .then((response) => {
+        this.setAccessToken(response?.data?.access_token);
+        this.setRefreshToken(response?.data?.refresh_token);
+        return response?.data;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async emailCode(data: any) {
+    return this.post("/api/magic-generate/", data, { headers: {} })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async forgotPassword(data: { email: string }): Promise<any> {
+    return this.post(`/api/forgot-password/`, data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async magicSignIn(data: any) {
+    const response = await this.post("/api/magic-sign-in/", data, { headers: {} });
+    if (response?.status === 200) {
+      this.setAccessToken(response?.data?.access_token);
+      this.setRefreshToken(response?.data?.refresh_token);
+      return response?.data;
+    }
+    throw response.response.data;
+  }
+
+  async signOut() {
+    return this.post("/api/sign-out/", { refresh_token: this.getRefreshToken() })
+      .then((response) => {
+        this.purgeAccessToken();
+        this.purgeRefreshToken();
+        return response?.data;
+      })
+      .catch((error) => {
+        this.purgeAccessToken();
+        this.purgeRefreshToken();
+        throw error?.response?.data;
+      });
+  }
+}
+
+const authService = new AuthService();
+
+export default authService;
diff --git a/apps/space/services/file.service.ts b/apps/space/services/file.service.ts
new file mode 100644
index 000000000..5ef34fc76
--- /dev/null
+++ b/apps/space/services/file.service.ts
@@ -0,0 +1,101 @@
+// services
+import APIService from "services/api.service";
+
+const { NEXT_PUBLIC_API_BASE_URL } = process.env;
+
+interface UnSplashImage {
+  id: string;
+  created_at: Date;
+  updated_at: Date;
+  promoted_at: Date;
+  width: number;
+  height: number;
+  color: string;
+  blur_hash: string;
+  description: null;
+  alt_description: string;
+  urls: UnSplashImageUrls;
+  [key: string]: any;
+}
+
+interface UnSplashImageUrls {
+  raw: string;
+  full: string;
+  regular: string;
+  small: string;
+  thumb: string;
+  small_s3: string;
+}
+
+class FileServices extends APIService {
+  constructor() {
+    super(NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
+  }
+
+  async uploadFile(workspaceSlug: string, file: FormData): Promise<any> {
+    return this.mediaUpload(`/api/workspaces/${workspaceSlug}/file-assets/`, file)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async deleteImage(assetUrlWithWorkspaceId: string): Promise<any> {
+    return this.delete(`/api/workspaces/file-assets/${assetUrlWithWorkspaceId}/`)
+      .then((response) => response?.status)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async deleteFile(workspaceId: string, assetUrl: string): Promise<any> {
+    const lastIndex = assetUrl.lastIndexOf("/");
+    const assetId = assetUrl.substring(lastIndex + 1);
+
+    return this.delete(`/api/workspaces/file-assets/${workspaceId}/${assetId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+  async uploadUserFile(file: FormData): Promise<any> {
+    return this.mediaUpload(`/api/users/file-assets/`, file)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async deleteUserFile(assetUrl: string): Promise<any> {
+    const lastIndex = assetUrl.lastIndexOf("/");
+    const assetId = assetUrl.substring(lastIndex + 1);
+
+    return this.delete(`/api/users/file-assets/${assetId}`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
+  async getUnsplashImages(page: number = 1, query?: string): Promise<UnSplashImage[]> {
+    const url = "/api/unsplash";
+
+    return this.request({
+      method: "get",
+      url,
+      params: {
+        page,
+        per_page: 20,
+        query,
+      },
+    })
+      .then((response) => response?.data?.results ?? response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+}
+
+const fileServices = new FileServices();
+
+export default fileServices;
diff --git a/apps/space/services/issue.service.ts b/apps/space/services/issue.service.ts
index 38b2f7a1d..03a94654b 100644
--- a/apps/space/services/issue.service.ts
+++ b/apps/space/services/issue.service.ts
@@ -6,8 +6,135 @@ class IssueService extends APIService {
     super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
   }
 
-  async getPublicIssues(workspace_slug: string, project_slug: string): Promise<any> {
-    return this.get(`/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/issues/`)
+  async getPublicIssues(workspace_slug: string, project_slug: string, params: any): Promise<any> {
+    return this.get(`/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/issues/`, {
+      params,
+    })
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async getIssueById(workspaceSlug: string, projectId: string, issueId: string): Promise<any> {
+    return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async getIssueVotes(workspaceSlug: string, projectId: string, issueId: string): Promise<any> {
+    return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async createIssueVote(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise<any> {
+    return this.post(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`,
+      data
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async deleteIssueVote(workspaceSlug: string, projectId: string, issueId: string): Promise<any> {
+    return this.delete(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/votes/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async getIssueReactions(workspaceSlug: string, projectId: string, issueId: string): Promise<any> {
+    return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async createIssueReaction(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise<any> {
+    return this.post(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/`,
+      data
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async deleteIssueReaction(
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    reactionId: string
+  ): Promise<any> {
+    return this.delete(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/reactions/${reactionId}/`
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async getIssueComments(workspaceSlug: string, projectId: string, issueId: string): Promise<any> {
+    return this.get(`/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/`)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async getCommentsReactions(workspaceSlug: string, projectId: string, commentId: string): Promise<any> {
+    return this.get(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/`
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async createIssueComment(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise<any> {
+    return this.post(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/`,
+      data
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async updateIssueComment(
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    data: any
+  ): Promise<any> {
+    return this.patch(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/${commentId}/`,
+      data
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async deleteIssueComment(workspaceSlug: string, projectId: string, issueId: string, commentId: string): Promise<any> {
+    return this.delete(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/${commentId}/`
+    )
       .then((response) => response?.data)
       .catch((error) => {
         throw error?.response;
diff --git a/apps/space/services/project.service.ts b/apps/space/services/project.service.ts
index 6f0275877..291a5f323 100644
--- a/apps/space/services/project.service.ts
+++ b/apps/space/services/project.service.ts
@@ -6,7 +6,7 @@ class ProjectService extends APIService {
     super(process.env.NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
   }
 
-  async getProjectSettingsAsync(workspace_slug: string, project_slug: string): Promise<any> {
+  async getProjectSettings(workspace_slug: string, project_slug: string): Promise<any> {
     return this.get(`/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/settings/`)
       .then((response) => response?.data)
       .catch((error) => {
diff --git a/apps/space/services/user.service.ts b/apps/space/services/user.service.ts
index a84358a96..9a324bb95 100644
--- a/apps/space/services/user.service.ts
+++ b/apps/space/services/user.service.ts
@@ -13,6 +13,14 @@ class UserService extends APIService {
         throw error?.response;
       });
   }
+
+  async updateMe(data: any): Promise<any> {
+    return this.patch("/api/users/me/", data)
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
 }
 
 export default UserService;
diff --git a/apps/space/store/issue.ts b/apps/space/store/issue.ts
index 79ad4b910..d47336984 100644
--- a/apps/space/store/issue.ts
+++ b/apps/space/store/issue.ts
@@ -1,72 +1,78 @@
-// mobx
-import { observable, action, computed, makeObservable, runInAction } from "mobx";
-// service
+import { observable, action, computed, makeObservable, runInAction, reaction } from "mobx";
+// services
 import IssueService from "services/issue.service";
+// store
+import { RootStore } from "./root";
 // types
-import { TIssueBoardKeys } from "store/types/issue";
-import { IIssueStore, IIssue, IIssueState, IIssueLabel } from "./types";
+// import { IssueDetailType, TIssueBoardKeys } from "types/issue";
+import { IIssue, IIssueState, IIssueLabel } from "types/issue";
+
+export interface IIssueStore {
+  loader: boolean;
+  error: any;
+  // issue options
+  issues: IIssue[] | null;
+  states: IIssueState[] | null;
+  labels: IIssueLabel[] | null;
+  // filtering
+  filteredStates: string[];
+  filteredLabels: string[];
+  filteredPriorities: string[];
+  // service
+  issueService: any;
+  // actions
+  fetchPublicIssues: (workspace_slug: string, project_slug: string, params: any) => void;
+  getCountOfIssuesByState: (state: string) => number;
+  getFilteredIssuesByState: (state: string) => IIssue[];
+}
 
 class IssueStore implements IIssueStore {
-  currentIssueBoardView: TIssueBoardKeys | null = null;
-
   loader: boolean = false;
   error: any | null = null;
 
-  states: IIssueState[] | null = null;
-  labels: IIssueLabel[] | null = null;
-  issues: IIssue[] | null = null;
+  states: IIssueState[] | null = [];
+  labels: IIssueLabel[] | null = [];
 
-  userSelectedStates: string[] = [];
-  userSelectedLabels: string[] = [];
-  // root store
-  rootStore;
-  // service
-  issueService;
+  filteredStates: string[] = [];
+  filteredLabels: string[] = [];
+  filteredPriorities: string[] = [];
+
+  issues: IIssue[] | null = [];
+  issue_detail: any = {};
+
+  rootStore: RootStore;
+  issueService: any;
 
   constructor(_rootStore: any) {
     makeObservable(this, {
       // observable
-      currentIssueBoardView: observable,
-
       loader: observable,
       error: observable,
-
+      // issue options
       states: observable.ref,
       labels: observable.ref,
+      // filtering
+      filteredStates: observable.ref,
+      filteredLabels: observable.ref,
+      filteredPriorities: observable.ref,
+      // issues
       issues: observable.ref,
-
-      userSelectedStates: observable,
-      userSelectedLabels: observable,
-      // action
-      setCurrentIssueBoardView: action,
-      getIssuesAsync: action,
-      // computed
+      issue_detail: observable.ref,
+      // actions
+      fetchPublicIssues: action,
+      getFilteredIssuesByState: action,
     });
 
     this.rootStore = _rootStore;
     this.issueService = new IssueService();
   }
 
-  // computed
-  getCountOfIssuesByState(state_id: string): number {
-    return this.issues?.filter((issue) => issue.state == state_id).length || 0;
-  }
-
-  getFilteredIssuesByState(state_id: string): IIssue[] | [] {
-    return this.issues?.filter((issue) => issue.state == state_id) || [];
-  }
-
-  // action
-  setCurrentIssueBoardView = async (view: TIssueBoardKeys) => {
-    this.currentIssueBoardView = view;
-  };
-
-  getIssuesAsync = async (workspace_slug: string, project_slug: string) => {
+  fetchPublicIssues = async (workspaceSlug: string, projectId: string, params: any) => {
     try {
       this.loader = true;
       this.error = null;
 
-      const response = await this.issueService.getPublicIssues(workspace_slug, project_slug);
+      const response = await this.issueService.getPublicIssues(workspaceSlug, projectId, params);
 
       if (response) {
         const _states: IIssueState[] = [...response?.states];
@@ -78,14 +84,20 @@ class IssueStore implements IIssueStore {
           this.issues = _issues;
           this.loader = false;
         });
-        return response;
       }
     } catch (error) {
       this.loader = false;
       this.error = error;
-      return error;
     }
   };
+
+  // computed
+  getCountOfIssuesByState(state_id: string): number {
+    return this.issues?.filter((issue) => issue.state == state_id).length || 0;
+  }
+
+  getFilteredIssuesByState = (state_id: string): IIssue[] | [] =>
+    this.issues?.filter((issue) => issue.state == state_id) || [];
 }
 
 export default IssueStore;
diff --git a/apps/space/store/issue_details.ts b/apps/space/store/issue_details.ts
new file mode 100644
index 000000000..68f9af1ca
--- /dev/null
+++ b/apps/space/store/issue_details.ts
@@ -0,0 +1,259 @@
+import { makeObservable, observable, action, runInAction } from "mobx";
+// store
+import { RootStore } from "./root";
+// services
+import IssueService from "services/issue.service";
+import { IIssue } from "types/issue";
+
+export type IPeekMode = "side" | "modal" | "full";
+
+export interface IIssueDetailStore {
+  loader: boolean;
+  error: any;
+  // peek info
+  peekId: string | null;
+  peekMode: IPeekMode;
+  details: {
+    [key: string]: IIssue;
+  };
+  // peek actions
+  setPeekId: (issueId: string | null) => void;
+  setPeekMode: (mode: IPeekMode) => void;
+  // issue details
+  fetchIssueDetails: (workspaceId: string, projectId: string, issueId: string) => void;
+  // issue comments
+  addIssueComment: (workspaceId: string, projectId: string, issueId: string, data: any) => Promise<void>;
+  updateIssueComment: (
+    workspaceId: string,
+    projectId: string,
+    issueId: string,
+    comment_id: string,
+    data: any
+  ) => Promise<any>;
+  deleteIssueComment: (workspaceId: string, projectId: string, issueId: string, comment_id: string) => void;
+  // issue reactions
+  addIssueReaction: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
+  removeIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionId: string) => void;
+  // issue votes
+  addIssueVote: (workspaceId: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => Promise<void>;
+  removeIssueVote: (workspaceId: string, projectId: string, issueId: string) => Promise<void>;
+}
+
+class IssueDetailStore implements IssueDetailStore {
+  loader: boolean = false;
+  error: any = null;
+  peekId: string | null = null;
+  peekMode: IPeekMode = "side";
+  details: {
+    [key: string]: IIssue;
+  } = {};
+  issueService;
+  rootStore: RootStore;
+
+  constructor(_rootStore: RootStore) {
+    makeObservable(this, {
+      loader: observable.ref,
+      error: observable.ref,
+      // peek
+      peekId: observable.ref,
+      peekMode: observable.ref,
+      details: observable.ref,
+      // actions
+      setPeekId: action,
+      fetchIssueDetails: action,
+      setPeekMode: action,
+    });
+    this.issueService = new IssueService();
+    this.rootStore = _rootStore;
+  }
+
+  setPeekId = (issueId: string | null) => {
+    this.peekId = issueId;
+  };
+
+  setPeekMode = (mode: IPeekMode) => {
+    this.peekMode = mode;
+  };
+
+  fetchIssueDetails = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      this.loader = true;
+      this.error = null;
+
+      const issueDetails = this.rootStore.issue.issues?.find((i) => i.id === issueId);
+      const commentsResponse = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      if (issueDetails) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...issueDetails,
+              comments: commentsResponse,
+            },
+          };
+        });
+      }
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+    }
+  };
+
+  addIssueComment = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+    try {
+      const issueDetails = this.rootStore.issue.issues?.find((i) => i.id === issueId);
+      const issueCommentResponse = await this.issueService.createIssueComment(workspaceSlug, projectId, issueId, data);
+      if (issueDetails) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...issueDetails,
+              comments: [...this.details[issueId].comments, issueCommentResponse],
+            },
+          };
+        });
+      }
+      return issueCommentResponse;
+    } catch (error) {
+      console.log("Failed to add issue comment");
+      throw error;
+    }
+  };
+
+  updateIssueComment = async (
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    data: any
+  ) => {
+    try {
+      const issueCommentUpdateResponse = await this.issueService.updateIssueComment(
+        workspaceSlug,
+        projectId,
+        issueId,
+        commentId,
+        data
+      );
+
+      if (issueCommentUpdateResponse) {
+        const remainingComments = this.details[issueId].comments.filter((com) => com.id != commentId);
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...this.details[issueId],
+              comments: [...remainingComments, issueCommentUpdateResponse],
+            },
+          };
+        });
+      }
+      return issueCommentUpdateResponse;
+    } catch (error) {
+      console.log("Failed to add issue comment");
+    }
+  };
+
+  deleteIssueComment = async (workspaceSlug: string, projectId: string, issueId: string, comment_id: string) => {
+    try {
+      await this.issueService.deleteIssueComment(workspaceSlug, projectId, issueId, comment_id);
+      const remainingComments = this.details[issueId].comments.filter((c) => c.id != comment_id);
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: remainingComments,
+          },
+        };
+      });
+    } catch (error) {
+      console.log("Failed to add issue vote");
+    }
+  };
+
+  addIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+    try {
+      const issueVoteResponse = await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, data);
+
+      if (issueVoteResponse) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...this.details[issueId],
+              reactions: [...this.details[issueId].reactions, issueVoteResponse],
+            },
+          };
+        });
+      }
+    } catch (error) {
+      console.log("Failed to add issue vote");
+    }
+  };
+
+  removeIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionId: string) => {
+    try {
+      await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionId);
+      const reactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+
+      if (reactions) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...this.details[issueId],
+              reactions: reactions,
+            },
+          };
+        });
+      }
+    } catch (error) {
+      console.log("Failed to remove issue reaction");
+    }
+  };
+
+  addIssueVote = async (workspaceSlug: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => {
+    try {
+      const issueVoteResponse = await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
+      const issueDetails = await this.issueService.getIssueById(workspaceSlug, projectId, issueId);
+
+      if (issueVoteResponse) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...issueDetails,
+            },
+          };
+        });
+      }
+    } catch (error) {
+      console.log("Failed to add issue vote");
+    }
+  };
+
+  removeIssueVote = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
+      const issueDetails = await this.issueService.getIssueById(workspaceSlug, projectId, issueId);
+
+      if (issueDetails) {
+        runInAction(() => {
+          this.details = {
+            ...this.details,
+            [issueId]: {
+              ...issueDetails,
+            },
+          };
+        });
+      }
+    } catch (error) {
+      console.log("Failed to remove issue vote");
+    }
+  };
+}
+
+export default IssueDetailStore;
diff --git a/apps/space/store/issue_legacy.ts b/apps/space/store/issue_legacy.ts
new file mode 100644
index 000000000..a2cc2e306
--- /dev/null
+++ b/apps/space/store/issue_legacy.ts
@@ -0,0 +1,566 @@
+// mobx
+import { observable, action, computed, makeObservable, runInAction, reaction } from "mobx";
+// service
+import IssueService from "services/issue.service";
+// types
+import { IssueDetailType, TIssueBoardKeys, IIssueLabel, IIssueState, IIssue } from "types/issue";
+
+export interface IIssueStore {
+  currentIssueBoardView: TIssueBoardKeys | null;
+  loader: boolean;
+  error: any | null;
+  states: IIssueState[] | null;
+  labels: IIssueLabel[] | null;
+  issues: IIssue[] | null;
+  issue_detail: IssueDetailType;
+  userSelectedStates: string[];
+  userSelectedLabels: string[];
+  userSelectedPriorities: string[];
+  activePeekOverviewIssueId: string | null;
+  getCountOfIssuesByState: (state: string) => number;
+  getFilteredIssuesByState: (state: string) => IIssue[];
+  getUserSelectedFilter: (key: "state" | "priority" | "label", value: string) => boolean;
+  checkIfFilterExistsForKey: (key: "state" | "priority" | "label") => boolean;
+  clearUserSelectedFilter: (key: "state" | "priority" | "label" | "all") => void;
+  getIfFiltersIsEmpty: () => boolean;
+  getURLDefinition: (
+    workspaceSlug: string,
+    projectId: string,
+    action?: {
+      key: "state" | "priority" | "label" | "all";
+      value?: string;
+      removeAll?: boolean;
+    }
+  ) => string;
+  setActivePeekOverviewIssueId: (value: any) => void;
+  setCurrentIssueBoardView: (view: TIssueBoardKeys) => void;
+  fetchPublicIssues: (workspaceSlug: string, projectId: string, params: any) => Promise<void>;
+  getIssueByIdAsync: (workspaceSlug: string, projectId: string, issueId: string) => Promise<IssueDetailType>;
+}
+
+class IssueLegacyStore {
+  currentIssueBoardView: TIssueBoardKeys | null = null;
+
+  loader: boolean = false;
+  error: any | null = null;
+
+  states: IIssueState[] | null = null;
+  labels: IIssueLabel[] | null = null;
+  issues: IIssue[] | null = null;
+
+  issue_detail: IssueDetailType = {};
+
+  activePeekOverviewIssueId: string | null = null;
+
+  userSelectedStates: string[] = [];
+  userSelectedLabels: string[] = [];
+  userSelectedPriorities: string[] = [];
+  // root store
+  rootStore;
+  // service
+  issueService;
+
+  constructor(_rootStore: any) {
+    makeObservable(this, {
+      // observable
+      currentIssueBoardView: observable,
+
+      loader: observable,
+      error: observable,
+
+      states: observable.ref,
+      labels: observable.ref,
+      issues: observable.ref,
+      issue_detail: observable.ref,
+
+      activePeekOverviewIssueId: observable.ref,
+
+      userSelectedStates: observable.ref,
+      userSelectedLabels: observable.ref,
+      userSelectedPriorities: observable.ref,
+      // action
+      setCurrentIssueBoardView: action,
+      fetchPublicIssues: action,
+      // computed
+    });
+
+    this.rootStore = _rootStore;
+    this.issueService = new IssueService();
+  }
+
+  // computed
+  getCountOfIssuesByState(state_id: string): number {
+    return this.issues?.filter((issue) => issue.state == state_id).length || 0;
+  }
+
+  getFilteredIssuesByState(state_id: string): IIssue[] | [] {
+    return this.issues?.filter((issue) => issue.state == state_id) || [];
+  }
+
+  setActivePeekOverviewIssueId = (issueId: string | null) => (this.activePeekOverviewIssueId = issueId);
+
+  /**
+   *
+   * @param key Is the key of the filter, i.e. state, label, priority
+   * @param value Is the value of the filter, i.e. state_id, label_id, priority
+   * @returns boolean
+   */
+
+  getUserSelectedFilter(key: "state" | "priority" | "label", value: string): boolean {
+    if (key == "state") {
+      return this.userSelectedStates.includes(value);
+    } else if (key == "label") {
+      return this.userSelectedLabels.includes(value);
+    } else if (key == "priority") {
+      return this.userSelectedPriorities.includes(value);
+    } else {
+      return false;
+    }
+  }
+
+  checkIfFilterExistsForKey: (key: "state" | "priority" | "label") => boolean = (key) => {
+    if (key == "state") {
+      return this.userSelectedStates.length > 0;
+    } else if (key == "label") {
+      return this.userSelectedLabels.length > 0;
+    } else if (key == "priority") {
+      return this.userSelectedPriorities.length > 0;
+    } else {
+      return false;
+    }
+  };
+
+  clearUserSelectedFilter(key: "state" | "priority" | "label" | "all") {
+    if (key == "state") {
+      this.userSelectedStates = [];
+    } else if (key == "label") {
+      this.userSelectedLabels = [];
+    } else if (key == "priority") {
+      this.userSelectedPriorities = [];
+    } else if (key == "all") {
+      this.userSelectedStates = [];
+      this.userSelectedLabels = [];
+      this.userSelectedPriorities = [];
+    }
+  }
+
+  getIfFiltersIsEmpty: () => boolean = () =>
+    this.userSelectedStates.length === 0 &&
+    this.userSelectedLabels.length === 0 &&
+    this.userSelectedPriorities.length === 0;
+
+  getURLDefinition = (
+    workspaceSlug: string,
+    projectId: string,
+    action?: {
+      key: "state" | "priority" | "label" | "all";
+      value?: string;
+      removeAll?: boolean;
+    }
+  ) => {
+    let url = `/${workspaceSlug}/${projectId}?board=${this.currentIssueBoardView}`;
+
+    if (action) {
+      if (action.key === "state")
+        this.userSelectedStates = action.removeAll
+          ? []
+          : [...this.userSelectedStates].filter((state) => state !== action.value);
+      if (action.key === "label")
+        this.userSelectedLabels = action.removeAll
+          ? []
+          : [...this.userSelectedLabels].filter((label) => label !== action.value);
+      if (action.key === "priority")
+        this.userSelectedPriorities = action.removeAll
+          ? []
+          : [...this.userSelectedPriorities].filter((priority) => priority !== action.value);
+      if (action.key === "all") {
+        this.userSelectedStates = [];
+        this.userSelectedLabels = [];
+        this.userSelectedPriorities = [];
+      }
+    }
+
+    if (this.checkIfFilterExistsForKey("state")) {
+      url += `&states=${this.userSelectedStates.join(",")}`;
+    }
+    if (this.checkIfFilterExistsForKey("label")) {
+      url += `&labels=${this.userSelectedLabels.join(",")}`;
+    }
+    if (this.checkIfFilterExistsForKey("priority")) {
+      url += `&priorities=${this.userSelectedPriorities.join(",")}`;
+    }
+
+    return url;
+  };
+
+  // action
+  setCurrentIssueBoardView = async (view: TIssueBoardKeys) => {
+    this.currentIssueBoardView = view;
+  };
+
+  fetchPublicIssues = async (workspaceSlug: string, projectId: string, params: any) => {
+    try {
+      this.loader = true;
+      this.error = null;
+
+      const response = await this.issueService.getPublicIssues(workspaceSlug, projectId, params);
+
+      if (response) {
+        const _states: IIssueState[] = [...response?.states];
+        const _labels: IIssueLabel[] = [...response?.labels];
+        const _issues: IIssue[] = [...response?.issues];
+        runInAction(() => {
+          this.states = _states;
+          this.labels = _labels;
+          this.issues = _issues;
+          this.loader = false;
+        });
+        return response;
+      }
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      return error;
+    }
+  };
+
+  getIssueByIdAsync = async (workspaceSlug: string, projectId: string, issueId: string): Promise<IssueDetailType> => {
+    try {
+      const response = this.issues?.find((issue) => issue.id === issueId);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            issue: response,
+            comments: [],
+            reactions: [],
+            votes: [],
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+
+        this.getIssueReactionsAsync(workspaceSlug, projectId, issueId);
+        this.getIssueVotesAsync(workspaceSlug, projectId, issueId);
+        this.getIssueCommentsAsync(workspaceSlug, projectId, issueId);
+      }
+
+      return this.issue_detail[issueId] as any;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  getIssueVotesAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      const response = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            votes: response,
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  createIssueVoteAsync = async (
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    data: {
+      vote: 1 | -1;
+    }
+  ) => {
+    try {
+      const response = await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            votes: [
+              ...{ ...this.issue_detail }[issueId].votes.filter(
+                (vote) => vote.actor !== this.rootStore?.user?.currentUser?.id
+              ),
+              response,
+            ],
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  deleteIssueVoteAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      const _votes = (this.issue_detail[issueId].votes = this.issue_detail[issueId].votes.filter(
+        (vote) => vote.actor !== this.rootStore?.user?.user?.id
+      ));
+
+      runInAction(() => {
+        this.issue_detail[issueId].votes = _votes;
+      });
+
+      const response = await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
+
+      const votesAfterCall = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+      if (votesAfterCall)
+        runInAction(() => {
+          this.issue_detail[issueId].votes = votesAfterCall;
+        });
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  getIssueReactionsAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      const response = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            reactions: response,
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  createIssueReactionAsync = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+    try {
+      const response = await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, data);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            reactions: [...this.issue_detail[issueId].reactions, response],
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  deleteIssueReactionAsync = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
+    try {
+      const newReactionsList = this.issue_detail[issueId].reactions.filter(
+        (reaction) => reaction.reaction !== reactionHex
+      );
+
+      const _issue_detail = {
+        ...this.issue_detail,
+        [issueId]: {
+          ...this.issue_detail[issueId],
+          reactions: newReactionsList,
+        },
+      };
+
+      runInAction(() => {
+        this.issue_detail = _issue_detail;
+      });
+
+      const response = await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionHex);
+
+      const reactionsAfterCall = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+
+      if (reactionsAfterCall) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            reactions: reactionsAfterCall,
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  getIssueCommentsAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
+    try {
+      const response = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            comments: response,
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  createIssueCommentAsync = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+    try {
+      const response = await this.issueService.createIssueComment(workspaceSlug, projectId, issueId, data);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            comments: [...this.issue_detail[issueId].comments, response],
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  updateIssueCommentAsync = async (
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    data: any
+  ) => {
+    try {
+      const response = await this.issueService.updateIssueComment(workspaceSlug, projectId, issueId, commentId, data);
+
+      if (response) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            comments: [
+              ...this.issue_detail[issueId].comments.filter((comment) => comment.id !== response.id),
+              response,
+            ],
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+
+  deleteIssueCommentAsync = async (workspaceSlug: string, projectId: string, issueId: string, commentId: string) => {
+    try {
+      const newCommentsList = this.issue_detail[issueId].comments.filter((comment) => comment.id !== commentId);
+
+      const _issue_detail = {
+        ...this.issue_detail,
+        [issueId]: {
+          ...this.issue_detail[issueId],
+          comments: newCommentsList,
+        },
+      };
+
+      runInAction(() => {
+        this.issue_detail = _issue_detail;
+      });
+
+      const response = await this.issueService.deleteIssueComment(workspaceSlug, projectId, issueId, commentId);
+
+      const commentsAfterCall = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      if (commentsAfterCall) {
+        const _issue_detail = {
+          ...this.issue_detail,
+          [issueId]: {
+            ...this.issue_detail[issueId],
+            comments: commentsAfterCall,
+          },
+        };
+        runInAction(() => {
+          this.issue_detail = _issue_detail;
+        });
+      }
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      throw error;
+    }
+  };
+}
+
+export default IssueLegacyStore;
diff --git a/apps/space/store/project.ts b/apps/space/store/project.ts
index e5ac58261..ddd589f9a 100644
--- a/apps/space/store/project.ts
+++ b/apps/space/store/project.ts
@@ -3,15 +3,29 @@ import { observable, action, makeObservable, runInAction } from "mobx";
 // service
 import ProjectService from "services/project.service";
 // types
-import { IProjectStore, IWorkspace, IProject, IProjectSettings } from "./types";
+import { IWorkspace, IProject, IProjectSettings } from "types/project";
+
+export interface IProjectStore {
+  loader: boolean;
+  error: any | null;
+  workspace: IWorkspace | null;
+  project: IProject | null;
+  deploySettings: IProjectSettings | null;
+  viewOptions: any;
+  activeBoard: string | null;
+  fetchProjectSettings: (workspace_slug: string, project_slug: string) => Promise<void>;
+  setActiveBoard: (value: string) => void;
+}
 
 class ProjectStore implements IProjectStore {
   loader: boolean = false;
   error: any | null = null;
-
+  // data
   workspace: IWorkspace | null = null;
   project: IProject | null = null;
-  workspaceProjectSettings: IProjectSettings | null = null;
+  deploySettings: IProjectSettings | null = null;
+  viewOptions: any = null;
+  activeBoard: string | null = null;
   // root store
   rootStore;
   // service
@@ -19,14 +33,18 @@ class ProjectStore implements IProjectStore {
 
   constructor(_rootStore: any | null = null) {
     makeObservable(this, {
+      // loaders and error observables
+      loader: observable,
+      error: observable.ref,
       // observable
       workspace: observable.ref,
       project: observable.ref,
-      workspaceProjectSettings: observable.ref,
-      loader: observable,
-      error: observable.ref,
-      // action
-      getProjectSettingsAsync: action,
+      deploySettings: observable.ref,
+      viewOptions: observable.ref,
+      activeBoard: observable.ref,
+      // actions
+      fetchProjectSettings: action,
+      setActiveBoard: action,
       // computed
     });
 
@@ -34,26 +52,23 @@ class ProjectStore implements IProjectStore {
     this.projectService = new ProjectService();
   }
 
-  getProjectSettingsAsync = async (workspace_slug: string, project_slug: string) => {
+  fetchProjectSettings = async (workspace_slug: string, project_slug: string) => {
     try {
       this.loader = true;
       this.error = null;
 
-      const response = await this.projectService.getProjectSettingsAsync(workspace_slug, project_slug);
+      const response = await this.projectService.getProjectSettings(workspace_slug, project_slug);
 
       if (response) {
         const _project: IProject = { ...response?.project_details };
         const _workspace: IWorkspace = { ...response?.workspace_detail };
-        const _workspaceProjectSettings: IProjectSettings = {
-          comments: response?.comments,
-          reactions: response?.reactions,
-          votes: response?.votes,
-          views: { ...response?.views },
-        };
+        const _viewOptions = { ...response?.views };
+        const _deploySettings = { ...response };
         runInAction(() => {
           this.project = _project;
           this.workspace = _workspace;
-          this.workspaceProjectSettings = _workspaceProjectSettings;
+          this.viewOptions = _viewOptions;
+          this.deploySettings = _deploySettings;
           this.loader = false;
         });
       }
@@ -64,6 +79,10 @@ class ProjectStore implements IProjectStore {
       return error;
     }
   };
+
+  setActiveBoard = (boardValue: string) => {
+    this.activeBoard = boardValue;
+  };
 }
 
 export default ProjectStore;
diff --git a/apps/space/store/root.ts b/apps/space/store/root.ts
index dd6d620c0..6b87020ef 100644
--- a/apps/space/store/root.ts
+++ b/apps/space/store/root.ts
@@ -2,24 +2,22 @@
 import { enableStaticRendering } from "mobx-react-lite";
 // store imports
 import UserStore from "./user";
-import ThemeStore from "./theme";
-import IssueStore from "./issue";
-import ProjectStore from "./project";
-// types
-import { IIssueStore, IProjectStore, IThemeStore, IUserStore } from "./types";
+import IssueStore, { IIssueStore } from "./issue";
+import ProjectStore, { IProjectStore } from "./project";
+import IssueDetailStore, { IIssueDetailStore } from "./issue_details";
 
 enableStaticRendering(typeof window === "undefined");
 
 export class RootStore {
-  user: IUserStore;
-  theme: IThemeStore;
+  user: UserStore;
   issue: IIssueStore;
+  issueDetails: IIssueDetailStore;
   project: IProjectStore;
 
   constructor() {
     this.user = new UserStore(this);
-    this.theme = new ThemeStore(this);
     this.issue = new IssueStore(this);
     this.project = new ProjectStore(this);
+    this.issueDetails = new IssueDetailStore(this);
   }
 }
diff --git a/apps/space/store/theme.ts b/apps/space/store/theme.ts
deleted file mode 100644
index 809d56b97..000000000
--- a/apps/space/store/theme.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-// mobx
-import { observable, action, computed, makeObservable, runInAction } from "mobx";
-// types
-import { IThemeStore } from "./types";
-
-class ThemeStore implements IThemeStore {
-  theme: "light" | "dark" = "light";
-  // root store
-  rootStore;
-
-  constructor(_rootStore: any | null = null) {
-    makeObservable(this, {
-      // observable
-      theme: observable,
-      // action
-      setTheme: action,
-      // computed
-    });
-
-    this.rootStore = _rootStore;
-  }
-
-  setTheme = async (_theme: "light" | "dark" | string) => {
-    try {
-      localStorage.setItem("app_theme", _theme);
-      this.theme = _theme === "light" ? "light" : "dark";
-    } catch (error) {
-      console.error("setting user theme error", error);
-    }
-  };
-}
-
-export default ThemeStore;
diff --git a/apps/space/store/types/index.ts b/apps/space/store/types/index.ts
deleted file mode 100644
index 5a0a51eda..000000000
--- a/apps/space/store/types/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from "./user";
-export * from "./theme";
-export * from "./project";
-export * from "./issue";
diff --git a/apps/space/store/types/issue.ts b/apps/space/store/types/issue.ts
deleted file mode 100644
index 5feeba7bd..000000000
--- a/apps/space/store/types/issue.ts
+++ /dev/null
@@ -1,72 +0,0 @@
-export type TIssueBoardKeys = "list" | "kanban" | "calendar" | "spreadsheet" | "gantt";
-
-export interface IIssueBoardViews {
-  key: TIssueBoardKeys;
-  title: string;
-  icon: string;
-  className: string;
-}
-
-export type TIssuePriorityKey = "urgent" | "high" | "medium" | "low" | "none";
-export type TIssuePriorityTitle = "Urgent" | "High" | "Medium" | "Low" | "None";
-export interface IIssuePriorityFilters {
-  key: TIssuePriorityKey;
-  title: TIssuePriorityTitle;
-  className: string;
-  icon: string;
-}
-
-export type TIssueGroupKey = "backlog" | "unstarted" | "started" | "completed" | "cancelled";
-export type TIssueGroupTitle = "Backlog" | "Unstarted" | "Started" | "Completed" | "Cancelled";
-
-export interface IIssueGroup {
-  key: TIssueGroupKey;
-  title: TIssueGroupTitle;
-  color: string;
-  className: string;
-  icon: React.FC;
-}
-
-export interface IIssue {
-  id: string;
-  sequence_id: number;
-  name: string;
-  description_html: string;
-  priority: TIssuePriorityKey | null;
-  state: string;
-  state_detail: any;
-  label_details: any;
-  target_date: any;
-}
-
-export interface IIssueState {
-  id: string;
-  name: string;
-  group: TIssueGroupKey;
-  color: string;
-}
-
-export interface IIssueLabel {
-  id: string;
-  name: string;
-  color: string;
-}
-
-export interface IIssueStore {
-  currentIssueBoardView: TIssueBoardKeys | null;
-  loader: boolean;
-  error: any | null;
-
-  states: IIssueState[] | null;
-  labels: IIssueLabel[] | null;
-  issues: IIssue[] | null;
-
-  userSelectedStates: string[];
-  userSelectedLabels: string[];
-
-  getCountOfIssuesByState: (state: string) => number;
-  getFilteredIssuesByState: (state: string) => IIssue[];
-
-  setCurrentIssueBoardView: (view: TIssueBoardKeys) => void;
-  getIssuesAsync: (workspace_slug: string, project_slug: string) => Promise<void>;
-}
diff --git a/apps/space/store/types/user.ts b/apps/space/store/types/user.ts
deleted file mode 100644
index 0293c5381..000000000
--- a/apps/space/store/types/user.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface IUserStore {
-  currentUser: any | null;
-  getUserAsync: () => void;
-}
diff --git a/apps/space/store/user.ts b/apps/space/store/user.ts
index 2f4782236..4ccc2d2bb 100644
--- a/apps/space/store/user.ts
+++ b/apps/space/store/user.ts
@@ -2,8 +2,11 @@
 import { observable, action, computed, makeObservable, runInAction } from "mobx";
 // service
 import UserService from "services/user.service";
-// types
-import { IUserStore } from "./types";
+
+export interface IUserStore {
+  currentUser: any | null;
+  fetchCurrentUser: () => void;
+}
 
 class UserStore implements IUserStore {
   currentUser: any | null = null;
@@ -15,27 +18,56 @@ class UserStore implements IUserStore {
   constructor(_rootStore: any) {
     makeObservable(this, {
       // observable
-      currentUser: observable,
+      currentUser: observable.ref,
       // actions
+      setCurrentUser: action,
       // computed
     });
     this.rootStore = _rootStore;
     this.userService = new UserService();
   }
 
-  getUserAsync = async () => {
+  setCurrentUser = (user: any) => {
+    // TODO: destructure user object
+    this.currentUser = user;
+  };
+
+  /**
+   *
+   * @param callback
+   * @description A wrapper function to check user authentication; it redirects to the login page if not authenticated, otherwise, it executes a callback.
+   * @example this.requiredLogin(() => { // do something });
+   */
+
+  requiredLogin = (callback: () => void) => {
+    if (this.currentUser) {
+      callback();
+      return;
+    }
+
+    this.fetchCurrentUser()
+      .then(() => {
+        if (!this.currentUser) {
+          const currentPath = window.location.pathname;
+          window.location.href = `/?next_path=${currentPath}`;
+        } else callback();
+      })
+      .catch(() => {
+        const currentPath = window.location.pathname;
+        window.location.href = `/?next_path=${currentPath}`;
+      });
+  };
+
+  fetchCurrentUser = async () => {
     try {
-      const response = this.userService.currentUser();
+      const response = await this.userService.currentUser();
       if (response) {
         runInAction(() => {
           this.currentUser = response;
         });
       }
     } catch (error) {
-      console.error("error", error);
-      runInAction(() => {
-        // render error actions
-      });
+      console.error("Failed to fetch current user", error);
     }
   };
 }
diff --git a/apps/space/styles/editor.css b/apps/space/styles/editor.css
new file mode 100644
index 000000000..9da250dd1
--- /dev/null
+++ b/apps/space/styles/editor.css
@@ -0,0 +1,231 @@
+.ProseMirror p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: rgb(var(--color-text-400));
+  pointer-events: none;
+  height: 0;
+}
+
+.ProseMirror .is-empty::before {
+  content: attr(data-placeholder);
+  float: left;
+  color: rgb(var(--color-text-400));
+  pointer-events: none;
+  height: 0;
+}
+
+/* Custom image styles */
+
+.ProseMirror img {
+  transition: filter 0.1s ease-in-out;
+
+  &:hover {
+    cursor: pointer;
+    filter: brightness(90%);
+  }
+
+  &.ProseMirror-selectednode {
+    outline: 3px solid #5abbf7;
+    filter: brightness(90%);
+  }
+}
+
+.ProseMirror-gapcursor:after {
+  border-top: 1px solid rgb(var(--color-text-100)) !important;
+}
+
+/* Custom TODO list checkboxes – shoutout to this awesome tutorial: https://moderncss.dev/pure-css-custom-checkbox-style/ */
+
+ul[data-type="taskList"] li > label {
+  margin-right: 0.2rem;
+  user-select: none;
+}
+
+@media screen and (max-width: 768px) {
+  ul[data-type="taskList"] li > label {
+    margin-right: 0.5rem;
+  }
+}
+
+ul[data-type="taskList"] li > label input[type="checkbox"] {
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: rgb(var(--color-background-100));
+  margin: 0;
+  cursor: pointer;
+  width: 1.2rem;
+  height: 1.2rem;
+  position: relative;
+  border: 2px solid rgb(var(--color-text-100));
+  margin-right: 0.3rem;
+  display: grid;
+  place-content: center;
+
+  &:hover {
+    background-color: rgb(var(--color-background-80));
+  }
+
+  &:active {
+    background-color: rgb(var(--color-background-90));
+  }
+
+  &::before {
+    content: "";
+    width: 0.65em;
+    height: 0.65em;
+    transform: scale(0);
+    transition: 120ms transform ease-in-out;
+    box-shadow: inset 1em 1em;
+    transform-origin: center;
+    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
+  }
+
+  &:checked::before {
+    transform: scale(1);
+  }
+}
+
+ul[data-type="taskList"] li[data-checked="true"] > div > p {
+  color: rgb(var(--color-text-200));
+  text-decoration: line-through;
+  text-decoration-thickness: 2px;
+}
+
+/* Overwrite tippy-box original max-width */
+
+.tippy-box {
+  max-width: 400px !important;
+}
+
+.ProseMirror {
+  position: relative;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  -webkit-user-select: text;
+  -moz-user-select: text;
+  -ms-user-select: text;
+  user-select: text;
+  outline: none;
+  cursor: text;
+  line-height: 1.2;
+  font-family: inherit;
+  font-size: 14px;
+  color: inherit;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  appearance: textfield;
+  -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+}
+
+.fadeIn {
+  opacity: 1;
+  transition: opacity 0.3s ease-in;
+}
+
+.fadeOut {
+  opacity: 0;
+  transition: opacity 0.2s ease-out;
+}
+
+.img-placeholder {
+  position: relative;
+  width: 35%;
+
+  &:before {
+    content: "";
+    box-sizing: border-box;
+    position: absolute;
+    top: 50%;
+    left: 45%;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    border: 3px solid rgba(var(--color-text-200));
+    border-top-color: rgba(var(--color-text-800));
+    animation: spinning 0.6s linear infinite;
+  }
+}
+
+@keyframes spinning {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+#tiptap-container {
+  table {
+    border-collapse: collapse;
+    table-layout: fixed;
+    margin: 0;
+    border: 1px solid rgb(var(--color-border-200));
+    width: 100%;
+
+    td,
+    th {
+      min-width: 1em;
+      border: 1px solid rgb(var(--color-border-200));
+      padding: 10px 15px;
+      vertical-align: top;
+      box-sizing: border-box;
+      position: relative;
+      transition: background-color 0.3s ease;
+
+      > * {
+        margin-bottom: 0;
+      }
+    }
+
+    th {
+      font-weight: bold;
+      text-align: left;
+      background-color: rgb(var(--color-primary-100));
+    }
+
+    td:hover {
+      background-color: rgba(var(--color-primary-300), 0.1);
+    }
+
+    .selectedCell:after {
+      z-index: 2;
+      position: absolute;
+      content: "";
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      background-color: rgba(var(--color-primary-300), 0.1);
+      pointer-events: none;
+    }
+
+    .column-resize-handle {
+      position: absolute;
+      right: -2px;
+      top: 0;
+      bottom: -2px;
+      width: 2px;
+      background-color: rgb(var(--color-primary-400));
+      pointer-events: none;
+    }
+  }
+}
+
+.tableWrapper {
+  overflow-x: auto;
+}
+
+.resize-cursor {
+  cursor: ew-resize;
+  cursor: col-resize;
+}
+
+.ProseMirror table * p {
+  padding: 0px 1px;
+  margin: 6px 2px;
+}
+
+.ProseMirror table * .is-empty::before {
+  opacity: 0;
+}
diff --git a/apps/space/styles/globals.css b/apps/space/styles/globals.css
index e493f0abc..1782b9b81 100644
--- a/apps/space/styles/globals.css
+++ b/apps/space/styles/globals.css
@@ -4,3 +4,231 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  html {
+    font-family: "Inter", sans-serif;
+  }
+
+  :root {
+    color-scheme: light !important;
+
+    --color-primary-10: 236, 241, 255;
+    --color-primary-20: 217, 228, 255;
+    --color-primary-30: 197, 214, 255;
+    --color-primary-40: 178, 200, 255;
+    --color-primary-50: 159, 187, 255;
+    --color-primary-60: 140, 173, 255;
+    --color-primary-70: 121, 159, 255;
+    --color-primary-80: 101, 145, 255;
+    --color-primary-90: 82, 132, 255;
+    --color-primary-100: 63, 118, 255;
+    --color-primary-200: 57, 106, 230;
+    --color-primary-300: 50, 94, 204;
+    --color-primary-400: 44, 83, 179;
+    --color-primary-500: 38, 71, 153;
+    --color-primary-600: 32, 59, 128;
+    --color-primary-700: 25, 47, 102;
+    --color-primary-800: 19, 35, 76;
+    --color-primary-900: 13, 24, 51;
+
+    --color-background-100: 255, 255, 255; /* primary bg */
+    --color-background-90: 250, 250, 250; /* secondary bg */
+    --color-background-80: 245, 245, 245; /* tertiary bg */
+
+    --color-text-100: 23, 23, 23; /* primary text */
+    --color-text-200: 58, 58, 58; /* secondary text */
+    --color-text-300: 82, 82, 82; /* tertiary text */
+    --color-text-400: 163, 163, 163; /* placeholder text */
+
+    --color-border-100: 245, 245, 245; /* subtle border= 1 */
+    --color-border-200: 229, 229, 229; /* subtle border- 2 */
+    --color-border-300: 212, 212, 212; /* strong border- 1 */
+    --color-border-400: 185, 185, 185; /* strong border- 2 */
+
+    --color-shadow-2xs: 0px 0px 1px 0px rgba(23, 23, 23, 0.06), 0px 1px 2px 0px rgba(23, 23, 23, 0.06),
+      0px 1px 2px 0px rgba(23, 23, 23, 0.14);
+    --color-shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(16, 24, 40, 0.12),
+      0px 1px 8px -1px rgba(16, 24, 40, 0.1);
+    --color-shadow-sm: 0px 1px 4px 0px rgba(0, 0, 0, 0.01), 0px 4px 8px 0px rgba(0, 0, 0, 0.02),
+      0px 1px 12px 0px rgba(0, 0, 0, 0.12);
+    --color-shadow-rg: 0px 3px 6px 0px rgba(0, 0, 0, 0.1), 0px 4px 4px 0px rgba(16, 24, 40, 0.08),
+      0px 1px 12px 0px rgba(16, 24, 40, 0.04);
+    --color-shadow-md: 0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 6px 12px 0px rgba(16, 24, 40, 0.12),
+      0px 1px 16px 0px rgba(16, 24, 40, 0.12);
+    --color-shadow-lg: 0px 6px 12px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.12),
+      0px 1px 24px 0px rgba(16, 24, 40, 0.12);
+    --color-shadow-xl: 0px 0px 18px 0px rgba(0, 0, 0, 0.16), 0px 0px 24px 0px rgba(16, 24, 40, 0.16),
+      0px 0px 52px 0px rgba(16, 24, 40, 0.16);
+    --color-shadow-2xl: 0px 8px 16px 0px rgba(0, 0, 0, 0.12), 0px 12px 24px 0px rgba(16, 24, 40, 0.12),
+      0px 1px 32px 0px rgba(16, 24, 40, 0.12);
+    --color-shadow-3xl: 0px 12px 24px 0px rgba(0, 0, 0, 0.12), 0px 16px 32px 0px rgba(0, 0, 0, 0.12),
+      0px 1px 48px 0px rgba(16, 24, 40, 0.12);
+
+    --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */
+    --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */
+    --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */
+
+    --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */
+    --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */
+    --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */
+    --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */
+
+    --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */
+    --color-sidebar-border-200: var(--color-border-100); /* subtle sidebar border- 2 */
+    --color-sidebar-border-300: var(--color-border-100); /* strong sidebar border- 1 */
+    --color-sidebar-border-400: var(--color-border-100); /* strong sidebar border- 2 */
+
+    --color-sidebar-shadow-2xs: var(--color-shadow-2xs);
+    --color-sidebar-shadow-xs: var(--color-shadow-xs);
+    --color-sidebar-shadow-sm: var(--color-shadow-sm);
+    --color-sidebar-shadow-rg: var(--color-shadow-rg);
+    --color-sidebar-shadow-md: var(--color-shadow-md);
+    --color-sidebar-shadow-lg: var(--color-shadow-lg);
+    --color-sidebar-shadow-xl: var(--color-shadow-xl);
+    --color-sidebar-shadow-2xl: var(--color-shadow-2xl);
+    --color-sidebar-shadow-3xl: var(--color-shadow-3xl);
+  }
+
+  [data-theme="light"],
+  [data-theme="light-contrast"] {
+    color-scheme: light !important;
+
+    --color-background-100: 255, 255, 255; /* primary bg */
+    --color-background-90: 250, 250, 250; /* secondary bg */
+    --color-background-80: 245, 245, 245; /* tertiary bg */
+  }
+
+  [data-theme="light"] {
+    --color-text-100: 23, 23, 23; /* primary text */
+    --color-text-200: 58, 58, 58; /* secondary text */
+    --color-text-300: 82, 82, 82; /* tertiary text */
+    --color-text-400: 163, 163, 163; /* placeholder text */
+
+    --color-border-100: 245, 245, 245; /* subtle border= 1 */
+    --color-border-200: 229, 229, 229; /* subtle border- 2 */
+    --color-border-300: 212, 212, 212; /* strong border- 1 */
+    --color-border-400: 185, 185, 185; /* strong border- 2 */
+  }
+
+  [data-theme="light-contrast"] {
+    --color-text-100: 11, 11, 11; /* primary text */
+    --color-text-200: 38, 38, 38; /* secondary text */
+    --color-text-300: 58, 58, 58; /* tertiary text */
+    --color-text-400: 115, 115, 115; /* placeholder text */
+
+    --color-border-100: 34, 34, 34; /* subtle border= 1 */
+    --color-border-200: 38, 38, 38; /* subtle border- 2 */
+    --color-border-300: 46, 46, 46; /* strong border- 1 */
+    --color-border-400: 58, 58, 58; /* strong border- 2 */
+  }
+
+  [data-theme="dark"],
+  [data-theme="dark-contrast"] {
+    color-scheme: dark !important;
+
+    --color-background-100: 7, 7, 7; /* primary bg */
+    --color-background-90: 11, 11, 11; /* secondary bg */
+    --color-background-80: 23, 23, 23; /* tertiary bg */
+
+    --color-shadow-2xs: 0px 0px 1px 0px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.5);
+    --color-shadow-xs: 0px 0px 2px 0px rgba(0, 0, 0, 0.2), 0px 2px 4px 0px rgba(0, 0, 0, 0.5);
+    --color-shadow-sm: 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0px 2px 6px 0px rgba(0, 0, 0, 0.5);
+    --color-shadow-rg: 0px 0px 6px 0px rgba(0, 0, 0, 0.2), 0px 4px 6px 0px rgba(0, 0, 0, 0.5);
+    --color-shadow-md: 0px 2px 8px 0px rgba(0, 0, 0, 0.2), 0px 4px 8px 0px rgba(0, 0, 0, 0.5);
+    --color-shadow-lg: 0px 4px 12px 0px rgba(0, 0, 0, 0.25), 0px 4px 10px 0px rgba(0, 0, 0, 0.55);
+    --color-shadow-xl: 0px 0px 14px 0px rgba(0, 0, 0, 0.25), 0px 6px 10px 0px rgba(0, 0, 0, 0.55);
+    --color-shadow-2xl: 0px 0px 18px 0px rgba(0, 0, 0, 0.25), 0px 8px 12px 0px rgba(0, 0, 0, 0.6);
+    --color-shadow-3xl: 0px 4px 24px 0px rgba(0, 0, 0, 0.3), 0px 12px 40px 0px rgba(0, 0, 0, 0.65);
+  }
+
+  [data-theme="dark"] {
+    --color-text-100: 229, 229, 229; /* primary text */
+    --color-text-200: 163, 163, 163; /* secondary text */
+    --color-text-300: 115, 115, 115; /* tertiary text */
+    --color-text-400: 82, 82, 82; /* placeholder text */
+
+    --color-border-100: 34, 34, 34; /* subtle border= 1 */
+    --color-border-200: 38, 38, 38; /* subtle border- 2 */
+    --color-border-300: 46, 46, 46; /* strong border- 1 */
+    --color-border-400: 58, 58, 58; /* strong border- 2 */
+  }
+
+  [data-theme="dark-contrast"] {
+    --color-text-100: 250, 250, 250; /* primary text */
+    --color-text-200: 241, 241, 241; /* secondary text */
+    --color-text-300: 212, 212, 212; /* tertiary text */
+    --color-text-400: 115, 115, 115; /* placeholder text */
+
+    --color-border-100: 245, 245, 245; /* subtle border= 1 */
+    --color-border-200: 229, 229, 229; /* subtle border- 2 */
+    --color-border-300: 212, 212, 212; /* strong border- 1 */
+    --color-border-400: 185, 185, 185; /* strong border- 2 */
+  }
+
+  [data-theme="light"],
+  [data-theme="dark"],
+  [data-theme="light-contrast"],
+  [data-theme="dark-contrast"] {
+    --color-primary-10: 236, 241, 255;
+    --color-primary-20: 217, 228, 255;
+    --color-primary-30: 197, 214, 255;
+    --color-primary-40: 178, 200, 255;
+    --color-primary-50: 159, 187, 255;
+    --color-primary-60: 140, 173, 255;
+    --color-primary-70: 121, 159, 255;
+    --color-primary-80: 101, 145, 255;
+    --color-primary-90: 82, 132, 255;
+    --color-primary-100: 63, 118, 255;
+    --color-primary-200: 57, 106, 230;
+    --color-primary-300: 50, 94, 204;
+    --color-primary-400: 44, 83, 179;
+    --color-primary-500: 38, 71, 153;
+    --color-primary-600: 32, 59, 128;
+    --color-primary-700: 25, 47, 102;
+    --color-primary-800: 19, 35, 76;
+    --color-primary-900: 13, 24, 51;
+
+    --color-sidebar-background-100: var(--color-background-100); /* primary sidebar bg */
+    --color-sidebar-background-90: var(--color-background-90); /* secondary sidebar bg */
+    --color-sidebar-background-80: var(--color-background-80); /* tertiary sidebar bg */
+
+    --color-sidebar-text-100: var(--color-text-100); /* primary sidebar text */
+    --color-sidebar-text-200: var(--color-text-200); /* secondary sidebar text */
+    --color-sidebar-text-300: var(--color-text-300); /* tertiary sidebar text */
+    --color-sidebar-text-400: var(--color-text-400); /* sidebar placeholder text */
+
+    --color-sidebar-border-100: var(--color-border-100); /* subtle sidebar border= 1 */
+    --color-sidebar-border-200: var(--color-border-100); /* subtle sidebar border- 2 */
+    --color-sidebar-border-300: var(--color-border-100); /* strong sidebar border- 1 */
+    --color-sidebar-border-400: var(--color-border-100); /* strong sidebar border- 2 */
+  }
+}
+
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: rgba(var(--color-background-100));
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: rgba(var(--color-background-80));
+}
+
+.hide-vertical-scrollbar::-webkit-scrollbar {
+  width: 0 !important;
+}
+
+.hide-horizontal-scrollbar::-webkit-scrollbar {
+  height: 0 !important;
+}
+
+.hide-both-scrollbars::-webkit-scrollbar {
+  height: 0 !important;
+  width: 0 !important;
+}
diff --git a/apps/space/tailwind.config.js b/apps/space/tailwind.config.js
index 55aaa9a31..0347ad9f9 100644
--- a/apps/space/tailwind.config.js
+++ b/apps/space/tailwind.config.js
@@ -1,5 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 
+const convertToRGB = (variableName) => `rgba(var(${variableName}))`;
+
 module.exports = {
   content: [
     "./app/**/*.{js,ts,jsx,tsx}",
@@ -10,8 +12,192 @@ module.exports = {
   ],
   theme: {
     extend: {
-      colors: {},
+      boxShadow: {
+        "custom-shadow-2xs": "var(--color-shadow-2xs)",
+        "custom-shadow-xs": "var(--color-shadow-xs)",
+        "custom-shadow-sm": "var(--color-shadow-sm)",
+        "custom-shadow-rg": "var(--color-shadow-rg)",
+        "custom-shadow-md": "var(--color-shadow-md)",
+        "custom-shadow-lg": "var(--color-shadow-lg)",
+        "custom-shadow-xl": "var(--color-shadow-xl)",
+        "custom-shadow-2xl": "var(--color-shadow-2xl)",
+        "custom-shadow-3xl": "var(--color-shadow-3xl)",
+        "custom-sidebar-shadow-2xs": "var(--color-sidebar-shadow-2xs)",
+        "custom-sidebar-shadow-xs": "var(--color-sidebar-shadow-xs)",
+        "custom-sidebar-shadow-sm": "var(--color-sidebar-shadow-sm)",
+        "custom-sidebar-shadow-rg": "var(--color-sidebar-shadow-rg)",
+        "custom-sidebar-shadow-md": "var(--color-sidebar-shadow-md)",
+        "custom-sidebar-shadow-lg": "var(--color-sidebar-shadow-lg)",
+        "custom-sidebar-shadow-xl": "var(--color-sidebar-shadow-xl)",
+        "custom-sidebar-shadow-2xl": "var(--color-sidebar-shadow-2xl)",
+        "custom-sidebar-shadow-3xl": "var(--color-sidebar-shadow-3xl)",
+      },
+      colors: {
+        custom: {
+          primary: {
+            0: "rgb(255, 255, 255)",
+            10: convertToRGB("--color-primary-10"),
+            20: convertToRGB("--color-primary-20"),
+            30: convertToRGB("--color-primary-30"),
+            40: convertToRGB("--color-primary-40"),
+            50: convertToRGB("--color-primary-50"),
+            60: convertToRGB("--color-primary-60"),
+            70: convertToRGB("--color-primary-70"),
+            80: convertToRGB("--color-primary-80"),
+            90: convertToRGB("--color-primary-90"),
+            100: convertToRGB("--color-primary-100"),
+            200: convertToRGB("--color-primary-200"),
+            300: convertToRGB("--color-primary-300"),
+            400: convertToRGB("--color-primary-400"),
+            500: convertToRGB("--color-primary-500"),
+            600: convertToRGB("--color-primary-600"),
+            700: convertToRGB("--color-primary-700"),
+            800: convertToRGB("--color-primary-800"),
+            900: convertToRGB("--color-primary-900"),
+            1000: "rgb(0, 0, 0)",
+            DEFAULT: convertToRGB("--color-primary-100"),
+          },
+          background: {
+            0: "rgb(255, 255, 255)",
+            10: convertToRGB("--color-background-10"),
+            20: convertToRGB("--color-background-20"),
+            30: convertToRGB("--color-background-30"),
+            40: convertToRGB("--color-background-40"),
+            50: convertToRGB("--color-background-50"),
+            60: convertToRGB("--color-background-60"),
+            70: convertToRGB("--color-background-70"),
+            80: convertToRGB("--color-background-80"),
+            90: convertToRGB("--color-background-90"),
+            100: convertToRGB("--color-background-100"),
+            200: convertToRGB("--color-background-200"),
+            300: convertToRGB("--color-background-300"),
+            400: convertToRGB("--color-background-400"),
+            500: convertToRGB("--color-background-500"),
+            600: convertToRGB("--color-background-600"),
+            700: convertToRGB("--color-background-700"),
+            800: convertToRGB("--color-background-800"),
+            900: convertToRGB("--color-background-900"),
+            1000: "rgb(0, 0, 0)",
+            DEFAULT: convertToRGB("--color-background-100"),
+          },
+          text: {
+            0: "rgb(255, 255, 255)",
+            10: convertToRGB("--color-text-10"),
+            20: convertToRGB("--color-text-20"),
+            30: convertToRGB("--color-text-30"),
+            40: convertToRGB("--color-text-40"),
+            50: convertToRGB("--color-text-50"),
+            60: convertToRGB("--color-text-60"),
+            70: convertToRGB("--color-text-70"),
+            80: convertToRGB("--color-text-80"),
+            90: convertToRGB("--color-text-90"),
+            100: convertToRGB("--color-text-100"),
+            200: convertToRGB("--color-text-200"),
+            300: convertToRGB("--color-text-300"),
+            400: convertToRGB("--color-text-400"),
+            500: convertToRGB("--color-text-500"),
+            600: convertToRGB("--color-text-600"),
+            700: convertToRGB("--color-text-700"),
+            800: convertToRGB("--color-text-800"),
+            900: convertToRGB("--color-text-900"),
+            1000: "rgb(0, 0, 0)",
+            DEFAULT: convertToRGB("--color-text-100"),
+          },
+          border: {
+            0: "rgb(255, 255, 255)",
+            100: convertToRGB("--color-border-100"),
+            200: convertToRGB("--color-border-200"),
+            300: convertToRGB("--color-border-300"),
+            400: convertToRGB("--color-border-400"),
+            1000: "rgb(0, 0, 0)",
+            DEFAULT: convertToRGB("--color-border-200"),
+          },
+          sidebar: {
+            background: {
+              0: "rgb(255, 255, 255)",
+              10: convertToRGB("--color-sidebar-background-10"),
+              20: convertToRGB("--color-sidebar-background-20"),
+              30: convertToRGB("--color-sidebar-background-30"),
+              40: convertToRGB("--color-sidebar-background-40"),
+              50: convertToRGB("--color-sidebar-background-50"),
+              60: convertToRGB("--color-sidebar-background-60"),
+              70: convertToRGB("--color-sidebar-background-70"),
+              80: convertToRGB("--color-sidebar-background-80"),
+              90: convertToRGB("--color-sidebar-background-90"),
+              100: convertToRGB("--color-sidebar-background-100"),
+              200: convertToRGB("--color-sidebar-background-200"),
+              300: convertToRGB("--color-sidebar-background-300"),
+              400: convertToRGB("--color-sidebar-background-400"),
+              500: convertToRGB("--color-sidebar-background-500"),
+              600: convertToRGB("--color-sidebar-background-600"),
+              700: convertToRGB("--color-sidebar-background-700"),
+              800: convertToRGB("--color-sidebar-background-800"),
+              900: convertToRGB("--color-sidebar-background-900"),
+              1000: "rgb(0, 0, 0)",
+              DEFAULT: convertToRGB("--color-sidebar-background-100"),
+            },
+            text: {
+              0: "rgb(255, 255, 255)",
+              10: convertToRGB("--color-sidebar-text-10"),
+              20: convertToRGB("--color-sidebar-text-20"),
+              30: convertToRGB("--color-sidebar-text-30"),
+              40: convertToRGB("--color-sidebar-text-40"),
+              50: convertToRGB("--color-sidebar-text-50"),
+              60: convertToRGB("--color-sidebar-text-60"),
+              70: convertToRGB("--color-sidebar-text-70"),
+              80: convertToRGB("--color-sidebar-text-80"),
+              90: convertToRGB("--color-sidebar-text-90"),
+              100: convertToRGB("--color-sidebar-text-100"),
+              200: convertToRGB("--color-sidebar-text-200"),
+              300: convertToRGB("--color-sidebar-text-300"),
+              400: convertToRGB("--color-sidebar-text-400"),
+              500: convertToRGB("--color-sidebar-text-500"),
+              600: convertToRGB("--color-sidebar-text-600"),
+              700: convertToRGB("--color-sidebar-text-700"),
+              800: convertToRGB("--color-sidebar-text-800"),
+              900: convertToRGB("--color-sidebar-text-900"),
+              1000: "rgb(0, 0, 0)",
+              DEFAULT: convertToRGB("--color-sidebar-text-100"),
+            },
+            border: {
+              0: "rgb(255, 255, 255)",
+              100: convertToRGB("--color-sidebar-border-100"),
+              200: convertToRGB("--color-sidebar-border-200"),
+              300: convertToRGB("--color-sidebar-border-300"),
+              400: convertToRGB("--color-sidebar-border-400"),
+              1000: "rgb(0, 0, 0)",
+              DEFAULT: convertToRGB("--color-sidebar-border-200"),
+            },
+          },
+          backdrop: "#131313",
+        },
+      },
+      typography: ({ theme }) => ({
+        brand: {
+          css: {
+            "--tw-prose-body": convertToRGB("--color-text-100"),
+            "--tw-prose-p": convertToRGB("--color-text-100"),
+            "--tw-prose-headings": convertToRGB("--color-text-100"),
+            "--tw-prose-lead": convertToRGB("--color-text-100"),
+            "--tw-prose-links": convertToRGB("--color-primary-100"),
+            "--tw-prose-bold": convertToRGB("--color-text-100"),
+            "--tw-prose-counters": convertToRGB("--color-text-100"),
+            "--tw-prose-bullets": convertToRGB("--color-text-100"),
+            "--tw-prose-hr": convertToRGB("--color-text-100"),
+            "--tw-prose-quotes": convertToRGB("--color-text-100"),
+            "--tw-prose-quote-borders": convertToRGB("--color-border"),
+            "--tw-prose-code": convertToRGB("--color-text-100"),
+            "--tw-prose-pre-code": convertToRGB("--color-text-100"),
+            "--tw-prose-pre-bg": convertToRGB("--color-background-100"),
+            "--tw-prose-th-borders": convertToRGB("--color-border"),
+            "--tw-prose-td-borders": convertToRGB("--color-border"),
+          },
+        },
+      }),
+    },
+    fontFamily: {
+      custom: ["Inter", "sans-serif"],
     },
   },
-  plugins: [],
+  plugins: [require("@tailwindcss/typography")],
 };
diff --git a/apps/space/types/issue.ts b/apps/space/types/issue.ts
new file mode 100644
index 000000000..323df995c
--- /dev/null
+++ b/apps/space/types/issue.ts
@@ -0,0 +1,161 @@
+export type TIssueBoardKeys = "list" | "kanban" | "calendar" | "spreadsheet" | "gantt";
+
+export interface IIssueBoardViews {
+  key: TIssueBoardKeys;
+  title: string;
+  icon: string;
+  className: string;
+}
+
+export type TIssuePriorityKey = "urgent" | "high" | "medium" | "low" | "none";
+export type TIssuePriorityTitle = "Urgent" | "High" | "Medium" | "Low" | "None";
+export interface IIssuePriorityFilters {
+  key: TIssuePriorityKey;
+  title: TIssuePriorityTitle;
+  className: string;
+  icon: string;
+}
+
+export type TIssueGroupKey = "backlog" | "unstarted" | "started" | "completed" | "cancelled";
+export type TIssueGroupTitle = "Backlog" | "Unstarted" | "Started" | "Completed" | "Cancelled";
+
+export interface IIssueGroup {
+  key: TIssueGroupKey;
+  title: TIssueGroupTitle;
+  color: string;
+  className: string;
+  icon: React.FC;
+}
+
+export interface IIssue {
+  id: string;
+  comments: Comment[];
+  description_html: string;
+  label_details: any;
+  name: string;
+  priority: TIssuePriorityKey | null;
+  project: string;
+  project_detail: any;
+  reactions: IIssueReaction[];
+  sequence_id: number;
+  start_date: any;
+  state: string;
+  state_detail: any;
+  target_date: any;
+  votes: {
+    issue: string;
+    vote: -1 | 1;
+    workspace: string;
+    project: string;
+    actor: string;
+    actor_detail: ActorDetail;
+  }[];
+}
+
+export interface IIssueState {
+  id: string;
+  name: string;
+  group: TIssueGroupKey;
+  color: string;
+}
+
+export interface IIssueLabel {
+  id: string;
+  name: string;
+  color: string;
+}
+
+export interface Comment {
+  id: string;
+  actor_detail: ActorDetail;
+  issue_detail: IssueDetail;
+  project_detail: ProjectDetail;
+  workspace_detail: WorkspaceDetail;
+  comment_reactions: any[];
+  is_member: boolean;
+  created_at: Date;
+  updated_at: Date;
+  comment_stripped: string;
+  comment_html: string;
+  attachments: any[];
+  access: string;
+  created_by: string;
+  updated_by: string;
+  project: string;
+  workspace: string;
+  issue: string;
+  actor: string;
+}
+
+export interface IIssueReaction {
+  actor_detail: ActorDetail;
+  id: string;
+  issue: string;
+  reaction: string;
+}
+
+export interface ActorDetail {
+  avatar: string;
+  display_name: string;
+  first_name: string;
+  id: string;
+  is_bot: boolean;
+  last_name: string;
+}
+
+export interface IssueDetail {
+  id: string;
+  name: string;
+  description: Description;
+  description_html: string;
+  priority: string;
+  start_date: null;
+  target_date: null;
+  sequence_id: number;
+  sort_order: number;
+}
+
+export interface Description {
+  type: string;
+  content: DescriptionContent[];
+}
+
+export interface DescriptionContent {
+  type: string;
+  attrs?: Attrs;
+  content: ContentContent[];
+}
+
+export interface Attrs {
+  level: number;
+}
+
+export interface ContentContent {
+  text: string;
+  type: string;
+}
+
+export interface ProjectDetail {
+  id: string;
+  identifier: string;
+  name: string;
+  cover_image: string;
+  icon_prop: null;
+  emoji: string;
+  description: string;
+}
+
+export interface WorkspaceDetail {
+  name: string;
+  slug: string;
+  id: string;
+}
+
+export interface IssueDetailType {
+  [issueId: string]: {
+    issue: IIssue;
+    comments: Comment[];
+    reactions: any[];
+    votes: any[];
+  };
+}
diff --git a/apps/space/store/types/project.ts b/apps/space/types/project.ts
similarity index 64%
rename from apps/space/store/types/project.ts
rename to apps/space/types/project.ts
index 41f4c2f44..e0e1bba9e 100644
--- a/apps/space/store/types/project.ts
+++ b/apps/space/types/project.ts
@@ -27,14 +27,3 @@ export interface IProjectSettings {
     spreadsheet: boolean;
   };
 }
-
-export interface IProjectStore {
-  loader: boolean;
-  error: any | null;
-
-  workspace: IWorkspace | null;
-  project: IProject | null;
-  workspaceProjectSettings: IProjectSettings | null;
-
-  getProjectSettingsAsync: (workspace_slug: string, project_slug: string) => Promise<void>;
-}
diff --git a/apps/space/store/types/theme.ts b/apps/space/types/theme.ts
similarity index 100%
rename from apps/space/store/types/theme.ts
rename to apps/space/types/theme.ts
diff --git a/apps/space/types/user.ts b/apps/space/types/user.ts
new file mode 100644
index 000000000..45b3f3b6e
--- /dev/null
+++ b/apps/space/types/user.ts
@@ -0,0 +1,3 @@
+export interface IUser {
+  first_name: string;
+}
diff --git a/yarn.lock b/yarn.lock
index 3eafeb5b9..a48c94e92 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -37,37 +37,37 @@
     "@babel/highlight" "^7.10.4"
 
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.22.10", "@babel/code-frame@^7.22.5":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.10.tgz#1c20e612b768fefa75f6e90d6ecb86329247f0a3"
-  integrity sha512-/KKIMG4UEL35WmI9OlvMhurwtytjvXoFcGNrOvyG9zIzA8YmPjVtIZUf7b05+TPO7G7/GEmLHDaoCgACHl9hhA==
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
   dependencies:
-    "@babel/highlight" "^7.22.10"
+    "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
-"@babel/compat-data@^7.22.5", "@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
+"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9":
   version "7.22.9"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.9.tgz#71cdb00a1ce3a329ce4cbec3a44f9fef35669730"
   integrity sha512-5UamI7xkUcJ3i9qVDS+KFDEK8/7oJ55/sJMB1Ge7IEapr7KfdfV/HErR+koZwOfd+SgtFKOKRhRakdg++DcJpQ==
 
 "@babel/core@^7.11.1":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.10.tgz#aad442c7bcd1582252cb4576747ace35bc122f35"
-  integrity sha512-fTmqbbUBAwCcre6zPzNngvsI0aNrPZe77AeqvDxWM9Nm+04RrJ3CAmGHA9f7lJQY6ZMhRztNemy4uslDxTX4Qw==
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.11.tgz#8033acaa2aa24c3f814edaaa057f3ce0ba559c24"
+  integrity sha512-lh7RJrtPdhibbxndr6/xx0w8+CVlY5FJZiaSz908Fpy+G0xkBFTvwLcKJFF4PJxVfGhVWNebikpWGnOoC71juQ==
   dependencies:
     "@ampproject/remapping" "^2.2.0"
     "@babel/code-frame" "^7.22.10"
     "@babel/generator" "^7.22.10"
     "@babel/helper-compilation-targets" "^7.22.10"
     "@babel/helper-module-transforms" "^7.22.9"
-    "@babel/helpers" "^7.22.10"
-    "@babel/parser" "^7.22.10"
+    "@babel/helpers" "^7.22.11"
+    "@babel/parser" "^7.22.11"
     "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.10"
-    "@babel/types" "^7.22.10"
+    "@babel/traverse" "^7.22.11"
+    "@babel/types" "^7.22.11"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     gensync "^1.0.0-beta.2"
-    json5 "^2.2.2"
+    json5 "^2.2.3"
     semver "^6.3.1"
 
 "@babel/generator@^7.22.10":
@@ -105,10 +105,10 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.22.5":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.10.tgz#dd2612d59eac45588021ac3d6fa976d08f4e95a3"
-  integrity sha512-5IBb77txKYQPpOEdUdIhBx8VrZyDCQ+H82H0+5dX1TmuscP5vJKEE3cKurjtIw/vFwzbVH48VweE78kVDBrqjA==
+"@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.5":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.11.tgz#4078686740459eeb4af3494a273ac09148dfb213"
+  integrity sha512-y1grdYL4WzmUDBRGK0pDbIoFd7UZKoDurDzWEoNMYoj1EL+foGRQNyPWDcC+YyegN5y1DUsFFmzjGijB3nSVAQ==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
     "@babel/helper-environment-visitor" "^7.22.5"
@@ -260,28 +260,28 @@
     "@babel/template" "^7.22.5"
     "@babel/types" "^7.22.10"
 
-"@babel/helpers@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.10.tgz#ae6005c539dfbcb5cd71fb51bfc8a52ba63bc37a"
-  integrity sha512-a41J4NW8HyZa1I1vAndrraTlPZ/eZoga2ZgS7fEr0tZJGVU4xqdE80CEm0CcNjha5EZ8fTBYLKHF0kqDUuAwQw==
+"@babel/helpers@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.22.11.tgz#b02f5d5f2d7abc21ab59eeed80de410ba70b056a"
+  integrity sha512-vyOXC8PBWaGc5h7GMsNx68OH33cypkEDJCHvYVVgVbbxJDROYVtexSk0gK5iCF1xNjRIN2s8ai7hwkWDq5szWg==
   dependencies:
     "@babel/template" "^7.22.5"
-    "@babel/traverse" "^7.22.10"
-    "@babel/types" "^7.22.10"
+    "@babel/traverse" "^7.22.11"
+    "@babel/types" "^7.22.11"
 
-"@babel/highlight@^7.10.4", "@babel/highlight@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.10.tgz#02a3f6d8c1cb4521b2fd0ab0da8f4739936137d7"
-  integrity sha512-78aUtVcT7MUscr0K5mIEnkwxPE0MaxkR5RxRwuHaQ+JuU5AmTPhY+do2mdzVTnIJJpyBglql2pehuBIWHug+WQ==
+"@babel/highlight@^7.10.4", "@babel/highlight@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.13.tgz#9cda839e5d3be9ca9e8c26b6dd69e7548f0cbf16"
+  integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==
   dependencies:
     "@babel/helper-validator-identifier" "^7.22.5"
     chalk "^2.4.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.22.10", "@babel/parser@^7.22.5":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.10.tgz#e37634f9a12a1716136c44624ef54283cabd3f55"
-  integrity sha512-lNbdGsQb9ekfsnjFGhEiF4hfFqGgfOP3H3d27re3n+CGhNuTSUEQdfWk556sTLNTloczcdM5TYF2LhzmDQKyvQ==
+"@babel/parser@^7.22.11", "@babel/parser@^7.22.5":
+  version "7.22.14"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.22.14.tgz#c7de58e8de106e88efca42ce17f0033209dfd245"
+  integrity sha512-1KucTHgOvaw/LzCVrEOAyXkr9rQlp0A1HiHRYnSUE9dmb8PvPW7o5sscg+5169r54n3vGlbx6GevTE/Iw/P3AQ==
 
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.5":
   version "7.22.5"
@@ -438,10 +438,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-async-generator-functions@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.10.tgz#45946cd17f915b10e65c29b8ed18a0a50fc648c8"
-  integrity sha512-eueE8lvKVzq5wIObKK/7dvoeKJ+xc6TvRn6aysIjS6pSCeLy7S/eVi7pEQknZqyqvzaNKdDtem8nUNTBgDVR2g==
+"@babel/plugin-transform-async-generator-functions@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.22.11.tgz#dbe3b1ff5a52e2e5edc4b19a60d325a675ed2649"
+  integrity sha512-0pAlmeRJn6wU84zzZsEOx1JV1Jf8fqO9ok7wofIJwUnplYo247dcd24P+cMJht7ts9xkzdtB0EPHmOb7F+KzXw==
   dependencies:
     "@babel/helper-environment-visitor" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
@@ -479,12 +479,12 @@
     "@babel/helper-create-class-features-plugin" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-class-static-block@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.5.tgz#3e40c46f048403472d6f4183116d5e46b1bff5ba"
-  integrity sha512-SPToJ5eYZLxlnp1UzdARpOGeC2GbHvr9d/UV0EukuVx8atktg194oe+C5BqQ8jRTkgLRVOPYeXRSBg1IlMoVRA==
+"@babel/plugin-transform-class-static-block@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
+  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-class-static-block" "^7.14.5"
 
@@ -533,10 +533,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-dynamic-import@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.5.tgz#d6908a8916a810468c4edff73b5b75bda6ad393e"
-  integrity sha512-0MC3ppTB1AMxd8fXjSrbPa7LT9hrImt+/fcj+Pg5YMD7UQyWp/02+JWpdnCymmsXwIx5Z+sYn1bwCn4ZJNvhqQ==
+"@babel/plugin-transform-dynamic-import@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
+  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-dynamic-import" "^7.8.3"
@@ -549,10 +549,10 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-export-namespace-from@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.5.tgz#57c41cb1d0613d22f548fddd8b288eedb9973a5b"
-  integrity sha512-X4hhm7FRnPgd4nDA4b/5V280xCx6oL7Oob5+9qVS5C13Zq4bh1qq7LU0GgRU6b5dBWBvhGaXYVB4AcN6+ol6vg==
+"@babel/plugin-transform-export-namespace-from@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
+  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
@@ -573,10 +573,10 @@
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-json-strings@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.5.tgz#14b64352fdf7e1f737eed68de1a1468bd2a77ec0"
-  integrity sha512-DuCRB7fu8MyTLbEQd1ew3R85nx/88yMoqo2uPSjevMj3yoN7CDM8jkgrY0wmVxfJZyJ/B9fE1iq7EQppWQmR5A==
+"@babel/plugin-transform-json-strings@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
+  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-json-strings" "^7.8.3"
@@ -588,10 +588,10 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.5.tgz#66ae5f068fd5a9a5dc570df16f56c2a8462a9d6c"
-  integrity sha512-MQQOUW1KL8X0cDWfbwYP+TbVbZm16QmQXJQ+vndPtH/BoO0lOKpVoEDMI7+PskYxH+IiE0tS8xZye0qr1lGzSA==
+"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
+  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
@@ -611,22 +611,22 @@
     "@babel/helper-module-transforms" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-modules-commonjs@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.5.tgz#7d9875908d19b8c0536085af7b053fd5bd651bfa"
-  integrity sha512-B4pzOXj+ONRmuaQTg05b3y/4DuFz3WcCNAXPLb2Q0GT0TrGKGxNKV4jwsXts+StaM0LQczZbOpj8o1DLPDJIiA==
+"@babel/plugin-transform-modules-commonjs@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.22.11.tgz#d7991d3abad199c03b68ee66a64f216c47ffdfae"
+  integrity sha512-o2+bg7GDS60cJMgz9jWqRUsWkMzLCxp+jFDeDUT5sjRlAxcJWZ2ylNdI7QQ2+CH5hWu7OnN+Cv3htt7AkSf96g==
   dependencies:
-    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.9"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-simple-access" "^7.22.5"
 
-"@babel/plugin-transform-modules-systemjs@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.5.tgz#18c31410b5e579a0092638f95c896c2a98a5d496"
-  integrity sha512-emtEpoaTMsOs6Tzz+nbmcePl6AKVtS1yC4YNAeMun9U8YCsgadPNxnOPQ8GhHFB2qdx+LZu9LgoC0Lthuu05DQ==
+"@babel/plugin-transform-modules-systemjs@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.22.11.tgz#3386be5875d316493b517207e8f1931d93154bb1"
+  integrity sha512-rIqHmHoMEOhI3VkVf5jQ15l539KrwhzqcBO6wdCNWPWc/JWt9ILNYNUssbRpeq0qWns8svuw8LnMNCvWBIJ8wA==
   dependencies:
     "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.22.9"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-validator-identifier" "^7.22.5"
 
@@ -653,29 +653,29 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.5.tgz#f8872c65776e0b552e0849d7596cddd416c3e381"
-  integrity sha512-6CF8g6z1dNYZ/VXok5uYkkBBICHZPiGEl7oDnAx2Mt1hlHVHOSIKWJaXHjQJA5VB43KZnXZDIexMchY4y2PGdA==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
+  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
 
-"@babel/plugin-transform-numeric-separator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.5.tgz#57226a2ed9e512b9b446517ab6fa2d17abb83f58"
-  integrity sha512-NbslED1/6M+sXiwwtcAB/nieypGw02Ejf4KtDeMkCEpP6gWFMX1wI9WKYua+4oBneCCEmulOkRpwywypVZzs/g==
+"@babel/plugin-transform-numeric-separator@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
+  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
-"@babel/plugin-transform-object-rest-spread@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.5.tgz#9686dc3447df4753b0b2a2fae7e8bc33cdc1f2e1"
-  integrity sha512-Kk3lyDmEslH9DnvCDA1s1kkd3YWQITiBOHngOtDL9Pt6BZjzqb6hiOlb8VfjiiQJ2unmegBqZu0rx5RxJb5vmQ==
+"@babel/plugin-transform-object-rest-spread@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.11.tgz#dbbb06ce783cd994a8f430d8cefa553e9b42ca62"
+  integrity sha512-nX8cPFa6+UmbepISvlf5jhQyaC7ASs/7UxHmMkuJ/k5xSHvDPPaibMo+v3TXwU/Pjqhep/nFNpd3zn4YR59pnw==
   dependencies:
-    "@babel/compat-data" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.22.5"
+    "@babel/compat-data" "^7.22.9"
+    "@babel/helper-compilation-targets" "^7.22.10"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
     "@babel/plugin-transform-parameters" "^7.22.5"
@@ -688,18 +688,18 @@
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-replace-supers" "^7.22.5"
 
-"@babel/plugin-transform-optional-catch-binding@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.5.tgz#842080be3076703be0eaf32ead6ac8174edee333"
-  integrity sha512-pH8orJahy+hzZje5b8e2QIlBWQvGpelS76C63Z+jhZKsmzfNaPQ+LaW6dcJ9bxTpo1mtXbgHwy765Ro3jftmUg==
+"@babel/plugin-transform-optional-catch-binding@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
+  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
 
-"@babel/plugin-transform-optional-chaining@^7.22.10", "@babel/plugin-transform-optional-chaining@^7.22.5":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.10.tgz#076d28a7e074392e840d4ae587d83445bac0372a"
-  integrity sha512-MMkQqZAZ+MGj+jGTG3OTuhKeBpNcO+0oCEbrGNEaOmiEn+1MzRyQlYsruGiU8RTK3zV6XwrVJTmwiDOyYK6J9g==
+"@babel/plugin-transform-optional-chaining@^7.22.12", "@babel/plugin-transform-optional-chaining@^7.22.5":
+  version "7.22.12"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.22.12.tgz#d7ebf6a88cd2f4d307b0e000ab630acd8124b333"
+  integrity sha512-7XXCVqZtyFWqjDsYDY4T45w4mlx1rf7aOgkc/Ww76xkgBiOlmjPkx36PBLHa1k1rwWvVgYMPsbuVnIamx2ZQJw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
@@ -720,13 +720,13 @@
     "@babel/helper-create-class-features-plugin" "^7.22.5"
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-transform-private-property-in-object@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.5.tgz#07a77f28cbb251546a43d175a1dda4cf3ef83e32"
-  integrity sha512-/9xnaTTJcVoBtSSmrVyhtSvO3kbqS2ODoh2juEU72c3aYonNF0OMGiaz2gjukyKM2wBBYJP38S4JiE0Wfb5VMQ==
+"@babel/plugin-transform-private-property-in-object@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
+  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
   dependencies:
     "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.22.11"
     "@babel/helper-plugin-utils" "^7.22.5"
     "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
 
@@ -820,9 +820,9 @@
     "@babel/helper-plugin-utils" "^7.22.5"
 
 "@babel/preset-env@^7.11.0":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.10.tgz#3263b9fe2c8823d191d28e61eac60a79f9ce8a0f"
-  integrity sha512-riHpLb1drNkpLlocmSyEg4oYJIQFeXAK/d7rI6mbD0XsvoTOOweXDmQPG/ErxsEhWk3rl3Q/3F6RFQlVFS8m0A==
+  version "7.22.14"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.22.14.tgz#1cbb468d899f64fa71c53446f13b7ff8c0005cc1"
+  integrity sha512-daodMIoVo+ol/g+//c/AH+szBkFj4STQUikvBijRGL72Ph+w+AMTSh55DUETe8KJlPlDT1k/mp7NBfOuiWmoig==
   dependencies:
     "@babel/compat-data" "^7.22.9"
     "@babel/helper-compilation-targets" "^7.22.10"
@@ -850,41 +850,41 @@
     "@babel/plugin-syntax-top-level-await" "^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
     "@babel/plugin-transform-arrow-functions" "^7.22.5"
-    "@babel/plugin-transform-async-generator-functions" "^7.22.10"
+    "@babel/plugin-transform-async-generator-functions" "^7.22.11"
     "@babel/plugin-transform-async-to-generator" "^7.22.5"
     "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
     "@babel/plugin-transform-block-scoping" "^7.22.10"
     "@babel/plugin-transform-class-properties" "^7.22.5"
-    "@babel/plugin-transform-class-static-block" "^7.22.5"
+    "@babel/plugin-transform-class-static-block" "^7.22.11"
     "@babel/plugin-transform-classes" "^7.22.6"
     "@babel/plugin-transform-computed-properties" "^7.22.5"
     "@babel/plugin-transform-destructuring" "^7.22.10"
     "@babel/plugin-transform-dotall-regex" "^7.22.5"
     "@babel/plugin-transform-duplicate-keys" "^7.22.5"
-    "@babel/plugin-transform-dynamic-import" "^7.22.5"
+    "@babel/plugin-transform-dynamic-import" "^7.22.11"
     "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
-    "@babel/plugin-transform-export-namespace-from" "^7.22.5"
+    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
     "@babel/plugin-transform-for-of" "^7.22.5"
     "@babel/plugin-transform-function-name" "^7.22.5"
-    "@babel/plugin-transform-json-strings" "^7.22.5"
+    "@babel/plugin-transform-json-strings" "^7.22.11"
     "@babel/plugin-transform-literals" "^7.22.5"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.22.5"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
     "@babel/plugin-transform-member-expression-literals" "^7.22.5"
     "@babel/plugin-transform-modules-amd" "^7.22.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.22.5"
-    "@babel/plugin-transform-modules-systemjs" "^7.22.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.22.11"
+    "@babel/plugin-transform-modules-systemjs" "^7.22.11"
     "@babel/plugin-transform-modules-umd" "^7.22.5"
     "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
     "@babel/plugin-transform-new-target" "^7.22.5"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.5"
-    "@babel/plugin-transform-numeric-separator" "^7.22.5"
-    "@babel/plugin-transform-object-rest-spread" "^7.22.5"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
+    "@babel/plugin-transform-numeric-separator" "^7.22.11"
+    "@babel/plugin-transform-object-rest-spread" "^7.22.11"
     "@babel/plugin-transform-object-super" "^7.22.5"
-    "@babel/plugin-transform-optional-catch-binding" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.22.10"
+    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
+    "@babel/plugin-transform-optional-chaining" "^7.22.12"
     "@babel/plugin-transform-parameters" "^7.22.5"
     "@babel/plugin-transform-private-methods" "^7.22.5"
-    "@babel/plugin-transform-private-property-in-object" "^7.22.5"
+    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
     "@babel/plugin-transform-property-literals" "^7.22.5"
     "@babel/plugin-transform-regenerator" "^7.22.10"
     "@babel/plugin-transform-reserved-words" "^7.22.5"
@@ -898,7 +898,7 @@
     "@babel/plugin-transform-unicode-regex" "^7.22.5"
     "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    "@babel/types" "^7.22.10"
+    "@babel/types" "^7.22.11"
     babel-plugin-polyfill-corejs2 "^0.4.5"
     babel-plugin-polyfill-corejs3 "^0.8.3"
     babel-plugin-polyfill-regenerator "^0.5.2"
@@ -919,10 +919,10 @@
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.6", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.10.tgz#ae3e9631fd947cb7e3610d3e9d8fef5f76696682"
-  integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.13.10", "@babel/runtime@^7.15.4", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.21.0", "@babel/runtime@^7.22.10", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.11.tgz#7a9ba3bbe406ad6f9e8dd4da2ece453eb23a77a4"
+  integrity sha512-ee7jVNlWN09+KftVOu9n7S8gQzD/Z6hN/I8VBRXW4P1+Xe7kJGXMwu8vds4aGIMHZnNbdpSWCfZZtinytpcAvA==
   dependencies:
     regenerator-runtime "^0.14.0"
 
@@ -935,10 +935,10 @@
     "@babel/parser" "^7.22.5"
     "@babel/types" "^7.22.5"
 
-"@babel/traverse@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.10.tgz#20252acb240e746d27c2e82b4484f199cf8141aa"
-  integrity sha512-Q/urqV4pRByiNNpb/f5OSv28ZlGJiFiiTh+GAHktbIrkPhPbl90+uW6SmpoLyZqutrg9AEaEf3Q/ZBRHBXgxig==
+"@babel/traverse@^7.22.11":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.22.11.tgz#71ebb3af7a05ff97280b83f05f8865ac94b2027c"
+  integrity sha512-mzAenteTfomcB7mfPtyi+4oe5BZ6MXxWcn4CX+h4IRJ+OOGXBrWU6jDQavkQI9Vuc5P+donFabBfFCcmWka9lQ==
   dependencies:
     "@babel/code-frame" "^7.22.10"
     "@babel/generator" "^7.22.10"
@@ -946,15 +946,15 @@
     "@babel/helper-function-name" "^7.22.5"
     "@babel/helper-hoist-variables" "^7.22.5"
     "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/parser" "^7.22.10"
-    "@babel/types" "^7.22.10"
+    "@babel/parser" "^7.22.11"
+    "@babel/types" "^7.22.11"
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.22.10", "@babel/types@^7.22.5", "@babel/types@^7.4.4":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.10.tgz#4a9e76446048f2c66982d1a989dd12b8a2d2dc03"
-  integrity sha512-obaoigiLrlDZ7TUQln/8m4mSqIW2QFeOrCQc9r+xsaHGNoplVNYlRVpsfE8Vj35GEm2ZH4ZhrNYogs/3fj85kg==
+"@babel/types@^7.22.10", "@babel/types@^7.22.11", "@babel/types@^7.22.5", "@babel/types@^7.4.4":
+  version "7.22.11"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.22.11.tgz#0e65a6a1d4d9cbaa892b2213f6159485fe632ea2"
+  integrity sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==
   dependencies:
     "@babel/helper-string-parser" "^7.22.5"
     "@babel/helper-validator-identifier" "^7.22.5"
@@ -1155,9 +1155,9 @@
     eslint-visitor-keys "^3.3.0"
 
 "@eslint-community/regexpp@^4.4.0", "@eslint-community/regexpp@^4.6.1":
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.6.2.tgz#1816b5f6948029c5eaacb0703b850ee0cb37d8f8"
-  integrity sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==
+  version "4.8.0"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.8.0.tgz#11195513186f68d42fbf449f9a7136b2c0c92005"
+  integrity sha512-JylOEEzDiOryeUnFbQz+oViCXS0KsvR1mvHkoMiu5+UiBvy+RYX7tzlIIIEstF/gVa2tj9AQXk3dgnxv6KxhFg==
 
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
@@ -1204,15 +1204,42 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@^8.47.0":
-  version "8.47.0"
-  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.47.0.tgz#5478fdf443ff8158f9de171c704ae45308696c7d"
-  integrity sha512-P6omY1zv5MItm93kLM8s2vr1HICJH8v0dvddDhysbIuZ+vcjOHg5Zbkf1mTkcmi2JA9oBG2anOkRnW8WJTS8Og==
+"@eslint/js@8.48.0":
+  version "8.48.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.48.0.tgz#642633964e217905436033a2bd08bf322849b7fb"
+  integrity sha512-ZSjtmelB7IJfWD2Fvb7+Z+ChTIKWq6kjda95fLcQKNS5aheVHn4IkfgRQE3sIIzTcSLwLcLZUD9UBt+V7+h+Pw==
+
+"@floating-ui/core@^1.4.1":
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/core/-/core-1.4.1.tgz#0d633f4b76052668afb932492ac452f7ebe97f17"
+  integrity sha512-jk3WqquEJRlcyu7997NtR5PibI+y5bi+LS3hPmguVClypenMsCY3CBa3LAQnozRCtCrYWSEtAdiskpamuJRFOQ==
+  dependencies:
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/dom@^1.5.1":
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/dom/-/dom-1.5.1.tgz#88b70defd002fe851f17b4a25efb2d3c04d7a8d7"
+  integrity sha512-KwvVcPSXg6mQygvA1TjbN/gh///36kKtllIF8SUm0qpFj8+rvYrpvlYdL1JoA71SHpDqgSSdGOSoQ0Mp3uY5aw==
+  dependencies:
+    "@floating-ui/core" "^1.4.1"
+    "@floating-ui/utils" "^0.1.1"
+
+"@floating-ui/react-dom@^2.0.1":
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/@floating-ui/react-dom/-/react-dom-2.0.2.tgz#fab244d64db08e6bed7be4b5fcce65315ef44d20"
+  integrity sha512-5qhlDvjaLmAst/rKb3VdlCinwTF4EYMiVxuuc/HVUjs46W0zgtbMmAZ1UTsDrRTxRmUEzl92mOtWbeeXL26lSQ==
+  dependencies:
+    "@floating-ui/dom" "^1.5.1"
+
+"@floating-ui/utils@^0.1.1":
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.1.1.tgz#1a5b1959a528e374e8037c4396c3e825d6cf4a83"
+  integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==
 
 "@headlessui/react@^1.7.13", "@headlessui/react@^1.7.3":
-  version "1.7.16"
-  resolved "https://registry.yarnpkg.com/@headlessui/react/-/react-1.7.16.tgz#9c458c9c4dbb708258c9e8da3fe5363f915f7b11"
-  integrity sha512-2MphIAZdSUacZBT6EXk8AJkj+EuvaaJbtCyHTJrPsz8inhzCl7qeNPI1uk1AUvCgWylVtdN8cVVmnhUDPxPy3g==
+  version "1.7.17"
+  resolved "https://registry.yarnpkg.com/@headlessui/react/-/react-1.7.17.tgz#a0ec23af21b527c030967245fd99776aa7352bc6"
+  integrity sha512-4am+tzvkqDSSgiwrsEpGWqgGo9dz8qU5M3znCkC4PgkpY4HcCZzEDEvozltGGGHIKl9jbXbZPSH5TWn4sWJdow==
   dependencies:
     client-only "^0.0.1"
 
@@ -1222,9 +1249,9 @@
   integrity sha512-7TyMjRrZZMBPa+/5Y8lN0iyvUU/01PeMGX2+RE7cQWpEUIcb4QotzUObFkJDejj/HUH4qjP/eQ0gzzKs2f+6Yw==
 
 "@humanwhocodes/config-array@^0.11.10", "@humanwhocodes/config-array@^0.11.8":
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.10.tgz#5a3ffe32cc9306365fb3fd572596cd602d5e12d2"
-  integrity sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==
+  version "0.11.11"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.11.tgz#88a04c570dbbc7dd943e4712429c3df09bc32844"
+  integrity sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -1320,43 +1347,51 @@
   resolved "https://registry.yarnpkg.com/@juggle/resize-observer/-/resize-observer-3.4.0.tgz#08d6c5e20cf7e4cc02fd181c4b0c225cd31dbb60"
   integrity sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==
 
-"@mui/base@5.0.0-beta.10":
-  version "5.0.0-beta.10"
-  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.10.tgz#b9a2de21c7de45aa4275c7ecf5aa803ecc236ba6"
-  integrity sha512-moTAhGwFfQffj7hsu61FnqcGqVcd53A1CrOhnskM9TF0Uh2rnLDMCuar4JRUWWpaJofAfQEbQBBFPadFQLI4PA==
+"@mui/base@5.0.0-beta.13":
+  version "5.0.0-beta.13"
+  resolved "https://registry.yarnpkg.com/@mui/base/-/base-5.0.0-beta.13.tgz#3bae94c39752546d84a67d4ca73486b7c4923a89"
+  integrity sha512-uC0l97pBspfDAp+iz2cJq8YZ8Sd9i73V77+WzUiOAckIVEyCm5dyVDZCCO2/phmzckVEeZCGcytybkjMQuhPQw==
   dependencies:
-    "@babel/runtime" "^7.22.6"
+    "@babel/runtime" "^7.22.10"
     "@emotion/is-prop-valid" "^1.2.1"
+    "@floating-ui/react-dom" "^2.0.1"
     "@mui/types" "^7.2.4"
-    "@mui/utils" "^5.14.4"
+    "@mui/utils" "^5.14.7"
     "@popperjs/core" "^2.11.8"
     clsx "^2.0.0"
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
-"@mui/core-downloads-tracker@^5.14.4":
-  version "5.14.4"
-  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.4.tgz#a517265647ee9660170107d68905db5e400576c5"
-  integrity sha512-pW2XghSi3hpYKX57Wu0SCWMTSpzvXZmmucj3TcOJWaCiFt4xr05w2gcwBZi36dAp9uvd9//9N51qbblmnD+GPg==
+"@mui/core-downloads-tracker@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.7.tgz#95bed2487bf59632125a13b8eb8f4c21e460afec"
+  integrity sha512-sCWTUNElBPgB30iLvWe3PU7SIlTKZNf6/E/sko85iHVeHCM6WPkDw+y89CrZYjhFNmPqt2fIQM/pZu+rP2lFLA==
 
 "@mui/icons-material@^5.14.1":
-  version "5.14.3"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.3.tgz#26a84d52ab2fceea2856adf7a139527b3a51ae90"
-  integrity sha512-XkxWPhageu1OPUm2LWjo5XqeQ0t2xfGe8EiLkRW9oz2LHMMZmijvCxulhgquUVTF1DnoSh+3KoDLSsoAFtVNVw==
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.7.tgz#d7f6bd188fe38adf35c89d9343b8a529c2306383"
+  integrity sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==
   dependencies:
-    "@babel/runtime" "^7.22.6"
+    "@babel/runtime" "^7.22.10"
+
+"@mui/icons-material@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.7.tgz#d7f6bd188fe38adf35c89d9343b8a529c2306383"
+  integrity sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
 
 "@mui/material@^5.14.1":
-  version "5.14.4"
-  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.14.4.tgz#9d4d1834a929a4acc59e550e34ca64c0fd60b3a6"
-  integrity sha512-2XUV3KyRC07BQPPzEgd+ss3x/ezXtHeKtOGCMCNmx3MauZojPYUpSwFkE0fYgYCD9dMQMVG4DY/VF38P0KShsg==
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/material/-/material-5.14.7.tgz#6c2c0de8a625562f789e1bb33cb4cfc8cf20bdb0"
+  integrity sha512-jIZj9F7zMv6IlyaYDVv5M2Kp20jIX8c0kzuwteySHS/A0IvPVyomQEPtWc51MCbpDNCqzwoZUp3rQtA2lI8k7A==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/base" "5.0.0-beta.10"
-    "@mui/core-downloads-tracker" "^5.14.4"
-    "@mui/system" "^5.14.4"
+    "@babel/runtime" "^7.22.10"
+    "@mui/base" "5.0.0-beta.13"
+    "@mui/core-downloads-tracker" "^5.14.7"
+    "@mui/system" "^5.14.7"
     "@mui/types" "^7.2.4"
-    "@mui/utils" "^5.14.4"
+    "@mui/utils" "^5.14.7"
     "@types/react-transition-group" "^4.4.6"
     clsx "^2.0.0"
     csstype "^3.1.2"
@@ -1364,35 +1399,35 @@
     react-is "^18.2.0"
     react-transition-group "^4.4.5"
 
-"@mui/private-theming@^5.14.4":
-  version "5.14.4"
-  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.4.tgz#0ec5510da05047f94984344360c7f457f3a0e19e"
-  integrity sha512-ISXsHDiQ3z1XA4IuKn+iXDWvDjcz/UcQBiFZqtdoIsEBt8CB7wgdQf3LwcwqO81dl5ofg/vNQBEnXuKfZHrnYA==
+"@mui/private-theming@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/private-theming/-/private-theming-5.14.7.tgz#c9fec31e59bf66b12959e724b0e8ec3bb4a3d923"
+  integrity sha512-Y86+hmDnJab2Ka42PgxKpK3oL7EiacbeeX3X/lG9LGO0wSc45wZjHeTfIlVSkkUCkexiMKEJp5NlSjZhr27NRQ==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/utils" "^5.14.4"
+    "@babel/runtime" "^7.22.10"
+    "@mui/utils" "^5.14.7"
     prop-types "^15.8.1"
 
-"@mui/styled-engine@^5.13.2":
-  version "5.13.2"
-  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.13.2.tgz#c87bd61c0ab8086d34828b6defe97c02bcd642ef"
-  integrity sha512-VCYCU6xVtXOrIN8lcbuPmoG+u7FYuOERG++fpY74hPpEWkyFQG97F+/XfTQVYzlR2m7nPjnwVUgATcTCMEaMvw==
+"@mui/styled-engine@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/styled-engine/-/styled-engine-5.14.7.tgz#aaacec6c87bcc9a180b2da062c613213af10f2e3"
+  integrity sha512-hKBETEDsIAkL8/mBwPiQj/vw28OeIhMXC3Tvj4J2bb9snxAKpiZioR1PwqP+6P41twsC/GKBd0Vr9oaWYaHuMg==
   dependencies:
-    "@babel/runtime" "^7.21.0"
+    "@babel/runtime" "^7.22.10"
     "@emotion/cache" "^11.11.0"
     csstype "^3.1.2"
     prop-types "^15.8.1"
 
-"@mui/system@^5.14.4":
-  version "5.14.4"
-  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.4.tgz#306a2fdd41ab6f4912ea689316f834db8461bb86"
-  integrity sha512-oPgfWS97QNfHcDBapdkZIs4G5i85BJt69Hp6wbXF6s7vi3Evcmhdk8AbCRW6n0sX4vTj8oe0mh0RIm1G2A1KDA==
+"@mui/system@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/system/-/system-5.14.7.tgz#b08e23f9151d38186ab12dd618906abd4d73d203"
+  integrity sha512-jeZtHglc+Pi6qjGoopT6O4RqYXVBMqHVOsjMGP0hxGSSPm1T4gsAu7jU8eqGx9YwwjvvJ0eotTjFqw7iJ6qE2Q==
   dependencies:
-    "@babel/runtime" "^7.22.6"
-    "@mui/private-theming" "^5.14.4"
-    "@mui/styled-engine" "^5.13.2"
+    "@babel/runtime" "^7.22.10"
+    "@mui/private-theming" "^5.14.7"
+    "@mui/styled-engine" "^5.14.7"
     "@mui/types" "^7.2.4"
-    "@mui/utils" "^5.14.4"
+    "@mui/utils" "^5.14.7"
     clsx "^2.0.0"
     csstype "^3.1.2"
     prop-types "^15.8.1"
@@ -1402,12 +1437,12 @@
   resolved "https://registry.yarnpkg.com/@mui/types/-/types-7.2.4.tgz#b6fade19323b754c5c6de679a38f068fd50b9328"
   integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==
 
-"@mui/utils@^5.14.4":
-  version "5.14.4"
-  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.4.tgz#498cc2b08e46776c1e4327bfd8c23ad2f5890bc6"
-  integrity sha512-4ANV0txPD3x0IcTCSEHKDWnsutg1K3m6Vz5IckkbLXVYu17oOZCVUdOKsb/txUmaCd0v0PmSRe5PW+Mlvns5dQ==
+"@mui/utils@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.yarnpkg.com/@mui/utils/-/utils-5.14.7.tgz#3677bcabe032f1185e151f57d8c1a166df3ae0a1"
+  integrity sha512-RtheP/aBoPogVdi8vj8Vo2IFnRa4mZVmnD0RGlVZ49yF60rZs+xP4/KbpIrTr83xVs34QmHQ2aQ+IX7I0a0dDw==
   dependencies:
-    "@babel/runtime" "^7.22.6"
+    "@babel/runtime" "^7.22.10"
     "@types/prop-types" "^15.7.5"
     "@types/react-is" "^18.2.1"
     prop-types "^15.8.1"
@@ -1418,11 +1453,6 @@
   resolved "https://registry.yarnpkg.com/@next/env/-/env-12.3.2.tgz#fb819366771f5721e9438ca3a42ad18684f0949b"
   integrity sha512-upwtMaHxlv/udAWGq0kE+rg8huwmcxQPsKZFhS1R5iVO323mvxEBe1YrSXe1awLbg9sTIuEHbgxjLLt7JbeuAQ==
 
-"@next/env@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/env/-/env-13.4.16.tgz#382b565b35a2a69bd0e6b50f74c7b95f0c4b1097"
-  integrity sha512-pCU0sJBqdfKP9mwDadxvZd+eLz3fZrTlmmDHY12Hdpl3DD0vy8ou5HWKVfG0zZS6tqhL4wnQqRbspdY5nqa7MA==
-
 "@next/eslint-plugin-next@12.2.2":
   version "12.2.2"
   resolved "https://registry.yarnpkg.com/@next/eslint-plugin-next/-/eslint-plugin-next-12.2.2.tgz#b4a22c06b6454068b54cc44502168d90fbb29a6d"
@@ -1459,21 +1489,11 @@
   resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.3.2.tgz#97c532d35c66ce6b6941ae24b5b8b267b9b0d0d8"
   integrity sha512-PTUfe1ZrwjsiuTmr3bOM9lsoy5DCmfYsLOUF9ZVhtbi5MNJVmUTy4VZ06GfrvnCO5hGCr48z3vpFE9QZ0qLcPw==
 
-"@next/swc-darwin-arm64@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.16.tgz#ed6a342f95e5f21213fdadbceb65b40ae678cee0"
-  integrity sha512-Rl6i1uUq0ciRa3VfEpw6GnWAJTSKo9oM2OrkGXPsm7rMxdd2FR5NkKc0C9xzFCI4+QtmBviWBdF2m3ur3Nqstw==
-
 "@next/swc-darwin-x64@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-12.3.2.tgz#e0cb4ff4b11faaff3a891bd1d18ed72f71e30ebe"
   integrity sha512-1HkjmS9awwlaeEY8Y01nRSNkSv3y+qnC/mjMPe/W66hEh3QKa/LQHqHeS7NOdEs19B2mhZ7w+EgMRXdLQ0Su8w==
 
-"@next/swc-darwin-x64@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.16.tgz#36c16066a1a3ef8211e84a6a5d72bef15826b291"
-  integrity sha512-o1vIKYbZORyDmTrPV1hApt9NLyWrS5vr2p5hhLGpOnkBY1cz6DAXjv8Lgan8t6X87+83F0EUDlu7klN8ieZ06A==
-
 "@next/swc-freebsd-x64@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-freebsd-x64/-/swc-freebsd-x64-12.3.2.tgz#d7b93dd344cb67d1969565d0796c7b7d0217fccf"
@@ -1489,71 +1509,36 @@
   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.3.2.tgz#26df7d7cdc18cf413f12a408179ee4ac315f383a"
   integrity sha512-T9GCFyOIb4S3acA9LqflUYD+QZ94iZketHCqKdoO0Nx0OCHIgGJV5rotDe8TDXwh/goYpIfyHU4j1qqw4w4VnA==
 
-"@next/swc-linux-arm64-gnu@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.16.tgz#a5b5500737f07e3aa7f184014d8df7973420df26"
-  integrity sha512-JRyAl8lCfyTng4zoOmE6hNI2f1MFUr7JyTYCHl1RxX42H4a5LMwJhDVQ7a9tmDZ/yj+0hpBn+Aan+d6lA3v0UQ==
-
 "@next/swc-linux-arm64-musl@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.3.2.tgz#fd42232a6b10d9f9a4f71433d59c280a4532d06f"
   integrity sha512-hxNVZS6L3c2z3l9EH2GP0MGQ9exu6O8cohYNZyqC9WUl6C03sEn8xzDH1y+NgD3fVurvYkGU5F0PDddJJLfDIw==
 
-"@next/swc-linux-arm64-musl@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.16.tgz#381b7662c5b10ed5750dce41dd57841aa0713e77"
-  integrity sha512-9gqVqNzUMWbUDgDiND18xoUqhwSm2gmksqXgCU0qaOKt6oAjWz8cWYjgpPVD0WICKFylEY/gvPEP1fMZDVFZ/g==
-
 "@next/swc-linux-x64-gnu@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.3.2.tgz#5307579e3d8fbdb03adbe6cfc915b51548e0a103"
   integrity sha512-fCPkLuwDwY8/QeXxciJJjDHG09liZym/Bhb4A+RLFQ877wUkwFsNWDUTSdUx0YXlYK/1gf67BKauqKkOKp6CYw==
 
-"@next/swc-linux-x64-gnu@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.16.tgz#6e0b0eab1c316506950aeb4a09a5ea5c38edabe7"
-  integrity sha512-KcQGwchAKmZVPa8i5PLTxvTs1/rcFnSltfpTm803Tr/BtBV3AxCkHLfhtoyVtVzx/kl/oue8oS+DSmbepQKwhw==
-
 "@next/swc-linux-x64-musl@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.3.2.tgz#d5cb920a825a8dc80ffba8a6b797fb845af0b84c"
   integrity sha512-o+GifBIQ2K+/MEFxHsxUZoU3bsuVFLXZYWd3idimFHiVdDCVYiKsY6mYMmKDlucX+9xRyOCkKL9Tjf+3tuXJpw==
 
-"@next/swc-linux-x64-musl@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.16.tgz#36b84e4509168a5cadf9dfd728c239002d4311fe"
-  integrity sha512-2RbMZNxYnJmW8EPHVBsGZPq5zqWAyBOc/YFxq/jIQ/Yn3RMFZ1dZVCjtIcsiaKmgh7mjA/W0ApbumutHNxRqqQ==
-
 "@next/swc-win32-arm64-msvc@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.3.2.tgz#2a0d619e5bc0cec17ed093afd1ca6b1c37c2690c"
   integrity sha512-crii66irzGGMSUR0L8r9+A06eTv7FTXqw4rgzJ33M79EwQJOdpY7RVKXLQMurUhniEeQEEOfamiEdPIi/qxisw==
 
-"@next/swc-win32-arm64-msvc@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.16.tgz#52d36f909ccdefa2761617b6d4e9ae65f99880a9"
-  integrity sha512-thDcGonELN7edUKzjzlHrdoKkm7y8IAdItQpRvvMxNUXa4d9r0ElofhTZj5emR7AiXft17hpen+QAkcWpqG7Jg==
-
 "@next/swc-win32-ia32-msvc@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.3.2.tgz#769bef60d0d678c3d7606a4dc7fee018d6199227"
   integrity sha512-5hRUSvn3MdQ4nVRu1rmKxq5YJzpTtZfaC/NyGw6wa4NSF1noUn/pdQGUr+I5Qz3CZkd1gZzzC0eaXQHlrk0E2g==
 
-"@next/swc-win32-ia32-msvc@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.16.tgz#a9cb0556d19c33fbb39ac9bef195fd490d6c7673"
-  integrity sha512-f7SE1Mo4JAchUWl0LQsbtySR9xCa+x55C0taetjUApKtcLR3AgAjASrrP+oE1inmLmw573qRnE1eZN8YJfEBQw==
-
 "@next/swc-win32-x64-msvc@12.3.2":
   version "12.3.2"
   resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.3.2.tgz#45beb4b9d28e6dd6abf63cab1c5b92dc84323a6b"
   integrity sha512-tpQJYUH+TzPMIsdVl9fH8uDg47iwiNjKY+8e9da3dXqlkztKzjSw0OwSADoqh3KrifplXeKSta+BBGLdBqg3sg==
 
-"@next/swc-win32-x64-msvc@13.4.16":
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.16.tgz#79a151d94583e03992c80df3d3e7f7686390ddac"
-  integrity sha512-WamDZm1M/OEM4QLce3lOmD1XdLEl37zYZwlmOLhmF7qYJ2G6oYm9+ejZVv+LakQIsIuXhSpVlOvrxIAHqwRkPQ==
-
 "@nivo/annotations@0.80.0":
   version "0.80.0"
   resolved "https://registry.yarnpkg.com/@nivo/annotations/-/annotations-0.80.0.tgz#127e4801fff7370dcfb9acfe1e335781dd65cfd5"
@@ -2011,9 +1996,9 @@
     picomatch "^2.2.2"
 
 "@rollup/pluginutils@^5.0.1":
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.3.tgz#183126d69aeb1cfa23401d5a71cb4b8c16c4a4e0"
-  integrity sha512-hfllNN4a80rwNQ9QCxhxuHCGHMAvabXqxNdaChUSSadMre7t4iEUI6fFAhBOn/eIYTgYVhBv7vCLsAJ4u3lf3g==
+  version "5.0.4"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz#74f808f9053d33bafec0cc98e7b835c9667d32ba"
+  integrity sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==
   dependencies:
     "@types/estree" "^1.0.0"
     estree-walker "^2.0.2"
@@ -2046,26 +2031,26 @@
   dependencies:
     "@daybrush/utils" "^1.4.0"
 
-"@sentry-internal/tracing@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.63.0.tgz#58903b2205456034611cc5bc1b5b2479275f89c7"
-  integrity sha512-Fxpc53p6NGvLSURg3iRvZA0k10K9yfeVhtczvJnpX30POBuV41wxpkLHkb68fjksirjEma1K3Ut1iLOEEDpPQg==
+"@sentry-internal/tracing@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry-internal/tracing/-/tracing-7.66.0.tgz#45ea607917d55a5bcaa3229341387ff6ed9b3a2b"
+  integrity sha512-3vCgC2hC3T45pn53yTDVcRpHoJTBxelDPPZVsipAbZnoOVPkj7n6dNfDhj3I3kwWCBPahPkXmE+R4xViR8VqJg==
   dependencies:
-    "@sentry/core" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/core" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     tslib "^2.4.1 || ^1.9.3"
 
-"@sentry/browser@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.63.0.tgz#d7eee4be7bfff015f050bca83cafb111dc13d40d"
-  integrity sha512-P1Iw/2281C/7CUCRsN4jgXvjMNKnrwKqxRg7JqN8eVeCDPMpOeEPHNJ6YatEXdVLTKVn0JB7L63Q1prhFr8+SQ==
+"@sentry/browser@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/browser/-/browser-7.66.0.tgz#9aa3078f8914d2f8acb4ad9fc7b2011c80e357f5"
+  integrity sha512-rW037rf8jkhyykG38+HUdwkRCKHJEMM5NkCqPIO5zuuxfLKukKdI2rbvgJ93s3/9UfsTuDFcKFL1u43mCn6sDw==
   dependencies:
-    "@sentry-internal/tracing" "7.63.0"
-    "@sentry/core" "7.63.0"
-    "@sentry/replay" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry-internal/tracing" "7.66.0"
+    "@sentry/core" "7.66.0"
+    "@sentry/replay" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     tslib "^2.4.1 || ^1.9.3"
 
 "@sentry/cli@^1.74.6":
@@ -2080,88 +2065,88 @@
     proxy-from-env "^1.1.0"
     which "^2.0.2"
 
-"@sentry/core@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.63.0.tgz#8c38da6ef3a1de6e364463a09bc703b196ecbba4"
-  integrity sha512-13Ljiq8hv6ieCkO+Am99/PljYJO5ynKT/hRQrWgGy9IIEgUr8sV3fW+1W6K4/3MCeOJou0HsiGBjOD1mASItVg==
+"@sentry/core@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/core/-/core-7.66.0.tgz#8968f2a9e641d33e3750a8e24d1d39953680c4f2"
+  integrity sha512-WMAEPN86NeCJ1IT48Lqiz4MS5gdDjBwP4M63XP4msZn9aujSf2Qb6My5uT87AJr9zBtgk8MyJsuHr35F0P3q1w==
   dependencies:
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     tslib "^2.4.1 || ^1.9.3"
 
-"@sentry/integrations@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.63.0.tgz#bf4268b524670fdbc290dc489de0069143b499c6"
-  integrity sha512-+P8GNqFZNH/yS/KPbvUfUDERneoRNUrqp9ayvvp8aq4cTtrBdM72CYgI21oG6cti42SSM1VDLYZomTV3ElPzSg==
+"@sentry/integrations@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/integrations/-/integrations-7.66.0.tgz#297d13fd2f567b0eba7faaa3727301db586b398a"
+  integrity sha512-2PNEnihG9e9Rjbz205+A4BYtFcS2XdgwsN6obAU6Yir7VIbskwZXxx87lKZuz6S53sOWPHleC7uvUBjL+Q6vYg==
   dependencies:
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     localforage "^1.8.1"
     tslib "^2.4.1 || ^1.9.3"
 
 "@sentry/nextjs@^7.36.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/nextjs/-/nextjs-7.63.0.tgz#79bca799d451e1570c7873474e295660218cadea"
-  integrity sha512-pf1kEt2oqxe84+DdmGkI6BEe1KMUcUFU4PZKg5GRFY7e2ZqHoS8hTJF5rBkScqVlQoXDTiGpfI+vU8Ie3snUcQ==
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/nextjs/-/nextjs-7.66.0.tgz#4ee5a8dc99ed930d2957ac7e287918ff3ba31e87"
+  integrity sha512-CJwl3/rIJRR1isqWjGEE8CYiNUndvRksp7l0/75tfe4JoKTk+XS3tXcXVZyyXh34GU5San1c46ctiyodaGGIeg==
   dependencies:
     "@rollup/plugin-commonjs" "24.0.0"
-    "@sentry/core" "7.63.0"
-    "@sentry/integrations" "7.63.0"
-    "@sentry/node" "7.63.0"
-    "@sentry/react" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/core" "7.66.0"
+    "@sentry/integrations" "7.66.0"
+    "@sentry/node" "7.66.0"
+    "@sentry/react" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     "@sentry/webpack-plugin" "1.20.0"
     chalk "3.0.0"
     rollup "2.78.0"
     stacktrace-parser "^0.1.10"
     tslib "^2.4.1 || ^1.9.3"
 
-"@sentry/node@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.63.0.tgz#38508a440c04c0e98d00f5a1855e5448ee70c8d6"
-  integrity sha512-tSMyfQNbfjX1w8vJDZtvWeaD4QQ/Z4zVW/TLXfL/JZFIIksPgDZmqLdF+NJS4bSGTU5JiHiUh4pYhME4mHgNBQ==
+"@sentry/node@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/node/-/node-7.66.0.tgz#d3e08471e1ecae28d3cd0ba3c18487ecb2449881"
+  integrity sha512-PxqIqLr4Sh5xcDfECiBQ4PuZ7v8yTgLhaRkruWrZPYxQrcJFPkwbFkw/IskzVnhT2VwXUmeWEIlRMQKBJ0t83A==
   dependencies:
-    "@sentry-internal/tracing" "7.63.0"
-    "@sentry/core" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry-internal/tracing" "7.66.0"
+    "@sentry/core" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     cookie "^0.4.1"
     https-proxy-agent "^5.0.0"
     lru_map "^0.3.3"
     tslib "^2.4.1 || ^1.9.3"
 
-"@sentry/react@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.63.0.tgz#6d318191e13ccf7ebba4897d7258b4ea3bcf6c51"
-  integrity sha512-KFRjgADVE4aMI7gJmGnoSz65ZErQlz9xRB3vETWSyNOLprWXuQLPPtcDEn39BROtsDG4pLyYFaSDiD7o0+DyjQ==
+"@sentry/react@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/react/-/react-7.66.0.tgz#5f4d52a47b97e4daad0a2729ec6c88c0b29f0186"
+  integrity sha512-TC7kCkLoo+Klp9uywdV6tg8DDyn1CrTdndJghO6PoGz6sCa9k+t7K+z4E7MlgDoh3wiZwS2G2zhkT/xVeDRvJA==
   dependencies:
-    "@sentry/browser" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/browser" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
     hoist-non-react-statics "^3.3.2"
     tslib "^2.4.1 || ^1.9.3"
 
-"@sentry/replay@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.63.0.tgz#989ae32ea028a5eca323786cc07294fedb1f0d45"
-  integrity sha512-ikeFVojuP9oDF103blZcj0Vvb4S50dV54BESMrMW2lYBoMMjvOd7AdL+iDHjn1OL05/mv1C6Oc8MovmvdjILVA==
+"@sentry/replay@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/replay/-/replay-7.66.0.tgz#5469144192824e7688c475ed29586a8cce6606f6"
+  integrity sha512-5Y2SlVTOFTo3uIycv0mRneBakQtLgWkOnsJaC5LB0Ip0TqVKiMCbQ578vvXp+yvRj4LcS1gNd98xTTNojBoQNg==
   dependencies:
-    "@sentry/core" "7.63.0"
-    "@sentry/types" "7.63.0"
-    "@sentry/utils" "7.63.0"
+    "@sentry/core" "7.66.0"
+    "@sentry/types" "7.66.0"
+    "@sentry/utils" "7.66.0"
 
-"@sentry/types@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.63.0.tgz#8032029fee6f70e04b667646626a674b03e2f79b"
-  integrity sha512-pZNwJVW7RqNLGuTUAhoygt0c9zmc0js10eANAz0MstygJRhQI1tqPDuiELVdujPrbeL+IFKF+7NvRDAydR2Niw==
+"@sentry/types@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/types/-/types-7.66.0.tgz#4ec290cc6a3dd2024a61a0bffb468cedb409f7fb"
+  integrity sha512-uUMSoSiar6JhuD8p7ON/Ddp4JYvrVd2RpwXJRPH1A4H4Bd4DVt1mKJy1OLG6HdeQv39XyhB1lPZckKJg4tATPw==
 
-"@sentry/utils@7.63.0":
-  version "7.63.0"
-  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.63.0.tgz#7c598553b4dbb6e3740dc96bc7f112ec32edbe69"
-  integrity sha512-7FQv1RYAwnuTuarruP+1+Jd6YQuN7i/Y7KltwPMVEwU7j5mzYQaexLr/Jz1XIdR2KYVdkbXQyP8jj8BmA6u9Jw==
+"@sentry/utils@7.66.0":
+  version "7.66.0"
+  resolved "https://registry.yarnpkg.com/@sentry/utils/-/utils-7.66.0.tgz#2e37c96610f26bc79ac064fca4222ea91fece68d"
+  integrity sha512-9GYUVgXjK66uXXcLXVMXVzlptqMtq1eJENCuDeezQiEFrNA71KkLDg00wESp+LL+bl3wpVTBApArpbF6UEG5hQ==
   dependencies:
-    "@sentry/types" "7.63.0"
+    "@sentry/types" "7.66.0"
     tslib "^2.4.1 || ^1.9.3"
 
 "@sentry/webpack-plugin@1.20.0":
@@ -2189,13 +2174,6 @@
   dependencies:
     tslib "^2.4.0"
 
-"@swc/helpers@0.5.1":
-  version "0.5.1"
-  resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.1.tgz#e9031491aa3f26bfcc974a67f48bd456c8a5357a"
-  integrity sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==
-  dependencies:
-    tslib "^2.4.0"
-
 "@tailwindcss/typography@^0.5.9":
   version "0.5.9"
   resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.9.tgz#027e4b0674929daaf7c921c900beee80dbad93e8"
@@ -2207,152 +2185,147 @@
     postcss-selector-parser "6.0.10"
 
 "@tiptap-pro/extension-unique-id@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.tiptap.dev/@tiptap-pro%2fextension-unique-id/-/extension-unique-id-2.1.0.tgz#7f5e7cc2d068eff11531e2b8c894ddf13c8d41d8"
-  integrity sha512-RdkDqFV0adN/NXJ31I64mD3VmoGhQfNMmOyF5X92fbIymHaonAGzDeoXoindd+6MUUd6e3cm75x5VQLdsddG4Q==
+  version "2.2.1"
+  resolved "https://registry.tiptap.dev/@tiptap-pro%2fextension-unique-id/-/extension-unique-id-2.2.1.tgz#656803254760314d4e1b453dc5b75c86023048a6"
+  integrity sha512-B0GNLrWDVcfhbUOOi/lJfow6I4Y8xwJYXnSlhAENnGgOGERjinY1J5nZaR5dDMu1chcJYqAt3I7vkVLA/UMwmQ==
   dependencies:
     uuid "^8.3.2"
 
-"@tiptap/core@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.0.4.tgz#0a2047150ae537e75f96841a603699526f7b4ec5"
-  integrity sha512-2YOMjRqoBGEP4YGgYpuPuBBJHMeqKOhLnS0WVwjVP84zOmMgZ7A8M6ILC9Xr7Q/qHZCvyBGWOSsI7+3HsEzzYQ==
+"@tiptap/core@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/core/-/core-2.1.7.tgz#9823a3712d176849cfd281dd8229ad0719c9eb9e"
+  integrity sha512-1pqTwlTnwTKQSNQmmTWhs2lwdvd+hFFNFZnrRAfvZhQZA6qPmPmKMNTcYmK38Tn4axKth6mhBamzTJgMZFI7ng==
 
-"@tiptap/extension-blockquote@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-blockquote/-/extension-blockquote-2.0.4.tgz#1e87f8f157573deec65b54d8a8b5568d79066a86"
-  integrity sha512-z5qfuLi04OgCBI6/odzB2vhulT/wpjymYOnON65vLXGZZbUw4cbPloykhqgWvQp+LzKH+HBhl4fz53d5CgnbOA==
+"@tiptap/extension-blockquote@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-blockquote/-/extension-blockquote-2.1.7.tgz#fe25ec1dedd1f7e3eb1a851a6ac8738ca4691a17"
+  integrity sha512-oAsUU1c0DDZKHwK7/uCtYpnTUQt0o3w+SsJSv4S2vlSHidiFl9gCQGozUQ/Alzc7GO1Y95rOscL28DJXgXESQg==
 
-"@tiptap/extension-bold@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bold/-/extension-bold-2.0.4.tgz#debba8b0d957fe0b6943354834d8f1f0f8c0695c"
-  integrity sha512-CWSQy1uWkVsen8HUsqhm+oEIxJrCiCENABUbhaVcJL/MqhnP4Trrh1B6O00Yfoc0XToPRRibDaHMFs4A3MSO0g==
+"@tiptap/extension-bold@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bold/-/extension-bold-2.1.7.tgz#c5d89284235d75c2e65745b50a5c0681be1cbab6"
+  integrity sha512-GZV2D91WENkWd1W29vM4kyGWObcxOKQrY8MuCvTdxni1kobEc/LPZzQ1XiQmiNTvXTMcBz5ckLpezdjASV1dNg==
 
-"@tiptap/extension-bubble-menu@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.0.4.tgz#f9dde09d3984e9879b1fe13d3e8c1859f0779ef5"
-  integrity sha512-+cRZwj0YINNNDElSAiX1pvY2K98S2j9MQW2dXV5oLqsJhqGPZsKxVo8I1u7ZtqUla3QE1V18RYPAzVgTiMRkBg==
+"@tiptap/extension-bubble-menu@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.1.7.tgz#62616c9ee456c8413ad6c120757978266052a1a0"
+  integrity sha512-VcwwUgiG17TEDZda1JBbyKCHLIBTu8B2OAzYrnd4ZqeRs5KTVAB279o/TVjsLVgEfC+c7IWwhhaPPMoXn/lJ3g==
   dependencies:
     tippy.js "^6.3.7"
 
-"@tiptap/extension-bullet-list@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-bullet-list/-/extension-bullet-list-2.0.4.tgz#d192767d39e45253c5e9d974e949f271e09c72d7"
-  integrity sha512-JSZKBVTaKSuLl5fR4EKE4dOINOrgeRHYA25Vj6cWjgdvpTw5ef7vcUdn9yP4JwTmLRI+VnnMlYL3rqigU3iZNg==
+"@tiptap/extension-bullet-list@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-bullet-list/-/extension-bullet-list-2.1.7.tgz#3a7356824a931122314a6bd73b5f9d8a8a313791"
+  integrity sha512-BReix1wkGNH12DSWGnWPKNu4do92Avh98aLkRS1o1V1Y49/+YGMYtfBXB9obq40o0WqKvk4MoM+rhKbfEc44Gg==
 
 "@tiptap/extension-code-block-lowlight@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.0.4.tgz#e641f08d2ea77271722e848c6efa819b63638b1a"
-  integrity sha512-fKM/4MY9R75IJJVt7P+aD+GX3yzzL6oHo1dn4hNFJlYp2x5+yH6kneaqKcTglVicBCGc8Ks6wJLEZTxxG35MOA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.1.7.tgz#713dad4324c9ce25c66768fc4cfdb514ecea21c7"
+  integrity sha512-GOmpe3bwjlhMC79vFICInkJwaHx5dTiKQCTzdjZ5qRsvKgk/0YTrmWaN+w+JW5BBUaChj8IrgAPy7VZ20l7GKQ==
 
-"@tiptap/extension-code-block@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block/-/extension-code-block-2.0.4.tgz#d551ee7c13fef379bbbad298f1be757d1125cd54"
-  integrity sha512-In2tV3rgm/MznVF0N7qYsYugPWSzhZHaCRCWcFKNvllMExpo91bUWvk+hXaIhhPxvuqGIVezjybwrYuU3bJW0g==
+"@tiptap/extension-code-block@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-code-block/-/extension-code-block-2.1.7.tgz#c087c22c305f3c87645228ad32f32595dde7f2a2"
+  integrity sha512-uiasfWCIQuk34vGoIENqAJOHf9m3hAkcELnb9T6+uNxA3O7PUZQqBVN/27oEipj7j15pqua50D6C1jql9kFe0g==
 
-"@tiptap/extension-code@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-code/-/extension-code-2.0.4.tgz#6952d402e7372dd2d129e962bf9bd54d68ee6183"
-  integrity sha512-HuwJSJkipZf4hkns9witv1CABNIPiB9C8lgAQXK4xJKcoUQChcnljEL+PQ2NqeEeMTEeV3nG3A/0QafH0pgTgg==
+"@tiptap/extension-code@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-code/-/extension-code-2.1.7.tgz#bad3b1aedc23123a2094f8810801edb0c13acbff"
+  integrity sha512-g0IA6Q6DFZE0AEOMXAV1mktl/XzIO3s1h/haPIKZ8GNes522qhBr9FYc5OUPQCCbgYjL7soTGzxA/W5Jk3f2AQ==
 
 "@tiptap/extension-color@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-color/-/extension-color-2.0.4.tgz#564265c2bcadd268e6b5745d2a06571744cb4090"
-  integrity sha512-7Eb5Gk9v3sj2i1Q8dfqmpnc5aDPC/t0ZEsSLRi4C6SNo1nBeUxteXzpzxWwYjTvK+Um40STR89Z6PY14FIYXSA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-color/-/extension-color-2.1.7.tgz#7f436aed2f41087d8de6af6a4dd4cb7d964354dd"
+  integrity sha512-NLspH5taSpZP60rXJjDKu8AP9VDd+dlqz4guxvijtuPEePw87Fzidxx9w6X0uYQfx1O0xdPFq3UodlDz591scA==
 
-"@tiptap/extension-document@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-document/-/extension-document-2.0.4.tgz#f94e6da23a7d93a8ea34c6767d4e2e31f5ab8849"
-  integrity sha512-mCj2fAhnNhIHttPSqfTPSSTGwClGaPYvhT56Ij/Pi4iCrWjPXzC4XnIkIHSS34qS2tJN4XJzr/z7lm3NeLkF1w==
+"@tiptap/extension-document@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-document/-/extension-document-2.1.7.tgz#5e1d56e899fdca8ebfad1b7cb358d5ace664b851"
+  integrity sha512-tZyoPPmvzti7PEnyulXomEtINd/Oi2S84uOt6gw7DTCnDq5bF5sn1IfN8Icqp9t4jDwyLXy2TL0Zg/sR0a2Ibg==
 
-"@tiptap/extension-dropcursor@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-dropcursor/-/extension-dropcursor-2.0.4.tgz#f4a7542866c9100fee8e78eca5eebefff58989ca"
-  integrity sha512-1OmKBv/E+nJo2vsosvu8KwFiBB+gZM1pY61qc7JbwEKHSYAxUFHfvLkIA0IQ53Z0DHMrFSKgWmHEcbnqtGevCA==
+"@tiptap/extension-dropcursor@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-dropcursor/-/extension-dropcursor-2.1.7.tgz#a3f79b7453579f36f326852b16e421601e881a28"
+  integrity sha512-hNk2BuLnNSXlGOQphlzdpFKCKo7uHUFjWuBfzF1S9FMAQgcN7eTia+cCClmXABYfVLW4fT14PC1KiuGjxi9MuA==
 
-"@tiptap/extension-floating-menu@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-floating-menu/-/extension-floating-menu-2.0.4.tgz#82f12c2415b7ddbfd782a03b100f717e9905bab0"
-  integrity sha512-0YRE738k+kNKuSHhAb3jj9ZQ7Kda78RYRr+cX2jrQVueIMKebPIY07eBt6JcKmob9V9vcNn9qLtBfmygfcPUQg==
+"@tiptap/extension-floating-menu@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-floating-menu/-/extension-floating-menu-2.1.7.tgz#fe2def740b3136d38101634ae60d2fec5468c57e"
+  integrity sha512-K0bO7JKHAvgLM5MkhNgoYcD6SB0Z2tNIFhZHs5SCTuhg7dwduMSM3pC6QBrJGUk99DGsKuMPYQn3c2oG7MLbyQ==
   dependencies:
     tippy.js "^6.3.7"
 
-"@tiptap/extension-gapcursor@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-gapcursor/-/extension-gapcursor-2.0.4.tgz#c100a792fd41535ad6382aa8133d0d9c0b2cb2b8"
-  integrity sha512-VxmKfBQjSSu1mNvHlydA4dJW/zawGKyqmnryiFNcUV9s+/HWLR5i9SiUl4wJM/B8sG8cQxClne5/LrCAeGNYuA==
-
 "@tiptap/extension-gapcursor@^2.1.7":
   version "2.1.7"
   resolved "https://registry.yarnpkg.com/@tiptap/extension-gapcursor/-/extension-gapcursor-2.1.7.tgz#5c0303ba37b4c066f3a3c5835fd0b298f0d3e919"
   integrity sha512-7eoInzzk1sssoD3RMkwFC86U15Ja4ANve+8wIC+xhN4R3Oe3PY3lFbp1GQxCmaJj8b3rtjNKIQZ2zO0PH58afA==
 
-"@tiptap/extension-hard-break@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-hard-break/-/extension-hard-break-2.0.4.tgz#a4f70fa9a473270f7ec89f20a14b9122af5657bc"
-  integrity sha512-4j8BZa6diuoRytWoIc7j25EYWWut5TZDLbb+OVURdkHnsF8B8zeNTo55W40CdwSaSyTtXtxbTIldV80ShQarGQ==
+"@tiptap/extension-hard-break@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-hard-break/-/extension-hard-break-2.1.7.tgz#1cd783adfe2788d41614f8851b8d7a52ec027cce"
+  integrity sha512-6gFXXlCGAdXjy27BW29q4yfCQPAEFd18k7zRTnbd4aE/zIWUtLqdiTfI3kotUMab9Tt9/z1BRmCbEUxRsf1Nww==
 
-"@tiptap/extension-heading@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-heading/-/extension-heading-2.0.4.tgz#5372e346c5d69cfa0060d7238d1a0bf440442f6f"
-  integrity sha512-EfitUbew5ljH3xVlBXAxqqcJ4rjv15b8379LYOV6KQCf+Y1wY0gy9Q8wXSnrsAagqrvqipja4Ihn3OZeyIM+CA==
+"@tiptap/extension-heading@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-heading/-/extension-heading-2.1.7.tgz#26d16227eab95b1f381e977f7aa1685f493c6fb5"
+  integrity sha512-jMeTqtq3kbMFtMvUb3SeIt4FFM3W+b6TAw5H4Qd6z3gYsAU3GahRK67MtbJfPmznUkZfimrqW9VCaBezScfrsQ==
 
 "@tiptap/extension-highlight@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-highlight/-/extension-highlight-2.0.4.tgz#5d54232ac573d0b04c3e705ca38f207fb6cf7270"
-  integrity sha512-z1hcpf0eHHdaBE0pewXiNIu+QBodw4IAbZykTXMaY1xCsbYWfOJxeIb5o+CEG5HBsmaoJrCYenQw71xzgV0hKA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-highlight/-/extension-highlight-2.1.7.tgz#0f9434eedfdcb95a22ca5b6f601d13f4343a7e5c"
+  integrity sha512-3EXrnf1BQSdOe/iqzcTIr5Tf0NOhPQ+y1B9nMi/40v3MD8WzRBLaqj0lvpwO7xMAdgxm6IiL/XFYU41n9yFl/Q==
 
-"@tiptap/extension-history@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-history/-/extension-history-2.0.4.tgz#761a9c4b2a875817acc73137660552bd49e94fca"
-  integrity sha512-3GAUszn1xZx3vniHMiX9BSKmfvb5QOb0oSLXInN+hx80CgJDIHqIFuhx2dyV9I/HWpa0cTxaLWj64kfDzb1JVg==
+"@tiptap/extension-history@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-history/-/extension-history-2.1.7.tgz#baa566875ef1278c5dd8821970362d85348b266c"
+  integrity sha512-8SIEKSImrIkqJThym1bPD13sC4/76UrG+piQ30xKQU4B7zUFCbutvrwYuQHSRvaEt8BPdTv2LWIK+wBkIgbWVA==
 
-"@tiptap/extension-horizontal-rule@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.0.4.tgz#6988dd63fb00ca144feb1baac84142782e8ebe38"
-  integrity sha512-OMx2ImQseKbSUjPbbRCuYGOJshxYedh9giWAqwgWWokhYkH4nGxXn5m7+Laj+1wLre4bnWgHWVY4wMGniEj3aw==
+"@tiptap/extension-horizontal-rule@^2.0.4", "@tiptap/extension-horizontal-rule@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.1.7.tgz#7c21bc4917e4ced9382e81626e0f0068b224bfbb"
+  integrity sha512-hJupsDxDVmjmKI/Ewl/gtiyUx52Y3wRUhT8dCXNOA5eldmPXN23E2Fa2BC8XB47dyc5pubyNcLuqaLeaZ5hedw==
 
 "@tiptap/extension-image@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-image/-/extension-image-2.0.4.tgz#a41d5ca246bd41dd293194e359a80cb97f477ab3"
-  integrity sha512-5iQ96pt9xppM8sWzwhGgc99PPoYPQuokTaCXAQKDI0Y1CFCjZ+/duUG3al1VUMpBXsjJw3/RVO1+7CEhRTd3mA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-image/-/extension-image-2.1.7.tgz#597129fb072f6b0014c980892c367a283077f564"
+  integrity sha512-aWa/NPMc1U9Z6xuV0gk1O1nk4H7BAwQMwqXWdvUQCJhmW5+LJPdEiKvt3P6j+ClIN7sdyokZCgr6eGr817qTLA==
 
-"@tiptap/extension-italic@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-italic/-/extension-italic-2.0.4.tgz#4c6d0938542e4f7276f9dd18db395c040f76dcd8"
-  integrity sha512-C/6+qs4Jh8xERRP0wcOopA1+emK8MOkBE4RQx5NbPnT2iCpERP0GlmHBFQIjaYPctZgKFHxsCfRnneS5Xe76+A==
+"@tiptap/extension-italic@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-italic/-/extension-italic-2.1.7.tgz#d077683597d4282ae272c48b313d768d71985b67"
+  integrity sha512-7e37f+OFqisdY19nWIthbSNHMJy4+4dec06rUICPrkiuFaADj5HjUQr0dyWpL/LkZh92Wf/rWgp4V/lEwon3jA==
 
 "@tiptap/extension-link@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-link/-/extension-link-2.0.4.tgz#2899f9060ca722f11bd10ceb572ceb5178f111d6"
-  integrity sha512-CliImI1hmC+J6wHxqgz9P4wMjoNSSgm3fnNHsx5z0Bn6JRA4Evh2E3KZAdMaE8xCTx89rKxMYNbamZf4VLSoqQ==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-link/-/extension-link-2.1.7.tgz#2705c212d105ccf411d505e334ece4a723971ee4"
+  integrity sha512-NDfoMCkThng1B530pMg5y69+eWoghZXK2uCntrJH7Rs8jNeGMyt9wGIOd7N8ZYz0oJ2ZYKzZjS0RANdBDS17DA==
   dependencies:
     linkifyjs "^4.1.0"
 
-"@tiptap/extension-list-item@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-list-item/-/extension-list-item-2.0.4.tgz#8ca7c9959a07bf94602f8957d784d526568f2069"
-  integrity sha512-tSkbLgRo1QMNDJttWs9FeRywkuy5T2HdLKKfUcUNzT3s0q5AqIJl7VyimsBL4A6MUfN1qQMZCMHB4pM9Mkluww==
+"@tiptap/extension-list-item@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-list-item/-/extension-list-item-2.1.7.tgz#dc24045e445d0f91baec9b113f711dc90c6682ac"
+  integrity sha512-hd/E4qQopBXWa6kdFY19qFVgqj4fzdPgAnzdXJ2XW7bC6O2CusmHphRRZ5FBsuspYTN/6/fv0i0jK9rSGlsEyA==
 
-"@tiptap/extension-ordered-list@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-ordered-list/-/extension-ordered-list-2.0.4.tgz#e3e220e9c15114b07c952c32fa58e96601db6bd7"
-  integrity sha512-Kfg+8k9p4iJCUKP/yIa18LfUpl9trURSMP/HX3/yQTz9Ul1vDrjxeFjSE5uWNvupcXRAM24js+aYrCmV7zpU+Q==
+"@tiptap/extension-ordered-list@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-ordered-list/-/extension-ordered-list-2.1.7.tgz#72d9ddc432ecf0fd19c8acd3c6b44f5358d8e0d0"
+  integrity sha512-3XIXqbZmYkNzF+8PQ2jcCOCj0lpC3y9HGM/+joPIunhiUiktrIgpbUDv2E1Gq5lJHYqthIeujniI2dB85tkwJQ==
 
-"@tiptap/extension-paragraph@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-paragraph/-/extension-paragraph-2.0.4.tgz#9cffa3f8a980349ca068b1b3c12596bf5f3aef0f"
-  integrity sha512-nDxpopi9WigVqpfi8nU3B0fWYB14EMvKIkutNZo8wJvKGTZufNI8hw66wupIx/jZH1gFxEa5dHerw6aSYuWjgQ==
+"@tiptap/extension-paragraph@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-paragraph/-/extension-paragraph-2.1.7.tgz#76408706f0037a510a384b86780bd50c6e8ffeea"
+  integrity sha512-cLqX27hNrXrwZCKrIW8OC3rW2+MT8hhS37+cdqOxZo5hUqQ9EF/puwS0w8uUZ7B3awX9Jm1QZDMjjERLkcmobw==
 
 "@tiptap/extension-placeholder@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-placeholder/-/extension-placeholder-2.0.4.tgz#74259783757c59751d78fcdd1aade7e928809187"
-  integrity sha512-Y8hjUYBGTbytgrsplSZdHGciqbuVHQX+h0JcuvVaIlAy1kR7hmbxJLqL8tNa7qLtTqo2MfS2942OtSv85JOCzA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-placeholder/-/extension-placeholder-2.1.7.tgz#8477cf5116c89f0f75e8e2e3b8528e146a7f0f24"
+  integrity sha512-IiBoItYYNS7hb/zmPitw3w6Cylmp9qX+zW+QKe3lDkCNPeKxyQr86AnVLcQYOuXg62cLV9dp+4azZzHoz9SOcg==
 
-"@tiptap/extension-strike@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-strike/-/extension-strike-2.0.4.tgz#13286dcf8780c55610ed65b24238b8395a5be824"
-  integrity sha512-Men7LK6N/Dh3/G4/z2Z9WkDHM2Gxx1XyxYix2ZMf5CnqY37SeDNUnGDqit65pdIN3Y/TQnOZTkKSBilSAtXfJA==
+"@tiptap/extension-strike@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-strike/-/extension-strike-2.1.7.tgz#b7b7f49254f1de22416b1415ca88a2a20edd0627"
+  integrity sha512-ONLXYnuZGM2EoGcxkyvJSDMBeAp7K6l83UXkK9TSj+VpEEDdeV7m8mJs8/vACJjJxD5HMN61+EPgU7VTEukQCA==
 
 "@tiptap/extension-table-cell@^2.1.6":
   version "2.1.7"
@@ -2375,34 +2348,34 @@
   integrity sha512-nlKs35vTQOFW9lfw76S7kJvqVJAfHUlz1muQgWT0gNUlKJYINMXjUIg4Wcx8LTaITCCkp0lMGrLETGRNI+RyxA==
 
 "@tiptap/extension-task-item@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-task-item/-/extension-task-item-2.0.4.tgz#71f46d35ac629ca10c5c23d4ad170007338a436e"
-  integrity sha512-0FfYWrOslDzzN7Ehnt3yBekOSH45tiB/3gzFRvGdLBUv0PiYQolUpyfHGsdNzeKYuWLF1yiacJkCeLgNDgCLDw==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-task-item/-/extension-task-item-2.1.7.tgz#384a55308f3524f36388560486a2508a4b3c5413"
+  integrity sha512-4wFLZmhYqr87SEI/Qgk3FiH+qfp6IOmuYVhpL5zGLa6p+ytUdmPH3+zOaD1rthn5JiRU9KwYWFvTo2f+/O0NAg==
 
 "@tiptap/extension-task-list@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-task-list/-/extension-task-list-2.0.4.tgz#69b2b23d1e757044c05f3d7dcbd30194c71f9324"
-  integrity sha512-3RGoEgGJdWpGf8aWl7O7+jnnvfpF0or2YHYYvJv13t5G4dNIS9E7QXT3/rU9QtHNYkbcJYFjHligIFuBTAhZNg==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-task-list/-/extension-task-list-2.1.7.tgz#abaad3a7b964e58dac6b96b08000a50a06a071b4"
+  integrity sha512-eerV8pbGuYoFji6arWk+LBsIfURXPWNSLi1ZCuPfXP6N8sAV3fNT+VDm6RlGQwadQNae7rnibNClk67+55h9Zg==
 
 "@tiptap/extension-text-style@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-text-style/-/extension-text-style-2.0.4.tgz#4ba3fd6b204badc43ac6a00285315fe868f07e52"
-  integrity sha512-HQk8c7HasDdeAJxlHrztkgprxocZecZVUMlvPvFAhkq8E/5+nfmr/Gm9qudiStEARZrIYBATNA2PbnQuIGMx3A==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-text-style/-/extension-text-style-2.1.7.tgz#57f5dc5b223a855e782f24e09dc7fc53d9bd4b00"
+  integrity sha512-0QhEMDiDqMpyBGRt6o4GvbN9cUibZe4LT9e0ujarT6ElSe2fbtwGPnXSXApUtgHDDwHw95M5ZVxX/H5cjyjw1g==
 
-"@tiptap/extension-text@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-text/-/extension-text-2.0.4.tgz#318b0105491a5976d220871dccabe6c4d2cbeedd"
-  integrity sha512-i8/VFlVZh7TkAI49KKX5JmC0tM8RGwyg5zUpozxYbLdCOv07AkJt+E1fLJty9mqH4Y5HJMNnyNxsuZ9Ol/ySRA==
+"@tiptap/extension-text@^2.1.7":
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-text/-/extension-text-2.1.7.tgz#071053ab0a8804a3bce36d1488a603b7446dff4e"
+  integrity sha512-3xaMMMNydLgoS+o+yOvaZF04ui9spJwJZl8VyYgcJKVGGLGRlWHrireXN5/OqXG2jLb/jWqXVx5idppQjX+PMA==
 
 "@tiptap/extension-underline@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/extension-underline/-/extension-underline-2.0.4.tgz#c1e5df75a4c9f2d9e691d48438ee0894f8bb01f1"
-  integrity sha512-Hvhy3iV5dWs0SFTww6sIzyQSSgVzcQuiozhDs11iP+gvFjK7ejg86KZ8wAVvyCi9K3bOMhohsw1Q2b8JSnIxcg==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/extension-underline/-/extension-underline-2.1.7.tgz#ab815645770f7d2013ac69327975837b4937c8df"
+  integrity sha512-mL95afyEJvg+C2yrTVn7QltfyE9ja1+94+OUkRBbB8PN3N6HvfSL4K/QSqecOLQ38bSQm/6ZGPkBLDkDGhGPdw==
 
 "@tiptap/pm@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/pm/-/pm-2.0.4.tgz#c3df31a29120e1e3334f8f063df23ccb1ace7851"
-  integrity sha512-DNgxntpEaiW7ciW0BTNTL0TFqAreZTrAROWakI4XaYRAyi5H9NfZW8jmwGwMBkoZ1KB3pfy+jT/Bisy4okEQGQ==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/pm/-/pm-2.1.7.tgz#91e1b87d4ddbddca3cfe46e3c052b0072e4e1d97"
+  integrity sha512-RBVb/k9OjmClwdVl7fpekFgUsLAm1U+5I4w1qA2tj7L/hSPOuPzaEHwCqDYe0b2PR5dd8h0nylS9qXuXVlfwfQ==
   dependencies:
     prosemirror-changeset "^2.2.0"
     prosemirror-collab "^1.3.0"
@@ -2424,42 +2397,42 @@
     prosemirror-view "^1.28.2"
 
 "@tiptap/react@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/react/-/react-2.0.4.tgz#b879faeabd67859254d594eafe0f8232f5d78116"
-  integrity sha512-NcrZL4Tu3+1Xfj/us5AOD7+kJhwYo2XViOB2iRRnfwS80PUtiLWDis6o3ngMGot/jBWzaMn4gofXnMWHtFdIAw==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/react/-/react-2.1.7.tgz#0c5a5407bcb398ff75234dd9c7a3f8878d943088"
+  integrity sha512-jCs5z/rXZ7mEOTPcJ+r/OSTtLOGBahS7D3xDu3pRX4P0wtWHlprsdptxxlWjkBHLav01XXJ+OtGZTfhWBio1QQ==
   dependencies:
-    "@tiptap/extension-bubble-menu" "^2.0.4"
-    "@tiptap/extension-floating-menu" "^2.0.4"
+    "@tiptap/extension-bubble-menu" "^2.1.7"
+    "@tiptap/extension-floating-menu" "^2.1.7"
 
 "@tiptap/starter-kit@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/starter-kit/-/starter-kit-2.0.4.tgz#20456eb4a4ae0ac8d5bf2ac5e9771b3c617c51a6"
-  integrity sha512-9WtVXhujyp5cOlE7qlcQMFr0FEx3Cvo1isvfQGzhKKPzXa3rR7FT8bnOFsten31/Ia/uwvGXAvRDQy24YfHdNA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/starter-kit/-/starter-kit-2.1.7.tgz#a33a7928b7051ac9cd89d1798745f9855b7b72d9"
+  integrity sha512-z2cmJRSC7ImaTGWrHv+xws9y1wIG0OCPosBYpmpwlEfA3JG3axWFmVRJlWnsQV4eSMi3QY3vaPgBAnrR4IxRhQ==
   dependencies:
-    "@tiptap/core" "^2.0.4"
-    "@tiptap/extension-blockquote" "^2.0.4"
-    "@tiptap/extension-bold" "^2.0.4"
-    "@tiptap/extension-bullet-list" "^2.0.4"
-    "@tiptap/extension-code" "^2.0.4"
-    "@tiptap/extension-code-block" "^2.0.4"
-    "@tiptap/extension-document" "^2.0.4"
-    "@tiptap/extension-dropcursor" "^2.0.4"
-    "@tiptap/extension-gapcursor" "^2.0.4"
-    "@tiptap/extension-hard-break" "^2.0.4"
-    "@tiptap/extension-heading" "^2.0.4"
-    "@tiptap/extension-history" "^2.0.4"
-    "@tiptap/extension-horizontal-rule" "^2.0.4"
-    "@tiptap/extension-italic" "^2.0.4"
-    "@tiptap/extension-list-item" "^2.0.4"
-    "@tiptap/extension-ordered-list" "^2.0.4"
-    "@tiptap/extension-paragraph" "^2.0.4"
-    "@tiptap/extension-strike" "^2.0.4"
-    "@tiptap/extension-text" "^2.0.4"
+    "@tiptap/core" "^2.1.7"
+    "@tiptap/extension-blockquote" "^2.1.7"
+    "@tiptap/extension-bold" "^2.1.7"
+    "@tiptap/extension-bullet-list" "^2.1.7"
+    "@tiptap/extension-code" "^2.1.7"
+    "@tiptap/extension-code-block" "^2.1.7"
+    "@tiptap/extension-document" "^2.1.7"
+    "@tiptap/extension-dropcursor" "^2.1.7"
+    "@tiptap/extension-gapcursor" "^2.1.7"
+    "@tiptap/extension-hard-break" "^2.1.7"
+    "@tiptap/extension-heading" "^2.1.7"
+    "@tiptap/extension-history" "^2.1.7"
+    "@tiptap/extension-horizontal-rule" "^2.1.7"
+    "@tiptap/extension-italic" "^2.1.7"
+    "@tiptap/extension-list-item" "^2.1.7"
+    "@tiptap/extension-ordered-list" "^2.1.7"
+    "@tiptap/extension-paragraph" "^2.1.7"
+    "@tiptap/extension-strike" "^2.1.7"
+    "@tiptap/extension-text" "^2.1.7"
 
 "@tiptap/suggestion@^2.0.4":
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/@tiptap/suggestion/-/suggestion-2.0.4.tgz#08e6c47a723200d02238d845cb09684c481f0066"
-  integrity sha512-C5LGGjH8VFET34V7vKkqlwpSzrPl+7oAcj9h+P3jvJQ076iYpmpnMtz6dNLSFGKpHp5mtyl4RoJzh7lTvlfyiA==
+  version "2.1.7"
+  resolved "https://registry.yarnpkg.com/@tiptap/suggestion/-/suggestion-2.1.7.tgz#ac88deef2ade8d836ca9084c276cc9d64c6e604a"
+  integrity sha512-FKlXFMWf9rCnNJQsUfeX6WpS2VUs2O98ENkyhfV8ehCB7X5+57mkkxJxl/88SMbjZL+FbWPBKLaiOvsXfIUoww==
 
 "@types/debug@^4.0.0":
   version "4.1.8"
@@ -2522,9 +2495,9 @@
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
 "@types/linkify-it@*":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.2.tgz#fd2cd2edbaa7eaac7e7f3c1748b52a19143846c9"
-  integrity sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/linkify-it/-/linkify-it-3.0.3.tgz#15a0712296c5041733c79efe233ba17ae5a7587b"
+  integrity sha512-pTjcqY9E4nOI55Wgpz7eiI8+LzdYnw3qxXCfHyBDdPbYvbyLgWLJGh8EdPvqawwMK1Uo1794AUkkR38Fr0g+2g==
 
 "@types/lodash.debounce@^4.0.7":
   version "4.0.7"
@@ -2569,9 +2542,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "20.5.0"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.0.tgz#7fc8636d5f1aaa3b21e6245e97d56b7f56702313"
-  integrity sha512-Mgq7eCtoTjT89FqNoTzzXg2XvCi5VMhRV6+I2aYanc6kQCBImeNaAYRs/DyoVqk1YEUJK5gN9VO7HRIdz4Wo3Q==
+  version "20.5.7"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.7.tgz#4b8ecac87fbefbc92f431d09c30e176fc0a7c377"
+  integrity sha512-dP7f3LdZIysZnmvP3ANJYTSwg+wLLl8p7RqniVlV7j+oXSXAbt9h0WIBFmJy5inWZoX9wZN6eXx+YXd9Rh3RBA==
 
 "@types/node@18.0.6":
   version "18.0.6"
@@ -2662,9 +2635,9 @@
     "@types/react" "*"
 
 "@types/react-redux@^7.1.20":
-  version "7.1.25"
-  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.25.tgz#de841631205b24f9dfb4967dd4a7901e048f9a88"
-  integrity sha512-bAGh4e+w5D8dajd6InASVIyCo4pZLJ66oLb80F9OBLO1gKESbZcRCJpTT6uLXX+HAB57zw1WTdwJdAsewuTweg==
+  version "7.1.26"
+  resolved "https://registry.yarnpkg.com/@types/react-redux/-/react-redux-7.1.26.tgz#84149f5614e40274bb70fcbe8f7cae6267d548b1"
+  integrity sha512-UKPo7Cm7rswYU6PH6CmTNCRv5NYF3HrgKuHEYTK8g/3czYLrUux50gQ2pkxc9c7ZpQZi+PNhgmI8oNIRoiVIxg==
   dependencies:
     "@types/hoist-non-react-statics" "^3.3.0"
     "@types/react" "*"
@@ -2679,9 +2652,9 @@
     "@types/react" "*"
 
 "@types/react@*", "@types/react@^18.0.17":
-  version "18.2.20"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.20.tgz#1605557a83df5c8a2cc4eeb743b3dfc0eb6aaeb2"
-  integrity sha512-WKNtmsLWJM/3D5mG4U84cysVY31ivmyw85dE84fOCk5Hx78wezB/XEjVPWl2JTZ5FkEeaTJf+VgUAUn3PE7Isw==
+  version "18.2.21"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.21.tgz#774c37fd01b522d0b91aed04811b58e4e0514ed9"
+  integrity sha512-neFKG/sBAwGxHgXiIxnbm3/AAVQ/cMRS93hvBpg8xYRbeQSPVABp9U2bRnPf0iI4+Ucdv3plSxKK+3CW2ENJxA==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2725,9 +2698,9 @@
   integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
 
 "@types/semver@^7.3.12":
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.0.tgz#591c1ce3a702c45ee15f47a42ade72c2fd78978a"
-  integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.1.tgz#0480eeb7221eb9bc398ad7432c9d7e14b1a5a367"
+  integrity sha512-cJRQXpObxfNKkFAZbJl2yjWtJCqELQIdShsogr1d2MilP8dKD9TE/nEKHkJgUNHdGKCQaf9HbIynuV2csLGVLg==
 
 "@types/throttle-debounce@^2.1.0":
   version "2.1.0"
@@ -2740,9 +2713,9 @@
   integrity sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==
 
 "@types/unist@^2", "@types/unist@^2.0.0":
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.7.tgz#5b06ad6894b236a1d2bd6b2f07850ca5c59cf4d6"
-  integrity sha512-cputDpIbFgLUaGQn6Vqg3/YsJwxUwHLO13v3i5ouxT4lat0khip9AEWxtERujXV9wxIB1EyF97BSJFt6vpdI8g==
+  version "2.0.8"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.8.tgz#bb197b9639aa1a04cf464a617fe800cccd92ad5c"
+  integrity sha512-d0XxK3YTObnWVp6rZuev3c49+j4Lo8g4L1ZRm9z5L0xpoZycUPshHgczK5gsUMaZOstjVYYi09p5gYvUtfChYw==
 
 "@types/uuid@^8.3.4":
   version "8.3.4"
@@ -2750,9 +2723,9 @@
   integrity sha512-c/I8ZRb51j+pYGAu5CrFMRxqZ2ke4y2grEBO5AUjgSkSk+qT2Ea+OdWElz/OiMf5MNpn2b17kuVBwZLQJXzihw==
 
 "@types/uuid@^9.0.1":
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.2.tgz#ede1d1b1e451548d44919dc226253e32a6952c4b"
-  integrity sha512-kNnC1GFBLuhImSnV7w4njQkUiJi0ZXUycu1rUaouPqiKlXkh77JKgdRnTAp1x5eBwcIwbtI+3otwzuIDEuDoxQ==
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/@types/uuid/-/uuid-9.0.3.tgz#6cdd939b4316b4f81625de9f06028d848c4a1533"
+  integrity sha512-taHQQH/3ZyI3zP8M/puluDEIEvtQHVYcC6y3N8ijFtAd28+Ey/G4sg1u2gB01S8MwybLOKAp9/yCMu/uR5l3Ug==
 
 "@typescript-eslint/eslint-plugin@^5.48.2", "@typescript-eslint/eslint-plugin@^5.51.0":
   version "5.62.0"
@@ -2990,15 +2963,15 @@ array-uniq@^1.0.1:
   integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
 
 array.prototype.findlastindex@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.2.tgz#bc229aef98f6bd0533a2bc61ff95209875526c9b"
-  integrity sha512-tb5thFFlUcp7NdNF6/MpDk/1r/4awWG1FIz3YqDf+/zJSTezBb+/5WViH41obXULHVpDzoiCLpJ/ZO9YbJMsdw==
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz#b37598438f97b579166940814e2c0493a4f50207"
+  integrity sha512-LzLoiOMAxvy+Gd3BAq3B7VeIgPdo+Q8hthvKtXybMvRV0jrXfJM/t8mw7nNlpEcVlVUnCnM2KSX4XU5HmpodOA==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
     es-shim-unscopables "^1.0.0"
-    get-intrinsic "^1.1.3"
+    get-intrinsic "^1.2.1"
 
 array.prototype.flat@^1.3.1:
   version "1.3.1"
@@ -3058,6 +3031,13 @@ async@^3.2.3:
   resolved "https://registry.yarnpkg.com/async/-/async-3.2.4.tgz#2d22e00f8cddeb5fde5dd33522b56d1cf569a81c"
   integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
 
+asynciterator.prototype@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
+  integrity sha512-wwHYEIS0Q80f5mosx3L/dfG5t5rjEa9Ft51GTaNt862EnpyGHpgz2RkZvLPp1oF5TnAiTohkEKVEu8pQPJI7Vg==
+  dependencies:
+    has-symbols "^1.0.3"
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
@@ -3096,9 +3076,9 @@ axe-core@^4.6.2:
   integrity sha512-zIURGIS1E1Q4pcrMjp+nnEh+16G56eG/MUllJH8yEvw7asDo7Ac9uhC9KIH5jzpITueEZolfYglnCGIuSBz39g==
 
 axios@^1.1.3, axios@^1.3.4:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.4.0.tgz#38a7bf1224cd308de271146038b551d725f0be1f"
-  integrity sha512-S4XCWMEmzvo64T9GfvQDOXgYRDJ/wsSZc7Jvdgx5u1sd0JwsuPLqb3SYmusag+edF6ziyMensPVqLTSc1PiSEA==
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.5.0.tgz#f02e4af823e2e46a9768cfc74691fdd0517ea267"
+  integrity sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==
   dependencies:
     follow-redirects "^1.15.0"
     form-data "^4.0.0"
@@ -3243,13 +3223,6 @@ builtin-modules@^3.1.0:
   resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
   integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
 
-busboy@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/busboy/-/busboy-1.6.0.tgz#966ea36a9502e43cdb9146962523b92f531f6893"
-  integrity sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==
-  dependencies:
-    streamsearch "^1.1.0"
-
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c"
@@ -3277,9 +3250,9 @@ camelcase-css@^2.0.1:
   integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==
 
 caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001520:
-  version "1.0.30001520"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001520.tgz#62e2b7a1c7b35269594cf296a80bdf8cb9565006"
-  integrity sha512-tahF5O9EiiTzwTUqAeFjIZbn4Dnqxzz7ktrgGlMYNLH43Ul26IgTMH/zvL3DG0lZxBYnlT04axvInszUsZULdA==
+  version "1.0.30001525"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001525.tgz#d2e8fdec6116ffa36284ca2c33ef6d53612fe1c8"
+  integrity sha512-/3z+wB4icFt3r0USMwxujAqRvaD/B7rvGTsKhbhSQErVrJvkZCLhgNLJxU8MevahQVH6hCU9FsHdNUFbiwmE7Q==
 
 capital-case@^1.0.4:
   version "1.0.4"
@@ -3375,7 +3348,7 @@ clean-webpack-plugin@^4.0.0:
   dependencies:
     del "^4.1.1"
 
-client-only@0.0.1, client-only@^0.0.1:
+client-only@^0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
   integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
@@ -3500,11 +3473,11 @@ cookie@^0.5.0:
   integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
 
 core-js-compat@^3.31.0:
-  version "3.32.0"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.32.0.tgz#f41574b6893ab15ddb0ac1693681bd56c8550a90"
-  integrity sha512-7a9a3D1k4UCVKnLhrgALyFcP7YCsLOQIxPd0dKjf/6GuPcgyiGP70ewWdCGrSK7evyhymi0qO4EqCmSJofDeYw==
+  version "3.32.1"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.32.1.tgz#55f9a7d297c0761a8eb1d31b593e0f5b6ffae964"
+  integrity sha512-GSvKDv4wE0bPnQtjklV101juQ85g6H3rm5PDP20mqlS5j0kXF3pP97YvAu5hl+uFHqMictp3b2VxOHljWMAtuA==
   dependencies:
-    browserslist "^4.21.9"
+    browserslist "^4.21.10"
 
 cosmiconfig@^7.0.0:
   version "7.1.0"
@@ -3847,9 +3820,9 @@ ejs@^3.1.6:
     jake "^10.8.5"
 
 electron-to-chromium@^1.4.477:
-  version "1.4.490"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.490.tgz#d99286f6e915667fa18ea4554def1aa60eb4d5f1"
-  integrity sha512-6s7NVJz+sATdYnIwhdshx/N/9O6rvMxmhVoDSDFdj6iA45gHR8EQje70+RYsF4GeB+k0IeNSBnP7yG9ZXJFr7A==
+  version "1.4.508"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.508.tgz#5641ff2f5ba11df4bd960fe6a2f9f70aa8b9af96"
+  integrity sha512-FFa8QKjQK/A5QuFr2167myhMesGrhlOBD+3cYNxO9/S4XzHEXesyTD/1/xF644gC8buFPz3ca6G1LOQD0tZrrg==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -3901,7 +3874,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.19.0, es-abstract@^1.20.4, es-abstract@^1.21.2:
+es-abstract@^1.20.4, es-abstract@^1.22.1:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.1.tgz#8b4e5fc5cefd7f1660f0f8e1a52900dfbc9d9ccc"
   integrity sha512-ioRRcXMO6OFyRpyzV3kE1IIBd4WG5/kltnzdxSCqoP8CMGs/Li+M1uF5o7lOkZVFjDs+NLesthnF66Pg/0q0Lw==
@@ -3946,6 +3919,26 @@ es-abstract@^1.19.0, es-abstract@^1.20.4, es-abstract@^1.21.2:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.10"
 
+es-iterator-helpers@^1.0.12:
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.14.tgz#19cd7903697d97e21198f3293b55e8985791c365"
+  integrity sha512-JgtVnwiuoRuzLvqelrvN3Xu7H9bu2ap/kQ2CrM62iidP8SKuD99rWU3CJy++s7IVL2qb/AjXPGR/E7i9ngd/Cw==
+  dependencies:
+    asynciterator.prototype "^1.0.0"
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    es-set-tostringtag "^2.0.1"
+    function-bind "^1.1.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    has-property-descriptors "^1.0.0"
+    has-proto "^1.0.1"
+    has-symbols "^1.0.3"
+    internal-slot "^1.0.5"
+    iterator.prototype "^1.1.0"
+    safe-array-concat "^1.0.0"
+
 es-set-tostringtag@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz#338d502f6f674301d710b80c8592de8a15f09cd8"
@@ -4037,11 +4030,11 @@ eslint-config-prettier@^8.3.0:
   integrity sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==
 
 eslint-config-turbo@latest:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/eslint-config-turbo/-/eslint-config-turbo-1.10.12.tgz#5868252d6833dd2b5cab4414751ed31ebe2177c3"
-  integrity sha512-z3jfh+D7UGYlzMWGh+Kqz++hf8LOE96q3o5R8X4HTjmxaBWlLAWG+0Ounr38h+JLR2TJno0hU9zfzoPNkR9BdA==
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/eslint-config-turbo/-/eslint-config-turbo-1.10.13.tgz#3743def3c76e27c3969c16222137f5bd913a10e2"
+  integrity sha512-Ffa0SxkRCPMtfUX/HDanEqsWoLwZTQTAXO9W4IsOtycb2MzJDrVcLmoFW5sMwCrg7gjqbrC4ZJoD+1SPPzIVqg==
   dependencies:
-    eslint-plugin-turbo "1.10.12"
+    eslint-plugin-turbo "1.10.13"
 
 eslint-import-resolver-node@^0.3.6, eslint-import-resolver-node@^0.3.7:
   version "0.3.9"
@@ -4084,9 +4077,9 @@ eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
     debug "^3.2.7"
 
 eslint-plugin-import@^2.26.0:
-  version "2.28.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz#8d66d6925117b06c4018d491ae84469eb3cb1005"
-  integrity sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==
+  version "2.28.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.28.1.tgz#63b8b5b3c409bfc75ebaf8fb206b07ab435482c4"
+  integrity sha512-9I9hFlITvOV55alzoKBI+K9q74kv0iKMeY6av5+umsNwayt59fz692daGyjR+oStBQgx6nwR9rXldDev3Clw+A==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.findlastindex "^1.2.2"
@@ -4097,13 +4090,12 @@ eslint-plugin-import@^2.26.0:
     eslint-import-resolver-node "^0.3.7"
     eslint-module-utils "^2.8.0"
     has "^1.0.3"
-    is-core-module "^2.12.1"
+    is-core-module "^2.13.0"
     is-glob "^4.0.3"
     minimatch "^3.1.2"
     object.fromentries "^2.0.6"
     object.groupby "^1.0.0"
     object.values "^1.1.6"
-    resolve "^1.22.3"
     semver "^6.3.1"
     tsconfig-paths "^3.14.2"
 
@@ -4155,14 +4147,15 @@ eslint-plugin-react@7.31.8:
     string.prototype.matchall "^4.0.7"
 
 eslint-plugin-react@^7.29.4, eslint-plugin-react@^7.31.7:
-  version "7.33.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.1.tgz#bc27cccf860ae45413a4a4150bf0977345c1ceab"
-  integrity sha512-L093k0WAMvr6VhNwReB8VgOq5s2LesZmrpPdKz/kZElQDzqS7G7+DnKoqT+w4JwuiGeAhAvHO0fvy0Eyk4ejDA==
+  version "7.33.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
+  integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
   dependencies:
     array-includes "^3.1.6"
     array.prototype.flatmap "^1.3.1"
     array.prototype.tosorted "^1.1.1"
     doctrine "^2.1.0"
+    es-iterator-helpers "^1.0.12"
     estraverse "^5.3.0"
     jsx-ast-utils "^2.4.1 || ^3.0.0"
     minimatch "^3.1.2"
@@ -4175,10 +4168,10 @@ eslint-plugin-react@^7.29.4, eslint-plugin-react@^7.31.7:
     semver "^6.3.1"
     string.prototype.matchall "^4.0.8"
 
-eslint-plugin-turbo@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.12.tgz#3f95884faf35b56e0855d939585fa6cd457bb128"
-  integrity sha512-uNbdj+ohZaYo4tFJ6dStRXu2FZigwulR1b3URPXe0Q8YaE7thuekKNP+54CHtZPH9Zey9dmDx5btAQl9mfzGOw==
+eslint-plugin-turbo@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-turbo/-/eslint-plugin-turbo-1.10.13.tgz#d2c14c7e733ee1462c94d79dce29d75f42ced275"
+  integrity sha512-el4AAmn0zXmvHEyp1h0IQMfse10Vy8g5Vbg4IU3+vD9CSj5sDbX07iFVt8sCKg7og9Q5FAa9mXzlCf7t4vYgzg==
   dependencies:
     dotenv "16.0.3"
 
@@ -4319,14 +4312,14 @@ eslint@^7.23.0, eslint@^7.32.0:
     v8-compile-cache "^2.0.3"
 
 eslint@^8.31.0:
-  version "8.47.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.47.0.tgz#c95f9b935463fb4fad7005e626c7621052e90806"
-  integrity sha512-spUQWrdPt+pRVP1TTJLmfRNJJHHZryFmptzcafwSvHsceV81djHOdnEeDmkdotZyLNjDhrOasNK8nikkoG1O8Q==
+  version "8.48.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.48.0.tgz#bf9998ba520063907ba7bfe4c480dc8be03c2155"
+  integrity sha512-sb6DLeIuRXxeM1YljSe1KEx9/YYeZFQWcV8Rq9HfigmdDEugjLEVEa1ozDjL6YDjBpQHPJxJzze+alxi4T3OLg==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
     "@eslint-community/regexpp" "^4.6.1"
     "@eslint/eslintrc" "^2.1.2"
-    "@eslint/js" "^8.47.0"
+    "@eslint/js" "8.48.0"
     "@humanwhocodes/config-array" "^0.11.10"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
@@ -4439,9 +4432,9 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
 fast-fifo@^1.1.0, fast-fifo@^1.2.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.0.tgz#03e381bcbfb29932d7c3afde6e15e83e05ab4d8b"
-  integrity sha512-IgfweLvEpwyA4WgiQe9Nx6VV2QkML2NkvZnk1oKnIzXgXdWxuhF7zw4DvLTPZJn6PIUneiAXPF24QmoEqHTjyw==
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/fast-fifo/-/fast-fifo-1.3.2.tgz#286e31de96eb96d38a97899815740ba2a4f3640c"
+  integrity sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==
 
 fast-glob@^3.2.12, fast-glob@^3.2.9, fast-glob@^3.3.1:
   version "3.3.1"
@@ -4537,14 +4530,15 @@ find-up@^5.0.0:
     path-exists "^4.0.0"
 
 flat-cache@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
-  integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.0.tgz#0e54ab4a1a60fe87e2946b6b00657f1c99e1af3f"
+  integrity sha512-OHx4Qwrrt0E4jEIcI5/Xb+f+QmJYNj2rrK8wiIdQOIrB9WrrJL8cjZvXdXuBTkkEwEqLycb5BeZDV1o2i9bTew==
   dependencies:
-    flatted "^3.1.0"
+    flatted "^3.2.7"
+    keyv "^4.5.3"
     rimraf "^3.0.2"
 
-flatted@^3.1.0:
+flatted@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
@@ -4576,9 +4570,9 @@ format@^0.2.0:
   integrity sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==
 
 fraction.js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950"
-  integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
+  version "4.3.4"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.4.tgz#b2bac8249a610c3396106da97c5a71da75b94b1c"
+  integrity sha512-pwiTgt0Q7t+GHZA4yaLjObx4vXmmdcS0iSJ19o8d/goUGgItX9UZWKWNnLHehxviD8wU2IWRsnR8cD5+yOJP2Q==
 
 framework-utils@^1.1.0:
   version "1.1.0"
@@ -4606,9 +4600,9 @@ fs.realpath@^1.0.0:
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
 fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+  version "2.3.3"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
+  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
 
 function-bind@^1.1.1:
   version "1.1.1"
@@ -4616,21 +4610,21 @@ function-bind@^1.1.1:
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
 function.prototype.name@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
-  integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
+  integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    functions-have-names "^1.2.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    functions-have-names "^1.2.3"
 
 functional-red-black-tree@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==
 
-functions-have-names@^1.2.2, functions-have-names@^1.2.3:
+functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
@@ -4702,11 +4696,6 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
 glob@7.1.6:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
@@ -4803,7 +4792,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -4963,7 +4952,7 @@ inline-style-parser@0.1.1:
   resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1"
   integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==
 
-internal-slot@^1.0.3, internal-slot@^1.0.5:
+internal-slot@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.5.tgz#f2a2ee21f668f8627a4667f309dc0f4fb6674986"
   integrity sha512-Y+R5hJrzs52QCG2laLn4udYVnxsfny9CpOhNhUvk/SSSVyF6T27FzRbF0sroPidSu3X8oEAkOn2K804mjpt6UQ==
@@ -5011,6 +5000,13 @@ is-arrayish@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
   integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
 
+is-async-function@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
+  integrity sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-bigint@^1.0.1:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3"
@@ -5043,14 +5039,14 @@ is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-core-module@^2.11.0, is-core-module@^2.12.1, is-core-module@^2.13.0, is-core-module@^2.9.0:
+is-core-module@^2.11.0, is-core-module@^2.13.0, is-core-module@^2.9.0:
   version "2.13.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.0.tgz#bb52aa6e2cbd49a30c2ba68c42bf3435ba6072db"
   integrity sha512-Z7dk6Qo8pOCp3l4tsX2C5ZVas4V+UxwQodwZhLopL91TX8UyyHEXafPcyoeeWuLrwzHcr3igO78wNLwHJHsMCQ==
   dependencies:
     has "^1.0.3"
 
-is-date-object@^1.0.1:
+is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f"
   integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==
@@ -5069,11 +5065,25 @@ is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
 
+is-finalizationregistry@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz#c8749b65f17c133313e661b1289b95ad3dbd62e6"
+  integrity sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==
+  dependencies:
+    call-bind "^1.0.2"
+
 is-fullwidth-code-point@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
   integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
 
+is-generator-function@^1.0.10:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/is-generator-function/-/is-generator-function-1.0.10.tgz#f1558baf1ac17e0deea7c0415c438351ff2b3c72"
+  integrity sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==
+  dependencies:
+    has-tostringtag "^1.0.0"
+
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
@@ -5081,6 +5091,11 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   dependencies:
     is-extglob "^2.1.1"
 
+is-map@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
+  integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
+
 is-module@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
@@ -5164,6 +5179,11 @@ is-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
   integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
 
+is-set@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
+  integrity sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==
+
 is-shared-array-buffer@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz#8f259c573b60b6a32d4058a1a07430c0a7344c79"
@@ -5197,6 +5217,11 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.9:
   dependencies:
     which-typed-array "^1.1.11"
 
+is-weakmap@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-weakmap/-/is-weakmap-2.0.1.tgz#5008b59bdc43b698201d18f62b37b2ca243e8cf2"
+  integrity sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==
+
 is-weakref@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2"
@@ -5204,6 +5229,14 @@ is-weakref@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
+is-weakset@^2.0.1:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/is-weakset/-/is-weakset-2.0.2.tgz#4569d67a747a1ce5a994dfd4ef6dcea76e7c0a1d"
+  integrity sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==
+  dependencies:
+    call-bind "^1.0.2"
+    get-intrinsic "^1.1.1"
+
 isarray@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
@@ -5219,6 +5252,16 @@ isobject@^3.0.1:
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
   integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
 
+iterator.prototype@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/iterator.prototype/-/iterator.prototype-1.1.1.tgz#ab5b790e23ec00658f5974e032a2b05188bd3a5c"
+  integrity sha512-9E+nePc8C9cnQldmNl6bgpTY6zI4OPRZd97fhJ/iVZ1GifIUDVV5F6x1nEDqpe8KaMEZGT4xgrwKQDxXnjOIZQ==
+  dependencies:
+    define-properties "^1.2.0"
+    get-intrinsic "^1.2.1"
+    has-symbols "^1.0.3"
+    reflect.getprototypeof "^1.0.3"
+
 jake@^10.8.5:
   version "10.8.7"
   resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.7.tgz#63a32821177940c33f356e0ba44ff9d34e1c7d8f"
@@ -5248,9 +5291,9 @@ jest-worker@^27.4.5:
     supports-color "^8.0.0"
 
 jiti@^1.18.2:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.19.1.tgz#fa99e4b76a23053e0e7cde098efe1704a14c16f1"
-  integrity sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==
+  version "1.19.3"
+  resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.19.3.tgz#ef554f76465b3c2b222dc077834a71f0d4a37569"
+  integrity sha512-5eEbBDQT/jF1xg6l36P+mWGGoH9Spuy0PCdSr2dtWRDGC6ph/w9ZCL4lmESW8f8F7MwT3XKescfP0wnZWAKL9w==
 
 js-cookie@^3.0.1:
   version "3.0.5"
@@ -5292,6 +5335,11 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==
 
+json-buffer@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+  integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
 json-parse-even-better-errors@^2.3.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz#7c47805a94319928e05777405dc12e1f7a4ee02d"
@@ -5324,7 +5372,7 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.0, json5@^2.2.2:
+json5@^2.1.2, json5@^2.2.0, json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
@@ -5368,6 +5416,13 @@ keycon@^1.2.0:
     "@scena/event-emitter" "^1.0.2"
     keycode "^2.2.0"
 
+keyv@^4.5.3:
+  version "4.5.3"
+  resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.3.tgz#00873d2b046df737963157bd04f294ca818c9c25"
+  integrity sha512-QCiSav9WaX1PgETJ+SpNnx2PRRapJ/oRSXM4VO5OGYGSjrxbKPVFVhB3l2OCbLCk329N8qyAtsJjSjvVBWzEug==
+  dependencies:
+    json-buffer "3.0.1"
+
 kleur@^4.0.3:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-4.1.5.tgz#95106101795f7050c6c650f350c683febddb1780"
@@ -5910,16 +5965,16 @@ mkdirp@^0.5.5:
     minimist "^1.2.6"
 
 mobx-react-lite@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-4.0.3.tgz#f7aa5ac3be558ca19a53b2929d9599679769c2a8"
-  integrity sha512-wEE1oT5zvDdvplG4HnRrFgPwg5GFVVrEtl42Er85k23zeu3om8H8wbDPgdbQP88zAihVsik6xJfw6VnzUl8fQw==
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-4.0.4.tgz#eee3c55dfa6841365d5a7764971c456db12570fb"
+  integrity sha512-68uNYvQC/5Dazs3sIBv+bnpzRwcWde8y4ujHiLizhq8yeQtJ2tlNUGSh4r40gyE5M0utACIofBDsAj2hplcovQ==
   dependencies:
     use-sync-external-store "^1.2.0"
 
 mobx@^6.10.0:
-  version "6.10.0"
-  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.10.0.tgz#3537680fe98d45232cc19cc8f76280bd8bb6b0b7"
-  integrity sha512-WMbVpCMFtolbB8swQ5E2YRrU+Yu8iLozCVx3CdGjbBKlP7dFiCSuiG06uea3JCFN5DnvtAX7+G5Bp82e2xu0ww==
+  version "6.10.2"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.10.2.tgz#96e123deef140750360ca9a5b02a8b91fbffd4d9"
+  integrity sha512-B1UGC3ieK3boCjnMEcZSwxqRDMdzX65H/8zOHbuTY8ZhvrIjTUoLRR2TP2bPqIgYRfb3+dUigu8yMZufNjn0LQ==
 
 mri@^1.1.0:
   version "1.2.0"
@@ -5977,6 +6032,11 @@ next-pwa@^5.6.0:
     workbox-webpack-plugin "^6.5.4"
     workbox-window "^6.5.4"
 
+next-theme@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/next-theme/-/next-theme-0.1.5.tgz#aa6655c516892925e577349d7715a8ed54bad727"
+  integrity sha512-WR8UCLEFjWvRl+UO2lTM4pGo7R4jzGZqQ6YL3hiL1Ns587Qb91GhJZLPu/Aa4ExtGQ/5wlcDX8zDYZoCN9oDPw==
+
 next-themes@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/next-themes/-/next-themes-0.2.1.tgz#0c9f128e847979daf6c67f70b38e6b6567856e45"
@@ -6008,30 +6068,6 @@ next@12.3.2:
     "@next/swc-win32-ia32-msvc" "12.3.2"
     "@next/swc-win32-x64-msvc" "12.3.2"
 
-next@^13.4.16:
-  version "13.4.16"
-  resolved "https://registry.yarnpkg.com/next/-/next-13.4.16.tgz#327ef6885b22161ed001cd5943c20b5e409a9406"
-  integrity sha512-1xaA/5DrfpPu0eV31Iro7JfPeqO8uxQWb1zYNTe+KDKdzqkAGapLcDYHMLNKXKB7lHjZ7LfKUOf9dyuzcibrhA==
-  dependencies:
-    "@next/env" "13.4.16"
-    "@swc/helpers" "0.5.1"
-    busboy "1.6.0"
-    caniuse-lite "^1.0.30001406"
-    postcss "8.4.14"
-    styled-jsx "5.1.1"
-    watchpack "2.4.0"
-    zod "3.21.4"
-  optionalDependencies:
-    "@next/swc-darwin-arm64" "13.4.16"
-    "@next/swc-darwin-x64" "13.4.16"
-    "@next/swc-linux-arm64-gnu" "13.4.16"
-    "@next/swc-linux-arm64-musl" "13.4.16"
-    "@next/swc-linux-x64-gnu" "13.4.16"
-    "@next/swc-linux-x64-musl" "13.4.16"
-    "@next/swc-win32-arm64-msvc" "13.4.16"
-    "@next/swc-win32-ia32-msvc" "13.4.16"
-    "@next/swc-win32-x64-msvc" "13.4.16"
-
 no-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
@@ -6041,9 +6077,9 @@ no-case@^3.0.4:
     tslib "^2.0.3"
 
 node-abi@^3.3.0:
-  version "3.45.0"
-  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.45.0.tgz#f568f163a3bfca5aacfce1fbeee1fa2cc98441f5"
-  integrity sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==
+  version "3.47.0"
+  resolved "https://registry.yarnpkg.com/node-abi/-/node-abi-3.47.0.tgz#6cbfa2916805ae25c2b7156ca640131632eb05e8"
+  integrity sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==
   dependencies:
     semver "^7.3.5"
 
@@ -6053,9 +6089,9 @@ node-addon-api@^6.1.0:
   integrity sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==
 
 node-fetch@^2.6.7:
-  version "2.6.12"
-  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.12.tgz#02eb8e22074018e3d5a83016649d04df0e348fba"
-  integrity sha512-C/fGU2E8ToujUivIO0H+tpQ6HWo4eEmchoPIoXtxCrVghxdKq+QOHqEZW7tuP3KlV3bC8FRMO5nMCC7Zm1VP6g==
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
+  integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
   dependencies:
     whatwg-url "^5.0.0"
 
@@ -6123,40 +6159,40 @@ object.assign@^4.1.4:
     object-keys "^1.1.1"
 
 object.entries@^1.1.5, object.entries@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.6.tgz#9737d0e5b8291edd340a3e3264bb8a3b00d5fa23"
-  integrity sha512-leTPzo4Zvg3pmbQ3rDK69Rl8GQvIqMWubrkxONG9/ojtFE2rD9fjMKfSI5BxW3osRH1m6VdzmqK8oAY9aT4x5w==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.fromentries@^2.0.5, object.fromentries@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.6.tgz#cdb04da08c539cffa912dcd368b886e0904bfa73"
-  integrity sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-
-object.groupby@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.0.tgz#cb29259cf90f37e7bac6437686c1ea8c916d12a9"
-  integrity sha512-70MWG6NfRH9GnbZOikuhPPYzpUpof9iW2J9E4dW7FXTqPNb6rllE6u39SKwwiNh8lCwX3DDb5OgcKGiEBrTTyw==
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.7.tgz#2b47760e2a2e3a752f39dd874655c61a7f03c131"
+  integrity sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==
   dependencies:
     call-bind "^1.0.2"
     define-properties "^1.2.0"
-    es-abstract "^1.21.2"
+    es-abstract "^1.22.1"
+
+object.fromentries@^2.0.5, object.fromentries@^2.0.6:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.7.tgz#71e95f441e9a0ea6baf682ecaaf37fa2a8d7e616"
+  integrity sha512-UPbPHML6sL8PI/mOqPwsH4G6iyXcCGzLin8KvEPenOZN5lpCNBZZQ+V62vdjB1mQHrmqGQt5/OJzemUA+KJmEA==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+
+object.groupby@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee"
+  integrity sha512-HqaQtqLnp/8Bn4GL16cj+CUYbnpe1bh0TtEaWvybszDG4tgxCJuRpV8VGuvNaI1fAnI4lUJzDG55MXcOH4JZcQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
     get-intrinsic "^1.2.1"
 
 object.hasown@^1.1.1, object.hasown@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.2.tgz#f919e21fad4eb38a57bc6345b3afd496515c3f92"
-  integrity sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/object.hasown/-/object.hasown-1.1.3.tgz#6a5f2897bb4d3668b8e79364f98ccf971bda55ae"
+  integrity sha512-fFI4VcYpRHvSLXxP7yiZOMAd331cPfd2p7PFDVbgUsYOfCT3tICVqXWngbjr4m49OvsBwUBQ6O2uQoJvy3RexA==
   dependencies:
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
 
 object.omit@^3.0.0:
   version "3.0.0"
@@ -6173,13 +6209,13 @@ object.pick@^1.3.0:
     isobject "^3.0.1"
 
 object.values@^1.1.5, object.values@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.6.tgz#4abbaa71eba47d63589d402856f908243eea9b1d"
-  integrity sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a"
+  integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
 
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
@@ -6432,9 +6468,9 @@ postcss@8.4.14:
     source-map-js "^1.0.2"
 
 postcss@^8.4.14, postcss@^8.4.21, postcss@^8.4.23:
-  version "8.4.27"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.27.tgz#234d7e4b72e34ba5a92c29636734349e0d9c3057"
-  integrity sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==
+  version "8.4.29"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.29.tgz#33bc121cf3b3688d4ddef50be869b2a54185a1dd"
+  integrity sha512-cbI+jaqIeu/VGqXEarWkRCCffhjgXc0qjBtXpqJhTBohMUjUQnbBr0xqX3vEKudc4iviTewcJo5ajcec5+wdJw==
   dependencies:
     nanoid "^3.3.6"
     picocolors "^1.0.0"
@@ -6469,9 +6505,9 @@ prettier@^2.8.7:
   integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
 
 prettier@latest:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.1.tgz#65271fc9320ce4913c57747a70ce635b30beaa40"
-  integrity sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.0.3.tgz#432a51f7ba422d1469096c0fdc28e235db8f9643"
+  integrity sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==
 
 pretty-bytes@^5.3.0, pretty-bytes@^5.4.1:
   version "5.6.0"
@@ -6574,23 +6610,16 @@ prosemirror-markdown@^1.10.1, prosemirror-markdown@^1.11.1:
     prosemirror-model "^1.0.0"
 
 prosemirror-menu@^1.2.1:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/prosemirror-menu/-/prosemirror-menu-1.2.2.tgz#c545a2de0b8cb79babc07682b1d93de0f273aa33"
-  integrity sha512-437HIWTq4F9cTX+kPfqZWWm+luJm95Aut/mLUy+9OMrOml0bmWDS26ceC6SNfb2/S94et1sZ186vLO7pDHzxSw==
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz#3cfdc7c06d10f9fbd1bce29082c498bd11a0a79a"
+  integrity sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==
   dependencies:
     crelt "^1.0.0"
     prosemirror-commands "^1.0.0"
     prosemirror-history "^1.0.0"
     prosemirror-state "^1.0.0"
 
-prosemirror-model@^1.0.0, prosemirror-model@^1.16.0, prosemirror-model@^1.18.1, prosemirror-model@^1.8.1:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.18.1.tgz#1d5d6b6de7b983ee67a479dc607165fdef3935bd"
-  integrity sha512-IxSVBKAEMjD7s3n8cgtwMlxAXZrC7Mlag7zYsAKDndAqnDScvSmp/UdnRTV/B33lTCVU3CCm7dyAn/rVVD0mcw==
-  dependencies:
-    orderedmap "^2.0.0"
-
-prosemirror-model@^1.19.0:
+prosemirror-model@^1.0.0, prosemirror-model@^1.16.0, prosemirror-model@^1.18.1, prosemirror-model@^1.19.0, prosemirror-model@^1.8.1:
   version "1.19.3"
   resolved "https://registry.yarnpkg.com/prosemirror-model/-/prosemirror-model-1.19.3.tgz#f0d55285487fefd962d0ac695f716f4ec6705006"
   integrity sha512-tgSnwN7BS7/UM0sSARcW+IQryx2vODKX4MI7xpqY2X+iaepJdKBPc7I4aACIsDV/LTaTjt12Z56MhDr9LsyuZQ==
@@ -6643,9 +6672,9 @@ prosemirror-trailing-node@^2.0.2:
     escape-string-regexp "^4.0.0"
 
 prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0, prosemirror-transform@^1.2.1, prosemirror-transform@^1.7.0, prosemirror-transform@^1.7.3:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.7.4.tgz#ea878c90563f3586064dd5ccf6cabb50b2753fd9"
-  integrity sha512-GO38mvqJ2yeI0BbL5E1CdHcly032Dlfn9nHqlnCHqlNf9e9jZwJixxp6VRtOeDZ1uTDpDIziezMKbA41LpAx3A==
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.7.5.tgz#c62aac8645bd4f8cf447d6d53dda80abe8489f03"
+  integrity sha512-U/fWB6frEzY7dzwJUo+ir8dU1JEanaI/RwL12Imy9js/527N0v/IRUKewocP1kTq998JNT18IGtThaDLwLOBxQ==
   dependencies:
     prosemirror-model "^1.0.0"
 
@@ -6968,6 +6997,18 @@ redux@^4.0.0, redux@^4.0.4:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
+reflect.getprototypeof@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz#aaccbf41aca3821b87bb71d9dcbc7ad0ba50a3f3"
+  integrity sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
+    globalthis "^1.0.3"
+    which-builtin-type "^1.1.3"
+
 regenerate-unicode-properties@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c"
@@ -6992,7 +7033,7 @@ regenerator-transform@^0.15.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0:
+regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.5.0:
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.0.tgz#fe7ce25e7e4cca8db37b6634c8a2c7009199b9cb"
   integrity sha512-0SutC3pNudRKgquxGoRGIz946MZVHqbNfPjBdxeOhBrdgDKlRoXmYLQN9xRbrR09ZXWeGAdPuif7egofn6v5LA==
@@ -7059,7 +7100,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.yarnpkg.com/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz#616b3dc2c57056b5588c31cdf4b3d64db133720f"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.22.0, resolve@^1.22.2, resolve@^1.22.3, resolve@^1.22.4:
+resolve@^1.1.7, resolve@^1.14.2, resolve@^1.19.0, resolve@^1.22.0, resolve@^1.22.2, resolve@^1.22.4:
   version "1.22.4"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.4.tgz#1dc40df46554cdaf8948a486a10f6ba1e2026c34"
   integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
@@ -7240,9 +7281,9 @@ serialize-javascript@^6.0.1:
     randombytes "^2.1.0"
 
 sharp@^0.32.1:
-  version "0.32.4"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.32.4.tgz#0354653b7924f2520b2264ac9bcd10a58bf411b6"
-  integrity sha512-exUnZewqVZC6UXqXuQ8fyJJv0M968feBi04jb9GcUHrWtkRoAKnbJt8IfwT4NJs7FskArbJ14JAFGVuooszoGg==
+  version "0.32.5"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.32.5.tgz#9ddc78ead6446094f51e50355a2d4ec6e7220cd4"
+  integrity sha512-0dap3iysgDkNaPOaOL4X/0akdu0ma62GcdC2NBQ+93eqpePdDdr2/LM0sFdDSMmN7yS+odyZtPsb7tx/cYBKnQ==
   dependencies:
     color "^4.2.3"
     detect-libc "^2.0.2"
@@ -7379,11 +7420,6 @@ stacktrace-parser@^0.1.10:
   dependencies:
     type-fest "^0.7.1"
 
-streamsearch@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/streamsearch/-/streamsearch-1.1.0.tgz#404dd1e2247ca94af554e841a8ef0eaa238da764"
-  integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==
-
 streamx@^2.15.0:
   version "2.15.1"
   resolved "https://registry.yarnpkg.com/streamx/-/streamx-2.15.1.tgz#396ad286d8bc3eeef8f5cea3f029e81237c024c6"
@@ -7402,17 +7438,17 @@ string-width@^4.2.3:
     strip-ansi "^6.0.1"
 
 string.prototype.matchall@^4.0.6, string.prototype.matchall@^4.0.7, string.prototype.matchall@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz#3bf85722021816dcd1bf38bb714915887ca79fd3"
-  integrity sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==
+  version "4.0.9"
+  resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.9.tgz#148779de0f75d36b13b15885fec5cadde994520d"
+  integrity sha512-6i5hL3MqG/K2G43mWXWgP+qizFW/QH/7kCNN13JrJS5q48FN5IKksLDscexKP3dnmB6cdm9jlNgAsWNLpSykmA==
   dependencies:
     call-bind "^1.0.2"
-    define-properties "^1.1.4"
-    es-abstract "^1.20.4"
-    get-intrinsic "^1.1.3"
+    define-properties "^1.2.0"
+    es-abstract "^1.22.1"
+    get-intrinsic "^1.2.1"
     has-symbols "^1.0.3"
-    internal-slot "^1.0.3"
-    regexp.prototype.flags "^1.4.3"
+    internal-slot "^1.0.5"
+    regexp.prototype.flags "^1.5.0"
     side-channel "^1.0.4"
 
 string.prototype.trim@^1.2.7:
@@ -7497,13 +7533,6 @@ styled-jsx@5.0.7:
   resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.0.7.tgz#be44afc53771b983769ac654d355ca8d019dff48"
   integrity sha512-b3sUzamS086YLRuvnaDigdAewz1/EFYlHpYBP5mZovKEdQQOIIYq8lApylub3HHZ6xFjV051kkGU7cudJmrXEA==
 
-styled-jsx@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.1.tgz#839a1c3aaacc4e735fed0781b8619ea5d0009d1f"
-  integrity sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==
-  dependencies:
-    client-only "0.0.1"
-
 stylis@4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
@@ -7548,10 +7577,10 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-swr@^2.1.3:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/swr/-/swr-2.2.1.tgz#19b89a9034a62a73c30dbf06857a0a31981cd60a"
-  integrity sha512-KJVA7dGtOBeZ+2sycEuzUfVIP5lZ/cd0xjevv85n2YG0x1uHJQicjAtahVZL6xG3+TjqhbBqimwYzVo3saeVXQ==
+swr@^2.1.3, swr@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/swr/-/swr-2.2.2.tgz#abcb1f9c97e10527789884169d58b878472d4c98"
+  integrity sha512-CbR41AoMD4TQBQw9ic3GTXspgfM9Y8Mdhb5Ob4uIKXhWqnRLItwA5fpGvB7SmSw3+zEjb0PdhiEumtUvYoQ+bQ==
   dependencies:
     client-only "^0.0.1"
     use-sync-external-store "^1.2.0"
@@ -7573,9 +7602,9 @@ tailwind-merge@^1.14.0:
   integrity sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==
 
 tailwindcss-animate@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.6.tgz#c7195037481552cc47962ea50113830360fd0c28"
-  integrity sha512-4WigSGMvbl3gCCact62ZvOngA+PRqhAn7si3TQ3/ZuPuQZcIEtVap+ENSXbzWhpojKB8CpvnIsrwBu8/RnHtuw==
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4"
+  integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==
 
 tailwindcss@^3.1.6, tailwindcss@^3.2.7:
   version "3.3.3"
@@ -7676,9 +7705,9 @@ terser-webpack-plugin@^5.3.3:
     terser "^5.16.8"
 
 terser@^5.0.0, terser@^5.16.8:
-  version "5.19.2"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.19.2.tgz#bdb8017a9a4a8de4663a7983f45c506534f9234e"
-  integrity sha512-qC5+dmecKJA4cpYxRa5aVkKehYsQKc+AHeKl0Oe62aYjBL8ZA33tTljktDHJSaxxMnbI5ZYw+o/S2DxxLu8OfA==
+  version "5.19.3"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.19.3.tgz#359baeba615aef13db4b8c4d77a2aa0d8814aa9e"
+  integrity sha512-pQzJ9UJzM0IgmT4FAtYI6+VqFf0lj/to58AV0Xfgg0Up37RyPG7Al+1cepC6/BVuAxR9oNb41/DL4DEoHJvTdg==
   dependencies:
     "@jridgewell/source-map" "^0.3.3"
     acorn "^8.8.2"
@@ -7796,9 +7825,9 @@ tslib@^1.8.1:
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
 tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0, "tslib@^2.4.1 || ^1.9.3":
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.1.tgz#fd8c9a0ff42590b25703c0acb3de3d3f4ede0410"
-  integrity sha512-t0hLfiEKfMUoqhG+U1oid7Pva4bbDPHYfJNiB7BiIjRkj1pyC++4N3huJfqY6aRH6VTB0rvtzQwjM4K6qpfOig==
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
+  integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
 tslib@~2.5.0:
   version "2.5.3"
@@ -7819,47 +7848,47 @@ tunnel-agent@^0.6.0:
   dependencies:
     safe-buffer "^5.0.1"
 
-turbo-darwin-64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-darwin-64/-/turbo-darwin-64-1.10.12.tgz#a3d9d6bd3436e795254865bc3d76a9c79aff8085"
-  integrity sha512-vmDfGVPl5/aFenAbOj3eOx3ePNcWVUyZwYr7taRl0ZBbmv2TzjRiFotO4vrKCiTVnbqjQqAFQWY2ugbqCI1kOQ==
+turbo-darwin-64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-darwin-64/-/turbo-darwin-64-1.10.13.tgz#7abc33838bf74c7e7ba2955cb6acc40342d6964c"
+  integrity sha512-vmngGfa2dlYvX7UFVncsNDMuT4X2KPyPJ2Jj+xvf5nvQnZR/3IeDEGleGVuMi/hRzdinoxwXqgk9flEmAYp0Xw==
 
-turbo-darwin-arm64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.12.tgz#ff1d9466935687ca68c0dee88a909c34cc654357"
-  integrity sha512-3JliEESLNX2s7g54SOBqqkqJ7UhcOGkS0ywMr5SNuvF6kWVTbuUq7uBU/sVbGq8RwvK1ONlhPvJne5MUqBCTCQ==
+turbo-darwin-arm64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-darwin-arm64/-/turbo-darwin-arm64-1.10.13.tgz#89f2d14a28789e5eaf276a17fecd4116d61fd16d"
+  integrity sha512-eMoJC+k7gIS4i2qL6rKmrIQGP6Wr9nN4odzzgHFngLTMimok2cGLK3qbJs5O5F/XAtEeRAmuxeRnzQwTl/iuAw==
 
-turbo-linux-64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-linux-64/-/turbo-linux-64-1.10.12.tgz#d184a491cc67c07672d339e36427378d0fc6b82e"
-  integrity sha512-siYhgeX0DidIfHSgCR95b8xPee9enKSOjCzx7EjTLmPqPaCiVebRYvbOIYdQWRqiaKh9yfhUtFmtMOMScUf1gg==
+turbo-linux-64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-linux-64/-/turbo-linux-64-1.10.13.tgz#803e2b351984ec81034dc4b6935cdfb0a7d7d572"
+  integrity sha512-0CyYmnKTs6kcx7+JRH3nPEqCnzWduM0hj8GP/aodhaIkLNSAGAa+RiYZz6C7IXN+xUVh5rrWTnU2f1SkIy7Gdg==
 
-turbo-linux-arm64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-linux-arm64/-/turbo-linux-arm64-1.10.12.tgz#44e6ca10b20fd4c59f8c85acf8366c7c09ebca81"
-  integrity sha512-K/ZhvD9l4SslclaMkTiIrnfcACgos79YcAo4kwc8bnMQaKuUeRpM15sxLpZp3xDjDg8EY93vsKyjaOhdFG2UbA==
+turbo-linux-arm64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-linux-arm64/-/turbo-linux-arm64-1.10.13.tgz#92439a927ec98801be1be266016736be5730e40c"
+  integrity sha512-0iBKviSGQQlh2OjZgBsGjkPXoxvRIxrrLLbLObwJo3sOjIH0loGmVIimGS5E323soMfi/o+sidjk2wU1kFfD7Q==
 
-turbo-windows-64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-windows-64/-/turbo-windows-64-1.10.12.tgz#36380eca8e7b0505d08b87a084efab1500b2a80e"
-  integrity sha512-7FSgSwvktWDNOqV65l9AbZwcoueAILeE4L7JvjauNASAjjbuzXGCEq5uN8AQU3U5BOFj4TdXrVmO2dX+lLu8Zg==
+turbo-windows-64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-windows-64/-/turbo-windows-64-1.10.13.tgz#870815cdcb20f2480296c208778f9127be61eec6"
+  integrity sha512-S5XySRfW2AmnTeY1IT+Jdr6Goq7mxWganVFfrmqU+qqq3Om/nr0GkcUX+KTIo9mPrN0D3p5QViBRzulwB5iuUQ==
 
-turbo-windows-arm64@1.10.12:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo-windows-arm64/-/turbo-windows-arm64-1.10.12.tgz#757ad59b9abf1949f22280bee6e8aad253743ba5"
-  integrity sha512-gCNXF52dwom1HLY9ry/cneBPOKTBHhzpqhMylcyvJP0vp9zeMQQkt6yjYv+6QdnmELC92CtKNp2FsNZo+z0pyw==
+turbo-windows-arm64@1.10.13:
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo-windows-arm64/-/turbo-windows-arm64-1.10.13.tgz#2da38b71b1716732541dfc5bd7475dc0903921f8"
+  integrity sha512-nKol6+CyiExJIuoIc3exUQPIBjP9nIq5SkMJgJuxsot2hkgGrafAg/izVDRDrRduQcXj2s8LdtxJHvvnbI8hEQ==
 
 turbo@latest:
-  version "1.10.12"
-  resolved "https://registry.yarnpkg.com/turbo/-/turbo-1.10.12.tgz#cd6f56b92da0600dae9fd94230483556a5c83187"
-  integrity sha512-WM3+jTfQWnB9W208pmP4oeehZcC6JQNlydb/ZHMRrhmQa+htGhWLCzd6Q9rLe0MwZLPpSPFV2/bN5egCLyoKjQ==
+  version "1.10.13"
+  resolved "https://registry.yarnpkg.com/turbo/-/turbo-1.10.13.tgz#8050bcd09f8a20d5a626f41e86cd8760e49a0df6"
+  integrity sha512-vOF5IPytgQPIsgGtT0n2uGZizR2N3kKuPIn4b5p5DdeLoI0BV7uNiydT7eSzdkPRpdXNnO8UwS658VaI4+YSzQ==
   optionalDependencies:
-    turbo-darwin-64 "1.10.12"
-    turbo-darwin-arm64 "1.10.12"
-    turbo-linux-64 "1.10.12"
-    turbo-linux-arm64 "1.10.12"
-    turbo-windows-64 "1.10.12"
-    turbo-windows-arm64 "1.10.12"
+    turbo-darwin-64 "1.10.13"
+    turbo-darwin-arm64 "1.10.13"
+    turbo-linux-64 "1.10.13"
+    turbo-linux-arm64 "1.10.13"
+    turbo-windows-64 "1.10.13"
+    turbo-windows-arm64 "1.10.13"
 
 type-check@^0.4.0, type-check@~0.4.0:
   version "0.4.0"
@@ -8138,9 +8167,9 @@ uvu@^0.5.0:
     sade "^1.7.3"
 
 v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz#cdada8bec61e15865f05d097c5f4fd30e94dc128"
+  integrity sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==
 
 vfile-message@^3.0.0:
   version "3.1.4"
@@ -8172,14 +8201,6 @@ warning@^4.0.2, warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
-
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
@@ -8231,7 +8252,35 @@ which-boxed-primitive@^1.0.2:
     is-string "^1.0.5"
     is-symbol "^1.0.3"
 
-which-typed-array@^1.1.10, which-typed-array@^1.1.11:
+which-builtin-type@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/which-builtin-type/-/which-builtin-type-1.1.3.tgz#b1b8443707cc58b6e9bf98d32110ff0c2cbd029b"
+  integrity sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==
+  dependencies:
+    function.prototype.name "^1.1.5"
+    has-tostringtag "^1.0.0"
+    is-async-function "^2.0.0"
+    is-date-object "^1.0.5"
+    is-finalizationregistry "^1.0.2"
+    is-generator-function "^1.0.10"
+    is-regex "^1.1.4"
+    is-weakref "^1.0.2"
+    isarray "^2.0.5"
+    which-boxed-primitive "^1.0.2"
+    which-collection "^1.0.1"
+    which-typed-array "^1.1.9"
+
+which-collection@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/which-collection/-/which-collection-1.0.1.tgz#70eab71ebbbd2aefaf32f917082fc62cdcb70906"
+  integrity sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==
+  dependencies:
+    is-map "^2.0.1"
+    is-set "^2.0.1"
+    is-weakmap "^2.0.1"
+    is-weakset "^2.0.1"
+
+which-typed-array@^1.1.10, which-typed-array@^1.1.11, which-typed-array@^1.1.9:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.11.tgz#99d691f23c72aab6768680805a271b69761ed61a"
   integrity sha512-qe9UWWpkeG5yzZ0tNYxDmd7vo58HDBc39mZ0xWWpolAGADdFOzkfamWLDxkOWcvHQKVmdTyQdLD4NOfjLWTKew==
@@ -8439,16 +8488,11 @@ yaml@^1.10.0:
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
 yaml@^2.1.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.1.tgz#02fe0975d23cd441242aa7204e09fc28ac2ac33b"
-  integrity sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/yaml/-/yaml-2.3.2.tgz#f522db4313c671a0ca963a75670f1c12ea909144"
+  integrity sha512-N/lyzTPaJasoDmfV7YTrYCI0G/3ivm/9wdG0aHuheKowWQwGTsK0Eoiw6utmzAnI6pkJa0DUVygvp3spqqEKXg==
 
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
-zod@3.21.4:
-  version "3.21.4"
-  resolved "https://registry.yarnpkg.com/zod/-/zod-3.21.4.tgz#10882231d992519f0a10b5dd58a38c9dabbb64db"
-  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==

From 74bf9062b4e1c48bfbd9be5022aad6c6eb9fc54b Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 1 Sep 2023 16:52:44 +0530
Subject: [PATCH 11/81] chore: bug fixes and ui/ux enhancements (#2036)

---
 .../command-palette/shortcuts-modal.tsx       |   2 -
 apps/app/components/core/activity.tsx         |  22 +++
 .../core/filters/issues-view-filter.tsx       |   2 +-
 .../components/core/image-picker-popover.tsx  |   9 +-
 .../core/views/board-view/board-header.tsx    |   4 +-
 .../core/views/board-view/single-board.tsx    |  71 ++++-----
 .../core/views/board-view/single-issue.tsx    |   2 +-
 .../core/views/list-view/single-issue.tsx     |  26 +++-
 .../core/views/list-view/single-list.tsx      |  17 ++-
 .../views/spreadsheet-view/single-issue.tsx   |   2 +-
 .../cycles/active-cycle-details.tsx           |  29 +---
 .../components/emoji-icon-picker/index.tsx    |  14 +-
 .../components/emoji-icon-picker/types.d.ts   |   1 +
 .../components/issues/delete-issue-modal.tsx  |   5 +-
 apps/app/components/issues/label.tsx          |  14 +-
 apps/app/components/issues/modal.tsx          |   2 +-
 .../my-issues/my-issues-view-options.tsx      |   2 +-
 .../issues/my-issues/my-issues-view.tsx       |   3 +
 .../profile/profile-issues-view-options.tsx   |   2 +-
 .../profile/profile-issues-view.tsx           |   3 +
 .../app/components/workspace/issues-stats.tsx | 140 ++++++++++--------
 .../projects/[projectId]/pages/[pageId].tsx   |   2 +-
 .../projects/[projectId]/settings/index.tsx   |  76 +++++-----
 .../pages/[workspaceSlug]/settings/index.tsx  |  95 ++++++------
 24 files changed, 316 insertions(+), 229 deletions(-)

diff --git a/apps/app/components/command-palette/shortcuts-modal.tsx b/apps/app/components/command-palette/shortcuts-modal.tsx
index 86b4aeb46..82f9b398c 100644
--- a/apps/app/components/command-palette/shortcuts-modal.tsx
+++ b/apps/app/components/command-palette/shortcuts-modal.tsx
@@ -22,8 +22,6 @@ const shortcuts = [
       { keys: "↓", description: "Move down" },
       { keys: "←", description: "Move left" },
       { keys: "→", description: "Move right" },
-      { keys: "Enter", description: "Select" },
-      { keys: "Esc", description: "Close" },
     ],
   },
   {
diff --git a/apps/app/components/core/activity.tsx b/apps/app/components/core/activity.tsx
index 1b9de8d25..c8f6377b7 100644
--- a/apps/app/components/core/activity.tsx
+++ b/apps/app/components/core/activity.tsx
@@ -353,6 +353,28 @@ const activityDetails: {
             .
           </>
         );
+      else if (activity.verb === "updated")
+        return (
+          <>
+            updated the{" "}
+            <a
+              href={`${activity.old_value}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
+            >
+              link
+              <Icon iconName="launch" className="!text-xs" />
+            </a>
+            {showIssue && (
+              <>
+                {" "}
+                from <IssueLink activity={activity} />
+              </>
+            )}
+            .
+          </>
+        );
       else
         return (
           <>
diff --git a/apps/app/components/core/filters/issues-view-filter.tsx b/apps/app/components/core/filters/issues-view-filter.tsx
index 3238a8d17..1266bd5a3 100644
--- a/apps/app/components/core/filters/issues-view-filter.tsx
+++ b/apps/app/components/core/filters/issues-view-filter.tsx
@@ -158,7 +158,7 @@ export const IssuesFilterView: React.FC = () => {
                   : "text-custom-sidebar-text-200"
               }`}
             >
-              View
+              Display
               <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
             </Popover.Button>
 
diff --git a/apps/app/components/core/image-picker-popover.tsx b/apps/app/components/core/image-picker-popover.tsx
index 402cba022..5f13d960e 100644
--- a/apps/app/components/core/image-picker-popover.tsx
+++ b/apps/app/components/core/image-picker-popover.tsx
@@ -40,9 +40,15 @@ type Props = {
   label: string | React.ReactNode;
   value: string | null;
   onChange: (data: string) => void;
+  disabled?: boolean;
 };
 
-export const ImagePickerPopover: React.FC<Props> = ({ label, value, onChange }) => {
+export const ImagePickerPopover: React.FC<Props> = ({
+  label,
+  value,
+  onChange,
+  disabled = false,
+}) => {
   const ref = useRef<HTMLDivElement>(null);
 
   const router = useRouter();
@@ -117,6 +123,7 @@ export const ImagePickerPopover: React.FC<Props> = ({ label, value, onChange })
       <Popover.Button
         className="rounded-md border border-custom-border-300 bg-custom-background-100 px-2 py-1 text-xs text-custom-text-200 hover:text-custom-text-100"
         onClick={() => setIsOpen((prev) => !prev)}
+        disabled={disabled}
       >
         {label}
       </Popover.Button>
diff --git a/apps/app/components/core/views/board-view/board-header.tsx b/apps/app/components/core/views/board-view/board-header.tsx
index d5b11f5f0..5392774d9 100644
--- a/apps/app/components/core/views/board-view/board-header.tsx
+++ b/apps/app/components/core/views/board-view/board-header.tsx
@@ -29,6 +29,7 @@ type Props = {
   isCollapsed: boolean;
   setIsCollapsed: React.Dispatch<React.SetStateAction<boolean>>;
   disableUserActions: boolean;
+  disableAddIssue: boolean;
   viewProps: IIssueViewProps;
 };
 
@@ -39,6 +40,7 @@ export const BoardHeader: React.FC<Props> = ({
   isCollapsed,
   setIsCollapsed,
   disableUserActions,
+  disableAddIssue,
   viewProps,
 }) => {
   const router = useRouter();
@@ -181,7 +183,7 @@ export const BoardHeader: React.FC<Props> = ({
             <Icon iconName="open_in_full" className="text-base font-medium text-custom-text-900" />
           )}
         </button>
-        {!disableUserActions && selectedGroup !== "created_by" && (
+        {!disableAddIssue && !disableUserActions && selectedGroup !== "created_by" && (
           <button
             type="button"
             className="grid h-7 w-7 place-items-center rounded p-1 text-custom-text-200 outline-none duration-300 hover:bg-custom-background-80"
diff --git a/apps/app/components/core/views/board-view/single-board.tsx b/apps/app/components/core/views/board-view/single-board.tsx
index 3380dd1ec..52e8c27c7 100644
--- a/apps/app/components/core/views/board-view/single-board.tsx
+++ b/apps/app/components/core/views/board-view/single-board.tsx
@@ -53,6 +53,8 @@ export const SingleBoard: React.FC<Props> = ({
   const router = useRouter();
   const { cycleId, moduleId } = router.query;
 
+  const isSubscribedIssues = router.pathname.includes("subscribed");
+
   const type = cycleId ? "cycle" : moduleId ? "module" : "issue";
 
   // Check if it has at least 4 tickets since it is enough to accommodate the Calendar height
@@ -70,6 +72,7 @@ export const SingleBoard: React.FC<Props> = ({
         isCollapsed={isCollapsed}
         setIsCollapsed={setIsCollapsed}
         disableUserActions={disableUserActions}
+        disableAddIssue={isSubscribedIssues}
         viewProps={viewProps}
       />
       {isCollapsed && (
@@ -150,41 +153,41 @@ export const SingleBoard: React.FC<Props> = ({
               </div>
               {selectedGroup !== "created_by" && (
                 <div>
-                  {type === "issue" ? (
-                    <button
-                      type="button"
-                      className="flex items-center gap-2 font-medium text-custom-primary outline-none p-1"
-                      onClick={addIssueToGroup}
-                    >
-                      <PlusIcon className="h-4 w-4" />
-                      Add Issue
-                    </button>
-                  ) : (
-                    !disableUserActions && (
-                      <CustomMenu
-                        customButton={
-                          <button
-                            type="button"
-                            className="flex items-center gap-2 font-medium text-custom-primary outline-none whitespace-nowrap"
-                          >
-                            <PlusIcon className="h-4 w-4" />
-                            Add Issue
-                          </button>
-                        }
-                        position="left"
-                        noBorder
-                      >
-                        <CustomMenu.MenuItem onClick={addIssueToGroup}>
-                          Create new
-                        </CustomMenu.MenuItem>
-                        {openIssuesListModal && (
-                          <CustomMenu.MenuItem onClick={openIssuesListModal}>
-                            Add an existing issue
+                  {type === "issue"
+                    ? !isSubscribedIssues && (
+                        <button
+                          type="button"
+                          className="flex items-center gap-2 font-medium text-custom-primary outline-none p-1"
+                          onClick={addIssueToGroup}
+                        >
+                          <PlusIcon className="h-4 w-4" />
+                          Add Issue
+                        </button>
+                      )
+                    : !disableUserActions && (
+                        <CustomMenu
+                          customButton={
+                            <button
+                              type="button"
+                              className="flex items-center gap-2 font-medium text-custom-primary outline-none whitespace-nowrap"
+                            >
+                              <PlusIcon className="h-4 w-4" />
+                              Add Issue
+                            </button>
+                          }
+                          position="left"
+                          noBorder
+                        >
+                          <CustomMenu.MenuItem onClick={addIssueToGroup}>
+                            Create new
                           </CustomMenu.MenuItem>
-                        )}
-                      </CustomMenu>
-                    )
-                  )}
+                          {openIssuesListModal && (
+                            <CustomMenu.MenuItem onClick={openIssuesListModal}>
+                              Add an existing issue
+                            </CustomMenu.MenuItem>
+                          )}
+                        </CustomMenu>
+                      )}
                 </div>
               )}
             </div>
diff --git a/apps/app/components/core/views/board-view/single-issue.tsx b/apps/app/components/core/views/board-view/single-issue.tsx
index b676e809c..455ba48e6 100644
--- a/apps/app/components/core/views/board-view/single-issue.tsx
+++ b/apps/app/components/core/views/board-view/single-issue.tsx
@@ -350,7 +350,7 @@ export const SingleBoardIssue: React.FC<Props> = ({
               />
             )}
             {properties.labels && issue.labels.length > 0 && (
-              <ViewIssueLabel issue={issue} maxRender={2} />
+              <ViewIssueLabel labelDetails={issue.label_details} maxRender={2} />
             )}
             {properties.assignee && (
               <ViewAssigneeSelect
diff --git a/apps/app/components/core/views/list-view/single-issue.tsx b/apps/app/components/core/views/list-view/single-issue.tsx
index eafe74612..d89ef6927 100644
--- a/apps/app/components/core/views/list-view/single-issue.tsx
+++ b/apps/app/components/core/views/list-view/single-issue.tsx
@@ -36,9 +36,21 @@ import { LayerDiagonalIcon } from "components/icons";
 import { copyTextToClipboard } from "helpers/string.helper";
 import { handleIssuesMutation } from "constants/issue";
 // types
-import { ICurrentUserResponse, IIssue, IIssueViewProps, ISubIssueResponse, UserAuth } from "types";
+import {
+  ICurrentUserResponse,
+  IIssue,
+  IIssueViewProps,
+  ISubIssueResponse,
+  IUserProfileProjectSegregation,
+  UserAuth,
+} from "types";
 // fetch-keys
-import { CYCLE_DETAILS, MODULE_DETAILS, SUB_ISSUES } from "constants/fetch-keys";
+import {
+  CYCLE_DETAILS,
+  MODULE_DETAILS,
+  SUB_ISSUES,
+  USER_PROFILE_PROJECT_SEGREGATION,
+} from "constants/fetch-keys";
 
 type Props = {
   type?: string;
@@ -74,7 +86,7 @@ export const SingleListIssue: React.FC<Props> = ({
   const [contextMenuPosition, setContextMenuPosition] = useState<React.MouseEvent | null>(null);
 
   const router = useRouter();
-  const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
+  const { workspaceSlug, projectId, cycleId, moduleId, userId } = router.query;
   const isArchivedIssues = router.pathname.includes("archived-issues");
 
   const { setToastAlert } = useToast();
@@ -126,6 +138,11 @@ export const SingleListIssue: React.FC<Props> = ({
         .then(() => {
           mutateIssues();
 
+          if (userId)
+            mutate<IUserProfileProjectSegregation>(
+              USER_PROFILE_PROJECT_SEGREGATION(workspaceSlug.toString(), userId.toString())
+            );
+
           if (cycleId) mutate(CYCLE_DETAILS(cycleId as string));
           if (moduleId) mutate(MODULE_DETAILS(moduleId as string));
         });
@@ -134,6 +151,7 @@ export const SingleListIssue: React.FC<Props> = ({
       workspaceSlug,
       cycleId,
       moduleId,
+      userId,
       groupTitle,
       index,
       selectedGroup,
@@ -261,7 +279,7 @@ export const SingleListIssue: React.FC<Props> = ({
               isNotAllowed={isNotAllowed}
             />
           )}
-          {properties.labels && <ViewIssueLabel issue={issue} maxRender={3} />}
+          {properties.labels && <ViewIssueLabel labelDetails={issue.label_details} maxRender={3} />}
           {properties.assignee && (
             <ViewAssigneeSelect
               issue={issue}
diff --git a/apps/app/components/core/views/list-view/single-list.tsx b/apps/app/components/core/views/list-view/single-list.tsx
index 03ef77727..a1b80c067 100644
--- a/apps/app/components/core/views/list-view/single-list.tsx
+++ b/apps/app/components/core/views/list-view/single-list.tsx
@@ -60,6 +60,7 @@ export const SingleList: React.FC<Props> = ({
   const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
 
   const isArchivedIssues = router.pathname.includes("archived-issues");
+  const isSubscribedIssues = router.pathname.includes("subscribed");
 
   const type = cycleId ? "cycle" : moduleId ? "module" : "issue";
 
@@ -180,13 +181,15 @@ export const SingleList: React.FC<Props> = ({
             {isArchivedIssues ? (
               ""
             ) : type === "issue" ? (
-              <button
-                type="button"
-                className="p-1  text-custom-text-200 hover:bg-custom-background-80"
-                onClick={addIssueToGroup}
-              >
-                <PlusIcon className="h-4 w-4" />
-              </button>
+              !isSubscribedIssues && (
+                <button
+                  type="button"
+                  className="p-1  text-custom-text-200 hover:bg-custom-background-80"
+                  onClick={addIssueToGroup}
+                >
+                  <PlusIcon className="h-4 w-4" />
+                </button>
+              )
             ) : disableUserActions ? (
               ""
             ) : (
diff --git a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx b/apps/app/components/core/views/spreadsheet-view/single-issue.tsx
index 53869a638..731d7f921 100644
--- a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx
+++ b/apps/app/components/core/views/spreadsheet-view/single-issue.tsx
@@ -323,7 +323,7 @@ export const SingleSpreadsheetIssue: React.FC<Props> = ({
         )}
         {properties.labels && (
           <div className="flex items-center text-xs text-custom-text-200 text-center p-2 group-hover:bg-custom-background-80 border-custom-border-200">
-            <ViewIssueLabel issue={issue} maxRender={1} />
+            <ViewIssueLabel labelDetails={issue.label_details} maxRender={1} />
           </div>
         )}
 
diff --git a/apps/app/components/cycles/active-cycle-details.tsx b/apps/app/components/cycles/active-cycle-details.tsx
index bec200bd9..23fd68e75 100644
--- a/apps/app/components/cycles/active-cycle-details.tsx
+++ b/apps/app/components/cycles/active-cycle-details.tsx
@@ -31,6 +31,8 @@ import {
   CompletedStateIcon,
 } from "components/icons";
 import { StarIcon } from "@heroicons/react/24/outline";
+// components
+import { ViewIssueLabel } from "components/issues";
 // helpers
 import {
   getDateRangeStatus,
@@ -441,7 +443,10 @@ export const ActiveCycleDetails: React.FC = () => {
                   issues.map((issue) => (
                     <div
                       key={issue.id}
-                      className="flex flex-wrap rounded-md items-center justify-between gap-2 border border-custom-border-200 bg-custom-background-90 px-3 py-1.5"
+                      onClick={() =>
+                        router.push(`/${workspaceSlug}/projects/${projectId}/issues/${issue.id}`)
+                      }
+                      className="flex flex-wrap cursor-pointer rounded-md items-center justify-between gap-2 border border-custom-border-200 bg-custom-background-90 px-3 py-1.5"
                     >
                       <div className="flex flex-col gap-1">
                         <div>
@@ -474,27 +479,7 @@ export const ActiveCycleDetails: React.FC = () => {
                         >
                           {getPriorityIcon(issue.priority, "text-sm")}
                         </div>
-                        {issue.label_details.length > 0 ? (
-                          <div className="flex flex-wrap gap-1">
-                            {issue.label_details.map((label) => (
-                              <span
-                                key={label.id}
-                                className="group flex items-center gap-1 rounded-2xl border border-custom-border-200 px-2 py-0.5 text-xs text-custom-text-200"
-                              >
-                                <span
-                                  className="h-1.5 w-1.5  rounded-full"
-                                  style={{
-                                    backgroundColor:
-                                      label?.color && label.color !== "" ? label.color : "#000",
-                                  }}
-                                />
-                                {label.name}
-                              </span>
-                            ))}
-                          </div>
-                        ) : (
-                          ""
-                        )}
+                        <ViewIssueLabel labelDetails={issue.label_details} maxRender={2} />
                         <div className={`flex items-center gap-2 text-custom-text-200`}>
                           {issue.assignees &&
                           issue.assignees.length > 0 &&
diff --git a/apps/app/components/emoji-icon-picker/index.tsx b/apps/app/components/emoji-icon-picker/index.tsx
index ffe8b33d6..7af3bb74f 100644
--- a/apps/app/components/emoji-icon-picker/index.tsx
+++ b/apps/app/components/emoji-icon-picker/index.tsx
@@ -23,7 +23,13 @@ const tabOptions = [
   },
 ];
 
-const EmojiIconPicker: React.FC<Props> = ({ label, value, onChange, onIconColorChange }) => {
+const EmojiIconPicker: React.FC<Props> = ({
+  label,
+  value,
+  onChange,
+  onIconColorChange,
+  disabled = false,
+}) => {
   const [isOpen, setIsOpen] = useState(false);
   const [openColorPicker, setOpenColorPicker] = useState(false);
   const [activeColor, setActiveColor] = useState<string>("rgb(var(--color-text-200))");
@@ -40,7 +46,11 @@ const EmojiIconPicker: React.FC<Props> = ({ label, value, onChange, onIconColorC
 
   return (
     <Popover className="relative z-[1]">
-      <Popover.Button onClick={() => setIsOpen((prev) => !prev)} className="outline-none">
+      <Popover.Button
+        onClick={() => setIsOpen((prev) => !prev)}
+        className="outline-none"
+        disabled={disabled}
+      >
         {label}
       </Popover.Button>
       <Transition
diff --git a/apps/app/components/emoji-icon-picker/types.d.ts b/apps/app/components/emoji-icon-picker/types.d.ts
index fed55372e..01220ed44 100644
--- a/apps/app/components/emoji-icon-picker/types.d.ts
+++ b/apps/app/components/emoji-icon-picker/types.d.ts
@@ -10,4 +10,5 @@ export type Props = {
         }
   ) => void;
   onIconColorChange?: (data: any) => void;
+  disabled?: boolean;
 };
diff --git a/apps/app/components/issues/delete-issue-modal.tsx b/apps/app/components/issues/delete-issue-modal.tsx
index d847126ed..e9907973f 100644
--- a/apps/app/components/issues/delete-issue-modal.tsx
+++ b/apps/app/components/issues/delete-issue-modal.tsx
@@ -33,16 +33,16 @@ type Props = {
   isOpen: boolean;
   handleClose: () => void;
   data: IIssue | null;
-  onSubmit?: () => Promise<void>;
   user: ICurrentUserResponse | undefined;
+  onSubmit?: () => Promise<void>;
 };
 
 export const DeleteIssueModal: React.FC<Props> = ({
   isOpen,
   handleClose,
   data,
-  onSubmit,
   user,
+  onSubmit,
 }) => {
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
 
@@ -138,6 +138,7 @@ export const DeleteIssueModal: React.FC<Props> = ({
         console.log(error);
         setIsDeleteLoading(false);
       });
+    if (onSubmit) await onSubmit();
   };
 
   const handleArchivedIssueDeletion = async () => {
diff --git a/apps/app/components/issues/label.tsx b/apps/app/components/issues/label.tsx
index c5a48d0ad..75a08ba0f 100644
--- a/apps/app/components/issues/label.tsx
+++ b/apps/app/components/issues/label.tsx
@@ -6,16 +6,16 @@ import { Tooltip } from "components/ui";
 import { IIssue } from "types";
 
 type Props = {
-  issue: IIssue;
+  labelDetails: any[];
   maxRender?: number;
 };
 
-export const ViewIssueLabel: React.FC<Props> = ({ issue, maxRender = 1 }) => (
+export const ViewIssueLabel: React.FC<Props> = ({ labelDetails, maxRender = 1 }) => (
   <>
-    {issue.label_details.length > 0 ? (
-      issue.label_details.length <= maxRender ? (
+    {labelDetails.length > 0 ? (
+      labelDetails.length <= maxRender ? (
         <>
-          {issue.label_details.map((label, index) => (
+          {labelDetails.map((label) => (
             <div
               key={label.id}
               className="flex cursor-default items-center flex-shrink-0 rounded-md border border-custom-border-300 px-2.5 py-1 text-xs shadow-sm"
@@ -39,11 +39,11 @@ export const ViewIssueLabel: React.FC<Props> = ({ issue, maxRender = 1 }) => (
           <Tooltip
             position="top"
             tooltipHeading="Labels"
-            tooltipContent={issue.label_details.map((l) => l.name).join(", ")}
+            tooltipContent={labelDetails.map((l) => l.name).join(", ")}
           >
             <div className="flex items-center gap-1.5 text-custom-text-200">
               <span className="h-2 w-2 flex-shrink-0 rounded-full bg-custom-primary" />
-              {`${issue.label_details.length} Labels`}
+              {`${labelDetails.length} Labels`}
             </div>
           </Tooltip>
         </div>
diff --git a/apps/app/components/issues/modal.tsx b/apps/app/components/issues/modal.tsx
index 8f13a8047..4c4f2ba44 100644
--- a/apps/app/components/issues/modal.tsx
+++ b/apps/app/components/issues/modal.tsx
@@ -93,7 +93,7 @@ export const CreateUpdateIssueModal: React.FC<IssuesModalProps> = ({
 
   if (cycleId) prePopulateData = { ...prePopulateData, cycle: cycleId as string };
   if (moduleId) prePopulateData = { ...prePopulateData, module: moduleId as string };
-  if (router.asPath.includes("my-issues"))
+  if (router.asPath.includes("my-issues") || router.asPath.includes("assigned"))
     prePopulateData = {
       ...prePopulateData,
       assignees: [...(prePopulateData?.assignees ?? []), user?.id ?? ""],
diff --git a/apps/app/components/issues/my-issues/my-issues-view-options.tsx b/apps/app/components/issues/my-issues/my-issues-view-options.tsx
index 7c6a6fe44..d31f884dc 100644
--- a/apps/app/components/issues/my-issues/my-issues-view-options.tsx
+++ b/apps/app/components/issues/my-issues/my-issues-view-options.tsx
@@ -123,7 +123,7 @@ export const MyIssuesViewOptions: React.FC = () => {
                   : "text-custom-sidebar-text-200"
               }`}
             >
-              View
+              Display
               <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
             </Popover.Button>
 
diff --git a/apps/app/components/issues/my-issues/my-issues-view.tsx b/apps/app/components/issues/my-issues/my-issues-view.tsx
index ee38849cd..e8624e236 100644
--- a/apps/app/components/issues/my-issues/my-issues-view.tsx
+++ b/apps/app/components/issues/my-issues/my-issues-view.tsx
@@ -234,6 +234,9 @@ export const MyIssuesView: React.FC<Props> = ({
         isOpen={deleteIssueModal}
         data={issueToDelete}
         user={user}
+        onSubmit={async () => {
+          mutateMyIssues();
+        }}
       />
       {areFiltersApplied && (
         <>
diff --git a/apps/app/components/profile/profile-issues-view-options.tsx b/apps/app/components/profile/profile-issues-view-options.tsx
index 38faf500b..4d59d6ffa 100644
--- a/apps/app/components/profile/profile-issues-view-options.tsx
+++ b/apps/app/components/profile/profile-issues-view-options.tsx
@@ -149,7 +149,7 @@ export const ProfileIssuesViewOptions: React.FC = () => {
                   : "text-custom-sidebar-text-200"
               }`}
             >
-              View
+              Display
               <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
             </Popover.Button>
 
diff --git a/apps/app/components/profile/profile-issues-view.tsx b/apps/app/components/profile/profile-issues-view.tsx
index 0449546fc..fa5df1227 100644
--- a/apps/app/components/profile/profile-issues-view.tsx
+++ b/apps/app/components/profile/profile-issues-view.tsx
@@ -248,6 +248,9 @@ export const ProfileIssuesView = () => {
         isOpen={deleteIssueModal}
         data={issueToDelete}
         user={user}
+        onSubmit={async () => {
+          mutateProfileIssues();
+        }}
       />
       {areFiltersApplied && (
         <>
diff --git a/apps/app/components/workspace/issues-stats.tsx b/apps/app/components/workspace/issues-stats.tsx
index 1b327227a..2c874d503 100644
--- a/apps/app/components/workspace/issues-stats.tsx
+++ b/apps/app/components/workspace/issues-stats.tsx
@@ -6,78 +6,88 @@ import { Loader, Tooltip } from "components/ui";
 import { InformationCircleIcon } from "@heroicons/react/24/outline";
 // types
 import { IUserWorkspaceDashboard } from "types";
+import { useRouter } from "next/router";
 
 type Props = {
   data: IUserWorkspaceDashboard | undefined;
 };
 
-export const IssuesStats: React.FC<Props> = ({ data }) => (
-  <div className="grid grid-cols-1 rounded-[10px] border border-custom-border-200 bg-custom-background-100 lg:grid-cols-3">
-    <div className="grid grid-cols-1 divide-y divide-custom-border-200 border-b border-custom-border-200 lg:border-r lg:border-b-0">
-      <div className="flex">
-        <div className="basis-1/2 p-4">
-          <h4 className="text-sm">Issues assigned to you</h4>
-          <h5 className="mt-2 text-2xl font-semibold">
-            {data ? (
-              data.assigned_issues_count
-            ) : (
-              <Loader>
-                <Loader.Item height="25px" width="50%" />
-              </Loader>
-            )}
-          </h5>
+export const IssuesStats: React.FC<Props> = ({ data }) => {
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+  return (
+    <div className="grid grid-cols-1 rounded-[10px] border border-custom-border-200 bg-custom-background-100 lg:grid-cols-3">
+      <div className="grid grid-cols-1 divide-y divide-custom-border-200 border-b border-custom-border-200 lg:border-r lg:border-b-0">
+        <div className="flex">
+          <div className="basis-1/2 p-4">
+            <h4 className="text-sm">Issues assigned to you</h4>
+            <h5 className="mt-2 text-2xl font-semibold">
+              {data ? (
+                <div
+                  className="cursor-pointer"
+                  onClick={() => router.push(`/${workspaceSlug}/me/my-issues`)}
+                >
+                  {data.assigned_issues_count}
+                </div>
+              ) : (
+                <Loader>
+                  <Loader.Item height="25px" width="50%" />
+                </Loader>
+              )}
+            </h5>
+          </div>
+          <div className="basis-1/2 border-l border-custom-border-200 p-4">
+            <h4 className="text-sm">Pending issues</h4>
+            <h5 className="mt-2 text-2xl font-semibold">
+              {data ? (
+                data.pending_issues_count
+              ) : (
+                <Loader>
+                  <Loader.Item height="25px" width="50%" />
+                </Loader>
+              )}
+            </h5>
+          </div>
         </div>
-        <div className="basis-1/2 border-l border-custom-border-200 p-4">
-          <h4 className="text-sm">Pending issues</h4>
-          <h5 className="mt-2 text-2xl font-semibold">
-            {data ? (
-              data.pending_issues_count
-            ) : (
-              <Loader>
-                <Loader.Item height="25px" width="50%" />
-              </Loader>
-            )}
-          </h5>
+        <div className="flex">
+          <div className="basis-1/2 p-4">
+            <h4 className="text-sm">Completed issues</h4>
+            <h5 className="mt-2 text-2xl font-semibold">
+              {data ? (
+                data.completed_issues_count
+              ) : (
+                <Loader>
+                  <Loader.Item height="25px" width="50%" />
+                </Loader>
+              )}
+            </h5>
+          </div>
+          <div className="basis-1/2 border-l border-custom-border-200 p-4">
+            <h4 className="text-sm">Issues due by this week</h4>
+            <h5 className="mt-2 text-2xl font-semibold">
+              {data ? (
+                data.issues_due_week_count
+              ) : (
+                <Loader>
+                  <Loader.Item height="25px" width="50%" />
+                </Loader>
+              )}
+            </h5>
+          </div>
         </div>
       </div>
-      <div className="flex">
-        <div className="basis-1/2 p-4">
-          <h4 className="text-sm">Completed issues</h4>
-          <h5 className="mt-2 text-2xl font-semibold">
-            {data ? (
-              data.completed_issues_count
-            ) : (
-              <Loader>
-                <Loader.Item height="25px" width="50%" />
-              </Loader>
-            )}
-          </h5>
-        </div>
-        <div className="basis-1/2 border-l border-custom-border-200 p-4">
-          <h4 className="text-sm">Issues due by this week</h4>
-          <h5 className="mt-2 text-2xl font-semibold">
-            {data ? (
-              data.issues_due_week_count
-            ) : (
-              <Loader>
-                <Loader.Item height="25px" width="50%" />
-              </Loader>
-            )}
-          </h5>
-        </div>
+      <div className="p-4 lg:col-span-2">
+        <h3 className="mb-2 font-semibold capitalize flex items-center gap-2">
+          Activity Graph
+          <Tooltip
+            tooltipContent="Your profile activity graph is a record of actions you've performed on issues across the workspace."
+            className="w-72 border border-custom-border-200"
+          >
+            <InformationCircleIcon className="h-3 w-3" />
+          </Tooltip>
+        </h3>
+        <ActivityGraph activities={data?.issue_activities} />
       </div>
     </div>
-    <div className="p-4 lg:col-span-2">
-      <h3 className="mb-2 font-semibold capitalize flex items-center gap-2">
-        Activity Graph
-        <Tooltip
-          tooltipContent="Your profile activity graph is a record of actions you've performed on issues across the workspace."
-          className="w-72 border border-custom-border-200"
-        >
-          <InformationCircleIcon className="h-3 w-3" />
-        </Tooltip>
-      </h3>
-      <ActivityGraph activities={data?.issue_activities} />
-    </div>
-  </div>
-);
+  );
+};
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
index 0502e9e87..d79bfb613 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
@@ -476,7 +476,7 @@ const SinglePage: NextPage = () => {
                               : "text-custom-sidebar-text-200"
                           }`}
                         >
-                          View
+                          Display
                           <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
                         </Popover.Button>
 
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx b/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
index 57bf4fa3c..882bdb41e 100644
--- a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
@@ -187,7 +187,7 @@ const GeneralSettings: NextPage = () => {
       />
       <form onSubmit={handleSubmit(onSubmit)} className="p-8">
         <SettingsHeader />
-        <div className="space-y-8 sm:space-y-12">
+        <div className="space-y-8 sm:space-y-12 opacity-60">
           <div className="grid grid-cols-12 items-start gap-4 sm:gap-16">
             <div className="col-span-12 sm:col-span-6">
               <h4 className="text-lg font-semibold">Icon & Name</h4>
@@ -206,6 +206,7 @@ const GeneralSettings: NextPage = () => {
                         label={value ? renderEmoji(value) : "Icon"}
                         value={value}
                         onChange={onChange}
+                        disabled={!isAdmin}
                       />
                     )}
                   />
@@ -225,6 +226,7 @@ const GeneralSettings: NextPage = () => {
                   validations={{
                     required: "Name is required",
                   }}
+                  disabled={!isAdmin}
                 />
               ) : (
                 <Loader>
@@ -248,6 +250,7 @@ const GeneralSettings: NextPage = () => {
                   placeholder="Enter project description"
                   validations={{}}
                   className="min-h-[46px] text-sm"
+                  disabled={!isAdmin}
                 />
               ) : (
                 <Loader className="w-full">
@@ -279,6 +282,7 @@ const GeneralSettings: NextPage = () => {
                           setValue("cover_image", imageUrl);
                         }}
                         value={watch("cover_image")}
+                        disabled={!isAdmin}
                       />
                     </div>
                   </div>
@@ -319,6 +323,7 @@ const GeneralSettings: NextPage = () => {
                       message: "Identifier must at most be of 5 characters",
                     },
                   }}
+                  disabled={!isAdmin}
                 />
               ) : (
                 <Loader>
@@ -343,6 +348,7 @@ const GeneralSettings: NextPage = () => {
                       onChange={onChange}
                       label={currentNetwork?.label ?? "Select network"}
                       input
+                      disabled={!isAdmin}
                     >
                       {NETWORK_CHOICES.map((network) => (
                         <CustomSelect.Option key={network.key} value={network.key}>
@@ -359,44 +365,48 @@ const GeneralSettings: NextPage = () => {
               )}
             </div>
           </div>
-          <div className="sm:text-right">
-            {projectDetails ? (
-              <SecondaryButton type="submit" loading={isSubmitting} disabled={!isAdmin}>
-                {isSubmitting ? "Updating Project..." : "Update Project"}
-              </SecondaryButton>
-            ) : (
-              <Loader className="mt-2 w-full">
-                <Loader.Item height="34px" width="100px" />
-              </Loader>
-            )}
-          </div>
-          {memberDetails?.role === 20 && (
-            <div className="grid grid-cols-12 gap-4 sm:gap-16">
-              <div className="col-span-12 sm:col-span-6">
-                <h4 className="text-lg font-semibold">Danger Zone</h4>
-                <p className="text-sm text-custom-text-200">
-                  The danger zone of the project delete page is a critical area that requires
-                  careful consideration and attention. When deleting a project, all of the data and
-                  resources within that project will be permanently removed and cannot be recovered.
-                </p>
-              </div>
-              <div className="col-span-12 sm:col-span-6">
+
+          {isAdmin && (
+            <>
+              <div className="sm:text-right">
                 {projectDetails ? (
-                  <div>
-                    <DangerButton
-                      onClick={() => setSelectedProject(projectDetails.id ?? null)}
-                      outline
-                    >
-                      Delete Project
-                    </DangerButton>
-                  </div>
+                  <SecondaryButton type="submit" loading={isSubmitting} disabled={!isAdmin}>
+                    {isSubmitting ? "Updating Project..." : "Update Project"}
+                  </SecondaryButton>
                 ) : (
                   <Loader className="mt-2 w-full">
-                    <Loader.Item height="46px" width="100px" />
+                    <Loader.Item height="34px" width="100px" />
                   </Loader>
                 )}
               </div>
-            </div>
+              <div className="grid grid-cols-12 gap-4 sm:gap-16">
+                <div className="col-span-12 sm:col-span-6">
+                  <h4 className="text-lg font-semibold">Danger Zone</h4>
+                  <p className="text-sm text-custom-text-200">
+                    The danger zone of the project delete page is a critical area that requires
+                    careful consideration and attention. When deleting a project, all of the data
+                    and resources within that project will be permanently removed and cannot be
+                    recovered.
+                  </p>
+                </div>
+                <div className="col-span-12 sm:col-span-6">
+                  {projectDetails ? (
+                    <div>
+                      <DangerButton
+                        onClick={() => setSelectedProject(projectDetails.id ?? null)}
+                        outline
+                      >
+                        Delete Project
+                      </DangerButton>
+                    </div>
+                  ) : (
+                    <Loader className="mt-2 w-full">
+                      <Loader.Item height="46px" width="100px" />
+                    </Loader>
+                  )}
+                </div>
+              </div>
+            </>
           )}
         </div>
       </form>
diff --git a/apps/app/pages/[workspaceSlug]/settings/index.tsx b/apps/app/pages/[workspaceSlug]/settings/index.tsx
index a254c7a49..4fb341762 100644
--- a/apps/app/pages/[workspaceSlug]/settings/index.tsx
+++ b/apps/app/pages/[workspaceSlug]/settings/index.tsx
@@ -181,7 +181,7 @@ const WorkspaceSettings: NextPage = () => {
       <div className="p-8">
         <SettingsHeader />
         {activeWorkspace ? (
-          <div className="space-y-8 sm:space-y-12">
+          <div className="space-y-8 sm:space-y-12 opacity-60">
             <div className="grid grid-cols-12 gap-4 sm:gap-16">
               <div className="col-span-12 sm:col-span-6">
                 <h4 className="text-lg font-semibold">Logo</h4>
@@ -191,7 +191,11 @@ const WorkspaceSettings: NextPage = () => {
               </div>
               <div className="col-span-12 sm:col-span-6">
                 <div className="flex items-center gap-4">
-                  <button type="button" onClick={() => setIsImageUploadModalOpen(true)}>
+                  <button
+                    type="button"
+                    onClick={() => setIsImageUploadModalOpen(true)}
+                    disabled={!isAdmin}
+                  >
                     {watch("logo") && watch("logo") !== null && watch("logo") !== "" ? (
                       <div className="relative mx-auto flex h-12 w-12">
                         <img
@@ -206,23 +210,25 @@ const WorkspaceSettings: NextPage = () => {
                       </div>
                     )}
                   </button>
-                  <div className="flex gap-4">
-                    <SecondaryButton
-                      onClick={() => {
-                        setIsImageUploadModalOpen(true);
-                      }}
-                    >
-                      {isImageUploading ? "Uploading..." : "Upload"}
-                    </SecondaryButton>
-                    {activeWorkspace.logo && activeWorkspace.logo !== "" && (
-                      <DangerButton
-                        onClick={() => handleDelete(activeWorkspace.logo)}
-                        loading={isImageRemoving}
+                  {isAdmin && (
+                    <div className="flex gap-4">
+                      <SecondaryButton
+                        onClick={() => {
+                          setIsImageUploadModalOpen(true);
+                        }}
                       >
-                        {isImageRemoving ? "Removing..." : "Remove"}
-                      </DangerButton>
-                    )}
-                  </div>
+                        {isImageUploading ? "Uploading..." : "Upload"}
+                      </SecondaryButton>
+                      {activeWorkspace.logo && activeWorkspace.logo !== "" && (
+                        <DangerButton
+                          onClick={() => handleDelete(activeWorkspace.logo)}
+                          loading={isImageRemoving}
+                        >
+                          {isImageRemoving ? "Removing..." : "Remove"}
+                        </DangerButton>
+                      )}
+                    </div>
+                  )}
                 </div>
               </div>
             </div>
@@ -288,6 +294,7 @@ const WorkspaceSettings: NextPage = () => {
                       message: "Workspace name should not exceed 80 characters",
                     },
                   }}
+                  disabled={!isAdmin}
                 />
               </div>
             </div>
@@ -309,6 +316,7 @@ const WorkspaceSettings: NextPage = () => {
                       }
                       width="w-full"
                       input
+                      disabled={!isAdmin}
                     >
                       {ORGANIZATION_SIZE?.map((item) => (
                         <CustomSelect.Option key={item} value={item}>
@@ -320,32 +328,35 @@ const WorkspaceSettings: NextPage = () => {
                 />
               </div>
             </div>
-            <div className="sm:text-right">
-              <SecondaryButton
-                onClick={handleSubmit(onSubmit)}
-                loading={isSubmitting}
-                disabled={!isAdmin}
-              >
-                {isSubmitting ? "Updating..." : "Update Workspace"}
-              </SecondaryButton>
-            </div>
-            {memberDetails?.role === 20 && (
-              <div className="grid grid-cols-12 gap-4 sm:gap-16">
-                <div className="col-span-12 sm:col-span-6">
-                  <h4 className="text-lg font-semibold">Danger Zone</h4>
-                  <p className="text-sm text-custom-text-200">
-                    The danger zone of the workspace delete page is a critical area that requires
-                    careful consideration and attention. When deleting a workspace, all of the data
-                    and resources within that workspace will be permanently removed and cannot be
-                    recovered.
-                  </p>
+
+            {isAdmin && (
+              <>
+                <div className="sm:text-right">
+                  <SecondaryButton
+                    onClick={handleSubmit(onSubmit)}
+                    loading={isSubmitting}
+                    disabled={!isAdmin}
+                  >
+                    {isSubmitting ? "Updating..." : "Update Workspace"}
+                  </SecondaryButton>
                 </div>
-                <div className="col-span-12 sm:col-span-6">
-                  <DangerButton onClick={() => setIsOpen(true)} outline>
-                    Delete the workspace
-                  </DangerButton>
+                <div className="grid grid-cols-12 gap-4 sm:gap-16">
+                  <div className="col-span-12 sm:col-span-6">
+                    <h4 className="text-lg font-semibold">Danger Zone</h4>
+                    <p className="text-sm text-custom-text-200">
+                      The danger zone of the workspace delete page is a critical area that requires
+                      careful consideration and attention. When deleting a workspace, all of the
+                      data and resources within that workspace will be permanently removed and
+                      cannot be recovered.
+                    </p>
+                  </div>
+                  <div className="col-span-12 sm:col-span-6">
+                    <DangerButton onClick={() => setIsOpen(true)} outline>
+                      Delete the workspace
+                    </DangerButton>
+                  </div>
                 </div>
-              </div>
+              </>
             )}
           </div>
         ) : (

From 441e83eba609722caa8d297428d656c889d0cd22 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 1 Sep 2023 17:08:02 +0530
Subject: [PATCH 12/81] fix: notification count mutation fix (#2053)

---
 apps/app/hooks/use-user-notifications.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/app/hooks/use-user-notifications.tsx b/apps/app/hooks/use-user-notifications.tsx
index 5e6ea5d0b..5ddc9ddf5 100644
--- a/apps/app/hooks/use-user-notifications.tsx
+++ b/apps/app/hooks/use-user-notifications.tsx
@@ -299,6 +299,7 @@ const useUserNotification = () => {
       })
       .finally(() => {
         notificationMutate();
+        mutateNotificationCount();
       });
   };
 

From 54d781ef91f9fb2332fca8234d81281f81b117ed Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 1 Sep 2023 17:10:06 +0530
Subject: [PATCH 13/81] fix: auth screens (#2054)

---
 apps/space/components/issues/navbar/index.tsx | 39 +++++++++++++++++--
 .../issues/peek-overview/issue-activity.tsx   | 34 +++++++++++++---
 apps/space/pages/index.tsx                    |  4 +-
 apps/space/store/user.ts                      |  5 ++-
 4 files changed, 69 insertions(+), 13 deletions(-)

diff --git a/apps/space/components/issues/navbar/index.tsx b/apps/space/components/issues/navbar/index.tsx
index 83d79f349..c9d0f52d1 100644
--- a/apps/space/components/issues/navbar/index.tsx
+++ b/apps/space/components/issues/navbar/index.tsx
@@ -1,12 +1,17 @@
 import { useEffect } from "react";
+
+import Link from "next/link";
 import Image from "next/image";
-import { observer } from "mobx-react-lite";
 import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
 // components
 import { NavbarSearch } from "./search";
 import { NavbarIssueBoardView } from "./issue-board-view";
-import { NavbarIssueFilter } from "./issue-filter";
 import { NavbarTheme } from "./theme";
+// ui
+import { PrimaryButton } from "components/ui";
 // lib
 import { useMobxStore } from "lib/mobx/store-provider";
 // store
@@ -25,11 +30,13 @@ const renderEmoji = (emoji: string | { name: string; color: string }) => {
 };
 
 const IssueNavbar = observer(() => {
-  const { project: projectStore }: RootStore = useMobxStore();
+  const { project: projectStore, user: userStore }: RootStore = useMobxStore();
   // router
   const router = useRouter();
   const { workspace_slug, project_slug, board } = router.query;
 
+  const user = userStore?.currentUser;
+
   useEffect(() => {
     if (workspace_slug && project_slug) {
       projectStore.fetchProjectSettings(workspace_slug.toString(), project_slug.toString());
@@ -77,6 +84,32 @@ const IssueNavbar = observer(() => {
       <div className="flex-shrink-0 relative">
         <NavbarTheme />
       </div>
+
+      {user ? (
+        <div className="border border-custom-border-200 rounded flex items-center gap-2 p-2">
+          {user.avatar && user.avatar !== "" ? (
+            <div className="h-5 w-5 rounded-full">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img src={user.avatar} alt={user.display_name ?? ""} className="rounded-full" />
+            </div>
+          ) : (
+            <div className="bg-custom-background-80 h-5 w-5 rounded-full grid place-items-center text-[10px] capitalize">
+              {(user.display_name ?? "A")[0]}
+            </div>
+          )}
+          <h6 className="text-xs font-medium">{user.display_name}</h6>
+        </div>
+      ) : (
+        <div className="flex-shrink-0">
+          <Link href={`/?next_path=${router.asPath}`}>
+            <a>
+              <PrimaryButton className="flex-shrink-0" outline>
+                Sign in
+              </PrimaryButton>
+            </a>
+          </Link>
+        </div>
+      )}
     </div>
   );
 });
diff --git a/apps/space/components/issues/peek-overview/issue-activity.tsx b/apps/space/components/issues/peek-overview/issue-activity.tsx
index 9f12b9f73..47e9e4d0f 100644
--- a/apps/space/components/issues/peek-overview/issue-activity.tsx
+++ b/apps/space/components/issues/peek-overview/issue-activity.tsx
@@ -1,10 +1,16 @@
-import React, { useEffect } from "react";
+import React from "react";
+
+import Link from "next/link";
 import { useRouter } from "next/router";
+
+// mobx
 import { observer } from "mobx-react-lite";
 // lib
 import { useMobxStore } from "lib/mobx/store-provider";
 // components
 import { CommentCard, AddComment } from "components/issues/peek-overview";
+// ui
+import { Icon, PrimaryButton } from "components/ui";
 // types
 import { IIssue } from "types/issue";
 
@@ -20,10 +26,10 @@ export const PeekOverviewIssueActivity: React.FC<Props> = observer((props) => {
 
   const comments = issueDetailStore.details[issueDetailStore.peekId || ""]?.comments || [];
 
-  console.log("issueDetailStore", issueDetailStore);
+  const user = userStore?.currentUser;
 
   return (
-    <div>
+    <div className="pb-10">
       <h4 className="font-medium">Activity</h4>
       {workspace_slug && (
         <div className="mt-4">
@@ -32,9 +38,25 @@ export const PeekOverviewIssueActivity: React.FC<Props> = observer((props) => {
               <CommentCard key={comment.id} comment={comment} workspaceSlug={workspace_slug?.toString()} />
             ))}
           </div>
-          {projectStore.deploySettings?.comments && (
-            <div className="mt-4">
-              <AddComment disabled={!userStore.currentUser} />
+          {user ? (
+            <>
+              {projectStore.deploySettings?.comments && (
+                <div className="mt-4">
+                  <AddComment disabled={!userStore.currentUser} />
+                </div>
+              )}
+            </>
+          ) : (
+            <div className="bg-custom-background-80 px-2 py-2.5 flex items-center justify-between gap-2 border border-custom-border-300 rounded">
+              <p className="flex gap-2 text-sm text-custom-text-200 break-words overflow-hidden">
+                <Icon iconName="lock" className="!text-sm" />
+                Sign in to add your comment
+              </p>
+              <Link href={`/?next_path=${router.asPath}`}>
+                <a>
+                  <PrimaryButton className="flex-shrink-0 !px-7">Sign in</PrimaryButton>
+                </a>
+              </Link>
             </div>
           )}
         </div>
diff --git a/apps/space/pages/index.tsx b/apps/space/pages/index.tsx
index 26949d76b..5501ea926 100644
--- a/apps/space/pages/index.tsx
+++ b/apps/space/pages/index.tsx
@@ -17,7 +17,7 @@ const HomePage = () => {
   const { user: userStore } = useMobxStore();
 
   const router = useRouter();
-  const { next_path = "/" } = router.query;
+  const { next_path } = router.query;
 
   const { setToastAlert } = useToast();
 
@@ -38,7 +38,7 @@ const HomePage = () => {
       router.push(`/onboarding?next_path=${next_path}`);
       return;
     }
-    router.push(next_path.toString());
+    router.push((next_path ?? "/").toString());
   };
 
   const handleGoogleSignIn = async ({ clientId, credential }: any) => {
diff --git a/apps/space/store/user.ts b/apps/space/store/user.ts
index 4ccc2d2bb..b1a87d133 100644
--- a/apps/space/store/user.ts
+++ b/apps/space/store/user.ts
@@ -28,8 +28,9 @@ class UserStore implements IUserStore {
   }
 
   setCurrentUser = (user: any) => {
-    // TODO: destructure user object
-    this.currentUser = user;
+    runInAction(() => {
+      this.currentUser = { ...user };
+    });
   };
 
   /**

From f71a62f1429ffd1d259d0918c8ebf9f215bbb6ff Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 1 Sep 2023 17:21:52 +0530
Subject: [PATCH 14/81] style: sign in page bg color (#2055)

---
 apps/space/components/issues/board-views/kanban/index.tsx | 7 +++++--
 apps/space/pages/_document.tsx                            | 2 +-
 apps/space/pages/index.tsx                                | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/space/components/issues/board-views/kanban/index.tsx b/apps/space/components/issues/board-views/kanban/index.tsx
index 2ba1450a0..b45b037d2 100644
--- a/apps/space/components/issues/board-views/kanban/index.tsx
+++ b/apps/space/components/issues/board-views/kanban/index.tsx
@@ -5,6 +5,8 @@ import { observer } from "mobx-react-lite";
 // components
 import { IssueListHeader } from "components/issues/board-views/kanban/header";
 import { IssueListBlock } from "components/issues/board-views/kanban/block";
+// ui
+import { Icon } from "components/ui";
 // interfaces
 import { IIssueState, IIssue } from "types/issue";
 // mobx hook
@@ -32,8 +34,9 @@ export const IssueKanbanView = observer(() => {
                   ))}
                 </div>
               ) : (
-                <div className="relative w-full h-full flex justify-center items-center p-10 text-center text-sm text-custom-text-200">
-                  No Issues are available.
+                <div className="flex justify-center items-center gap-2 pt-10 text-center text-sm text-custom-text-200 font-medium">
+                  <Icon iconName="stack" />
+                  No issues in this state
                 </div>
               )}
             </div>
diff --git a/apps/space/pages/_document.tsx b/apps/space/pages/_document.tsx
index 91cf943a3..ca023f4a4 100644
--- a/apps/space/pages/_document.tsx
+++ b/apps/space/pages/_document.tsx
@@ -5,7 +5,7 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head />
-        <body className="antialiased bg-custom-background-90 w-100">
+        <body className="antialiased bg-custom-background-100 w-100">
           <Main />
           <NextScript />
         </body>
diff --git a/apps/space/pages/index.tsx b/apps/space/pages/index.tsx
index 5501ea926..8f766cde2 100644
--- a/apps/space/pages/index.tsx
+++ b/apps/space/pages/index.tsx
@@ -126,7 +126,7 @@ const HomePage = () => {
                 </div>
                 <div className="flex flex-col items-center justify-center gap-4 pt-7 sm:w-[360px] mx-auto overflow-hidden">
                   <GoogleLoginButton handleSignIn={handleGoogleSignIn} />
-                  <GithubLoginButton handleSignIn={handleGitHubSignIn} />
+                  {/* <GithubLoginButton handleSignIn={handleGitHubSignIn} /> */}
                 </div>
               </div>
             </>

From 71c8f79276cfabbfe957ab3df4953279193363eb Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Fri, 1 Sep 2023 18:46:38 +0530
Subject: [PATCH 15/81] fix: issue vote constraints (#2057)

---
 .../0042_alter_analyticview_created_by_and_more.py        | 8 --------
 apiserver/plane/db/models/issue.py                        | 2 +-
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
index 62f08038c..01af46d20 100644
--- a/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
+++ b/apiserver/plane/db/migrations/0042_alter_analyticview_created_by_and_more.py
@@ -32,19 +32,11 @@ class Migration(migrations.Migration):
             field=models.CharField(blank=True, max_length=255, null=True),
         ),
         migrations.RunPython(update_user_timezones),
-        migrations.AlterUniqueTogether(
-            name='issuevote',
-            unique_together=set(),
-        ),
         migrations.AlterField(
             model_name='issuevote',
             name='vote',
             field=models.IntegerField(choices=[(-1, 'DOWNVOTE'), (1, 'UPVOTE')], default=1),
         ),
-        migrations.AlterUniqueTogether(
-            name='issuevote',
-            unique_together={('issue', 'actor', 'vote')},
-        ),
         migrations.CreateModel(
             name='ProjectPublicMember',
             fields=[
diff --git a/apiserver/plane/db/models/issue.py b/apiserver/plane/db/models/issue.py
index 8f085b2a2..78e958380 100644
--- a/apiserver/plane/db/models/issue.py
+++ b/apiserver/plane/db/models/issue.py
@@ -481,7 +481,7 @@ class IssueVote(ProjectBaseModel):
     )
 
     class Meta:
-        unique_together = ["issue", "actor", "vote"]
+        unique_together = ["issue", "actor",]
         verbose_name = "Issue Vote"
         verbose_name_plural = "Issue Votes"
         db_table = "issue_votes"

From 1732945ec6bc2017c2508569110d8be5652c29e6 Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Fri, 1 Sep 2023 20:38:53 +0530
Subject: [PATCH 16/81] =?UTF-8?q?fix:=20speeding=20up=20reactions=20and=20?=
 =?UTF-8?q?votes=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../issues/board-views/block-state.tsx        |   6 +-
 apps/space/components/issues/navbar/theme.tsx |  13 +-
 .../issues/peek-overview/header.tsx           |   4 +-
 .../issues/peek-overview/issue-activity.tsx   |   2 +-
 .../peek-overview/issue-emoji-reactions.tsx   |   6 +-
 apps/space/store/issue_details.ts             | 173 ++++++++++++------
 apps/space/store/user.ts                      |  18 +-
 apps/space/types/issue.ts                     |  30 +--
 apps/space/types/user.ts                      |  20 ++
 9 files changed, 187 insertions(+), 85 deletions(-)

diff --git a/apps/space/components/issues/board-views/block-state.tsx b/apps/space/components/issues/board-views/block-state.tsx
index 6638566f9..16792c81b 100644
--- a/apps/space/components/issues/board-views/block-state.tsx
+++ b/apps/space/components/issues/board-views/block-state.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 // constants
 import { issueGroupFilter } from "constants/data";
 
@@ -8,8 +6,8 @@ export const IssueBlockState = ({ state }: any) => {
 
   if (stateGroup === null) return <></>;
   return (
-    <div className="flex items-center justify-between gap-1 w-full rounded shadow-sm border-[0.5px] border-custom-border-300 duration-300 focus:outline-none px-2.5 py-1 text-xs cursor-pointer hover:bg-custom-background-80">
-      <div className="flex items-center cursor-pointer w-full gap-1.5 text-custom-text-200">
+    <div className="flex items-center justify-between gap-1 w-full rounded shadow-sm border-[0.5px] border-custom-border-300 duration-300 focus:outline-none px-2.5 py-1 text-xs">
+      <div className="flex items-center w-full gap-1.5 text-custom-text-200">
         <stateGroup.icon />
         <div className="text-xs">{state?.name}</div>
       </div>
diff --git a/apps/space/components/issues/navbar/theme.tsx b/apps/space/components/issues/navbar/theme.tsx
index faea53ba3..7efb561a4 100644
--- a/apps/space/components/issues/navbar/theme.tsx
+++ b/apps/space/components/issues/navbar/theme.tsx
@@ -1,25 +1,32 @@
-"use client";
-
 // next theme
 import { useTheme } from "next-themes";
 
 // mobx react lite
 import { observer } from "mobx-react-lite";
+import { useEffect, useState } from "react";
 
 export const NavbarTheme = observer(() => {
+  const [appTheme, setAppTheme] = useState("light");
+
   const { setTheme, theme } = useTheme();
 
   const handleTheme = () => {
     setTheme(theme === "light" ? "dark" : "light");
   };
 
+  useEffect(() => {
+    if (!theme) return;
+
+    setAppTheme(theme);
+  }, [theme]);
+
   return (
     <button
       type="button"
       onClick={handleTheme}
       className="relative w-7 h-7 grid place-items-center bg-custom-background-100 hover:bg-custom-background-80 text-custom-text-100 rounded"
     >
-      <span className="material-symbols-rounded text-sm">{theme === "light" ? "dark_mode" : "light_mode"}</span>
+      <span className="material-symbols-rounded text-sm">{appTheme === "light" ? "dark_mode" : "light_mode"}</span>
     </button>
   );
 });
diff --git a/apps/space/components/issues/peek-overview/header.tsx b/apps/space/components/issues/peek-overview/header.tsx
index 7d2e76668..79de3978b 100644
--- a/apps/space/components/issues/peek-overview/header.tsx
+++ b/apps/space/components/issues/peek-overview/header.tsx
@@ -70,7 +70,7 @@ export const PeekOverviewHeader: React.FC<Props> = (props) => {
       <div className="flex justify-between items-center">
         <div className="flex items-center gap-4">
           {issueDetailStore.peekMode === "side" && (
-            <button type="button" onClick={handleClose} autoFocus={false}>
+            <button type="button" onClick={handleClose}>
               <East
                 sx={{
                   fontSize: "14px",
@@ -134,7 +134,7 @@ export const PeekOverviewHeader: React.FC<Props> = (props) => {
         </div>
         {(issueDetailStore.peekMode === "side" || issueDetailStore.peekMode === "modal") && (
           <div className="flex items-center gap-2 flex-shrink-0">
-            <button type="button" onClick={handleCopyLink} className="-rotate-45">
+            <button type="button" onClick={handleCopyLink} className="-rotate-45 focus:outline-none" tabIndex={1}>
               <Icon iconName="link" />
             </button>
           </div>
diff --git a/apps/space/components/issues/peek-overview/issue-activity.tsx b/apps/space/components/issues/peek-overview/issue-activity.tsx
index 47e9e4d0f..fde2fd878 100644
--- a/apps/space/components/issues/peek-overview/issue-activity.tsx
+++ b/apps/space/components/issues/peek-overview/issue-activity.tsx
@@ -47,7 +47,7 @@ export const PeekOverviewIssueActivity: React.FC<Props> = observer((props) => {
               )}
             </>
           ) : (
-            <div className="bg-custom-background-80 px-2 py-2.5 flex items-center justify-between gap-2 border border-custom-border-300 rounded">
+            <div className="bg-custom-background-80 px-2 py-2.5 flex items-center justify-between gap-2 border border-custom-border-300 rounded mt-4">
               <p className="flex gap-2 text-sm text-custom-text-200 break-words overflow-hidden">
                 <Icon iconName="lock" className="!text-sm" />
                 Sign in to add your comment
diff --git a/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx b/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
index 1a81cecdf..3d2bfadac 100644
--- a/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
+++ b/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
@@ -24,9 +24,7 @@ export const IssueEmojiReactions: React.FC = observer(() => {
     if (!workspace_slug || !project_slug || !issueId) return;
     const userReaction = reactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
     if (userReaction) return;
-    issueDetailsStore.addIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, {
-      reaction: reactionHex,
-    });
+    issueDetailsStore.addIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
   };
 
   const handleReactionClick = (reactionHex: string) => {
@@ -57,6 +55,7 @@ export const IssueEmojiReactions: React.FC = observer(() => {
           if (reactions.length > 0)
             return (
               <Tooltip
+                key={reaction}
                 tooltipContent={
                   <div>
                     {reactions
@@ -74,7 +73,6 @@ export const IssueEmojiReactions: React.FC = observer(() => {
                       handleReactionClick(reaction);
                     });
                   }}
-                  key={reaction}
                   className={`flex items-center gap-1 text-custom-text-100 text-sm h-full px-2 py-1 rounded-md ${
                     reactions?.some((r) => r.actor_detail.id === user?.id && r.reaction === reaction)
                       ? "bg-custom-primary-100/10"
diff --git a/apps/space/store/issue_details.ts b/apps/space/store/issue_details.ts
index 68f9af1ca..b8722d51e 100644
--- a/apps/space/store/issue_details.ts
+++ b/apps/space/store/issue_details.ts
@@ -1,9 +1,10 @@
 import { makeObservable, observable, action, runInAction } from "mobx";
+import { v4 as uuidv4 } from "uuid";
 // store
 import { RootStore } from "./root";
 // services
 import IssueService from "services/issue.service";
-import { IIssue } from "types/issue";
+import { IIssue, IVote } from "types/issue";
 
 export type IPeekMode = "side" | "modal" | "full";
 
@@ -32,8 +33,8 @@ export interface IIssueDetailStore {
   ) => Promise<any>;
   deleteIssueComment: (workspaceId: string, projectId: string, issueId: string, comment_id: string) => void;
   // issue reactions
-  addIssueReaction: (workspaceId: string, projectId: string, issueId: string, data: any) => void;
-  removeIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionId: string) => void;
+  addIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
+  removeIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
   // issue votes
   addIssueVote: (workspaceId: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => Promise<void>;
   removeIssueVote: (workspaceId: string, projectId: string, issueId: string) => Promise<void>;
@@ -174,84 +175,144 @@ class IssueDetailStore implements IssueDetailStore {
     }
   };
 
-  addIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
+  addIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
     try {
-      const issueVoteResponse = await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, data);
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            reactions: [
+              ...this.details[issueId].reactions,
+              {
+                id: uuidv4(),
+                issue: issueId,
+                reaction: reactionHex,
+                actor_detail: this.rootStore.user.currentActor,
+              },
+            ],
+          },
+        };
+      });
 
-      if (issueVoteResponse) {
-        runInAction(() => {
-          this.details = {
-            ...this.details,
-            [issueId]: {
-              ...this.details[issueId],
-              reactions: [...this.details[issueId].reactions, issueVoteResponse],
-            },
-          };
-        });
-      }
+      await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, {
+        reaction: reactionHex,
+      });
     } catch (error) {
       console.log("Failed to add issue vote");
+      const issueReactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            reactions: issueReactions,
+          },
+        };
+      });
     }
   };
 
-  removeIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionId: string) => {
+  removeIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
     try {
-      await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionId);
-      const reactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+      const newReactions = this.details[issueId].reactions.filter(
+        (_r) => !(_r.reaction === reactionHex && _r.actor_detail.id === this.rootStore.user.currentUser?.id)
+      );
 
-      if (reactions) {
-        runInAction(() => {
-          this.details = {
-            ...this.details,
-            [issueId]: {
-              ...this.details[issueId],
-              reactions: reactions,
-            },
-          };
-        });
-      }
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            reactions: newReactions,
+          },
+        };
+      });
+
+      await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionHex);
     } catch (error) {
       console.log("Failed to remove issue reaction");
+      const reactions = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            reactions: reactions,
+          },
+        };
+      });
     }
   };
 
   addIssueVote = async (workspaceSlug: string, projectId: string, issueId: string, data: { vote: 1 | -1 }) => {
-    try {
-      const issueVoteResponse = await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
-      const issueDetails = await this.issueService.getIssueById(workspaceSlug, projectId, issueId);
+    const newVote: IVote = {
+      actor: this.rootStore.user.currentUser?.id ?? "",
+      actor_detail: this.rootStore.user.currentActor,
+      issue: issueId,
+      project: projectId,
+      workspace: workspaceSlug,
+      vote: data.vote,
+    };
 
-      if (issueVoteResponse) {
-        runInAction(() => {
-          this.details = {
-            ...this.details,
-            [issueId]: {
-              ...issueDetails,
-            },
-          };
-        });
-      }
+    const filteredVotes = this.details[issueId].votes.filter((v) => v.actor !== this.rootStore.user.currentUser?.id);
+
+    try {
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            votes: [...filteredVotes, newVote],
+          },
+        };
+      });
+
+      await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
     } catch (error) {
       console.log("Failed to add issue vote");
+      const issueVotes = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            votes: issueVotes,
+          },
+        };
+      });
     }
   };
 
   removeIssueVote = async (workspaceSlug: string, projectId: string, issueId: string) => {
-    try {
-      await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
-      const issueDetails = await this.issueService.getIssueById(workspaceSlug, projectId, issueId);
+    const newVotes = this.details[issueId].votes.filter((v) => v.actor !== this.rootStore.user.currentUser?.id);
 
-      if (issueDetails) {
-        runInAction(() => {
-          this.details = {
-            ...this.details,
-            [issueId]: {
-              ...issueDetails,
-            },
-          };
-        });
-      }
+    try {
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            votes: newVotes,
+          },
+        };
+      });
+
+      await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
     } catch (error) {
       console.log("Failed to remove issue vote");
+      const issueVotes = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            votes: issueVotes,
+          },
+        };
+      });
     }
   };
 }
diff --git a/apps/space/store/user.ts b/apps/space/store/user.ts
index b1a87d133..8d34b0bdc 100644
--- a/apps/space/store/user.ts
+++ b/apps/space/store/user.ts
@@ -2,14 +2,18 @@
 import { observable, action, computed, makeObservable, runInAction } from "mobx";
 // service
 import UserService from "services/user.service";
+import { ActorDetail } from "types/issue";
+// types
+import { IUser } from "types/user";
 
 export interface IUserStore {
   currentUser: any | null;
   fetchCurrentUser: () => void;
+  currentActor: () => any;
 }
 
 class UserStore implements IUserStore {
-  currentUser: any | null = null;
+  currentUser: IUser | null = null;
   // root store
   rootStore;
   // service
@@ -22,6 +26,7 @@ class UserStore implements IUserStore {
       // actions
       setCurrentUser: action,
       // computed
+      currentActor: computed,
     });
     this.rootStore = _rootStore;
     this.userService = new UserService();
@@ -33,6 +38,17 @@ class UserStore implements IUserStore {
     });
   };
 
+  get currentActor(): any {
+    return {
+      avatar: this.currentUser?.avatar,
+      display_name: this.currentUser?.display_name,
+      first_name: this.currentUser?.first_name,
+      id: this.currentUser?.id,
+      is_bot: false,
+      last_name: this.currentUser?.last_name,
+    };
+  }
+
   /**
    *
    * @param callback
diff --git a/apps/space/types/issue.ts b/apps/space/types/issue.ts
index 323df995c..754da6ae3 100644
--- a/apps/space/types/issue.ts
+++ b/apps/space/types/issue.ts
@@ -42,14 +42,7 @@ export interface IIssue {
   state: string;
   state_detail: any;
   target_date: any;
-  votes: {
-    issue: string;
-    vote: -1 | 1;
-    workspace: string;
-    project: string;
-    actor: string;
-    actor_detail: ActorDetail;
-  }[];
+  votes: IVote[];
 }
 
 export interface IIssueState {
@@ -65,6 +58,15 @@ export interface IIssueLabel {
   color: string;
 }
 
+export interface IVote {
+  issue: string;
+  vote: -1 | 1;
+  workspace: string;
+  project: string;
+  actor: string;
+  actor_detail: ActorDetail;
+}
+
 export interface Comment {
   id: string;
   actor_detail: ActorDetail;
@@ -95,12 +97,12 @@ export interface IIssueReaction {
 }
 
 export interface ActorDetail {
-  avatar: string;
-  display_name: string;
-  first_name: string;
-  id: string;
-  is_bot: boolean;
-  last_name: string;
+  avatar?: string;
+  display_name?: string;
+  first_name?: string;
+  id?: string;
+  is_bot?: boolean;
+  last_name?: string;
 }
 
 export interface IssueDetail {
diff --git a/apps/space/types/user.ts b/apps/space/types/user.ts
index 45b3f3b6e..8c6d5f681 100644
--- a/apps/space/types/user.ts
+++ b/apps/space/types/user.ts
@@ -1,3 +1,23 @@
 export interface IUser {
+  avatar: string;
+  cover_image: string | null;
+  created_at: Date;
+  created_location: string;
+  date_joined: Date;
+  email: string;
+  display_name: string;
   first_name: string;
+  id: string;
+  is_email_verified: boolean;
+  is_onboarded: boolean;
+  is_tour_completed: boolean;
+  last_location: string;
+  last_login: Date;
+  last_name: string;
+  mobile_number: string;
+  role: string;
+  token: string;
+  updated_at: Date;
+  username: string;
+  user_timezone: string;
 }

From 2155a336ed544faedfcb2538ade20c8400549a46 Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Fri, 1 Sep 2023 20:52:12 +0530
Subject: [PATCH 17/81] peekover mutation fixes

---
 .../issues/board-views/list/block.tsx         |  14 +-
 .../peek-overview/comment-detail-card.tsx     |   4 +-
 apps/space/store/issue_details.ts             |   2 +-
 apps/space/store/issue_legacy.ts              | 566 ------------------
 4 files changed, 4 insertions(+), 582 deletions(-)
 delete mode 100644 apps/space/store/issue_legacy.ts

diff --git a/apps/space/components/issues/board-views/list/block.tsx b/apps/space/components/issues/board-views/list/block.tsx
index a4b1ad2b8..7e6175ebb 100644
--- a/apps/space/components/issues/board-views/list/block.tsx
+++ b/apps/space/components/issues/board-views/list/block.tsx
@@ -14,6 +14,7 @@ import { useMobxStore } from "lib/mobx/store-provider";
 import { IIssue } from "types/issue";
 // store
 import { RootStore } from "store/root";
+import { IssueVotes } from "components/issues/peek-overview";
 
 export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
   const { issue } = props;
@@ -56,19 +57,6 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
       </div>
 
       <div className="inline-flex flex-shrink-0 items-center gap-2 text-xs">
-        {projectStore.deploySettings?.votes && (
-          <>
-            {/* upvotes */}
-            <div className="flex-shrink-0">
-              <IssueBlockUpVotes number={totalUpVotes.length} />
-            </div>
-            {/* downotes */}
-            <div className="flex-shrink-0">
-              <IssueBlockDownVotes number={totalDownVotes.length} />
-            </div>
-          </>
-        )}
-
         {/* priority */}
         {issue?.priority && (
           <div className="flex-shrink-0">
diff --git a/apps/space/components/issues/peek-overview/comment-detail-card.tsx b/apps/space/components/issues/peek-overview/comment-detail-card.tsx
index 7dee29aae..a43942f4c 100644
--- a/apps/space/components/issues/peek-overview/comment-detail-card.tsx
+++ b/apps/space/components/issues/peek-overview/comment-detail-card.tsx
@@ -61,8 +61,8 @@ export const CommentCard: React.FC<Props> = observer((props) => {
         ) : (
           <div className={`grid h-7 w-7 place-items-center rounded-full border-2 border-white bg-gray-500 text-white`}>
             {comment.actor_detail.is_bot
-              ? comment.actor_detail.first_name.charAt(0)
-              : comment.actor_detail.display_name.charAt(0)}
+              ? comment?.actor_detail?.first_name?.charAt(0)
+              : comment?.actor_detail?.display_name?.charAt(0)}
           </div>
         )}
 
diff --git a/apps/space/store/issue_details.ts b/apps/space/store/issue_details.ts
index b8722d51e..10679cf17 100644
--- a/apps/space/store/issue_details.ts
+++ b/apps/space/store/issue_details.ts
@@ -89,7 +89,7 @@ class IssueDetailStore implements IssueDetailStore {
           this.details = {
             ...this.details,
             [issueId]: {
-              ...issueDetails,
+              ...(this.details[issueId] ?? issueDetails),
               comments: commentsResponse,
             },
           };
diff --git a/apps/space/store/issue_legacy.ts b/apps/space/store/issue_legacy.ts
deleted file mode 100644
index a2cc2e306..000000000
--- a/apps/space/store/issue_legacy.ts
+++ /dev/null
@@ -1,566 +0,0 @@
-// mobx
-import { observable, action, computed, makeObservable, runInAction, reaction } from "mobx";
-// service
-import IssueService from "services/issue.service";
-// types
-import { IssueDetailType, TIssueBoardKeys, IIssueLabel, IIssueState, IIssue } from "types/issue";
-
-export interface IIssueStore {
-  currentIssueBoardView: TIssueBoardKeys | null;
-  loader: boolean;
-  error: any | null;
-  states: IIssueState[] | null;
-  labels: IIssueLabel[] | null;
-  issues: IIssue[] | null;
-  issue_detail: IssueDetailType;
-  userSelectedStates: string[];
-  userSelectedLabels: string[];
-  userSelectedPriorities: string[];
-  activePeekOverviewIssueId: string | null;
-  getCountOfIssuesByState: (state: string) => number;
-  getFilteredIssuesByState: (state: string) => IIssue[];
-  getUserSelectedFilter: (key: "state" | "priority" | "label", value: string) => boolean;
-  checkIfFilterExistsForKey: (key: "state" | "priority" | "label") => boolean;
-  clearUserSelectedFilter: (key: "state" | "priority" | "label" | "all") => void;
-  getIfFiltersIsEmpty: () => boolean;
-  getURLDefinition: (
-    workspaceSlug: string,
-    projectId: string,
-    action?: {
-      key: "state" | "priority" | "label" | "all";
-      value?: string;
-      removeAll?: boolean;
-    }
-  ) => string;
-  setActivePeekOverviewIssueId: (value: any) => void;
-  setCurrentIssueBoardView: (view: TIssueBoardKeys) => void;
-  fetchPublicIssues: (workspaceSlug: string, projectId: string, params: any) => Promise<void>;
-  getIssueByIdAsync: (workspaceSlug: string, projectId: string, issueId: string) => Promise<IssueDetailType>;
-}
-
-class IssueLegacyStore {
-  currentIssueBoardView: TIssueBoardKeys | null = null;
-
-  loader: boolean = false;
-  error: any | null = null;
-
-  states: IIssueState[] | null = null;
-  labels: IIssueLabel[] | null = null;
-  issues: IIssue[] | null = null;
-
-  issue_detail: IssueDetailType = {};
-
-  activePeekOverviewIssueId: string | null = null;
-
-  userSelectedStates: string[] = [];
-  userSelectedLabels: string[] = [];
-  userSelectedPriorities: string[] = [];
-  // root store
-  rootStore;
-  // service
-  issueService;
-
-  constructor(_rootStore: any) {
-    makeObservable(this, {
-      // observable
-      currentIssueBoardView: observable,
-
-      loader: observable,
-      error: observable,
-
-      states: observable.ref,
-      labels: observable.ref,
-      issues: observable.ref,
-      issue_detail: observable.ref,
-
-      activePeekOverviewIssueId: observable.ref,
-
-      userSelectedStates: observable.ref,
-      userSelectedLabels: observable.ref,
-      userSelectedPriorities: observable.ref,
-      // action
-      setCurrentIssueBoardView: action,
-      fetchPublicIssues: action,
-      // computed
-    });
-
-    this.rootStore = _rootStore;
-    this.issueService = new IssueService();
-  }
-
-  // computed
-  getCountOfIssuesByState(state_id: string): number {
-    return this.issues?.filter((issue) => issue.state == state_id).length || 0;
-  }
-
-  getFilteredIssuesByState(state_id: string): IIssue[] | [] {
-    return this.issues?.filter((issue) => issue.state == state_id) || [];
-  }
-
-  setActivePeekOverviewIssueId = (issueId: string | null) => (this.activePeekOverviewIssueId = issueId);
-
-  /**
-   *
-   * @param key Is the key of the filter, i.e. state, label, priority
-   * @param value Is the value of the filter, i.e. state_id, label_id, priority
-   * @returns boolean
-   */
-
-  getUserSelectedFilter(key: "state" | "priority" | "label", value: string): boolean {
-    if (key == "state") {
-      return this.userSelectedStates.includes(value);
-    } else if (key == "label") {
-      return this.userSelectedLabels.includes(value);
-    } else if (key == "priority") {
-      return this.userSelectedPriorities.includes(value);
-    } else {
-      return false;
-    }
-  }
-
-  checkIfFilterExistsForKey: (key: "state" | "priority" | "label") => boolean = (key) => {
-    if (key == "state") {
-      return this.userSelectedStates.length > 0;
-    } else if (key == "label") {
-      return this.userSelectedLabels.length > 0;
-    } else if (key == "priority") {
-      return this.userSelectedPriorities.length > 0;
-    } else {
-      return false;
-    }
-  };
-
-  clearUserSelectedFilter(key: "state" | "priority" | "label" | "all") {
-    if (key == "state") {
-      this.userSelectedStates = [];
-    } else if (key == "label") {
-      this.userSelectedLabels = [];
-    } else if (key == "priority") {
-      this.userSelectedPriorities = [];
-    } else if (key == "all") {
-      this.userSelectedStates = [];
-      this.userSelectedLabels = [];
-      this.userSelectedPriorities = [];
-    }
-  }
-
-  getIfFiltersIsEmpty: () => boolean = () =>
-    this.userSelectedStates.length === 0 &&
-    this.userSelectedLabels.length === 0 &&
-    this.userSelectedPriorities.length === 0;
-
-  getURLDefinition = (
-    workspaceSlug: string,
-    projectId: string,
-    action?: {
-      key: "state" | "priority" | "label" | "all";
-      value?: string;
-      removeAll?: boolean;
-    }
-  ) => {
-    let url = `/${workspaceSlug}/${projectId}?board=${this.currentIssueBoardView}`;
-
-    if (action) {
-      if (action.key === "state")
-        this.userSelectedStates = action.removeAll
-          ? []
-          : [...this.userSelectedStates].filter((state) => state !== action.value);
-      if (action.key === "label")
-        this.userSelectedLabels = action.removeAll
-          ? []
-          : [...this.userSelectedLabels].filter((label) => label !== action.value);
-      if (action.key === "priority")
-        this.userSelectedPriorities = action.removeAll
-          ? []
-          : [...this.userSelectedPriorities].filter((priority) => priority !== action.value);
-      if (action.key === "all") {
-        this.userSelectedStates = [];
-        this.userSelectedLabels = [];
-        this.userSelectedPriorities = [];
-      }
-    }
-
-    if (this.checkIfFilterExistsForKey("state")) {
-      url += `&states=${this.userSelectedStates.join(",")}`;
-    }
-    if (this.checkIfFilterExistsForKey("label")) {
-      url += `&labels=${this.userSelectedLabels.join(",")}`;
-    }
-    if (this.checkIfFilterExistsForKey("priority")) {
-      url += `&priorities=${this.userSelectedPriorities.join(",")}`;
-    }
-
-    return url;
-  };
-
-  // action
-  setCurrentIssueBoardView = async (view: TIssueBoardKeys) => {
-    this.currentIssueBoardView = view;
-  };
-
-  fetchPublicIssues = async (workspaceSlug: string, projectId: string, params: any) => {
-    try {
-      this.loader = true;
-      this.error = null;
-
-      const response = await this.issueService.getPublicIssues(workspaceSlug, projectId, params);
-
-      if (response) {
-        const _states: IIssueState[] = [...response?.states];
-        const _labels: IIssueLabel[] = [...response?.labels];
-        const _issues: IIssue[] = [...response?.issues];
-        runInAction(() => {
-          this.states = _states;
-          this.labels = _labels;
-          this.issues = _issues;
-          this.loader = false;
-        });
-        return response;
-      }
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      return error;
-    }
-  };
-
-  getIssueByIdAsync = async (workspaceSlug: string, projectId: string, issueId: string): Promise<IssueDetailType> => {
-    try {
-      const response = this.issues?.find((issue) => issue.id === issueId);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            issue: response,
-            comments: [],
-            reactions: [],
-            votes: [],
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-
-        this.getIssueReactionsAsync(workspaceSlug, projectId, issueId);
-        this.getIssueVotesAsync(workspaceSlug, projectId, issueId);
-        this.getIssueCommentsAsync(workspaceSlug, projectId, issueId);
-      }
-
-      return this.issue_detail[issueId] as any;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  getIssueVotesAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
-    try {
-      const response = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            votes: response,
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  createIssueVoteAsync = async (
-    workspaceSlug: string,
-    projectId: string,
-    issueId: string,
-    data: {
-      vote: 1 | -1;
-    }
-  ) => {
-    try {
-      const response = await this.issueService.createIssueVote(workspaceSlug, projectId, issueId, data);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            votes: [
-              ...{ ...this.issue_detail }[issueId].votes.filter(
-                (vote) => vote.actor !== this.rootStore?.user?.currentUser?.id
-              ),
-              response,
-            ],
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  deleteIssueVoteAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
-    try {
-      const _votes = (this.issue_detail[issueId].votes = this.issue_detail[issueId].votes.filter(
-        (vote) => vote.actor !== this.rootStore?.user?.user?.id
-      ));
-
-      runInAction(() => {
-        this.issue_detail[issueId].votes = _votes;
-      });
-
-      const response = await this.issueService.deleteIssueVote(workspaceSlug, projectId, issueId);
-
-      const votesAfterCall = await this.issueService.getIssueVotes(workspaceSlug, projectId, issueId);
-
-      if (votesAfterCall)
-        runInAction(() => {
-          this.issue_detail[issueId].votes = votesAfterCall;
-        });
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  getIssueReactionsAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
-    try {
-      const response = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            reactions: response,
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  createIssueReactionAsync = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
-    try {
-      const response = await this.issueService.createIssueReaction(workspaceSlug, projectId, issueId, data);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            reactions: [...this.issue_detail[issueId].reactions, response],
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  deleteIssueReactionAsync = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
-    try {
-      const newReactionsList = this.issue_detail[issueId].reactions.filter(
-        (reaction) => reaction.reaction !== reactionHex
-      );
-
-      const _issue_detail = {
-        ...this.issue_detail,
-        [issueId]: {
-          ...this.issue_detail[issueId],
-          reactions: newReactionsList,
-        },
-      };
-
-      runInAction(() => {
-        this.issue_detail = _issue_detail;
-      });
-
-      const response = await this.issueService.deleteIssueReaction(workspaceSlug, projectId, issueId, reactionHex);
-
-      const reactionsAfterCall = await this.issueService.getIssueReactions(workspaceSlug, projectId, issueId);
-
-      if (reactionsAfterCall) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            reactions: reactionsAfterCall,
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  getIssueCommentsAsync = async (workspaceSlug: string, projectId: string, issueId: string) => {
-    try {
-      const response = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            comments: response,
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  createIssueCommentAsync = async (workspaceSlug: string, projectId: string, issueId: string, data: any) => {
-    try {
-      const response = await this.issueService.createIssueComment(workspaceSlug, projectId, issueId, data);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            comments: [...this.issue_detail[issueId].comments, response],
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  updateIssueCommentAsync = async (
-    workspaceSlug: string,
-    projectId: string,
-    issueId: string,
-    commentId: string,
-    data: any
-  ) => {
-    try {
-      const response = await this.issueService.updateIssueComment(workspaceSlug, projectId, issueId, commentId, data);
-
-      if (response) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            comments: [
-              ...this.issue_detail[issueId].comments.filter((comment) => comment.id !== response.id),
-              response,
-            ],
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-
-  deleteIssueCommentAsync = async (workspaceSlug: string, projectId: string, issueId: string, commentId: string) => {
-    try {
-      const newCommentsList = this.issue_detail[issueId].comments.filter((comment) => comment.id !== commentId);
-
-      const _issue_detail = {
-        ...this.issue_detail,
-        [issueId]: {
-          ...this.issue_detail[issueId],
-          comments: newCommentsList,
-        },
-      };
-
-      runInAction(() => {
-        this.issue_detail = _issue_detail;
-      });
-
-      const response = await this.issueService.deleteIssueComment(workspaceSlug, projectId, issueId, commentId);
-
-      const commentsAfterCall = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
-
-      if (commentsAfterCall) {
-        const _issue_detail = {
-          ...this.issue_detail,
-          [issueId]: {
-            ...this.issue_detail[issueId],
-            comments: commentsAfterCall,
-          },
-        };
-        runInAction(() => {
-          this.issue_detail = _issue_detail;
-        });
-      }
-
-      return response;
-    } catch (error) {
-      this.loader = false;
-      this.error = error;
-      throw error;
-    }
-  };
-}
-
-export default IssueLegacyStore;

From 0196fee7e3f899945c7e97e4d005d6168b57a9c1 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 1 Sep 2023 20:54:14 +0530
Subject: [PATCH 18/81] fix: sidebar cycle and module select (#2056)

---
 .../issues/sidebar-select/blocked.tsx         |  2 +-
 .../issues/sidebar-select/blocker.tsx         |  2 +-
 .../issues/sidebar-select/cycle.tsx           | 34 ++++++++++--------
 .../issues/sidebar-select/module.tsx          | 36 ++++++++++---------
 4 files changed, 40 insertions(+), 34 deletions(-)

diff --git a/apps/app/components/issues/sidebar-select/blocked.tsx b/apps/app/components/issues/sidebar-select/blocked.tsx
index fbe58b4b2..02cfd3b16 100644
--- a/apps/app/components/issues/sidebar-select/blocked.tsx
+++ b/apps/app/components/issues/sidebar-select/blocked.tsx
@@ -124,7 +124,7 @@ export const SidebarBlockedSelect: React.FC<Props> = ({
           </div>
           <button
             type="button"
-            className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 ${
+            className={`bg-custom-background-80 text-xs text-custom-text-200 rounded px-2.5 py-0.5 ${
               disabled ? "cursor-not-allowed" : "cursor-pointer hover:bg-custom-background-80"
             }`}
             onClick={() => setIsBlockedModalOpen(true)}
diff --git a/apps/app/components/issues/sidebar-select/blocker.tsx b/apps/app/components/issues/sidebar-select/blocker.tsx
index 49a6bc505..eb15e9ade 100644
--- a/apps/app/components/issues/sidebar-select/blocker.tsx
+++ b/apps/app/components/issues/sidebar-select/blocker.tsx
@@ -126,7 +126,7 @@ export const SidebarBlockerSelect: React.FC<Props> = ({
           </div>
           <button
             type="button"
-            className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 ${
+            className={`bg-custom-background-80 text-xs text-custom-text-200 rounded px-2.5 py-0.5 ${
               disabled ? "cursor-not-allowed" : "cursor-pointer hover:bg-custom-background-80"
             }`}
             onClick={() => setIsBlockerModalOpen(true)}
diff --git a/apps/app/components/issues/sidebar-select/cycle.tsx b/apps/app/components/issues/sidebar-select/cycle.tsx
index 3451be2c3..8fbfcf707 100644
--- a/apps/app/components/issues/sidebar-select/cycle.tsx
+++ b/apps/app/components/issues/sidebar-select/cycle.tsx
@@ -62,23 +62,27 @@ export const SidebarCycleSelect: React.FC<Props> = ({
   return (
     <CustomSelect
       customButton={
-        <Tooltip
-          position="left"
-          tooltipContent={`${issueCycle ? issueCycle.cycle_detail.name : "No cycle"}`}
-        >
-          <button
-            type="button"
-            className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 w-full flex ${
-              disabled ? "cursor-not-allowed" : ""
-            }`}
+        <div>
+          <Tooltip
+            position="left"
+            tooltipContent={`${issueCycle ? issueCycle.cycle_detail.name : "No cycle"}`}
           >
-            <span
-              className={`truncate ${issueCycle ? "text-custom-text-100" : "text-custom-text-200"}`}
+            <button
+              type="button"
+              className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 w-full flex ${
+                disabled ? "cursor-not-allowed" : ""
+              }`}
             >
-              {issueCycle ? issueCycle.cycle_detail.name : "No cycle"}
-            </span>
-          </button>
-        </Tooltip>
+              <span
+                className={`truncate ${
+                  issueCycle ? "text-custom-text-100" : "text-custom-text-200"
+                }`}
+              >
+                {issueCycle ? issueCycle.cycle_detail.name : "No cycle"}
+              </span>
+            </button>
+          </Tooltip>
+        </div>
       }
       value={issueCycle ? issueCycle.cycle_detail.id : null}
       onChange={(value: any) => {
diff --git a/apps/app/components/issues/sidebar-select/module.tsx b/apps/app/components/issues/sidebar-select/module.tsx
index a183fe951..c9599bdf4 100644
--- a/apps/app/components/issues/sidebar-select/module.tsx
+++ b/apps/app/components/issues/sidebar-select/module.tsx
@@ -56,27 +56,29 @@ export const SidebarModuleSelect: React.FC<Props> = ({
   return (
     <CustomSelect
       customButton={
-        <Tooltip
-          position="left"
-          tooltipContent={`${
-            modules?.find((m) => m.id === issueModule?.module)?.name ?? "No module"
-          }`}
-        >
-          <button
-            type="button"
-            className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 w-full flex ${
-              disabled ? "cursor-not-allowed" : ""
+        <div>
+          <Tooltip
+            position="left"
+            tooltipContent={`${
+              modules?.find((m) => m.id === issueModule?.module)?.name ?? "No module"
             }`}
           >
-            <span
-              className={`truncate ${
-                issueModule ? "text-custom-text-100" : "text-custom-text-200"
+            <button
+              type="button"
+              className={`bg-custom-background-80 text-xs rounded px-2.5 py-0.5 w-full flex ${
+                disabled ? "cursor-not-allowed" : ""
               }`}
             >
-              {modules?.find((m) => m.id === issueModule?.module)?.name ?? "No module"}
-            </span>
-          </button>
-        </Tooltip>
+              <span
+                className={`truncate ${
+                  issueModule ? "text-custom-text-100" : "text-custom-text-200"
+                }`}
+              >
+                {modules?.find((m) => m.id === issueModule?.module)?.name ?? "No module"}
+              </span>
+            </button>
+          </Tooltip>
+        </div>
       }
       value={issueModule ? issueModule.module_detail?.id : null}
       onChange={(value: any) => {

From abe8df4ecacc3e6a90d6532e8f65819e0844abf8 Mon Sep 17 00:00:00 2001
From: "M. Palanikannan" <73993394+Palanikannan1437@users.noreply.github.com>
Date: Sat, 2 Sep 2023 00:45:34 +0530
Subject: [PATCH 19/81] added table-icons for left,right columns and top,bottom
 rows (#2061)

---
 .../table-menu/InsertBottomTableIcon.tsx      | 15 +++++++++++
 .../tiptap/table-menu/InsertLeftTableIcon.tsx | 14 +++++++++++
 .../table-menu/InsertRightTableIcon.tsx       | 15 +++++++++++
 .../tiptap/table-menu/InsertTopTableIcon.tsx  | 14 +++++++++++
 .../components/tiptap/table-menu/index.tsx    | 25 +++++++++++++++----
 5 files changed, 78 insertions(+), 5 deletions(-)
 create mode 100644 apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
 create mode 100644 apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
 create mode 100644 apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
 create mode 100644 apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx

diff --git a/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
new file mode 100644
index 000000000..b3f99855e
--- /dev/null
+++ b/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertBottomTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path d="M212.309-152.31q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-375.383q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm535.382-219.998H212.309q-4.616 0-8.463 3.846-3.846 3.846-3.846 8.462V-600q0 4.616 3.846 8.462 3.847 3.847 8.463 3.847h535.382q4.616 0 8.463-3.847Q760-595.384 760-600v-135.383q0-4.616-3.846-8.462-3.847-3.846-8.463-3.846ZM200-587.691v-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+)
+
+export default InsertBottomTableIcon;
diff --git a/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
new file mode 100644
index 000000000..8a92705d8
--- /dev/null
+++ b/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
@@ -0,0 +1,14 @@
+const InsertLeftTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path d="M224.617-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm147.691-607.69q0-4.616-3.846-8.463-3.846-3.846-8.462-3.846H600q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v535.382q0 4.616 3.847 8.463Q595.384-200 600-200h135.383q4.616 0 8.462-3.846 3.846-3.847 3.846-8.463v-535.382ZM587.691-200h160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+)
+export default InsertLeftTableIcon
diff --git a/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
new file mode 100644
index 000000000..04348ece1
--- /dev/null
+++ b/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertRightTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path d="M600-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm-375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm-12.308-607.69v535.382q0 4.616 3.846 8.463 3.846 3.846 8.462 3.846H360q4.616 0 8.462-3.846 3.847-3.847 3.847-8.463v-535.382q0-4.616-3.847-8.463Q364.616-760 360-760H224.617q-4.616 0-8.462 3.846-3.846 3.847-3.846 8.463Zm160 547.691h-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+)
+
+export default InsertRightTableIcon
diff --git a/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx
new file mode 100644
index 000000000..14036f998
--- /dev/null
+++ b/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx
@@ -0,0 +1,14 @@
+const InsertTopTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path d="M212.309-527.693q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0 375.383q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-59.999h535.382q4.616 0 8.463-3.846 3.846-3.846 3.846-8.462V-360q0-4.616-3.846-8.462-3.847-3.847-8.463-3.847H212.309q-4.616 0-8.463 3.847Q200-364.616 200-360v135.383q0 4.616 3.846 8.462 3.847 3.846 8.463 3.846Zm-12.309-160v160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+)
+export default InsertTopTableIcon;
diff --git a/apps/app/components/tiptap/table-menu/index.tsx b/apps/app/components/tiptap/table-menu/index.tsx
index 0da68410e..e6513fc43 100644
--- a/apps/app/components/tiptap/table-menu/index.tsx
+++ b/apps/app/components/tiptap/table-menu/index.tsx
@@ -2,6 +2,10 @@ import { useState, useEffect } from "react";
 import { Rows, Columns, ToggleRight } from "lucide-react";
 import { cn } from "../utils";
 import { Tooltip } from "components/ui";
+import InsertLeftTableIcon from "./InsertLeftTableIcon";
+import InsertRightTableIcon from "./InsertRightTableIcon";
+import InsertTopTableIcon from "./InsertTopTableIcon";
+import InsertBottomTableIcon from "./InsertBottomTableIcon";
 
 interface TableMenuItem {
   command: () => void;
@@ -24,13 +28,25 @@ export const TableMenu = ({ editor }: { editor: any }) => {
   const items: TableMenuItem[] = [
     {
       command: () => editor.chain().focus().addColumnBefore().run(),
-      icon: Columns,
+      icon: InsertLeftTableIcon,
+      key: "insert-column-left",
+      name: "Insert 1 column left",
+    },
+    {
+      command: () => editor.chain().focus().addColumnAfter().run(),
+      icon: InsertRightTableIcon,
       key: "insert-column-right",
       name: "Insert 1 column right",
     },
+    {
+      command: () => editor.chain().focus().addRowBefore().run(),
+      icon: InsertTopTableIcon,
+      key: "insert-row-above",
+      name: "Insert 1 row above",
+    },
     {
       command: () => editor.chain().focus().addRowAfter().run(),
-      icon: Rows,
+      icon: InsertBottomTableIcon,
       key: "insert-row-below",
       name: "Insert 1 row below",
     },
@@ -99,9 +115,8 @@ export const TableMenu = ({ editor }: { editor: any }) => {
 
   return (
     <section
-      className={`fixed left-1/2 transform -translate-x-1/2 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 shadow-custom-shadow-sm p-1 ${
-        isOpen ? "block" : "hidden"
-      }`}
+      className={`fixed left-1/2 transform -translate-x-1/2 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 shadow-custom-shadow-sm p-1 ${isOpen ? "block" : "hidden"
+        }`}
       style={{
         bottom: `calc(100vh - ${tableLocation.bottom + 45}px)`,
         left: `${tableLocation.left}px`,

From 63d799310b0757ee2c1301f9818d0802060abc89 Mon Sep 17 00:00:00 2001
From: Henit Chobisa <chobisa.henit@gmail.com>
Date: Sat, 2 Sep 2023 13:47:21 +0530
Subject: [PATCH 20/81] [chore] Added Husky for Automating Building and Linting
 Projects Before Push (#2032)

* chore: Added Husky as Root Dependency

* chore: Added Husky Prepush Script

* chore: Modified Husky Pre-Push Script to Conditionally Build Projects

* chore: added husky as dev dependency
---
 .husky/pre-push | 23 +++++++++++++++++++++++
 package.json    |  5 ++++-
 yarn.lock       |  5 +++++
 3 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100755 .husky/pre-push

diff --git a/.husky/pre-push b/.husky/pre-push
new file mode 100755
index 000000000..1feec0de6
--- /dev/null
+++ b/.husky/pre-push
@@ -0,0 +1,23 @@
+#!/bin/sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+changed_files=$(git diff --name-only HEAD~1)
+
+app_changed=$(echo "$changed_files" | grep -E '^apps/app/' || true)
+space_changed=$(echo "$changed_files" | grep -E '^apps/space/' || true)
+echo $app_changed
+echo $space_changed
+
+if [ -n "$app_changed" ] && [ -n "$space_changed" ]; then
+    echo "Changes detected in both apps/app and apps/space. Building..."
+    yarn run lint
+    yarn run build
+elif [ -n "$app_changed" ]; then
+    echo "Changes detected in apps/app. Building..."
+    yarn run lint --filter=app
+    yarn run build --filter=app
+elif [ -n "$space_changed" ]; then
+    echo "Changes detected in apps/space. Building..."
+    yarn run lint --filter=space
+    yarn run build --filter=space
+fi
diff --git a/package.json b/package.json
index 804fb7b64..b99978f20 100644
--- a/package.json
+++ b/package.json
@@ -7,16 +7,19 @@
     "packages/*"
   ],
   "scripts": {
+    "prepare": "husky install",
     "build": "turbo run build",
     "dev": "turbo run dev",
     "start": "turbo run start",
     "lint": "turbo run lint",
     "clean": "turbo run clean"
   },
+
   "devDependencies": {
     "eslint-config-custom": "*",
     "prettier": "latest",
-    "turbo": "latest"
+    "turbo": "latest",
+    "husky": "^8.0.3"
   },
   "packageManager": "yarn@1.22.19"
 }
diff --git a/yarn.lock b/yarn.lock
index a48c94e92..60cba9408 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4891,6 +4891,11 @@ https-proxy-agent@^5.0.0:
     agent-base "6"
     debug "4"
 
+husky@^8.0.3:
+  version "8.0.3"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-8.0.3.tgz#4936d7212e46d1dea28fef29bb3a108872cd9184"
+  integrity sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==
+
 idb@^7.0.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/idb/-/idb-7.1.1.tgz#d910ded866d32c7ced9befc5bfdf36f572ced72b"

From 874d6e951b4746edf9e334d1705a6e8609c16a7b Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Sat, 2 Sep 2023 19:43:17 +0530
Subject: [PATCH 21/81] dev: updated error handling for project deploy board
 attributes (#2062)

* dev: updated error handling for project deploy board attributes

* dev: reaction integrity handling
---
 apiserver/plane/api/views/issue.py | 139 +++++++++++++++++------------
 1 file changed, 80 insertions(+), 59 deletions(-)

diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index 74b574423..3d6b59c7f 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -21,7 +21,7 @@ from django.db.models import (
 from django.core.serializers.json import DjangoJSONEncoder
 from django.utils.decorators import method_decorator
 from django.views.decorators.gzip import gzip_page
-from django.db.models.functions import Coalesce
+from django.db import IntegrityError
 from django.conf import settings
 
 # Third Party imports
@@ -1545,32 +1545,35 @@ class IssueCommentPublicViewSet(BaseViewSet):
         return super(IssueCommentPublicViewSet, self).get_permissions()
 
     def get_queryset(self):
-        project_deploy_board = ProjectDeployBoard.objects.get(
-            workspace__slug=self.kwargs.get("slug"),
-            project_id=self.kwargs.get("project_id"),
-        )
-        if project_deploy_board.comments:
-            return self.filter_queryset(
-                super()
-                .get_queryset()
-                .filter(workspace__slug=self.kwargs.get("slug"))
-                .filter(issue_id=self.kwargs.get("issue_id"))
-                .filter(access="EXTERNAL")
-                .select_related("project")
-                .select_related("workspace")
-                .select_related("issue")
-                .annotate(
-                    is_member=Exists(
-                        ProjectMember.objects.filter(
-                            workspace__slug=self.kwargs.get("slug"),
-                            project_id=self.kwargs.get("project_id"),
-                            member_id=self.request.user.id,
+        try:
+            project_deploy_board = ProjectDeployBoard.objects.get(
+                workspace__slug=self.kwargs.get("slug"),
+                project_id=self.kwargs.get("project_id"),
+            )
+            if project_deploy_board.comments:
+                return self.filter_queryset(
+                    super()
+                    .get_queryset()
+                    .filter(workspace__slug=self.kwargs.get("slug"))
+                    .filter(issue_id=self.kwargs.get("issue_id"))
+                    .filter(access="EXTERNAL")
+                    .select_related("project")
+                    .select_related("workspace")
+                    .select_related("issue")
+                    .annotate(
+                        is_member=Exists(
+                            ProjectMember.objects.filter(
+                                workspace__slug=self.kwargs.get("slug"),
+                                project_id=self.kwargs.get("project_id"),
+                                member_id=self.request.user.id,
+                            )
                         )
                     )
+                    .distinct()
                 )
-                .distinct()
-            )
-        else:
+            else:
+                return IssueComment.objects.none()
+        except ProjectDeployBoard.DoesNotExist:
             return IssueComment.objects.none()
 
     def create(self, request, slug, project_id, issue_id):
@@ -1703,21 +1706,24 @@ class IssueReactionPublicViewSet(BaseViewSet):
     model = IssueReaction
 
     def get_queryset(self):
-        project_deploy_board = ProjectDeployBoard.objects.get(
-            workspace__slug=self.kwargs.get("slug"),
-            project_id=self.kwargs.get("project_id"),
-        )
-        if project_deploy_board.reactions:
-            return (
-                super()
-                .get_queryset()
-                .filter(workspace__slug=self.kwargs.get("slug"))
-                .filter(project_id=self.kwargs.get("project_id"))
-                .filter(issue_id=self.kwargs.get("issue_id"))
-                .order_by("-created_at")
-                .distinct()
+        try:
+            project_deploy_board = ProjectDeployBoard.objects.get(
+                workspace__slug=self.kwargs.get("slug"),
+                project_id=self.kwargs.get("project_id"),
             )
-        else:
+            if project_deploy_board.reactions:
+                return (
+                    super()
+                    .get_queryset()
+                    .filter(workspace__slug=self.kwargs.get("slug"))
+                    .filter(project_id=self.kwargs.get("project_id"))
+                    .filter(issue_id=self.kwargs.get("issue_id"))
+                    .order_by("-created_at")
+                    .distinct()
+                )
+            else:
+                return IssueReaction.objects.none()
+        except ProjectDeployBoard.DoesNotExist:
             return IssueReaction.objects.none()
 
     def create(self, request, slug, project_id, issue_id):
@@ -1818,21 +1824,24 @@ class CommentReactionPublicViewSet(BaseViewSet):
     model = CommentReaction
 
     def get_queryset(self):
-        project_deploy_board = ProjectDeployBoard.objects.get(
-            workspace__slug=self.kwargs.get("slug"),
-            project_id=self.kwargs.get("project_id"),
-        )
-        if project_deploy_board.reactions:
-            return (
-                super()
-                .get_queryset()
-                .filter(workspace__slug=self.kwargs.get("slug"))
-                .filter(project_id=self.kwargs.get("project_id"))
-                .filter(comment_id=self.kwargs.get("comment_id"))
-                .order_by("-created_at")
-                .distinct()
+        try:
+            project_deploy_board = ProjectDeployBoard.objects.get(
+                workspace__slug=self.kwargs.get("slug"),
+                project_id=self.kwargs.get("project_id"),
             )
-        else:
+            if project_deploy_board.reactions:
+                return (
+                    super()
+                    .get_queryset()
+                    .filter(workspace__slug=self.kwargs.get("slug"))
+                    .filter(project_id=self.kwargs.get("project_id"))
+                    .filter(comment_id=self.kwargs.get("comment_id"))
+                    .order_by("-created_at")
+                    .distinct()
+                )
+            else:
+                return CommentReaction.objects.none()
+        except ProjectDeployBoard.DoesNotExist:
             return CommentReaction.objects.none()
 
     def create(self, request, slug, project_id, comment_id):
@@ -1939,13 +1948,23 @@ class IssueVotePublicViewSet(BaseViewSet):
     serializer_class = IssueVoteSerializer
 
     def get_queryset(self):
-        return (
-            super()
-            .get_queryset()
-            .filter(issue_id=self.kwargs.get("issue_id"))
-            .filter(workspace__slug=self.kwargs.get("slug"))
-            .filter(project_id=self.kwargs.get("project_id"))
-        )
+        try:
+            project_deploy_board = ProjectDeployBoard.objects.get(
+                workspace__slug=self.kwargs.get("slug"),
+                project_id=self.kwargs.get("project_id"),
+            )
+            if project_deploy_board.votes:
+                return (
+                    super()
+                    .get_queryset()
+                    .filter(issue_id=self.kwargs.get("issue_id"))
+                    .filter(workspace__slug=self.kwargs.get("slug"))
+                    .filter(project_id=self.kwargs.get("project_id"))
+                )
+            else:
+                return IssueVote.objects.none()
+        except ProjectDeployBoard.DoesNotExist:
+            return IssueVote.objects.none()
 
     def create(self, request, slug, project_id, issue_id):
         try:
@@ -1974,6 +1993,8 @@ class IssueVotePublicViewSet(BaseViewSet):
             )
             serializer = IssueVoteSerializer(issue_vote)
             return Response(serializer.data, status=status.HTTP_201_CREATED)
+        except IntegrityError:
+            return Response({"error": "Reaction already exists"}, status=status.HTTP_400_BAD_REQUEST)
         except Exception as e:
             capture_exception(e)
             return Response(

From 20e36194b4182437e821c8ca9ffadfdbd923affd Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Sun, 3 Sep 2023 11:25:37 +0530
Subject: [PATCH 22/81] fix: peek overview layout switch (#2064)

---
 .../issues/peek-overview/layout.tsx           | 60 ++++++++++---------
 .../issues/peek-overview/layout.tsx           | 24 ++++----
 2 files changed, 44 insertions(+), 40 deletions(-)

diff --git a/apps/app/components/issues/peek-overview/layout.tsx b/apps/app/components/issues/peek-overview/layout.tsx
index 40737b6e8..57bcb904c 100644
--- a/apps/app/components/issues/peek-overview/layout.tsx
+++ b/apps/app/components/issues/peek-overview/layout.tsx
@@ -151,35 +151,37 @@ export const IssuePeekOverview: React.FC<Props> = observer(
                 leaveFrom="opacity-100"
                 leaveTo="opacity-0"
               >
-                <Dialog.Panel
-                  className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
-                    peekOverviewMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
-                  }`}
-                >
-                  {peekOverviewMode === "modal" && (
-                    <SidePeekView
-                      handleClose={handleClose}
-                      handleDeleteIssue={() => setDeleteIssueModal(true)}
-                      handleUpdateIssue={handleUpdateIssue}
-                      issue={issue}
-                      mode={peekOverviewMode}
-                      readOnly={readOnly}
-                      setMode={(mode) => setPeekOverviewMode(mode)}
-                      workspaceSlug={workspaceSlug}
-                    />
-                  )}
-                  {peekOverviewMode === "full" && (
-                    <FullScreenPeekView
-                      handleClose={handleClose}
-                      handleDeleteIssue={() => setDeleteIssueModal(true)}
-                      handleUpdateIssue={handleUpdateIssue}
-                      issue={issue}
-                      mode={peekOverviewMode}
-                      readOnly={readOnly}
-                      setMode={(mode) => setPeekOverviewMode(mode)}
-                      workspaceSlug={workspaceSlug}
-                    />
-                  )}
+                <Dialog.Panel>
+                  <div
+                    className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
+                      peekOverviewMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
+                    }`}
+                  >
+                    {peekOverviewMode === "modal" && (
+                      <SidePeekView
+                        handleClose={handleClose}
+                        handleDeleteIssue={() => setDeleteIssueModal(true)}
+                        handleUpdateIssue={handleUpdateIssue}
+                        issue={issue}
+                        mode={peekOverviewMode}
+                        readOnly={readOnly}
+                        setMode={(mode) => setPeekOverviewMode(mode)}
+                        workspaceSlug={workspaceSlug}
+                      />
+                    )}
+                    {peekOverviewMode === "full" && (
+                      <FullScreenPeekView
+                        handleClose={handleClose}
+                        handleDeleteIssue={() => setDeleteIssueModal(true)}
+                        handleUpdateIssue={handleUpdateIssue}
+                        issue={issue}
+                        mode={peekOverviewMode}
+                        readOnly={readOnly}
+                        setMode={(mode) => setPeekOverviewMode(mode)}
+                        workspaceSlug={workspaceSlug}
+                      />
+                    )}
+                  </div>
                 </Dialog.Panel>
               </Transition.Child>
             </div>
diff --git a/apps/space/components/issues/peek-overview/layout.tsx b/apps/space/components/issues/peek-overview/layout.tsx
index abb76db48..09cfa5b78 100644
--- a/apps/space/components/issues/peek-overview/layout.tsx
+++ b/apps/space/components/issues/peek-overview/layout.tsx
@@ -106,17 +106,19 @@ export const IssuePeekOverview: React.FC<Props> = observer((props) => {
               leaveFrom="opacity-100"
               leaveTo="opacity-0"
             >
-              <Dialog.Panel
-                className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
-                  issueDetailStore.peekMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
-                }`}
-              >
-                {issueDetailStore.peekMode === "modal" && (
-                  <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
-                )}
-                {issueDetailStore.peekMode === "full" && (
-                  <FullScreenPeekView handleClose={handleClose} issueDetails={issueDetails} />
-                )}
+              <Dialog.Panel>
+                <div
+                  className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
+                    issueDetailStore.peekMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
+                  }`}
+                >
+                  {issueDetailStore.peekMode === "modal" && (
+                    <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
+                  )}
+                  {issueDetailStore.peekMode === "full" && (
+                    <FullScreenPeekView handleClose={handleClose} issueDetails={issueDetails} />
+                  )}
+                </div>
               </Dialog.Panel>
             </Transition.Child>
           </div>

From 1e152c666cb2e1258df27268a77920e3b11f571f Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Sun, 3 Sep 2023 18:50:30 +0530
Subject: [PATCH 23/81] New Directory Setup (#2065)

* chore: moved app & space from apps to root

* chore: modified workspace configuration

* chore: modified dockerfiles for space and web

* chore: modified icons for space

* feat: updated files for new svg icons supported by next-images

* chore: added /spaces base path for next

* chore: added compose config for space

* chore: updated husky configuration

* chore: updated workflows for new configuration

* chore: changed app name to web

* fix: resolved build errors with web

* chore: reset file tracing root for both projects

* chore: added nginx config for deploy

* fix: eslint and tsconfig settings for space app

* husky setup fixes based on new dir

* eslint fixes

* prettier formatting

---------

Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
---
 .eslintrc.js                                  |   2 +-
 .github/workflows/Build_Test_Pull_Request.yml |  10 +-
 .github/workflows/Update_Docker_Images.yml    |   4 +-
 .gitpod.yml                                   |  11 +
 .husky/pre-push                               |  20 +-
 CODE_OF_CONDUCT.md                            |  24 +-
 README.md                                     |  28 +-
 apps/app/components/icons/blocked-icon.tsx    |  25 --
 apps/app/components/icons/blocker-icon.tsx    |  25 --
 apps/app/components/icons/bolt-icon.tsx       |  16 -
 apps/app/components/icons/cancel-icon.tsx     |  16 -
 apps/app/components/icons/clipboard-icon.tsx  |  19 -
 apps/app/components/icons/comment-icon.tsx    |  16 -
 .../components/icons/completed-cycle-icon.tsx |  17 -
 .../components/icons/current-cycle-icon.tsx   |  17 -
 apps/app/components/icons/edit-icon.tsx       |  19 -
 .../icons/ellipsis-horizontal-icon.tsx        |  19 -
 apps/app/components/icons/lock-icon.tsx       |  16 -
 apps/app/components/icons/menu-icon.tsx       |  19 -
 apps/app/components/icons/plus-icon.tsx       |  19 -
 .../icons/question-mark-circle-icon.tsx       |  20 -
 .../components/icons/signal-cellular-icon.tsx |  19 -
 apps/app/components/icons/tag-icon.tsx        |  24 --
 apps/app/components/icons/transfer-icon.tsx   |  16 -
 apps/app/components/icons/tune-icon.tsx       |  19 -
 .../components/icons/upcoming-cycle-icon.tsx  |  17 -
 .../app/components/icons/user-icon-circle.tsx |  16 -
 apps/app/components/icons/user-icon.tsx       |  19 -
 .../app/components/integration/slack/index.ts |   1 -
 .../table-menu/InsertBottomTableIcon.tsx      |  15 -
 .../tiptap/table-menu/InsertLeftTableIcon.tsx |  14 -
 .../table-menu/InsertRightTableIcon.tsx       |  15 -
 .../tiptap/table-menu/InsertTopTableIcon.tsx  |  14 -
 apps/space/public/logos/github-black.png      | Bin 14032 -> 0 bytes
 apps/space/public/logos/github-square.png     | Bin 2352 -> 0 bytes
 apps/space/public/logos/github-white.png      | Bin 16559 -> 0 bytes
 apps/space/public/plane-logo.webp             | Bin 566 -> 0 bytes
 .../public/plane-logos/blue-without-text.png  | Bin 2460 -> 0 bytes
 apps/space/tsconfig.json                      |  23 --
 docker-compose.yml                            | 342 +++++++++---------
 nginx/nginx.conf.template                     |   4 +
 package.json                                  |   7 +-
 packages/eslint-config-custom/index.js        |   2 +-
 {apps/space => space}/.env.example            |   0
 {apps/app => space}/.eslintrc.js              |   0
 {apps/space => space}/.gitignore              |   0
 {apps/space => space}/.prettierignore         |   0
 {apps/space => space}/.prettierrc.json        |   0
 {apps/space => space}/Dockerfile.space        |  11 +-
 {apps/space => space}/README.md               |   0
 .../components/accounts/email-code-form.tsx   |   0
 .../accounts/email-password-form.tsx          |   0
 .../accounts/email-reset-password-form.tsx    |   0
 .../accounts/github-login-button.tsx          |   4 +-
 .../components/accounts/google-login.tsx      |   0
 .../components/accounts/index.ts              |   0
 .../components/accounts/onboarding-form.tsx   |   0
 .../space => space}/components/icons/index.ts |   0
 .../icons/issue-group/backlog-state-icon.tsx  |   0
 .../issue-group/cancelled-state-icon.tsx      |   0
 .../issue-group/completed-state-icon.tsx      |   0
 .../icons/issue-group/started-state-icon.tsx  |   0
 .../issue-group/unstarted-state-icon.tsx      |   0
 .../components/icons/types.d.ts               |   0
 .../issues/board-views/block-downvotes.tsx    |   0
 .../issues/board-views/block-due-date.tsx     |   0
 .../issues/board-views/block-labels.tsx       |   0
 .../issues/board-views/block-priority.tsx     |   0
 .../issues/board-views/block-state.tsx        |   0
 .../issues/board-views/block-upvotes.tsx      |   0
 .../issues/board-views/calendar/index.tsx     |   0
 .../issues/board-views/gantt/index.tsx        |   0
 .../issues/board-views/kanban/block.tsx       |   2 +-
 .../issues/board-views/kanban/header.tsx      |   0
 .../issues/board-views/kanban/index.tsx       |   0
 .../issues/board-views/list/block.tsx         |   2 +-
 .../issues/board-views/list/header.tsx        |   0
 .../issues/board-views/list/index.tsx         |   0
 .../issues/board-views/spreadsheet/index.tsx  |   0
 .../issues/filters-render/index.tsx           |   0
 .../label/filter-label-block.tsx              |   0
 .../issues/filters-render/label/index.tsx     |   0
 .../priority/filter-priority-block.tsx        |   0
 .../issues/filters-render/priority/index.tsx  |   0
 .../state/filter-state-block.tsx              |   0
 .../issues/filters-render/state/index.tsx     |   0
 .../components/issues/navbar/index.tsx        |   0
 .../issues/navbar/issue-board-view.tsx        |   0
 .../components/issues/navbar/issue-filter.tsx |   0
 .../components/issues/navbar/issue-view.tsx   |   0
 .../components/issues/navbar/search.tsx       |   0
 .../components/issues/navbar/theme.tsx        |   0
 .../issues/peek-overview/add-comment.tsx      |   0
 .../peek-overview/comment-detail-card.tsx     |   0
 .../peek-overview/full-screen-peek-view.tsx   |   0
 .../issues/peek-overview/header.tsx           |   0
 .../components/issues/peek-overview/index.ts  |   0
 .../issues/peek-overview/issue-activity.tsx   |   0
 .../issues/peek-overview/issue-details.tsx    |   0
 .../peek-overview/issue-emoji-reactions.tsx   |   0
 .../issues/peek-overview/issue-properties.tsx |   0
 .../issues/peek-overview/issue-reaction.tsx   |   0
 .../peek-overview/issue-vote-reactions.tsx    |   0
 .../issues/peek-overview/layout.tsx           |   0
 .../issues/peek-overview/side-peek-view.tsx   |   0
 .../components/tiptap/bubble-menu/index.tsx   |   0
 .../tiptap/bubble-menu/link-selector.tsx      |   7 +-
 .../tiptap/bubble-menu/node-selector.tsx      |  10 +-
 .../bubble-menu/utils/link-validator.tsx      |   1 -
 .../tiptap/extensions/image-resize.tsx        |  19 +-
 .../components/tiptap/extensions/index.tsx    |   8 +-
 .../tiptap/extensions/updated-image.tsx       |   2 +-
 .../components/tiptap/index.tsx               |   4 +-
 .../tiptap/plugins/delete-image.tsx           |   6 +-
 .../tiptap/plugins/upload-image.tsx           |  29 +-
 .../components/tiptap/props.tsx               |  18 +-
 .../components/tiptap/slash-command/index.tsx | 248 ++++++-------
 .../app => space}/components/tiptap/utils.ts  |   0
 .../components/ui/dropdown.tsx                |   0
 {apps/space => space}/components/ui/icon.tsx  |   0
 {apps/space => space}/components/ui/index.ts  |   0
 {apps/space => space}/components/ui/input.tsx |   0
 {apps/app => space}/components/ui/loader.tsx  |   0
 .../components/ui/primary-button.tsx          |   0
 .../components/ui/reaction-selector.tsx       |   0
 .../components/ui/secondary-button.tsx        |   0
 .../components/ui/toast-alert.tsx             |   0
 .../space => space}/components/ui/tooltip.tsx |   0
 .../components/views/project-details.tsx      |   0
 {apps/space => space}/constants/data.ts       |   0
 {apps/space => space}/constants/helpers.ts    |   0
 {apps/space => space}/constants/seo.ts        |   0
 {apps/space => space}/constants/workspace.ts  |   0
 .../contexts/toast.context.tsx                |   0
 .../helpers/date-time.helper.ts               |   0
 .../space => space}/helpers/emoji.helper.tsx  |   0
 .../space => space}/helpers/string.helper.ts  |   0
 .../hooks/use-outside-click.tsx               |   0
 {apps/app => space}/hooks/use-timer.tsx       |   0
 {apps/app => space}/hooks/use-toast.tsx       |   0
 .../layouts/project-layout.tsx                |   5 +-
 {apps/space => space}/lib/index.ts            |   0
 {apps/space => space}/lib/mobx/store-init.tsx |   0
 .../app => space}/lib/mobx/store-provider.tsx |   0
 {apps/space => space}/next.config.js          |   8 +-
 {apps/space => space}/package.json            |   3 +
 {apps/space => space}/pages/404.tsx           |   3 +-
 .../[workspace_slug]/[project_slug]/index.tsx |   0
 .../pages/[workspace_slug]/index.tsx          |   2 -
 {apps/space => space}/pages/_app.tsx          |  10 +-
 {apps/space => space}/pages/_document.tsx     |   0
 {apps/space => space}/pages/index.tsx         |   2 +-
 .../pages/onboarding/index.tsx                |   3 +-
 .../pages/project-not-published/index.tsx     |   3 +-
 {apps/app => space}/postcss.config.js         |   0
 {apps/app => space}/public/404.svg            |   0
 .../public/favicon/android-chrome-192x192.png | Bin
 .../public/favicon/android-chrome-512x512.png | Bin
 .../public/favicon/apple-touch-icon.png       | Bin
 .../public/favicon/favicon-16x16.png          | Bin
 .../public/favicon/favicon-32x32.png          | Bin
 .../app => space}/public/favicon/favicon.ico  | Bin
 .../public/favicon/site.webmanifest           |   0
 space/public/logos/github-black.svg           |  29 ++
 space/public/logos/github-square.svg          |  21 ++
 space/public/logos/github-white.svg           |  11 +
 space/public/plane-logo.svg                   |  94 +++++
 .../black-horizontal-with-blue-logo.svg       |   0
 .../public/plane-logos/blue-without-text.svg  |  15 +
 .../white-horizontal-with-blue-logo.svg       |   0
 .../public/plane-logos/white-horizontal.svg   |   0
 .../public/project-not-published.svg          |   0
 {apps/space => space}/services/api.service.ts |   0
 .../services/authentication.service.ts        |   0
 .../space => space}/services/file.service.ts  |   0
 .../space => space}/services/issue.service.ts |   0
 .../services/project.service.ts               |   0
 .../space => space}/services/user.service.ts  |   0
 {apps/space => space}/store/issue.ts          |   0
 {apps/space => space}/store/issue_details.ts  |   0
 {apps/space => space}/store/project.ts        |   0
 {apps/space => space}/store/root.ts           |   0
 {apps/space => space}/store/user.ts           |   0
 {apps/app => space}/styles/editor.css         |   0
 {apps/space => space}/styles/globals.css      |   0
 {apps/space => space}/tailwind.config.js      |   0
 {apps/app => space}/tsconfig.json             |   0
 {apps/space => space}/types/issue.ts          |   0
 {apps/space => space}/types/project.ts        |   0
 {apps/space => space}/types/theme.ts          |   0
 {apps/space => space}/types/user.ts           |   0
 web/.eslintrc.js                              |   7 +
 {apps/app => web}/.prettierrc                 |   0
 {apps/app => web}/Dockerfile.dev              |   0
 {apps/app => web}/Dockerfile.web              |  14 +-
 .../components/account/email-code-form.tsx    |   0
 .../account/email-password-form.tsx           |   0
 .../account/email-reset-password-form.tsx     |   0
 .../account/github-login-button.tsx           |   0
 .../components/account/google-login.tsx       |   0
 {apps/app => web}/components/account/index.ts |   0
 .../create-update-analytics-modal.tsx         |   0
 .../custom-analytics/custom-analytics.tsx     |   0
 .../custom-analytics/graph/custom-tooltip.tsx |   0
 .../custom-analytics/graph/index.tsx          |   0
 .../analytics/custom-analytics/index.ts       |   0
 .../analytics/custom-analytics/select-bar.tsx |   0
 .../analytics/custom-analytics/sidebar.tsx    |   0
 .../analytics/custom-analytics/table.tsx      |   0
 .../app => web}/components/analytics/index.ts |   0
 .../components/analytics/project-modal.tsx    |   0
 .../analytics/scope-and-demand/demand.tsx     |   0
 .../analytics/scope-and-demand/index.ts       |   0
 .../scope-and-demand/leaderboard.tsx          |   0
 .../scope-and-demand/scope-and-demand.tsx     |   0
 .../analytics/scope-and-demand/scope.tsx      |   0
 .../scope-and-demand/year-wise-issues.tsx     |   0
 .../components/analytics/select/index.ts      |   0
 .../components/analytics/select/project.tsx   |   0
 .../components/analytics/select/segment.tsx   |   0
 .../components/analytics/select/x-axis.tsx    |   0
 .../components/analytics/select/y-axis.tsx    |   0
 .../components/auth-screens/index.ts          |   0
 .../auth-screens/not-authorized-view.tsx      |   0
 .../components/auth-screens/project/index.ts  |   0
 .../auth-screens/project/join-project.tsx     |   0
 .../auth-screens/workspace/index.ts           |   0
 .../auth-screens/workspace/not-a-member.tsx   |   0
 .../automation/auto-archive-automation.tsx    |   0
 .../automation/auto-close-automation.tsx      |   0
 .../components/automation/index.ts            |   0
 .../automation/select-month-modal.tsx         |   0
 .../components/breadcrumbs/index.tsx          |   0
 .../change-interface-theme.tsx                |   0
 .../components/command-palette/command-k.tsx  |   0
 .../command-palette/command-pallette.tsx      |  64 ++--
 .../components/command-palette/helpers.tsx    |   0
 .../components/command-palette/index.ts       |   0
 .../issue/change-issue-assignee.tsx           |   0
 .../issue/change-issue-priority.tsx           |   0
 .../issue/change-issue-state.tsx              |   0
 .../components/command-palette/issue/index.ts |   0
 .../command-palette/shortcuts-modal.tsx       |   0
 .../app => web}/components/core/activity.tsx  |   0
 .../core/filters/date-filter-modal.tsx        |   0
 .../core/filters/date-filter-select.tsx       |   0
 .../components/core/filters/filters-list.tsx  |   0
 .../components/core/filters/index.ts          |   0
 .../core/filters/issues-view-filter.tsx       |   0
 .../components/core/image-picker-popover.tsx  |   0
 {apps/app => web}/components/core/index.ts    |   0
 .../core/modals/bulk-delete-issues-modal.tsx  |   0
 .../modals/existing-issues-list-modal.tsx     |   0
 .../core/modals/gpt-assistant-modal.tsx       |   0
 .../core/modals/image-upload-modal.tsx        |   0
 .../components/core/modals/index.ts           |   0
 .../components/core/modals/link-modal.tsx     |   0
 .../components/core/reaction-selector.tsx     |   0
 .../components/core/sidebar/index.ts          |   0
 .../components/core/sidebar/links-list.tsx    |   0
 .../core/sidebar/progress-chart.tsx           |   0
 .../core/sidebar/sidebar-progress-stats.tsx   |   0
 .../core/sidebar/single-progress-stats.tsx    |   0
 .../core/theme/color-picker-input.tsx         |   0
 .../core/theme/custom-theme-selector.tsx      |   0
 .../components/core/theme/index.ts            |   0
 .../components/core/theme/theme-switch.tsx    |   0
 .../components/core/views/all-views.tsx       |   0
 .../core/views/board-view/all-boards.tsx      |   0
 .../core/views/board-view/board-header.tsx    |   0
 .../components/core/views/board-view/index.ts |   0
 .../core/views/board-view/single-board.tsx    |   0
 .../core/views/board-view/single-issue.tsx    |   0
 .../views/calendar-view/calendar-header.tsx   |   0
 .../core/views/calendar-view/calendar.tsx     |   0
 .../core/views/calendar-view/index.ts         |   0
 .../core/views/calendar-view/single-date.tsx  |   0
 .../core/views/calendar-view/single-issue.tsx |   0
 .../core/views/gantt-chart-view/index.tsx     |   0
 .../components/core/views/index.ts            |   0
 .../components/core/views/issues-view.tsx     |   0
 .../core/views/list-view/all-lists.tsx        |   0
 .../components/core/views/list-view/index.ts  |   0
 .../core/views/list-view/single-issue.tsx     |   0
 .../core/views/list-view/single-list.tsx      |   0
 .../core/views/spreadsheet-view/index.ts      |   0
 .../views/spreadsheet-view/single-issue.tsx   |   0
 .../spreadsheet-view/spreadsheet-columns.tsx  |   0
 .../spreadsheet-view/spreadsheet-issues.tsx   |   0
 .../spreadsheet-view/spreadsheet-view.tsx     |   0
 .../cycles/active-cycle-details.tsx           |   0
 .../components/cycles/active-cycle-stats.tsx  |   0
 .../cycles/cycles-list/all-cycles-list.tsx    |   0
 .../cycles-list/completed-cycles-list.tsx     |   0
 .../cycles/cycles-list/draft-cycles-list.tsx  |   0
 .../components/cycles/cycles-list/index.ts    |   0
 .../cycles-list/upcoming-cycles-list.tsx      |   0
 .../components/cycles/cycles-view.tsx         |   0
 .../components/cycles/delete-cycle-modal.tsx  |   0
 {apps/app => web}/components/cycles/form.tsx  |   0
 .../components/cycles/gantt-chart/blocks.tsx  |   0
 .../gantt-chart/cycle-issues-layout.tsx       |   0
 .../cycles/gantt-chart/cycles-list-layout.tsx |   0
 .../components/cycles/gantt-chart/index.ts    |   0
 {apps/app => web}/components/cycles/index.ts  |   0
 {apps/app => web}/components/cycles/modal.tsx |   0
 .../app => web}/components/cycles/select.tsx  |   0
 .../app => web}/components/cycles/sidebar.tsx |   0
 .../components/cycles/single-cycle-card.tsx   |   0
 .../components/cycles/single-cycle-list.tsx   |   0
 .../cycles/transfer-issues-modal.tsx          |   0
 .../components/cycles/transfer-issues.tsx     |   0
 .../components/dnd/StrictModeDroppable.tsx    |   0
 .../components/emoji-icon-picker/emojis.json  |   0
 .../components/emoji-icon-picker/helpers.ts   |   0
 .../components/emoji-icon-picker/icons.json   |   0
 .../components/emoji-icon-picker/index.tsx    |   0
 .../components/emoji-icon-picker/types.d.ts   |   0
 .../create-update-estimate-modal.tsx          |   0
 .../estimates/delete-estimate-modal.tsx       |   0
 .../components/estimates/index.tsx            |   0
 .../components/estimates/single-estimate.tsx  |   0
 .../components/exporter/export-modal.tsx      |   0
 .../app => web}/components/exporter/guide.tsx |   0
 .../app => web}/components/exporter/index.tsx |   0
 .../components/exporter/single-export.tsx     |   0
 .../gantt-chart/blocks/blocks-display.tsx     |   0
 .../components/gantt-chart/blocks/index.ts    |   0
 .../components/gantt-chart/chart/bi-week.tsx  |   0
 .../components/gantt-chart/chart/day.tsx      |   0
 .../components/gantt-chart/chart/hours.tsx    |   0
 .../components/gantt-chart/chart/index.tsx    |   0
 .../components/gantt-chart/chart/month.tsx    |   0
 .../components/gantt-chart/chart/quarter.tsx  |   0
 .../components/gantt-chart/chart/week.tsx     |   0
 .../components/gantt-chart/chart/year.tsx     |   0
 .../components/gantt-chart/contexts/index.tsx |   0
 .../components/gantt-chart/data/index.ts      |   0
 .../gantt-chart/helpers/block-structure.tsx   |   0
 .../gantt-chart/helpers/draggable.tsx         |   0
 .../components/gantt-chart/helpers/index.ts   |   0
 .../gantt-chart/hooks/block-update.tsx        |   0
 .../components/gantt-chart/hooks/index.tsx    |   0
 .../components/gantt-chart/index.ts           |   0
 .../components/gantt-chart/root.tsx           |   0
 .../components/gantt-chart/sidebar.tsx        |   0
 .../components/gantt-chart/types/index.ts     |   0
 .../gantt-chart/views/bi-week-view.ts         |   0
 .../components/gantt-chart/views/day-view.ts  |  14 +-
 .../components/gantt-chart/views/helpers.ts   |   0
 .../gantt-chart/views/hours-view.ts           |  14 +-
 .../components/gantt-chart/views/index.ts     |   0
 .../gantt-chart/views/month-view.ts           |   0
 .../gantt-chart/views/quater-view.ts          |   0
 .../components/gantt-chart/views/week-view.ts |   0
 .../components/gantt-chart/views/year-view.ts |   0
 .../components/icons/alarm-clock-icon.tsx     |   0
 .../components/icons/archive-icon.tsx         |   0
 .../components/icons/arrow-right.tsx          |   0
 .../icons/assignment-clipboard-icon.tsx       |   0
 .../components/icons/attachment-icon.tsx      |   0
 .../components/icons/audio-file-icon.tsx      |   2 +-
 .../components/icons/backlog-state-icon.tsx   |   0
 .../components/icons/bell-icon.tsx            |   0
 web/components/icons/blocked-icon.tsx         |  25 ++
 web/components/icons/blocker-icon.tsx         |  25 ++
 web/components/icons/bolt-icon.tsx            |  16 +
 .../components/icons/calendar-after-icon.tsx  |   0
 .../components/icons/calendar-before-icon.tsx |   0
 .../components/icons/calendar-month-icon.tsx  |   0
 web/components/icons/cancel-icon.tsx          |  16 +
 .../components/icons/cancelled-state-icon.tsx |   0
 {apps/app => web}/components/icons/check.tsx  |   0
 web/components/icons/clipboard-icon.tsx       |  19 +
 .../components/icons/clock-icon.tsx           |   0
 .../components/icons/cloud-upload.tsx         |   0
 .../app => web}/components/icons/cmd-icon.tsx |   0
 {apps/app => web}/components/icons/cog.tsx    |   0
 .../components/icons/color-pallette-icon.tsx  |   0
 .../components/icons/color-picker-icon.tsx    |   0
 .../components/icons/command-icon.tsx         |   0
 web/components/icons/comment-icon.tsx         |  16 +
 web/components/icons/completed-cycle-icon.tsx |  17 +
 .../components/icons/completed-state-icon.tsx |   0
 .../components/icons/contrast-icon.tsx        |   0
 .../components/icons/css-file-icon.tsx        |   2 +-
 .../components/icons/csv-file-icon.tsx        |   2 +-
 web/components/icons/current-cycle-icon.tsx   |  17 +
 .../components/icons/cycle-icon.tsx           |   0
 .../components/icons/default-file-icon.tsx    |   2 +-
 .../components/icons/discord-icon.tsx         |   0
 .../components/icons/doc-file-icon.tsx        |   2 +-
 .../components/icons/document-icon.tsx        |  30 +-
 web/components/icons/edit-icon.tsx            |  19 +
 .../icons/ellipsis-horizontal-icon.tsx        |  19 +
 .../components/icons/exclamation-icon.tsx     |   0
 .../components/icons/external-link-icon.tsx   |   0
 .../components/icons/figma-file-icon.tsx      |   2 +-
 .../components/icons/github-icon.tsx          |   0
 .../components/icons/grid-view-icons.tsx      |   0
 .../components/icons/heartbeat-icon.tsx       |   0
 .../components/icons/html-file-icon.tsx       |   2 +-
 .../components/icons/img-file-icon.tsx        |   2 +-
 .../components/icons/import-layers.tsx        |   0
 .../components/icons/inbox-icon.tsx           |   0
 {apps/app => web}/components/icons/index.ts   |   0
 .../components/icons/jpg-file-icon.tsx        |   2 +-
 .../components/icons/js-file-icon.tsx         |   2 +-
 .../components/icons/layer-diagonal-icon.tsx  |   0
 web/components/icons/lock-icon.tsx            |  16 +
 web/components/icons/menu-icon.tsx            |  19 +
 .../components/icons/module/backlog.tsx       |   0
 .../components/icons/module/cancelled.tsx     |   0
 .../components/icons/module/completed.tsx     |   0
 .../components/icons/module/in-progress.tsx   |   0
 .../components/icons/module/index.ts          |   0
 .../icons/module/module-status-icon.tsx       |   0
 .../components/icons/module/paused.tsx        |   0
 .../components/icons/module/planned.tsx       |   0
 .../components/icons/pdf-file-icon.tsx        |   2 +-
 .../components/icons/pencil-scribble-icon.tsx |   0
 .../components/icons/people-group-icon.tsx    |   0
 .../components/icons/person-running-icon.tsx  |   0
 web/components/icons/plus-icon.tsx            |  19 +
 .../components/icons/png-file-icon.tsx        |   2 +-
 .../components/icons/priority-icon.tsx        |   0
 .../icons/question-mark-circle-icon.tsx       |  20 +
 .../components/icons/setting-icon.tsx         |   0
 .../components/icons/sheet-file-icon.tsx      |   2 +-
 web/components/icons/signal-cellular-icon.tsx |  19 +
 .../components/icons/single-comment-icon.tsx  |   0
 .../components/icons/sort-icon.tsx            |   0
 .../icons/stacked-layers-horizontal-icon.tsx  |   0
 .../components/icons/stacked-layers-icon.tsx  |   0
 .../components/icons/started-state-icon.tsx   |   0
 .../components/icons/state-group-icon.tsx     |   0
 .../components/icons/svg-file-icon.tsx        |   2 +-
 web/components/icons/tag-icon.tsx             |  24 ++
 .../components/icons/target-icon.tsx          |   0
 .../components/icons/tick-mark-icon.tsx       |   0
 web/components/icons/transfer-icon.tsx        |  19 +
 .../icons/triangle-exclamation-icon.tsx       |   0
 web/components/icons/tune-icon.tsx            |  19 +
 .../components/icons/txt-file-icon.tsx        |   2 +-
 {apps/app => web}/components/icons/types.d.ts |   0
 .../components/icons/unstarted-state-icon.tsx |   0
 web/components/icons/upcoming-cycle-icon.tsx  |  17 +
 .../components/icons/user-group-icon.tsx      |   0
 web/components/icons/user-icon-circle.tsx     |  16 +
 web/components/icons/user-icon.tsx            |  19 +
 {apps/app => web}/components/icons/users.tsx  |   0
 .../components/icons/video-file-icon.tsx      |   2 +-
 .../components/icons/view-list-icon.tsx       |   0
 .../components/icons/water-drop-icon.tsx      |   0
 .../components/icons/x-mark-icon.tsx          |   0
 .../components/inbox/accept-issue-modal.tsx   |   0
 .../components/inbox/decline-issue-modal.tsx  |   0
 .../components/inbox/delete-issue-modal.tsx   |   0
 .../components/inbox/filters-dropdown.tsx     |   0
 .../components/inbox/filters-list.tsx         |   0
 .../components/inbox/inbox-action-headers.tsx |   0
 .../components/inbox/inbox-issue-activity.tsx |   0
 .../components/inbox/inbox-issue-card.tsx     |   0
 .../components/inbox/inbox-main-content.tsx   |   0
 {apps/app => web}/components/inbox/index.ts   |   0
 .../components/inbox/issues-list-sidebar.tsx  |   0
 .../components/inbox/select-duplicate.tsx     |   0
 .../integration/delete-import-modal.tsx       |   0
 .../components/integration/github/auth.tsx    |   0
 .../integration/github/import-configure.tsx   |   0
 .../integration/github/import-confirm.tsx     |   0
 .../integration/github/import-data.tsx        |   0
 .../integration/github/import-users.tsx       |   0
 .../components/integration/github/index.ts    |   0
 .../integration/github/repo-details.tsx       |   0
 .../components/integration/github/root.tsx    |   0
 .../integration/github/select-repository.tsx  |   0
 .../integration/github/single-user-select.tsx |   0
 .../components/integration/guide.tsx          |   0
 .../components/integration/index.ts           |   0
 .../integration/jira/confirm-import.tsx       |   0
 .../integration/jira/give-details.tsx         |   0
 .../integration/jira/import-users.tsx         |   0
 .../components/integration/jira/index.ts      |   0
 .../integration/jira/jira-project-detail.tsx  |   2 +-
 .../components/integration/jira/root.tsx      |   2 +-
 .../components/integration/single-import.tsx  |   0
 .../integration/single-integration-card.tsx   |   0
 web/components/integration/slack/index.ts     |   1 +
 .../integration/slack/select-channel.tsx      |   0
 .../components/issues/activity.tsx            |   0
 .../issues/attachment/attachment-upload.tsx   |   0
 .../issues/attachment/attachments.tsx         |   0
 .../attachment/delete-attachment-modal.tsx    |   0
 .../components/issues/attachment/index.ts     |   0
 .../components/issues/comment/add-comment.tsx |   0
 .../issues/comment/comment-card.tsx           |   0
 .../issues/comment/comment-reaction.tsx       |   0
 .../components/issues/comment/index.ts        |   0
 .../components/issues/delete-issue-modal.tsx  |   0
 .../components/issues/description-form.tsx    |   0
 {apps/app => web}/components/issues/form.tsx  |   0
 .../components/issues/gantt-chart/blocks.tsx  |   0
 .../components/issues/gantt-chart/index.ts    |   0
 .../components/issues/gantt-chart/layout.tsx  |   0
 {apps/app => web}/components/issues/index.ts  |   0
 .../components/issues/issue-reaction.tsx      |   0
 {apps/app => web}/components/issues/label.tsx |   0
 .../components/issues/main-content.tsx        |   0
 {apps/app => web}/components/issues/modal.tsx |   0
 .../components/issues/my-issues/index.ts      |   0
 .../my-issues/my-issues-select-filters.tsx    |   0
 .../my-issues/my-issues-view-options.tsx      |   0
 .../issues/my-issues/my-issues-view.tsx       |   0
 .../issues/parent-issues-list-modal.tsx       |   0
 .../peek-overview/full-screen-peek-view.tsx   |   0
 .../issues/peek-overview/header.tsx           |   0
 .../components/issues/peek-overview/index.ts  |   0
 .../issues/peek-overview/issue-activity.tsx   |   0
 .../issues/peek-overview/issue-details.tsx    |   0
 .../issues/peek-overview/issue-properties.tsx |   0
 .../issues/peek-overview/layout.tsx           |   0
 .../issues/peek-overview/side-peek-view.tsx   |   0
 .../components/issues/select/assignee.tsx     |   0
 .../components/issues/select/date.tsx         |   0
 .../components/issues/select/estimate.tsx     |   0
 .../components/issues/select/index.ts         |   0
 .../components/issues/select/label.tsx        |   0
 .../components/issues/select/priority.tsx     |   0
 .../components/issues/select/project.tsx      |   0
 .../components/issues/select/state.tsx        |   0
 .../issues/sidebar-select/assignee.tsx        |   0
 .../issues/sidebar-select/blocked.tsx         |   0
 .../issues/sidebar-select/blocker.tsx         |   0
 .../issues/sidebar-select/cycle.tsx           |   0
 .../issues/sidebar-select/estimate.tsx        |   0
 .../components/issues/sidebar-select/index.ts |   0
 .../issues/sidebar-select/label.tsx           |   0
 .../issues/sidebar-select/module.tsx          |   0
 .../issues/sidebar-select/parent.tsx          |   0
 .../issues/sidebar-select/priority.tsx        |   0
 .../issues/sidebar-select/state.tsx           |   0
 .../app => web}/components/issues/sidebar.tsx |   0
 .../components/issues/sub-issues-list.tsx     |   0
 .../issues/view-select/assignee.tsx           |   0
 .../issues/view-select/due-date.tsx           |   0
 .../issues/view-select/estimate.tsx           |   0
 .../components/issues/view-select/index.ts    |   0
 .../components/issues/view-select/label.tsx   |   0
 .../issues/view-select/priority.tsx           |   0
 .../issues/view-select/start-date.tsx         |   0
 .../components/issues/view-select/state.tsx   |   0
 .../components/labels/create-label-modal.tsx  |   0
 .../labels/create-update-label-inline.tsx     |   0
 .../components/labels/delete-label-modal.tsx  |   0
 {apps/app => web}/components/labels/index.ts  |   0
 .../components/labels/labels-list-modal.tsx   |   0
 .../components/labels/single-label-group.tsx  |   0
 .../components/labels/single-label.tsx        |   0
 .../modules/delete-module-modal.tsx           |   0
 {apps/app => web}/components/modules/form.tsx |   0
 .../components/modules/gantt-chart/blocks.tsx |   0
 .../components/modules/gantt-chart/index.ts   |   0
 .../gantt-chart/module-issues-layout.tsx      |   0
 .../gantt-chart/modules-list-layout.tsx       |   0
 {apps/app => web}/components/modules/index.ts |   0
 .../app => web}/components/modules/modal.tsx  |   0
 .../components/modules/select/index.ts        |   0
 .../components/modules/select/lead.tsx        |   0
 .../components/modules/select/members.tsx     |   0
 .../components/modules/select/status.tsx      |   0
 .../modules/sidebar-select/index.ts           |   0
 .../modules/sidebar-select/select-lead.tsx    |   0
 .../modules/sidebar-select/select-members.tsx |   0
 .../modules/sidebar-select/select-status.tsx  |   0
 .../components/modules/sidebar.tsx            |   0
 .../components/modules/single-module-card.tsx |   0
 .../components/notifications/index.ts         |   0
 .../notifications/notification-card.tsx       |   2 +-
 .../notifications/notification-header.tsx     |   0
 .../notifications/notification-popover.tsx    |   0
 .../select-snooze-till-modal.tsx              |   0
 .../components/onboarding/index.ts            |   0
 .../components/onboarding/invite-members.tsx  |   0
 .../components/onboarding/join-workspaces.tsx |   0
 .../components/onboarding/tour/index.ts       |   0
 .../components/onboarding/tour/root.tsx       |   0
 .../components/onboarding/tour/sidebar.tsx    |   0
 .../components/onboarding/user-details.tsx    |   0
 .../components/onboarding/workspace.tsx       |   0
 .../components/pages/create-block.tsx         |   0
 .../pages/create-update-block-inline.tsx      |   0
 .../pages/create-update-page-modal.tsx        |   0
 .../components/pages/delete-page-modal.tsx    |   0
 {apps/app => web}/components/pages/index.ts   |   0
 .../components/pages/page-form.tsx            |   0
 .../pages/pages-list/all-pages-list.tsx       |   0
 .../pages/pages-list/favorite-pages-list.tsx  |   0
 .../components/pages/pages-list/index.ts      |   0
 .../pages/pages-list/my-pages-list.tsx        |   0
 .../pages/pages-list/other-pages-list.tsx     |   0
 .../pages/pages-list/recent-pages-list.tsx    |   0
 .../components/pages/pages-list/types.ts      |   0
 .../components/pages/pages-view.tsx           |   0
 .../components/pages/single-page-block.tsx    |   0
 .../pages/single-page-detailed-item.tsx       |   0
 .../pages/single-page-list-item.tsx           |   0
 {apps/app => web}/components/profile/index.ts |   0
 .../app => web}/components/profile/navbar.tsx |   0
 .../components/profile/overview/activity.tsx  |   0
 .../components/profile/overview/index.ts      |   0
 .../overview/priority-distribution.tsx        |   0
 .../profile/overview/state-distribution.tsx   |   0
 .../components/profile/overview/stats.tsx     |   0
 .../components/profile/overview/workload.tsx  |   0
 .../profile/profile-issues-view-options.tsx   |   0
 .../profile/profile-issues-view.tsx           |   0
 .../components/profile/sidebar.tsx            |   0
 .../project/confirm-project-member-remove.tsx |   0
 .../project/create-project-modal.tsx          |   0
 .../project/delete-project-modal.tsx          |   0
 {apps/app => web}/components/project/index.ts |   2 +-
 .../components/project/join-project-modal.tsx |   0
 .../project/publish-project/modal.tsx         |   0
 .../project/publish-project/popover.tsx       |   0
 .../project/send-project-invitation-modal.tsx |   0
 .../components/project/settings-header.tsx    |   0
 .../project/settings/single-label.tsx         |   0
 .../components/project/sidebar-list.tsx       |   0
 .../project/single-integration-card.tsx       |   0
 .../project/single-project-card.tsx           |   0
 .../project/single-sidebar-project.tsx        |   0
 .../components/search-listbox/index.tsx       |   0
 .../components/search-listbox/types.d.ts      |   0
 .../components/states/create-state-modal.tsx  |   0
 .../states/create-update-state-inline.tsx     |   0
 .../components/states/delete-state-modal.tsx  |   0
 {apps/app => web}/components/states/index.ts  |   0
 .../components/states/single-state.tsx        |   0
 .../components/tiptap/bubble-menu/index.tsx   |  18 +-
 .../tiptap/bubble-menu/link-selector.tsx      |   8 +-
 .../tiptap/bubble-menu/node-selector.tsx      |   2 +-
 .../bubble-menu/utils/link-validator.tsx      |   1 -
 .../tiptap/extensions/image-resize.tsx        |  19 +-
 .../components/tiptap/extensions/index.tsx    |  11 +-
 .../tiptap/extensions/table/table-cell.ts     |  13 +-
 .../tiptap/extensions/table/table-header.ts   |   2 +-
 .../tiptap/extensions/table/table.ts          |   2 +-
 .../tiptap/extensions/updated-image.tsx       |   2 +-
 {apps/app => web}/components/tiptap/index.tsx |   4 +-
 .../tiptap/plugins/delete-image.tsx           |   6 +-
 .../tiptap/plugins/upload-image.tsx           |  15 +-
 {apps/app => web}/components/tiptap/props.tsx |  18 +-
 .../components/tiptap/slash-command/index.tsx | 269 +++++++-------
 .../table-menu/InsertBottomTableIcon.tsx      |  16 +
 .../tiptap/table-menu/InsertLeftTableIcon.tsx |  15 +
 .../table-menu/InsertRightTableIcon.tsx       |  16 +
 .../tiptap/table-menu/InsertTopTableIcon.tsx  |  15 +
 .../components/tiptap/table-menu/index.tsx    |   5 +-
 .../space => web}/components/tiptap/utils.ts  |   0
 .../components/toast-alert/index.tsx          |   0
 {apps/app => web}/components/ui/avatar.tsx    |   0
 .../components/ui/buttons/danger-button.tsx   |   0
 .../components/ui/buttons/index.ts            |   0
 .../components/ui/buttons/primary-button.tsx  |   0
 .../ui/buttons/secondary-button.tsx           |   0
 .../components/ui/buttons/type.d.ts           |   0
 .../components/ui/circular-progress.tsx       |   0
 {apps/app => web}/components/ui/date.tsx      |   0
 .../app => web}/components/ui/datepicker.tsx  |   0
 .../components/ui/dropdowns/context-menu.tsx  |   0
 .../components/ui/dropdowns/custom-menu.tsx   |   0
 .../ui/dropdowns/custom-search-select.tsx     |   0
 .../components/ui/dropdowns/custom-select.tsx |   0
 .../components/ui/dropdowns/index.ts          |   0
 .../components/ui/dropdowns/types.d.ts        |   0
 .../app => web}/components/ui/empty-space.tsx |   0
 .../app => web}/components/ui/empty-state.tsx |   0
 .../components/ui/graphs/bar-graph.tsx        |   0
 .../components/ui/graphs/calendar-graph.tsx   |   0
 .../app => web}/components/ui/graphs/index.ts |   0
 .../components/ui/graphs/line-graph.tsx       |   0
 .../components/ui/graphs/pie-graph.tsx        |   0
 .../ui/graphs/scatter-plot-graph.tsx          |   0
 .../components/ui/graphs/types.d.ts           |   0
 .../components/ui/icon-name-type.d.ts         |   0
 {apps/app => web}/components/ui/icon.tsx      |   0
 {apps/app => web}/components/ui/index.ts      |   2 +-
 .../app => web}/components/ui/input/index.tsx |   0
 .../components/ui/input/types.d.ts            |   0
 .../integration-and-import-export-banner.tsx  |   0
 .../app => web}/components/ui/labels-list.tsx |   0
 .../ui/linear-progress-indicator.tsx          |  17 +-
 {apps/space => web}/components/ui/loader.tsx  |   0
 .../components/ui/markdown-to-component.tsx   |   0
 .../components/ui/multi-level-dropdown.tsx    |   0
 .../components/ui/multi-level-select.tsx      |   0
 .../components/ui/product-updates-modal.tsx   |   0
 .../components/ui/profile-empty-state.tsx     |   0
 .../components/ui/progress-bar.tsx            |   0
 .../components/ui/range-datepicker.tsx        |   0
 {apps/app => web}/components/ui/spinner.tsx   |   0
 .../components/ui/text-area/index.tsx         |   0
 .../components/ui/text-area/types.d.ts        |   0
 .../components/ui/toggle-switch.tsx           |   0
 {apps/app => web}/components/ui/tooltip.tsx   |   0
 .../components/views/delete-view-modal.tsx    |   5 +-
 {apps/app => web}/components/views/form.tsx   |   0
 .../components/views/gantt-chart.tsx          |   0
 {apps/app => web}/components/views/index.ts   |   0
 {apps/app => web}/components/views/modal.tsx  |   0
 .../components/views/select-filters.tsx       |   0
 .../components/views/single-view-item.tsx     |   0
 .../components/workspace/activity-graph.tsx   |   0
 .../workspace/completed-issues-graph.tsx      |   0
 .../confirm-workspace-member-remove.tsx       |   0
 .../workspace/create-workspace-form.tsx       |   0
 .../workspace/delete-workspace-modal.tsx      |   5 +-
 .../components/workspace/help-section.tsx     |   0
 .../app => web}/components/workspace/index.ts |   0
 .../components/workspace/issues-list.tsx      |   0
 .../components/workspace/issues-pie-chart.tsx |   0
 .../components/workspace/issues-stats.tsx     |   0
 .../send-workspace-invitation-modal.tsx       |   0
 .../components/workspace/settings-header.tsx  |   0
 .../components/workspace/sidebar-dropdown.tsx |   0
 .../components/workspace/sidebar-menu.tsx     |   0
 .../workspace/sidebar-quick-action.tsx        |   0
 .../workspace/single-invitation.tsx           |   0
 {apps/app => web}/constants/analytics.ts      |   0
 {apps/app => web}/constants/calendar.ts       |   0
 {apps/app => web}/constants/crisp.tsx         |   0
 {apps/app => web}/constants/fetch-keys.ts     |   4 +-
 {apps/app => web}/constants/filters.ts        |   0
 {apps/app => web}/constants/graph.ts          |   0
 {apps/app => web}/constants/inbox.ts          |   0
 {apps/app => web}/constants/issue.ts          |   0
 {apps/app => web}/constants/label.ts          |   0
 {apps/app => web}/constants/module.ts         |   0
 {apps/app => web}/constants/notification.ts   |   0
 {apps/app => web}/constants/project.ts        |   0
 {apps/app => web}/constants/seo-variables.ts  |   0
 {apps/app => web}/constants/spreadsheet.ts    |   0
 {apps/app => web}/constants/state.ts          |   0
 {apps/app => web}/constants/themes.ts         |   0
 {apps/app => web}/constants/timezones.ts      |   0
 {apps/app => web}/constants/workspace.ts      |   0
 .../contexts/inbox-view-context.tsx           |   0
 .../contexts/issue-view.context.tsx           |   0
 .../contexts/profile-issues-context.tsx       |   0
 .../contexts/project-member.context.tsx       |   0
 {apps/app => web}/contexts/theme.context.tsx  |   0
 {apps/app => web}/contexts/toast.context.tsx  |   0
 .../contexts/user-notification-context.tsx    |   0
 {apps/app => web}/contexts/user.context.tsx   |   0
 .../contexts/workspace-member.context.tsx     |   0
 .../contexts/workspace.context.tsx            |   0
 {apps/app => web}/google.d.ts                 |   0
 {apps/app => web}/helpers/analytics.helper.ts |   0
 {apps/app => web}/helpers/array.helper.ts     |   0
 .../app => web}/helpers/attachment.helper.ts  |   0
 {apps/app => web}/helpers/calendar.helper.ts  |   0
 {apps/app => web}/helpers/color.helper.ts     |   0
 {apps/app => web}/helpers/common.helper.ts    |   0
 {apps/app => web}/helpers/date-time.helper.ts |   0
 {apps/app => web}/helpers/emoji.helper.tsx    |  17 +-
 {apps/app => web}/helpers/graph.helper.ts     |   0
 {apps/app => web}/helpers/state.helper.ts     |   0
 {apps/app => web}/helpers/string.helper.ts    |   0
 {apps/app => web}/helpers/theme.helper.ts     |   0
 .../hooks/gantt-chart/cycle-issues-view.tsx   |   0
 .../hooks/gantt-chart/issue-view.tsx          |   0
 .../hooks/gantt-chart/module-issues-view.tsx  |   0
 .../hooks/gantt-chart/view-issues-view.tsx    |   0
 .../hooks/my-issues/use-my-issues-filter.tsx  |   0
 .../hooks/my-issues/use-my-issues.tsx         |   0
 .../hooks/use-calendar-issues-view.tsx        |   0
 .../hooks/use-comment-reaction.tsx            |   0
 {apps/app => web}/hooks/use-debounce.tsx      |   0
 .../app => web}/hooks/use-estimate-option.tsx |   0
 {apps/app => web}/hooks/use-inbox-view.tsx    |   0
 .../hooks/use-integration-popup.tsx           |   0
 .../use-issue-notification-subscription.tsx   |   0
 .../hooks/use-issue-properties.tsx            |   2 +-
 .../app => web}/hooks/use-issue-reaction.tsx  |   0
 {apps/app => web}/hooks/use-issues-view.tsx   |   0
 {apps/app => web}/hooks/use-local-storage.tsx |   0
 .../hooks/use-outside-click-detector.tsx      |   0
 .../app => web}/hooks/use-profile-issues.tsx  |   0
 .../app => web}/hooks/use-project-details.tsx |   0
 .../app => web}/hooks/use-project-members.tsx |   0
 {apps/app => web}/hooks/use-projects.tsx      |   0
 .../hooks/use-reload-confirmation.tsx         |   0
 .../hooks/use-spreadsheet-issues-view.tsx     |   0
 {apps/app => web}/hooks/use-sub-issue.tsx     |   0
 {apps/app => web}/hooks/use-theme.tsx         |   0
 {apps/space => web}/hooks/use-timer.tsx       |   0
 {apps/space => web}/hooks/use-toast.tsx       |   0
 {apps/app => web}/hooks/use-user-auth.tsx     |   0
 .../hooks/use-user-notifications.tsx          |   0
 {apps/app => web}/hooks/use-user.tsx          |   0
 .../hooks/use-workspace-details.tsx           |   0
 .../hooks/use-workspace-members.tsx           |   0
 {apps/app => web}/hooks/use-workspaces.tsx    |   0
 .../layouts/app-layout/app-header.tsx         |   0
 .../layouts/app-layout/app-sidebar.tsx        |   0
 .../app => web}/layouts/auth-layout/index.ts  |   0
 .../project-authorization-wrapper.tsx         |   0
 .../user-authorization-wrapper.tsx            |   0
 .../workspace-authorization-wrapper.tsx       |   0
 .../layouts/default-layout/index.tsx          |   0
 {apps/app => web}/layouts/profile-layout.tsx  |   0
 {apps/app => web}/layouts/settings-navbar.tsx |   0
 {apps/app => web}/lib/auth.ts                 |   0
 {apps/app => web}/lib/cookie.ts               |   0
 {apps/app => web}/lib/mobx/store-init.tsx     |   0
 .../space => web}/lib/mobx/store-provider.tsx |   0
 {apps/app => web}/lib/redirect.ts             |   0
 {apps/app => web}/manifest.json               |   0
 {apps/app => web}/next-env.d.ts               |   0
 {apps/app => web}/next.config.js              |   2 +-
 {apps/app => web}/package.json                |   2 +-
 {apps/app => web}/pages/404.tsx               |   0
 .../pages/[workspaceSlug]/analytics.tsx       |   0
 .../pages/[workspaceSlug]/editor.tsx          |   0
 .../pages/[workspaceSlug]/index.tsx           |   0
 .../pages/[workspaceSlug]/me/my-issues.tsx    |   0
 .../[workspaceSlug]/me/profile/activity.tsx   |   0
 .../[workspaceSlug]/me/profile/index.tsx      |   0
 .../me/profile/preferences.tsx                |   0
 .../profile/[userId]/assigned.tsx             |   0
 .../profile/[userId]/created.tsx              |   0
 .../profile/[userId]/index.tsx                |   0
 .../profile/[userId]/subscribed.tsx           |   0
 .../archived-issues/[archivedIssueId].tsx     |   0
 .../[projectId]/archived-issues/index.tsx     |   0
 .../projects/[projectId]/cycles/[cycleId].tsx |   0
 .../projects/[projectId]/cycles/index.tsx     |   0
 .../projects/[projectId]/inbox/[inboxId].tsx  |   0
 .../projects/[projectId]/issues/[issueId].tsx |   0
 .../projects/[projectId]/issues/index.tsx     |   0
 .../[projectId]/modules/[moduleId].tsx        |   0
 .../projects/[projectId]/modules/index.tsx    |   0
 .../projects/[projectId]/pages/[pageId].tsx   |   0
 .../projects/[projectId]/pages/index.tsx      |   0
 .../[projectId]/settings/automations.tsx      |   0
 .../projects/[projectId]/settings/control.tsx |   0
 .../[projectId]/settings/estimates.tsx        |   0
 .../[projectId]/settings/features.tsx         |   0
 .../projects/[projectId]/settings/index.tsx   |   0
 .../[projectId]/settings/integrations.tsx     |   0
 .../projects/[projectId]/settings/labels.tsx  |   0
 .../projects/[projectId]/settings/members.tsx |   0
 .../projects/[projectId]/settings/states.tsx  |   0
 .../projects/[projectId]/views/[viewId].tsx   |   0
 .../projects/[projectId]/views/index.tsx      |   0
 .../pages/[workspaceSlug]/projects/index.tsx  |   0
 .../[workspaceSlug]/settings/billing.tsx      |   0
 .../[workspaceSlug]/settings/exports.tsx      |   0
 .../[workspaceSlug]/settings/imports.tsx      |   0
 .../pages/[workspaceSlug]/settings/index.tsx  |  10 +-
 .../[workspaceSlug]/settings/integrations.tsx |   0
 .../[workspaceSlug]/settings/members.tsx      |   0
 {apps/app => web}/pages/_app.tsx              |   0
 {apps/app => web}/pages/_document.tsx         |   0
 {apps/app => web}/pages/_error.tsx            |   0
 {apps/app => web}/pages/api/slack-redirect.ts |   2 +-
 {apps/app => web}/pages/api/track-event.ts    |   0
 {apps/app => web}/pages/api/unsplash.ts       |   0
 {apps/app => web}/pages/create-workspace.tsx  |   0
 {apps/app => web}/pages/error.tsx             |   0
 {apps/app => web}/pages/index.tsx             |   0
 .../pages/installations/[provider]/index.tsx  |   0
 {apps/app => web}/pages/invitations.tsx       |   0
 {apps/app => web}/pages/magic-sign-in.tsx     |   0
 {apps/app => web}/pages/onboarding.tsx        |   0
 {apps/app => web}/pages/reset-password.tsx    |   0
 {apps/app => web}/pages/sign-up.tsx           |   0
 .../pages/workspace-member-invitation.tsx     |   0
 {apps/space => web}/postcss.config.js         |   0
 {apps/space => web}/public/404.svg            |   0
 .../public/animated-icons/uploading.json      |   0
 .../public/attachment/audio-icon.png          | Bin
 .../public/attachment/css-icon.png            | Bin
 .../public/attachment/csv-icon.png            | Bin
 .../public/attachment/default-icon.png        | Bin
 .../public/attachment/doc-icon.png            | Bin
 .../public/attachment/excel-icon.png          | Bin
 .../public/attachment/figma-icon.png          | Bin
 .../public/attachment/html-icon.png           | Bin
 .../public/attachment/img-icon.png            | Bin
 .../public/attachment/jpg-icon.png            | Bin
 .../app => web}/public/attachment/js-icon.png | Bin
 .../public/attachment/pdf-icon.png            | Bin
 .../public/attachment/png-icon.png            | Bin
 .../public/attachment/svg-icon.png            | Bin
 .../public/attachment/txt-icon.png            | Bin
 .../public/attachment/video-icon.png          | Bin
 .../public/auth/project-not-authorized.svg    |   0
 .../public/auth/workspace-not-authorized.svg  |   0
 .../public/empty-state/analytics.svg          |   0
 .../app => web}/public/empty-state/cycle.svg  |   0
 .../public/empty-state/dashboard.svg          |   0
 .../public/empty-state/empty_bar_graph.svg    |   0
 .../public/empty-state/empty_graph.svg        |   0
 .../public/empty-state/empty_users.svg        |   0
 .../public/empty-state/estimate.svg           |   0
 .../public/empty-state/integration.svg        |   0
 .../public/empty-state/invitation.svg         |   0
 .../public/empty-state/issue-archive.svg      |   0
 .../app => web}/public/empty-state/issue.svg  |   0
 .../app => web}/public/empty-state/label.svg  |   0
 .../app => web}/public/empty-state/module.svg |   0
 .../public/empty-state/my-issues.svg          |   0
 .../public/empty-state/notification.svg       |   0
 {apps/app => web}/public/empty-state/page.svg |   0
 .../public/empty-state/project.svg            |   0
 .../public/empty-state/recent_activity.svg    |   0
 .../public/empty-state/state_graph.svg        |   0
 {apps/app => web}/public/empty-state/view.svg |   0
 .../public/favicon/android-chrome-192x192.png | Bin
 .../public/favicon/android-chrome-512x512.png | Bin
 .../public/favicon/apple-touch-icon.png       | Bin
 .../public/favicon/favicon-16x16.png          | Bin
 .../public/favicon/favicon-32x32.png          | Bin
 .../space => web}/public/favicon/favicon.ico  | Bin
 .../public/favicon/site.webmanifest           |   0
 .../app => web}/public/logos/github-black.png | Bin
 .../public/logos/github-square.png            | Bin
 .../app => web}/public/logos/github-white.png | Bin
 {apps/app => web}/public/mac-command.svg      |   0
 .../app => web}/public/onboarding/cycles.svg  |   0
 .../app => web}/public/onboarding/cycles.webp | Bin
 .../app => web}/public/onboarding/issues.svg  |   0
 .../app => web}/public/onboarding/issues.webp | Bin
 .../app => web}/public/onboarding/modules.svg |   0
 .../public/onboarding/modules.webp            | Bin
 {apps/app => web}/public/onboarding/pages.svg |   0
 .../app => web}/public/onboarding/pages.webp  | Bin
 {apps/app => web}/public/onboarding/views.svg |   0
 .../app => web}/public/onboarding/views.webp  | Bin
 .../black-horizontal-with-blue-logo.svg       |   0
 .../public/plane-logos/blue-without-text.png  | Bin
 .../white-horizontal-with-blue-logo.svg       |   0
 .../public/plane-logos/white-horizontal.svg   |   0
 {apps/app => web}/public/services/csv.svg     |   0
 {apps/app => web}/public/services/excel.svg   |   0
 {apps/app => web}/public/services/github.png  | Bin
 {apps/app => web}/public/services/jira.png    | Bin
 {apps/app => web}/public/services/json.svg    |   0
 {apps/app => web}/public/services/slack.png   | Bin
 .../app => web}/public/site.webmanifest.json  |   0
 {apps/app => web}/public/sw.js                |   0
 {apps/app => web}/public/sw.js.map            |   0
 {apps/app => web}/public/user.png             | Bin
 {apps/app => web}/public/workbox-7805bd61.js  |   0
 .../public/workbox-7805bd61.js.map            |   0
 {apps/app => web}/sentry.client.config.js     |   0
 {apps/app => web}/sentry.edge.config.js       |   0
 {apps/app => web}/sentry.properties           |   0
 {apps/app => web}/sentry.server.config.js     |   0
 {apps/app => web}/services/ai.service.ts      |   0
 .../app => web}/services/analytics.service.ts |   0
 {apps/app => web}/services/api.service.ts     |   0
 .../services/app-installations.service.ts     |  20 +-
 .../services/authentication.service.ts        |   0
 {apps/app => web}/services/cycles.service.ts  |   0
 .../app => web}/services/estimates.service.ts |   0
 {apps/app => web}/services/file.service.ts    |   0
 {apps/app => web}/services/inbox.service.ts   |   0
 .../services/integration/csv.services.ts      |   0
 .../services/integration/github.service.ts    |   0
 .../app => web}/services/integration/index.ts |   0
 .../services/integration/jira.service.ts      |   0
 {apps/app => web}/services/issues.service.ts  |   0
 {apps/app => web}/services/modules.service.ts |  11 +-
 .../services/notifications.service.ts         |   0
 {apps/app => web}/services/pages.service.ts   |   0
 .../services/project-publish.service.ts       |   0
 {apps/app => web}/services/project.service.ts |   0
 .../app => web}/services/reaction.service.ts  |   0
 {apps/app => web}/services/state.service.ts   |   0
 .../services/track-event.service.ts           |   0
 {apps/app => web}/services/user.service.ts    |   0
 {apps/app => web}/services/views.service.ts   |   0
 .../services/web-waitlist.service.ts          |   0
 .../app => web}/services/workspace.service.ts |   0
 {apps/app => web}/store/issues.ts             |   0
 {apps/app => web}/store/project-publish.tsx   |   0
 {apps/app => web}/store/root.ts               |   0
 {apps/app => web}/store/theme.ts              |   0
 {apps/app => web}/store/user.ts               |   0
 {apps/app => web}/styles/command-pallette.css |   0
 {apps/space => web}/styles/editor.css         |   0
 {apps/app => web}/styles/globals.css          |   0
 {apps/app => web}/styles/nprogress.css        |   0
 {apps/app => web}/styles/react-datepicker.css |   0
 {apps/app => web}/tailwind.config.js          |   0
 web/tsconfig.json                             |   9 +
 {apps/app => web}/types/ai.d.ts               |   0
 {apps/app => web}/types/analytics.d.ts        |   0
 {apps/app => web}/types/calendar.ts           |   0
 {apps/app => web}/types/cycles.d.ts           |   0
 {apps/app => web}/types/estimate.d.ts         |   0
 .../types/importer/github-importer.d.ts       |   0
 {apps/app => web}/types/importer/index.ts     |   0
 .../types/importer/jira-importer.d.ts         |   0
 {apps/app => web}/types/inbox.d.ts            |   0
 {apps/app => web}/types/index.d.ts            |   1 -
 {apps/app => web}/types/integration.d.ts      |   0
 {apps/app => web}/types/issues.d.ts           |   0
 {apps/app => web}/types/modules.d.ts          |   0
 {apps/app => web}/types/notifications.d.ts    |   0
 {apps/app => web}/types/pages.d.ts            |   0
 {apps/app => web}/types/projects.d.ts         |   2 +-
 {apps/app => web}/types/reaction.d.ts         |   0
 {apps/app => web}/types/state.d.ts            |   0
 {apps/app => web}/types/users.d.ts            |   2 +-
 {apps/app => web}/types/views.d.ts            |   0
 {apps/app => web}/types/waitlist.d.ts         |   0
 {apps/app => web}/types/workspace.d.ts        |   0
 yarn.lock                                     |  56 ++-
 1022 files changed, 1475 insertions(+), 1240 deletions(-)
 create mode 100644 .gitpod.yml
 delete mode 100644 apps/app/components/icons/blocked-icon.tsx
 delete mode 100644 apps/app/components/icons/blocker-icon.tsx
 delete mode 100644 apps/app/components/icons/bolt-icon.tsx
 delete mode 100644 apps/app/components/icons/cancel-icon.tsx
 delete mode 100644 apps/app/components/icons/clipboard-icon.tsx
 delete mode 100644 apps/app/components/icons/comment-icon.tsx
 delete mode 100644 apps/app/components/icons/completed-cycle-icon.tsx
 delete mode 100644 apps/app/components/icons/current-cycle-icon.tsx
 delete mode 100644 apps/app/components/icons/edit-icon.tsx
 delete mode 100644 apps/app/components/icons/ellipsis-horizontal-icon.tsx
 delete mode 100644 apps/app/components/icons/lock-icon.tsx
 delete mode 100644 apps/app/components/icons/menu-icon.tsx
 delete mode 100644 apps/app/components/icons/plus-icon.tsx
 delete mode 100644 apps/app/components/icons/question-mark-circle-icon.tsx
 delete mode 100644 apps/app/components/icons/signal-cellular-icon.tsx
 delete mode 100644 apps/app/components/icons/tag-icon.tsx
 delete mode 100644 apps/app/components/icons/transfer-icon.tsx
 delete mode 100644 apps/app/components/icons/tune-icon.tsx
 delete mode 100644 apps/app/components/icons/upcoming-cycle-icon.tsx
 delete mode 100644 apps/app/components/icons/user-icon-circle.tsx
 delete mode 100644 apps/app/components/icons/user-icon.tsx
 delete mode 100644 apps/app/components/integration/slack/index.ts
 delete mode 100644 apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
 delete mode 100644 apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
 delete mode 100644 apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
 delete mode 100644 apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx
 delete mode 100644 apps/space/public/logos/github-black.png
 delete mode 100644 apps/space/public/logos/github-square.png
 delete mode 100644 apps/space/public/logos/github-white.png
 delete mode 100644 apps/space/public/plane-logo.webp
 delete mode 100644 apps/space/public/plane-logos/blue-without-text.png
 delete mode 100644 apps/space/tsconfig.json
 rename {apps/space => space}/.env.example (100%)
 rename {apps/app => space}/.eslintrc.js (100%)
 rename {apps/space => space}/.gitignore (100%)
 rename {apps/space => space}/.prettierignore (100%)
 rename {apps/space => space}/.prettierrc.json (100%)
 rename {apps/space => space}/Dockerfile.space (81%)
 rename {apps/space => space}/README.md (100%)
 rename {apps/space => space}/components/accounts/email-code-form.tsx (100%)
 rename {apps/space => space}/components/accounts/email-password-form.tsx (100%)
 rename {apps/space => space}/components/accounts/email-reset-password-form.tsx (100%)
 rename {apps/space => space}/components/accounts/github-login-button.tsx (93%)
 rename {apps/space => space}/components/accounts/google-login.tsx (100%)
 rename {apps/space => space}/components/accounts/index.ts (100%)
 rename {apps/space => space}/components/accounts/onboarding-form.tsx (100%)
 rename {apps/space => space}/components/icons/index.ts (100%)
 rename {apps/space => space}/components/icons/issue-group/backlog-state-icon.tsx (100%)
 rename {apps/space => space}/components/icons/issue-group/cancelled-state-icon.tsx (100%)
 rename {apps/space => space}/components/icons/issue-group/completed-state-icon.tsx (100%)
 rename {apps/space => space}/components/icons/issue-group/started-state-icon.tsx (100%)
 rename {apps/space => space}/components/icons/issue-group/unstarted-state-icon.tsx (100%)
 rename {apps/space => space}/components/icons/types.d.ts (100%)
 rename {apps/space => space}/components/issues/board-views/block-downvotes.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/block-due-date.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/block-labels.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/block-priority.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/block-state.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/block-upvotes.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/calendar/index.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/gantt/index.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/kanban/block.tsx (98%)
 rename {apps/space => space}/components/issues/board-views/kanban/header.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/kanban/index.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/list/block.tsx (98%)
 rename {apps/space => space}/components/issues/board-views/list/header.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/list/index.tsx (100%)
 rename {apps/space => space}/components/issues/board-views/spreadsheet/index.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/index.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/label/filter-label-block.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/label/index.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/priority/filter-priority-block.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/priority/index.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/state/filter-state-block.tsx (100%)
 rename {apps/space => space}/components/issues/filters-render/state/index.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/index.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/issue-board-view.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/issue-filter.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/issue-view.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/search.tsx (100%)
 rename {apps/space => space}/components/issues/navbar/theme.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/add-comment.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/comment-detail-card.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/full-screen-peek-view.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/header.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/index.ts (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-activity.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-details.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-emoji-reactions.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-properties.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-reaction.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/issue-vote-reactions.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/layout.tsx (100%)
 rename {apps/space => space}/components/issues/peek-overview/side-peek-view.tsx (100%)
 rename {apps/space => space}/components/tiptap/bubble-menu/index.tsx (100%)
 rename {apps/app => space}/components/tiptap/bubble-menu/link-selector.tsx (92%)
 rename {apps/app => space}/components/tiptap/bubble-menu/node-selector.tsx (92%)
 rename {apps/app => space}/components/tiptap/bubble-menu/utils/link-validator.tsx (99%)
 rename {apps/app => space}/components/tiptap/extensions/image-resize.tsx (78%)
 rename {apps/space => space}/components/tiptap/extensions/index.tsx (93%)
 rename {apps/app => space}/components/tiptap/extensions/updated-image.tsx (95%)
 rename {apps/space => space}/components/tiptap/index.tsx (96%)
 rename {apps/space => space}/components/tiptap/plugins/delete-image.tsx (90%)
 rename {apps/space => space}/components/tiptap/plugins/upload-image.tsx (80%)
 rename {apps/space => space}/components/tiptap/props.tsx (77%)
 rename {apps/space => space}/components/tiptap/slash-command/index.tsx (53%)
 rename {apps/app => space}/components/tiptap/utils.ts (100%)
 rename {apps/space => space}/components/ui/dropdown.tsx (100%)
 rename {apps/space => space}/components/ui/icon.tsx (100%)
 rename {apps/space => space}/components/ui/index.ts (100%)
 rename {apps/space => space}/components/ui/input.tsx (100%)
 rename {apps/app => space}/components/ui/loader.tsx (100%)
 rename {apps/space => space}/components/ui/primary-button.tsx (100%)
 rename {apps/space => space}/components/ui/reaction-selector.tsx (100%)
 rename {apps/space => space}/components/ui/secondary-button.tsx (100%)
 rename {apps/space => space}/components/ui/toast-alert.tsx (100%)
 rename {apps/space => space}/components/ui/tooltip.tsx (100%)
 rename {apps/space => space}/components/views/project-details.tsx (100%)
 rename {apps/space => space}/constants/data.ts (100%)
 rename {apps/space => space}/constants/helpers.ts (100%)
 rename {apps/space => space}/constants/seo.ts (100%)
 rename {apps/space => space}/constants/workspace.ts (100%)
 rename {apps/space => space}/contexts/toast.context.tsx (100%)
 rename {apps/space => space}/helpers/date-time.helper.ts (100%)
 rename {apps/space => space}/helpers/emoji.helper.tsx (100%)
 rename {apps/space => space}/helpers/string.helper.ts (100%)
 rename {apps/space => space}/hooks/use-outside-click.tsx (100%)
 rename {apps/app => space}/hooks/use-timer.tsx (100%)
 rename {apps/app => space}/hooks/use-toast.tsx (100%)
 rename {apps/space => space}/layouts/project-layout.tsx (84%)
 rename {apps/space => space}/lib/index.ts (100%)
 rename {apps/space => space}/lib/mobx/store-init.tsx (100%)
 rename {apps/app => space}/lib/mobx/store-provider.tsx (100%)
 rename {apps/space => space}/next.config.js (55%)
 rename {apps/space => space}/package.json (95%)
 rename {apps/space => space}/pages/404.tsx (90%)
 rename {apps/space => space}/pages/[workspace_slug]/[project_slug]/index.tsx (100%)
 rename {apps/space => space}/pages/[workspace_slug]/index.tsx (92%)
 rename {apps/space => space}/pages/_app.tsx (75%)
 rename {apps/space => space}/pages/_document.tsx (100%)
 rename {apps/space => space}/pages/index.tsx (99%)
 rename {apps/space => space}/pages/onboarding/index.tsx (95%)
 rename {apps/space => space}/pages/project-not-published/index.tsx (87%)
 rename {apps/app => space}/postcss.config.js (100%)
 rename {apps/app => space}/public/404.svg (100%)
 rename {apps/app => space}/public/favicon/android-chrome-192x192.png (100%)
 rename {apps/app => space}/public/favicon/android-chrome-512x512.png (100%)
 rename {apps/app => space}/public/favicon/apple-touch-icon.png (100%)
 rename {apps/app => space}/public/favicon/favicon-16x16.png (100%)
 rename {apps/app => space}/public/favicon/favicon-32x32.png (100%)
 rename {apps/app => space}/public/favicon/favicon.ico (100%)
 rename {apps/app => space}/public/favicon/site.webmanifest (100%)
 create mode 100644 space/public/logos/github-black.svg
 create mode 100644 space/public/logos/github-square.svg
 create mode 100644 space/public/logos/github-white.svg
 create mode 100644 space/public/plane-logo.svg
 rename {apps/app => space}/public/plane-logos/black-horizontal-with-blue-logo.svg (100%)
 create mode 100644 space/public/plane-logos/blue-without-text.svg
 rename {apps/app => space}/public/plane-logos/white-horizontal-with-blue-logo.svg (100%)
 rename {apps/app => space}/public/plane-logos/white-horizontal.svg (100%)
 rename {apps/space => space}/public/project-not-published.svg (100%)
 rename {apps/space => space}/services/api.service.ts (100%)
 rename {apps/space => space}/services/authentication.service.ts (100%)
 rename {apps/space => space}/services/file.service.ts (100%)
 rename {apps/space => space}/services/issue.service.ts (100%)
 rename {apps/space => space}/services/project.service.ts (100%)
 rename {apps/space => space}/services/user.service.ts (100%)
 rename {apps/space => space}/store/issue.ts (100%)
 rename {apps/space => space}/store/issue_details.ts (100%)
 rename {apps/space => space}/store/project.ts (100%)
 rename {apps/space => space}/store/root.ts (100%)
 rename {apps/space => space}/store/user.ts (100%)
 rename {apps/app => space}/styles/editor.css (100%)
 rename {apps/space => space}/styles/globals.css (100%)
 rename {apps/space => space}/tailwind.config.js (100%)
 rename {apps/app => space}/tsconfig.json (100%)
 rename {apps/space => space}/types/issue.ts (100%)
 rename {apps/space => space}/types/project.ts (100%)
 rename {apps/space => space}/types/theme.ts (100%)
 rename {apps/space => space}/types/user.ts (100%)
 create mode 100644 web/.eslintrc.js
 rename {apps/app => web}/.prettierrc (100%)
 rename {apps/app => web}/Dockerfile.dev (100%)
 rename {apps/app => web}/Dockerfile.web (81%)
 rename {apps/app => web}/components/account/email-code-form.tsx (100%)
 rename {apps/app => web}/components/account/email-password-form.tsx (100%)
 rename {apps/app => web}/components/account/email-reset-password-form.tsx (100%)
 rename {apps/app => web}/components/account/github-login-button.tsx (100%)
 rename {apps/app => web}/components/account/google-login.tsx (100%)
 rename {apps/app => web}/components/account/index.ts (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/create-update-analytics-modal.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/custom-analytics.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/graph/custom-tooltip.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/graph/index.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/index.ts (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/select-bar.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/sidebar.tsx (100%)
 rename {apps/app => web}/components/analytics/custom-analytics/table.tsx (100%)
 rename {apps/app => web}/components/analytics/index.ts (100%)
 rename {apps/app => web}/components/analytics/project-modal.tsx (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/demand.tsx (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/index.ts (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/leaderboard.tsx (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/scope-and-demand.tsx (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/scope.tsx (100%)
 rename {apps/app => web}/components/analytics/scope-and-demand/year-wise-issues.tsx (100%)
 rename {apps/app => web}/components/analytics/select/index.ts (100%)
 rename {apps/app => web}/components/analytics/select/project.tsx (100%)
 rename {apps/app => web}/components/analytics/select/segment.tsx (100%)
 rename {apps/app => web}/components/analytics/select/x-axis.tsx (100%)
 rename {apps/app => web}/components/analytics/select/y-axis.tsx (100%)
 rename {apps/app => web}/components/auth-screens/index.ts (100%)
 rename {apps/app => web}/components/auth-screens/not-authorized-view.tsx (100%)
 rename {apps/app => web}/components/auth-screens/project/index.ts (100%)
 rename {apps/app => web}/components/auth-screens/project/join-project.tsx (100%)
 rename {apps/app => web}/components/auth-screens/workspace/index.ts (100%)
 rename {apps/app => web}/components/auth-screens/workspace/not-a-member.tsx (100%)
 rename {apps/app => web}/components/automation/auto-archive-automation.tsx (100%)
 rename {apps/app => web}/components/automation/auto-close-automation.tsx (100%)
 rename {apps/app => web}/components/automation/index.ts (100%)
 rename {apps/app => web}/components/automation/select-month-modal.tsx (100%)
 rename {apps/app => web}/components/breadcrumbs/index.tsx (100%)
 rename {apps/app => web}/components/command-palette/change-interface-theme.tsx (100%)
 rename {apps/app => web}/components/command-palette/command-k.tsx (100%)
 rename {apps/app => web}/components/command-palette/command-pallette.tsx (80%)
 rename {apps/app => web}/components/command-palette/helpers.tsx (100%)
 rename {apps/app => web}/components/command-palette/index.ts (100%)
 rename {apps/app => web}/components/command-palette/issue/change-issue-assignee.tsx (100%)
 rename {apps/app => web}/components/command-palette/issue/change-issue-priority.tsx (100%)
 rename {apps/app => web}/components/command-palette/issue/change-issue-state.tsx (100%)
 rename {apps/app => web}/components/command-palette/issue/index.ts (100%)
 rename {apps/app => web}/components/command-palette/shortcuts-modal.tsx (100%)
 rename {apps/app => web}/components/core/activity.tsx (100%)
 rename {apps/app => web}/components/core/filters/date-filter-modal.tsx (100%)
 rename {apps/app => web}/components/core/filters/date-filter-select.tsx (100%)
 rename {apps/app => web}/components/core/filters/filters-list.tsx (100%)
 rename {apps/app => web}/components/core/filters/index.ts (100%)
 rename {apps/app => web}/components/core/filters/issues-view-filter.tsx (100%)
 rename {apps/app => web}/components/core/image-picker-popover.tsx (100%)
 rename {apps/app => web}/components/core/index.ts (100%)
 rename {apps/app => web}/components/core/modals/bulk-delete-issues-modal.tsx (100%)
 rename {apps/app => web}/components/core/modals/existing-issues-list-modal.tsx (100%)
 rename {apps/app => web}/components/core/modals/gpt-assistant-modal.tsx (100%)
 rename {apps/app => web}/components/core/modals/image-upload-modal.tsx (100%)
 rename {apps/app => web}/components/core/modals/index.ts (100%)
 rename {apps/app => web}/components/core/modals/link-modal.tsx (100%)
 rename {apps/app => web}/components/core/reaction-selector.tsx (100%)
 rename {apps/app => web}/components/core/sidebar/index.ts (100%)
 rename {apps/app => web}/components/core/sidebar/links-list.tsx (100%)
 rename {apps/app => web}/components/core/sidebar/progress-chart.tsx (100%)
 rename {apps/app => web}/components/core/sidebar/sidebar-progress-stats.tsx (100%)
 rename {apps/app => web}/components/core/sidebar/single-progress-stats.tsx (100%)
 rename {apps/app => web}/components/core/theme/color-picker-input.tsx (100%)
 rename {apps/app => web}/components/core/theme/custom-theme-selector.tsx (100%)
 rename {apps/app => web}/components/core/theme/index.ts (100%)
 rename {apps/app => web}/components/core/theme/theme-switch.tsx (100%)
 rename {apps/app => web}/components/core/views/all-views.tsx (100%)
 rename {apps/app => web}/components/core/views/board-view/all-boards.tsx (100%)
 rename {apps/app => web}/components/core/views/board-view/board-header.tsx (100%)
 rename {apps/app => web}/components/core/views/board-view/index.ts (100%)
 rename {apps/app => web}/components/core/views/board-view/single-board.tsx (100%)
 rename {apps/app => web}/components/core/views/board-view/single-issue.tsx (100%)
 rename {apps/app => web}/components/core/views/calendar-view/calendar-header.tsx (100%)
 rename {apps/app => web}/components/core/views/calendar-view/calendar.tsx (100%)
 rename {apps/app => web}/components/core/views/calendar-view/index.ts (100%)
 rename {apps/app => web}/components/core/views/calendar-view/single-date.tsx (100%)
 rename {apps/app => web}/components/core/views/calendar-view/single-issue.tsx (100%)
 rename {apps/app => web}/components/core/views/gantt-chart-view/index.tsx (100%)
 rename {apps/app => web}/components/core/views/index.ts (100%)
 rename {apps/app => web}/components/core/views/issues-view.tsx (100%)
 rename {apps/app => web}/components/core/views/list-view/all-lists.tsx (100%)
 rename {apps/app => web}/components/core/views/list-view/index.ts (100%)
 rename {apps/app => web}/components/core/views/list-view/single-issue.tsx (100%)
 rename {apps/app => web}/components/core/views/list-view/single-list.tsx (100%)
 rename {apps/app => web}/components/core/views/spreadsheet-view/index.ts (100%)
 rename {apps/app => web}/components/core/views/spreadsheet-view/single-issue.tsx (100%)
 rename {apps/app => web}/components/core/views/spreadsheet-view/spreadsheet-columns.tsx (100%)
 rename {apps/app => web}/components/core/views/spreadsheet-view/spreadsheet-issues.tsx (100%)
 rename {apps/app => web}/components/core/views/spreadsheet-view/spreadsheet-view.tsx (100%)
 rename {apps/app => web}/components/cycles/active-cycle-details.tsx (100%)
 rename {apps/app => web}/components/cycles/active-cycle-stats.tsx (100%)
 rename {apps/app => web}/components/cycles/cycles-list/all-cycles-list.tsx (100%)
 rename {apps/app => web}/components/cycles/cycles-list/completed-cycles-list.tsx (100%)
 rename {apps/app => web}/components/cycles/cycles-list/draft-cycles-list.tsx (100%)
 rename {apps/app => web}/components/cycles/cycles-list/index.ts (100%)
 rename {apps/app => web}/components/cycles/cycles-list/upcoming-cycles-list.tsx (100%)
 rename {apps/app => web}/components/cycles/cycles-view.tsx (100%)
 rename {apps/app => web}/components/cycles/delete-cycle-modal.tsx (100%)
 rename {apps/app => web}/components/cycles/form.tsx (100%)
 rename {apps/app => web}/components/cycles/gantt-chart/blocks.tsx (100%)
 rename {apps/app => web}/components/cycles/gantt-chart/cycle-issues-layout.tsx (100%)
 rename {apps/app => web}/components/cycles/gantt-chart/cycles-list-layout.tsx (100%)
 rename {apps/app => web}/components/cycles/gantt-chart/index.ts (100%)
 rename {apps/app => web}/components/cycles/index.ts (100%)
 rename {apps/app => web}/components/cycles/modal.tsx (100%)
 rename {apps/app => web}/components/cycles/select.tsx (100%)
 rename {apps/app => web}/components/cycles/sidebar.tsx (100%)
 rename {apps/app => web}/components/cycles/single-cycle-card.tsx (100%)
 rename {apps/app => web}/components/cycles/single-cycle-list.tsx (100%)
 rename {apps/app => web}/components/cycles/transfer-issues-modal.tsx (100%)
 rename {apps/app => web}/components/cycles/transfer-issues.tsx (100%)
 rename {apps/app => web}/components/dnd/StrictModeDroppable.tsx (100%)
 rename {apps/app => web}/components/emoji-icon-picker/emojis.json (100%)
 rename {apps/app => web}/components/emoji-icon-picker/helpers.ts (100%)
 rename {apps/app => web}/components/emoji-icon-picker/icons.json (100%)
 rename {apps/app => web}/components/emoji-icon-picker/index.tsx (100%)
 rename {apps/app => web}/components/emoji-icon-picker/types.d.ts (100%)
 rename {apps/app => web}/components/estimates/create-update-estimate-modal.tsx (100%)
 rename {apps/app => web}/components/estimates/delete-estimate-modal.tsx (100%)
 rename {apps/app => web}/components/estimates/index.tsx (100%)
 rename {apps/app => web}/components/estimates/single-estimate.tsx (100%)
 rename {apps/app => web}/components/exporter/export-modal.tsx (100%)
 rename {apps/app => web}/components/exporter/guide.tsx (100%)
 rename {apps/app => web}/components/exporter/index.tsx (100%)
 rename {apps/app => web}/components/exporter/single-export.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/blocks/blocks-display.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/blocks/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/chart/bi-week.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/day.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/hours.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/index.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/month.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/quarter.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/week.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/chart/year.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/contexts/index.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/data/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/helpers/block-structure.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/helpers/draggable.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/helpers/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/hooks/block-update.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/hooks/index.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/root.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/sidebar.tsx (100%)
 rename {apps/app => web}/components/gantt-chart/types/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/bi-week-view.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/day-view.ts (93%)
 rename {apps/app => web}/components/gantt-chart/views/helpers.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/hours-view.ts (93%)
 rename {apps/app => web}/components/gantt-chart/views/index.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/month-view.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/quater-view.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/week-view.ts (100%)
 rename {apps/app => web}/components/gantt-chart/views/year-view.ts (100%)
 rename {apps/app => web}/components/icons/alarm-clock-icon.tsx (100%)
 rename {apps/app => web}/components/icons/archive-icon.tsx (100%)
 rename {apps/app => web}/components/icons/arrow-right.tsx (100%)
 rename {apps/app => web}/components/icons/assignment-clipboard-icon.tsx (100%)
 rename {apps/app => web}/components/icons/attachment-icon.tsx (100%)
 rename {apps/app => web}/components/icons/audio-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/backlog-state-icon.tsx (100%)
 rename {apps/app => web}/components/icons/bell-icon.tsx (100%)
 create mode 100644 web/components/icons/blocked-icon.tsx
 create mode 100644 web/components/icons/blocker-icon.tsx
 create mode 100644 web/components/icons/bolt-icon.tsx
 rename {apps/app => web}/components/icons/calendar-after-icon.tsx (100%)
 rename {apps/app => web}/components/icons/calendar-before-icon.tsx (100%)
 rename {apps/app => web}/components/icons/calendar-month-icon.tsx (100%)
 create mode 100644 web/components/icons/cancel-icon.tsx
 rename {apps/app => web}/components/icons/cancelled-state-icon.tsx (100%)
 rename {apps/app => web}/components/icons/check.tsx (100%)
 create mode 100644 web/components/icons/clipboard-icon.tsx
 rename {apps/app => web}/components/icons/clock-icon.tsx (100%)
 rename {apps/app => web}/components/icons/cloud-upload.tsx (100%)
 rename {apps/app => web}/components/icons/cmd-icon.tsx (100%)
 rename {apps/app => web}/components/icons/cog.tsx (100%)
 rename {apps/app => web}/components/icons/color-pallette-icon.tsx (100%)
 rename {apps/app => web}/components/icons/color-picker-icon.tsx (100%)
 rename {apps/app => web}/components/icons/command-icon.tsx (100%)
 create mode 100644 web/components/icons/comment-icon.tsx
 create mode 100644 web/components/icons/completed-cycle-icon.tsx
 rename {apps/app => web}/components/icons/completed-state-icon.tsx (100%)
 rename {apps/app => web}/components/icons/contrast-icon.tsx (100%)
 rename {apps/app => web}/components/icons/css-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/csv-file-icon.tsx (78%)
 create mode 100644 web/components/icons/current-cycle-icon.tsx
 rename {apps/app => web}/components/icons/cycle-icon.tsx (100%)
 rename {apps/app => web}/components/icons/default-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/discord-icon.tsx (100%)
 rename {apps/app => web}/components/icons/doc-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/document-icon.tsx (82%)
 create mode 100644 web/components/icons/edit-icon.tsx
 create mode 100644 web/components/icons/ellipsis-horizontal-icon.tsx
 rename {apps/app => web}/components/icons/exclamation-icon.tsx (100%)
 rename {apps/app => web}/components/icons/external-link-icon.tsx (100%)
 rename {apps/app => web}/components/icons/figma-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/github-icon.tsx (100%)
 rename {apps/app => web}/components/icons/grid-view-icons.tsx (100%)
 rename {apps/app => web}/components/icons/heartbeat-icon.tsx (100%)
 rename {apps/app => web}/components/icons/html-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/img-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/import-layers.tsx (100%)
 rename {apps/app => web}/components/icons/inbox-icon.tsx (100%)
 rename {apps/app => web}/components/icons/index.ts (100%)
 rename {apps/app => web}/components/icons/jpg-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/js-file-icon.tsx (97%)
 rename {apps/app => web}/components/icons/layer-diagonal-icon.tsx (100%)
 create mode 100644 web/components/icons/lock-icon.tsx
 create mode 100644 web/components/icons/menu-icon.tsx
 rename {apps/app => web}/components/icons/module/backlog.tsx (100%)
 rename {apps/app => web}/components/icons/module/cancelled.tsx (100%)
 rename {apps/app => web}/components/icons/module/completed.tsx (100%)
 rename {apps/app => web}/components/icons/module/in-progress.tsx (100%)
 rename {apps/app => web}/components/icons/module/index.ts (100%)
 rename {apps/app => web}/components/icons/module/module-status-icon.tsx (100%)
 rename {apps/app => web}/components/icons/module/paused.tsx (100%)
 rename {apps/app => web}/components/icons/module/planned.tsx (100%)
 rename {apps/app => web}/components/icons/pdf-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/pencil-scribble-icon.tsx (100%)
 rename {apps/app => web}/components/icons/people-group-icon.tsx (100%)
 rename {apps/app => web}/components/icons/person-running-icon.tsx (100%)
 create mode 100644 web/components/icons/plus-icon.tsx
 rename {apps/app => web}/components/icons/png-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/priority-icon.tsx (100%)
 create mode 100644 web/components/icons/question-mark-circle-icon.tsx
 rename {apps/app => web}/components/icons/setting-icon.tsx (100%)
 rename {apps/app => web}/components/icons/sheet-file-icon.tsx (78%)
 create mode 100644 web/components/icons/signal-cellular-icon.tsx
 rename {apps/app => web}/components/icons/single-comment-icon.tsx (100%)
 rename {apps/app => web}/components/icons/sort-icon.tsx (100%)
 rename {apps/app => web}/components/icons/stacked-layers-horizontal-icon.tsx (100%)
 rename {apps/app => web}/components/icons/stacked-layers-icon.tsx (100%)
 rename {apps/app => web}/components/icons/started-state-icon.tsx (100%)
 rename {apps/app => web}/components/icons/state-group-icon.tsx (100%)
 rename {apps/app => web}/components/icons/svg-file-icon.tsx (78%)
 create mode 100644 web/components/icons/tag-icon.tsx
 rename {apps/app => web}/components/icons/target-icon.tsx (100%)
 rename {apps/app => web}/components/icons/tick-mark-icon.tsx (100%)
 create mode 100644 web/components/icons/transfer-icon.tsx
 rename {apps/app => web}/components/icons/triangle-exclamation-icon.tsx (100%)
 create mode 100644 web/components/icons/tune-icon.tsx
 rename {apps/app => web}/components/icons/txt-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/types.d.ts (100%)
 rename {apps/app => web}/components/icons/unstarted-state-icon.tsx (100%)
 create mode 100644 web/components/icons/upcoming-cycle-icon.tsx
 rename {apps/app => web}/components/icons/user-group-icon.tsx (100%)
 create mode 100644 web/components/icons/user-icon-circle.tsx
 create mode 100644 web/components/icons/user-icon.tsx
 rename {apps/app => web}/components/icons/users.tsx (100%)
 rename {apps/app => web}/components/icons/video-file-icon.tsx (78%)
 rename {apps/app => web}/components/icons/view-list-icon.tsx (100%)
 rename {apps/app => web}/components/icons/water-drop-icon.tsx (100%)
 rename {apps/app => web}/components/icons/x-mark-icon.tsx (100%)
 rename {apps/app => web}/components/inbox/accept-issue-modal.tsx (100%)
 rename {apps/app => web}/components/inbox/decline-issue-modal.tsx (100%)
 rename {apps/app => web}/components/inbox/delete-issue-modal.tsx (100%)
 rename {apps/app => web}/components/inbox/filters-dropdown.tsx (100%)
 rename {apps/app => web}/components/inbox/filters-list.tsx (100%)
 rename {apps/app => web}/components/inbox/inbox-action-headers.tsx (100%)
 rename {apps/app => web}/components/inbox/inbox-issue-activity.tsx (100%)
 rename {apps/app => web}/components/inbox/inbox-issue-card.tsx (100%)
 rename {apps/app => web}/components/inbox/inbox-main-content.tsx (100%)
 rename {apps/app => web}/components/inbox/index.ts (100%)
 rename {apps/app => web}/components/inbox/issues-list-sidebar.tsx (100%)
 rename {apps/app => web}/components/inbox/select-duplicate.tsx (100%)
 rename {apps/app => web}/components/integration/delete-import-modal.tsx (100%)
 rename {apps/app => web}/components/integration/github/auth.tsx (100%)
 rename {apps/app => web}/components/integration/github/import-configure.tsx (100%)
 rename {apps/app => web}/components/integration/github/import-confirm.tsx (100%)
 rename {apps/app => web}/components/integration/github/import-data.tsx (100%)
 rename {apps/app => web}/components/integration/github/import-users.tsx (100%)
 rename {apps/app => web}/components/integration/github/index.ts (100%)
 rename {apps/app => web}/components/integration/github/repo-details.tsx (100%)
 rename {apps/app => web}/components/integration/github/root.tsx (100%)
 rename {apps/app => web}/components/integration/github/select-repository.tsx (100%)
 rename {apps/app => web}/components/integration/github/single-user-select.tsx (100%)
 rename {apps/app => web}/components/integration/guide.tsx (100%)
 rename {apps/app => web}/components/integration/index.ts (100%)
 rename {apps/app => web}/components/integration/jira/confirm-import.tsx (100%)
 rename {apps/app => web}/components/integration/jira/give-details.tsx (100%)
 rename {apps/app => web}/components/integration/jira/import-users.tsx (100%)
 rename {apps/app => web}/components/integration/jira/index.ts (100%)
 rename {apps/app => web}/components/integration/jira/jira-project-detail.tsx (99%)
 rename {apps/app => web}/components/integration/jira/root.tsx (99%)
 rename {apps/app => web}/components/integration/single-import.tsx (100%)
 rename {apps/app => web}/components/integration/single-integration-card.tsx (100%)
 create mode 100644 web/components/integration/slack/index.ts
 rename {apps/app => web}/components/integration/slack/select-channel.tsx (100%)
 rename {apps/app => web}/components/issues/activity.tsx (100%)
 rename {apps/app => web}/components/issues/attachment/attachment-upload.tsx (100%)
 rename {apps/app => web}/components/issues/attachment/attachments.tsx (100%)
 rename {apps/app => web}/components/issues/attachment/delete-attachment-modal.tsx (100%)
 rename {apps/app => web}/components/issues/attachment/index.ts (100%)
 rename {apps/app => web}/components/issues/comment/add-comment.tsx (100%)
 rename {apps/app => web}/components/issues/comment/comment-card.tsx (100%)
 rename {apps/app => web}/components/issues/comment/comment-reaction.tsx (100%)
 rename {apps/app => web}/components/issues/comment/index.ts (100%)
 rename {apps/app => web}/components/issues/delete-issue-modal.tsx (100%)
 rename {apps/app => web}/components/issues/description-form.tsx (100%)
 rename {apps/app => web}/components/issues/form.tsx (100%)
 rename {apps/app => web}/components/issues/gantt-chart/blocks.tsx (100%)
 rename {apps/app => web}/components/issues/gantt-chart/index.ts (100%)
 rename {apps/app => web}/components/issues/gantt-chart/layout.tsx (100%)
 rename {apps/app => web}/components/issues/index.ts (100%)
 rename {apps/app => web}/components/issues/issue-reaction.tsx (100%)
 rename {apps/app => web}/components/issues/label.tsx (100%)
 rename {apps/app => web}/components/issues/main-content.tsx (100%)
 rename {apps/app => web}/components/issues/modal.tsx (100%)
 rename {apps/app => web}/components/issues/my-issues/index.ts (100%)
 rename {apps/app => web}/components/issues/my-issues/my-issues-select-filters.tsx (100%)
 rename {apps/app => web}/components/issues/my-issues/my-issues-view-options.tsx (100%)
 rename {apps/app => web}/components/issues/my-issues/my-issues-view.tsx (100%)
 rename {apps/app => web}/components/issues/parent-issues-list-modal.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/full-screen-peek-view.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/header.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/index.ts (100%)
 rename {apps/app => web}/components/issues/peek-overview/issue-activity.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/issue-details.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/issue-properties.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/layout.tsx (100%)
 rename {apps/app => web}/components/issues/peek-overview/side-peek-view.tsx (100%)
 rename {apps/app => web}/components/issues/select/assignee.tsx (100%)
 rename {apps/app => web}/components/issues/select/date.tsx (100%)
 rename {apps/app => web}/components/issues/select/estimate.tsx (100%)
 rename {apps/app => web}/components/issues/select/index.ts (100%)
 rename {apps/app => web}/components/issues/select/label.tsx (100%)
 rename {apps/app => web}/components/issues/select/priority.tsx (100%)
 rename {apps/app => web}/components/issues/select/project.tsx (100%)
 rename {apps/app => web}/components/issues/select/state.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/assignee.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/blocked.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/blocker.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/cycle.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/estimate.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/index.ts (100%)
 rename {apps/app => web}/components/issues/sidebar-select/label.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/module.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/parent.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/priority.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar-select/state.tsx (100%)
 rename {apps/app => web}/components/issues/sidebar.tsx (100%)
 rename {apps/app => web}/components/issues/sub-issues-list.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/assignee.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/due-date.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/estimate.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/index.ts (100%)
 rename {apps/app => web}/components/issues/view-select/label.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/priority.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/start-date.tsx (100%)
 rename {apps/app => web}/components/issues/view-select/state.tsx (100%)
 rename {apps/app => web}/components/labels/create-label-modal.tsx (100%)
 rename {apps/app => web}/components/labels/create-update-label-inline.tsx (100%)
 rename {apps/app => web}/components/labels/delete-label-modal.tsx (100%)
 rename {apps/app => web}/components/labels/index.ts (100%)
 rename {apps/app => web}/components/labels/labels-list-modal.tsx (100%)
 rename {apps/app => web}/components/labels/single-label-group.tsx (100%)
 rename {apps/app => web}/components/labels/single-label.tsx (100%)
 rename {apps/app => web}/components/modules/delete-module-modal.tsx (100%)
 rename {apps/app => web}/components/modules/form.tsx (100%)
 rename {apps/app => web}/components/modules/gantt-chart/blocks.tsx (100%)
 rename {apps/app => web}/components/modules/gantt-chart/index.ts (100%)
 rename {apps/app => web}/components/modules/gantt-chart/module-issues-layout.tsx (100%)
 rename {apps/app => web}/components/modules/gantt-chart/modules-list-layout.tsx (100%)
 rename {apps/app => web}/components/modules/index.ts (100%)
 rename {apps/app => web}/components/modules/modal.tsx (100%)
 rename {apps/app => web}/components/modules/select/index.ts (100%)
 rename {apps/app => web}/components/modules/select/lead.tsx (100%)
 rename {apps/app => web}/components/modules/select/members.tsx (100%)
 rename {apps/app => web}/components/modules/select/status.tsx (100%)
 rename {apps/app => web}/components/modules/sidebar-select/index.ts (100%)
 rename {apps/app => web}/components/modules/sidebar-select/select-lead.tsx (100%)
 rename {apps/app => web}/components/modules/sidebar-select/select-members.tsx (100%)
 rename {apps/app => web}/components/modules/sidebar-select/select-status.tsx (100%)
 rename {apps/app => web}/components/modules/sidebar.tsx (100%)
 rename {apps/app => web}/components/modules/single-module-card.tsx (100%)
 rename {apps/app => web}/components/notifications/index.ts (100%)
 rename {apps/app => web}/components/notifications/notification-card.tsx (99%)
 rename {apps/app => web}/components/notifications/notification-header.tsx (100%)
 rename {apps/app => web}/components/notifications/notification-popover.tsx (100%)
 rename {apps/app => web}/components/notifications/select-snooze-till-modal.tsx (100%)
 rename {apps/app => web}/components/onboarding/index.ts (100%)
 rename {apps/app => web}/components/onboarding/invite-members.tsx (100%)
 rename {apps/app => web}/components/onboarding/join-workspaces.tsx (100%)
 rename {apps/app => web}/components/onboarding/tour/index.ts (100%)
 rename {apps/app => web}/components/onboarding/tour/root.tsx (100%)
 rename {apps/app => web}/components/onboarding/tour/sidebar.tsx (100%)
 rename {apps/app => web}/components/onboarding/user-details.tsx (100%)
 rename {apps/app => web}/components/onboarding/workspace.tsx (100%)
 rename {apps/app => web}/components/pages/create-block.tsx (100%)
 rename {apps/app => web}/components/pages/create-update-block-inline.tsx (100%)
 rename {apps/app => web}/components/pages/create-update-page-modal.tsx (100%)
 rename {apps/app => web}/components/pages/delete-page-modal.tsx (100%)
 rename {apps/app => web}/components/pages/index.ts (100%)
 rename {apps/app => web}/components/pages/page-form.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/all-pages-list.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/favorite-pages-list.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/index.ts (100%)
 rename {apps/app => web}/components/pages/pages-list/my-pages-list.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/other-pages-list.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/recent-pages-list.tsx (100%)
 rename {apps/app => web}/components/pages/pages-list/types.ts (100%)
 rename {apps/app => web}/components/pages/pages-view.tsx (100%)
 rename {apps/app => web}/components/pages/single-page-block.tsx (100%)
 rename {apps/app => web}/components/pages/single-page-detailed-item.tsx (100%)
 rename {apps/app => web}/components/pages/single-page-list-item.tsx (100%)
 rename {apps/app => web}/components/profile/index.ts (100%)
 rename {apps/app => web}/components/profile/navbar.tsx (100%)
 rename {apps/app => web}/components/profile/overview/activity.tsx (100%)
 rename {apps/app => web}/components/profile/overview/index.ts (100%)
 rename {apps/app => web}/components/profile/overview/priority-distribution.tsx (100%)
 rename {apps/app => web}/components/profile/overview/state-distribution.tsx (100%)
 rename {apps/app => web}/components/profile/overview/stats.tsx (100%)
 rename {apps/app => web}/components/profile/overview/workload.tsx (100%)
 rename {apps/app => web}/components/profile/profile-issues-view-options.tsx (100%)
 rename {apps/app => web}/components/profile/profile-issues-view.tsx (100%)
 rename {apps/app => web}/components/profile/sidebar.tsx (100%)
 rename {apps/app => web}/components/project/confirm-project-member-remove.tsx (100%)
 rename {apps/app => web}/components/project/create-project-modal.tsx (100%)
 rename {apps/app => web}/components/project/delete-project-modal.tsx (100%)
 rename {apps/app => web}/components/project/index.ts (87%)
 rename {apps/app => web}/components/project/join-project-modal.tsx (100%)
 rename {apps/app => web}/components/project/publish-project/modal.tsx (100%)
 rename {apps/app => web}/components/project/publish-project/popover.tsx (100%)
 rename {apps/app => web}/components/project/send-project-invitation-modal.tsx (100%)
 rename {apps/app => web}/components/project/settings-header.tsx (100%)
 rename {apps/app => web}/components/project/settings/single-label.tsx (100%)
 rename {apps/app => web}/components/project/sidebar-list.tsx (100%)
 rename {apps/app => web}/components/project/single-integration-card.tsx (100%)
 rename {apps/app => web}/components/project/single-project-card.tsx (100%)
 rename {apps/app => web}/components/project/single-sidebar-project.tsx (100%)
 rename {apps/app => web}/components/search-listbox/index.tsx (100%)
 rename {apps/app => web}/components/search-listbox/types.d.ts (100%)
 rename {apps/app => web}/components/states/create-state-modal.tsx (100%)
 rename {apps/app => web}/components/states/create-update-state-inline.tsx (100%)
 rename {apps/app => web}/components/states/delete-state-modal.tsx (100%)
 rename {apps/app => web}/components/states/index.ts (100%)
 rename {apps/app => web}/components/states/single-state.tsx (100%)
 rename {apps/app => web}/components/tiptap/bubble-menu/index.tsx (91%)
 rename {apps/space => web}/components/tiptap/bubble-menu/link-selector.tsx (92%)
 rename {apps/space => web}/components/tiptap/bubble-menu/node-selector.tsx (98%)
 rename {apps/space => web}/components/tiptap/bubble-menu/utils/link-validator.tsx (99%)
 rename {apps/space => web}/components/tiptap/extensions/image-resize.tsx (78%)
 rename {apps/app => web}/components/tiptap/extensions/index.tsx (94%)
 rename {apps/app => web}/components/tiptap/extensions/table/table-cell.ts (67%)
 rename {apps/app => web}/components/tiptap/extensions/table/table-header.ts (86%)
 rename {apps/app => web}/components/tiptap/extensions/table/table.ts (83%)
 rename {apps/space => web}/components/tiptap/extensions/updated-image.tsx (95%)
 rename {apps/app => web}/components/tiptap/index.tsx (96%)
 rename {apps/app => web}/components/tiptap/plugins/delete-image.tsx (90%)
 rename {apps/app => web}/components/tiptap/plugins/upload-image.tsx (90%)
 rename {apps/app => web}/components/tiptap/props.tsx (83%)
 rename {apps/app => web}/components/tiptap/slash-command/index.tsx (52%)
 create mode 100644 web/components/tiptap/table-menu/InsertBottomTableIcon.tsx
 create mode 100644 web/components/tiptap/table-menu/InsertLeftTableIcon.tsx
 create mode 100644 web/components/tiptap/table-menu/InsertRightTableIcon.tsx
 create mode 100644 web/components/tiptap/table-menu/InsertTopTableIcon.tsx
 rename {apps/app => web}/components/tiptap/table-menu/index.tsx (97%)
 rename {apps/space => web}/components/tiptap/utils.ts (100%)
 rename {apps/app => web}/components/toast-alert/index.tsx (100%)
 rename {apps/app => web}/components/ui/avatar.tsx (100%)
 rename {apps/app => web}/components/ui/buttons/danger-button.tsx (100%)
 rename {apps/app => web}/components/ui/buttons/index.ts (100%)
 rename {apps/app => web}/components/ui/buttons/primary-button.tsx (100%)
 rename {apps/app => web}/components/ui/buttons/secondary-button.tsx (100%)
 rename {apps/app => web}/components/ui/buttons/type.d.ts (100%)
 rename {apps/app => web}/components/ui/circular-progress.tsx (100%)
 rename {apps/app => web}/components/ui/date.tsx (100%)
 rename {apps/app => web}/components/ui/datepicker.tsx (100%)
 rename {apps/app => web}/components/ui/dropdowns/context-menu.tsx (100%)
 rename {apps/app => web}/components/ui/dropdowns/custom-menu.tsx (100%)
 rename {apps/app => web}/components/ui/dropdowns/custom-search-select.tsx (100%)
 rename {apps/app => web}/components/ui/dropdowns/custom-select.tsx (100%)
 rename {apps/app => web}/components/ui/dropdowns/index.ts (100%)
 rename {apps/app => web}/components/ui/dropdowns/types.d.ts (100%)
 rename {apps/app => web}/components/ui/empty-space.tsx (100%)
 rename {apps/app => web}/components/ui/empty-state.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/bar-graph.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/calendar-graph.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/index.ts (100%)
 rename {apps/app => web}/components/ui/graphs/line-graph.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/pie-graph.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/scatter-plot-graph.tsx (100%)
 rename {apps/app => web}/components/ui/graphs/types.d.ts (100%)
 rename {apps/app => web}/components/ui/icon-name-type.d.ts (100%)
 rename {apps/app => web}/components/ui/icon.tsx (100%)
 rename {apps/app => web}/components/ui/index.ts (95%)
 rename {apps/app => web}/components/ui/input/index.tsx (100%)
 rename {apps/app => web}/components/ui/input/types.d.ts (100%)
 rename {apps/app => web}/components/ui/integration-and-import-export-banner.tsx (100%)
 rename {apps/app => web}/components/ui/labels-list.tsx (100%)
 rename {apps/app => web}/components/ui/linear-progress-indicator.tsx (73%)
 rename {apps/space => web}/components/ui/loader.tsx (100%)
 rename {apps/app => web}/components/ui/markdown-to-component.tsx (100%)
 rename {apps/app => web}/components/ui/multi-level-dropdown.tsx (100%)
 rename {apps/app => web}/components/ui/multi-level-select.tsx (100%)
 rename {apps/app => web}/components/ui/product-updates-modal.tsx (100%)
 rename {apps/app => web}/components/ui/profile-empty-state.tsx (100%)
 rename {apps/app => web}/components/ui/progress-bar.tsx (100%)
 rename {apps/app => web}/components/ui/range-datepicker.tsx (100%)
 rename {apps/app => web}/components/ui/spinner.tsx (100%)
 rename {apps/app => web}/components/ui/text-area/index.tsx (100%)
 rename {apps/app => web}/components/ui/text-area/types.d.ts (100%)
 rename {apps/app => web}/components/ui/toggle-switch.tsx (100%)
 rename {apps/app => web}/components/ui/tooltip.tsx (100%)
 rename {apps/app => web}/components/views/delete-view-modal.tsx (97%)
 rename {apps/app => web}/components/views/form.tsx (100%)
 rename {apps/app => web}/components/views/gantt-chart.tsx (100%)
 rename {apps/app => web}/components/views/index.ts (100%)
 rename {apps/app => web}/components/views/modal.tsx (100%)
 rename {apps/app => web}/components/views/select-filters.tsx (100%)
 rename {apps/app => web}/components/views/single-view-item.tsx (100%)
 rename {apps/app => web}/components/workspace/activity-graph.tsx (100%)
 rename {apps/app => web}/components/workspace/completed-issues-graph.tsx (100%)
 rename {apps/app => web}/components/workspace/confirm-workspace-member-remove.tsx (100%)
 rename {apps/app => web}/components/workspace/create-workspace-form.tsx (100%)
 rename {apps/app => web}/components/workspace/delete-workspace-modal.tsx (97%)
 rename {apps/app => web}/components/workspace/help-section.tsx (100%)
 rename {apps/app => web}/components/workspace/index.ts (100%)
 rename {apps/app => web}/components/workspace/issues-list.tsx (100%)
 rename {apps/app => web}/components/workspace/issues-pie-chart.tsx (100%)
 rename {apps/app => web}/components/workspace/issues-stats.tsx (100%)
 rename {apps/app => web}/components/workspace/send-workspace-invitation-modal.tsx (100%)
 rename {apps/app => web}/components/workspace/settings-header.tsx (100%)
 rename {apps/app => web}/components/workspace/sidebar-dropdown.tsx (100%)
 rename {apps/app => web}/components/workspace/sidebar-menu.tsx (100%)
 rename {apps/app => web}/components/workspace/sidebar-quick-action.tsx (100%)
 rename {apps/app => web}/components/workspace/single-invitation.tsx (100%)
 rename {apps/app => web}/constants/analytics.ts (100%)
 rename {apps/app => web}/constants/calendar.ts (100%)
 rename {apps/app => web}/constants/crisp.tsx (100%)
 rename {apps/app => web}/constants/fetch-keys.ts (99%)
 rename {apps/app => web}/constants/filters.ts (100%)
 rename {apps/app => web}/constants/graph.ts (100%)
 rename {apps/app => web}/constants/inbox.ts (100%)
 rename {apps/app => web}/constants/issue.ts (100%)
 rename {apps/app => web}/constants/label.ts (100%)
 rename {apps/app => web}/constants/module.ts (100%)
 rename {apps/app => web}/constants/notification.ts (100%)
 rename {apps/app => web}/constants/project.ts (100%)
 rename {apps/app => web}/constants/seo-variables.ts (100%)
 rename {apps/app => web}/constants/spreadsheet.ts (100%)
 rename {apps/app => web}/constants/state.ts (100%)
 rename {apps/app => web}/constants/themes.ts (100%)
 rename {apps/app => web}/constants/timezones.ts (100%)
 rename {apps/app => web}/constants/workspace.ts (100%)
 rename {apps/app => web}/contexts/inbox-view-context.tsx (100%)
 rename {apps/app => web}/contexts/issue-view.context.tsx (100%)
 rename {apps/app => web}/contexts/profile-issues-context.tsx (100%)
 rename {apps/app => web}/contexts/project-member.context.tsx (100%)
 rename {apps/app => web}/contexts/theme.context.tsx (100%)
 rename {apps/app => web}/contexts/toast.context.tsx (100%)
 rename {apps/app => web}/contexts/user-notification-context.tsx (100%)
 rename {apps/app => web}/contexts/user.context.tsx (100%)
 rename {apps/app => web}/contexts/workspace-member.context.tsx (100%)
 rename {apps/app => web}/contexts/workspace.context.tsx (100%)
 rename {apps/app => web}/google.d.ts (100%)
 rename {apps/app => web}/helpers/analytics.helper.ts (100%)
 rename {apps/app => web}/helpers/array.helper.ts (100%)
 rename {apps/app => web}/helpers/attachment.helper.ts (100%)
 rename {apps/app => web}/helpers/calendar.helper.ts (100%)
 rename {apps/app => web}/helpers/color.helper.ts (100%)
 rename {apps/app => web}/helpers/common.helper.ts (100%)
 rename {apps/app => web}/helpers/date-time.helper.ts (100%)
 rename {apps/app => web}/helpers/emoji.helper.tsx (77%)
 rename {apps/app => web}/helpers/graph.helper.ts (100%)
 rename {apps/app => web}/helpers/state.helper.ts (100%)
 rename {apps/app => web}/helpers/string.helper.ts (100%)
 rename {apps/app => web}/helpers/theme.helper.ts (100%)
 rename {apps/app => web}/hooks/gantt-chart/cycle-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/gantt-chart/issue-view.tsx (100%)
 rename {apps/app => web}/hooks/gantt-chart/module-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/gantt-chart/view-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/my-issues/use-my-issues-filter.tsx (100%)
 rename {apps/app => web}/hooks/my-issues/use-my-issues.tsx (100%)
 rename {apps/app => web}/hooks/use-calendar-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/use-comment-reaction.tsx (100%)
 rename {apps/app => web}/hooks/use-debounce.tsx (100%)
 rename {apps/app => web}/hooks/use-estimate-option.tsx (100%)
 rename {apps/app => web}/hooks/use-inbox-view.tsx (100%)
 rename {apps/app => web}/hooks/use-integration-popup.tsx (100%)
 rename {apps/app => web}/hooks/use-issue-notification-subscription.tsx (100%)
 rename {apps/app => web}/hooks/use-issue-properties.tsx (98%)
 rename {apps/app => web}/hooks/use-issue-reaction.tsx (100%)
 rename {apps/app => web}/hooks/use-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/use-local-storage.tsx (100%)
 rename {apps/app => web}/hooks/use-outside-click-detector.tsx (100%)
 rename {apps/app => web}/hooks/use-profile-issues.tsx (100%)
 rename {apps/app => web}/hooks/use-project-details.tsx (100%)
 rename {apps/app => web}/hooks/use-project-members.tsx (100%)
 rename {apps/app => web}/hooks/use-projects.tsx (100%)
 rename {apps/app => web}/hooks/use-reload-confirmation.tsx (100%)
 rename {apps/app => web}/hooks/use-spreadsheet-issues-view.tsx (100%)
 rename {apps/app => web}/hooks/use-sub-issue.tsx (100%)
 rename {apps/app => web}/hooks/use-theme.tsx (100%)
 rename {apps/space => web}/hooks/use-timer.tsx (100%)
 rename {apps/space => web}/hooks/use-toast.tsx (100%)
 rename {apps/app => web}/hooks/use-user-auth.tsx (100%)
 rename {apps/app => web}/hooks/use-user-notifications.tsx (100%)
 rename {apps/app => web}/hooks/use-user.tsx (100%)
 rename {apps/app => web}/hooks/use-workspace-details.tsx (100%)
 rename {apps/app => web}/hooks/use-workspace-members.tsx (100%)
 rename {apps/app => web}/hooks/use-workspaces.tsx (100%)
 rename {apps/app => web}/layouts/app-layout/app-header.tsx (100%)
 rename {apps/app => web}/layouts/app-layout/app-sidebar.tsx (100%)
 rename {apps/app => web}/layouts/auth-layout/index.ts (100%)
 rename {apps/app => web}/layouts/auth-layout/project-authorization-wrapper.tsx (100%)
 rename {apps/app => web}/layouts/auth-layout/user-authorization-wrapper.tsx (100%)
 rename {apps/app => web}/layouts/auth-layout/workspace-authorization-wrapper.tsx (100%)
 rename {apps/app => web}/layouts/default-layout/index.tsx (100%)
 rename {apps/app => web}/layouts/profile-layout.tsx (100%)
 rename {apps/app => web}/layouts/settings-navbar.tsx (100%)
 rename {apps/app => web}/lib/auth.ts (100%)
 rename {apps/app => web}/lib/cookie.ts (100%)
 rename {apps/app => web}/lib/mobx/store-init.tsx (100%)
 rename {apps/space => web}/lib/mobx/store-provider.tsx (100%)
 rename {apps/app => web}/lib/redirect.ts (100%)
 rename {apps/app => web}/manifest.json (100%)
 rename {apps/app => web}/next-env.d.ts (100%)
 rename {apps/app => web}/next.config.js (94%)
 rename {apps/app => web}/package.json (99%)
 rename {apps/app => web}/pages/404.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/analytics.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/editor.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/me/my-issues.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/me/profile/activity.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/me/profile/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/me/profile/preferences.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/profile/[userId]/assigned.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/profile/[userId]/created.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/profile/[userId]/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/automations.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/labels.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/projects/index.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/billing.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/exports.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/imports.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/index.tsx (97%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/integrations.tsx (100%)
 rename {apps/app => web}/pages/[workspaceSlug]/settings/members.tsx (100%)
 rename {apps/app => web}/pages/_app.tsx (100%)
 rename {apps/app => web}/pages/_document.tsx (100%)
 rename {apps/app => web}/pages/_error.tsx (100%)
 rename {apps/app => web}/pages/api/slack-redirect.ts (94%)
 rename {apps/app => web}/pages/api/track-event.ts (100%)
 rename {apps/app => web}/pages/api/unsplash.ts (100%)
 rename {apps/app => web}/pages/create-workspace.tsx (100%)
 rename {apps/app => web}/pages/error.tsx (100%)
 rename {apps/app => web}/pages/index.tsx (100%)
 rename {apps/app => web}/pages/installations/[provider]/index.tsx (100%)
 rename {apps/app => web}/pages/invitations.tsx (100%)
 rename {apps/app => web}/pages/magic-sign-in.tsx (100%)
 rename {apps/app => web}/pages/onboarding.tsx (100%)
 rename {apps/app => web}/pages/reset-password.tsx (100%)
 rename {apps/app => web}/pages/sign-up.tsx (100%)
 rename {apps/app => web}/pages/workspace-member-invitation.tsx (100%)
 rename {apps/space => web}/postcss.config.js (100%)
 rename {apps/space => web}/public/404.svg (100%)
 rename {apps/app => web}/public/animated-icons/uploading.json (100%)
 rename {apps/app => web}/public/attachment/audio-icon.png (100%)
 rename {apps/app => web}/public/attachment/css-icon.png (100%)
 rename {apps/app => web}/public/attachment/csv-icon.png (100%)
 rename {apps/app => web}/public/attachment/default-icon.png (100%)
 rename {apps/app => web}/public/attachment/doc-icon.png (100%)
 rename {apps/app => web}/public/attachment/excel-icon.png (100%)
 rename {apps/app => web}/public/attachment/figma-icon.png (100%)
 rename {apps/app => web}/public/attachment/html-icon.png (100%)
 rename {apps/app => web}/public/attachment/img-icon.png (100%)
 rename {apps/app => web}/public/attachment/jpg-icon.png (100%)
 rename {apps/app => web}/public/attachment/js-icon.png (100%)
 rename {apps/app => web}/public/attachment/pdf-icon.png (100%)
 rename {apps/app => web}/public/attachment/png-icon.png (100%)
 rename {apps/app => web}/public/attachment/svg-icon.png (100%)
 rename {apps/app => web}/public/attachment/txt-icon.png (100%)
 rename {apps/app => web}/public/attachment/video-icon.png (100%)
 rename {apps/app => web}/public/auth/project-not-authorized.svg (100%)
 rename {apps/app => web}/public/auth/workspace-not-authorized.svg (100%)
 rename {apps/app => web}/public/empty-state/analytics.svg (100%)
 rename {apps/app => web}/public/empty-state/cycle.svg (100%)
 rename {apps/app => web}/public/empty-state/dashboard.svg (100%)
 rename {apps/app => web}/public/empty-state/empty_bar_graph.svg (100%)
 rename {apps/app => web}/public/empty-state/empty_graph.svg (100%)
 rename {apps/app => web}/public/empty-state/empty_users.svg (100%)
 rename {apps/app => web}/public/empty-state/estimate.svg (100%)
 rename {apps/app => web}/public/empty-state/integration.svg (100%)
 rename {apps/app => web}/public/empty-state/invitation.svg (100%)
 rename {apps/app => web}/public/empty-state/issue-archive.svg (100%)
 rename {apps/app => web}/public/empty-state/issue.svg (100%)
 rename {apps/app => web}/public/empty-state/label.svg (100%)
 rename {apps/app => web}/public/empty-state/module.svg (100%)
 rename {apps/app => web}/public/empty-state/my-issues.svg (100%)
 rename {apps/app => web}/public/empty-state/notification.svg (100%)
 rename {apps/app => web}/public/empty-state/page.svg (100%)
 rename {apps/app => web}/public/empty-state/project.svg (100%)
 rename {apps/app => web}/public/empty-state/recent_activity.svg (100%)
 rename {apps/app => web}/public/empty-state/state_graph.svg (100%)
 rename {apps/app => web}/public/empty-state/view.svg (100%)
 rename {apps/space => web}/public/favicon/android-chrome-192x192.png (100%)
 rename {apps/space => web}/public/favicon/android-chrome-512x512.png (100%)
 rename {apps/space => web}/public/favicon/apple-touch-icon.png (100%)
 rename {apps/space => web}/public/favicon/favicon-16x16.png (100%)
 rename {apps/space => web}/public/favicon/favicon-32x32.png (100%)
 rename {apps/space => web}/public/favicon/favicon.ico (100%)
 rename {apps/space => web}/public/favicon/site.webmanifest (100%)
 rename {apps/app => web}/public/logos/github-black.png (100%)
 rename {apps/app => web}/public/logos/github-square.png (100%)
 rename {apps/app => web}/public/logos/github-white.png (100%)
 rename {apps/app => web}/public/mac-command.svg (100%)
 rename {apps/app => web}/public/onboarding/cycles.svg (100%)
 rename {apps/app => web}/public/onboarding/cycles.webp (100%)
 rename {apps/app => web}/public/onboarding/issues.svg (100%)
 rename {apps/app => web}/public/onboarding/issues.webp (100%)
 rename {apps/app => web}/public/onboarding/modules.svg (100%)
 rename {apps/app => web}/public/onboarding/modules.webp (100%)
 rename {apps/app => web}/public/onboarding/pages.svg (100%)
 rename {apps/app => web}/public/onboarding/pages.webp (100%)
 rename {apps/app => web}/public/onboarding/views.svg (100%)
 rename {apps/app => web}/public/onboarding/views.webp (100%)
 rename {apps/space => web}/public/plane-logos/black-horizontal-with-blue-logo.svg (100%)
 rename {apps/app => web}/public/plane-logos/blue-without-text.png (100%)
 rename {apps/space => web}/public/plane-logos/white-horizontal-with-blue-logo.svg (100%)
 rename {apps/space => web}/public/plane-logos/white-horizontal.svg (100%)
 rename {apps/app => web}/public/services/csv.svg (100%)
 rename {apps/app => web}/public/services/excel.svg (100%)
 rename {apps/app => web}/public/services/github.png (100%)
 rename {apps/app => web}/public/services/jira.png (100%)
 rename {apps/app => web}/public/services/json.svg (100%)
 rename {apps/app => web}/public/services/slack.png (100%)
 rename {apps/app => web}/public/site.webmanifest.json (100%)
 rename {apps/app => web}/public/sw.js (100%)
 rename {apps/app => web}/public/sw.js.map (100%)
 rename {apps/app => web}/public/user.png (100%)
 rename {apps/app => web}/public/workbox-7805bd61.js (100%)
 rename {apps/app => web}/public/workbox-7805bd61.js.map (100%)
 rename {apps/app => web}/sentry.client.config.js (100%)
 rename {apps/app => web}/sentry.edge.config.js (100%)
 rename {apps/app => web}/sentry.properties (100%)
 rename {apps/app => web}/sentry.server.config.js (100%)
 rename {apps/app => web}/services/ai.service.ts (100%)
 rename {apps/app => web}/services/analytics.service.ts (100%)
 rename {apps/app => web}/services/api.service.ts (100%)
 rename {apps/app => web}/services/app-installations.service.ts (77%)
 rename {apps/app => web}/services/authentication.service.ts (100%)
 rename {apps/app => web}/services/cycles.service.ts (100%)
 rename {apps/app => web}/services/estimates.service.ts (100%)
 rename {apps/app => web}/services/file.service.ts (100%)
 rename {apps/app => web}/services/inbox.service.ts (100%)
 rename {apps/app => web}/services/integration/csv.services.ts (100%)
 rename {apps/app => web}/services/integration/github.service.ts (100%)
 rename {apps/app => web}/services/integration/index.ts (100%)
 rename {apps/app => web}/services/integration/jira.service.ts (100%)
 rename {apps/app => web}/services/issues.service.ts (100%)
 rename {apps/app => web}/services/modules.service.ts (98%)
 rename {apps/app => web}/services/notifications.service.ts (100%)
 rename {apps/app => web}/services/pages.service.ts (100%)
 rename {apps/app => web}/services/project-publish.service.ts (100%)
 rename {apps/app => web}/services/project.service.ts (100%)
 rename {apps/app => web}/services/reaction.service.ts (100%)
 rename {apps/app => web}/services/state.service.ts (100%)
 rename {apps/app => web}/services/track-event.service.ts (100%)
 rename {apps/app => web}/services/user.service.ts (100%)
 rename {apps/app => web}/services/views.service.ts (100%)
 rename {apps/app => web}/services/web-waitlist.service.ts (100%)
 rename {apps/app => web}/services/workspace.service.ts (100%)
 rename {apps/app => web}/store/issues.ts (100%)
 rename {apps/app => web}/store/project-publish.tsx (100%)
 rename {apps/app => web}/store/root.ts (100%)
 rename {apps/app => web}/store/theme.ts (100%)
 rename {apps/app => web}/store/user.ts (100%)
 rename {apps/app => web}/styles/command-pallette.css (100%)
 rename {apps/space => web}/styles/editor.css (100%)
 rename {apps/app => web}/styles/globals.css (100%)
 rename {apps/app => web}/styles/nprogress.css (100%)
 rename {apps/app => web}/styles/react-datepicker.css (100%)
 rename {apps/app => web}/tailwind.config.js (100%)
 create mode 100644 web/tsconfig.json
 rename {apps/app => web}/types/ai.d.ts (100%)
 rename {apps/app => web}/types/analytics.d.ts (100%)
 rename {apps/app => web}/types/calendar.ts (100%)
 rename {apps/app => web}/types/cycles.d.ts (100%)
 rename {apps/app => web}/types/estimate.d.ts (100%)
 rename {apps/app => web}/types/importer/github-importer.d.ts (100%)
 rename {apps/app => web}/types/importer/index.ts (100%)
 rename {apps/app => web}/types/importer/jira-importer.d.ts (100%)
 rename {apps/app => web}/types/inbox.d.ts (100%)
 rename {apps/app => web}/types/index.d.ts (99%)
 rename {apps/app => web}/types/integration.d.ts (100%)
 rename {apps/app => web}/types/issues.d.ts (100%)
 rename {apps/app => web}/types/modules.d.ts (100%)
 rename {apps/app => web}/types/notifications.d.ts (100%)
 rename {apps/app => web}/types/pages.d.ts (100%)
 rename {apps/app => web}/types/projects.d.ts (99%)
 rename {apps/app => web}/types/reaction.d.ts (100%)
 rename {apps/app => web}/types/state.d.ts (100%)
 rename {apps/app => web}/types/users.d.ts (99%)
 rename {apps/app => web}/types/views.d.ts (100%)
 rename {apps/app => web}/types/waitlist.d.ts (100%)
 rename {apps/app => web}/types/workspace.d.ts (100%)

diff --git a/.eslintrc.js b/.eslintrc.js
index 463c86901..c229c0952 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -4,7 +4,7 @@ module.exports = {
   extends: ["custom"],
   settings: {
     next: {
-      rootDir: ["apps/*"],
+      rootDir: ["web/", "space/"],
     },
   },
 };
diff --git a/.github/workflows/Build_Test_Pull_Request.yml b/.github/workflows/Build_Test_Pull_Request.yml
index 0dbca646a..438bdbef3 100644
--- a/.github/workflows/Build_Test_Pull_Request.yml
+++ b/.github/workflows/Build_Test_Pull_Request.yml
@@ -29,9 +29,9 @@ jobs:
             apiserver:
               - apiserver/**
             web:
-              - apps/app/**
+              - web/**
             deploy:
-              - apps/space/**
+              - space/**
 
       - name: Setup .npmrc for repository
         run: |
@@ -40,15 +40,15 @@ jobs:
       - name: Build Plane's Main App
         if: steps.changed-files.outputs.web_any_changed == 'true'
         run: |
-          mv ./.npmrc ./apps/app
-          cd apps/app
+          mv ./.npmrc ./web
+          cd web
           yarn
           yarn build
 
       - name: Build Plane's Deploy App
         if: steps.changed-files.outputs.deploy_any_changed == 'true'
         run: |
-          cd apps/space
+          cd space
           yarn 
           yarn build
 
diff --git a/.github/workflows/Update_Docker_Images.yml b/.github/workflows/Update_Docker_Images.yml
index 8e27e098f..57dbb4a67 100644
--- a/.github/workflows/Update_Docker_Images.yml
+++ b/.github/workflows/Update_Docker_Images.yml
@@ -62,7 +62,7 @@ jobs:
         uses: docker/build-push-action@v4.0.0
         with:
           context: .
-          file: ./apps/app/Dockerfile.web
+          file: ./web/Dockerfile.web
           platforms: linux/amd64
           tags: ${{ steps.metaFrontend.outputs.tags }}
           push: true
@@ -88,7 +88,7 @@ jobs:
         uses: docker/build-push-action@v4.0.0
         with:
           context: .
-          file: ./apps/space/Dockerfile.space
+          file: ./space/Dockerfile.space
           platforms: linux/amd64
           push: true
           tags: ${{ steps.metaDeploy.outputs.tags }}
diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..f2bf4259f
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,11 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+tasks:
+  - init: yarn install && yarn run build
+    command: yarn run start
+
+
diff --git a/.husky/pre-push b/.husky/pre-push
index 1feec0de6..0e7d3240b 100755
--- a/.husky/pre-push
+++ b/.husky/pre-push
@@ -3,21 +3,21 @@
 
 changed_files=$(git diff --name-only HEAD~1)
 
-app_changed=$(echo "$changed_files" | grep -E '^apps/app/' || true)
-space_changed=$(echo "$changed_files" | grep -E '^apps/space/' || true)
-echo $app_changed
+web_changed=$(echo "$changed_files" | grep -E '^web/' || true)
+space_changed=$(echo "$changed_files" | grep -E '^space/' || true)
+echo $web_changed
 echo $space_changed
 
-if [ -n "$app_changed" ] && [ -n "$space_changed" ]; then
-    echo "Changes detected in both apps/app and apps/space. Building..."
+if [ -n "$web_changed" ] && [ -n "$space_changed" ]; then
+    echo "Changes detected in both web and space. Building..."
     yarn run lint
     yarn run build
-elif [ -n "$app_changed" ]; then
-    echo "Changes detected in apps/app. Building..."
-    yarn run lint --filter=app
-    yarn run build --filter=app
+elif [ -n "$web_changed" ]; then
+    echo "Changes detected in web app. Building..."
+    yarn run lint --filter=web
+    yarn run build --filter=web
 elif [ -n "$space_changed" ]; then
-    echo "Changes detected in apps/space. Building..."
+    echo "Changes detected in space app. Building..."
     yarn run lint --filter=space
     yarn run build --filter=space
 fi
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 294dc1c0e..cd74b6121 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within
@@ -125,4 +125,4 @@ enforcement ladder](https://github.com/mozilla/diversity).
 
 For answers to common questions about this code of conduct, see the FAQ at
 https://www.contributor-covenant.org/faq. Translations are available at
-https://www.contributor-covenant.org/translations.
\ No newline at end of file
+https://www.contributor-covenant.org/translations.
diff --git a/README.md b/README.md
index 2bc2764f3..a5a7ddd87 100644
--- a/README.md
+++ b/README.md
@@ -35,12 +35,10 @@
 
 Meet [Plane](https://plane.so). An open-source software development tool to manage issues, sprints, and product roadmaps with peace of mind 🧘‍♀️.
 
-
 > Plane is still in its early days, not everything will be perfect yet, and hiccups may happen. Please let us know of any suggestions, ideas, or bugs that you encounter on our [Discord](https://discord.com/invite/A92xrEGCge) or GitHub issues, and we will use your feedback to improve on our upcoming releases.
 
 The easiest way to get started with Plane is by creating a [Plane Cloud](https://app.plane.so) account. Plane Cloud offers a hosted solution for Plane. If you prefer to self-host Plane, please refer to our [deployment documentation](https://docs.plane.so/self-hosting).
 
-
 ## ⚡️ Quick start with Docker Compose
 
 ### Docker Compose Setup
@@ -56,7 +54,7 @@ chmod +x setup.sh
 - Run setup.sh
 
 ```bash
-./setup.sh http://localhost 
+./setup.sh http://localhost
 ```
 
 > If running in a cloud env replace localhost with public facing IP address of the VM
@@ -65,31 +63,32 @@ chmod +x setup.sh
 
   Visit [Tiptap Pro](https://collab.tiptap.dev/pro-extensions) and signup (it is free).
 
-  Create a **`.npmrc`** file, copy the following and replace your registry token generated from Tiptap Pro. 
+  Create a **`.npmrc`** file, copy the following and replace your registry token generated from Tiptap Pro.
 
 ```
 @tiptap-pro:registry=https://registry.tiptap.dev/
 //registry.tiptap.dev/:_authToken=YOUR_REGISTRY_TOKEN
 ```
+
 - Run Docker compose up
 
 ```bash
 docker compose up -d
 ```
 
-<strong>You can use the default email and password for your first login `captain@plane.so` and `password123`.</strong> 
+<strong>You can use the default email and password for your first login `captain@plane.so` and `password123`.</strong>
 
 ## 🚀 Features
 
-* **Issue Planning and Tracking**: Quickly create issues and add details using a powerful rich text editor that supports file uploads. Add sub-properties and references to issues for better organization and tracking.
-* **Issue Attachments**: Collaborate effectively by attaching files to issues, making it easy for your team to find and share important project-related documents.
-* **Layouts**: Customize your project view with your preferred layout - choose from List, Kanban, or Calendar to visualize your project in a way that makes sense to you.
-* **Cycles**: Plan sprints with Cycles to keep your team on track and productive. Gain insights into your project's progress with burn-down charts and other useful features.
-* **Modules**: Break down your large projects into smaller, more manageable modules. Assign modules between teams to easily track and plan your project's progress.
-* **Views**: Create custom filters to display only the issues that matter to you. Save and share your filters in just a few clicks.
-* **Pages**: Plane pages function as an AI-powered notepad, allowing you to easily document issues, cycle plans, and module details, and then synchronize them with your issues.
-* **Command K**: Enjoy a better user experience with the new Command + K menu. Easily manage and navigate through your projects from one convenient location.
-* **GitHub Sync**: Streamline your planning process by syncing your GitHub issues with Plane. Keep all your issues in one place for better tracking and collaboration.
+- **Issue Planning and Tracking**: Quickly create issues and add details using a powerful rich text editor that supports file uploads. Add sub-properties and references to issues for better organization and tracking.
+- **Issue Attachments**: Collaborate effectively by attaching files to issues, making it easy for your team to find and share important project-related documents.
+- **Layouts**: Customize your project view with your preferred layout - choose from List, Kanban, or Calendar to visualize your project in a way that makes sense to you.
+- **Cycles**: Plan sprints with Cycles to keep your team on track and productive. Gain insights into your project's progress with burn-down charts and other useful features.
+- **Modules**: Break down your large projects into smaller, more manageable modules. Assign modules between teams to easily track and plan your project's progress.
+- **Views**: Create custom filters to display only the issues that matter to you. Save and share your filters in just a few clicks.
+- **Pages**: Plane pages function as an AI-powered notepad, allowing you to easily document issues, cycle plans, and module details, and then synchronize them with your issues.
+- **Command K**: Enjoy a better user experience with the new Command + K menu. Easily manage and navigate through your projects from one convenient location.
+- **GitHub Sync**: Streamline your planning process by syncing your GitHub issues with Plane. Keep all your issues in one place for better tracking and collaboration.
 
 ## 📸 Screenshots
 
@@ -150,7 +149,6 @@ docker compose up -d
   </p>
 </p>
 
-
 ## 📚Documentation
 
 For full documentation, visit [docs.plane.so](https://docs.plane.so/)
diff --git a/apps/app/components/icons/blocked-icon.tsx b/apps/app/components/icons/blocked-icon.tsx
deleted file mode 100644
index ee0024fa0..000000000
--- a/apps/app/components/icons/blocked-icon.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const BlockedIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 23 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M0.5 4.8C0.5 3.52696 1.00797 2.30606 1.91216 1.40589C2.81636 0.505713 4.04271 0 5.32143 0H21.3929C21.6913 0 21.9839 0.0827435 22.2378 0.238959C22.4917 0.395174 22.6968 0.618689 22.8303 0.884458C22.9638 1.15023 23.0203 1.44775 22.9935 1.74369C22.9667 2.03963 22.8576 2.32229 22.6786 2.56L18.5804 8L22.6786 13.44C22.8576 13.6777 22.9667 13.9604 22.9935 14.2563C23.0203 14.5522 22.9638 14.8498 22.8303 15.1155C22.6968 15.3813 22.4917 15.6048 22.2378 15.761C21.9839 15.9173 21.6913 16 21.3929 16H5.32143C4.89519 16 4.4864 16.1686 4.18501 16.4686C3.88361 16.7687 3.71429 17.1757 3.71429 17.6V22.4C3.71429 22.8243 3.54496 23.2313 3.24356 23.5314C2.94217 23.8314 2.53338 24 2.10714 24C1.6809 24 1.27212 23.8314 0.970721 23.5314C0.669323 23.2313 0.5 22.8243 0.5 22.4V4.8Z"
-        fill="#F76659"
-      />
-      <path
-        d="M8.5918 20.4812H21.084C21.26 20.4812 21.4056 20.4237 21.5207 20.3086C21.6358 20.1935 21.6934 20.0479 21.6934 19.8719C21.6934 19.6958 21.6358 19.5503 21.5207 19.4352C21.4056 19.3201 21.26 19.2625 21.084 19.2625H8.57148L10.3184 17.5156C10.4267 17.4073 10.4809 17.2719 10.4809 17.1094C10.4809 16.9469 10.4199 16.8047 10.298 16.6828C10.1762 16.5609 10.034 16.5 9.87148 16.5C9.70899 16.5 9.5668 16.5609 9.44492 16.6828L6.68242 19.4453C6.61471 19.513 6.56732 19.5807 6.54023 19.6484C6.51315 19.7161 6.49961 19.7906 6.49961 19.8719C6.49961 19.9531 6.51315 20.0276 6.54023 20.0953C6.56732 20.163 6.61471 20.2307 6.68242 20.2984L9.44492 23.0609C9.58034 23.1964 9.72591 23.2607 9.88164 23.2539C10.0374 23.2471 10.1762 23.1828 10.298 23.0609C10.4199 22.9391 10.4809 22.7935 10.4809 22.6242C10.4809 22.4549 10.4267 22.3161 10.3184 22.2078L8.5918 20.4812Z"
-        fill="#F76659"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/blocker-icon.tsx b/apps/app/components/icons/blocker-icon.tsx
deleted file mode 100644
index 093728cd8..000000000
--- a/apps/app/components/icons/blocker-icon.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const BlockerIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 23 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M0 4.8C0 3.52696 0.507971 2.30606 1.41216 1.40589C2.31636 0.505713 3.54271 0 4.82143 0H20.8929C21.1913 0 21.4839 0.0827435 21.7378 0.238959C21.9917 0.395174 22.1968 0.618689 22.3303 0.884458C22.4638 1.15023 22.5203 1.44775 22.4935 1.74369C22.4667 2.03963 22.3576 2.32229 22.1786 2.56L18.0804 8L22.1786 13.44C22.3576 13.6777 22.4667 13.9604 22.4935 14.2563C22.5203 14.5522 22.4638 14.8498 22.3303 15.1155C22.1968 15.3813 21.9917 15.6048 21.7378 15.761C21.4839 15.9173 21.1913 16 20.8929 16H4.82143C4.39519 16 3.9864 16.1686 3.68501 16.4686C3.38361 16.7687 3.21429 17.1757 3.21429 17.6V22.4C3.21429 22.8243 3.04496 23.2313 2.74356 23.5314C2.44217 23.8314 2.03338 24 1.60714 24C1.1809 24 0.772119 23.8314 0.470721 23.5314C0.169323 23.2313 0 22.8243 0 22.4V4.8Z"
-        fill="#F7AE59"
-      />
-      <path
-        d="M18.5391 20.8797H6.04688C5.87083 20.8797 5.72526 20.8221 5.61016 20.707C5.49505 20.5919 5.4375 20.4464 5.4375 20.2703C5.4375 20.0943 5.49505 19.9487 5.61016 19.8336C5.72526 19.7185 5.87083 19.6609 6.04688 19.6609H18.5594L16.8125 17.9141C16.7042 17.8057 16.65 17.6703 16.65 17.5078C16.65 17.3453 16.7109 17.2031 16.8328 17.0813C16.9547 16.9594 17.0969 16.8984 17.2594 16.8984C17.4219 16.8984 17.5641 16.9594 17.6859 17.0813L20.4484 19.8438C20.5161 19.9115 20.5635 19.9792 20.5906 20.0469C20.6177 20.1146 20.6313 20.1891 20.6313 20.2703C20.6313 20.3516 20.6177 20.426 20.5906 20.4938C20.5635 20.5615 20.5161 20.6292 20.4484 20.6969L17.6859 23.4594C17.5505 23.5948 17.4049 23.6591 17.2492 23.6523C17.0935 23.6456 16.9547 23.5812 16.8328 23.4594C16.7109 23.3375 16.65 23.1919 16.65 23.0227C16.65 22.8534 16.7042 22.7146 16.8125 22.6062L18.5391 20.8797Z"
-        fill="#F7AE59"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/bolt-icon.tsx b/apps/app/components/icons/bolt-icon.tsx
deleted file mode 100644
index 569767aa5..000000000
--- a/apps/app/components/icons/bolt-icon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const BoltIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M10.6002 21C10.4169 21 10.2752 20.9417 10.1752 20.825C10.0752 20.7083 10.0419 20.5583 10.0752 20.375L11.0002 13.95H7.3502C7.16686 13.95 7.03353 13.8667 6.9502 13.7C6.86686 13.5333 6.86686 13.375 6.9502 13.225L12.8752 3.325C12.9252 3.24167 13.0085 3.16667 13.1252 3.1C13.2419 3.03333 13.3585 3 13.4752 3C13.6585 3 13.8002 3.05833 13.9002 3.175C14.0002 3.29167 14.0335 3.44167 14.0002 3.625L13.0752 10.025H16.6752C16.8585 10.025 16.996 10.1083 17.0877 10.275C17.1794 10.4417 17.1835 10.6 17.1002 10.75L11.2002 20.675C11.1502 20.7583 11.0669 20.8333 10.9502 20.9C10.8335 20.9667 10.7169 21 10.6002 21V21Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/cancel-icon.tsx b/apps/app/components/icons/cancel-icon.tsx
deleted file mode 100644
index c3170ca32..000000000
--- a/apps/app/components/icons/cancel-icon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CancelIcon: React.FC<Props> = ({ width, height, className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M7.725 16.275C7.875 16.425 8.05 16.5 8.25 16.5C8.45 16.5 8.625 16.425 8.775 16.275L12 13.05L15.25 16.3C15.3833 16.4333 15.5542 16.4958 15.7625 16.4875C15.9708 16.4792 16.1417 16.4083 16.275 16.275C16.425 16.125 16.5 15.95 16.5 15.75C16.5 15.55 16.425 15.375 16.275 15.225L13.05 12L16.3 8.75C16.4333 8.61667 16.4958 8.44583 16.4875 8.2375C16.4792 8.02917 16.4083 7.85833 16.275 7.725C16.125 7.575 15.95 7.5 15.75 7.5C15.55 7.5 15.375 7.575 15.225 7.725L12 10.95L8.75 7.7C8.61667 7.56667 8.44583 7.50417 8.2375 7.5125C8.02917 7.52083 7.85833 7.59167 7.725 7.725C7.575 7.875 7.5 8.05 7.5 8.25C7.5 8.45 7.575 8.625 7.725 8.775L10.95 12L7.7 15.25C7.56667 15.3833 7.50417 15.5542 7.5125 15.7625C7.52083 15.9708 7.59167 16.1417 7.725 16.275ZM12 22C10.5833 22 9.26667 21.7458 8.05 21.2375C6.83333 20.7292 5.775 20.025 4.875 19.125C3.975 18.225 3.27083 17.1667 2.7625 15.95C2.25417 14.7333 2 13.4167 2 12C2 10.6 2.25417 9.29167 2.7625 8.075C3.27083 6.85833 3.975 5.8 4.875 4.9C5.775 4 6.83333 3.29167 8.05 2.775C9.26667 2.25833 10.5833 2 12 2C13.4 2 14.7083 2.25833 15.925 2.775C17.1417 3.29167 18.2 4 19.1 4.9C20 5.8 20.7083 6.85833 21.225 8.075C21.7417 9.29167 22 10.6 22 12C22 13.4167 21.7417 14.7333 21.225 15.95C20.7083 17.1667 20 18.225 19.1 19.125C18.2 20.025 17.1417 20.7292 15.925 21.2375C14.7083 21.7458 13.4 22 12 22ZM12 20.5C14.3333 20.5 16.3333 19.6667 18 18C19.6667 16.3333 20.5 14.3333 20.5 12C20.5 9.66667 19.6667 7.66667 18 6C16.3333 4.33333 14.3333 3.5 12 3.5C9.66667 3.5 7.66667 4.33333 6 6C4.33333 7.66667 3.5 9.66667 3.5 12C3.5 14.3333 4.33333 16.3333 6 18C7.66667 19.6667 9.66667 20.5 12 20.5Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/clipboard-icon.tsx b/apps/app/components/icons/clipboard-icon.tsx
deleted file mode 100644
index c96aa3fde..000000000
--- a/apps/app/components/icons/clipboard-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const ClipboardIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M4.5 21C4.08333 21 3.72917 20.8542 3.4375 20.5625C3.14583 20.2708 3 19.9167 3 19.5V4.5C3 4.08333 3.14583 3.72917 3.4375 3.4375C3.72917 3.14583 4.08333 3 4.5 3H9.625C9.70833 2.41667 9.975 1.9375 10.425 1.5625C10.875 1.1875 11.4 1 12 1C12.6 1 13.125 1.1875 13.575 1.5625C14.025 1.9375 14.2917 2.41667 14.375 3H19.5C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V19.5C21 19.9167 20.8542 20.2708 20.5625 20.5625C20.2708 20.8542 19.9167 21 19.5 21H4.5ZM4.5 19.5H19.5V4.5H4.5V19.5ZM7 17H13.825V15.5H7V17ZM7 12.75H17V11.25H7V12.75ZM7 8.5H17V7H7V8.5ZM12 4.075C12.2333 4.075 12.4375 3.9875 12.6125 3.8125C12.7875 3.6375 12.875 3.43333 12.875 3.2C12.875 2.96667 12.7875 2.7625 12.6125 2.5875C12.4375 2.4125 12.2333 2.325 12 2.325C11.7667 2.325 11.5625 2.4125 11.3875 2.5875C11.2125 2.7625 11.125 2.96667 11.125 3.2C11.125 3.43333 11.2125 3.6375 11.3875 3.8125C11.5625 3.9875 11.7667 4.075 12 4.075ZM4.5 19.5V4.5V19.5Z"
-        fill="black"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/comment-icon.tsx b/apps/app/components/icons/comment-icon.tsx
deleted file mode 100644
index c60cca4a6..000000000
--- a/apps/app/components/icons/comment-icon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CommentIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M2 16.1V3.05C2 2.81667 2.10833 2.58333 2.325 2.35C2.54167 2.11667 2.76667 2 3 2H15.975C16.225 2 16.4583 2.1125 16.675 2.3375C16.8917 2.5625 17 2.8 17 3.05V11.95C17 12.1833 16.8917 12.4167 16.675 12.65C16.4583 12.8833 16.225 13 15.975 13H6L2.65 16.35C2.53333 16.4667 2.39583 16.4958 2.2375 16.4375C2.07917 16.3792 2 16.2667 2 16.1ZM3.5 3.5V11.5V3.5ZM7.025 18C6.79167 18 6.5625 17.8833 6.3375 17.65C6.1125 17.4167 6 17.1833 6 16.95V14.5H18.5V6H21C21.2333 6 21.4583 6.11667 21.675 6.35C21.8917 6.58333 22 6.825 22 7.075V21.075C22 21.2417 21.9208 21.3542 21.7625 21.4125C21.6042 21.4708 21.4667 21.4417 21.35 21.325L18.025 18H7.025ZM15.5 3.5H3.5V11.5H15.5V3.5Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/completed-cycle-icon.tsx b/apps/app/components/icons/completed-cycle-icon.tsx
deleted file mode 100644
index 615fbcb9a..000000000
--- a/apps/app/components/icons/completed-cycle-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CompletedCycleIcon: React.FC<Props> = ({
-  width = "24",
-  height = "24",
-  className,
-  color = "black",
-}) => (
-    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
-      <path
-        d="m21.65 36.6-6.9-6.85 2.1-2.1 4.8 4.7 9.2-9.2 2.1 2.15ZM6 44V7h6.25V4h3.25v3h17V4h3.25v3H42v37Zm3-3h30V19.5H9Zm0-24.5h30V10H9Zm0 0V10v6.5Z"
-        fill={color}
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/current-cycle-icon.tsx b/apps/app/components/icons/current-cycle-icon.tsx
deleted file mode 100644
index 2b07edf2e..000000000
--- a/apps/app/components/icons/current-cycle-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CurrentCycleIcon: React.FC<Props> = ({
-  width = "24",
-  height = "24",
-  className,
-  color = "black",
-}) => (
-    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
-      <path
-        d="M15.3 28.3q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575Zm8.85 0q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575Zm8.5 0q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575ZM6 44V7h6.25V4h3.25v3h17V4h3.25v3H42v37Zm3-3h30V19.5H9Zm0-24.5h30V10H9Zm0 0V10v6.5Z"
-        fill={color}
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/edit-icon.tsx b/apps/app/components/icons/edit-icon.tsx
deleted file mode 100644
index c4e012e4d..000000000
--- a/apps/app/components/icons/edit-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const EditIcon: React.FC<Props> = ({ width, height, className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 11.9751C10.9 11.9751 10 11.6251 9.3 10.9251C8.6 10.2251 8.25 9.3251 8.25 8.2251C8.25 7.1251 8.6 6.2251 9.3 5.5251C10 4.8251 10.9 4.4751 12 4.4751C13.1 4.4751 14 4.8251 14.7 5.5251C15.4 6.2251 15.75 7.1251 15.75 8.2251C15.75 9.3251 15.4 10.2251 14.7 10.9251C14 11.6251 13.1 11.9751 12 11.9751ZM18.5 20.0001H5.5C5.08333 20.0001 4.72917 19.8543 4.4375 19.5626C4.14583 19.2709 4 18.9168 4 18.5001V17.6501C4 17.0168 4.15833 16.4751 4.475 16.0251C4.79167 15.5751 5.2 15.2334 5.7 15.0001C6.81667 14.5001 7.8875 14.1251 8.9125 13.8751C9.9375 13.6251 10.9667 13.5001 12 13.5001C13.0333 13.5001 14.0583 13.6293 15.075 13.8876C16.0917 14.1459 17.1583 14.5168 18.275 15.0001C18.7917 15.2334 19.2083 15.5751 19.525 16.0251C19.8417 16.4751 20 17.0168 20 17.6501V18.5001C20 18.9168 19.8542 19.2709 19.5625 19.5626C19.2708 19.8543 18.9167 20.0001 18.5 20.0001ZM5.5 18.5001H18.5V17.6501C18.5 17.3834 18.4208 17.1293 18.2625 16.8876C18.1042 16.6459 17.9083 16.4668 17.675 16.3501C16.6083 15.8334 15.6333 15.4793 14.75 15.2876C13.8667 15.0959 12.95 15.0001 12 15.0001C11.05 15.0001 10.125 15.0959 9.225 15.2876C8.325 15.4793 7.35 15.8334 6.3 16.3501C6.06667 16.4668 5.875 16.6459 5.725 16.8876C5.575 17.1293 5.5 17.3834 5.5 17.6501V18.5001ZM12 10.4751C12.65 10.4751 13.1875 10.2626 13.6125 9.8376C14.0375 9.4126 14.25 8.8751 14.25 8.2251C14.25 7.5751 14.0375 7.0376 13.6125 6.6126C13.1875 6.1876 12.65 5.9751 12 5.9751C11.35 5.9751 10.8125 6.1876 10.3875 6.6126C9.9625 7.0376 9.75 7.5751 9.75 8.2251C9.75 8.8751 9.9625 9.4126 10.3875 9.8376C10.8125 10.2626 11.35 10.4751 12 10.4751Z"
-        fill="#212529"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/ellipsis-horizontal-icon.tsx b/apps/app/components/icons/ellipsis-horizontal-icon.tsx
deleted file mode 100644
index cfdd66751..000000000
--- a/apps/app/components/icons/ellipsis-horizontal-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const EllipsisHorizontalIcon: React.FC<Props> = ({ width, height, className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M5.2 13.1998C4.86667 13.1998 4.58333 13.0831 4.35 12.8498C4.11667 12.6165 4 12.3331 4 11.9998C4 11.6665 4.11667 11.3831 4.35 11.1498C4.58333 10.9165 4.86667 10.7998 5.2 10.7998C5.53333 10.7998 5.81667 10.9165 6.05 11.1498C6.28333 11.3831 6.4 11.6665 6.4 11.9998C6.4 12.3331 6.28333 12.6165 6.05 12.8498C5.81667 13.0831 5.53333 13.1998 5.2 13.1998ZM12 13.1998C11.6667 13.1998 11.3833 13.0831 11.15 12.8498C10.9167 12.6165 10.8 12.3331 10.8 11.9998C10.8 11.6665 10.9167 11.3831 11.15 11.1498C11.3833 10.9165 11.6667 10.7998 12 10.7998C12.3333 10.7998 12.6167 10.9165 12.85 11.1498C13.0833 11.3831 13.2 11.6665 13.2 11.9998C13.2 12.3331 13.0833 12.6165 12.85 12.8498C12.6167 13.0831 12.3333 13.1998 12 13.1998ZM18.8 13.1998C18.4667 13.1998 18.1833 13.0831 17.95 12.8498C17.7167 12.6165 17.6 12.3331 17.6 11.9998C17.6 11.6665 17.7167 11.3831 17.95 11.1498C18.1833 10.9165 18.4667 10.7998 18.8 10.7998C19.1333 10.7998 19.4167 10.9165 19.65 11.1498C19.8833 11.3831 20 11.6665 20 11.9998C20 12.3331 19.8833 12.6165 19.65 12.8498C19.4167 13.0831 19.1333 13.1998 18.8 13.1998Z"
-        fill="black"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/lock-icon.tsx b/apps/app/components/icons/lock-icon.tsx
deleted file mode 100644
index d0c9cffb7..000000000
--- a/apps/app/components/icons/lock-icon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const LockIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 25 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M6 22C5.58333 22 5.22917 21.8542 4.9375 21.5625C4.64583 21.2708 4.5 20.9167 4.5 20.5V9.65C4.5 9.23333 4.64583 8.87917 4.9375 8.5875C5.22917 8.29583 5.58333 8.15 6 8.15H7.75V5.75C7.75 4.43333 8.2125 3.3125 9.1375 2.3875C10.0625 1.4625 11.1833 1 12.5 1C13.8167 1 14.9375 1.4625 15.8625 2.3875C16.7875 3.3125 17.25 4.43333 17.25 5.75V8.15H19C19.4167 8.15 19.7708 8.29583 20.0625 8.5875C20.3542 8.87917 20.5 9.23333 20.5 9.65V20.5C20.5 20.9167 20.3542 21.2708 20.0625 21.5625C19.7708 21.8542 19.4167 22 19 22H6ZM6 20.5H19V9.65H6V20.5ZM12.5 17C13.0333 17 13.4875 16.8167 13.8625 16.45C14.2375 16.0833 14.425 15.6417 14.425 15.125C14.425 14.625 14.2375 14.1708 13.8625 13.7625C13.4875 13.3542 13.0333 13.15 12.5 13.15C11.9667 13.15 11.5125 13.3542 11.1375 13.7625C10.7625 14.1708 10.575 14.625 10.575 15.125C10.575 15.6417 10.7625 16.0833 11.1375 16.45C11.5125 16.8167 11.9667 17 12.5 17ZM9.25 8.15H15.75V5.75C15.75 4.85 15.4333 4.08333 14.8 3.45C14.1667 2.81667 13.4 2.5 12.5 2.5C11.6 2.5 10.8333 2.81667 10.2 3.45C9.56667 4.08333 9.25 4.85 9.25 5.75V8.15ZM6 20.5V9.65V20.5Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/menu-icon.tsx b/apps/app/components/icons/menu-icon.tsx
deleted file mode 100644
index 0a8816b75..000000000
--- a/apps/app/components/icons/menu-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const MenuIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M3.75 18C3.53333 18 3.35417 17.9292 3.2125 17.7875C3.07083 17.6458 3 17.4667 3 17.25C3 17.0333 3.07083 16.8542 3.2125 16.7125C3.35417 16.5708 3.53333 16.5 3.75 16.5H20.25C20.4667 16.5 20.6458 16.5708 20.7875 16.7125C20.9292 16.8542 21 17.0333 21 17.25C21 17.4667 20.9292 17.6458 20.7875 17.7875C20.6458 17.9292 20.4667 18 20.25 18H3.75ZM3.75 12.75C3.53333 12.75 3.35417 12.6792 3.2125 12.5375C3.07083 12.3958 3 12.2167 3 12C3 11.7833 3.07083 11.6042 3.2125 11.4625C3.35417 11.3208 3.53333 11.25 3.75 11.25H20.25C20.4667 11.25 20.6458 11.3208 20.7875 11.4625C20.9292 11.6042 21 11.7833 21 12C21 12.2167 20.9292 12.3958 20.7875 12.5375C20.6458 12.6792 20.4667 12.75 20.25 12.75H3.75ZM3.75 7.5C3.53333 7.5 3.35417 7.42917 3.2125 7.2875C3.07083 7.14583 3 6.96667 3 6.75C3 6.53333 3.07083 6.35417 3.2125 6.2125C3.35417 6.07083 3.53333 6 3.75 6H20.25C20.4667 6 20.6458 6.07083 20.7875 6.2125C20.9292 6.35417 21 6.53333 21 6.75C21 6.96667 20.9292 7.14583 20.7875 7.2875C20.6458 7.42917 20.4667 7.5 20.25 7.5H3.75Z"
-        fill="#212529"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/plus-icon.tsx b/apps/app/components/icons/plus-icon.tsx
deleted file mode 100644
index 0b958a21d..000000000
--- a/apps/app/components/icons/plus-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const PlusIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 19C11.7833 19 11.6042 18.9292 11.4625 18.7875C11.3208 18.6458 11.25 18.4667 11.25 18.25V12.75H5.75C5.53333 12.75 5.35417 12.6792 5.2125 12.5375C5.07083 12.3958 5 12.2167 5 12C5 11.7833 5.07083 11.6042 5.2125 11.4625C5.35417 11.3208 5.53333 11.25 5.75 11.25H11.25V5.75C11.25 5.53333 11.3208 5.35417 11.4625 5.2125C11.6042 5.07083 11.7833 5 12 5C12.2167 5 12.3958 5.07083 12.5375 5.2125C12.6792 5.35417 12.75 5.53333 12.75 5.75V11.25H18.25C18.4667 11.25 18.6458 11.3208 18.7875 11.4625C18.9292 11.6042 19 11.7833 19 12C19 12.2167 18.9292 12.3958 18.7875 12.5375C18.6458 12.6792 18.4667 12.75 18.25 12.75H12.75V18.25C12.75 18.4667 12.6792 18.6458 12.5375 18.7875C12.3958 18.9292 12.2167 19 12 19Z"
-        fill="#FFFFFF"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/question-mark-circle-icon.tsx b/apps/app/components/icons/question-mark-circle-icon.tsx
deleted file mode 100644
index 2cdf9d8e5..000000000
--- a/apps/app/components/icons/question-mark-circle-icon.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const QuestionMarkCircleIcon: React.FC<Props> = ({
-  width = "24",
-  height = "24",
-  className,
-}) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M12.1 17.825C12.3667 17.825 12.5917 17.7333 12.775 17.55C12.9583 17.3667 13.05 17.1417 13.05 16.875C13.05 16.6083 12.9583 16.3833 12.775 16.2C12.5917 16.0167 12.3667 15.925 12.1 15.925C11.8333 15.925 11.6083 16.0167 11.425 16.2C11.2417 16.3833 11.15 16.6083 11.15 16.875C11.15 17.1417 11.2417 17.3667 11.425 17.55C11.6083 17.7333 11.8333 17.825 12.1 17.825ZM12.075 7.5C12.6417 7.5 13.1 7.65417 13.45 7.9625C13.8 8.27083 13.975 8.66667 13.975 9.15C13.975 9.48333 13.875 9.8125 13.675 10.1375C13.475 10.4625 13.15 10.8167 12.7 11.2C12.2667 11.5833 11.9208 11.9875 11.6625 12.4125C11.4042 12.8375 11.275 13.225 11.275 13.575C11.275 13.7583 11.3458 13.9042 11.4875 14.0125C11.6292 14.1208 11.7917 14.175 11.975 14.175C12.175 14.175 12.3417 14.1083 12.475 13.975C12.6083 13.8417 12.6917 13.675 12.725 13.475C12.775 13.1417 12.8875 12.8458 13.0625 12.5875C13.2375 12.3292 13.5083 12.05 13.875 11.75C14.375 11.3333 14.7375 10.9167 14.9625 10.5C15.1875 10.0833 15.3 9.61667 15.3 9.1C15.3 8.21667 15.0125 7.50833 14.4375 6.975C13.8625 6.44167 13.1 6.175 12.15 6.175C11.5167 6.175 10.9333 6.3 10.4 6.55C9.86667 6.8 9.425 7.16667 9.075 7.65C8.94167 7.83333 8.8875 8.02083 8.9125 8.2125C8.9375 8.40417 9.01667 8.55 9.15 8.65C9.33333 8.78333 9.52917 8.825 9.7375 8.775C9.94583 8.725 10.1167 8.60833 10.25 8.425C10.4667 8.125 10.7292 7.89583 11.0375 7.7375C11.3458 7.57917 11.6917 7.5 12.075 7.5ZM12 22C10.6 22 9.29167 21.7458 8.075 21.2375C6.85833 20.7292 5.8 20.025 4.9 19.125C4 18.225 3.29167 17.1667 2.775 15.95C2.25833 14.7333 2 13.4167 2 12C2 10.6 2.25833 9.29167 2.775 8.075C3.29167 6.85833 4 5.8 4.9 4.9C5.8 4 6.85833 3.29167 8.075 2.775C9.29167 2.25833 10.6 2 12 2C13.3833 2 14.6833 2.25833 15.9 2.775C17.1167 3.29167 18.175 4 19.075 4.9C19.975 5.8 20.6875 6.85833 21.2125 8.075C21.7375 9.29167 22 10.6 22 12C22 13.4167 21.7375 14.7333 21.2125 15.95C20.6875 17.1667 19.975 18.225 19.075 19.125C18.175 20.025 17.1167 20.7292 15.9 21.2375C14.6833 21.7458 13.3833 22 12 22ZM12 20.5C14.35 20.5 16.3542 19.6667 18.0125 18C19.6708 16.3333 20.5 14.3333 20.5 12C20.5 9.66667 19.6708 7.66667 18.0125 6C16.3542 4.33333 14.35 3.5 12 3.5C9.61667 3.5 7.60417 4.33333 5.9625 6C4.32083 7.66667 3.5 9.66667 3.5 12C3.5 14.3333 4.32083 16.3333 5.9625 18C7.60417 19.6667 9.61667 20.5 12 20.5Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/signal-cellular-icon.tsx b/apps/app/components/icons/signal-cellular-icon.tsx
deleted file mode 100644
index 0e785d958..000000000
--- a/apps/app/components/icons/signal-cellular-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const SignalCellularIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.75 20C18.4 20 18.1042 19.8792 17.8625 19.6375C17.6208 19.3958 17.5 19.1 17.5 18.75V5.25C17.5 4.9 17.6208 4.60417 17.8625 4.3625C18.1042 4.12083 18.4 4 18.75 4C19.1 4 19.3958 4.12083 19.6375 4.3625C19.8792 4.60417 20 4.9 20 5.25V18.75C20 19.1 19.8792 19.3958 19.6375 19.6375C19.3958 19.8792 19.1 20 18.75 20ZM6.275 20C6.09167 20 5.92083 19.9667 5.7625 19.9C5.60417 19.8333 5.47083 19.7458 5.3625 19.6375C5.25417 19.5292 5.16667 19.3958 5.1 19.2375C5.03333 19.0792 5 18.9167 5 18.75V15.25C5 14.9 5.12083 14.6042 5.3625 14.3625C5.60417 14.1208 5.9 14 6.25 14C6.6 14 6.89583 14.1208 7.1375 14.3625C7.37917 14.6042 7.5 14.9 7.5 15.25V18.75C7.5 18.9167 7.46667 19.0792 7.4 19.2375C7.33333 19.3958 7.24583 19.5292 7.1375 19.6375C7.02917 19.7458 6.9 19.8333 6.75 19.9C6.6 19.9667 6.44167 20 6.275 20ZM12.5 20C12.15 20 11.8542 19.8792 11.6125 19.6375C11.3708 19.3958 11.25 19.1 11.25 18.75V10.25C11.25 9.9 11.3708 9.60417 11.6125 9.3625C11.8542 9.12083 12.15 9 12.5 9C12.85 9 13.1458 9.12083 13.3875 9.3625C13.6292 9.60417 13.75 9.9 13.75 10.25V18.75C13.75 19.1 13.6292 19.3958 13.3875 19.6375C13.1458 19.8792 12.85 20 12.5 20Z"
-        fill="#212529"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/tag-icon.tsx b/apps/app/components/icons/tag-icon.tsx
deleted file mode 100644
index a17d4c1e4..000000000
--- a/apps/app/components/icons/tag-icon.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const TagIcon: React.FC<Props> = ({
-  width = "24",
-  height = "24",
-  className,
-  color = "black",
-}) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.975 21.575C13.675 21.875 13.3125 22.025 12.8875 22.025C12.4625 22.025 12.1 21.875 11.8 21.575L2.425 12.2C2.25833 12.0333 2.14583 11.8583 2.0875 11.675C2.02917 11.4917 2 11.3 2 11.1V3.5C2 3.06667 2.14167 2.70833 2.425 2.425C2.70833 2.14167 3.06667 2 3.5 2H11.1C11.3 2 11.5 2.02917 11.7 2.0875C11.9 2.14583 12.0833 2.25833 12.25 2.425L21.575 11.75C21.8917 12.0667 22.05 12.4375 22.05 12.8625C22.05 13.2875 21.8917 13.6583 21.575 13.975L13.975 21.575ZM12.95 20.55L20.55 12.95L11.1 3.5H3.5V11.1L12.95 20.55ZM6.125 7.4C6.475 7.4 6.77917 7.27083 7.0375 7.0125C7.29583 6.75417 7.425 6.45 7.425 6.1C7.425 5.75 7.29583 5.44583 7.0375 5.1875C6.77917 4.92917 6.475 4.8 6.125 4.8C5.775 4.8 5.47083 4.92917 5.2125 5.1875C4.95417 5.44583 4.825 5.75 4.825 6.1C4.825 6.45 4.95417 6.75417 5.2125 7.0125C5.47083 7.27083 5.775 7.4 6.125 7.4Z"
-        fill={color}
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/transfer-icon.tsx b/apps/app/components/icons/transfer-icon.tsx
deleted file mode 100644
index 176c38b29..000000000
--- a/apps/app/components/icons/transfer-icon.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const TransferIcon: React.FC<Props> = ({ width, height, className, color }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 18 15"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-     <path d="M6.16683 14.6667C4.54183 14.6667 3.16336 14.1007 2.03141 12.9688C0.899468 11.8368 0.333496 10.4583 0.333496 8.83333C0.333496 7.125 0.941135 5.73264 2.15641 4.65625C3.37169 3.57986 4.72933 3.09028 6.22933 3.1875L4.87516 1.83333C4.75016 1.70833 4.68766 1.55903 4.68766 1.38542C4.68766 1.21181 4.75016 1.0625 4.87516 0.9375C5.00016 0.8125 5.14947 0.75 5.32308 0.75C5.49669 0.75 5.646 0.8125 5.771 0.9375L8.22933 3.39583C8.29877 3.46528 8.34739 3.53472 8.37516 3.60417C8.40294 3.67361 8.41683 3.75 8.41683 3.83333C8.41683 3.91667 8.40294 3.99306 8.37516 4.0625C8.34739 4.13194 8.29877 4.20139 8.22933 4.27083L5.771 6.72917C5.646 6.85417 5.50016 6.91319 5.3335 6.90625C5.16683 6.89931 5.021 6.83333 4.896 6.70833C4.771 6.58333 4.7085 6.43403 4.7085 6.26042C4.7085 6.08681 4.771 5.9375 4.896 5.8125L6.29183 4.41667C4.97239 4.38889 3.8578 4.79167 2.94808 5.625C2.03836 6.45833 1.5835 7.52778 1.5835 8.83333C1.5835 10.0972 2.03141 11.1771 2.92725 12.0729C3.82308 12.9688 4.90294 13.4167 6.16683 13.4167H8.04183C8.22239 13.4167 8.37169 13.4757 8.48975 13.5938C8.6078 13.7118 8.66683 13.8611 8.66683 14.0417C8.66683 14.2222 8.6078 14.3715 8.48975 14.4896C8.37169 14.6076 8.22239 14.6667 8.04183 14.6667H6.16683ZM11.5835 14.6667C11.2363 14.6667 10.9411 14.5451 10.6981 14.3021C10.455 14.059 10.3335 13.7639 10.3335 13.4167V10.0833C10.3335 9.73611 10.455 9.44097 10.6981 9.19792C10.9411 8.95486 11.2363 8.83333 11.5835 8.83333H16.5835C16.9307 8.83333 17.2259 8.95486 17.4689 9.19792C17.712 9.44097 17.8335 9.73611 17.8335 10.0833V13.4167C17.8335 13.7639 17.712 14.059 17.4689 14.3021C17.2259 14.5451 16.9307 14.6667 16.5835 14.6667H11.5835ZM11.5835 13.4167H16.5835V10.0833H11.5835V13.4167ZM11.5835 7.16667C11.2363 7.16667 10.9411 7.04514 10.6981 6.80208C10.455 6.55903 10.3335 6.26389 10.3335 5.91667V2.58333C10.3335 2.23611 10.455 1.94097 10.6981 1.69792C10.9411 1.45486 11.2363 1.33333 11.5835 1.33333H16.5835C16.9307 1.33333 17.2259 1.45486 17.4689 1.69792C17.712 1.94097 17.8335 2.23611 17.8335 2.58333V5.91667C17.8335 6.26389 17.712 6.55903 17.4689 6.80208C17.2259 7.04514 16.9307 7.16667 16.5835 7.16667H11.5835Z" fill={color}/>
-    </svg>
-  );
diff --git a/apps/app/components/icons/tune-icon.tsx b/apps/app/components/icons/tune-icon.tsx
deleted file mode 100644
index 1221b2976..000000000
--- a/apps/app/components/icons/tune-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const TuneIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M3.75 18.95C3.53333 18.95 3.35417 18.8792 3.2125 18.7375C3.07083 18.5958 3 18.4167 3 18.2C3 17.9833 3.07083 17.8042 3.2125 17.6625C3.35417 17.5208 3.53333 17.45 3.75 17.45H8.425C8.64167 17.45 8.82083 17.5208 8.9625 17.6625C9.10417 17.8042 9.175 17.9833 9.175 18.2C9.175 18.4167 9.10417 18.5958 8.9625 18.7375C8.82083 18.8792 8.64167 18.95 8.425 18.95H3.75ZM3.75 6.55C3.53333 6.55 3.35417 6.47917 3.2125 6.3375C3.07083 6.19583 3 6.01667 3 5.8C3 5.58333 3.07083 5.40417 3.2125 5.2625C3.35417 5.12083 3.53333 5.05 3.75 5.05H12.575C12.7917 5.05 12.9708 5.12083 13.1125 5.2625C13.2542 5.40417 13.325 5.58333 13.325 5.8C13.325 6.01667 13.2542 6.19583 13.1125 6.3375C12.9708 6.47917 12.7917 6.55 12.575 6.55H3.75ZM11.425 21C11.2083 21 11.0292 20.9292 10.8875 20.7875C10.7458 20.6458 10.675 20.4667 10.675 20.25V16.125C10.675 15.9083 10.7458 15.7292 10.8875 15.5875C11.0292 15.4458 11.2083 15.375 11.425 15.375C11.6417 15.375 11.8208 15.4458 11.9625 15.5875C12.1042 15.7292 12.175 15.9083 12.175 16.125V17.45H20.25C20.4667 17.45 20.6458 17.5208 20.7875 17.6625C20.9292 17.8042 21 17.9833 21 18.2C21 18.4167 20.9292 18.5958 20.7875 18.7375C20.6458 18.8792 20.4667 18.95 20.25 18.95H12.175V20.25C12.175 20.4667 12.1042 20.6458 11.9625 20.7875C11.8208 20.9292 11.6417 21 11.425 21ZM8.425 14.8C8.20833 14.8 8.02917 14.7292 7.8875 14.5875C7.74583 14.4458 7.675 14.2667 7.675 14.05V12.75H3.75C3.53333 12.75 3.35417 12.6792 3.2125 12.5375C3.07083 12.3958 3 12.2167 3 12C3 11.7833 3.07083 11.6042 3.2125 11.4625C3.35417 11.3208 3.53333 11.25 3.75 11.25H7.675V9.9C7.675 9.68333 7.74583 9.50417 7.8875 9.3625C8.02917 9.22083 8.20833 9.15 8.425 9.15C8.64167 9.15 8.82083 9.22083 8.9625 9.3625C9.10417 9.50417 9.175 9.68333 9.175 9.9V14.05C9.175 14.2667 9.10417 14.4458 8.9625 14.5875C8.82083 14.7292 8.64167 14.8 8.425 14.8ZM11.425 12.75C11.2083 12.75 11.0292 12.6792 10.8875 12.5375C10.7458 12.3958 10.675 12.2167 10.675 12C10.675 11.7833 10.7458 11.6042 10.8875 11.4625C11.0292 11.3208 11.2083 11.25 11.425 11.25H20.25C20.4667 11.25 20.6458 11.3208 20.7875 11.4625C20.9292 11.6042 21 11.7833 21 12C21 12.2167 20.9292 12.3958 20.7875 12.5375C20.6458 12.6792 20.4667 12.75 20.25 12.75H11.425ZM15.575 8.625C15.3583 8.625 15.1792 8.55417 15.0375 8.4125C14.8958 8.27083 14.825 8.09167 14.825 7.875V3.75C14.825 3.53333 14.8958 3.35417 15.0375 3.2125C15.1792 3.07083 15.3583 3 15.575 3C15.7917 3 15.9708 3.07083 16.1125 3.2125C16.2542 3.35417 16.325 3.53333 16.325 3.75V5.05H20.25C20.4667 5.05 20.6458 5.12083 20.7875 5.2625C20.9292 5.40417 21 5.58333 21 5.8C21 6.01667 20.9292 6.19583 20.7875 6.3375C20.6458 6.47917 20.4667 6.55 20.25 6.55H16.325V7.875C16.325 8.09167 16.2542 8.27083 16.1125 8.4125C15.9708 8.55417 15.7917 8.625 15.575 8.625Z"
-        fill="#212529"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/upcoming-cycle-icon.tsx b/apps/app/components/icons/upcoming-cycle-icon.tsx
deleted file mode 100644
index 52961e15e..000000000
--- a/apps/app/components/icons/upcoming-cycle-icon.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const UpcomingCycleIcon: React.FC<Props> = ({
-  width = "24",
-  height = "24",
-  className,
-  color = "black",
-}) => (
-    <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
-      <path
-        d="M28.3 44v-3H39V19.5H9v11H6V10q0-1.2.9-2.1Q7.8 7 9 7h3.25V4h3.25v3h17V4h3.25v3H39q1.2 0 2.1.9.9.9.9 2.1v31q0 1.2-.9 2.1-.9.9-2.1.9ZM16 47.3l-2.1-2.1 5.65-5.7H2.5v-3h17.05l-5.65-5.7 2.1-2.1 9.3 9.3ZM9 16.5h30V10H9Zm0 0V10v6.5Z"
-        fill={color}
-      />
-    </svg>
-  );
diff --git a/apps/app/components/icons/user-icon-circle.tsx b/apps/app/components/icons/user-icon-circle.tsx
deleted file mode 100644
index 8bae34133..000000000
--- a/apps/app/components/icons/user-icon-circle.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const UserCircleIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path d="M5.55 17.625C6.6 16.8917 7.64167 16.3292 8.675 15.9375C9.70833 15.5458 10.8167 15.35 12 15.35C13.1833 15.35 14.2958 15.5458 15.3375 15.9375C16.3792 16.3292 17.425 16.8917 18.475 17.625C19.2083 16.725 19.7292 15.8167 20.0375 14.9C20.3458 13.9833 20.5 13.0167 20.5 12C20.5 9.58333 19.6875 7.5625 18.0625 5.9375C16.4375 4.3125 14.4167 3.5 12 3.5C9.58333 3.5 7.5625 4.3125 5.9375 5.9375C4.3125 7.5625 3.5 9.58333 3.5 12C3.5 13.0167 3.65833 13.9833 3.975 14.9C4.29167 15.8167 4.81667 16.725 5.55 17.625ZM12 12.75C11.0333 12.75 10.2208 12.4208 9.5625 11.7625C8.90417 11.1042 8.575 10.2917 8.575 9.325C8.575 8.35833 8.90417 7.54583 9.5625 6.8875C10.2208 6.22917 11.0333 5.9 12 5.9C12.9667 5.9 13.7792 6.22917 14.4375 6.8875C15.0958 7.54583 15.425 8.35833 15.425 9.325C15.425 10.2917 15.0958 11.1042 14.4375 11.7625C13.7792 12.4208 12.9667 12.75 12 12.75ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 20.5C12.9167 20.5 13.8125 20.3667 14.6875 20.1C15.5625 19.8333 16.425 19.3667 17.275 18.7C16.425 18.1 15.5583 17.6417 14.675 17.325C13.7917 17.0083 12.9 16.85 12 16.85C11.1 16.85 10.2083 17.0083 9.325 17.325C8.44167 17.6417 7.575 18.1 6.725 18.7C7.575 19.3667 8.4375 19.8333 9.3125 20.1C10.1875 20.3667 11.0833 20.5 12 20.5ZM12 11.25C12.5667 11.25 13.0292 11.0708 13.3875 10.7125C13.7458 10.3542 13.925 9.89167 13.925 9.325C13.925 8.75833 13.7458 8.29583 13.3875 7.9375C13.0292 7.57917 12.5667 7.4 12 7.4C11.4333 7.4 10.9708 7.57917 10.6125 7.9375C10.2542 8.29583 10.075 8.75833 10.075 9.325C10.075 9.89167 10.2542 10.3542 10.6125 10.7125C10.9708 11.0708 11.4333 11.25 12 11.25Z" />
-    </svg>
-  );
diff --git a/apps/app/components/icons/user-icon.tsx b/apps/app/components/icons/user-icon.tsx
deleted file mode 100644
index c0408dad3..000000000
--- a/apps/app/components/icons/user-icon.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const UserIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 11.9751C10.9 11.9751 10 11.6251 9.3 10.9251C8.6 10.2251 8.25 9.3251 8.25 8.2251C8.25 7.1251 8.6 6.2251 9.3 5.5251C10 4.8251 10.9 4.4751 12 4.4751C13.1 4.4751 14 4.8251 14.7 5.5251C15.4 6.2251 15.75 7.1251 15.75 8.2251C15.75 9.3251 15.4 10.2251 14.7 10.9251C14 11.6251 13.1 11.9751 12 11.9751ZM18.5 20.0001H5.5C5.08333 20.0001 4.72917 19.8543 4.4375 19.5626C4.14583 19.2709 4 18.9168 4 18.5001V17.6501C4 17.0168 4.15833 16.4751 4.475 16.0251C4.79167 15.5751 5.2 15.2334 5.7 15.0001C6.81667 14.5001 7.8875 14.1251 8.9125 13.8751C9.9375 13.6251 10.9667 13.5001 12 13.5001C13.0333 13.5001 14.0583 13.6293 15.075 13.8876C16.0917 14.1459 17.1583 14.5168 18.275 15.0001C18.7917 15.2334 19.2083 15.5751 19.525 16.0251C19.8417 16.4751 20 17.0168 20 17.6501V18.5001C20 18.9168 19.8542 19.2709 19.5625 19.5626C19.2708 19.8543 18.9167 20.0001 18.5 20.0001ZM5.5 18.5001H18.5V17.6501C18.5 17.3834 18.4208 17.1293 18.2625 16.8876C18.1042 16.6459 17.9083 16.4668 17.675 16.3501C16.6083 15.8334 15.6333 15.4793 14.75 15.2876C13.8667 15.0959 12.95 15.0001 12 15.0001C11.05 15.0001 10.125 15.0959 9.225 15.2876C8.325 15.4793 7.35 15.8334 6.3 16.3501C6.06667 16.4668 5.875 16.6459 5.725 16.8876C5.575 17.1293 5.5 17.3834 5.5 17.6501V18.5001ZM12 10.4751C12.65 10.4751 13.1875 10.2626 13.6125 9.8376C14.0375 9.4126 14.25 8.8751 14.25 8.2251C14.25 7.5751 14.0375 7.0376 13.6125 6.6126C13.1875 6.1876 12.65 5.9751 12 5.9751C11.35 5.9751 10.8125 6.1876 10.3875 6.6126C9.9625 7.0376 9.75 7.5751 9.75 8.2251C9.75 8.8751 9.9625 9.4126 10.3875 9.8376C10.8125 10.2626 11.35 10.4751 12 10.4751Z"
-        fill="#212529"
-      />
-    </svg>
-  );
diff --git a/apps/app/components/integration/slack/index.ts b/apps/app/components/integration/slack/index.ts
deleted file mode 100644
index 3bd1c965c..000000000
--- a/apps/app/components/integration/slack/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from "./select-channel";
\ No newline at end of file
diff --git a/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
deleted file mode 100644
index b3f99855e..000000000
--- a/apps/app/components/tiptap/table-menu/InsertBottomTableIcon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-const InsertBottomTableIcon = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 -960 960 960"
-    {...props}
-  >
-    <path d="M212.309-152.31q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-375.383q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm535.382-219.998H212.309q-4.616 0-8.463 3.846-3.846 3.846-3.846 8.462V-600q0 4.616 3.846 8.462 3.847 3.847 8.463 3.847h535.382q4.616 0 8.463-3.847Q760-595.384 760-600v-135.383q0-4.616-3.846-8.462-3.847-3.846-8.463-3.846ZM200-587.691v-160 160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-)
-
-export default InsertBottomTableIcon;
diff --git a/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
deleted file mode 100644
index 8a92705d8..000000000
--- a/apps/app/components/tiptap/table-menu/InsertLeftTableIcon.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-const InsertLeftTableIcon = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 -960 960 960"
-    {...props}
-  >
-    <path d="M224.617-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm147.691-607.69q0-4.616-3.846-8.463-3.846-3.846-8.462-3.846H600q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v535.382q0 4.616 3.847 8.463Q595.384-200 600-200h135.383q4.616 0 8.462-3.846 3.846-3.847 3.846-8.463v-535.382ZM587.691-200h160-160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-)
-export default InsertLeftTableIcon
diff --git a/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
deleted file mode 100644
index 04348ece1..000000000
--- a/apps/app/components/tiptap/table-menu/InsertRightTableIcon.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-const InsertRightTableIcon = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 -960 960 960"
-    {...props}
-  >
-    <path d="M600-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm-375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm-12.308-607.69v535.382q0 4.616 3.846 8.463 3.846 3.846 8.462 3.846H360q4.616 0 8.462-3.846 3.847-3.847 3.847-8.463v-535.382q0-4.616-3.847-8.463Q364.616-760 360-760H224.617q-4.616 0-8.462 3.846-3.846 3.847-3.846 8.463Zm160 547.691h-160 160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-)
-
-export default InsertRightTableIcon
diff --git a/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx b/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx
deleted file mode 100644
index 14036f998..000000000
--- a/apps/app/components/tiptap/table-menu/InsertTopTableIcon.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-const InsertTopTableIcon = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 -960 960 960"
-    {...props}
-  >
-    <path d="M212.309-527.693q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0 375.383q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-59.999h535.382q4.616 0 8.463-3.846 3.846-3.846 3.846-8.462V-360q0-4.616-3.846-8.462-3.847-3.847-8.463-3.847H212.309q-4.616 0-8.463 3.847Q200-364.616 200-360v135.383q0 4.616 3.846 8.462 3.847 3.846 8.463 3.846Zm-12.309-160v160-160Z"
-      fill="rgb(var(--color-text-300))"
-    />
-  </svg>
-)
-export default InsertTopTableIcon;
diff --git a/apps/space/public/logos/github-black.png b/apps/space/public/logos/github-black.png
deleted file mode 100644
index 7a7a82474ff108faf2c883c5616c83160c889c3c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14032
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
F|34@0LH+;$

diff --git a/apps/space/public/logos/github-square.png b/apps/space/public/logos/github-square.png
deleted file mode 100644
index 527ba79f25878c988d6abb3af215b1f5f4d98ea6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2352
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
W&#HdDYlN8q0000<MNUMnLSTZm>Vy*j

diff --git a/apps/space/public/logos/github-white.png b/apps/space/public/logos/github-white.png
deleted file mode 100644
index dbb2b578cb6bc41059e08eea448a9a88d78d6b9a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 16559
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
XrLyyQCk|X82tpfJ=+~Ze`RjiH<r<Xv

diff --git a/apps/space/public/plane-logo.webp b/apps/space/public/plane-logo.webp
deleted file mode 100644
index 52e7c98da212b2a8e8c45d22bf22a7f1b15def4c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 566
zcmV-60?GYSNk&F40ssJ4MM6+kP&il$0000G0001*005c*06|PpNJIbt00B2Z5I~ah
zrlUMT8W9n=-hfdgNs5;LD1deC9{4v>|B2}T1e_5;f3+iN3l$~W$ZBA;_)q*NeMm5w
z#ch-pP6cVN0#;BsAjAOx01yxWodGJF0Gj|lkwTqHrK6&uryn=~uo4MnZs5QGW(=^u
zfY*xY|C5|KWGVka=C}L?A&hpgB|-HBKA?xx5c+~2Ai^Yv7d%W+<mguud?eNLlwItg
zpit2+H-Y>*<o<#1NQ0p^H^kTT)kF!@(yv*j3)Xyr7pRRcWiiB3HJ?yJ>Ii*74nP3@
zo*EZfoz@0}fNsXm<}Ht*v*sznAZM|(L$l&)^rw{S{to*zVuRP+#sARt`px8wJJeSE
zLcExsU!SACool6k8)Y&+vKU~GeJJH$70|bdW*tA4b#C^)f-Z31u!uZF1KPX)D9B+t
zZBCZYLz=ly|AmKHYK{9`u97EU33f#^-eJ7;)6^lO*`aas6Zp_-&*}Yk2uh%ZJ^q+x
zrC8x}IfOCS>Azyp9ma0b*T*#D*XA46P%rWG;&Shn*9<z?xS4vIf<?+tp($&H0qWcV
zs5QC&jMR4j@&D1bYyJ^C(6&zatTmbZNlHVgCW!;fEBo(9ZbM1oB2d}~<Mo~b(emtR
zji$N)SJO5b_$kdoz{qsnF8)q8IRrnGi^7Rn6%r<nh%bjr2YGyZb4DovlHeoQ4Ltw=
E09VBfSpWb4

diff --git a/apps/space/public/plane-logos/blue-without-text.png b/apps/space/public/plane-logos/blue-without-text.png
deleted file mode 100644
index ea94aec7920b8ee108ed403cd22548712d983a95..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2460
zcmeHJU1%Id9N*a1CXv`Clu{eebpsOdc6W9!x0hSGp6OlE9OTj?IcOBL&h5@6OKx{I
zyPMp{g9&}`14<)UH4kkS`cMR`n1`Y*CDjTx)D}Y?jKn5=h&Hr_7A^Qvh_jcwBb8{e
zuXbVB*_q$`KYsK3|JipE-TUflch^!BRTt}w_E1#S4sTRHPF8MO(|Pi$u{vLND5}Br
zM%6<4nH)uJ*{LV{+`f31tYU+M8crcDXIKPHQG3EU3#x<2rBkS1Hx=ggxhaO$HHA44
zh=aHlK?8bc!A8A>?xb26R6`mQev#gjlZgQXxsc8o8Pkz-3RAQzlexFdGjtK+4k}EW
z=aBA;C+G;a5iN0mRRIv`V2Bf>mKF*4Xc35j2LWCXSwWIPi!21`(!&sMww9KAq8%k)
z<V#@&T-TC$KAX*QSwDyEeqIQLLOc+8QDg~%b@HYQbFAq!l`TY(quRRV>e!?`i!g<U
zU4<c$uBBjD6|<&OqKOd3=b*(49Pm;q0yVXQvxe<V(YdDbD1!`Sx(>k#6|6OYUF;0t
ze=uFyzRv-nHXg6|*f18usJL+4_7RdsiI5G^PBL#Hz6UvY*j7>d2nn;v%f^x;Hi9m;
zlNe{p7nLZ7Op5|1(#;2SQ^Q&3`E>_S6uL-Z$gTNVAg~~i6a^Us<$&}82*`f0290A)
zPv<v;w#tFPeNZA94Z84wU`>_N*ft<ZST|rl;w`hEp(`}X5uCv`aZIA~uV0TvA_*I(
z^$gi?diL$5W9<=12uTtvazZiOcwCN|jtfl{#i9yB$l-KdlLM;gmx6-CYJiAS11*4s
zEda8?fF!2W)|5XKgyr*5tPXn;D4*B<<N5uzPD&7F9@>sqn4WgzPTe85nlF`3FB&S%
zGCEz9iwsq-3=~H7?jLDPX<2`02G-1G2M{s(FS=NRIXLZRp^e)530n`;9Z!Piy@FlK
zga3Pq#l3aKU51m6;Y};8ihNX>9WqIWvq>u(+cf_QMQ!%QqHW3Cv6Z<mj9$3w&6&m}
z=G6)6T77fx_UXaIthQ<Q&P&Omuc@ELp0L|*y#3AbPv))*Q%6^i)hyhcId%J2`zznQ
z@So%Je=OHobvI_utaOY|Tv@qxmb*Op<cX>utz58Bb!Viy_TBm&bW`(79f`5SA5%}Y
zRf&fl(>8Cp^#9%Xtz+B74?}myYEGZr`h6<9`lYhCaQfErv+uP&ed2?+W}4EIt7q@+
zIuD;)<&F+7RbMymL>`g0fn3gorw+b$^_0=5Xbp=WqHy72<_KYQi74~%0(gJ?qiqKl
zM(0Kw&#MjJU7Y<L6u#{mIk~lKd3MrwYq{R4d*hKPHz>z+uy7%B_4DxP@%{7g?vebb
cgtA}wpRf3)FDzbO^!}e>?cLGO_P&1TFD&-(9RL6T

diff --git a/apps/space/tsconfig.json b/apps/space/tsconfig.json
deleted file mode 100644
index 5404bd9fb..000000000
--- a/apps/space/tsconfig.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "baseUrl": ".",
-    "paths": {},
-    "plugins": [{ "name": "next" }]
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "server.js", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}
diff --git a/docker-compose.yml b/docker-compose.yml
index f69f5be1d..4fe7f4ab7 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,176 +1,194 @@
 version: "3.8"
 
-x-api-and-worker-env:
-        &api-and-worker-env
-        DEBUG: ${DEBUG}
-        SENTRY_DSN: ${SENTRY_DSN}
-        DJANGO_SETTINGS_MODULE: plane.settings.production
-        DATABASE_URL: postgres://${PGUSER}:${PGPASSWORD}@${PGHOST}:5432/${PGDATABASE}
-        REDIS_URL: redis://plane-redis:6379/
-        EMAIL_HOST: ${EMAIL_HOST}
-        EMAIL_HOST_USER: ${EMAIL_HOST_USER}
-        EMAIL_HOST_PASSWORD: ${EMAIL_HOST_PASSWORD}
-        EMAIL_PORT: ${EMAIL_PORT}
-        EMAIL_FROM: ${EMAIL_FROM}
-        EMAIL_USE_TLS: ${EMAIL_USE_TLS}
-        EMAIL_USE_SSL: ${EMAIL_USE_SSL}
-        AWS_REGION: ${AWS_REGION}
-        AWS_ACCESS_KEY_ID: ${AWS_ACCESS_KEY_ID}
-        AWS_SECRET_ACCESS_KEY: ${AWS_SECRET_ACCESS_KEY}
-        AWS_S3_BUCKET_NAME: ${AWS_S3_BUCKET_NAME}
-        AWS_S3_ENDPOINT_URL: ${AWS_S3_ENDPOINT_URL}
-        FILE_SIZE_LIMIT: ${FILE_SIZE_LIMIT}
-        WEB_URL: ${WEB_URL}
-        GITHUB_CLIENT_SECRET: ${GITHUB_CLIENT_SECRET}
-        DISABLE_COLLECTSTATIC: 1
-        DOCKERIZED: 1
-        OPENAI_API_BASE: ${OPENAI_API_BASE}
-        OPENAI_API_KEY: ${OPENAI_API_KEY}
-        GPT_ENGINE: ${GPT_ENGINE}
-        SECRET_KEY: ${SECRET_KEY}
-        DEFAULT_EMAIL: ${DEFAULT_EMAIL}
-        DEFAULT_PASSWORD: ${DEFAULT_PASSWORD}
-        USE_MINIO: ${USE_MINIO}
-        ENABLE_SIGNUP: ${ENABLE_SIGNUP}
+x-api-and-worker-env: &api-and-worker-env
+  DEBUG: ${DEBUG}
+  SENTRY_DSN: ${SENTRY_DSN}
+  DJANGO_SETTINGS_MODULE: plane.settings.production
+  DATABASE_URL: postgres://${PGUSER}:${PGPASSWORD}@${PGHOST}:5432/${PGDATABASE}
+  REDIS_URL: redis://plane-redis:6379/
+  EMAIL_HOST: ${EMAIL_HOST}
+  EMAIL_HOST_USER: ${EMAIL_HOST_USER}
+  EMAIL_HOST_PASSWORD: ${EMAIL_HOST_PASSWORD}
+  EMAIL_PORT: ${EMAIL_PORT}
+  EMAIL_FROM: ${EMAIL_FROM}
+  EMAIL_USE_TLS: ${EMAIL_USE_TLS}
+  EMAIL_USE_SSL: ${EMAIL_USE_SSL}
+  AWS_REGION: ${AWS_REGION}
+  AWS_ACCESS_KEY_ID: ${AWS_ACCESS_KEY_ID}
+  AWS_SECRET_ACCESS_KEY: ${AWS_SECRET_ACCESS_KEY}
+  AWS_S3_BUCKET_NAME: ${AWS_S3_BUCKET_NAME}
+  AWS_S3_ENDPOINT_URL: ${AWS_S3_ENDPOINT_URL}
+  FILE_SIZE_LIMIT: ${FILE_SIZE_LIMIT}
+  WEB_URL: ${WEB_URL}
+  GITHUB_CLIENT_SECRET: ${GITHUB_CLIENT_SECRET}
+  DISABLE_COLLECTSTATIC: 1
+  DOCKERIZED: 1
+  OPENAI_API_BASE: ${OPENAI_API_BASE}
+  OPENAI_API_KEY: ${OPENAI_API_KEY}
+  GPT_ENGINE: ${GPT_ENGINE}
+  SECRET_KEY: ${SECRET_KEY}
+  DEFAULT_EMAIL: ${DEFAULT_EMAIL}
+  DEFAULT_PASSWORD: ${DEFAULT_PASSWORD}
+  USE_MINIO: ${USE_MINIO}
+  ENABLE_SIGNUP: ${ENABLE_SIGNUP}
 
 services:
-        plane-web:
-                container_name: planefrontend
-                build:
-                        context: .
-                        dockerfile: ./apps/app/Dockerfile.web
-                        args:
-                                NEXT_PUBLIC_API_BASE_URL: http://localhost:8000
-                                NEXT_PUBLIC_DEPLOY_URL: http://localhost/spaces
-                restart: always
-                command: /usr/local/bin/start.sh apps/app/server.js app
-                env_file:
-                        - .env
-                environment:
-                        NEXT_PUBLIC_API_BASE_URL: ${NEXT_PUBLIC_API_BASE_URL}
-                        NEXT_PUBLIC_DEPLOY_URL: ${NEXT_PUBLIC_DEPLOY_URL}
-                        NEXT_PUBLIC_GOOGLE_CLIENTID: "0"
-                        NEXT_PUBLIC_GITHUB_APP_NAME: "0"
-                        NEXT_PUBLIC_GITHUB_ID: "0"
-                        NEXT_PUBLIC_SENTRY_DSN: "0"
-                        NEXT_PUBLIC_ENABLE_OAUTH: "0"
-                        NEXT_PUBLIC_ENABLE_SENTRY: "0"
-                        NEXT_PUBLIC_ENABLE_SESSION_RECORDER: "0"
-                        NEXT_PUBLIC_TRACK_EVENTS: "0"
-                depends_on:
-                        - plane-api
-                        - plane-worker
+  plane-web:
+    container_name: planefrontend
+    build:
+      context: .
+      dockerfile: ./web/Dockerfile.web
+      args:
+        NEXT_PUBLIC_API_BASE_URL: http://localhost:8000
+        NEXT_PUBLIC_DEPLOY_URL: http://localhost/spaces
+    restart: always
+    command: /usr/local/bin/start.sh web/server.js web
+    env_file:
+      - .env
+    environment:
+      NEXT_PUBLIC_API_BASE_URL: ${NEXT_PUBLIC_API_BASE_URL}
+      NEXT_PUBLIC_DEPLOY_URL: ${NEXT_PUBLIC_DEPLOY_URL}
+      NEXT_PUBLIC_GOOGLE_CLIENTID: "0"
+      NEXT_PUBLIC_GITHUB_APP_NAME: "0"
+      NEXT_PUBLIC_GITHUB_ID: "0"
+      NEXT_PUBLIC_SENTRY_DSN: "0"
+      NEXT_PUBLIC_ENABLE_OAUTH: "0"
+      NEXT_PUBLIC_ENABLE_SENTRY: "0"
+      NEXT_PUBLIC_ENABLE_SESSION_RECORDER: "0"
+      NEXT_PUBLIC_TRACK_EVENTS: "0"
+    depends_on:
+      - plane-api
+      - plane-worker
 
-        plane-api:
-                container_name: planebackend
-                build:
-                        context: ./apiserver
-                        dockerfile: Dockerfile.api
-                restart: always
-                command: ./bin/takeoff
-                env_file:
-                        - .env
-                environment:
-                        <<: *api-and-worker-env
-                depends_on:
-                        - plane-db
-                        - plane-redis
+  plane-deploy:
+    container_name: planedeploy
+    build:
+      context: .
+      dockerfile: ./space/Dockerfile.space
+      args:
+        DOCKER_BUILDKIT: 1
+        NEXT_PUBLIC_API_BASE_URL: http://localhost:8000
+    restart: always
+    command: /usr/local/bin/start.sh space/server.js space
+    env_file:
+      - .env
+    environment:
+      - NEXT_PUBLIC_API_BASE_URL=${NEXT_PUBLIC_API_BASE_URL}
+    depends_on:
+      - plane-api
+      - plane-worker
+      - plane-web
 
-        plane-worker:
-                container_name: planebgworker
-                build:
-                        context: ./apiserver
-                        dockerfile: Dockerfile.api
-                restart: always
-                command: ./bin/worker
-                env_file:
-                        - .env
-                environment:
-                        <<: *api-and-worker-env
-                depends_on:
-                        - plane-api
-                        - plane-db
-                        - plane-redis
+  plane-api:
+    container_name: planebackend
+    build:
+      context: ./apiserver
+      dockerfile: Dockerfile.api
+    restart: always
+    command: ./bin/takeoff
+    env_file:
+      - .env
+    environment:
+      <<: *api-and-worker-env
+    depends_on:
+      - plane-db
+      - plane-redis
 
-        plane-beat-worker:
-                container_name: planebeatworker
-                build:
-                        context: ./apiserver
-                        dockerfile: Dockerfile.api
-                restart: always
-                command: ./bin/beat
-                env_file:
-                        - .env
-                environment:
-                        <<: *api-and-worker-env
-                depends_on:
-                        - plane-api
-                        - plane-db
-                        - plane-redis
+  plane-worker:
+    container_name: planebgworker
+    build:
+      context: ./apiserver
+      dockerfile: Dockerfile.api
+    restart: always
+    command: ./bin/worker
+    env_file:
+      - .env
+    environment:
+      <<: *api-and-worker-env
+    depends_on:
+      - plane-api
+      - plane-db
+      - plane-redis
 
-        plane-db:
-                container_name: plane-db
-                image: postgres:15.2-alpine
-                restart: always
-                command: postgres -c 'max_connections=1000'
-                volumes:
-                        - pgdata:/var/lib/postgresql/data
-                env_file:
-                        - .env
-                environment:
-                        POSTGRES_USER: ${PGUSER}
-                        POSTGRES_DB: ${PGDATABASE}
-                        POSTGRES_PASSWORD: ${PGPASSWORD}
-                        PGDATA: /var/lib/postgresql/data
+  plane-beat-worker:
+    container_name: planebeatworker
+    build:
+      context: ./apiserver
+      dockerfile: Dockerfile.api
+    restart: always
+    command: ./bin/beat
+    env_file:
+      - .env
+    environment:
+      <<: *api-and-worker-env
+    depends_on:
+      - plane-api
+      - plane-db
+      - plane-redis
 
-        plane-redis:
-                container_name: plane-redis
-                image: redis:6.2.7-alpine
-                restart: always
-                volumes:
-                        - redisdata:/data
+  plane-db:
+    container_name: plane-db
+    image: postgres:15.2-alpine
+    restart: always
+    command: postgres -c 'max_connections=1000'
+    volumes:
+      - pgdata:/var/lib/postgresql/data
+    env_file:
+      - .env
+    environment:
+      POSTGRES_USER: ${PGUSER}
+      POSTGRES_DB: ${PGDATABASE}
+      POSTGRES_PASSWORD: ${PGPASSWORD}
+      PGDATA: /var/lib/postgresql/data
 
-        plane-minio:
-                container_name: plane-minio
-                image: minio/minio
-                restart: always
-                command: server /export --console-address ":9090"
-                volumes:
-                        - uploads:/export
-                env_file:
-                        - .env
-                environment:
-                        MINIO_ROOT_USER: ${AWS_ACCESS_KEY_ID}
-                        MINIO_ROOT_PASSWORD: ${AWS_SECRET_ACCESS_KEY}
+  plane-redis:
+    container_name: plane-redis
+    image: redis:6.2.7-alpine
+    restart: always
+    volumes:
+      - redisdata:/data
 
-        createbuckets:
-                image: minio/mc
-                entrypoint: >
-                        /bin/sh -c " /usr/bin/mc config host add plane-minio http://plane-minio:9000 \$AWS_ACCESS_KEY_ID \$AWS_SECRET_ACCESS_KEY; /usr/bin/mc mb plane-minio/\$AWS_S3_BUCKET_NAME; /usr/bin/mc anonymous set download plane-minio/\$AWS_S3_BUCKET_NAME; exit 0; "
-                env_file:
-                        - .env
-                depends_on:
-                        - plane-minio
+  plane-minio:
+    container_name: plane-minio
+    image: minio/minio
+    restart: always
+    command: server /export --console-address ":9090"
+    volumes:
+      - uploads:/export
+    env_file:
+      - .env
+    environment:
+      MINIO_ROOT_USER: ${AWS_ACCESS_KEY_ID}
+      MINIO_ROOT_PASSWORD: ${AWS_SECRET_ACCESS_KEY}
 
-        # Comment this if you already have a reverse proxy running
-        plane-proxy:
-                container_name: planeproxy
-                build:
-                        context: ./nginx
-                        dockerfile: Dockerfile
-                restart: always
-                ports:
-                        - ${NGINX_PORT}:80
-                env_file:
-                        - .env
-                environment:
-                        FILE_SIZE_LIMIT: ${FILE_SIZE_LIMIT:-5242880}
-                        BUCKET_NAME: ${AWS_S3_BUCKET_NAME:-uploads}
-                depends_on:
-                        - plane-web
-                        - plane-api
+  createbuckets:
+    image: minio/mc
+    entrypoint: >
+      /bin/sh -c " /usr/bin/mc config host add plane-minio http://plane-minio:9000 \$AWS_ACCESS_KEY_ID \$AWS_SECRET_ACCESS_KEY; /usr/bin/mc mb plane-minio/\$AWS_S3_BUCKET_NAME; /usr/bin/mc anonymous set download plane-minio/\$AWS_S3_BUCKET_NAME; exit 0; "
+    env_file:
+      - .env
+    depends_on:
+      - plane-minio
+
+  # Comment this if you already have a reverse proxy running
+  plane-proxy:
+    container_name: planeproxy
+    build:
+      context: ./nginx
+      dockerfile: Dockerfile
+    restart: always
+    ports:
+      - ${NGINX_PORT}:80
+    env_file:
+      - .env
+    environment:
+      FILE_SIZE_LIMIT: ${FILE_SIZE_LIMIT:-5242880}
+      BUCKET_NAME: ${AWS_S3_BUCKET_NAME:-uploads}
+    depends_on:
+      - plane-web
+      - plane-api
 
 volumes:
-        pgdata:
-        redisdata:
-        uploads:
+  pgdata:
+  redisdata:
+  uploads:
diff --git a/nginx/nginx.conf.template b/nginx/nginx.conf.template
index 206c94b51..974f4907d 100644
--- a/nginx/nginx.conf.template
+++ b/nginx/nginx.conf.template
@@ -19,6 +19,10 @@ server {
         proxy_pass http://planebackend:8000/api/;
     }
 
+    location /spaces/ {
+        proxy_pass http://planedeploy:3000/spaces/;
+    }
+
    location /${BUCKET_NAME}/ {
         proxy_pass http://plane-minio:9000/uploads/;
     }
diff --git a/package.json b/package.json
index b99978f20..397952b3b 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,8 @@
   "license": "AGPL-3.0",
   "private": true,
   "workspaces": [
-    "apps/*",
+    "web",
+    "space",
     "packages/*"
   ],
   "scripts": {
@@ -12,9 +13,9 @@
     "dev": "turbo run dev",
     "start": "turbo run start",
     "lint": "turbo run lint",
-    "clean": "turbo run clean"
+    "clean": "turbo run clean",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\""
   },
-
   "devDependencies": {
     "eslint-config-custom": "*",
     "prettier": "latest",
diff --git a/packages/eslint-config-custom/index.js b/packages/eslint-config-custom/index.js
index 4d8295125..d31a76406 100644
--- a/packages/eslint-config-custom/index.js
+++ b/packages/eslint-config-custom/index.js
@@ -4,7 +4,7 @@ module.exports = {
   plugins: ["react", "@typescript-eslint"],
   settings: {
     next: {
-      rootDir: ["app/", "docs/", "packages/*/"],
+      rootDir: ["web/", "space/", "packages/*/"],
     },
   },
   rules: {
diff --git a/apps/space/.env.example b/space/.env.example
similarity index 100%
rename from apps/space/.env.example
rename to space/.env.example
diff --git a/apps/app/.eslintrc.js b/space/.eslintrc.js
similarity index 100%
rename from apps/app/.eslintrc.js
rename to space/.eslintrc.js
diff --git a/apps/space/.gitignore b/space/.gitignore
similarity index 100%
rename from apps/space/.gitignore
rename to space/.gitignore
diff --git a/apps/space/.prettierignore b/space/.prettierignore
similarity index 100%
rename from apps/space/.prettierignore
rename to space/.prettierignore
diff --git a/apps/space/.prettierrc.json b/space/.prettierrc.json
similarity index 100%
rename from apps/space/.prettierrc.json
rename to space/.prettierrc.json
diff --git a/apps/space/Dockerfile.space b/space/Dockerfile.space
similarity index 81%
rename from apps/space/Dockerfile.space
rename to space/Dockerfile.space
index 0240ddbf7..34fe42a13 100644
--- a/apps/space/Dockerfile.space
+++ b/space/Dockerfile.space
@@ -44,14 +44,15 @@ RUN addgroup --system --gid 1001 plane
 RUN adduser --system --uid 1001 captain
 USER captain
 
-COPY --from=installer /app/apps/space/next.config.js .
-COPY --from=installer /app/apps/space/package.json .
+COPY --from=installer /app/space/next.config.js .
+COPY --from=installer /app/space/package.json .
 
-# Automatically leverage output traces to reduce image size
+# Automatically leverage output traces to reduce image sizß
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=installer --chown=captain:plane /app/apps/space/.next/standalone ./
+COPY --from=installer --chown=captain:plane /app/space/.next/standalone ./
 
-COPY --from=installer --chown=captain:plane /app/apps/space/.next ./apps/space/.next
+COPY --from=installer --chown=captain:plane /app/space/.next ./space/.next
+COPY --from=installer --chown=captain:plane /app/space/public ./space/public
 
 ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
 ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
diff --git a/apps/space/README.md b/space/README.md
similarity index 100%
rename from apps/space/README.md
rename to space/README.md
diff --git a/apps/space/components/accounts/email-code-form.tsx b/space/components/accounts/email-code-form.tsx
similarity index 100%
rename from apps/space/components/accounts/email-code-form.tsx
rename to space/components/accounts/email-code-form.tsx
diff --git a/apps/space/components/accounts/email-password-form.tsx b/space/components/accounts/email-password-form.tsx
similarity index 100%
rename from apps/space/components/accounts/email-password-form.tsx
rename to space/components/accounts/email-password-form.tsx
diff --git a/apps/space/components/accounts/email-reset-password-form.tsx b/space/components/accounts/email-reset-password-form.tsx
similarity index 100%
rename from apps/space/components/accounts/email-reset-password-form.tsx
rename to space/components/accounts/email-reset-password-form.tsx
diff --git a/apps/space/components/accounts/github-login-button.tsx b/space/components/accounts/github-login-button.tsx
similarity index 93%
rename from apps/space/components/accounts/github-login-button.tsx
rename to space/components/accounts/github-login-button.tsx
index 4ba47b421..e9b30ab73 100644
--- a/apps/space/components/accounts/github-login-button.tsx
+++ b/space/components/accounts/github-login-button.tsx
@@ -5,8 +5,8 @@ import { useRouter } from "next/router";
 // next-themes
 import { useTheme } from "next-themes";
 // images
-import githubBlackImage from "/public/logos/github-black.png";
-import githubWhiteImage from "/public/logos/github-white.png";
+import githubBlackImage from "public/logos/github-black.svg";
+import githubWhiteImage from "public/logos/github-white.svg";
 
 export interface GithubLoginButtonProps {
   handleSignIn: React.Dispatch<string>;
diff --git a/apps/space/components/accounts/google-login.tsx b/space/components/accounts/google-login.tsx
similarity index 100%
rename from apps/space/components/accounts/google-login.tsx
rename to space/components/accounts/google-login.tsx
diff --git a/apps/space/components/accounts/index.ts b/space/components/accounts/index.ts
similarity index 100%
rename from apps/space/components/accounts/index.ts
rename to space/components/accounts/index.ts
diff --git a/apps/space/components/accounts/onboarding-form.tsx b/space/components/accounts/onboarding-form.tsx
similarity index 100%
rename from apps/space/components/accounts/onboarding-form.tsx
rename to space/components/accounts/onboarding-form.tsx
diff --git a/apps/space/components/icons/index.ts b/space/components/icons/index.ts
similarity index 100%
rename from apps/space/components/icons/index.ts
rename to space/components/icons/index.ts
diff --git a/apps/space/components/icons/issue-group/backlog-state-icon.tsx b/space/components/icons/issue-group/backlog-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/backlog-state-icon.tsx
rename to space/components/icons/issue-group/backlog-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/cancelled-state-icon.tsx b/space/components/icons/issue-group/cancelled-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/cancelled-state-icon.tsx
rename to space/components/icons/issue-group/cancelled-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/completed-state-icon.tsx b/space/components/icons/issue-group/completed-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/completed-state-icon.tsx
rename to space/components/icons/issue-group/completed-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/started-state-icon.tsx b/space/components/icons/issue-group/started-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/started-state-icon.tsx
rename to space/components/icons/issue-group/started-state-icon.tsx
diff --git a/apps/space/components/icons/issue-group/unstarted-state-icon.tsx b/space/components/icons/issue-group/unstarted-state-icon.tsx
similarity index 100%
rename from apps/space/components/icons/issue-group/unstarted-state-icon.tsx
rename to space/components/icons/issue-group/unstarted-state-icon.tsx
diff --git a/apps/space/components/icons/types.d.ts b/space/components/icons/types.d.ts
similarity index 100%
rename from apps/space/components/icons/types.d.ts
rename to space/components/icons/types.d.ts
diff --git a/apps/space/components/issues/board-views/block-downvotes.tsx b/space/components/issues/board-views/block-downvotes.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-downvotes.tsx
rename to space/components/issues/board-views/block-downvotes.tsx
diff --git a/apps/space/components/issues/board-views/block-due-date.tsx b/space/components/issues/board-views/block-due-date.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-due-date.tsx
rename to space/components/issues/board-views/block-due-date.tsx
diff --git a/apps/space/components/issues/board-views/block-labels.tsx b/space/components/issues/board-views/block-labels.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-labels.tsx
rename to space/components/issues/board-views/block-labels.tsx
diff --git a/apps/space/components/issues/board-views/block-priority.tsx b/space/components/issues/board-views/block-priority.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-priority.tsx
rename to space/components/issues/board-views/block-priority.tsx
diff --git a/apps/space/components/issues/board-views/block-state.tsx b/space/components/issues/board-views/block-state.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-state.tsx
rename to space/components/issues/board-views/block-state.tsx
diff --git a/apps/space/components/issues/board-views/block-upvotes.tsx b/space/components/issues/board-views/block-upvotes.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/block-upvotes.tsx
rename to space/components/issues/board-views/block-upvotes.tsx
diff --git a/apps/space/components/issues/board-views/calendar/index.tsx b/space/components/issues/board-views/calendar/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/calendar/index.tsx
rename to space/components/issues/board-views/calendar/index.tsx
diff --git a/apps/space/components/issues/board-views/gantt/index.tsx b/space/components/issues/board-views/gantt/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/gantt/index.tsx
rename to space/components/issues/board-views/gantt/index.tsx
diff --git a/apps/space/components/issues/board-views/kanban/block.tsx b/space/components/issues/board-views/kanban/block.tsx
similarity index 98%
rename from apps/space/components/issues/board-views/kanban/block.tsx
rename to space/components/issues/board-views/kanban/block.tsx
index 07375fe36..40f6576be 100644
--- a/apps/space/components/issues/board-views/kanban/block.tsx
+++ b/space/components/issues/board-views/kanban/block.tsx
@@ -24,6 +24,7 @@ export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
   const handleBlockClick = () => {
     issueDetailStore.setPeekId(issue.id);
     router.replace(
+      `/[workspace_slug]/[project_slug]`,
       {
         pathname: `/${workspace_slug?.toString()}/${project_slug}`,
         query: {
@@ -31,7 +32,6 @@ export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
           peekId: issue.id,
         },
       },
-      undefined,
       { shallow: true }
     );
     // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
diff --git a/apps/space/components/issues/board-views/kanban/header.tsx b/space/components/issues/board-views/kanban/header.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/kanban/header.tsx
rename to space/components/issues/board-views/kanban/header.tsx
diff --git a/apps/space/components/issues/board-views/kanban/index.tsx b/space/components/issues/board-views/kanban/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/kanban/index.tsx
rename to space/components/issues/board-views/kanban/index.tsx
diff --git a/apps/space/components/issues/board-views/list/block.tsx b/space/components/issues/board-views/list/block.tsx
similarity index 98%
rename from apps/space/components/issues/board-views/list/block.tsx
rename to space/components/issues/board-views/list/block.tsx
index 7e6175ebb..067d4693a 100644
--- a/apps/space/components/issues/board-views/list/block.tsx
+++ b/space/components/issues/board-views/list/block.tsx
@@ -27,6 +27,7 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
   const handleBlockClick = () => {
     issueDetailStore.setPeekId(issue.id);
     router.replace(
+      `/[workspace_slug]/[project_slug]`,
       {
         pathname: `/${workspace_slug?.toString()}/${project_slug}`,
         query: {
@@ -34,7 +35,6 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
           peekId: issue.id,
         },
       },
-      undefined,
       { shallow: true }
     );
     // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
diff --git a/apps/space/components/issues/board-views/list/header.tsx b/space/components/issues/board-views/list/header.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/list/header.tsx
rename to space/components/issues/board-views/list/header.tsx
diff --git a/apps/space/components/issues/board-views/list/index.tsx b/space/components/issues/board-views/list/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/list/index.tsx
rename to space/components/issues/board-views/list/index.tsx
diff --git a/apps/space/components/issues/board-views/spreadsheet/index.tsx b/space/components/issues/board-views/spreadsheet/index.tsx
similarity index 100%
rename from apps/space/components/issues/board-views/spreadsheet/index.tsx
rename to space/components/issues/board-views/spreadsheet/index.tsx
diff --git a/apps/space/components/issues/filters-render/index.tsx b/space/components/issues/filters-render/index.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/index.tsx
rename to space/components/issues/filters-render/index.tsx
diff --git a/apps/space/components/issues/filters-render/label/filter-label-block.tsx b/space/components/issues/filters-render/label/filter-label-block.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/label/filter-label-block.tsx
rename to space/components/issues/filters-render/label/filter-label-block.tsx
diff --git a/apps/space/components/issues/filters-render/label/index.tsx b/space/components/issues/filters-render/label/index.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/label/index.tsx
rename to space/components/issues/filters-render/label/index.tsx
diff --git a/apps/space/components/issues/filters-render/priority/filter-priority-block.tsx b/space/components/issues/filters-render/priority/filter-priority-block.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/priority/filter-priority-block.tsx
rename to space/components/issues/filters-render/priority/filter-priority-block.tsx
diff --git a/apps/space/components/issues/filters-render/priority/index.tsx b/space/components/issues/filters-render/priority/index.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/priority/index.tsx
rename to space/components/issues/filters-render/priority/index.tsx
diff --git a/apps/space/components/issues/filters-render/state/filter-state-block.tsx b/space/components/issues/filters-render/state/filter-state-block.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/state/filter-state-block.tsx
rename to space/components/issues/filters-render/state/filter-state-block.tsx
diff --git a/apps/space/components/issues/filters-render/state/index.tsx b/space/components/issues/filters-render/state/index.tsx
similarity index 100%
rename from apps/space/components/issues/filters-render/state/index.tsx
rename to space/components/issues/filters-render/state/index.tsx
diff --git a/apps/space/components/issues/navbar/index.tsx b/space/components/issues/navbar/index.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/index.tsx
rename to space/components/issues/navbar/index.tsx
diff --git a/apps/space/components/issues/navbar/issue-board-view.tsx b/space/components/issues/navbar/issue-board-view.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/issue-board-view.tsx
rename to space/components/issues/navbar/issue-board-view.tsx
diff --git a/apps/space/components/issues/navbar/issue-filter.tsx b/space/components/issues/navbar/issue-filter.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/issue-filter.tsx
rename to space/components/issues/navbar/issue-filter.tsx
diff --git a/apps/space/components/issues/navbar/issue-view.tsx b/space/components/issues/navbar/issue-view.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/issue-view.tsx
rename to space/components/issues/navbar/issue-view.tsx
diff --git a/apps/space/components/issues/navbar/search.tsx b/space/components/issues/navbar/search.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/search.tsx
rename to space/components/issues/navbar/search.tsx
diff --git a/apps/space/components/issues/navbar/theme.tsx b/space/components/issues/navbar/theme.tsx
similarity index 100%
rename from apps/space/components/issues/navbar/theme.tsx
rename to space/components/issues/navbar/theme.tsx
diff --git a/apps/space/components/issues/peek-overview/add-comment.tsx b/space/components/issues/peek-overview/add-comment.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/add-comment.tsx
rename to space/components/issues/peek-overview/add-comment.tsx
diff --git a/apps/space/components/issues/peek-overview/comment-detail-card.tsx b/space/components/issues/peek-overview/comment-detail-card.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/comment-detail-card.tsx
rename to space/components/issues/peek-overview/comment-detail-card.tsx
diff --git a/apps/space/components/issues/peek-overview/full-screen-peek-view.tsx b/space/components/issues/peek-overview/full-screen-peek-view.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/full-screen-peek-view.tsx
rename to space/components/issues/peek-overview/full-screen-peek-view.tsx
diff --git a/apps/space/components/issues/peek-overview/header.tsx b/space/components/issues/peek-overview/header.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/header.tsx
rename to space/components/issues/peek-overview/header.tsx
diff --git a/apps/space/components/issues/peek-overview/index.ts b/space/components/issues/peek-overview/index.ts
similarity index 100%
rename from apps/space/components/issues/peek-overview/index.ts
rename to space/components/issues/peek-overview/index.ts
diff --git a/apps/space/components/issues/peek-overview/issue-activity.tsx b/space/components/issues/peek-overview/issue-activity.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-activity.tsx
rename to space/components/issues/peek-overview/issue-activity.tsx
diff --git a/apps/space/components/issues/peek-overview/issue-details.tsx b/space/components/issues/peek-overview/issue-details.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-details.tsx
rename to space/components/issues/peek-overview/issue-details.tsx
diff --git a/apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx b/space/components/issues/peek-overview/issue-emoji-reactions.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-emoji-reactions.tsx
rename to space/components/issues/peek-overview/issue-emoji-reactions.tsx
diff --git a/apps/space/components/issues/peek-overview/issue-properties.tsx b/space/components/issues/peek-overview/issue-properties.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-properties.tsx
rename to space/components/issues/peek-overview/issue-properties.tsx
diff --git a/apps/space/components/issues/peek-overview/issue-reaction.tsx b/space/components/issues/peek-overview/issue-reaction.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-reaction.tsx
rename to space/components/issues/peek-overview/issue-reaction.tsx
diff --git a/apps/space/components/issues/peek-overview/issue-vote-reactions.tsx b/space/components/issues/peek-overview/issue-vote-reactions.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/issue-vote-reactions.tsx
rename to space/components/issues/peek-overview/issue-vote-reactions.tsx
diff --git a/apps/space/components/issues/peek-overview/layout.tsx b/space/components/issues/peek-overview/layout.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/layout.tsx
rename to space/components/issues/peek-overview/layout.tsx
diff --git a/apps/space/components/issues/peek-overview/side-peek-view.tsx b/space/components/issues/peek-overview/side-peek-view.tsx
similarity index 100%
rename from apps/space/components/issues/peek-overview/side-peek-view.tsx
rename to space/components/issues/peek-overview/side-peek-view.tsx
diff --git a/apps/space/components/tiptap/bubble-menu/index.tsx b/space/components/tiptap/bubble-menu/index.tsx
similarity index 100%
rename from apps/space/components/tiptap/bubble-menu/index.tsx
rename to space/components/tiptap/bubble-menu/index.tsx
diff --git a/apps/app/components/tiptap/bubble-menu/link-selector.tsx b/space/components/tiptap/bubble-menu/link-selector.tsx
similarity index 92%
rename from apps/app/components/tiptap/bubble-menu/link-selector.tsx
rename to space/components/tiptap/bubble-menu/link-selector.tsx
index 16072f4be..559521db6 100644
--- a/apps/app/components/tiptap/bubble-menu/link-selector.tsx
+++ b/space/components/tiptap/bubble-menu/link-selector.tsx
@@ -6,10 +6,9 @@ import isValidHttpUrl from "./utils/link-validator";
 interface LinkSelectorProps {
   editor: Editor;
   isOpen: boolean;
-  setIsOpen: Dispatch<SetStateAction<boolean>>
+  setIsOpen: Dispatch<SetStateAction<boolean>>;
 }
 
-
 export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen }) => {
   const inputRef = useRef<HTMLInputElement>(null);
 
@@ -76,7 +75,9 @@ export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen
               <Trash className="h-4 w-4" />
             </button>
           ) : (
-            <button className="flex items-center rounded-sm p-1 text-custom-text-300 transition-all hover:bg-custom-background-90" type="button"
+            <button
+              className="flex items-center rounded-sm p-1 text-custom-text-300 transition-all hover:bg-custom-background-90"
+              type="button"
               onClick={() => {
                 onLinkSubmit();
               }}
diff --git a/apps/app/components/tiptap/bubble-menu/node-selector.tsx b/space/components/tiptap/bubble-menu/node-selector.tsx
similarity index 92%
rename from apps/app/components/tiptap/bubble-menu/node-selector.tsx
rename to space/components/tiptap/bubble-menu/node-selector.tsx
index f6f1f18dc..ff4ae0b53 100644
--- a/apps/app/components/tiptap/bubble-menu/node-selector.tsx
+++ b/space/components/tiptap/bubble-menu/node-selector.tsx
@@ -13,7 +13,7 @@ import {
 } from "lucide-react";
 import { Dispatch, FC, SetStateAction } from "react";
 
-import { BubbleMenuItem } from "../bubble-menu";
+import { BubbleMenuItem } from ".";
 import { cn } from "../utils";
 
 interface NodeSelectorProps {
@@ -28,10 +28,7 @@ export const NodeSelector: FC<NodeSelectorProps> = ({ editor, isOpen, setIsOpen
       name: "Text",
       icon: TextIcon,
       command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").run(),
-      isActive: () =>
-        editor.isActive("paragraph") &&
-        !editor.isActive("bulletList") &&
-        !editor.isActive("orderedList"),
+      isActive: () => editor.isActive("paragraph") && !editor.isActive("bulletList") && !editor.isActive("orderedList"),
     },
     {
       name: "H1",
@@ -72,8 +69,7 @@ export const NodeSelector: FC<NodeSelectorProps> = ({ editor, isOpen, setIsOpen
     {
       name: "Quote",
       icon: TextQuote,
-      command: () =>
-        editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+      command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
       isActive: () => editor.isActive("blockquote"),
     },
     {
diff --git a/apps/app/components/tiptap/bubble-menu/utils/link-validator.tsx b/space/components/tiptap/bubble-menu/utils/link-validator.tsx
similarity index 99%
rename from apps/app/components/tiptap/bubble-menu/utils/link-validator.tsx
rename to space/components/tiptap/bubble-menu/utils/link-validator.tsx
index 5b05811d6..9af366c02 100644
--- a/apps/app/components/tiptap/bubble-menu/utils/link-validator.tsx
+++ b/space/components/tiptap/bubble-menu/utils/link-validator.tsx
@@ -9,4 +9,3 @@ export default function isValidHttpUrl(string: string): boolean {
 
   return url.protocol === "http:" || url.protocol === "https:";
 }
-
diff --git a/apps/app/components/tiptap/extensions/image-resize.tsx b/space/components/tiptap/extensions/image-resize.tsx
similarity index 78%
rename from apps/app/components/tiptap/extensions/image-resize.tsx
rename to space/components/tiptap/extensions/image-resize.tsx
index 7b2d1a2d3..448b8811c 100644
--- a/apps/app/components/tiptap/extensions/image-resize.tsx
+++ b/space/components/tiptap/extensions/image-resize.tsx
@@ -3,9 +3,7 @@ import Moveable from "react-moveable";
 
 export const ImageResizer = ({ editor }: { editor: Editor }) => {
   const updateMediaSize = () => {
-    const imageInfo = document.querySelector(
-      ".ProseMirror-selectednode",
-    ) as HTMLImageElement;
+    const imageInfo = document.querySelector(".ProseMirror-selectednode") as HTMLImageElement;
     if (imageInfo) {
       const selection = editor.state.selection;
       editor.commands.setImage({
@@ -28,13 +26,7 @@ export const ImageResizer = ({ editor }: { editor: Editor }) => {
         keepRatio={true}
         resizable={true}
         throttleResize={0}
-        onResize={({
-          target,
-          width,
-          height,
-          delta,
-        }:
-          any) => {
+        onResize={({ target, width, height, delta }: any) => {
           delta[0] && (target!.style.width = `${width}px`);
           delta[1] && (target!.style.height = `${height}px`);
         }}
@@ -43,15 +35,10 @@ export const ImageResizer = ({ editor }: { editor: Editor }) => {
         }}
         scalable={true}
         renderDirections={["w", "e"]}
-        onScale={({
-          target,
-          transform,
-        }:
-          any) => {
+        onScale={({ target, transform }: any) => {
           target!.style.transform = transform;
         }}
       />
     </>
   );
 };
-
diff --git a/apps/space/components/tiptap/extensions/index.tsx b/space/components/tiptap/extensions/index.tsx
similarity index 93%
rename from apps/space/components/tiptap/extensions/index.tsx
rename to space/components/tiptap/extensions/index.tsx
index 2c5ffd10a..1aa0e2685 100644
--- a/apps/space/components/tiptap/extensions/index.tsx
+++ b/space/components/tiptap/extensions/index.tsx
@@ -23,7 +23,10 @@ import isValidHttpUrl from "../bubble-menu/utils/link-validator";
 
 lowlight.registerLanguage("ts", ts);
 
-export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => [
+export const TiptapExtensions = (
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) => [
   StarterKit.configure({
     bulletList: {
       HTMLAttributes: {
@@ -47,8 +50,7 @@ export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSub
     },
     code: {
       HTMLAttributes: {
-        class:
-          "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
+        class: "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
         spellcheck: "false",
       },
     },
diff --git a/apps/app/components/tiptap/extensions/updated-image.tsx b/space/components/tiptap/extensions/updated-image.tsx
similarity index 95%
rename from apps/app/components/tiptap/extensions/updated-image.tsx
rename to space/components/tiptap/extensions/updated-image.tsx
index 01648dcd7..b62050953 100644
--- a/apps/app/components/tiptap/extensions/updated-image.tsx
+++ b/space/components/tiptap/extensions/updated-image.tsx
@@ -10,7 +10,7 @@ const UpdatedImage = Image.extend({
     return {
       ...this.parent?.(),
       width: {
-        default: '35%',
+        default: "35%",
       },
       height: {
         default: null,
diff --git a/apps/space/components/tiptap/index.tsx b/space/components/tiptap/index.tsx
similarity index 96%
rename from apps/space/components/tiptap/index.tsx
rename to space/components/tiptap/index.tsx
index 44dcea516..3fb44fbf7 100644
--- a/apps/space/components/tiptap/index.tsx
+++ b/space/components/tiptap/index.tsx
@@ -81,8 +81,8 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
 
   const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
       ${noBorder ? "" : "border border-custom-border-200"} ${
-    borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
-  } ${customClassName}`;
+        borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+      } ${customClassName}`;
 
   if (!editor) return null;
   editorRef.current = editor;
diff --git a/apps/space/components/tiptap/plugins/delete-image.tsx b/space/components/tiptap/plugins/delete-image.tsx
similarity index 90%
rename from apps/space/components/tiptap/plugins/delete-image.tsx
rename to space/components/tiptap/plugins/delete-image.tsx
index 57ab65c63..a1b90fe57 100644
--- a/apps/space/components/tiptap/plugins/delete-image.tsx
+++ b/space/components/tiptap/plugins/delete-image.tsx
@@ -1,5 +1,5 @@
 import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 import fileService from "services/file.service";
 
 const deleteKey = new PluginKey("delete-image");
@@ -14,13 +14,13 @@ const TrackImageDeletionPlugin = () =>
         const removedImages: ProseMirrorNode[] = [];
 
         oldState.doc.descendants((oldNode, oldPos) => {
-          if (oldNode.type.name !== 'image') return;
+          if (oldNode.type.name !== "image") return;
 
           if (!newState.doc.resolve(oldPos).parent) return;
           const newNode = newState.doc.nodeAt(oldPos);
 
           // Check if the node has been deleted or replaced
-          if (!newNode || newNode.type.name !== 'image') {
+          if (!newNode || newNode.type.name !== "image") {
             // Check if the node still exists elsewhere in the document
             let nodeExists = false;
             newState.doc.descendants((node) => {
diff --git a/apps/space/components/tiptap/plugins/upload-image.tsx b/space/components/tiptap/plugins/upload-image.tsx
similarity index 80%
rename from apps/space/components/tiptap/plugins/upload-image.tsx
rename to space/components/tiptap/plugins/upload-image.tsx
index 0657bc82b..8b14793b1 100644
--- a/apps/space/components/tiptap/plugins/upload-image.tsx
+++ b/space/components/tiptap/plugins/upload-image.tsx
@@ -22,10 +22,7 @@ const UploadImagesPlugin = () =>
           const placeholder = document.createElement("div");
           placeholder.setAttribute("class", "img-placeholder");
           const image = document.createElement("img");
-          image.setAttribute(
-            "class",
-            "opacity-10 rounded-lg border border-custom-border-300",
-          );
+          image.setAttribute("class", "opacity-10 rounded-lg border border-custom-border-300");
           image.src = src;
           placeholder.appendChild(image);
           const deco = Decoration.widget(pos + 1, placeholder, {
@@ -49,15 +46,17 @@ export default UploadImagesPlugin;
 
 function findPlaceholder(state: EditorState, id: {}) {
   const decos = uploadKey.getState(state);
-  const found = decos.find(
-    undefined,
-    undefined,
-    (spec: { id: number | undefined }) => spec.id == id
-  );
+  const found = decos.find(undefined, undefined, (spec: { id: number | undefined }) => spec.id == id);
   return found.length ? found[0].from : null;
 }
 
-export async function startImageUpload(file: File, view: EditorView, pos: number, workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) {
+export async function startImageUpload(
+  file: File,
+  view: EditorView,
+  pos: number,
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) {
   if (!file.type.includes("image/")) {
     return;
   } else if (file.size / 1024 / 1024 > 20) {
@@ -85,7 +84,7 @@ export async function startImageUpload(file: File, view: EditorView, pos: number
   if (!workspaceSlug) {
     return;
   }
-  setIsSubmitting?.("submitting")
+  setIsSubmitting?.("submitting");
   const src = await UploadImageHandler(file, workspaceSlug);
   const { schema } = view.state;
   pos = findPlaceholder(view.state, id);
@@ -94,9 +93,7 @@ export async function startImageUpload(file: File, view: EditorView, pos: number
   const imageSrc = typeof src === "object" ? reader.result : src;
 
   const node = schema.nodes.image.create({ src: imageSrc });
-  const transaction = view.state.tr
-    .replaceWith(pos, pos, node)
-    .setMeta(uploadKey, { remove: { id } });
+  const transaction = view.state.tr.replaceWith(pos, pos, node).setMeta(uploadKey, { remove: { id } });
   view.dispatch(transaction);
 }
 
@@ -110,9 +107,7 @@ const UploadImageHandler = (file: File, workspaceSlug: string): Promise<string>
     formData.append("attributes", JSON.stringify({}));
 
     return new Promise(async (resolve, reject) => {
-      const imageUrl = await fileService
-        .uploadFile(workspaceSlug, formData)
-        .then((response) => response.asset);
+      const imageUrl = await fileService.uploadFile(workspaceSlug, formData).then((response) => response.asset);
 
       const image = new Image();
       image.src = imageUrl;
diff --git a/apps/space/components/tiptap/props.tsx b/space/components/tiptap/props.tsx
similarity index 77%
rename from apps/space/components/tiptap/props.tsx
rename to space/components/tiptap/props.tsx
index d50fc29b0..1af40d623 100644
--- a/apps/space/components/tiptap/props.tsx
+++ b/space/components/tiptap/props.tsx
@@ -1,7 +1,10 @@
 import { EditorProps } from "@tiptap/pm/view";
 import { startImageUpload } from "./plugins/upload-image";
 
-export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void): EditorProps {
+export function TiptapEditorProps(
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+): EditorProps {
   return {
     attributes: {
       class: `prose prose-brand max-w-full prose-headings:font-display font-default focus:outline-none`,
@@ -18,11 +21,7 @@ export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSu
       },
     },
     handlePaste: (view, event) => {
-      if (
-        event.clipboardData &&
-        event.clipboardData.files &&
-        event.clipboardData.files[0]
-      ) {
+      if (event.clipboardData && event.clipboardData.files && event.clipboardData.files[0]) {
         event.preventDefault();
         const file = event.clipboardData.files[0];
         const pos = view.state.selection.from;
@@ -32,12 +31,7 @@ export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSu
       return false;
     },
     handleDrop: (view, event, _slice, moved) => {
-      if (
-        !moved &&
-        event.dataTransfer &&
-        event.dataTransfer.files &&
-        event.dataTransfer.files[0]
-      ) {
+      if (!moved && event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
         event.preventDefault();
         const file = event.dataTransfer.files[0];
         const coordinates = view.posAtCoords({
diff --git a/apps/space/components/tiptap/slash-command/index.tsx b/space/components/tiptap/slash-command/index.tsx
similarity index 53%
rename from apps/space/components/tiptap/slash-command/index.tsx
rename to space/components/tiptap/slash-command/index.tsx
index 38f5c9c0a..90287404f 100644
--- a/apps/space/components/tiptap/slash-command/index.tsx
+++ b/space/components/tiptap/slash-command/index.tsx
@@ -52,134 +52,129 @@ const Command = Extension.create({
   },
 });
 
-const getSuggestionItems = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => ({ query }: { query: string }) =>
-  [
-    {
-      title: "Text",
-      description: "Just start typing with plain text.",
-      searchTerms: ["p", "paragraph"],
-      icon: <Text size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+const getSuggestionItems =
+  (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) =>
+  ({ query }: { query: string }) =>
+    [
+      {
+        title: "Text",
+        description: "Just start typing with plain text.",
+        searchTerms: ["p", "paragraph"],
+        icon: <Text size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+        },
       },
-    },
-    {
-      title: "Heading 1",
-      description: "Big section heading.",
-      searchTerms: ["title", "big", "large"],
-      icon: <Heading1 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+      {
+        title: "Heading 1",
+        description: "Big section heading.",
+        searchTerms: ["title", "big", "large"],
+        icon: <Heading1 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+        },
       },
-    },
-    {
-      title: "Heading 2",
-      description: "Medium section heading.",
-      searchTerms: ["subtitle", "medium"],
-      icon: <Heading2 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+      {
+        title: "Heading 2",
+        description: "Medium section heading.",
+        searchTerms: ["subtitle", "medium"],
+        icon: <Heading2 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+        },
       },
-    },
-    {
-      title: "Heading 3",
-      description: "Small section heading.",
-      searchTerms: ["subtitle", "small"],
-      icon: <Heading3 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+      {
+        title: "Heading 3",
+        description: "Small section heading.",
+        searchTerms: ["subtitle", "small"],
+        icon: <Heading3 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+        },
       },
-    },
-    {
-      title: "To-do List",
-      description: "Track tasks with a to-do list.",
-      searchTerms: ["todo", "task", "list", "check", "checkbox"],
-      icon: <CheckSquare size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleTaskList().run();
+      {
+        title: "To-do List",
+        description: "Track tasks with a to-do list.",
+        searchTerms: ["todo", "task", "list", "check", "checkbox"],
+        icon: <CheckSquare size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleTaskList().run();
+        },
       },
-    },
-    {
-      title: "Bullet List",
-      description: "Create a simple bullet list.",
-      searchTerms: ["unordered", "point"],
-      icon: <List size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleBulletList().run();
+      {
+        title: "Bullet List",
+        description: "Create a simple bullet list.",
+        searchTerms: ["unordered", "point"],
+        icon: <List size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleBulletList().run();
+        },
       },
-    },
-    {
-      title: "Divider",
-      description: "Visually divide blocks",
-      searchTerms: ["line", "divider", "horizontal", "rule", "separate"],
-      icon: <MinusSquare size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+      {
+        title: "Divider",
+        description: "Visually divide blocks",
+        searchTerms: ["line", "divider", "horizontal", "rule", "separate"],
+        icon: <MinusSquare size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+        },
       },
-    },
-    {
-      title: "Numbered List",
-      description: "Create a list with numbering.",
-      searchTerms: ["ordered"],
-      icon: <ListOrdered size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+      {
+        title: "Numbered List",
+        description: "Create a list with numbering.",
+        searchTerms: ["ordered"],
+        icon: <ListOrdered size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+        },
       },
-    },
-    {
-      title: "Quote",
-      description: "Capture a quote.",
-      searchTerms: ["blockquote"],
-      icon: <TextQuote size={18} />,
-      command: ({ editor, range }: CommandProps) =>
-        editor
-          .chain()
-          .focus()
-          .deleteRange(range)
-          .toggleNode("paragraph", "paragraph")
-          .toggleBlockquote()
-          .run(),
-    },
-    {
-      title: "Code",
-      description: "Capture a code snippet.",
-      searchTerms: ["codeblock"],
-      icon: <Code size={18} />,
-      command: ({ editor, range }: CommandProps) =>
-        editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
-    },
-    {
-      title: "Image",
-      description: "Upload an image from your computer.",
-      searchTerms: ["photo", "picture", "media"],
-      icon: <ImageIcon size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).run();
-        // upload image
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = "image/*";
-        input.onchange = async () => {
-          if (input.files?.length) {
-            const file = input.files[0];
-            const pos = editor.view.state.selection.from;
-            startImageUpload(file, editor.view, pos, workspaceSlug, setIsSubmitting);
-          }
-        };
-        input.click();
+      {
+        title: "Quote",
+        description: "Capture a quote.",
+        searchTerms: ["blockquote"],
+        icon: <TextQuote size={18} />,
+        command: ({ editor, range }: CommandProps) =>
+          editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
       },
-    },
-  ].filter((item) => {
-    if (typeof query === "string" && query.length > 0) {
-      const search = query.toLowerCase();
-      return (
-        item.title.toLowerCase().includes(search) ||
-        item.description.toLowerCase().includes(search) ||
-        (item.searchTerms && item.searchTerms.some((term: string) => term.includes(search)))
-      );
-    }
-    return true;
-  });
+      {
+        title: "Code",
+        description: "Capture a code snippet.",
+        searchTerms: ["codeblock"],
+        icon: <Code size={18} />,
+        command: ({ editor, range }: CommandProps) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
+      },
+      {
+        title: "Image",
+        description: "Upload an image from your computer.",
+        searchTerms: ["photo", "picture", "media"],
+        icon: <ImageIcon size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).run();
+          // upload image
+          const input = document.createElement("input");
+          input.type = "file";
+          input.accept = "image/*";
+          input.onchange = async () => {
+            if (input.files?.length) {
+              const file = input.files[0];
+              const pos = editor.view.state.selection.from;
+              startImageUpload(file, editor.view, pos, workspaceSlug, setIsSubmitting);
+            }
+          };
+          input.click();
+        },
+      },
+    ].filter((item) => {
+      if (typeof query === "string" && query.length > 0) {
+        const search = query.toLowerCase();
+        return (
+          item.title.toLowerCase().includes(search) ||
+          item.description.toLowerCase().includes(search) ||
+          (item.searchTerms && item.searchTerms.some((term: string) => term.includes(search)))
+        );
+      }
+      return true;
+    });
 
 export const updateScrollView = (container: HTMLElement, item: HTMLElement) => {
   const containerHeight = container.offsetHeight;
@@ -195,15 +190,7 @@ export const updateScrollView = (container: HTMLElement, item: HTMLElement) => {
   }
 };
 
-const CommandList = ({
-  items,
-  command,
-}: {
-  items: CommandItemProps[];
-  command: any;
-  editor: any;
-  range: any;
-}) => {
+const CommandList = ({ items, command }: { items: CommandItemProps[]; command: any; editor: any; range: any }) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
 
   const selectItem = useCallback(
@@ -328,7 +315,10 @@ const renderItems = () => {
   };
 };
 
-export const SlashCommand = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) =>
+export const SlashCommand = (
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) =>
   Command.configure({
     suggestion: {
       items: getSuggestionItems(workspaceSlug, setIsSubmitting),
diff --git a/apps/app/components/tiptap/utils.ts b/space/components/tiptap/utils.ts
similarity index 100%
rename from apps/app/components/tiptap/utils.ts
rename to space/components/tiptap/utils.ts
diff --git a/apps/space/components/ui/dropdown.tsx b/space/components/ui/dropdown.tsx
similarity index 100%
rename from apps/space/components/ui/dropdown.tsx
rename to space/components/ui/dropdown.tsx
diff --git a/apps/space/components/ui/icon.tsx b/space/components/ui/icon.tsx
similarity index 100%
rename from apps/space/components/ui/icon.tsx
rename to space/components/ui/icon.tsx
diff --git a/apps/space/components/ui/index.ts b/space/components/ui/index.ts
similarity index 100%
rename from apps/space/components/ui/index.ts
rename to space/components/ui/index.ts
diff --git a/apps/space/components/ui/input.tsx b/space/components/ui/input.tsx
similarity index 100%
rename from apps/space/components/ui/input.tsx
rename to space/components/ui/input.tsx
diff --git a/apps/app/components/ui/loader.tsx b/space/components/ui/loader.tsx
similarity index 100%
rename from apps/app/components/ui/loader.tsx
rename to space/components/ui/loader.tsx
diff --git a/apps/space/components/ui/primary-button.tsx b/space/components/ui/primary-button.tsx
similarity index 100%
rename from apps/space/components/ui/primary-button.tsx
rename to space/components/ui/primary-button.tsx
diff --git a/apps/space/components/ui/reaction-selector.tsx b/space/components/ui/reaction-selector.tsx
similarity index 100%
rename from apps/space/components/ui/reaction-selector.tsx
rename to space/components/ui/reaction-selector.tsx
diff --git a/apps/space/components/ui/secondary-button.tsx b/space/components/ui/secondary-button.tsx
similarity index 100%
rename from apps/space/components/ui/secondary-button.tsx
rename to space/components/ui/secondary-button.tsx
diff --git a/apps/space/components/ui/toast-alert.tsx b/space/components/ui/toast-alert.tsx
similarity index 100%
rename from apps/space/components/ui/toast-alert.tsx
rename to space/components/ui/toast-alert.tsx
diff --git a/apps/space/components/ui/tooltip.tsx b/space/components/ui/tooltip.tsx
similarity index 100%
rename from apps/space/components/ui/tooltip.tsx
rename to space/components/ui/tooltip.tsx
diff --git a/apps/space/components/views/project-details.tsx b/space/components/views/project-details.tsx
similarity index 100%
rename from apps/space/components/views/project-details.tsx
rename to space/components/views/project-details.tsx
diff --git a/apps/space/constants/data.ts b/space/constants/data.ts
similarity index 100%
rename from apps/space/constants/data.ts
rename to space/constants/data.ts
diff --git a/apps/space/constants/helpers.ts b/space/constants/helpers.ts
similarity index 100%
rename from apps/space/constants/helpers.ts
rename to space/constants/helpers.ts
diff --git a/apps/space/constants/seo.ts b/space/constants/seo.ts
similarity index 100%
rename from apps/space/constants/seo.ts
rename to space/constants/seo.ts
diff --git a/apps/space/constants/workspace.ts b/space/constants/workspace.ts
similarity index 100%
rename from apps/space/constants/workspace.ts
rename to space/constants/workspace.ts
diff --git a/apps/space/contexts/toast.context.tsx b/space/contexts/toast.context.tsx
similarity index 100%
rename from apps/space/contexts/toast.context.tsx
rename to space/contexts/toast.context.tsx
diff --git a/apps/space/helpers/date-time.helper.ts b/space/helpers/date-time.helper.ts
similarity index 100%
rename from apps/space/helpers/date-time.helper.ts
rename to space/helpers/date-time.helper.ts
diff --git a/apps/space/helpers/emoji.helper.tsx b/space/helpers/emoji.helper.tsx
similarity index 100%
rename from apps/space/helpers/emoji.helper.tsx
rename to space/helpers/emoji.helper.tsx
diff --git a/apps/space/helpers/string.helper.ts b/space/helpers/string.helper.ts
similarity index 100%
rename from apps/space/helpers/string.helper.ts
rename to space/helpers/string.helper.ts
diff --git a/apps/space/hooks/use-outside-click.tsx b/space/hooks/use-outside-click.tsx
similarity index 100%
rename from apps/space/hooks/use-outside-click.tsx
rename to space/hooks/use-outside-click.tsx
diff --git a/apps/app/hooks/use-timer.tsx b/space/hooks/use-timer.tsx
similarity index 100%
rename from apps/app/hooks/use-timer.tsx
rename to space/hooks/use-timer.tsx
diff --git a/apps/app/hooks/use-toast.tsx b/space/hooks/use-toast.tsx
similarity index 100%
rename from apps/app/hooks/use-toast.tsx
rename to space/hooks/use-toast.tsx
diff --git a/apps/space/layouts/project-layout.tsx b/space/layouts/project-layout.tsx
similarity index 84%
rename from apps/space/layouts/project-layout.tsx
rename to space/layouts/project-layout.tsx
index 2147e845e..f19ddabd2 100644
--- a/apps/space/layouts/project-layout.tsx
+++ b/space/layouts/project-layout.tsx
@@ -3,6 +3,7 @@ import Image from "next/image";
 
 // mobx
 import { observer } from "mobx-react-lite";
+import planeLogo from "public/plane-logo.svg";
 // components
 import IssueNavbar from "components/issues/navbar";
 
@@ -13,10 +14,10 @@ const ProjectLayout = ({ children }: { children: React.ReactNode }) => (
     </div>
     <div className="w-full h-full relative bg-custom-background-90 overflow-hidden">{children}</div>
     <div className="absolute z-[99999] bottom-[10px] right-[10px] bg-custom-background-100 rounded-sm shadow-lg border border-custom-border-300">
-      <Link href="https://plane.so">
+      <Link href="https://plane.so" as="https://plane.so">
         <a className="p-1 px-2 flex items-center gap-1" target="_blank">
           <div className="w-[24px] h-[24px] relative flex justify-center items-center">
-            <Image src="/plane-logo.webp" alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
+            <Image src={planeLogo} alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
           </div>
           <div className="text-xs">
             Powered by <b>Plane Deploy</b>
diff --git a/apps/space/lib/index.ts b/space/lib/index.ts
similarity index 100%
rename from apps/space/lib/index.ts
rename to space/lib/index.ts
diff --git a/apps/space/lib/mobx/store-init.tsx b/space/lib/mobx/store-init.tsx
similarity index 100%
rename from apps/space/lib/mobx/store-init.tsx
rename to space/lib/mobx/store-init.tsx
diff --git a/apps/app/lib/mobx/store-provider.tsx b/space/lib/mobx/store-provider.tsx
similarity index 100%
rename from apps/app/lib/mobx/store-provider.tsx
rename to space/lib/mobx/store-provider.tsx
diff --git a/apps/space/next.config.js b/space/next.config.js
similarity index 55%
rename from apps/space/next.config.js
rename to space/next.config.js
index ce021afe9..0b0ccadb5 100644
--- a/apps/space/next.config.js
+++ b/space/next.config.js
@@ -1,13 +1,15 @@
 /** @type {import('next').NextConfig} */
 const path = require("path");
+const withImages = require("next-images")
 
-const nextConfig = {
+const nextConfig = withImages({
+  basePath: "/spaces",
   reactStrictMode: false,
   swcMinify: true,
   experimental: {
-    outputFileTracingRoot: path.join(__dirname, "../../"),
+    outputFileTracingRoot: path.join(__dirname, "../"),
   },
   output: "standalone",
-};
+});
 
 module.exports = nextConfig;
diff --git a/apps/space/package.json b/space/package.json
similarity index 95%
rename from apps/space/package.json
rename to space/package.json
index bf30bc28d..1c9153567 100644
--- a/apps/space/package.json
+++ b/space/package.json
@@ -37,6 +37,7 @@
     "mobx": "^6.10.0",
     "mobx-react-lite": "^4.0.3",
     "next": "12.3.2",
+    "next-images": "^1.8.5",
     "next-theme": "^0.1.5",
     "nprogress": "^0.2.0",
     "react": "^18.2.0",
@@ -55,8 +56,10 @@
     "@types/uuid": "^9.0.1",
     "autoprefixer": "^10.4.13",
     "eslint": "8.34.0",
+    "eslint-config-custom": "*",
     "eslint-config-next": "13.2.1",
     "postcss": "^8.4.21",
+    "tsconfig": "*",
     "tailwindcss": "^3.2.7"
   }
 }
diff --git a/apps/space/pages/404.tsx b/space/pages/404.tsx
similarity index 90%
rename from apps/space/pages/404.tsx
rename to space/pages/404.tsx
index d10d95fb9..be40bd501 100644
--- a/apps/space/pages/404.tsx
+++ b/space/pages/404.tsx
@@ -1,12 +1,13 @@
 // next imports
 import Image from "next/image";
+import notFoundImage from "public/404.svg";
 
 const Custom404Error = () => (
   <div className="relative w-screen min-h-screen h-full flex justify-center items-center py-5">
     <div className="max-w-[700px] space-y-5">
       <div className="flex items-center flex-col gap-3 text-center">
         <div className="relative w-[240px] h-[240px]">
-          <Image src={`/404.svg`} layout="fill" alt="404- Page not found" />
+          <Image src={notFoundImage} layout="fill" alt="404- Page not found" />
         </div>
         <div className="text-xl font-medium">Oops! Something went wrong.</div>
         <div className="text-sm text-custom-text-200">
diff --git a/apps/space/pages/[workspace_slug]/[project_slug]/index.tsx b/space/pages/[workspace_slug]/[project_slug]/index.tsx
similarity index 100%
rename from apps/space/pages/[workspace_slug]/[project_slug]/index.tsx
rename to space/pages/[workspace_slug]/[project_slug]/index.tsx
diff --git a/apps/space/pages/[workspace_slug]/index.tsx b/space/pages/[workspace_slug]/index.tsx
similarity index 92%
rename from apps/space/pages/[workspace_slug]/index.tsx
rename to space/pages/[workspace_slug]/index.tsx
index c35662f5a..a844c0763 100644
--- a/apps/space/pages/[workspace_slug]/index.tsx
+++ b/space/pages/[workspace_slug]/index.tsx
@@ -1,5 +1,3 @@
-"use client";
-
 const WorkspaceProjectPage = () => (
   <div className="relative w-screen h-screen flex justify-center items-center text-5xl">Plane Workspace Space</div>
 );
diff --git a/apps/space/pages/_app.tsx b/space/pages/_app.tsx
similarity index 75%
rename from apps/space/pages/_app.tsx
rename to space/pages/_app.tsx
index 900b39f61..2995edbbf 100644
--- a/apps/space/pages/_app.tsx
+++ b/space/pages/_app.tsx
@@ -25,11 +25,11 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta property="og:description" content={SITE_DESCRIPTION} />
         <meta name="keywords" content={SITE_KEYWORDS} />
         <meta name="twitter:site" content={`@${TWITTER_USER_NAME}`} />
-        <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
-        <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
-        <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
-        <link rel="manifest" href="/site.webmanifest.json" />
-        <link rel="shortcut icon" href="/favicon/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href="/spaces/favicon/apple-touch-icon.png" />
+        <link rel="icon" type="image/png" sizes="32x32" href="/spaces/favicon/favicon-32x32.png" />
+        <link rel="icon" type="image/png" sizes="16x16" href="/spaces/favicon/favicon-16x16.png" />
+        <link rel="manifest" href="/spaces/site.webmanifest.json" />
+        <link rel="shortcut icon" href="/spaces/favicon/favicon.ico" />
       </Head>
       <ToastContextProvider>
         <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
diff --git a/apps/space/pages/_document.tsx b/space/pages/_document.tsx
similarity index 100%
rename from apps/space/pages/_document.tsx
rename to space/pages/_document.tsx
diff --git a/apps/space/pages/index.tsx b/space/pages/index.tsx
similarity index 99%
rename from apps/space/pages/index.tsx
rename to space/pages/index.tsx
index 8f766cde2..87a291441 100644
--- a/apps/space/pages/index.tsx
+++ b/space/pages/index.tsx
@@ -2,7 +2,7 @@ import React, { useEffect } from "react";
 import Image from "next/image";
 import { useRouter } from "next/router";
 // assets
-import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
 // mobx
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";
diff --git a/apps/space/pages/onboarding/index.tsx b/space/pages/onboarding/index.tsx
similarity index 95%
rename from apps/space/pages/onboarding/index.tsx
rename to space/pages/onboarding/index.tsx
index 10adb1d18..1d2f19519 100644
--- a/apps/space/pages/onboarding/index.tsx
+++ b/space/pages/onboarding/index.tsx
@@ -1,8 +1,7 @@
 import React, { useEffect } from "react";
 import Image from "next/image";
 // assets
-import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
-import BlackHorizontalLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
 // mobx
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";
diff --git a/apps/space/pages/project-not-published/index.tsx b/space/pages/project-not-published/index.tsx
similarity index 87%
rename from apps/space/pages/project-not-published/index.tsx
rename to space/pages/project-not-published/index.tsx
index 82a2ff5da..985b7bc41 100644
--- a/apps/space/pages/project-not-published/index.tsx
+++ b/space/pages/project-not-published/index.tsx
@@ -1,12 +1,13 @@
 // next imports
 import Image from "next/image";
+import projectNotPublishedImage from "public/project-not-published.svg";
 
 const CustomProjectNotPublishedError = () => (
   <div className="relative w-screen min-h-screen h-full flex justify-center items-center py-5">
     <div className="max-w-[700px] space-y-5">
       <div className="flex items-center flex-col gap-3 text-center">
         <div className="relative w-[240px] h-[240px]">
-          <Image src={`/project-not-published.svg`} layout="fill" alt="404- Page not found" />
+          <Image src={projectNotPublishedImage} layout="fill" alt="404- Page not found" />
         </div>
         <div className="text-xl font-medium">
           Oops! The page you{`'`}re looking for isn{`'`}t live at the moment.
diff --git a/apps/app/postcss.config.js b/space/postcss.config.js
similarity index 100%
rename from apps/app/postcss.config.js
rename to space/postcss.config.js
diff --git a/apps/app/public/404.svg b/space/public/404.svg
similarity index 100%
rename from apps/app/public/404.svg
rename to space/public/404.svg
diff --git a/apps/app/public/favicon/android-chrome-192x192.png b/space/public/favicon/android-chrome-192x192.png
similarity index 100%
rename from apps/app/public/favicon/android-chrome-192x192.png
rename to space/public/favicon/android-chrome-192x192.png
diff --git a/apps/app/public/favicon/android-chrome-512x512.png b/space/public/favicon/android-chrome-512x512.png
similarity index 100%
rename from apps/app/public/favicon/android-chrome-512x512.png
rename to space/public/favicon/android-chrome-512x512.png
diff --git a/apps/app/public/favicon/apple-touch-icon.png b/space/public/favicon/apple-touch-icon.png
similarity index 100%
rename from apps/app/public/favicon/apple-touch-icon.png
rename to space/public/favicon/apple-touch-icon.png
diff --git a/apps/app/public/favicon/favicon-16x16.png b/space/public/favicon/favicon-16x16.png
similarity index 100%
rename from apps/app/public/favicon/favicon-16x16.png
rename to space/public/favicon/favicon-16x16.png
diff --git a/apps/app/public/favicon/favicon-32x32.png b/space/public/favicon/favicon-32x32.png
similarity index 100%
rename from apps/app/public/favicon/favicon-32x32.png
rename to space/public/favicon/favicon-32x32.png
diff --git a/apps/app/public/favicon/favicon.ico b/space/public/favicon/favicon.ico
similarity index 100%
rename from apps/app/public/favicon/favicon.ico
rename to space/public/favicon/favicon.ico
diff --git a/apps/app/public/favicon/site.webmanifest b/space/public/favicon/site.webmanifest
similarity index 100%
rename from apps/app/public/favicon/site.webmanifest
rename to space/public/favicon/site.webmanifest
diff --git a/space/public/logos/github-black.svg b/space/public/logos/github-black.svg
new file mode 100644
index 000000000..ad04a798e
--- /dev/null
+++ b/space/public/logos/github-black.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2412 5049 c-452 -23 -877 -163 -1255 -412 -577 -381 -978 -976
+-1106 -1641 -109 -564 -37 -1123 209 -1621 243 -494 642 -903 1116 -1147 141
+-73 341 -154 403 -164 58 -9 109 19 133 73 18 40 18 60 12 286 l-7 243 -86
+-14 c-97 -15 -256 -9 -386 13 -105 19 -211 71 -278 139 -53 53 -67 76 -136
+229 -63 139 -135 231 -232 297 -66 46 -121 106 -117 128 6 30 48 43 121 38
+141 -10 288 -113 393 -274 72 -110 143 -179 230 -222 62 -31 79 -35 169 -38
+103 -4 207 12 291 44 41 16 43 18 58 85 19 86 56 164 106 228 l39 49 -82 11
+c-264 38 -452 102 -627 215 -229 148 -365 379 -431 731 -20 109 -23 389 -5
+492 29 167 98 319 200 445 l45 55 -20 62 c-52 168 -42 372 28 574 18 50 22 52
+103 48 118 -6 371 -108 543 -218 l71 -46 56 11 c30 6 87 18 127 27 271 58 655
+58 926 0 40 -9 97 -21 127 -27 l55 -10 95 58 c226 137 484 230 575 206 26 -7
+33 -17 53 -75 43 -125 55 -210 50 -351 -4 -95 -11 -148 -26 -195 l-21 -64 44
+-54 c89 -109 155 -244 192 -389 22 -89 25 -417 4 -544 -32 -198 -114 -406
+-210 -532 -165 -217 -464 -366 -843 -418 l-87 -12 39 -49 c47 -60 85 -137 106
+-221 14 -52 17 -137 20 -503 5 -490 5 -489 72 -521 46 -21 83 -15 229 42 738
+284 1320 932 1533 1703 55 198 90 474 90 701 0 118 -23 331 -50 473 -129 668
+-529 1262 -1107 1644 -370 244 -809 390 -1224 408 -68 3 -137 7 -154 8 -16 2
+-95 0 -173 -4z"/>
+</g>
+</svg>
diff --git a/space/public/logos/github-square.svg b/space/public/logos/github-square.svg
new file mode 100644
index 000000000..a7836db8f
--- /dev/null
+++ b/space/public/logos/github-square.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="70.000000pt" height="70.000000pt" viewBox="0 0 70.000000 70.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,70.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M54 689 c-51 -25 -54 -47 -54 -339 0 -294 3 -315 55 -338 18 -8 108
+-12 296 -12 293 0 314 3 337 55 16 34 17 553 1 588 -24 54 -44 57 -341 56
+-162 0 -281 -4 -294 -10z m438 -96 c59 -33 119 -105 137 -163 41 -136 -21
+-289 -143 -355 -49 -27 -66 -16 -64 42 1 26 -2 58 -6 71 -6 17 -4 22 11 22 32
+0 84 39 99 75 18 44 18 83 -1 119 -8 15 -15 46 -15 67 0 42 -9 47 -50 26 -32
+-17 -186 -15 -218 2 -35 19 -54 7 -51 -31 2 -18 -3 -43 -9 -55 -7 -12 -12 -43
+-12 -70 0 -66 27 -108 80 -124 22 -7 40 -16 40 -20 0 -48 -54 -53 -93 -9 -15
+17 -35 30 -44 30 -14 0 -14 -2 2 -20 10 -11 23 -30 29 -43 8 -14 26 -25 54
+-31 37 -9 42 -13 42 -38 0 -38 -25 -37 -86 4 -90 60 -141 164 -131 269 10 109
+97 222 196 254 72 23 168 14 233 -22z"/>
+</g>
+</svg>
diff --git a/space/public/logos/github-white.svg b/space/public/logos/github-white.svg
new file mode 100644
index 000000000..90fe34d8b
--- /dev/null
+++ b/space/public/logos/github-white.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+</g>
+</svg>
diff --git a/space/public/plane-logo.svg b/space/public/plane-logo.svg
new file mode 100644
index 000000000..11179417c
--- /dev/null
+++ b/space/public/plane-logo.svg
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="155px" height="155px" viewBox="0 0 155 155" enable-background="new 0 0 155 155" xml:space="preserve">  <image id="image0" width="155" height="155" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/apps/app/public/plane-logos/black-horizontal-with-blue-logo.svg b/space/public/plane-logos/black-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/app/public/plane-logos/black-horizontal-with-blue-logo.svg
rename to space/public/plane-logos/black-horizontal-with-blue-logo.svg
diff --git a/space/public/plane-logos/blue-without-text.svg b/space/public/plane-logos/blue-without-text.svg
new file mode 100644
index 000000000..715aee503
--- /dev/null
+++ b/space/public/plane-logos/blue-without-text.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="276.000000pt" height="276.000000pt" viewBox="0 0 276.000000 276.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,276.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M930 2300 l0 -450 460 0 460 0 0 -460 0 -460 450 0 450 0 0 910 0
+910 -910 0 -910 0 0 -450z"/>
+<path d="M10 1380 l0 -450 450 0 450 0 0 450 0 450 -450 0 -450 0 0 -450z"/>
+<path d="M930 460 l0 -450 450 0 450 0 0 450 0 450 -450 0 -450 0 0 -450z"/>
+</g>
+</svg>
diff --git a/apps/app/public/plane-logos/white-horizontal-with-blue-logo.svg b/space/public/plane-logos/white-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/app/public/plane-logos/white-horizontal-with-blue-logo.svg
rename to space/public/plane-logos/white-horizontal-with-blue-logo.svg
diff --git a/apps/app/public/plane-logos/white-horizontal.svg b/space/public/plane-logos/white-horizontal.svg
similarity index 100%
rename from apps/app/public/plane-logos/white-horizontal.svg
rename to space/public/plane-logos/white-horizontal.svg
diff --git a/apps/space/public/project-not-published.svg b/space/public/project-not-published.svg
similarity index 100%
rename from apps/space/public/project-not-published.svg
rename to space/public/project-not-published.svg
diff --git a/apps/space/services/api.service.ts b/space/services/api.service.ts
similarity index 100%
rename from apps/space/services/api.service.ts
rename to space/services/api.service.ts
diff --git a/apps/space/services/authentication.service.ts b/space/services/authentication.service.ts
similarity index 100%
rename from apps/space/services/authentication.service.ts
rename to space/services/authentication.service.ts
diff --git a/apps/space/services/file.service.ts b/space/services/file.service.ts
similarity index 100%
rename from apps/space/services/file.service.ts
rename to space/services/file.service.ts
diff --git a/apps/space/services/issue.service.ts b/space/services/issue.service.ts
similarity index 100%
rename from apps/space/services/issue.service.ts
rename to space/services/issue.service.ts
diff --git a/apps/space/services/project.service.ts b/space/services/project.service.ts
similarity index 100%
rename from apps/space/services/project.service.ts
rename to space/services/project.service.ts
diff --git a/apps/space/services/user.service.ts b/space/services/user.service.ts
similarity index 100%
rename from apps/space/services/user.service.ts
rename to space/services/user.service.ts
diff --git a/apps/space/store/issue.ts b/space/store/issue.ts
similarity index 100%
rename from apps/space/store/issue.ts
rename to space/store/issue.ts
diff --git a/apps/space/store/issue_details.ts b/space/store/issue_details.ts
similarity index 100%
rename from apps/space/store/issue_details.ts
rename to space/store/issue_details.ts
diff --git a/apps/space/store/project.ts b/space/store/project.ts
similarity index 100%
rename from apps/space/store/project.ts
rename to space/store/project.ts
diff --git a/apps/space/store/root.ts b/space/store/root.ts
similarity index 100%
rename from apps/space/store/root.ts
rename to space/store/root.ts
diff --git a/apps/space/store/user.ts b/space/store/user.ts
similarity index 100%
rename from apps/space/store/user.ts
rename to space/store/user.ts
diff --git a/apps/app/styles/editor.css b/space/styles/editor.css
similarity index 100%
rename from apps/app/styles/editor.css
rename to space/styles/editor.css
diff --git a/apps/space/styles/globals.css b/space/styles/globals.css
similarity index 100%
rename from apps/space/styles/globals.css
rename to space/styles/globals.css
diff --git a/apps/space/tailwind.config.js b/space/tailwind.config.js
similarity index 100%
rename from apps/space/tailwind.config.js
rename to space/tailwind.config.js
diff --git a/apps/app/tsconfig.json b/space/tsconfig.json
similarity index 100%
rename from apps/app/tsconfig.json
rename to space/tsconfig.json
diff --git a/apps/space/types/issue.ts b/space/types/issue.ts
similarity index 100%
rename from apps/space/types/issue.ts
rename to space/types/issue.ts
diff --git a/apps/space/types/project.ts b/space/types/project.ts
similarity index 100%
rename from apps/space/types/project.ts
rename to space/types/project.ts
diff --git a/apps/space/types/theme.ts b/space/types/theme.ts
similarity index 100%
rename from apps/space/types/theme.ts
rename to space/types/theme.ts
diff --git a/apps/space/types/user.ts b/space/types/user.ts
similarity index 100%
rename from apps/space/types/user.ts
rename to space/types/user.ts
diff --git a/web/.eslintrc.js b/web/.eslintrc.js
new file mode 100644
index 000000000..38e6a5f4c
--- /dev/null
+++ b/web/.eslintrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+  root: true,
+  extends: ["custom"],
+  rules: {
+    "@next/next/no-img-element": "off",
+  },
+};
diff --git a/apps/app/.prettierrc b/web/.prettierrc
similarity index 100%
rename from apps/app/.prettierrc
rename to web/.prettierrc
diff --git a/apps/app/Dockerfile.dev b/web/Dockerfile.dev
similarity index 100%
rename from apps/app/Dockerfile.dev
rename to web/Dockerfile.dev
diff --git a/apps/app/Dockerfile.web b/web/Dockerfile.web
similarity index 81%
rename from apps/app/Dockerfile.web
rename to web/Dockerfile.web
index 2b28e1fd1..6fac46c2d 100644
--- a/apps/app/Dockerfile.web
+++ b/web/Dockerfile.web
@@ -7,7 +7,7 @@ ENV NEXT_PUBLIC_API_BASE_URL=http://NEXT_PUBLIC_API_BASE_URL_PLACEHOLDER
 RUN yarn global add turbo
 COPY . .
 
-RUN turbo prune --scope=app --docker
+RUN turbo prune --scope=web --docker
 
 # Add lockfile and package.json's of isolated subworkspace
 FROM node:18-alpine AS installer
@@ -29,12 +29,12 @@ COPY replace-env-vars.sh /usr/local/bin/
 USER root
 RUN chmod +x /usr/local/bin/replace-env-vars.sh
 
-RUN yarn turbo run build --filter=app
+RUN yarn turbo run build --filter=web
 
 ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
     BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
 ENV NEXT_PUBLIC_DEPLOY_URL=${NEXT_PUBLIC_DEPLOY_URL}
-RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} app
+RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} web
 
 FROM node:18-alpine AS runner
 WORKDIR /app
@@ -44,14 +44,14 @@ RUN addgroup --system --gid 1001 plane
 RUN adduser --system --uid 1001 captain
 USER captain
 
-COPY --from=installer /app/apps/app/next.config.js .
-COPY --from=installer /app/apps/app/package.json .
+COPY --from=installer /app/web/next.config.js .
+COPY --from=installer /app/web/package.json .
 
 # Automatically leverage output traces to reduce image size
 # https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=installer --chown=captain:plane /app/apps/app/.next/standalone ./
+COPY --from=installer --chown=captain:plane /app/web/.next/standalone ./
 
-COPY --from=installer --chown=captain:plane /app/apps/app/.next ./apps/app/.next
+COPY --from=installer --chown=captain:plane /app/web/.next ./web/.next
 
 ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
 ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
diff --git a/apps/app/components/account/email-code-form.tsx b/web/components/account/email-code-form.tsx
similarity index 100%
rename from apps/app/components/account/email-code-form.tsx
rename to web/components/account/email-code-form.tsx
diff --git a/apps/app/components/account/email-password-form.tsx b/web/components/account/email-password-form.tsx
similarity index 100%
rename from apps/app/components/account/email-password-form.tsx
rename to web/components/account/email-password-form.tsx
diff --git a/apps/app/components/account/email-reset-password-form.tsx b/web/components/account/email-reset-password-form.tsx
similarity index 100%
rename from apps/app/components/account/email-reset-password-form.tsx
rename to web/components/account/email-reset-password-form.tsx
diff --git a/apps/app/components/account/github-login-button.tsx b/web/components/account/github-login-button.tsx
similarity index 100%
rename from apps/app/components/account/github-login-button.tsx
rename to web/components/account/github-login-button.tsx
diff --git a/apps/app/components/account/google-login.tsx b/web/components/account/google-login.tsx
similarity index 100%
rename from apps/app/components/account/google-login.tsx
rename to web/components/account/google-login.tsx
diff --git a/apps/app/components/account/index.ts b/web/components/account/index.ts
similarity index 100%
rename from apps/app/components/account/index.ts
rename to web/components/account/index.ts
diff --git a/apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx b/web/components/analytics/custom-analytics/create-update-analytics-modal.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/create-update-analytics-modal.tsx
rename to web/components/analytics/custom-analytics/create-update-analytics-modal.tsx
diff --git a/apps/app/components/analytics/custom-analytics/custom-analytics.tsx b/web/components/analytics/custom-analytics/custom-analytics.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/custom-analytics.tsx
rename to web/components/analytics/custom-analytics/custom-analytics.tsx
diff --git a/apps/app/components/analytics/custom-analytics/graph/custom-tooltip.tsx b/web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/graph/custom-tooltip.tsx
rename to web/components/analytics/custom-analytics/graph/custom-tooltip.tsx
diff --git a/apps/app/components/analytics/custom-analytics/graph/index.tsx b/web/components/analytics/custom-analytics/graph/index.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/graph/index.tsx
rename to web/components/analytics/custom-analytics/graph/index.tsx
diff --git a/apps/app/components/analytics/custom-analytics/index.ts b/web/components/analytics/custom-analytics/index.ts
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/index.ts
rename to web/components/analytics/custom-analytics/index.ts
diff --git a/apps/app/components/analytics/custom-analytics/select-bar.tsx b/web/components/analytics/custom-analytics/select-bar.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/select-bar.tsx
rename to web/components/analytics/custom-analytics/select-bar.tsx
diff --git a/apps/app/components/analytics/custom-analytics/sidebar.tsx b/web/components/analytics/custom-analytics/sidebar.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/sidebar.tsx
rename to web/components/analytics/custom-analytics/sidebar.tsx
diff --git a/apps/app/components/analytics/custom-analytics/table.tsx b/web/components/analytics/custom-analytics/table.tsx
similarity index 100%
rename from apps/app/components/analytics/custom-analytics/table.tsx
rename to web/components/analytics/custom-analytics/table.tsx
diff --git a/apps/app/components/analytics/index.ts b/web/components/analytics/index.ts
similarity index 100%
rename from apps/app/components/analytics/index.ts
rename to web/components/analytics/index.ts
diff --git a/apps/app/components/analytics/project-modal.tsx b/web/components/analytics/project-modal.tsx
similarity index 100%
rename from apps/app/components/analytics/project-modal.tsx
rename to web/components/analytics/project-modal.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/demand.tsx b/web/components/analytics/scope-and-demand/demand.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/demand.tsx
rename to web/components/analytics/scope-and-demand/demand.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/index.ts b/web/components/analytics/scope-and-demand/index.ts
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/index.ts
rename to web/components/analytics/scope-and-demand/index.ts
diff --git a/apps/app/components/analytics/scope-and-demand/leaderboard.tsx b/web/components/analytics/scope-and-demand/leaderboard.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/leaderboard.tsx
rename to web/components/analytics/scope-and-demand/leaderboard.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx b/web/components/analytics/scope-and-demand/scope-and-demand.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/scope-and-demand.tsx
rename to web/components/analytics/scope-and-demand/scope-and-demand.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/scope.tsx b/web/components/analytics/scope-and-demand/scope.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/scope.tsx
rename to web/components/analytics/scope-and-demand/scope.tsx
diff --git a/apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx b/web/components/analytics/scope-and-demand/year-wise-issues.tsx
similarity index 100%
rename from apps/app/components/analytics/scope-and-demand/year-wise-issues.tsx
rename to web/components/analytics/scope-and-demand/year-wise-issues.tsx
diff --git a/apps/app/components/analytics/select/index.ts b/web/components/analytics/select/index.ts
similarity index 100%
rename from apps/app/components/analytics/select/index.ts
rename to web/components/analytics/select/index.ts
diff --git a/apps/app/components/analytics/select/project.tsx b/web/components/analytics/select/project.tsx
similarity index 100%
rename from apps/app/components/analytics/select/project.tsx
rename to web/components/analytics/select/project.tsx
diff --git a/apps/app/components/analytics/select/segment.tsx b/web/components/analytics/select/segment.tsx
similarity index 100%
rename from apps/app/components/analytics/select/segment.tsx
rename to web/components/analytics/select/segment.tsx
diff --git a/apps/app/components/analytics/select/x-axis.tsx b/web/components/analytics/select/x-axis.tsx
similarity index 100%
rename from apps/app/components/analytics/select/x-axis.tsx
rename to web/components/analytics/select/x-axis.tsx
diff --git a/apps/app/components/analytics/select/y-axis.tsx b/web/components/analytics/select/y-axis.tsx
similarity index 100%
rename from apps/app/components/analytics/select/y-axis.tsx
rename to web/components/analytics/select/y-axis.tsx
diff --git a/apps/app/components/auth-screens/index.ts b/web/components/auth-screens/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/index.ts
rename to web/components/auth-screens/index.ts
diff --git a/apps/app/components/auth-screens/not-authorized-view.tsx b/web/components/auth-screens/not-authorized-view.tsx
similarity index 100%
rename from apps/app/components/auth-screens/not-authorized-view.tsx
rename to web/components/auth-screens/not-authorized-view.tsx
diff --git a/apps/app/components/auth-screens/project/index.ts b/web/components/auth-screens/project/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/project/index.ts
rename to web/components/auth-screens/project/index.ts
diff --git a/apps/app/components/auth-screens/project/join-project.tsx b/web/components/auth-screens/project/join-project.tsx
similarity index 100%
rename from apps/app/components/auth-screens/project/join-project.tsx
rename to web/components/auth-screens/project/join-project.tsx
diff --git a/apps/app/components/auth-screens/workspace/index.ts b/web/components/auth-screens/workspace/index.ts
similarity index 100%
rename from apps/app/components/auth-screens/workspace/index.ts
rename to web/components/auth-screens/workspace/index.ts
diff --git a/apps/app/components/auth-screens/workspace/not-a-member.tsx b/web/components/auth-screens/workspace/not-a-member.tsx
similarity index 100%
rename from apps/app/components/auth-screens/workspace/not-a-member.tsx
rename to web/components/auth-screens/workspace/not-a-member.tsx
diff --git a/apps/app/components/automation/auto-archive-automation.tsx b/web/components/automation/auto-archive-automation.tsx
similarity index 100%
rename from apps/app/components/automation/auto-archive-automation.tsx
rename to web/components/automation/auto-archive-automation.tsx
diff --git a/apps/app/components/automation/auto-close-automation.tsx b/web/components/automation/auto-close-automation.tsx
similarity index 100%
rename from apps/app/components/automation/auto-close-automation.tsx
rename to web/components/automation/auto-close-automation.tsx
diff --git a/apps/app/components/automation/index.ts b/web/components/automation/index.ts
similarity index 100%
rename from apps/app/components/automation/index.ts
rename to web/components/automation/index.ts
diff --git a/apps/app/components/automation/select-month-modal.tsx b/web/components/automation/select-month-modal.tsx
similarity index 100%
rename from apps/app/components/automation/select-month-modal.tsx
rename to web/components/automation/select-month-modal.tsx
diff --git a/apps/app/components/breadcrumbs/index.tsx b/web/components/breadcrumbs/index.tsx
similarity index 100%
rename from apps/app/components/breadcrumbs/index.tsx
rename to web/components/breadcrumbs/index.tsx
diff --git a/apps/app/components/command-palette/change-interface-theme.tsx b/web/components/command-palette/change-interface-theme.tsx
similarity index 100%
rename from apps/app/components/command-palette/change-interface-theme.tsx
rename to web/components/command-palette/change-interface-theme.tsx
diff --git a/apps/app/components/command-palette/command-k.tsx b/web/components/command-palette/command-k.tsx
similarity index 100%
rename from apps/app/components/command-palette/command-k.tsx
rename to web/components/command-palette/command-k.tsx
diff --git a/apps/app/components/command-palette/command-pallette.tsx b/web/components/command-palette/command-pallette.tsx
similarity index 80%
rename from apps/app/components/command-palette/command-pallette.tsx
rename to web/components/command-palette/command-pallette.tsx
index 4dc29afec..507d8a49c 100644
--- a/apps/app/components/command-palette/command-pallette.tsx
+++ b/web/components/command-palette/command-pallette.tsx
@@ -51,7 +51,7 @@ export const CommandPalette: React.FC = observer(() => {
     workspaceSlug && projectId && issueId ? ISSUE_DETAILS(issueId as string) : null,
     workspaceSlug && projectId && issueId
       ? () =>
-        issuesService.retrieve(workspaceSlug as string, projectId as string, issueId as string)
+          issuesService.retrieve(workspaceSlug as string, projectId as string, issueId as string)
       : null
   );
 
@@ -89,37 +89,37 @@ export const CommandPalette: React.FC = observer(() => {
       )
         return;
 
-        if (cmdClicked) {
-          if (keyPressed === "k") {
-            e.preventDefault();
-            setIsPaletteOpen(true);
-          } else if (keyPressed === "c" && altKey) {
-            e.preventDefault();
-            copyIssueUrlToClipboard();
-          } else if (keyPressed === "b") {
-            e.preventDefault();
-            store.theme.setSidebarCollapsed(!store?.theme?.sidebarCollapsed);
-          }
-        } else {
-          if (keyPressed === "c") {
-            setIsIssueModalOpen(true);
-          } else if (keyPressed === "p") {
-            setIsProjectModalOpen(true);
-          } else if (keyPressed === "v") {
-            setIsCreateViewModalOpen(true);
-          } else if (keyPressed === "d") {
-            setIsCreateUpdatePageModalOpen(true);
-          } else if (keyPressed === "h") {
-            setIsShortcutsModalOpen(true);
-          } else if (keyPressed === "q") {
-            setIsCreateCycleModalOpen(true);
-          } else if (keyPressed === "m") {
-            setIsCreateModuleModalOpen(true);
-          } else if (keyPressed === "backspace" || keyPressed === "delete") {
-            e.preventDefault();
-            setIsBulkDeleteIssuesModalOpen(true);
-          }
+      if (cmdClicked) {
+        if (keyPressed === "k") {
+          e.preventDefault();
+          setIsPaletteOpen(true);
+        } else if (keyPressed === "c" && altKey) {
+          e.preventDefault();
+          copyIssueUrlToClipboard();
+        } else if (keyPressed === "b") {
+          e.preventDefault();
+          store.theme.setSidebarCollapsed(!store?.theme?.sidebarCollapsed);
         }
+      } else {
+        if (keyPressed === "c") {
+          setIsIssueModalOpen(true);
+        } else if (keyPressed === "p") {
+          setIsProjectModalOpen(true);
+        } else if (keyPressed === "v") {
+          setIsCreateViewModalOpen(true);
+        } else if (keyPressed === "d") {
+          setIsCreateUpdatePageModalOpen(true);
+        } else if (keyPressed === "h") {
+          setIsShortcutsModalOpen(true);
+        } else if (keyPressed === "q") {
+          setIsCreateCycleModalOpen(true);
+        } else if (keyPressed === "m") {
+          setIsCreateModuleModalOpen(true);
+        } else if (keyPressed === "backspace" || keyPressed === "delete") {
+          e.preventDefault();
+          setIsBulkDeleteIssuesModalOpen(true);
+        }
+      }
     },
     [copyIssueUrlToClipboard]
   );
@@ -196,4 +196,4 @@ export const CommandPalette: React.FC = observer(() => {
       />
     </>
   );
-})
\ No newline at end of file
+});
diff --git a/apps/app/components/command-palette/helpers.tsx b/web/components/command-palette/helpers.tsx
similarity index 100%
rename from apps/app/components/command-palette/helpers.tsx
rename to web/components/command-palette/helpers.tsx
diff --git a/apps/app/components/command-palette/index.ts b/web/components/command-palette/index.ts
similarity index 100%
rename from apps/app/components/command-palette/index.ts
rename to web/components/command-palette/index.ts
diff --git a/apps/app/components/command-palette/issue/change-issue-assignee.tsx b/web/components/command-palette/issue/change-issue-assignee.tsx
similarity index 100%
rename from apps/app/components/command-palette/issue/change-issue-assignee.tsx
rename to web/components/command-palette/issue/change-issue-assignee.tsx
diff --git a/apps/app/components/command-palette/issue/change-issue-priority.tsx b/web/components/command-palette/issue/change-issue-priority.tsx
similarity index 100%
rename from apps/app/components/command-palette/issue/change-issue-priority.tsx
rename to web/components/command-palette/issue/change-issue-priority.tsx
diff --git a/apps/app/components/command-palette/issue/change-issue-state.tsx b/web/components/command-palette/issue/change-issue-state.tsx
similarity index 100%
rename from apps/app/components/command-palette/issue/change-issue-state.tsx
rename to web/components/command-palette/issue/change-issue-state.tsx
diff --git a/apps/app/components/command-palette/issue/index.ts b/web/components/command-palette/issue/index.ts
similarity index 100%
rename from apps/app/components/command-palette/issue/index.ts
rename to web/components/command-palette/issue/index.ts
diff --git a/apps/app/components/command-palette/shortcuts-modal.tsx b/web/components/command-palette/shortcuts-modal.tsx
similarity index 100%
rename from apps/app/components/command-palette/shortcuts-modal.tsx
rename to web/components/command-palette/shortcuts-modal.tsx
diff --git a/apps/app/components/core/activity.tsx b/web/components/core/activity.tsx
similarity index 100%
rename from apps/app/components/core/activity.tsx
rename to web/components/core/activity.tsx
diff --git a/apps/app/components/core/filters/date-filter-modal.tsx b/web/components/core/filters/date-filter-modal.tsx
similarity index 100%
rename from apps/app/components/core/filters/date-filter-modal.tsx
rename to web/components/core/filters/date-filter-modal.tsx
diff --git a/apps/app/components/core/filters/date-filter-select.tsx b/web/components/core/filters/date-filter-select.tsx
similarity index 100%
rename from apps/app/components/core/filters/date-filter-select.tsx
rename to web/components/core/filters/date-filter-select.tsx
diff --git a/apps/app/components/core/filters/filters-list.tsx b/web/components/core/filters/filters-list.tsx
similarity index 100%
rename from apps/app/components/core/filters/filters-list.tsx
rename to web/components/core/filters/filters-list.tsx
diff --git a/apps/app/components/core/filters/index.ts b/web/components/core/filters/index.ts
similarity index 100%
rename from apps/app/components/core/filters/index.ts
rename to web/components/core/filters/index.ts
diff --git a/apps/app/components/core/filters/issues-view-filter.tsx b/web/components/core/filters/issues-view-filter.tsx
similarity index 100%
rename from apps/app/components/core/filters/issues-view-filter.tsx
rename to web/components/core/filters/issues-view-filter.tsx
diff --git a/apps/app/components/core/image-picker-popover.tsx b/web/components/core/image-picker-popover.tsx
similarity index 100%
rename from apps/app/components/core/image-picker-popover.tsx
rename to web/components/core/image-picker-popover.tsx
diff --git a/apps/app/components/core/index.ts b/web/components/core/index.ts
similarity index 100%
rename from apps/app/components/core/index.ts
rename to web/components/core/index.ts
diff --git a/apps/app/components/core/modals/bulk-delete-issues-modal.tsx b/web/components/core/modals/bulk-delete-issues-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/bulk-delete-issues-modal.tsx
rename to web/components/core/modals/bulk-delete-issues-modal.tsx
diff --git a/apps/app/components/core/modals/existing-issues-list-modal.tsx b/web/components/core/modals/existing-issues-list-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/existing-issues-list-modal.tsx
rename to web/components/core/modals/existing-issues-list-modal.tsx
diff --git a/apps/app/components/core/modals/gpt-assistant-modal.tsx b/web/components/core/modals/gpt-assistant-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/gpt-assistant-modal.tsx
rename to web/components/core/modals/gpt-assistant-modal.tsx
diff --git a/apps/app/components/core/modals/image-upload-modal.tsx b/web/components/core/modals/image-upload-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/image-upload-modal.tsx
rename to web/components/core/modals/image-upload-modal.tsx
diff --git a/apps/app/components/core/modals/index.ts b/web/components/core/modals/index.ts
similarity index 100%
rename from apps/app/components/core/modals/index.ts
rename to web/components/core/modals/index.ts
diff --git a/apps/app/components/core/modals/link-modal.tsx b/web/components/core/modals/link-modal.tsx
similarity index 100%
rename from apps/app/components/core/modals/link-modal.tsx
rename to web/components/core/modals/link-modal.tsx
diff --git a/apps/app/components/core/reaction-selector.tsx b/web/components/core/reaction-selector.tsx
similarity index 100%
rename from apps/app/components/core/reaction-selector.tsx
rename to web/components/core/reaction-selector.tsx
diff --git a/apps/app/components/core/sidebar/index.ts b/web/components/core/sidebar/index.ts
similarity index 100%
rename from apps/app/components/core/sidebar/index.ts
rename to web/components/core/sidebar/index.ts
diff --git a/apps/app/components/core/sidebar/links-list.tsx b/web/components/core/sidebar/links-list.tsx
similarity index 100%
rename from apps/app/components/core/sidebar/links-list.tsx
rename to web/components/core/sidebar/links-list.tsx
diff --git a/apps/app/components/core/sidebar/progress-chart.tsx b/web/components/core/sidebar/progress-chart.tsx
similarity index 100%
rename from apps/app/components/core/sidebar/progress-chart.tsx
rename to web/components/core/sidebar/progress-chart.tsx
diff --git a/apps/app/components/core/sidebar/sidebar-progress-stats.tsx b/web/components/core/sidebar/sidebar-progress-stats.tsx
similarity index 100%
rename from apps/app/components/core/sidebar/sidebar-progress-stats.tsx
rename to web/components/core/sidebar/sidebar-progress-stats.tsx
diff --git a/apps/app/components/core/sidebar/single-progress-stats.tsx b/web/components/core/sidebar/single-progress-stats.tsx
similarity index 100%
rename from apps/app/components/core/sidebar/single-progress-stats.tsx
rename to web/components/core/sidebar/single-progress-stats.tsx
diff --git a/apps/app/components/core/theme/color-picker-input.tsx b/web/components/core/theme/color-picker-input.tsx
similarity index 100%
rename from apps/app/components/core/theme/color-picker-input.tsx
rename to web/components/core/theme/color-picker-input.tsx
diff --git a/apps/app/components/core/theme/custom-theme-selector.tsx b/web/components/core/theme/custom-theme-selector.tsx
similarity index 100%
rename from apps/app/components/core/theme/custom-theme-selector.tsx
rename to web/components/core/theme/custom-theme-selector.tsx
diff --git a/apps/app/components/core/theme/index.ts b/web/components/core/theme/index.ts
similarity index 100%
rename from apps/app/components/core/theme/index.ts
rename to web/components/core/theme/index.ts
diff --git a/apps/app/components/core/theme/theme-switch.tsx b/web/components/core/theme/theme-switch.tsx
similarity index 100%
rename from apps/app/components/core/theme/theme-switch.tsx
rename to web/components/core/theme/theme-switch.tsx
diff --git a/apps/app/components/core/views/all-views.tsx b/web/components/core/views/all-views.tsx
similarity index 100%
rename from apps/app/components/core/views/all-views.tsx
rename to web/components/core/views/all-views.tsx
diff --git a/apps/app/components/core/views/board-view/all-boards.tsx b/web/components/core/views/board-view/all-boards.tsx
similarity index 100%
rename from apps/app/components/core/views/board-view/all-boards.tsx
rename to web/components/core/views/board-view/all-boards.tsx
diff --git a/apps/app/components/core/views/board-view/board-header.tsx b/web/components/core/views/board-view/board-header.tsx
similarity index 100%
rename from apps/app/components/core/views/board-view/board-header.tsx
rename to web/components/core/views/board-view/board-header.tsx
diff --git a/apps/app/components/core/views/board-view/index.ts b/web/components/core/views/board-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/board-view/index.ts
rename to web/components/core/views/board-view/index.ts
diff --git a/apps/app/components/core/views/board-view/single-board.tsx b/web/components/core/views/board-view/single-board.tsx
similarity index 100%
rename from apps/app/components/core/views/board-view/single-board.tsx
rename to web/components/core/views/board-view/single-board.tsx
diff --git a/apps/app/components/core/views/board-view/single-issue.tsx b/web/components/core/views/board-view/single-issue.tsx
similarity index 100%
rename from apps/app/components/core/views/board-view/single-issue.tsx
rename to web/components/core/views/board-view/single-issue.tsx
diff --git a/apps/app/components/core/views/calendar-view/calendar-header.tsx b/web/components/core/views/calendar-view/calendar-header.tsx
similarity index 100%
rename from apps/app/components/core/views/calendar-view/calendar-header.tsx
rename to web/components/core/views/calendar-view/calendar-header.tsx
diff --git a/apps/app/components/core/views/calendar-view/calendar.tsx b/web/components/core/views/calendar-view/calendar.tsx
similarity index 100%
rename from apps/app/components/core/views/calendar-view/calendar.tsx
rename to web/components/core/views/calendar-view/calendar.tsx
diff --git a/apps/app/components/core/views/calendar-view/index.ts b/web/components/core/views/calendar-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/calendar-view/index.ts
rename to web/components/core/views/calendar-view/index.ts
diff --git a/apps/app/components/core/views/calendar-view/single-date.tsx b/web/components/core/views/calendar-view/single-date.tsx
similarity index 100%
rename from apps/app/components/core/views/calendar-view/single-date.tsx
rename to web/components/core/views/calendar-view/single-date.tsx
diff --git a/apps/app/components/core/views/calendar-view/single-issue.tsx b/web/components/core/views/calendar-view/single-issue.tsx
similarity index 100%
rename from apps/app/components/core/views/calendar-view/single-issue.tsx
rename to web/components/core/views/calendar-view/single-issue.tsx
diff --git a/apps/app/components/core/views/gantt-chart-view/index.tsx b/web/components/core/views/gantt-chart-view/index.tsx
similarity index 100%
rename from apps/app/components/core/views/gantt-chart-view/index.tsx
rename to web/components/core/views/gantt-chart-view/index.tsx
diff --git a/apps/app/components/core/views/index.ts b/web/components/core/views/index.ts
similarity index 100%
rename from apps/app/components/core/views/index.ts
rename to web/components/core/views/index.ts
diff --git a/apps/app/components/core/views/issues-view.tsx b/web/components/core/views/issues-view.tsx
similarity index 100%
rename from apps/app/components/core/views/issues-view.tsx
rename to web/components/core/views/issues-view.tsx
diff --git a/apps/app/components/core/views/list-view/all-lists.tsx b/web/components/core/views/list-view/all-lists.tsx
similarity index 100%
rename from apps/app/components/core/views/list-view/all-lists.tsx
rename to web/components/core/views/list-view/all-lists.tsx
diff --git a/apps/app/components/core/views/list-view/index.ts b/web/components/core/views/list-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/list-view/index.ts
rename to web/components/core/views/list-view/index.ts
diff --git a/apps/app/components/core/views/list-view/single-issue.tsx b/web/components/core/views/list-view/single-issue.tsx
similarity index 100%
rename from apps/app/components/core/views/list-view/single-issue.tsx
rename to web/components/core/views/list-view/single-issue.tsx
diff --git a/apps/app/components/core/views/list-view/single-list.tsx b/web/components/core/views/list-view/single-list.tsx
similarity index 100%
rename from apps/app/components/core/views/list-view/single-list.tsx
rename to web/components/core/views/list-view/single-list.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/index.ts b/web/components/core/views/spreadsheet-view/index.ts
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/index.ts
rename to web/components/core/views/spreadsheet-view/index.ts
diff --git a/apps/app/components/core/views/spreadsheet-view/single-issue.tsx b/web/components/core/views/spreadsheet-view/single-issue.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/single-issue.tsx
rename to web/components/core/views/spreadsheet-view/single-issue.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-columns.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-columns.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-issues.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-issues.tsx
diff --git a/apps/app/components/core/views/spreadsheet-view/spreadsheet-view.tsx b/web/components/core/views/spreadsheet-view/spreadsheet-view.tsx
similarity index 100%
rename from apps/app/components/core/views/spreadsheet-view/spreadsheet-view.tsx
rename to web/components/core/views/spreadsheet-view/spreadsheet-view.tsx
diff --git a/apps/app/components/cycles/active-cycle-details.tsx b/web/components/cycles/active-cycle-details.tsx
similarity index 100%
rename from apps/app/components/cycles/active-cycle-details.tsx
rename to web/components/cycles/active-cycle-details.tsx
diff --git a/apps/app/components/cycles/active-cycle-stats.tsx b/web/components/cycles/active-cycle-stats.tsx
similarity index 100%
rename from apps/app/components/cycles/active-cycle-stats.tsx
rename to web/components/cycles/active-cycle-stats.tsx
diff --git a/apps/app/components/cycles/cycles-list/all-cycles-list.tsx b/web/components/cycles/cycles-list/all-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/all-cycles-list.tsx
rename to web/components/cycles/cycles-list/all-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/completed-cycles-list.tsx b/web/components/cycles/cycles-list/completed-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/completed-cycles-list.tsx
rename to web/components/cycles/cycles-list/completed-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/draft-cycles-list.tsx b/web/components/cycles/cycles-list/draft-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/draft-cycles-list.tsx
rename to web/components/cycles/cycles-list/draft-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-list/index.ts b/web/components/cycles/cycles-list/index.ts
similarity index 100%
rename from apps/app/components/cycles/cycles-list/index.ts
rename to web/components/cycles/cycles-list/index.ts
diff --git a/apps/app/components/cycles/cycles-list/upcoming-cycles-list.tsx b/web/components/cycles/cycles-list/upcoming-cycles-list.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-list/upcoming-cycles-list.tsx
rename to web/components/cycles/cycles-list/upcoming-cycles-list.tsx
diff --git a/apps/app/components/cycles/cycles-view.tsx b/web/components/cycles/cycles-view.tsx
similarity index 100%
rename from apps/app/components/cycles/cycles-view.tsx
rename to web/components/cycles/cycles-view.tsx
diff --git a/apps/app/components/cycles/delete-cycle-modal.tsx b/web/components/cycles/delete-cycle-modal.tsx
similarity index 100%
rename from apps/app/components/cycles/delete-cycle-modal.tsx
rename to web/components/cycles/delete-cycle-modal.tsx
diff --git a/apps/app/components/cycles/form.tsx b/web/components/cycles/form.tsx
similarity index 100%
rename from apps/app/components/cycles/form.tsx
rename to web/components/cycles/form.tsx
diff --git a/apps/app/components/cycles/gantt-chart/blocks.tsx b/web/components/cycles/gantt-chart/blocks.tsx
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/blocks.tsx
rename to web/components/cycles/gantt-chart/blocks.tsx
diff --git a/apps/app/components/cycles/gantt-chart/cycle-issues-layout.tsx b/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/cycle-issues-layout.tsx
rename to web/components/cycles/gantt-chart/cycle-issues-layout.tsx
diff --git a/apps/app/components/cycles/gantt-chart/cycles-list-layout.tsx b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/cycles-list-layout.tsx
rename to web/components/cycles/gantt-chart/cycles-list-layout.tsx
diff --git a/apps/app/components/cycles/gantt-chart/index.ts b/web/components/cycles/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/cycles/gantt-chart/index.ts
rename to web/components/cycles/gantt-chart/index.ts
diff --git a/apps/app/components/cycles/index.ts b/web/components/cycles/index.ts
similarity index 100%
rename from apps/app/components/cycles/index.ts
rename to web/components/cycles/index.ts
diff --git a/apps/app/components/cycles/modal.tsx b/web/components/cycles/modal.tsx
similarity index 100%
rename from apps/app/components/cycles/modal.tsx
rename to web/components/cycles/modal.tsx
diff --git a/apps/app/components/cycles/select.tsx b/web/components/cycles/select.tsx
similarity index 100%
rename from apps/app/components/cycles/select.tsx
rename to web/components/cycles/select.tsx
diff --git a/apps/app/components/cycles/sidebar.tsx b/web/components/cycles/sidebar.tsx
similarity index 100%
rename from apps/app/components/cycles/sidebar.tsx
rename to web/components/cycles/sidebar.tsx
diff --git a/apps/app/components/cycles/single-cycle-card.tsx b/web/components/cycles/single-cycle-card.tsx
similarity index 100%
rename from apps/app/components/cycles/single-cycle-card.tsx
rename to web/components/cycles/single-cycle-card.tsx
diff --git a/apps/app/components/cycles/single-cycle-list.tsx b/web/components/cycles/single-cycle-list.tsx
similarity index 100%
rename from apps/app/components/cycles/single-cycle-list.tsx
rename to web/components/cycles/single-cycle-list.tsx
diff --git a/apps/app/components/cycles/transfer-issues-modal.tsx b/web/components/cycles/transfer-issues-modal.tsx
similarity index 100%
rename from apps/app/components/cycles/transfer-issues-modal.tsx
rename to web/components/cycles/transfer-issues-modal.tsx
diff --git a/apps/app/components/cycles/transfer-issues.tsx b/web/components/cycles/transfer-issues.tsx
similarity index 100%
rename from apps/app/components/cycles/transfer-issues.tsx
rename to web/components/cycles/transfer-issues.tsx
diff --git a/apps/app/components/dnd/StrictModeDroppable.tsx b/web/components/dnd/StrictModeDroppable.tsx
similarity index 100%
rename from apps/app/components/dnd/StrictModeDroppable.tsx
rename to web/components/dnd/StrictModeDroppable.tsx
diff --git a/apps/app/components/emoji-icon-picker/emojis.json b/web/components/emoji-icon-picker/emojis.json
similarity index 100%
rename from apps/app/components/emoji-icon-picker/emojis.json
rename to web/components/emoji-icon-picker/emojis.json
diff --git a/apps/app/components/emoji-icon-picker/helpers.ts b/web/components/emoji-icon-picker/helpers.ts
similarity index 100%
rename from apps/app/components/emoji-icon-picker/helpers.ts
rename to web/components/emoji-icon-picker/helpers.ts
diff --git a/apps/app/components/emoji-icon-picker/icons.json b/web/components/emoji-icon-picker/icons.json
similarity index 100%
rename from apps/app/components/emoji-icon-picker/icons.json
rename to web/components/emoji-icon-picker/icons.json
diff --git a/apps/app/components/emoji-icon-picker/index.tsx b/web/components/emoji-icon-picker/index.tsx
similarity index 100%
rename from apps/app/components/emoji-icon-picker/index.tsx
rename to web/components/emoji-icon-picker/index.tsx
diff --git a/apps/app/components/emoji-icon-picker/types.d.ts b/web/components/emoji-icon-picker/types.d.ts
similarity index 100%
rename from apps/app/components/emoji-icon-picker/types.d.ts
rename to web/components/emoji-icon-picker/types.d.ts
diff --git a/apps/app/components/estimates/create-update-estimate-modal.tsx b/web/components/estimates/create-update-estimate-modal.tsx
similarity index 100%
rename from apps/app/components/estimates/create-update-estimate-modal.tsx
rename to web/components/estimates/create-update-estimate-modal.tsx
diff --git a/apps/app/components/estimates/delete-estimate-modal.tsx b/web/components/estimates/delete-estimate-modal.tsx
similarity index 100%
rename from apps/app/components/estimates/delete-estimate-modal.tsx
rename to web/components/estimates/delete-estimate-modal.tsx
diff --git a/apps/app/components/estimates/index.tsx b/web/components/estimates/index.tsx
similarity index 100%
rename from apps/app/components/estimates/index.tsx
rename to web/components/estimates/index.tsx
diff --git a/apps/app/components/estimates/single-estimate.tsx b/web/components/estimates/single-estimate.tsx
similarity index 100%
rename from apps/app/components/estimates/single-estimate.tsx
rename to web/components/estimates/single-estimate.tsx
diff --git a/apps/app/components/exporter/export-modal.tsx b/web/components/exporter/export-modal.tsx
similarity index 100%
rename from apps/app/components/exporter/export-modal.tsx
rename to web/components/exporter/export-modal.tsx
diff --git a/apps/app/components/exporter/guide.tsx b/web/components/exporter/guide.tsx
similarity index 100%
rename from apps/app/components/exporter/guide.tsx
rename to web/components/exporter/guide.tsx
diff --git a/apps/app/components/exporter/index.tsx b/web/components/exporter/index.tsx
similarity index 100%
rename from apps/app/components/exporter/index.tsx
rename to web/components/exporter/index.tsx
diff --git a/apps/app/components/exporter/single-export.tsx b/web/components/exporter/single-export.tsx
similarity index 100%
rename from apps/app/components/exporter/single-export.tsx
rename to web/components/exporter/single-export.tsx
diff --git a/apps/app/components/gantt-chart/blocks/blocks-display.tsx b/web/components/gantt-chart/blocks/blocks-display.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/blocks/blocks-display.tsx
rename to web/components/gantt-chart/blocks/blocks-display.tsx
diff --git a/apps/app/components/gantt-chart/blocks/index.ts b/web/components/gantt-chart/blocks/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/blocks/index.ts
rename to web/components/gantt-chart/blocks/index.ts
diff --git a/apps/app/components/gantt-chart/chart/bi-week.tsx b/web/components/gantt-chart/chart/bi-week.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/bi-week.tsx
rename to web/components/gantt-chart/chart/bi-week.tsx
diff --git a/apps/app/components/gantt-chart/chart/day.tsx b/web/components/gantt-chart/chart/day.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/day.tsx
rename to web/components/gantt-chart/chart/day.tsx
diff --git a/apps/app/components/gantt-chart/chart/hours.tsx b/web/components/gantt-chart/chart/hours.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/hours.tsx
rename to web/components/gantt-chart/chart/hours.tsx
diff --git a/apps/app/components/gantt-chart/chart/index.tsx b/web/components/gantt-chart/chart/index.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/index.tsx
rename to web/components/gantt-chart/chart/index.tsx
diff --git a/apps/app/components/gantt-chart/chart/month.tsx b/web/components/gantt-chart/chart/month.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/month.tsx
rename to web/components/gantt-chart/chart/month.tsx
diff --git a/apps/app/components/gantt-chart/chart/quarter.tsx b/web/components/gantt-chart/chart/quarter.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/quarter.tsx
rename to web/components/gantt-chart/chart/quarter.tsx
diff --git a/apps/app/components/gantt-chart/chart/week.tsx b/web/components/gantt-chart/chart/week.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/week.tsx
rename to web/components/gantt-chart/chart/week.tsx
diff --git a/apps/app/components/gantt-chart/chart/year.tsx b/web/components/gantt-chart/chart/year.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/chart/year.tsx
rename to web/components/gantt-chart/chart/year.tsx
diff --git a/apps/app/components/gantt-chart/contexts/index.tsx b/web/components/gantt-chart/contexts/index.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/contexts/index.tsx
rename to web/components/gantt-chart/contexts/index.tsx
diff --git a/apps/app/components/gantt-chart/data/index.ts b/web/components/gantt-chart/data/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/data/index.ts
rename to web/components/gantt-chart/data/index.ts
diff --git a/apps/app/components/gantt-chart/helpers/block-structure.tsx b/web/components/gantt-chart/helpers/block-structure.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/helpers/block-structure.tsx
rename to web/components/gantt-chart/helpers/block-structure.tsx
diff --git a/apps/app/components/gantt-chart/helpers/draggable.tsx b/web/components/gantt-chart/helpers/draggable.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/helpers/draggable.tsx
rename to web/components/gantt-chart/helpers/draggable.tsx
diff --git a/apps/app/components/gantt-chart/helpers/index.ts b/web/components/gantt-chart/helpers/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/helpers/index.ts
rename to web/components/gantt-chart/helpers/index.ts
diff --git a/apps/app/components/gantt-chart/hooks/block-update.tsx b/web/components/gantt-chart/hooks/block-update.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/hooks/block-update.tsx
rename to web/components/gantt-chart/hooks/block-update.tsx
diff --git a/apps/app/components/gantt-chart/hooks/index.tsx b/web/components/gantt-chart/hooks/index.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/hooks/index.tsx
rename to web/components/gantt-chart/hooks/index.tsx
diff --git a/apps/app/components/gantt-chart/index.ts b/web/components/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/index.ts
rename to web/components/gantt-chart/index.ts
diff --git a/apps/app/components/gantt-chart/root.tsx b/web/components/gantt-chart/root.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/root.tsx
rename to web/components/gantt-chart/root.tsx
diff --git a/apps/app/components/gantt-chart/sidebar.tsx b/web/components/gantt-chart/sidebar.tsx
similarity index 100%
rename from apps/app/components/gantt-chart/sidebar.tsx
rename to web/components/gantt-chart/sidebar.tsx
diff --git a/apps/app/components/gantt-chart/types/index.ts b/web/components/gantt-chart/types/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/types/index.ts
rename to web/components/gantt-chart/types/index.ts
diff --git a/apps/app/components/gantt-chart/views/bi-week-view.ts b/web/components/gantt-chart/views/bi-week-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/bi-week-view.ts
rename to web/components/gantt-chart/views/bi-week-view.ts
diff --git a/apps/app/components/gantt-chart/views/day-view.ts b/web/components/gantt-chart/views/day-view.ts
similarity index 93%
rename from apps/app/components/gantt-chart/views/day-view.ts
rename to web/components/gantt-chart/views/day-view.ts
index 67f369361..246ecd8b8 100644
--- a/apps/app/components/gantt-chart/views/day-view.ts
+++ b/web/components/gantt-chart/views/day-view.ts
@@ -72,7 +72,12 @@ export const getAllDaysInMonth = (month: number, year: number) => {
       dayData: weeks[date.getDay()],
       weekNumber: getWeekNumberByDate(date),
       title: `${weeks[date.getDay()].shortTitle} ${_day + 1}`,
-      today: currentDate.getFullYear() === year && currentDate.getMonth() === month && currentDate.getDate() === (_day + 1) ? true : false,
+      today:
+        currentDate.getFullYear() === year &&
+        currentDate.getMonth() === month &&
+        currentDate.getDate() === _day + 1
+          ? true
+          : false,
     });
   });
 
@@ -180,7 +185,10 @@ export const generateMonthDataByYear = (
       renderPayload.push(generateMonthDataByMonth(currentMonth, currentYear));
     }
 
-  const scrollWidth = ((renderPayload.map((monthData: any) => monthData.children.length)).reduce((partialSum: number, a: number) => partialSum + a, 0)) * monthPayload.data.width;
+  const scrollWidth =
+    renderPayload
+      .map((monthData: any) => monthData.children.length)
+      .reduce((partialSum: number, a: number) => partialSum + a, 0) * monthPayload.data.width;
 
   return { state: renderState, payload: renderPayload, scrollWidth: scrollWidth };
-};
\ No newline at end of file
+};
diff --git a/apps/app/components/gantt-chart/views/helpers.ts b/web/components/gantt-chart/views/helpers.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/helpers.ts
rename to web/components/gantt-chart/views/helpers.ts
diff --git a/apps/app/components/gantt-chart/views/hours-view.ts b/web/components/gantt-chart/views/hours-view.ts
similarity index 93%
rename from apps/app/components/gantt-chart/views/hours-view.ts
rename to web/components/gantt-chart/views/hours-view.ts
index 67f369361..246ecd8b8 100644
--- a/apps/app/components/gantt-chart/views/hours-view.ts
+++ b/web/components/gantt-chart/views/hours-view.ts
@@ -72,7 +72,12 @@ export const getAllDaysInMonth = (month: number, year: number) => {
       dayData: weeks[date.getDay()],
       weekNumber: getWeekNumberByDate(date),
       title: `${weeks[date.getDay()].shortTitle} ${_day + 1}`,
-      today: currentDate.getFullYear() === year && currentDate.getMonth() === month && currentDate.getDate() === (_day + 1) ? true : false,
+      today:
+        currentDate.getFullYear() === year &&
+        currentDate.getMonth() === month &&
+        currentDate.getDate() === _day + 1
+          ? true
+          : false,
     });
   });
 
@@ -180,7 +185,10 @@ export const generateMonthDataByYear = (
       renderPayload.push(generateMonthDataByMonth(currentMonth, currentYear));
     }
 
-  const scrollWidth = ((renderPayload.map((monthData: any) => monthData.children.length)).reduce((partialSum: number, a: number) => partialSum + a, 0)) * monthPayload.data.width;
+  const scrollWidth =
+    renderPayload
+      .map((monthData: any) => monthData.children.length)
+      .reduce((partialSum: number, a: number) => partialSum + a, 0) * monthPayload.data.width;
 
   return { state: renderState, payload: renderPayload, scrollWidth: scrollWidth };
-};
\ No newline at end of file
+};
diff --git a/apps/app/components/gantt-chart/views/index.ts b/web/components/gantt-chart/views/index.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/index.ts
rename to web/components/gantt-chart/views/index.ts
diff --git a/apps/app/components/gantt-chart/views/month-view.ts b/web/components/gantt-chart/views/month-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/month-view.ts
rename to web/components/gantt-chart/views/month-view.ts
diff --git a/apps/app/components/gantt-chart/views/quater-view.ts b/web/components/gantt-chart/views/quater-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/quater-view.ts
rename to web/components/gantt-chart/views/quater-view.ts
diff --git a/apps/app/components/gantt-chart/views/week-view.ts b/web/components/gantt-chart/views/week-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/week-view.ts
rename to web/components/gantt-chart/views/week-view.ts
diff --git a/apps/app/components/gantt-chart/views/year-view.ts b/web/components/gantt-chart/views/year-view.ts
similarity index 100%
rename from apps/app/components/gantt-chart/views/year-view.ts
rename to web/components/gantt-chart/views/year-view.ts
diff --git a/apps/app/components/icons/alarm-clock-icon.tsx b/web/components/icons/alarm-clock-icon.tsx
similarity index 100%
rename from apps/app/components/icons/alarm-clock-icon.tsx
rename to web/components/icons/alarm-clock-icon.tsx
diff --git a/apps/app/components/icons/archive-icon.tsx b/web/components/icons/archive-icon.tsx
similarity index 100%
rename from apps/app/components/icons/archive-icon.tsx
rename to web/components/icons/archive-icon.tsx
diff --git a/apps/app/components/icons/arrow-right.tsx b/web/components/icons/arrow-right.tsx
similarity index 100%
rename from apps/app/components/icons/arrow-right.tsx
rename to web/components/icons/arrow-right.tsx
diff --git a/apps/app/components/icons/assignment-clipboard-icon.tsx b/web/components/icons/assignment-clipboard-icon.tsx
similarity index 100%
rename from apps/app/components/icons/assignment-clipboard-icon.tsx
rename to web/components/icons/assignment-clipboard-icon.tsx
diff --git a/apps/app/components/icons/attachment-icon.tsx b/web/components/icons/attachment-icon.tsx
similarity index 100%
rename from apps/app/components/icons/attachment-icon.tsx
rename to web/components/icons/attachment-icon.tsx
diff --git a/apps/app/components/icons/audio-file-icon.tsx b/web/components/icons/audio-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/audio-file-icon.tsx
rename to web/components/icons/audio-file-icon.tsx
index 6aff5d7a4..24ea55a23 100644
--- a/apps/app/components/icons/audio-file-icon.tsx
+++ b/web/components/icons/audio-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import AudioFileIcon from "public/attachment/audio-icon.png";
 
-export const AudioIcon: React.FC<Props> = ({ width, height  }) => (
+export const AudioIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={AudioFileIcon} height={height} width={width} alt="AudioFileIcon" />
 );
diff --git a/apps/app/components/icons/backlog-state-icon.tsx b/web/components/icons/backlog-state-icon.tsx
similarity index 100%
rename from apps/app/components/icons/backlog-state-icon.tsx
rename to web/components/icons/backlog-state-icon.tsx
diff --git a/apps/app/components/icons/bell-icon.tsx b/web/components/icons/bell-icon.tsx
similarity index 100%
rename from apps/app/components/icons/bell-icon.tsx
rename to web/components/icons/bell-icon.tsx
diff --git a/web/components/icons/blocked-icon.tsx b/web/components/icons/blocked-icon.tsx
new file mode 100644
index 000000000..b712f7698
--- /dev/null
+++ b/web/components/icons/blocked-icon.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const BlockedIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 23 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0.5 4.8C0.5 3.52696 1.00797 2.30606 1.91216 1.40589C2.81636 0.505713 4.04271 0 5.32143 0H21.3929C21.6913 0 21.9839 0.0827435 22.2378 0.238959C22.4917 0.395174 22.6968 0.618689 22.8303 0.884458C22.9638 1.15023 23.0203 1.44775 22.9935 1.74369C22.9667 2.03963 22.8576 2.32229 22.6786 2.56L18.5804 8L22.6786 13.44C22.8576 13.6777 22.9667 13.9604 22.9935 14.2563C23.0203 14.5522 22.9638 14.8498 22.8303 15.1155C22.6968 15.3813 22.4917 15.6048 22.2378 15.761C21.9839 15.9173 21.6913 16 21.3929 16H5.32143C4.89519 16 4.4864 16.1686 4.18501 16.4686C3.88361 16.7687 3.71429 17.1757 3.71429 17.6V22.4C3.71429 22.8243 3.54496 23.2313 3.24356 23.5314C2.94217 23.8314 2.53338 24 2.10714 24C1.6809 24 1.27212 23.8314 0.970721 23.5314C0.669323 23.2313 0.5 22.8243 0.5 22.4V4.8Z"
+      fill="#F76659"
+    />
+    <path
+      d="M8.5918 20.4812H21.084C21.26 20.4812 21.4056 20.4237 21.5207 20.3086C21.6358 20.1935 21.6934 20.0479 21.6934 19.8719C21.6934 19.6958 21.6358 19.5503 21.5207 19.4352C21.4056 19.3201 21.26 19.2625 21.084 19.2625H8.57148L10.3184 17.5156C10.4267 17.4073 10.4809 17.2719 10.4809 17.1094C10.4809 16.9469 10.4199 16.8047 10.298 16.6828C10.1762 16.5609 10.034 16.5 9.87148 16.5C9.70899 16.5 9.5668 16.5609 9.44492 16.6828L6.68242 19.4453C6.61471 19.513 6.56732 19.5807 6.54023 19.6484C6.51315 19.7161 6.49961 19.7906 6.49961 19.8719C6.49961 19.9531 6.51315 20.0276 6.54023 20.0953C6.56732 20.163 6.61471 20.2307 6.68242 20.2984L9.44492 23.0609C9.58034 23.1964 9.72591 23.2607 9.88164 23.2539C10.0374 23.2471 10.1762 23.1828 10.298 23.0609C10.4199 22.9391 10.4809 22.7935 10.4809 22.6242C10.4809 22.4549 10.4267 22.3161 10.3184 22.2078L8.5918 20.4812Z"
+      fill="#F76659"
+    />
+  </svg>
+);
diff --git a/web/components/icons/blocker-icon.tsx b/web/components/icons/blocker-icon.tsx
new file mode 100644
index 000000000..b92fadaea
--- /dev/null
+++ b/web/components/icons/blocker-icon.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const BlockerIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 23 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M0 4.8C0 3.52696 0.507971 2.30606 1.41216 1.40589C2.31636 0.505713 3.54271 0 4.82143 0H20.8929C21.1913 0 21.4839 0.0827435 21.7378 0.238959C21.9917 0.395174 22.1968 0.618689 22.3303 0.884458C22.4638 1.15023 22.5203 1.44775 22.4935 1.74369C22.4667 2.03963 22.3576 2.32229 22.1786 2.56L18.0804 8L22.1786 13.44C22.3576 13.6777 22.4667 13.9604 22.4935 14.2563C22.5203 14.5522 22.4638 14.8498 22.3303 15.1155C22.1968 15.3813 21.9917 15.6048 21.7378 15.761C21.4839 15.9173 21.1913 16 20.8929 16H4.82143C4.39519 16 3.9864 16.1686 3.68501 16.4686C3.38361 16.7687 3.21429 17.1757 3.21429 17.6V22.4C3.21429 22.8243 3.04496 23.2313 2.74356 23.5314C2.44217 23.8314 2.03338 24 1.60714 24C1.1809 24 0.772119 23.8314 0.470721 23.5314C0.169323 23.2313 0 22.8243 0 22.4V4.8Z"
+      fill="#F7AE59"
+    />
+    <path
+      d="M18.5391 20.8797H6.04688C5.87083 20.8797 5.72526 20.8221 5.61016 20.707C5.49505 20.5919 5.4375 20.4464 5.4375 20.2703C5.4375 20.0943 5.49505 19.9487 5.61016 19.8336C5.72526 19.7185 5.87083 19.6609 6.04688 19.6609H18.5594L16.8125 17.9141C16.7042 17.8057 16.65 17.6703 16.65 17.5078C16.65 17.3453 16.7109 17.2031 16.8328 17.0813C16.9547 16.9594 17.0969 16.8984 17.2594 16.8984C17.4219 16.8984 17.5641 16.9594 17.6859 17.0813L20.4484 19.8438C20.5161 19.9115 20.5635 19.9792 20.5906 20.0469C20.6177 20.1146 20.6313 20.1891 20.6313 20.2703C20.6313 20.3516 20.6177 20.426 20.5906 20.4938C20.5635 20.5615 20.5161 20.6292 20.4484 20.6969L17.6859 23.4594C17.5505 23.5948 17.4049 23.6591 17.2492 23.6523C17.0935 23.6456 16.9547 23.5812 16.8328 23.4594C16.7109 23.3375 16.65 23.1919 16.65 23.0227C16.65 22.8534 16.7042 22.7146 16.8125 22.6062L18.5391 20.8797Z"
+      fill="#F7AE59"
+    />
+  </svg>
+);
diff --git a/web/components/icons/bolt-icon.tsx b/web/components/icons/bolt-icon.tsx
new file mode 100644
index 000000000..477d4e04e
--- /dev/null
+++ b/web/components/icons/bolt-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const BoltIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M10.6002 21C10.4169 21 10.2752 20.9417 10.1752 20.825C10.0752 20.7083 10.0419 20.5583 10.0752 20.375L11.0002 13.95H7.3502C7.16686 13.95 7.03353 13.8667 6.9502 13.7C6.86686 13.5333 6.86686 13.375 6.9502 13.225L12.8752 3.325C12.9252 3.24167 13.0085 3.16667 13.1252 3.1C13.2419 3.03333 13.3585 3 13.4752 3C13.6585 3 13.8002 3.05833 13.9002 3.175C14.0002 3.29167 14.0335 3.44167 14.0002 3.625L13.0752 10.025H16.6752C16.8585 10.025 16.996 10.1083 17.0877 10.275C17.1794 10.4417 17.1835 10.6 17.1002 10.75L11.2002 20.675C11.1502 20.7583 11.0669 20.8333 10.9502 20.9C10.8335 20.9667 10.7169 21 10.6002 21V21Z" />
+  </svg>
+);
diff --git a/apps/app/components/icons/calendar-after-icon.tsx b/web/components/icons/calendar-after-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-after-icon.tsx
rename to web/components/icons/calendar-after-icon.tsx
diff --git a/apps/app/components/icons/calendar-before-icon.tsx b/web/components/icons/calendar-before-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-before-icon.tsx
rename to web/components/icons/calendar-before-icon.tsx
diff --git a/apps/app/components/icons/calendar-month-icon.tsx b/web/components/icons/calendar-month-icon.tsx
similarity index 100%
rename from apps/app/components/icons/calendar-month-icon.tsx
rename to web/components/icons/calendar-month-icon.tsx
diff --git a/web/components/icons/cancel-icon.tsx b/web/components/icons/cancel-icon.tsx
new file mode 100644
index 000000000..a57425de1
--- /dev/null
+++ b/web/components/icons/cancel-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CancelIcon: React.FC<Props> = ({ width, height, className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M7.725 16.275C7.875 16.425 8.05 16.5 8.25 16.5C8.45 16.5 8.625 16.425 8.775 16.275L12 13.05L15.25 16.3C15.3833 16.4333 15.5542 16.4958 15.7625 16.4875C15.9708 16.4792 16.1417 16.4083 16.275 16.275C16.425 16.125 16.5 15.95 16.5 15.75C16.5 15.55 16.425 15.375 16.275 15.225L13.05 12L16.3 8.75C16.4333 8.61667 16.4958 8.44583 16.4875 8.2375C16.4792 8.02917 16.4083 7.85833 16.275 7.725C16.125 7.575 15.95 7.5 15.75 7.5C15.55 7.5 15.375 7.575 15.225 7.725L12 10.95L8.75 7.7C8.61667 7.56667 8.44583 7.50417 8.2375 7.5125C8.02917 7.52083 7.85833 7.59167 7.725 7.725C7.575 7.875 7.5 8.05 7.5 8.25C7.5 8.45 7.575 8.625 7.725 8.775L10.95 12L7.7 15.25C7.56667 15.3833 7.50417 15.5542 7.5125 15.7625C7.52083 15.9708 7.59167 16.1417 7.725 16.275ZM12 22C10.5833 22 9.26667 21.7458 8.05 21.2375C6.83333 20.7292 5.775 20.025 4.875 19.125C3.975 18.225 3.27083 17.1667 2.7625 15.95C2.25417 14.7333 2 13.4167 2 12C2 10.6 2.25417 9.29167 2.7625 8.075C3.27083 6.85833 3.975 5.8 4.875 4.9C5.775 4 6.83333 3.29167 8.05 2.775C9.26667 2.25833 10.5833 2 12 2C13.4 2 14.7083 2.25833 15.925 2.775C17.1417 3.29167 18.2 4 19.1 4.9C20 5.8 20.7083 6.85833 21.225 8.075C21.7417 9.29167 22 10.6 22 12C22 13.4167 21.7417 14.7333 21.225 15.95C20.7083 17.1667 20 18.225 19.1 19.125C18.2 20.025 17.1417 20.7292 15.925 21.2375C14.7083 21.7458 13.4 22 12 22ZM12 20.5C14.3333 20.5 16.3333 19.6667 18 18C19.6667 16.3333 20.5 14.3333 20.5 12C20.5 9.66667 19.6667 7.66667 18 6C16.3333 4.33333 14.3333 3.5 12 3.5C9.66667 3.5 7.66667 4.33333 6 6C4.33333 7.66667 3.5 9.66667 3.5 12C3.5 14.3333 4.33333 16.3333 6 18C7.66667 19.6667 9.66667 20.5 12 20.5Z" />
+  </svg>
+);
diff --git a/apps/app/components/icons/cancelled-state-icon.tsx b/web/components/icons/cancelled-state-icon.tsx
similarity index 100%
rename from apps/app/components/icons/cancelled-state-icon.tsx
rename to web/components/icons/cancelled-state-icon.tsx
diff --git a/apps/app/components/icons/check.tsx b/web/components/icons/check.tsx
similarity index 100%
rename from apps/app/components/icons/check.tsx
rename to web/components/icons/check.tsx
diff --git a/web/components/icons/clipboard-icon.tsx b/web/components/icons/clipboard-icon.tsx
new file mode 100644
index 000000000..a3feaf7af
--- /dev/null
+++ b/web/components/icons/clipboard-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const ClipboardIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M4.5 21C4.08333 21 3.72917 20.8542 3.4375 20.5625C3.14583 20.2708 3 19.9167 3 19.5V4.5C3 4.08333 3.14583 3.72917 3.4375 3.4375C3.72917 3.14583 4.08333 3 4.5 3H9.625C9.70833 2.41667 9.975 1.9375 10.425 1.5625C10.875 1.1875 11.4 1 12 1C12.6 1 13.125 1.1875 13.575 1.5625C14.025 1.9375 14.2917 2.41667 14.375 3H19.5C19.9167 3 20.2708 3.14583 20.5625 3.4375C20.8542 3.72917 21 4.08333 21 4.5V19.5C21 19.9167 20.8542 20.2708 20.5625 20.5625C20.2708 20.8542 19.9167 21 19.5 21H4.5ZM4.5 19.5H19.5V4.5H4.5V19.5ZM7 17H13.825V15.5H7V17ZM7 12.75H17V11.25H7V12.75ZM7 8.5H17V7H7V8.5ZM12 4.075C12.2333 4.075 12.4375 3.9875 12.6125 3.8125C12.7875 3.6375 12.875 3.43333 12.875 3.2C12.875 2.96667 12.7875 2.7625 12.6125 2.5875C12.4375 2.4125 12.2333 2.325 12 2.325C11.7667 2.325 11.5625 2.4125 11.3875 2.5875C11.2125 2.7625 11.125 2.96667 11.125 3.2C11.125 3.43333 11.2125 3.6375 11.3875 3.8125C11.5625 3.9875 11.7667 4.075 12 4.075ZM4.5 19.5V4.5V19.5Z"
+      fill="black"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/clock-icon.tsx b/web/components/icons/clock-icon.tsx
similarity index 100%
rename from apps/app/components/icons/clock-icon.tsx
rename to web/components/icons/clock-icon.tsx
diff --git a/apps/app/components/icons/cloud-upload.tsx b/web/components/icons/cloud-upload.tsx
similarity index 100%
rename from apps/app/components/icons/cloud-upload.tsx
rename to web/components/icons/cloud-upload.tsx
diff --git a/apps/app/components/icons/cmd-icon.tsx b/web/components/icons/cmd-icon.tsx
similarity index 100%
rename from apps/app/components/icons/cmd-icon.tsx
rename to web/components/icons/cmd-icon.tsx
diff --git a/apps/app/components/icons/cog.tsx b/web/components/icons/cog.tsx
similarity index 100%
rename from apps/app/components/icons/cog.tsx
rename to web/components/icons/cog.tsx
diff --git a/apps/app/components/icons/color-pallette-icon.tsx b/web/components/icons/color-pallette-icon.tsx
similarity index 100%
rename from apps/app/components/icons/color-pallette-icon.tsx
rename to web/components/icons/color-pallette-icon.tsx
diff --git a/apps/app/components/icons/color-picker-icon.tsx b/web/components/icons/color-picker-icon.tsx
similarity index 100%
rename from apps/app/components/icons/color-picker-icon.tsx
rename to web/components/icons/color-picker-icon.tsx
diff --git a/apps/app/components/icons/command-icon.tsx b/web/components/icons/command-icon.tsx
similarity index 100%
rename from apps/app/components/icons/command-icon.tsx
rename to web/components/icons/command-icon.tsx
diff --git a/web/components/icons/comment-icon.tsx b/web/components/icons/comment-icon.tsx
new file mode 100644
index 000000000..8619abd34
--- /dev/null
+++ b/web/components/icons/comment-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CommentIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M2 16.1V3.05C2 2.81667 2.10833 2.58333 2.325 2.35C2.54167 2.11667 2.76667 2 3 2H15.975C16.225 2 16.4583 2.1125 16.675 2.3375C16.8917 2.5625 17 2.8 17 3.05V11.95C17 12.1833 16.8917 12.4167 16.675 12.65C16.4583 12.8833 16.225 13 15.975 13H6L2.65 16.35C2.53333 16.4667 2.39583 16.4958 2.2375 16.4375C2.07917 16.3792 2 16.2667 2 16.1ZM3.5 3.5V11.5V3.5ZM7.025 18C6.79167 18 6.5625 17.8833 6.3375 17.65C6.1125 17.4167 6 17.1833 6 16.95V14.5H18.5V6H21C21.2333 6 21.4583 6.11667 21.675 6.35C21.8917 6.58333 22 6.825 22 7.075V21.075C22 21.2417 21.9208 21.3542 21.7625 21.4125C21.6042 21.4708 21.4667 21.4417 21.35 21.325L18.025 18H7.025ZM15.5 3.5H3.5V11.5H15.5V3.5Z" />
+  </svg>
+);
diff --git a/web/components/icons/completed-cycle-icon.tsx b/web/components/icons/completed-cycle-icon.tsx
new file mode 100644
index 000000000..77d30b24b
--- /dev/null
+++ b/web/components/icons/completed-cycle-icon.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CompletedCycleIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+  color = "black",
+}) => (
+  <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
+    <path
+      d="m21.65 36.6-6.9-6.85 2.1-2.1 4.8 4.7 9.2-9.2 2.1 2.15ZM6 44V7h6.25V4h3.25v3h17V4h3.25v3H42v37Zm3-3h30V19.5H9Zm0-24.5h30V10H9Zm0 0V10v6.5Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/completed-state-icon.tsx b/web/components/icons/completed-state-icon.tsx
similarity index 100%
rename from apps/app/components/icons/completed-state-icon.tsx
rename to web/components/icons/completed-state-icon.tsx
diff --git a/apps/app/components/icons/contrast-icon.tsx b/web/components/icons/contrast-icon.tsx
similarity index 100%
rename from apps/app/components/icons/contrast-icon.tsx
rename to web/components/icons/contrast-icon.tsx
diff --git a/apps/app/components/icons/css-file-icon.tsx b/web/components/icons/css-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/css-file-icon.tsx
rename to web/components/icons/css-file-icon.tsx
index 54b563d37..a753ead73 100644
--- a/apps/app/components/icons/css-file-icon.tsx
+++ b/web/components/icons/css-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import CssFileIcon from "public/attachment/css-icon.png";
 
-export const CssIcon: React.FC<Props> = ({ width, height  }) => (
+export const CssIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={CssFileIcon} height={height} width={width} alt="CssFileIcon" />
 );
diff --git a/apps/app/components/icons/csv-file-icon.tsx b/web/components/icons/csv-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/csv-file-icon.tsx
rename to web/components/icons/csv-file-icon.tsx
index 63f01205e..d25aca262 100644
--- a/apps/app/components/icons/csv-file-icon.tsx
+++ b/web/components/icons/csv-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import CSVFileIcon from "public/attachment/csv-icon.png";
 
-export const CsvIcon: React.FC<Props> = ({ width , height }) => (
+export const CsvIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={CSVFileIcon} height={height} width={width} alt="CSVFileIcon" />
 );
diff --git a/web/components/icons/current-cycle-icon.tsx b/web/components/icons/current-cycle-icon.tsx
new file mode 100644
index 000000000..57b376780
--- /dev/null
+++ b/web/components/icons/current-cycle-icon.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const CurrentCycleIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+  color = "black",
+}) => (
+  <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
+    <path
+      d="M15.3 28.3q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575Zm8.85 0q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575Zm8.5 0q-.85 0-1.425-.575-.575-.575-.575-1.425 0-.85.575-1.425.575-.575 1.425-.575.85 0 1.425.575.575.575.575 1.425 0 .85-.575 1.425-.575.575-1.425.575ZM6 44V7h6.25V4h3.25v3h17V4h3.25v3H42v37Zm3-3h30V19.5H9Zm0-24.5h30V10H9Zm0 0V10v6.5Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/cycle-icon.tsx b/web/components/icons/cycle-icon.tsx
similarity index 100%
rename from apps/app/components/icons/cycle-icon.tsx
rename to web/components/icons/cycle-icon.tsx
diff --git a/apps/app/components/icons/default-file-icon.tsx b/web/components/icons/default-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/default-file-icon.tsx
rename to web/components/icons/default-file-icon.tsx
index 5323d8e07..3bc1948e3 100644
--- a/apps/app/components/icons/default-file-icon.tsx
+++ b/web/components/icons/default-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import DefaultFileIcon from "public/attachment/default-icon.png";
 
-export const DefaultIcon: React.FC<Props> = ({ width, height  }) => (
+export const DefaultIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={DefaultFileIcon} height={height} width={width} alt="DefaultFileIcon" />
 );
diff --git a/apps/app/components/icons/discord-icon.tsx b/web/components/icons/discord-icon.tsx
similarity index 100%
rename from apps/app/components/icons/discord-icon.tsx
rename to web/components/icons/discord-icon.tsx
diff --git a/apps/app/components/icons/doc-file-icon.tsx b/web/components/icons/doc-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/doc-file-icon.tsx
rename to web/components/icons/doc-file-icon.tsx
index 173d40df1..a4367ef7c 100644
--- a/apps/app/components/icons/doc-file-icon.tsx
+++ b/web/components/icons/doc-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import DocFileIcon from "public/attachment/doc-icon.png";
 
-export const DocIcon: React.FC<Props> = ({ width , height }) => (
+export const DocIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={DocFileIcon} height={height} width={width} alt="DocFileIcon" />
 );
diff --git a/apps/app/components/icons/document-icon.tsx b/web/components/icons/document-icon.tsx
similarity index 82%
rename from apps/app/components/icons/document-icon.tsx
rename to web/components/icons/document-icon.tsx
index a9c599578..b84dd4c39 100644
--- a/apps/app/components/icons/document-icon.tsx
+++ b/web/components/icons/document-icon.tsx
@@ -2,17 +2,23 @@ import React from "react";
 
 import type { Props } from "./types";
 
-export const DocumentIcon: React.FC<Props> = ({ width = "24", height = "24", className, color }) => (
-    <svg
-      width={width}
-      height={height}
-      className={className}
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+export const DocumentIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+  color,
+}) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       fill={color}
-      d="M7.27051 14.792H12.7288C12.9094 14.792 13.0587 14.733 13.1768 14.6149C13.2948 14.4969 13.3538 14.3475 13.3538 14.167C13.3538 13.9864 13.2948 13.8371 13.1768 13.7191C13.0587 13.601 12.9094 13.542 12.7288 13.542H7.27051C7.08995 13.542 6.94065 13.601 6.82259 13.7191C6.70454 13.8371 6.64551 13.9864 6.64551 14.167C6.64551 14.3475 6.70454 14.4969 6.82259 14.6149C6.94065 14.733 7.08995 14.792 7.27051 14.792ZM7.27051 11.2503H12.7288C12.9094 11.2503 13.0587 11.1913 13.1768 11.0732C13.2948 10.9552 13.3538 10.8059 13.3538 10.6253C13.3538 10.4448 13.2948 10.2955 13.1768 10.1774C13.0587 10.0594 12.9094 10.0003 12.7288 10.0003H7.27051C7.08995 10.0003 6.94065 10.0594 6.82259 10.1774C6.70454 10.2955 6.64551 10.4448 6.64551 10.6253C6.64551 10.8059 6.70454 10.9552 6.82259 11.0732C6.94065 11.1913 7.08995 11.2503 7.27051 11.2503ZM4.58301 18.3337C4.24967 18.3337 3.95801 18.2087 3.70801 17.9587C3.45801 17.7087 3.33301 17.417 3.33301 17.0837V2.91699C3.33301 2.58366 3.45801 2.29199 3.70801 2.04199C3.95801 1.79199 4.24967 1.66699 4.58301 1.66699H11.583C11.7497 1.66699 11.9129 1.70171 12.0726 1.77116C12.2323 1.8406 12.3677 1.93088 12.4788 2.04199L16.2913 5.85449C16.4025 5.9656 16.4927 6.10102 16.5622 6.26074C16.6316 6.42046 16.6663 6.58366 16.6663 6.75033V17.0837C16.6663 17.417 16.5413 17.7087 16.2913 17.9587C16.0413 18.2087 15.7497 18.3337 15.4163 18.3337H4.58301ZM11.4788 6.16699V2.91699H4.58301V17.0837H15.4163V6.79199H12.1038C11.9233 6.79199 11.774 6.73296 11.6559 6.61491C11.5379 6.49685 11.4788 6.34755 11.4788 6.16699ZM4.58301 2.91699V6.79199V2.91699V17.0837V2.91699Z" />
-    </svg>
-  );
+      d="M7.27051 14.792H12.7288C12.9094 14.792 13.0587 14.733 13.1768 14.6149C13.2948 14.4969 13.3538 14.3475 13.3538 14.167C13.3538 13.9864 13.2948 13.8371 13.1768 13.7191C13.0587 13.601 12.9094 13.542 12.7288 13.542H7.27051C7.08995 13.542 6.94065 13.601 6.82259 13.7191C6.70454 13.8371 6.64551 13.9864 6.64551 14.167C6.64551 14.3475 6.70454 14.4969 6.82259 14.6149C6.94065 14.733 7.08995 14.792 7.27051 14.792ZM7.27051 11.2503H12.7288C12.9094 11.2503 13.0587 11.1913 13.1768 11.0732C13.2948 10.9552 13.3538 10.8059 13.3538 10.6253C13.3538 10.4448 13.2948 10.2955 13.1768 10.1774C13.0587 10.0594 12.9094 10.0003 12.7288 10.0003H7.27051C7.08995 10.0003 6.94065 10.0594 6.82259 10.1774C6.70454 10.2955 6.64551 10.4448 6.64551 10.6253C6.64551 10.8059 6.70454 10.9552 6.82259 11.0732C6.94065 11.1913 7.08995 11.2503 7.27051 11.2503ZM4.58301 18.3337C4.24967 18.3337 3.95801 18.2087 3.70801 17.9587C3.45801 17.7087 3.33301 17.417 3.33301 17.0837V2.91699C3.33301 2.58366 3.45801 2.29199 3.70801 2.04199C3.95801 1.79199 4.24967 1.66699 4.58301 1.66699H11.583C11.7497 1.66699 11.9129 1.70171 12.0726 1.77116C12.2323 1.8406 12.3677 1.93088 12.4788 2.04199L16.2913 5.85449C16.4025 5.9656 16.4927 6.10102 16.5622 6.26074C16.6316 6.42046 16.6663 6.58366 16.6663 6.75033V17.0837C16.6663 17.417 16.5413 17.7087 16.2913 17.9587C16.0413 18.2087 15.7497 18.3337 15.4163 18.3337H4.58301ZM11.4788 6.16699V2.91699H4.58301V17.0837H15.4163V6.79199H12.1038C11.9233 6.79199 11.774 6.73296 11.6559 6.61491C11.5379 6.49685 11.4788 6.34755 11.4788 6.16699ZM4.58301 2.91699V6.79199V2.91699V17.0837V2.91699Z"
+    />
+  </svg>
+);
diff --git a/web/components/icons/edit-icon.tsx b/web/components/icons/edit-icon.tsx
new file mode 100644
index 000000000..6b1ea2785
--- /dev/null
+++ b/web/components/icons/edit-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const EditIcon: React.FC<Props> = ({ width, height, className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 11.9751C10.9 11.9751 10 11.6251 9.3 10.9251C8.6 10.2251 8.25 9.3251 8.25 8.2251C8.25 7.1251 8.6 6.2251 9.3 5.5251C10 4.8251 10.9 4.4751 12 4.4751C13.1 4.4751 14 4.8251 14.7 5.5251C15.4 6.2251 15.75 7.1251 15.75 8.2251C15.75 9.3251 15.4 10.2251 14.7 10.9251C14 11.6251 13.1 11.9751 12 11.9751ZM18.5 20.0001H5.5C5.08333 20.0001 4.72917 19.8543 4.4375 19.5626C4.14583 19.2709 4 18.9168 4 18.5001V17.6501C4 17.0168 4.15833 16.4751 4.475 16.0251C4.79167 15.5751 5.2 15.2334 5.7 15.0001C6.81667 14.5001 7.8875 14.1251 8.9125 13.8751C9.9375 13.6251 10.9667 13.5001 12 13.5001C13.0333 13.5001 14.0583 13.6293 15.075 13.8876C16.0917 14.1459 17.1583 14.5168 18.275 15.0001C18.7917 15.2334 19.2083 15.5751 19.525 16.0251C19.8417 16.4751 20 17.0168 20 17.6501V18.5001C20 18.9168 19.8542 19.2709 19.5625 19.5626C19.2708 19.8543 18.9167 20.0001 18.5 20.0001ZM5.5 18.5001H18.5V17.6501C18.5 17.3834 18.4208 17.1293 18.2625 16.8876C18.1042 16.6459 17.9083 16.4668 17.675 16.3501C16.6083 15.8334 15.6333 15.4793 14.75 15.2876C13.8667 15.0959 12.95 15.0001 12 15.0001C11.05 15.0001 10.125 15.0959 9.225 15.2876C8.325 15.4793 7.35 15.8334 6.3 16.3501C6.06667 16.4668 5.875 16.6459 5.725 16.8876C5.575 17.1293 5.5 17.3834 5.5 17.6501V18.5001ZM12 10.4751C12.65 10.4751 13.1875 10.2626 13.6125 9.8376C14.0375 9.4126 14.25 8.8751 14.25 8.2251C14.25 7.5751 14.0375 7.0376 13.6125 6.6126C13.1875 6.1876 12.65 5.9751 12 5.9751C11.35 5.9751 10.8125 6.1876 10.3875 6.6126C9.9625 7.0376 9.75 7.5751 9.75 8.2251C9.75 8.8751 9.9625 9.4126 10.3875 9.8376C10.8125 10.2626 11.35 10.4751 12 10.4751Z"
+      fill="#212529"
+    />
+  </svg>
+);
diff --git a/web/components/icons/ellipsis-horizontal-icon.tsx b/web/components/icons/ellipsis-horizontal-icon.tsx
new file mode 100644
index 000000000..26979f9a5
--- /dev/null
+++ b/web/components/icons/ellipsis-horizontal-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const EllipsisHorizontalIcon: React.FC<Props> = ({ width, height, className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.2 13.1998C4.86667 13.1998 4.58333 13.0831 4.35 12.8498C4.11667 12.6165 4 12.3331 4 11.9998C4 11.6665 4.11667 11.3831 4.35 11.1498C4.58333 10.9165 4.86667 10.7998 5.2 10.7998C5.53333 10.7998 5.81667 10.9165 6.05 11.1498C6.28333 11.3831 6.4 11.6665 6.4 11.9998C6.4 12.3331 6.28333 12.6165 6.05 12.8498C5.81667 13.0831 5.53333 13.1998 5.2 13.1998ZM12 13.1998C11.6667 13.1998 11.3833 13.0831 11.15 12.8498C10.9167 12.6165 10.8 12.3331 10.8 11.9998C10.8 11.6665 10.9167 11.3831 11.15 11.1498C11.3833 10.9165 11.6667 10.7998 12 10.7998C12.3333 10.7998 12.6167 10.9165 12.85 11.1498C13.0833 11.3831 13.2 11.6665 13.2 11.9998C13.2 12.3331 13.0833 12.6165 12.85 12.8498C12.6167 13.0831 12.3333 13.1998 12 13.1998ZM18.8 13.1998C18.4667 13.1998 18.1833 13.0831 17.95 12.8498C17.7167 12.6165 17.6 12.3331 17.6 11.9998C17.6 11.6665 17.7167 11.3831 17.95 11.1498C18.1833 10.9165 18.4667 10.7998 18.8 10.7998C19.1333 10.7998 19.4167 10.9165 19.65 11.1498C19.8833 11.3831 20 11.6665 20 11.9998C20 12.3331 19.8833 12.6165 19.65 12.8498C19.4167 13.0831 19.1333 13.1998 18.8 13.1998Z"
+      fill="black"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/exclamation-icon.tsx b/web/components/icons/exclamation-icon.tsx
similarity index 100%
rename from apps/app/components/icons/exclamation-icon.tsx
rename to web/components/icons/exclamation-icon.tsx
diff --git a/apps/app/components/icons/external-link-icon.tsx b/web/components/icons/external-link-icon.tsx
similarity index 100%
rename from apps/app/components/icons/external-link-icon.tsx
rename to web/components/icons/external-link-icon.tsx
diff --git a/apps/app/components/icons/figma-file-icon.tsx b/web/components/icons/figma-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/figma-file-icon.tsx
rename to web/components/icons/figma-file-icon.tsx
index 7ff9f6ac0..fc7b74f73 100644
--- a/apps/app/components/icons/figma-file-icon.tsx
+++ b/web/components/icons/figma-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import FigmaFileIcon from "public/attachment/figma-icon.png";
 
-export const FigmaIcon: React.FC<Props> = ({ width , height }) => (
+export const FigmaIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={FigmaFileIcon} height={height} width={width} alt="FigmaFileIcon" />
 );
diff --git a/apps/app/components/icons/github-icon.tsx b/web/components/icons/github-icon.tsx
similarity index 100%
rename from apps/app/components/icons/github-icon.tsx
rename to web/components/icons/github-icon.tsx
diff --git a/apps/app/components/icons/grid-view-icons.tsx b/web/components/icons/grid-view-icons.tsx
similarity index 100%
rename from apps/app/components/icons/grid-view-icons.tsx
rename to web/components/icons/grid-view-icons.tsx
diff --git a/apps/app/components/icons/heartbeat-icon.tsx b/web/components/icons/heartbeat-icon.tsx
similarity index 100%
rename from apps/app/components/icons/heartbeat-icon.tsx
rename to web/components/icons/heartbeat-icon.tsx
diff --git a/apps/app/components/icons/html-file-icon.tsx b/web/components/icons/html-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/html-file-icon.tsx
rename to web/components/icons/html-file-icon.tsx
index 9de4080b0..4eddb323b 100644
--- a/apps/app/components/icons/html-file-icon.tsx
+++ b/web/components/icons/html-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import HtmlFileIcon from "public/attachment/html-icon.png";
 
-export const HtmlIcon: React.FC<Props> = ({ width, height  }) => (
+export const HtmlIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={HtmlFileIcon} height={height} width={width} alt="HtmlFileIcon" />
 );
diff --git a/apps/app/components/icons/img-file-icon.tsx b/web/components/icons/img-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/img-file-icon.tsx
rename to web/components/icons/img-file-icon.tsx
index 1333957c1..0c58fa101 100644
--- a/apps/app/components/icons/img-file-icon.tsx
+++ b/web/components/icons/img-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import ImgFileIcon from "public/attachment/img-icon.png";
 
-export const ImgIcon: React.FC<Props> = ({ width , height }) => (
+export const ImgIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={ImgFileIcon} height={height} width={width} alt="ImgFileIcon" />
 );
diff --git a/apps/app/components/icons/import-layers.tsx b/web/components/icons/import-layers.tsx
similarity index 100%
rename from apps/app/components/icons/import-layers.tsx
rename to web/components/icons/import-layers.tsx
diff --git a/apps/app/components/icons/inbox-icon.tsx b/web/components/icons/inbox-icon.tsx
similarity index 100%
rename from apps/app/components/icons/inbox-icon.tsx
rename to web/components/icons/inbox-icon.tsx
diff --git a/apps/app/components/icons/index.ts b/web/components/icons/index.ts
similarity index 100%
rename from apps/app/components/icons/index.ts
rename to web/components/icons/index.ts
diff --git a/apps/app/components/icons/jpg-file-icon.tsx b/web/components/icons/jpg-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/jpg-file-icon.tsx
rename to web/components/icons/jpg-file-icon.tsx
index e88f0e47f..26d3af373 100644
--- a/apps/app/components/icons/jpg-file-icon.tsx
+++ b/web/components/icons/jpg-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import JpgFileIcon from "public/attachment/jpg-icon.png";
 
-export const JpgIcon: React.FC<Props> = ({ width, height  }) => (
+export const JpgIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={JpgFileIcon} height={height} width={width} alt="JpgFileIcon" />
 );
diff --git a/apps/app/components/icons/js-file-icon.tsx b/web/components/icons/js-file-icon.tsx
similarity index 97%
rename from apps/app/components/icons/js-file-icon.tsx
rename to web/components/icons/js-file-icon.tsx
index 9f879ba6b..67cfa05d4 100644
--- a/apps/app/components/icons/js-file-icon.tsx
+++ b/web/components/icons/js-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import JsFileIcon from "public/attachment/js-icon.png";
 
-export const JavaScriptIcon: React.FC<Props> = ({ width, height  }) => (
+export const JavaScriptIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={JsFileIcon} height={height} width={width} alt="JsFileIcon" />
 );
diff --git a/apps/app/components/icons/layer-diagonal-icon.tsx b/web/components/icons/layer-diagonal-icon.tsx
similarity index 100%
rename from apps/app/components/icons/layer-diagonal-icon.tsx
rename to web/components/icons/layer-diagonal-icon.tsx
diff --git a/web/components/icons/lock-icon.tsx b/web/components/icons/lock-icon.tsx
new file mode 100644
index 000000000..2892011df
--- /dev/null
+++ b/web/components/icons/lock-icon.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const LockIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 25 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M6 22C5.58333 22 5.22917 21.8542 4.9375 21.5625C4.64583 21.2708 4.5 20.9167 4.5 20.5V9.65C4.5 9.23333 4.64583 8.87917 4.9375 8.5875C5.22917 8.29583 5.58333 8.15 6 8.15H7.75V5.75C7.75 4.43333 8.2125 3.3125 9.1375 2.3875C10.0625 1.4625 11.1833 1 12.5 1C13.8167 1 14.9375 1.4625 15.8625 2.3875C16.7875 3.3125 17.25 4.43333 17.25 5.75V8.15H19C19.4167 8.15 19.7708 8.29583 20.0625 8.5875C20.3542 8.87917 20.5 9.23333 20.5 9.65V20.5C20.5 20.9167 20.3542 21.2708 20.0625 21.5625C19.7708 21.8542 19.4167 22 19 22H6ZM6 20.5H19V9.65H6V20.5ZM12.5 17C13.0333 17 13.4875 16.8167 13.8625 16.45C14.2375 16.0833 14.425 15.6417 14.425 15.125C14.425 14.625 14.2375 14.1708 13.8625 13.7625C13.4875 13.3542 13.0333 13.15 12.5 13.15C11.9667 13.15 11.5125 13.3542 11.1375 13.7625C10.7625 14.1708 10.575 14.625 10.575 15.125C10.575 15.6417 10.7625 16.0833 11.1375 16.45C11.5125 16.8167 11.9667 17 12.5 17ZM9.25 8.15H15.75V5.75C15.75 4.85 15.4333 4.08333 14.8 3.45C14.1667 2.81667 13.4 2.5 12.5 2.5C11.6 2.5 10.8333 2.81667 10.2 3.45C9.56667 4.08333 9.25 4.85 9.25 5.75V8.15ZM6 20.5V9.65V20.5Z" />
+  </svg>
+);
diff --git a/web/components/icons/menu-icon.tsx b/web/components/icons/menu-icon.tsx
new file mode 100644
index 000000000..3b5e033d8
--- /dev/null
+++ b/web/components/icons/menu-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const MenuIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.75 18C3.53333 18 3.35417 17.9292 3.2125 17.7875C3.07083 17.6458 3 17.4667 3 17.25C3 17.0333 3.07083 16.8542 3.2125 16.7125C3.35417 16.5708 3.53333 16.5 3.75 16.5H20.25C20.4667 16.5 20.6458 16.5708 20.7875 16.7125C20.9292 16.8542 21 17.0333 21 17.25C21 17.4667 20.9292 17.6458 20.7875 17.7875C20.6458 17.9292 20.4667 18 20.25 18H3.75ZM3.75 12.75C3.53333 12.75 3.35417 12.6792 3.2125 12.5375C3.07083 12.3958 3 12.2167 3 12C3 11.7833 3.07083 11.6042 3.2125 11.4625C3.35417 11.3208 3.53333 11.25 3.75 11.25H20.25C20.4667 11.25 20.6458 11.3208 20.7875 11.4625C20.9292 11.6042 21 11.7833 21 12C21 12.2167 20.9292 12.3958 20.7875 12.5375C20.6458 12.6792 20.4667 12.75 20.25 12.75H3.75ZM3.75 7.5C3.53333 7.5 3.35417 7.42917 3.2125 7.2875C3.07083 7.14583 3 6.96667 3 6.75C3 6.53333 3.07083 6.35417 3.2125 6.2125C3.35417 6.07083 3.53333 6 3.75 6H20.25C20.4667 6 20.6458 6.07083 20.7875 6.2125C20.9292 6.35417 21 6.53333 21 6.75C21 6.96667 20.9292 7.14583 20.7875 7.2875C20.6458 7.42917 20.4667 7.5 20.25 7.5H3.75Z"
+      fill="#212529"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/module/backlog.tsx b/web/components/icons/module/backlog.tsx
similarity index 100%
rename from apps/app/components/icons/module/backlog.tsx
rename to web/components/icons/module/backlog.tsx
diff --git a/apps/app/components/icons/module/cancelled.tsx b/web/components/icons/module/cancelled.tsx
similarity index 100%
rename from apps/app/components/icons/module/cancelled.tsx
rename to web/components/icons/module/cancelled.tsx
diff --git a/apps/app/components/icons/module/completed.tsx b/web/components/icons/module/completed.tsx
similarity index 100%
rename from apps/app/components/icons/module/completed.tsx
rename to web/components/icons/module/completed.tsx
diff --git a/apps/app/components/icons/module/in-progress.tsx b/web/components/icons/module/in-progress.tsx
similarity index 100%
rename from apps/app/components/icons/module/in-progress.tsx
rename to web/components/icons/module/in-progress.tsx
diff --git a/apps/app/components/icons/module/index.ts b/web/components/icons/module/index.ts
similarity index 100%
rename from apps/app/components/icons/module/index.ts
rename to web/components/icons/module/index.ts
diff --git a/apps/app/components/icons/module/module-status-icon.tsx b/web/components/icons/module/module-status-icon.tsx
similarity index 100%
rename from apps/app/components/icons/module/module-status-icon.tsx
rename to web/components/icons/module/module-status-icon.tsx
diff --git a/apps/app/components/icons/module/paused.tsx b/web/components/icons/module/paused.tsx
similarity index 100%
rename from apps/app/components/icons/module/paused.tsx
rename to web/components/icons/module/paused.tsx
diff --git a/apps/app/components/icons/module/planned.tsx b/web/components/icons/module/planned.tsx
similarity index 100%
rename from apps/app/components/icons/module/planned.tsx
rename to web/components/icons/module/planned.tsx
diff --git a/apps/app/components/icons/pdf-file-icon.tsx b/web/components/icons/pdf-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/pdf-file-icon.tsx
rename to web/components/icons/pdf-file-icon.tsx
index 5467f0812..cb2014ee0 100644
--- a/apps/app/components/icons/pdf-file-icon.tsx
+++ b/web/components/icons/pdf-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import PDFFileIcon from "public/attachment/pdf-icon.png";
 
-export const PdfIcon: React.FC<Props> = ({ width , height  }) => (
+export const PdfIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={PDFFileIcon} height={height} width={width} alt="PDFFileIcon" />
 );
diff --git a/apps/app/components/icons/pencil-scribble-icon.tsx b/web/components/icons/pencil-scribble-icon.tsx
similarity index 100%
rename from apps/app/components/icons/pencil-scribble-icon.tsx
rename to web/components/icons/pencil-scribble-icon.tsx
diff --git a/apps/app/components/icons/people-group-icon.tsx b/web/components/icons/people-group-icon.tsx
similarity index 100%
rename from apps/app/components/icons/people-group-icon.tsx
rename to web/components/icons/people-group-icon.tsx
diff --git a/apps/app/components/icons/person-running-icon.tsx b/web/components/icons/person-running-icon.tsx
similarity index 100%
rename from apps/app/components/icons/person-running-icon.tsx
rename to web/components/icons/person-running-icon.tsx
diff --git a/web/components/icons/plus-icon.tsx b/web/components/icons/plus-icon.tsx
new file mode 100644
index 000000000..25489a4fd
--- /dev/null
+++ b/web/components/icons/plus-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const PlusIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 19C11.7833 19 11.6042 18.9292 11.4625 18.7875C11.3208 18.6458 11.25 18.4667 11.25 18.25V12.75H5.75C5.53333 12.75 5.35417 12.6792 5.2125 12.5375C5.07083 12.3958 5 12.2167 5 12C5 11.7833 5.07083 11.6042 5.2125 11.4625C5.35417 11.3208 5.53333 11.25 5.75 11.25H11.25V5.75C11.25 5.53333 11.3208 5.35417 11.4625 5.2125C11.6042 5.07083 11.7833 5 12 5C12.2167 5 12.3958 5.07083 12.5375 5.2125C12.6792 5.35417 12.75 5.53333 12.75 5.75V11.25H18.25C18.4667 11.25 18.6458 11.3208 18.7875 11.4625C18.9292 11.6042 19 11.7833 19 12C19 12.2167 18.9292 12.3958 18.7875 12.5375C18.6458 12.6792 18.4667 12.75 18.25 12.75H12.75V18.25C12.75 18.4667 12.6792 18.6458 12.5375 18.7875C12.3958 18.9292 12.2167 19 12 19Z"
+      fill="#FFFFFF"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/png-file-icon.tsx b/web/components/icons/png-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/png-file-icon.tsx
rename to web/components/icons/png-file-icon.tsx
index 21b5dc116..fb64ed824 100644
--- a/apps/app/components/icons/png-file-icon.tsx
+++ b/web/components/icons/png-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import PngFileIcon from "public/attachment/png-icon.png";
 
-export const PngIcon: React.FC<Props> = ({ width, height  }) => (
+export const PngIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={PngFileIcon} height={height} width={width} alt="PngFileIcon" />
 );
diff --git a/apps/app/components/icons/priority-icon.tsx b/web/components/icons/priority-icon.tsx
similarity index 100%
rename from apps/app/components/icons/priority-icon.tsx
rename to web/components/icons/priority-icon.tsx
diff --git a/web/components/icons/question-mark-circle-icon.tsx b/web/components/icons/question-mark-circle-icon.tsx
new file mode 100644
index 000000000..f4abd903f
--- /dev/null
+++ b/web/components/icons/question-mark-circle-icon.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const QuestionMarkCircleIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+}) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M12.1 17.825C12.3667 17.825 12.5917 17.7333 12.775 17.55C12.9583 17.3667 13.05 17.1417 13.05 16.875C13.05 16.6083 12.9583 16.3833 12.775 16.2C12.5917 16.0167 12.3667 15.925 12.1 15.925C11.8333 15.925 11.6083 16.0167 11.425 16.2C11.2417 16.3833 11.15 16.6083 11.15 16.875C11.15 17.1417 11.2417 17.3667 11.425 17.55C11.6083 17.7333 11.8333 17.825 12.1 17.825ZM12.075 7.5C12.6417 7.5 13.1 7.65417 13.45 7.9625C13.8 8.27083 13.975 8.66667 13.975 9.15C13.975 9.48333 13.875 9.8125 13.675 10.1375C13.475 10.4625 13.15 10.8167 12.7 11.2C12.2667 11.5833 11.9208 11.9875 11.6625 12.4125C11.4042 12.8375 11.275 13.225 11.275 13.575C11.275 13.7583 11.3458 13.9042 11.4875 14.0125C11.6292 14.1208 11.7917 14.175 11.975 14.175C12.175 14.175 12.3417 14.1083 12.475 13.975C12.6083 13.8417 12.6917 13.675 12.725 13.475C12.775 13.1417 12.8875 12.8458 13.0625 12.5875C13.2375 12.3292 13.5083 12.05 13.875 11.75C14.375 11.3333 14.7375 10.9167 14.9625 10.5C15.1875 10.0833 15.3 9.61667 15.3 9.1C15.3 8.21667 15.0125 7.50833 14.4375 6.975C13.8625 6.44167 13.1 6.175 12.15 6.175C11.5167 6.175 10.9333 6.3 10.4 6.55C9.86667 6.8 9.425 7.16667 9.075 7.65C8.94167 7.83333 8.8875 8.02083 8.9125 8.2125C8.9375 8.40417 9.01667 8.55 9.15 8.65C9.33333 8.78333 9.52917 8.825 9.7375 8.775C9.94583 8.725 10.1167 8.60833 10.25 8.425C10.4667 8.125 10.7292 7.89583 11.0375 7.7375C11.3458 7.57917 11.6917 7.5 12.075 7.5ZM12 22C10.6 22 9.29167 21.7458 8.075 21.2375C6.85833 20.7292 5.8 20.025 4.9 19.125C4 18.225 3.29167 17.1667 2.775 15.95C2.25833 14.7333 2 13.4167 2 12C2 10.6 2.25833 9.29167 2.775 8.075C3.29167 6.85833 4 5.8 4.9 4.9C5.8 4 6.85833 3.29167 8.075 2.775C9.29167 2.25833 10.6 2 12 2C13.3833 2 14.6833 2.25833 15.9 2.775C17.1167 3.29167 18.175 4 19.075 4.9C19.975 5.8 20.6875 6.85833 21.2125 8.075C21.7375 9.29167 22 10.6 22 12C22 13.4167 21.7375 14.7333 21.2125 15.95C20.6875 17.1667 19.975 18.225 19.075 19.125C18.175 20.025 17.1167 20.7292 15.9 21.2375C14.6833 21.7458 13.3833 22 12 22ZM12 20.5C14.35 20.5 16.3542 19.6667 18.0125 18C19.6708 16.3333 20.5 14.3333 20.5 12C20.5 9.66667 19.6708 7.66667 18.0125 6C16.3542 4.33333 14.35 3.5 12 3.5C9.61667 3.5 7.60417 4.33333 5.9625 6C4.32083 7.66667 3.5 9.66667 3.5 12C3.5 14.3333 4.32083 16.3333 5.9625 18C7.60417 19.6667 9.61667 20.5 12 20.5Z" />
+  </svg>
+);
diff --git a/apps/app/components/icons/setting-icon.tsx b/web/components/icons/setting-icon.tsx
similarity index 100%
rename from apps/app/components/icons/setting-icon.tsx
rename to web/components/icons/setting-icon.tsx
diff --git a/apps/app/components/icons/sheet-file-icon.tsx b/web/components/icons/sheet-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/sheet-file-icon.tsx
rename to web/components/icons/sheet-file-icon.tsx
index 9e57ce71c..dd4eee8ec 100644
--- a/apps/app/components/icons/sheet-file-icon.tsx
+++ b/web/components/icons/sheet-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import SheetFileIcon from "public/attachment/excel-icon.png";
 
-export const SheetIcon: React.FC<Props> = ({ width, height  }) => (
+export const SheetIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={SheetFileIcon} height={height} width={width} alt="SheetFileIcon" />
 );
diff --git a/web/components/icons/signal-cellular-icon.tsx b/web/components/icons/signal-cellular-icon.tsx
new file mode 100644
index 000000000..bb7d108fe
--- /dev/null
+++ b/web/components/icons/signal-cellular-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const SignalCellularIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M18.75 20C18.4 20 18.1042 19.8792 17.8625 19.6375C17.6208 19.3958 17.5 19.1 17.5 18.75V5.25C17.5 4.9 17.6208 4.60417 17.8625 4.3625C18.1042 4.12083 18.4 4 18.75 4C19.1 4 19.3958 4.12083 19.6375 4.3625C19.8792 4.60417 20 4.9 20 5.25V18.75C20 19.1 19.8792 19.3958 19.6375 19.6375C19.3958 19.8792 19.1 20 18.75 20ZM6.275 20C6.09167 20 5.92083 19.9667 5.7625 19.9C5.60417 19.8333 5.47083 19.7458 5.3625 19.6375C5.25417 19.5292 5.16667 19.3958 5.1 19.2375C5.03333 19.0792 5 18.9167 5 18.75V15.25C5 14.9 5.12083 14.6042 5.3625 14.3625C5.60417 14.1208 5.9 14 6.25 14C6.6 14 6.89583 14.1208 7.1375 14.3625C7.37917 14.6042 7.5 14.9 7.5 15.25V18.75C7.5 18.9167 7.46667 19.0792 7.4 19.2375C7.33333 19.3958 7.24583 19.5292 7.1375 19.6375C7.02917 19.7458 6.9 19.8333 6.75 19.9C6.6 19.9667 6.44167 20 6.275 20ZM12.5 20C12.15 20 11.8542 19.8792 11.6125 19.6375C11.3708 19.3958 11.25 19.1 11.25 18.75V10.25C11.25 9.9 11.3708 9.60417 11.6125 9.3625C11.8542 9.12083 12.15 9 12.5 9C12.85 9 13.1458 9.12083 13.3875 9.3625C13.6292 9.60417 13.75 9.9 13.75 10.25V18.75C13.75 19.1 13.6292 19.3958 13.3875 19.6375C13.1458 19.8792 12.85 20 12.5 20Z"
+      fill="#212529"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/single-comment-icon.tsx b/web/components/icons/single-comment-icon.tsx
similarity index 100%
rename from apps/app/components/icons/single-comment-icon.tsx
rename to web/components/icons/single-comment-icon.tsx
diff --git a/apps/app/components/icons/sort-icon.tsx b/web/components/icons/sort-icon.tsx
similarity index 100%
rename from apps/app/components/icons/sort-icon.tsx
rename to web/components/icons/sort-icon.tsx
diff --git a/apps/app/components/icons/stacked-layers-horizontal-icon.tsx b/web/components/icons/stacked-layers-horizontal-icon.tsx
similarity index 100%
rename from apps/app/components/icons/stacked-layers-horizontal-icon.tsx
rename to web/components/icons/stacked-layers-horizontal-icon.tsx
diff --git a/apps/app/components/icons/stacked-layers-icon.tsx b/web/components/icons/stacked-layers-icon.tsx
similarity index 100%
rename from apps/app/components/icons/stacked-layers-icon.tsx
rename to web/components/icons/stacked-layers-icon.tsx
diff --git a/apps/app/components/icons/started-state-icon.tsx b/web/components/icons/started-state-icon.tsx
similarity index 100%
rename from apps/app/components/icons/started-state-icon.tsx
rename to web/components/icons/started-state-icon.tsx
diff --git a/apps/app/components/icons/state-group-icon.tsx b/web/components/icons/state-group-icon.tsx
similarity index 100%
rename from apps/app/components/icons/state-group-icon.tsx
rename to web/components/icons/state-group-icon.tsx
diff --git a/apps/app/components/icons/svg-file-icon.tsx b/web/components/icons/svg-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/svg-file-icon.tsx
rename to web/components/icons/svg-file-icon.tsx
index d04ae3167..043f41aeb 100644
--- a/apps/app/components/icons/svg-file-icon.tsx
+++ b/web/components/icons/svg-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import SvgFileIcon from "public/attachment/svg-icon.png";
 
-export const SvgIcon: React.FC<Props> = ({ width, height  }) => (
+export const SvgIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={SvgFileIcon} height={height} width={width} alt="SvgFileIcon" />
 );
diff --git a/web/components/icons/tag-icon.tsx b/web/components/icons/tag-icon.tsx
new file mode 100644
index 000000000..d907aabce
--- /dev/null
+++ b/web/components/icons/tag-icon.tsx
@@ -0,0 +1,24 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const TagIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+  color = "black",
+}) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M13.975 21.575C13.675 21.875 13.3125 22.025 12.8875 22.025C12.4625 22.025 12.1 21.875 11.8 21.575L2.425 12.2C2.25833 12.0333 2.14583 11.8583 2.0875 11.675C2.02917 11.4917 2 11.3 2 11.1V3.5C2 3.06667 2.14167 2.70833 2.425 2.425C2.70833 2.14167 3.06667 2 3.5 2H11.1C11.3 2 11.5 2.02917 11.7 2.0875C11.9 2.14583 12.0833 2.25833 12.25 2.425L21.575 11.75C21.8917 12.0667 22.05 12.4375 22.05 12.8625C22.05 13.2875 21.8917 13.6583 21.575 13.975L13.975 21.575ZM12.95 20.55L20.55 12.95L11.1 3.5H3.5V11.1L12.95 20.55ZM6.125 7.4C6.475 7.4 6.77917 7.27083 7.0375 7.0125C7.29583 6.75417 7.425 6.45 7.425 6.1C7.425 5.75 7.29583 5.44583 7.0375 5.1875C6.77917 4.92917 6.475 4.8 6.125 4.8C5.775 4.8 5.47083 4.92917 5.2125 5.1875C4.95417 5.44583 4.825 5.75 4.825 6.1C4.825 6.45 4.95417 6.75417 5.2125 7.0125C5.47083 7.27083 5.775 7.4 6.125 7.4Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/target-icon.tsx b/web/components/icons/target-icon.tsx
similarity index 100%
rename from apps/app/components/icons/target-icon.tsx
rename to web/components/icons/target-icon.tsx
diff --git a/apps/app/components/icons/tick-mark-icon.tsx b/web/components/icons/tick-mark-icon.tsx
similarity index 100%
rename from apps/app/components/icons/tick-mark-icon.tsx
rename to web/components/icons/tick-mark-icon.tsx
diff --git a/web/components/icons/transfer-icon.tsx b/web/components/icons/transfer-icon.tsx
new file mode 100644
index 000000000..dfb3f8c05
--- /dev/null
+++ b/web/components/icons/transfer-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const TransferIcon: React.FC<Props> = ({ width, height, className, color }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 18 15"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.16683 14.6667C4.54183 14.6667 3.16336 14.1007 2.03141 12.9688C0.899468 11.8368 0.333496 10.4583 0.333496 8.83333C0.333496 7.125 0.941135 5.73264 2.15641 4.65625C3.37169 3.57986 4.72933 3.09028 6.22933 3.1875L4.87516 1.83333C4.75016 1.70833 4.68766 1.55903 4.68766 1.38542C4.68766 1.21181 4.75016 1.0625 4.87516 0.9375C5.00016 0.8125 5.14947 0.75 5.32308 0.75C5.49669 0.75 5.646 0.8125 5.771 0.9375L8.22933 3.39583C8.29877 3.46528 8.34739 3.53472 8.37516 3.60417C8.40294 3.67361 8.41683 3.75 8.41683 3.83333C8.41683 3.91667 8.40294 3.99306 8.37516 4.0625C8.34739 4.13194 8.29877 4.20139 8.22933 4.27083L5.771 6.72917C5.646 6.85417 5.50016 6.91319 5.3335 6.90625C5.16683 6.89931 5.021 6.83333 4.896 6.70833C4.771 6.58333 4.7085 6.43403 4.7085 6.26042C4.7085 6.08681 4.771 5.9375 4.896 5.8125L6.29183 4.41667C4.97239 4.38889 3.8578 4.79167 2.94808 5.625C2.03836 6.45833 1.5835 7.52778 1.5835 8.83333C1.5835 10.0972 2.03141 11.1771 2.92725 12.0729C3.82308 12.9688 4.90294 13.4167 6.16683 13.4167H8.04183C8.22239 13.4167 8.37169 13.4757 8.48975 13.5938C8.6078 13.7118 8.66683 13.8611 8.66683 14.0417C8.66683 14.2222 8.6078 14.3715 8.48975 14.4896C8.37169 14.6076 8.22239 14.6667 8.04183 14.6667H6.16683ZM11.5835 14.6667C11.2363 14.6667 10.9411 14.5451 10.6981 14.3021C10.455 14.059 10.3335 13.7639 10.3335 13.4167V10.0833C10.3335 9.73611 10.455 9.44097 10.6981 9.19792C10.9411 8.95486 11.2363 8.83333 11.5835 8.83333H16.5835C16.9307 8.83333 17.2259 8.95486 17.4689 9.19792C17.712 9.44097 17.8335 9.73611 17.8335 10.0833V13.4167C17.8335 13.7639 17.712 14.059 17.4689 14.3021C17.2259 14.5451 16.9307 14.6667 16.5835 14.6667H11.5835ZM11.5835 13.4167H16.5835V10.0833H11.5835V13.4167ZM11.5835 7.16667C11.2363 7.16667 10.9411 7.04514 10.6981 6.80208C10.455 6.55903 10.3335 6.26389 10.3335 5.91667V2.58333C10.3335 2.23611 10.455 1.94097 10.6981 1.69792C10.9411 1.45486 11.2363 1.33333 11.5835 1.33333H16.5835C16.9307 1.33333 17.2259 1.45486 17.4689 1.69792C17.712 1.94097 17.8335 2.23611 17.8335 2.58333V5.91667C17.8335 6.26389 17.712 6.55903 17.4689 6.80208C17.2259 7.04514 16.9307 7.16667 16.5835 7.16667H11.5835Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/triangle-exclamation-icon.tsx b/web/components/icons/triangle-exclamation-icon.tsx
similarity index 100%
rename from apps/app/components/icons/triangle-exclamation-icon.tsx
rename to web/components/icons/triangle-exclamation-icon.tsx
diff --git a/web/components/icons/tune-icon.tsx b/web/components/icons/tune-icon.tsx
new file mode 100644
index 000000000..baa2dcd72
--- /dev/null
+++ b/web/components/icons/tune-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const TuneIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3.75 18.95C3.53333 18.95 3.35417 18.8792 3.2125 18.7375C3.07083 18.5958 3 18.4167 3 18.2C3 17.9833 3.07083 17.8042 3.2125 17.6625C3.35417 17.5208 3.53333 17.45 3.75 17.45H8.425C8.64167 17.45 8.82083 17.5208 8.9625 17.6625C9.10417 17.8042 9.175 17.9833 9.175 18.2C9.175 18.4167 9.10417 18.5958 8.9625 18.7375C8.82083 18.8792 8.64167 18.95 8.425 18.95H3.75ZM3.75 6.55C3.53333 6.55 3.35417 6.47917 3.2125 6.3375C3.07083 6.19583 3 6.01667 3 5.8C3 5.58333 3.07083 5.40417 3.2125 5.2625C3.35417 5.12083 3.53333 5.05 3.75 5.05H12.575C12.7917 5.05 12.9708 5.12083 13.1125 5.2625C13.2542 5.40417 13.325 5.58333 13.325 5.8C13.325 6.01667 13.2542 6.19583 13.1125 6.3375C12.9708 6.47917 12.7917 6.55 12.575 6.55H3.75ZM11.425 21C11.2083 21 11.0292 20.9292 10.8875 20.7875C10.7458 20.6458 10.675 20.4667 10.675 20.25V16.125C10.675 15.9083 10.7458 15.7292 10.8875 15.5875C11.0292 15.4458 11.2083 15.375 11.425 15.375C11.6417 15.375 11.8208 15.4458 11.9625 15.5875C12.1042 15.7292 12.175 15.9083 12.175 16.125V17.45H20.25C20.4667 17.45 20.6458 17.5208 20.7875 17.6625C20.9292 17.8042 21 17.9833 21 18.2C21 18.4167 20.9292 18.5958 20.7875 18.7375C20.6458 18.8792 20.4667 18.95 20.25 18.95H12.175V20.25C12.175 20.4667 12.1042 20.6458 11.9625 20.7875C11.8208 20.9292 11.6417 21 11.425 21ZM8.425 14.8C8.20833 14.8 8.02917 14.7292 7.8875 14.5875C7.74583 14.4458 7.675 14.2667 7.675 14.05V12.75H3.75C3.53333 12.75 3.35417 12.6792 3.2125 12.5375C3.07083 12.3958 3 12.2167 3 12C3 11.7833 3.07083 11.6042 3.2125 11.4625C3.35417 11.3208 3.53333 11.25 3.75 11.25H7.675V9.9C7.675 9.68333 7.74583 9.50417 7.8875 9.3625C8.02917 9.22083 8.20833 9.15 8.425 9.15C8.64167 9.15 8.82083 9.22083 8.9625 9.3625C9.10417 9.50417 9.175 9.68333 9.175 9.9V14.05C9.175 14.2667 9.10417 14.4458 8.9625 14.5875C8.82083 14.7292 8.64167 14.8 8.425 14.8ZM11.425 12.75C11.2083 12.75 11.0292 12.6792 10.8875 12.5375C10.7458 12.3958 10.675 12.2167 10.675 12C10.675 11.7833 10.7458 11.6042 10.8875 11.4625C11.0292 11.3208 11.2083 11.25 11.425 11.25H20.25C20.4667 11.25 20.6458 11.3208 20.7875 11.4625C20.9292 11.6042 21 11.7833 21 12C21 12.2167 20.9292 12.3958 20.7875 12.5375C20.6458 12.6792 20.4667 12.75 20.25 12.75H11.425ZM15.575 8.625C15.3583 8.625 15.1792 8.55417 15.0375 8.4125C14.8958 8.27083 14.825 8.09167 14.825 7.875V3.75C14.825 3.53333 14.8958 3.35417 15.0375 3.2125C15.1792 3.07083 15.3583 3 15.575 3C15.7917 3 15.9708 3.07083 16.1125 3.2125C16.2542 3.35417 16.325 3.53333 16.325 3.75V5.05H20.25C20.4667 5.05 20.6458 5.12083 20.7875 5.2625C20.9292 5.40417 21 5.58333 21 5.8C21 6.01667 20.9292 6.19583 20.7875 6.3375C20.6458 6.47917 20.4667 6.55 20.25 6.55H16.325V7.875C16.325 8.09167 16.2542 8.27083 16.1125 8.4125C15.9708 8.55417 15.7917 8.625 15.575 8.625Z"
+      fill="#212529"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/txt-file-icon.tsx b/web/components/icons/txt-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/txt-file-icon.tsx
rename to web/components/icons/txt-file-icon.tsx
index f0150a4cd..2fbfaee32 100644
--- a/apps/app/components/icons/txt-file-icon.tsx
+++ b/web/components/icons/txt-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import TxtFileIcon from "public/attachment/txt-icon.png";
 
-export const TxtIcon: React.FC<Props> = ({ width, height  }) => (
+export const TxtIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={TxtFileIcon} height={height} width={width} alt="TxtFileIcon" />
 );
diff --git a/apps/app/components/icons/types.d.ts b/web/components/icons/types.d.ts
similarity index 100%
rename from apps/app/components/icons/types.d.ts
rename to web/components/icons/types.d.ts
diff --git a/apps/app/components/icons/unstarted-state-icon.tsx b/web/components/icons/unstarted-state-icon.tsx
similarity index 100%
rename from apps/app/components/icons/unstarted-state-icon.tsx
rename to web/components/icons/unstarted-state-icon.tsx
diff --git a/web/components/icons/upcoming-cycle-icon.tsx b/web/components/icons/upcoming-cycle-icon.tsx
new file mode 100644
index 000000000..e9bad7a42
--- /dev/null
+++ b/web/components/icons/upcoming-cycle-icon.tsx
@@ -0,0 +1,17 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const UpcomingCycleIcon: React.FC<Props> = ({
+  width = "24",
+  height = "24",
+  className,
+  color = "black",
+}) => (
+  <svg xmlns="http://www.w3.org/2000/svg" height={height} width={width} className={className}>
+    <path
+      d="M28.3 44v-3H39V19.5H9v11H6V10q0-1.2.9-2.1Q7.8 7 9 7h3.25V4h3.25v3h17V4h3.25v3H39q1.2 0 2.1.9.9.9.9 2.1v31q0 1.2-.9 2.1-.9.9-2.1.9ZM16 47.3l-2.1-2.1 5.65-5.7H2.5v-3h17.05l-5.65-5.7 2.1-2.1 9.3 9.3ZM9 16.5h30V10H9Zm0 0V10v6.5Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/user-group-icon.tsx b/web/components/icons/user-group-icon.tsx
similarity index 100%
rename from apps/app/components/icons/user-group-icon.tsx
rename to web/components/icons/user-group-icon.tsx
diff --git a/web/components/icons/user-icon-circle.tsx b/web/components/icons/user-icon-circle.tsx
new file mode 100644
index 000000000..ffc88be3b
--- /dev/null
+++ b/web/components/icons/user-icon-circle.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const UserCircleIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M5.55 17.625C6.6 16.8917 7.64167 16.3292 8.675 15.9375C9.70833 15.5458 10.8167 15.35 12 15.35C13.1833 15.35 14.2958 15.5458 15.3375 15.9375C16.3792 16.3292 17.425 16.8917 18.475 17.625C19.2083 16.725 19.7292 15.8167 20.0375 14.9C20.3458 13.9833 20.5 13.0167 20.5 12C20.5 9.58333 19.6875 7.5625 18.0625 5.9375C16.4375 4.3125 14.4167 3.5 12 3.5C9.58333 3.5 7.5625 4.3125 5.9375 5.9375C4.3125 7.5625 3.5 9.58333 3.5 12C3.5 13.0167 3.65833 13.9833 3.975 14.9C4.29167 15.8167 4.81667 16.725 5.55 17.625ZM12 12.75C11.0333 12.75 10.2208 12.4208 9.5625 11.7625C8.90417 11.1042 8.575 10.2917 8.575 9.325C8.575 8.35833 8.90417 7.54583 9.5625 6.8875C10.2208 6.22917 11.0333 5.9 12 5.9C12.9667 5.9 13.7792 6.22917 14.4375 6.8875C15.0958 7.54583 15.425 8.35833 15.425 9.325C15.425 10.2917 15.0958 11.1042 14.4375 11.7625C13.7792 12.4208 12.9667 12.75 12 12.75ZM12 22C10.6333 22 9.34167 21.7375 8.125 21.2125C6.90833 20.6875 5.84583 19.9708 4.9375 19.0625C4.02917 18.1542 3.3125 17.0917 2.7875 15.875C2.2625 14.6583 2 13.3667 2 12C2 10.6167 2.2625 9.32083 2.7875 8.1125C3.3125 6.90417 4.02917 5.84583 4.9375 4.9375C5.84583 4.02917 6.90833 3.3125 8.125 2.7875C9.34167 2.2625 10.6333 2 12 2C13.3833 2 14.6792 2.2625 15.8875 2.7875C17.0958 3.3125 18.1542 4.02917 19.0625 4.9375C19.9708 5.84583 20.6875 6.90417 21.2125 8.1125C21.7375 9.32083 22 10.6167 22 12C22 13.3667 21.7375 14.6583 21.2125 15.875C20.6875 17.0917 19.9708 18.1542 19.0625 19.0625C18.1542 19.9708 17.0958 20.6875 15.8875 21.2125C14.6792 21.7375 13.3833 22 12 22ZM12 20.5C12.9167 20.5 13.8125 20.3667 14.6875 20.1C15.5625 19.8333 16.425 19.3667 17.275 18.7C16.425 18.1 15.5583 17.6417 14.675 17.325C13.7917 17.0083 12.9 16.85 12 16.85C11.1 16.85 10.2083 17.0083 9.325 17.325C8.44167 17.6417 7.575 18.1 6.725 18.7C7.575 19.3667 8.4375 19.8333 9.3125 20.1C10.1875 20.3667 11.0833 20.5 12 20.5ZM12 11.25C12.5667 11.25 13.0292 11.0708 13.3875 10.7125C13.7458 10.3542 13.925 9.89167 13.925 9.325C13.925 8.75833 13.7458 8.29583 13.3875 7.9375C13.0292 7.57917 12.5667 7.4 12 7.4C11.4333 7.4 10.9708 7.57917 10.6125 7.9375C10.2542 8.29583 10.075 8.75833 10.075 9.325C10.075 9.89167 10.2542 10.3542 10.6125 10.7125C10.9708 11.0708 11.4333 11.25 12 11.25Z" />
+  </svg>
+);
diff --git a/web/components/icons/user-icon.tsx b/web/components/icons/user-icon.tsx
new file mode 100644
index 000000000..dedea1bae
--- /dev/null
+++ b/web/components/icons/user-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const UserIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 11.9751C10.9 11.9751 10 11.6251 9.3 10.9251C8.6 10.2251 8.25 9.3251 8.25 8.2251C8.25 7.1251 8.6 6.2251 9.3 5.5251C10 4.8251 10.9 4.4751 12 4.4751C13.1 4.4751 14 4.8251 14.7 5.5251C15.4 6.2251 15.75 7.1251 15.75 8.2251C15.75 9.3251 15.4 10.2251 14.7 10.9251C14 11.6251 13.1 11.9751 12 11.9751ZM18.5 20.0001H5.5C5.08333 20.0001 4.72917 19.8543 4.4375 19.5626C4.14583 19.2709 4 18.9168 4 18.5001V17.6501C4 17.0168 4.15833 16.4751 4.475 16.0251C4.79167 15.5751 5.2 15.2334 5.7 15.0001C6.81667 14.5001 7.8875 14.1251 8.9125 13.8751C9.9375 13.6251 10.9667 13.5001 12 13.5001C13.0333 13.5001 14.0583 13.6293 15.075 13.8876C16.0917 14.1459 17.1583 14.5168 18.275 15.0001C18.7917 15.2334 19.2083 15.5751 19.525 16.0251C19.8417 16.4751 20 17.0168 20 17.6501V18.5001C20 18.9168 19.8542 19.2709 19.5625 19.5626C19.2708 19.8543 18.9167 20.0001 18.5 20.0001ZM5.5 18.5001H18.5V17.6501C18.5 17.3834 18.4208 17.1293 18.2625 16.8876C18.1042 16.6459 17.9083 16.4668 17.675 16.3501C16.6083 15.8334 15.6333 15.4793 14.75 15.2876C13.8667 15.0959 12.95 15.0001 12 15.0001C11.05 15.0001 10.125 15.0959 9.225 15.2876C8.325 15.4793 7.35 15.8334 6.3 16.3501C6.06667 16.4668 5.875 16.6459 5.725 16.8876C5.575 17.1293 5.5 17.3834 5.5 17.6501V18.5001ZM12 10.4751C12.65 10.4751 13.1875 10.2626 13.6125 9.8376C14.0375 9.4126 14.25 8.8751 14.25 8.2251C14.25 7.5751 14.0375 7.0376 13.6125 6.6126C13.1875 6.1876 12.65 5.9751 12 5.9751C11.35 5.9751 10.8125 6.1876 10.3875 6.6126C9.9625 7.0376 9.75 7.5751 9.75 8.2251C9.75 8.8751 9.9625 9.4126 10.3875 9.8376C10.8125 10.2626 11.35 10.4751 12 10.4751Z"
+      fill="#212529"
+    />
+  </svg>
+);
diff --git a/apps/app/components/icons/users.tsx b/web/components/icons/users.tsx
similarity index 100%
rename from apps/app/components/icons/users.tsx
rename to web/components/icons/users.tsx
diff --git a/apps/app/components/icons/video-file-icon.tsx b/web/components/icons/video-file-icon.tsx
similarity index 78%
rename from apps/app/components/icons/video-file-icon.tsx
rename to web/components/icons/video-file-icon.tsx
index 8deb7a80b..961aba1e6 100644
--- a/apps/app/components/icons/video-file-icon.tsx
+++ b/web/components/icons/video-file-icon.tsx
@@ -4,6 +4,6 @@ import Image from "next/image";
 import type { Props } from "./types";
 import VideoFileIcon from "public/attachment/video-icon.png";
 
-export const VideoIcon: React.FC<Props> = ({ width, height  }) => (
+export const VideoIcon: React.FC<Props> = ({ width, height }) => (
   <Image src={VideoFileIcon} height={height} width={width} alt="VideoFileIcon" />
 );
diff --git a/apps/app/components/icons/view-list-icon.tsx b/web/components/icons/view-list-icon.tsx
similarity index 100%
rename from apps/app/components/icons/view-list-icon.tsx
rename to web/components/icons/view-list-icon.tsx
diff --git a/apps/app/components/icons/water-drop-icon.tsx b/web/components/icons/water-drop-icon.tsx
similarity index 100%
rename from apps/app/components/icons/water-drop-icon.tsx
rename to web/components/icons/water-drop-icon.tsx
diff --git a/apps/app/components/icons/x-mark-icon.tsx b/web/components/icons/x-mark-icon.tsx
similarity index 100%
rename from apps/app/components/icons/x-mark-icon.tsx
rename to web/components/icons/x-mark-icon.tsx
diff --git a/apps/app/components/inbox/accept-issue-modal.tsx b/web/components/inbox/accept-issue-modal.tsx
similarity index 100%
rename from apps/app/components/inbox/accept-issue-modal.tsx
rename to web/components/inbox/accept-issue-modal.tsx
diff --git a/apps/app/components/inbox/decline-issue-modal.tsx b/web/components/inbox/decline-issue-modal.tsx
similarity index 100%
rename from apps/app/components/inbox/decline-issue-modal.tsx
rename to web/components/inbox/decline-issue-modal.tsx
diff --git a/apps/app/components/inbox/delete-issue-modal.tsx b/web/components/inbox/delete-issue-modal.tsx
similarity index 100%
rename from apps/app/components/inbox/delete-issue-modal.tsx
rename to web/components/inbox/delete-issue-modal.tsx
diff --git a/apps/app/components/inbox/filters-dropdown.tsx b/web/components/inbox/filters-dropdown.tsx
similarity index 100%
rename from apps/app/components/inbox/filters-dropdown.tsx
rename to web/components/inbox/filters-dropdown.tsx
diff --git a/apps/app/components/inbox/filters-list.tsx b/web/components/inbox/filters-list.tsx
similarity index 100%
rename from apps/app/components/inbox/filters-list.tsx
rename to web/components/inbox/filters-list.tsx
diff --git a/apps/app/components/inbox/inbox-action-headers.tsx b/web/components/inbox/inbox-action-headers.tsx
similarity index 100%
rename from apps/app/components/inbox/inbox-action-headers.tsx
rename to web/components/inbox/inbox-action-headers.tsx
diff --git a/apps/app/components/inbox/inbox-issue-activity.tsx b/web/components/inbox/inbox-issue-activity.tsx
similarity index 100%
rename from apps/app/components/inbox/inbox-issue-activity.tsx
rename to web/components/inbox/inbox-issue-activity.tsx
diff --git a/apps/app/components/inbox/inbox-issue-card.tsx b/web/components/inbox/inbox-issue-card.tsx
similarity index 100%
rename from apps/app/components/inbox/inbox-issue-card.tsx
rename to web/components/inbox/inbox-issue-card.tsx
diff --git a/apps/app/components/inbox/inbox-main-content.tsx b/web/components/inbox/inbox-main-content.tsx
similarity index 100%
rename from apps/app/components/inbox/inbox-main-content.tsx
rename to web/components/inbox/inbox-main-content.tsx
diff --git a/apps/app/components/inbox/index.ts b/web/components/inbox/index.ts
similarity index 100%
rename from apps/app/components/inbox/index.ts
rename to web/components/inbox/index.ts
diff --git a/apps/app/components/inbox/issues-list-sidebar.tsx b/web/components/inbox/issues-list-sidebar.tsx
similarity index 100%
rename from apps/app/components/inbox/issues-list-sidebar.tsx
rename to web/components/inbox/issues-list-sidebar.tsx
diff --git a/apps/app/components/inbox/select-duplicate.tsx b/web/components/inbox/select-duplicate.tsx
similarity index 100%
rename from apps/app/components/inbox/select-duplicate.tsx
rename to web/components/inbox/select-duplicate.tsx
diff --git a/apps/app/components/integration/delete-import-modal.tsx b/web/components/integration/delete-import-modal.tsx
similarity index 100%
rename from apps/app/components/integration/delete-import-modal.tsx
rename to web/components/integration/delete-import-modal.tsx
diff --git a/apps/app/components/integration/github/auth.tsx b/web/components/integration/github/auth.tsx
similarity index 100%
rename from apps/app/components/integration/github/auth.tsx
rename to web/components/integration/github/auth.tsx
diff --git a/apps/app/components/integration/github/import-configure.tsx b/web/components/integration/github/import-configure.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-configure.tsx
rename to web/components/integration/github/import-configure.tsx
diff --git a/apps/app/components/integration/github/import-confirm.tsx b/web/components/integration/github/import-confirm.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-confirm.tsx
rename to web/components/integration/github/import-confirm.tsx
diff --git a/apps/app/components/integration/github/import-data.tsx b/web/components/integration/github/import-data.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-data.tsx
rename to web/components/integration/github/import-data.tsx
diff --git a/apps/app/components/integration/github/import-users.tsx b/web/components/integration/github/import-users.tsx
similarity index 100%
rename from apps/app/components/integration/github/import-users.tsx
rename to web/components/integration/github/import-users.tsx
diff --git a/apps/app/components/integration/github/index.ts b/web/components/integration/github/index.ts
similarity index 100%
rename from apps/app/components/integration/github/index.ts
rename to web/components/integration/github/index.ts
diff --git a/apps/app/components/integration/github/repo-details.tsx b/web/components/integration/github/repo-details.tsx
similarity index 100%
rename from apps/app/components/integration/github/repo-details.tsx
rename to web/components/integration/github/repo-details.tsx
diff --git a/apps/app/components/integration/github/root.tsx b/web/components/integration/github/root.tsx
similarity index 100%
rename from apps/app/components/integration/github/root.tsx
rename to web/components/integration/github/root.tsx
diff --git a/apps/app/components/integration/github/select-repository.tsx b/web/components/integration/github/select-repository.tsx
similarity index 100%
rename from apps/app/components/integration/github/select-repository.tsx
rename to web/components/integration/github/select-repository.tsx
diff --git a/apps/app/components/integration/github/single-user-select.tsx b/web/components/integration/github/single-user-select.tsx
similarity index 100%
rename from apps/app/components/integration/github/single-user-select.tsx
rename to web/components/integration/github/single-user-select.tsx
diff --git a/apps/app/components/integration/guide.tsx b/web/components/integration/guide.tsx
similarity index 100%
rename from apps/app/components/integration/guide.tsx
rename to web/components/integration/guide.tsx
diff --git a/apps/app/components/integration/index.ts b/web/components/integration/index.ts
similarity index 100%
rename from apps/app/components/integration/index.ts
rename to web/components/integration/index.ts
diff --git a/apps/app/components/integration/jira/confirm-import.tsx b/web/components/integration/jira/confirm-import.tsx
similarity index 100%
rename from apps/app/components/integration/jira/confirm-import.tsx
rename to web/components/integration/jira/confirm-import.tsx
diff --git a/apps/app/components/integration/jira/give-details.tsx b/web/components/integration/jira/give-details.tsx
similarity index 100%
rename from apps/app/components/integration/jira/give-details.tsx
rename to web/components/integration/jira/give-details.tsx
diff --git a/apps/app/components/integration/jira/import-users.tsx b/web/components/integration/jira/import-users.tsx
similarity index 100%
rename from apps/app/components/integration/jira/import-users.tsx
rename to web/components/integration/jira/import-users.tsx
diff --git a/apps/app/components/integration/jira/index.ts b/web/components/integration/jira/index.ts
similarity index 100%
rename from apps/app/components/integration/jira/index.ts
rename to web/components/integration/jira/index.ts
diff --git a/apps/app/components/integration/jira/jira-project-detail.tsx b/web/components/integration/jira/jira-project-detail.tsx
similarity index 99%
rename from apps/app/components/integration/jira/jira-project-detail.tsx
rename to web/components/integration/jira/jira-project-detail.tsx
index 88803727c..f651ad89c 100644
--- a/apps/app/components/integration/jira/jira-project-detail.tsx
+++ b/web/components/integration/jira/jira-project-detail.tsx
@@ -20,7 +20,7 @@ import { IJiraImporterForm, IJiraMetadata } from "types";
 // components
 import { Spinner, ToggleSwitch } from "components/ui";
 
-import type { IJiraIntegrationData, TJiraIntegrationSteps } from "./";
+import type { IJiraIntegrationData, TJiraIntegrationSteps } from ".";
 
 type Props = {
   setCurrentStep: React.Dispatch<React.SetStateAction<IJiraIntegrationData>>;
diff --git a/apps/app/components/integration/jira/root.tsx b/web/components/integration/jira/root.tsx
similarity index 99%
rename from apps/app/components/integration/jira/root.tsx
rename to web/components/integration/jira/root.tsx
index b5c086431..451c23709 100644
--- a/apps/app/components/integration/jira/root.tsx
+++ b/web/components/integration/jira/root.tsx
@@ -31,7 +31,7 @@ import {
   jiraFormDefaultValues,
   TJiraIntegrationSteps,
   IJiraIntegrationData,
-} from "./";
+} from ".";
 
 import JiraLogo from "public/services/jira.png";
 
diff --git a/apps/app/components/integration/single-import.tsx b/web/components/integration/single-import.tsx
similarity index 100%
rename from apps/app/components/integration/single-import.tsx
rename to web/components/integration/single-import.tsx
diff --git a/apps/app/components/integration/single-integration-card.tsx b/web/components/integration/single-integration-card.tsx
similarity index 100%
rename from apps/app/components/integration/single-integration-card.tsx
rename to web/components/integration/single-integration-card.tsx
diff --git a/web/components/integration/slack/index.ts b/web/components/integration/slack/index.ts
new file mode 100644
index 000000000..4ea6cd1e4
--- /dev/null
+++ b/web/components/integration/slack/index.ts
@@ -0,0 +1 @@
+export * from "./select-channel";
diff --git a/apps/app/components/integration/slack/select-channel.tsx b/web/components/integration/slack/select-channel.tsx
similarity index 100%
rename from apps/app/components/integration/slack/select-channel.tsx
rename to web/components/integration/slack/select-channel.tsx
diff --git a/apps/app/components/issues/activity.tsx b/web/components/issues/activity.tsx
similarity index 100%
rename from apps/app/components/issues/activity.tsx
rename to web/components/issues/activity.tsx
diff --git a/apps/app/components/issues/attachment/attachment-upload.tsx b/web/components/issues/attachment/attachment-upload.tsx
similarity index 100%
rename from apps/app/components/issues/attachment/attachment-upload.tsx
rename to web/components/issues/attachment/attachment-upload.tsx
diff --git a/apps/app/components/issues/attachment/attachments.tsx b/web/components/issues/attachment/attachments.tsx
similarity index 100%
rename from apps/app/components/issues/attachment/attachments.tsx
rename to web/components/issues/attachment/attachments.tsx
diff --git a/apps/app/components/issues/attachment/delete-attachment-modal.tsx b/web/components/issues/attachment/delete-attachment-modal.tsx
similarity index 100%
rename from apps/app/components/issues/attachment/delete-attachment-modal.tsx
rename to web/components/issues/attachment/delete-attachment-modal.tsx
diff --git a/apps/app/components/issues/attachment/index.ts b/web/components/issues/attachment/index.ts
similarity index 100%
rename from apps/app/components/issues/attachment/index.ts
rename to web/components/issues/attachment/index.ts
diff --git a/apps/app/components/issues/comment/add-comment.tsx b/web/components/issues/comment/add-comment.tsx
similarity index 100%
rename from apps/app/components/issues/comment/add-comment.tsx
rename to web/components/issues/comment/add-comment.tsx
diff --git a/apps/app/components/issues/comment/comment-card.tsx b/web/components/issues/comment/comment-card.tsx
similarity index 100%
rename from apps/app/components/issues/comment/comment-card.tsx
rename to web/components/issues/comment/comment-card.tsx
diff --git a/apps/app/components/issues/comment/comment-reaction.tsx b/web/components/issues/comment/comment-reaction.tsx
similarity index 100%
rename from apps/app/components/issues/comment/comment-reaction.tsx
rename to web/components/issues/comment/comment-reaction.tsx
diff --git a/apps/app/components/issues/comment/index.ts b/web/components/issues/comment/index.ts
similarity index 100%
rename from apps/app/components/issues/comment/index.ts
rename to web/components/issues/comment/index.ts
diff --git a/apps/app/components/issues/delete-issue-modal.tsx b/web/components/issues/delete-issue-modal.tsx
similarity index 100%
rename from apps/app/components/issues/delete-issue-modal.tsx
rename to web/components/issues/delete-issue-modal.tsx
diff --git a/apps/app/components/issues/description-form.tsx b/web/components/issues/description-form.tsx
similarity index 100%
rename from apps/app/components/issues/description-form.tsx
rename to web/components/issues/description-form.tsx
diff --git a/apps/app/components/issues/form.tsx b/web/components/issues/form.tsx
similarity index 100%
rename from apps/app/components/issues/form.tsx
rename to web/components/issues/form.tsx
diff --git a/apps/app/components/issues/gantt-chart/blocks.tsx b/web/components/issues/gantt-chart/blocks.tsx
similarity index 100%
rename from apps/app/components/issues/gantt-chart/blocks.tsx
rename to web/components/issues/gantt-chart/blocks.tsx
diff --git a/apps/app/components/issues/gantt-chart/index.ts b/web/components/issues/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/issues/gantt-chart/index.ts
rename to web/components/issues/gantt-chart/index.ts
diff --git a/apps/app/components/issues/gantt-chart/layout.tsx b/web/components/issues/gantt-chart/layout.tsx
similarity index 100%
rename from apps/app/components/issues/gantt-chart/layout.tsx
rename to web/components/issues/gantt-chart/layout.tsx
diff --git a/apps/app/components/issues/index.ts b/web/components/issues/index.ts
similarity index 100%
rename from apps/app/components/issues/index.ts
rename to web/components/issues/index.ts
diff --git a/apps/app/components/issues/issue-reaction.tsx b/web/components/issues/issue-reaction.tsx
similarity index 100%
rename from apps/app/components/issues/issue-reaction.tsx
rename to web/components/issues/issue-reaction.tsx
diff --git a/apps/app/components/issues/label.tsx b/web/components/issues/label.tsx
similarity index 100%
rename from apps/app/components/issues/label.tsx
rename to web/components/issues/label.tsx
diff --git a/apps/app/components/issues/main-content.tsx b/web/components/issues/main-content.tsx
similarity index 100%
rename from apps/app/components/issues/main-content.tsx
rename to web/components/issues/main-content.tsx
diff --git a/apps/app/components/issues/modal.tsx b/web/components/issues/modal.tsx
similarity index 100%
rename from apps/app/components/issues/modal.tsx
rename to web/components/issues/modal.tsx
diff --git a/apps/app/components/issues/my-issues/index.ts b/web/components/issues/my-issues/index.ts
similarity index 100%
rename from apps/app/components/issues/my-issues/index.ts
rename to web/components/issues/my-issues/index.ts
diff --git a/apps/app/components/issues/my-issues/my-issues-select-filters.tsx b/web/components/issues/my-issues/my-issues-select-filters.tsx
similarity index 100%
rename from apps/app/components/issues/my-issues/my-issues-select-filters.tsx
rename to web/components/issues/my-issues/my-issues-select-filters.tsx
diff --git a/apps/app/components/issues/my-issues/my-issues-view-options.tsx b/web/components/issues/my-issues/my-issues-view-options.tsx
similarity index 100%
rename from apps/app/components/issues/my-issues/my-issues-view-options.tsx
rename to web/components/issues/my-issues/my-issues-view-options.tsx
diff --git a/apps/app/components/issues/my-issues/my-issues-view.tsx b/web/components/issues/my-issues/my-issues-view.tsx
similarity index 100%
rename from apps/app/components/issues/my-issues/my-issues-view.tsx
rename to web/components/issues/my-issues/my-issues-view.tsx
diff --git a/apps/app/components/issues/parent-issues-list-modal.tsx b/web/components/issues/parent-issues-list-modal.tsx
similarity index 100%
rename from apps/app/components/issues/parent-issues-list-modal.tsx
rename to web/components/issues/parent-issues-list-modal.tsx
diff --git a/apps/app/components/issues/peek-overview/full-screen-peek-view.tsx b/web/components/issues/peek-overview/full-screen-peek-view.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/full-screen-peek-view.tsx
rename to web/components/issues/peek-overview/full-screen-peek-view.tsx
diff --git a/apps/app/components/issues/peek-overview/header.tsx b/web/components/issues/peek-overview/header.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/header.tsx
rename to web/components/issues/peek-overview/header.tsx
diff --git a/apps/app/components/issues/peek-overview/index.ts b/web/components/issues/peek-overview/index.ts
similarity index 100%
rename from apps/app/components/issues/peek-overview/index.ts
rename to web/components/issues/peek-overview/index.ts
diff --git a/apps/app/components/issues/peek-overview/issue-activity.tsx b/web/components/issues/peek-overview/issue-activity.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/issue-activity.tsx
rename to web/components/issues/peek-overview/issue-activity.tsx
diff --git a/apps/app/components/issues/peek-overview/issue-details.tsx b/web/components/issues/peek-overview/issue-details.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/issue-details.tsx
rename to web/components/issues/peek-overview/issue-details.tsx
diff --git a/apps/app/components/issues/peek-overview/issue-properties.tsx b/web/components/issues/peek-overview/issue-properties.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/issue-properties.tsx
rename to web/components/issues/peek-overview/issue-properties.tsx
diff --git a/apps/app/components/issues/peek-overview/layout.tsx b/web/components/issues/peek-overview/layout.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/layout.tsx
rename to web/components/issues/peek-overview/layout.tsx
diff --git a/apps/app/components/issues/peek-overview/side-peek-view.tsx b/web/components/issues/peek-overview/side-peek-view.tsx
similarity index 100%
rename from apps/app/components/issues/peek-overview/side-peek-view.tsx
rename to web/components/issues/peek-overview/side-peek-view.tsx
diff --git a/apps/app/components/issues/select/assignee.tsx b/web/components/issues/select/assignee.tsx
similarity index 100%
rename from apps/app/components/issues/select/assignee.tsx
rename to web/components/issues/select/assignee.tsx
diff --git a/apps/app/components/issues/select/date.tsx b/web/components/issues/select/date.tsx
similarity index 100%
rename from apps/app/components/issues/select/date.tsx
rename to web/components/issues/select/date.tsx
diff --git a/apps/app/components/issues/select/estimate.tsx b/web/components/issues/select/estimate.tsx
similarity index 100%
rename from apps/app/components/issues/select/estimate.tsx
rename to web/components/issues/select/estimate.tsx
diff --git a/apps/app/components/issues/select/index.ts b/web/components/issues/select/index.ts
similarity index 100%
rename from apps/app/components/issues/select/index.ts
rename to web/components/issues/select/index.ts
diff --git a/apps/app/components/issues/select/label.tsx b/web/components/issues/select/label.tsx
similarity index 100%
rename from apps/app/components/issues/select/label.tsx
rename to web/components/issues/select/label.tsx
diff --git a/apps/app/components/issues/select/priority.tsx b/web/components/issues/select/priority.tsx
similarity index 100%
rename from apps/app/components/issues/select/priority.tsx
rename to web/components/issues/select/priority.tsx
diff --git a/apps/app/components/issues/select/project.tsx b/web/components/issues/select/project.tsx
similarity index 100%
rename from apps/app/components/issues/select/project.tsx
rename to web/components/issues/select/project.tsx
diff --git a/apps/app/components/issues/select/state.tsx b/web/components/issues/select/state.tsx
similarity index 100%
rename from apps/app/components/issues/select/state.tsx
rename to web/components/issues/select/state.tsx
diff --git a/apps/app/components/issues/sidebar-select/assignee.tsx b/web/components/issues/sidebar-select/assignee.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/assignee.tsx
rename to web/components/issues/sidebar-select/assignee.tsx
diff --git a/apps/app/components/issues/sidebar-select/blocked.tsx b/web/components/issues/sidebar-select/blocked.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/blocked.tsx
rename to web/components/issues/sidebar-select/blocked.tsx
diff --git a/apps/app/components/issues/sidebar-select/blocker.tsx b/web/components/issues/sidebar-select/blocker.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/blocker.tsx
rename to web/components/issues/sidebar-select/blocker.tsx
diff --git a/apps/app/components/issues/sidebar-select/cycle.tsx b/web/components/issues/sidebar-select/cycle.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/cycle.tsx
rename to web/components/issues/sidebar-select/cycle.tsx
diff --git a/apps/app/components/issues/sidebar-select/estimate.tsx b/web/components/issues/sidebar-select/estimate.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/estimate.tsx
rename to web/components/issues/sidebar-select/estimate.tsx
diff --git a/apps/app/components/issues/sidebar-select/index.ts b/web/components/issues/sidebar-select/index.ts
similarity index 100%
rename from apps/app/components/issues/sidebar-select/index.ts
rename to web/components/issues/sidebar-select/index.ts
diff --git a/apps/app/components/issues/sidebar-select/label.tsx b/web/components/issues/sidebar-select/label.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/label.tsx
rename to web/components/issues/sidebar-select/label.tsx
diff --git a/apps/app/components/issues/sidebar-select/module.tsx b/web/components/issues/sidebar-select/module.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/module.tsx
rename to web/components/issues/sidebar-select/module.tsx
diff --git a/apps/app/components/issues/sidebar-select/parent.tsx b/web/components/issues/sidebar-select/parent.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/parent.tsx
rename to web/components/issues/sidebar-select/parent.tsx
diff --git a/apps/app/components/issues/sidebar-select/priority.tsx b/web/components/issues/sidebar-select/priority.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/priority.tsx
rename to web/components/issues/sidebar-select/priority.tsx
diff --git a/apps/app/components/issues/sidebar-select/state.tsx b/web/components/issues/sidebar-select/state.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar-select/state.tsx
rename to web/components/issues/sidebar-select/state.tsx
diff --git a/apps/app/components/issues/sidebar.tsx b/web/components/issues/sidebar.tsx
similarity index 100%
rename from apps/app/components/issues/sidebar.tsx
rename to web/components/issues/sidebar.tsx
diff --git a/apps/app/components/issues/sub-issues-list.tsx b/web/components/issues/sub-issues-list.tsx
similarity index 100%
rename from apps/app/components/issues/sub-issues-list.tsx
rename to web/components/issues/sub-issues-list.tsx
diff --git a/apps/app/components/issues/view-select/assignee.tsx b/web/components/issues/view-select/assignee.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/assignee.tsx
rename to web/components/issues/view-select/assignee.tsx
diff --git a/apps/app/components/issues/view-select/due-date.tsx b/web/components/issues/view-select/due-date.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/due-date.tsx
rename to web/components/issues/view-select/due-date.tsx
diff --git a/apps/app/components/issues/view-select/estimate.tsx b/web/components/issues/view-select/estimate.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/estimate.tsx
rename to web/components/issues/view-select/estimate.tsx
diff --git a/apps/app/components/issues/view-select/index.ts b/web/components/issues/view-select/index.ts
similarity index 100%
rename from apps/app/components/issues/view-select/index.ts
rename to web/components/issues/view-select/index.ts
diff --git a/apps/app/components/issues/view-select/label.tsx b/web/components/issues/view-select/label.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/label.tsx
rename to web/components/issues/view-select/label.tsx
diff --git a/apps/app/components/issues/view-select/priority.tsx b/web/components/issues/view-select/priority.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/priority.tsx
rename to web/components/issues/view-select/priority.tsx
diff --git a/apps/app/components/issues/view-select/start-date.tsx b/web/components/issues/view-select/start-date.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/start-date.tsx
rename to web/components/issues/view-select/start-date.tsx
diff --git a/apps/app/components/issues/view-select/state.tsx b/web/components/issues/view-select/state.tsx
similarity index 100%
rename from apps/app/components/issues/view-select/state.tsx
rename to web/components/issues/view-select/state.tsx
diff --git a/apps/app/components/labels/create-label-modal.tsx b/web/components/labels/create-label-modal.tsx
similarity index 100%
rename from apps/app/components/labels/create-label-modal.tsx
rename to web/components/labels/create-label-modal.tsx
diff --git a/apps/app/components/labels/create-update-label-inline.tsx b/web/components/labels/create-update-label-inline.tsx
similarity index 100%
rename from apps/app/components/labels/create-update-label-inline.tsx
rename to web/components/labels/create-update-label-inline.tsx
diff --git a/apps/app/components/labels/delete-label-modal.tsx b/web/components/labels/delete-label-modal.tsx
similarity index 100%
rename from apps/app/components/labels/delete-label-modal.tsx
rename to web/components/labels/delete-label-modal.tsx
diff --git a/apps/app/components/labels/index.ts b/web/components/labels/index.ts
similarity index 100%
rename from apps/app/components/labels/index.ts
rename to web/components/labels/index.ts
diff --git a/apps/app/components/labels/labels-list-modal.tsx b/web/components/labels/labels-list-modal.tsx
similarity index 100%
rename from apps/app/components/labels/labels-list-modal.tsx
rename to web/components/labels/labels-list-modal.tsx
diff --git a/apps/app/components/labels/single-label-group.tsx b/web/components/labels/single-label-group.tsx
similarity index 100%
rename from apps/app/components/labels/single-label-group.tsx
rename to web/components/labels/single-label-group.tsx
diff --git a/apps/app/components/labels/single-label.tsx b/web/components/labels/single-label.tsx
similarity index 100%
rename from apps/app/components/labels/single-label.tsx
rename to web/components/labels/single-label.tsx
diff --git a/apps/app/components/modules/delete-module-modal.tsx b/web/components/modules/delete-module-modal.tsx
similarity index 100%
rename from apps/app/components/modules/delete-module-modal.tsx
rename to web/components/modules/delete-module-modal.tsx
diff --git a/apps/app/components/modules/form.tsx b/web/components/modules/form.tsx
similarity index 100%
rename from apps/app/components/modules/form.tsx
rename to web/components/modules/form.tsx
diff --git a/apps/app/components/modules/gantt-chart/blocks.tsx b/web/components/modules/gantt-chart/blocks.tsx
similarity index 100%
rename from apps/app/components/modules/gantt-chart/blocks.tsx
rename to web/components/modules/gantt-chart/blocks.tsx
diff --git a/apps/app/components/modules/gantt-chart/index.ts b/web/components/modules/gantt-chart/index.ts
similarity index 100%
rename from apps/app/components/modules/gantt-chart/index.ts
rename to web/components/modules/gantt-chart/index.ts
diff --git a/apps/app/components/modules/gantt-chart/module-issues-layout.tsx b/web/components/modules/gantt-chart/module-issues-layout.tsx
similarity index 100%
rename from apps/app/components/modules/gantt-chart/module-issues-layout.tsx
rename to web/components/modules/gantt-chart/module-issues-layout.tsx
diff --git a/apps/app/components/modules/gantt-chart/modules-list-layout.tsx b/web/components/modules/gantt-chart/modules-list-layout.tsx
similarity index 100%
rename from apps/app/components/modules/gantt-chart/modules-list-layout.tsx
rename to web/components/modules/gantt-chart/modules-list-layout.tsx
diff --git a/apps/app/components/modules/index.ts b/web/components/modules/index.ts
similarity index 100%
rename from apps/app/components/modules/index.ts
rename to web/components/modules/index.ts
diff --git a/apps/app/components/modules/modal.tsx b/web/components/modules/modal.tsx
similarity index 100%
rename from apps/app/components/modules/modal.tsx
rename to web/components/modules/modal.tsx
diff --git a/apps/app/components/modules/select/index.ts b/web/components/modules/select/index.ts
similarity index 100%
rename from apps/app/components/modules/select/index.ts
rename to web/components/modules/select/index.ts
diff --git a/apps/app/components/modules/select/lead.tsx b/web/components/modules/select/lead.tsx
similarity index 100%
rename from apps/app/components/modules/select/lead.tsx
rename to web/components/modules/select/lead.tsx
diff --git a/apps/app/components/modules/select/members.tsx b/web/components/modules/select/members.tsx
similarity index 100%
rename from apps/app/components/modules/select/members.tsx
rename to web/components/modules/select/members.tsx
diff --git a/apps/app/components/modules/select/status.tsx b/web/components/modules/select/status.tsx
similarity index 100%
rename from apps/app/components/modules/select/status.tsx
rename to web/components/modules/select/status.tsx
diff --git a/apps/app/components/modules/sidebar-select/index.ts b/web/components/modules/sidebar-select/index.ts
similarity index 100%
rename from apps/app/components/modules/sidebar-select/index.ts
rename to web/components/modules/sidebar-select/index.ts
diff --git a/apps/app/components/modules/sidebar-select/select-lead.tsx b/web/components/modules/sidebar-select/select-lead.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-lead.tsx
rename to web/components/modules/sidebar-select/select-lead.tsx
diff --git a/apps/app/components/modules/sidebar-select/select-members.tsx b/web/components/modules/sidebar-select/select-members.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-members.tsx
rename to web/components/modules/sidebar-select/select-members.tsx
diff --git a/apps/app/components/modules/sidebar-select/select-status.tsx b/web/components/modules/sidebar-select/select-status.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar-select/select-status.tsx
rename to web/components/modules/sidebar-select/select-status.tsx
diff --git a/apps/app/components/modules/sidebar.tsx b/web/components/modules/sidebar.tsx
similarity index 100%
rename from apps/app/components/modules/sidebar.tsx
rename to web/components/modules/sidebar.tsx
diff --git a/apps/app/components/modules/single-module-card.tsx b/web/components/modules/single-module-card.tsx
similarity index 100%
rename from apps/app/components/modules/single-module-card.tsx
rename to web/components/modules/single-module-card.tsx
diff --git a/apps/app/components/notifications/index.ts b/web/components/notifications/index.ts
similarity index 100%
rename from apps/app/components/notifications/index.ts
rename to web/components/notifications/index.ts
diff --git a/apps/app/components/notifications/notification-card.tsx b/web/components/notifications/notification-card.tsx
similarity index 99%
rename from apps/app/components/notifications/notification-card.tsx
rename to web/components/notifications/notification-card.tsx
index 9bb0715a8..29fe579a8 100644
--- a/apps/app/components/notifications/notification-card.tsx
+++ b/web/components/notifications/notification-card.tsx
@@ -210,7 +210,7 @@ export const NotificationCard: React.FC<NotificationCardProps> = (props) => {
         <Tooltip tooltipContent="Snooze">
           <div>
             <CustomMenu
-              menuButtonOnClick={(e) => {
+              menuButtonOnClick={(e: { stopPropagation: () => void }) => {
                 e.stopPropagation();
               }}
               customButton={
diff --git a/apps/app/components/notifications/notification-header.tsx b/web/components/notifications/notification-header.tsx
similarity index 100%
rename from apps/app/components/notifications/notification-header.tsx
rename to web/components/notifications/notification-header.tsx
diff --git a/apps/app/components/notifications/notification-popover.tsx b/web/components/notifications/notification-popover.tsx
similarity index 100%
rename from apps/app/components/notifications/notification-popover.tsx
rename to web/components/notifications/notification-popover.tsx
diff --git a/apps/app/components/notifications/select-snooze-till-modal.tsx b/web/components/notifications/select-snooze-till-modal.tsx
similarity index 100%
rename from apps/app/components/notifications/select-snooze-till-modal.tsx
rename to web/components/notifications/select-snooze-till-modal.tsx
diff --git a/apps/app/components/onboarding/index.ts b/web/components/onboarding/index.ts
similarity index 100%
rename from apps/app/components/onboarding/index.ts
rename to web/components/onboarding/index.ts
diff --git a/apps/app/components/onboarding/invite-members.tsx b/web/components/onboarding/invite-members.tsx
similarity index 100%
rename from apps/app/components/onboarding/invite-members.tsx
rename to web/components/onboarding/invite-members.tsx
diff --git a/apps/app/components/onboarding/join-workspaces.tsx b/web/components/onboarding/join-workspaces.tsx
similarity index 100%
rename from apps/app/components/onboarding/join-workspaces.tsx
rename to web/components/onboarding/join-workspaces.tsx
diff --git a/apps/app/components/onboarding/tour/index.ts b/web/components/onboarding/tour/index.ts
similarity index 100%
rename from apps/app/components/onboarding/tour/index.ts
rename to web/components/onboarding/tour/index.ts
diff --git a/apps/app/components/onboarding/tour/root.tsx b/web/components/onboarding/tour/root.tsx
similarity index 100%
rename from apps/app/components/onboarding/tour/root.tsx
rename to web/components/onboarding/tour/root.tsx
diff --git a/apps/app/components/onboarding/tour/sidebar.tsx b/web/components/onboarding/tour/sidebar.tsx
similarity index 100%
rename from apps/app/components/onboarding/tour/sidebar.tsx
rename to web/components/onboarding/tour/sidebar.tsx
diff --git a/apps/app/components/onboarding/user-details.tsx b/web/components/onboarding/user-details.tsx
similarity index 100%
rename from apps/app/components/onboarding/user-details.tsx
rename to web/components/onboarding/user-details.tsx
diff --git a/apps/app/components/onboarding/workspace.tsx b/web/components/onboarding/workspace.tsx
similarity index 100%
rename from apps/app/components/onboarding/workspace.tsx
rename to web/components/onboarding/workspace.tsx
diff --git a/apps/app/components/pages/create-block.tsx b/web/components/pages/create-block.tsx
similarity index 100%
rename from apps/app/components/pages/create-block.tsx
rename to web/components/pages/create-block.tsx
diff --git a/apps/app/components/pages/create-update-block-inline.tsx b/web/components/pages/create-update-block-inline.tsx
similarity index 100%
rename from apps/app/components/pages/create-update-block-inline.tsx
rename to web/components/pages/create-update-block-inline.tsx
diff --git a/apps/app/components/pages/create-update-page-modal.tsx b/web/components/pages/create-update-page-modal.tsx
similarity index 100%
rename from apps/app/components/pages/create-update-page-modal.tsx
rename to web/components/pages/create-update-page-modal.tsx
diff --git a/apps/app/components/pages/delete-page-modal.tsx b/web/components/pages/delete-page-modal.tsx
similarity index 100%
rename from apps/app/components/pages/delete-page-modal.tsx
rename to web/components/pages/delete-page-modal.tsx
diff --git a/apps/app/components/pages/index.ts b/web/components/pages/index.ts
similarity index 100%
rename from apps/app/components/pages/index.ts
rename to web/components/pages/index.ts
diff --git a/apps/app/components/pages/page-form.tsx b/web/components/pages/page-form.tsx
similarity index 100%
rename from apps/app/components/pages/page-form.tsx
rename to web/components/pages/page-form.tsx
diff --git a/apps/app/components/pages/pages-list/all-pages-list.tsx b/web/components/pages/pages-list/all-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/all-pages-list.tsx
rename to web/components/pages/pages-list/all-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/favorite-pages-list.tsx b/web/components/pages/pages-list/favorite-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/favorite-pages-list.tsx
rename to web/components/pages/pages-list/favorite-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/index.ts b/web/components/pages/pages-list/index.ts
similarity index 100%
rename from apps/app/components/pages/pages-list/index.ts
rename to web/components/pages/pages-list/index.ts
diff --git a/apps/app/components/pages/pages-list/my-pages-list.tsx b/web/components/pages/pages-list/my-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/my-pages-list.tsx
rename to web/components/pages/pages-list/my-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/other-pages-list.tsx b/web/components/pages/pages-list/other-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/other-pages-list.tsx
rename to web/components/pages/pages-list/other-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/recent-pages-list.tsx b/web/components/pages/pages-list/recent-pages-list.tsx
similarity index 100%
rename from apps/app/components/pages/pages-list/recent-pages-list.tsx
rename to web/components/pages/pages-list/recent-pages-list.tsx
diff --git a/apps/app/components/pages/pages-list/types.ts b/web/components/pages/pages-list/types.ts
similarity index 100%
rename from apps/app/components/pages/pages-list/types.ts
rename to web/components/pages/pages-list/types.ts
diff --git a/apps/app/components/pages/pages-view.tsx b/web/components/pages/pages-view.tsx
similarity index 100%
rename from apps/app/components/pages/pages-view.tsx
rename to web/components/pages/pages-view.tsx
diff --git a/apps/app/components/pages/single-page-block.tsx b/web/components/pages/single-page-block.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-block.tsx
rename to web/components/pages/single-page-block.tsx
diff --git a/apps/app/components/pages/single-page-detailed-item.tsx b/web/components/pages/single-page-detailed-item.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-detailed-item.tsx
rename to web/components/pages/single-page-detailed-item.tsx
diff --git a/apps/app/components/pages/single-page-list-item.tsx b/web/components/pages/single-page-list-item.tsx
similarity index 100%
rename from apps/app/components/pages/single-page-list-item.tsx
rename to web/components/pages/single-page-list-item.tsx
diff --git a/apps/app/components/profile/index.ts b/web/components/profile/index.ts
similarity index 100%
rename from apps/app/components/profile/index.ts
rename to web/components/profile/index.ts
diff --git a/apps/app/components/profile/navbar.tsx b/web/components/profile/navbar.tsx
similarity index 100%
rename from apps/app/components/profile/navbar.tsx
rename to web/components/profile/navbar.tsx
diff --git a/apps/app/components/profile/overview/activity.tsx b/web/components/profile/overview/activity.tsx
similarity index 100%
rename from apps/app/components/profile/overview/activity.tsx
rename to web/components/profile/overview/activity.tsx
diff --git a/apps/app/components/profile/overview/index.ts b/web/components/profile/overview/index.ts
similarity index 100%
rename from apps/app/components/profile/overview/index.ts
rename to web/components/profile/overview/index.ts
diff --git a/apps/app/components/profile/overview/priority-distribution.tsx b/web/components/profile/overview/priority-distribution.tsx
similarity index 100%
rename from apps/app/components/profile/overview/priority-distribution.tsx
rename to web/components/profile/overview/priority-distribution.tsx
diff --git a/apps/app/components/profile/overview/state-distribution.tsx b/web/components/profile/overview/state-distribution.tsx
similarity index 100%
rename from apps/app/components/profile/overview/state-distribution.tsx
rename to web/components/profile/overview/state-distribution.tsx
diff --git a/apps/app/components/profile/overview/stats.tsx b/web/components/profile/overview/stats.tsx
similarity index 100%
rename from apps/app/components/profile/overview/stats.tsx
rename to web/components/profile/overview/stats.tsx
diff --git a/apps/app/components/profile/overview/workload.tsx b/web/components/profile/overview/workload.tsx
similarity index 100%
rename from apps/app/components/profile/overview/workload.tsx
rename to web/components/profile/overview/workload.tsx
diff --git a/apps/app/components/profile/profile-issues-view-options.tsx b/web/components/profile/profile-issues-view-options.tsx
similarity index 100%
rename from apps/app/components/profile/profile-issues-view-options.tsx
rename to web/components/profile/profile-issues-view-options.tsx
diff --git a/apps/app/components/profile/profile-issues-view.tsx b/web/components/profile/profile-issues-view.tsx
similarity index 100%
rename from apps/app/components/profile/profile-issues-view.tsx
rename to web/components/profile/profile-issues-view.tsx
diff --git a/apps/app/components/profile/sidebar.tsx b/web/components/profile/sidebar.tsx
similarity index 100%
rename from apps/app/components/profile/sidebar.tsx
rename to web/components/profile/sidebar.tsx
diff --git a/apps/app/components/project/confirm-project-member-remove.tsx b/web/components/project/confirm-project-member-remove.tsx
similarity index 100%
rename from apps/app/components/project/confirm-project-member-remove.tsx
rename to web/components/project/confirm-project-member-remove.tsx
diff --git a/apps/app/components/project/create-project-modal.tsx b/web/components/project/create-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/create-project-modal.tsx
rename to web/components/project/create-project-modal.tsx
diff --git a/apps/app/components/project/delete-project-modal.tsx b/web/components/project/delete-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/delete-project-modal.tsx
rename to web/components/project/delete-project-modal.tsx
diff --git a/apps/app/components/project/index.ts b/web/components/project/index.ts
similarity index 87%
rename from apps/app/components/project/index.ts
rename to web/components/project/index.ts
index e5ece3955..a2fed74b8 100644
--- a/apps/app/components/project/index.ts
+++ b/web/components/project/index.ts
@@ -1,7 +1,7 @@
 export * from "./create-project-modal";
 export * from "./delete-project-modal";
 export * from "./sidebar-list";
-export * from "./settings-header"
+export * from "./settings-header";
 export * from "./single-integration-card";
 export * from "./single-project-card";
 export * from "./single-sidebar-project";
diff --git a/apps/app/components/project/join-project-modal.tsx b/web/components/project/join-project-modal.tsx
similarity index 100%
rename from apps/app/components/project/join-project-modal.tsx
rename to web/components/project/join-project-modal.tsx
diff --git a/apps/app/components/project/publish-project/modal.tsx b/web/components/project/publish-project/modal.tsx
similarity index 100%
rename from apps/app/components/project/publish-project/modal.tsx
rename to web/components/project/publish-project/modal.tsx
diff --git a/apps/app/components/project/publish-project/popover.tsx b/web/components/project/publish-project/popover.tsx
similarity index 100%
rename from apps/app/components/project/publish-project/popover.tsx
rename to web/components/project/publish-project/popover.tsx
diff --git a/apps/app/components/project/send-project-invitation-modal.tsx b/web/components/project/send-project-invitation-modal.tsx
similarity index 100%
rename from apps/app/components/project/send-project-invitation-modal.tsx
rename to web/components/project/send-project-invitation-modal.tsx
diff --git a/apps/app/components/project/settings-header.tsx b/web/components/project/settings-header.tsx
similarity index 100%
rename from apps/app/components/project/settings-header.tsx
rename to web/components/project/settings-header.tsx
diff --git a/apps/app/components/project/settings/single-label.tsx b/web/components/project/settings/single-label.tsx
similarity index 100%
rename from apps/app/components/project/settings/single-label.tsx
rename to web/components/project/settings/single-label.tsx
diff --git a/apps/app/components/project/sidebar-list.tsx b/web/components/project/sidebar-list.tsx
similarity index 100%
rename from apps/app/components/project/sidebar-list.tsx
rename to web/components/project/sidebar-list.tsx
diff --git a/apps/app/components/project/single-integration-card.tsx b/web/components/project/single-integration-card.tsx
similarity index 100%
rename from apps/app/components/project/single-integration-card.tsx
rename to web/components/project/single-integration-card.tsx
diff --git a/apps/app/components/project/single-project-card.tsx b/web/components/project/single-project-card.tsx
similarity index 100%
rename from apps/app/components/project/single-project-card.tsx
rename to web/components/project/single-project-card.tsx
diff --git a/apps/app/components/project/single-sidebar-project.tsx b/web/components/project/single-sidebar-project.tsx
similarity index 100%
rename from apps/app/components/project/single-sidebar-project.tsx
rename to web/components/project/single-sidebar-project.tsx
diff --git a/apps/app/components/search-listbox/index.tsx b/web/components/search-listbox/index.tsx
similarity index 100%
rename from apps/app/components/search-listbox/index.tsx
rename to web/components/search-listbox/index.tsx
diff --git a/apps/app/components/search-listbox/types.d.ts b/web/components/search-listbox/types.d.ts
similarity index 100%
rename from apps/app/components/search-listbox/types.d.ts
rename to web/components/search-listbox/types.d.ts
diff --git a/apps/app/components/states/create-state-modal.tsx b/web/components/states/create-state-modal.tsx
similarity index 100%
rename from apps/app/components/states/create-state-modal.tsx
rename to web/components/states/create-state-modal.tsx
diff --git a/apps/app/components/states/create-update-state-inline.tsx b/web/components/states/create-update-state-inline.tsx
similarity index 100%
rename from apps/app/components/states/create-update-state-inline.tsx
rename to web/components/states/create-update-state-inline.tsx
diff --git a/apps/app/components/states/delete-state-modal.tsx b/web/components/states/delete-state-modal.tsx
similarity index 100%
rename from apps/app/components/states/delete-state-modal.tsx
rename to web/components/states/delete-state-modal.tsx
diff --git a/apps/app/components/states/index.ts b/web/components/states/index.ts
similarity index 100%
rename from apps/app/components/states/index.ts
rename to web/components/states/index.ts
diff --git a/apps/app/components/states/single-state.tsx b/web/components/states/single-state.tsx
similarity index 100%
rename from apps/app/components/states/single-state.tsx
rename to web/components/states/single-state.tsx
diff --git a/apps/app/components/tiptap/bubble-menu/index.tsx b/web/components/tiptap/bubble-menu/index.tsx
similarity index 91%
rename from apps/app/components/tiptap/bubble-menu/index.tsx
rename to web/components/tiptap/bubble-menu/index.tsx
index 7e72963b6..217317ea1 100644
--- a/apps/app/components/tiptap/bubble-menu/index.tsx
+++ b/web/components/tiptap/bubble-menu/index.tsx
@@ -77,14 +77,16 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props: any) => {
       {...bubbleMenuProps}
       className="flex w-fit divide-x divide-custom-border-300 rounded border border-custom-border-300 bg-custom-background-100 shadow-xl"
     >
-      {!props.editor.isActive("table") && <NodeSelector
-        editor={props.editor!}
-        isOpen={isNodeSelectorOpen}
-        setIsOpen={() => {
-          setIsNodeSelectorOpen(!isNodeSelectorOpen);
-          setIsLinkSelectorOpen(false);
-        }}
-      />}
+      {!props.editor.isActive("table") && (
+        <NodeSelector
+          editor={props.editor!}
+          isOpen={isNodeSelectorOpen}
+          setIsOpen={() => {
+            setIsNodeSelectorOpen(!isNodeSelectorOpen);
+            setIsLinkSelectorOpen(false);
+          }}
+        />
+      )}
       <LinkSelector
         editor={props.editor!!}
         isOpen={isLinkSelectorOpen}
diff --git a/apps/space/components/tiptap/bubble-menu/link-selector.tsx b/web/components/tiptap/bubble-menu/link-selector.tsx
similarity index 92%
rename from apps/space/components/tiptap/bubble-menu/link-selector.tsx
rename to web/components/tiptap/bubble-menu/link-selector.tsx
index 1596870f7..559521db6 100644
--- a/apps/space/components/tiptap/bubble-menu/link-selector.tsx
+++ b/web/components/tiptap/bubble-menu/link-selector.tsx
@@ -9,7 +9,6 @@ interface LinkSelectorProps {
   setIsOpen: Dispatch<SetStateAction<boolean>>;
 }
 
-
 export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen }) => {
   const inputRef = useRef<HTMLInputElement>(null);
 
@@ -52,7 +51,8 @@ export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen
           className="fixed top-full z-[99999] mt-1 flex w-60 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 dow-xl animate-in fade-in slide-in-from-top-1"
           onKeyDown={(e) => {
             if (e.key === "Enter") {
-              e.preventDefault(); onLinkSubmit();
+              e.preventDefault();
+              onLinkSubmit();
             }
           }}
         >
@@ -75,7 +75,9 @@ export const LinkSelector: FC<LinkSelectorProps> = ({ editor, isOpen, setIsOpen
               <Trash className="h-4 w-4" />
             </button>
           ) : (
-            <button className="flex items-center rounded-sm p-1 text-custom-text-300 transition-all hover:bg-custom-background-90" type="button"
+            <button
+              className="flex items-center rounded-sm p-1 text-custom-text-300 transition-all hover:bg-custom-background-90"
+              type="button"
               onClick={() => {
                 onLinkSubmit();
               }}
diff --git a/apps/space/components/tiptap/bubble-menu/node-selector.tsx b/web/components/tiptap/bubble-menu/node-selector.tsx
similarity index 98%
rename from apps/space/components/tiptap/bubble-menu/node-selector.tsx
rename to web/components/tiptap/bubble-menu/node-selector.tsx
index f6f1f18dc..34d40ec06 100644
--- a/apps/space/components/tiptap/bubble-menu/node-selector.tsx
+++ b/web/components/tiptap/bubble-menu/node-selector.tsx
@@ -13,7 +13,7 @@ import {
 } from "lucide-react";
 import { Dispatch, FC, SetStateAction } from "react";
 
-import { BubbleMenuItem } from "../bubble-menu";
+import { BubbleMenuItem } from ".";
 import { cn } from "../utils";
 
 interface NodeSelectorProps {
diff --git a/apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx b/web/components/tiptap/bubble-menu/utils/link-validator.tsx
similarity index 99%
rename from apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx
rename to web/components/tiptap/bubble-menu/utils/link-validator.tsx
index 5b05811d6..9af366c02 100644
--- a/apps/space/components/tiptap/bubble-menu/utils/link-validator.tsx
+++ b/web/components/tiptap/bubble-menu/utils/link-validator.tsx
@@ -9,4 +9,3 @@ export default function isValidHttpUrl(string: string): boolean {
 
   return url.protocol === "http:" || url.protocol === "https:";
 }
-
diff --git a/apps/space/components/tiptap/extensions/image-resize.tsx b/web/components/tiptap/extensions/image-resize.tsx
similarity index 78%
rename from apps/space/components/tiptap/extensions/image-resize.tsx
rename to web/components/tiptap/extensions/image-resize.tsx
index 7b2d1a2d3..448b8811c 100644
--- a/apps/space/components/tiptap/extensions/image-resize.tsx
+++ b/web/components/tiptap/extensions/image-resize.tsx
@@ -3,9 +3,7 @@ import Moveable from "react-moveable";
 
 export const ImageResizer = ({ editor }: { editor: Editor }) => {
   const updateMediaSize = () => {
-    const imageInfo = document.querySelector(
-      ".ProseMirror-selectednode",
-    ) as HTMLImageElement;
+    const imageInfo = document.querySelector(".ProseMirror-selectednode") as HTMLImageElement;
     if (imageInfo) {
       const selection = editor.state.selection;
       editor.commands.setImage({
@@ -28,13 +26,7 @@ export const ImageResizer = ({ editor }: { editor: Editor }) => {
         keepRatio={true}
         resizable={true}
         throttleResize={0}
-        onResize={({
-          target,
-          width,
-          height,
-          delta,
-        }:
-          any) => {
+        onResize={({ target, width, height, delta }: any) => {
           delta[0] && (target!.style.width = `${width}px`);
           delta[1] && (target!.style.height = `${height}px`);
         }}
@@ -43,15 +35,10 @@ export const ImageResizer = ({ editor }: { editor: Editor }) => {
         }}
         scalable={true}
         renderDirections={["w", "e"]}
-        onScale={({
-          target,
-          transform,
-        }:
-          any) => {
+        onScale={({ target, transform }: any) => {
           target!.style.transform = transform;
         }}
       />
     </>
   );
 };
-
diff --git a/apps/app/components/tiptap/extensions/index.tsx b/web/components/tiptap/extensions/index.tsx
similarity index 94%
rename from apps/app/components/tiptap/extensions/index.tsx
rename to web/components/tiptap/extensions/index.tsx
index fa257b20a..ea5d421a6 100644
--- a/apps/app/components/tiptap/extensions/index.tsx
+++ b/web/components/tiptap/extensions/index.tsx
@@ -13,7 +13,7 @@ import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import { lowlight } from "lowlight/lib/core";
 import SlashCommand from "../slash-command";
 import { InputRule } from "@tiptap/core";
-import Gapcursor from '@tiptap/extension-gapcursor'
+import Gapcursor from "@tiptap/extension-gapcursor";
 
 import ts from "highlight.js/lib/languages/typescript";
 
@@ -28,7 +28,10 @@ import { TableRow } from "@tiptap/extension-table-row";
 
 lowlight.registerLanguage("ts", ts);
 
-export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => [
+export const TiptapExtensions = (
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) => [
   StarterKit.configure({
     bulletList: {
       HTMLAttributes: {
@@ -111,7 +114,7 @@ export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSub
         return `Heading ${node.attrs.level}`;
       }
       if (node.type.name === "image" || node.type.name === "table") {
-        return ""
+        return "";
       }
 
       return "Press '/' for commands...";
@@ -146,5 +149,5 @@ export const TiptapExtensions = (workspaceSlug: string, setIsSubmitting?: (isSub
   Table,
   TableHeader,
   CustomTableCell,
-  TableRow
+  TableRow,
 ];
diff --git a/apps/app/components/tiptap/extensions/table/table-cell.ts b/web/components/tiptap/extensions/table/table-cell.ts
similarity index 67%
rename from apps/app/components/tiptap/extensions/table/table-cell.ts
rename to web/components/tiptap/extensions/table/table-cell.ts
index 94c5aced2..643cb8c64 100644
--- a/apps/app/components/tiptap/extensions/table/table-cell.ts
+++ b/web/components/tiptap/extensions/table/table-cell.ts
@@ -6,8 +6,12 @@ export const CustomTableCell = TableCell.extend({
       ...this.parent?.(),
       isHeader: {
         default: false,
-        parseHTML: (element) => { isHeader: element.tagName === "TD" },
-        renderHTML: (attributes) => { tag: attributes.isHeader ? "th" : "td" }
+        parseHTML: (element) => {
+          isHeader: element.tagName === "TD";
+        },
+        renderHTML: (attributes) => {
+          tag: attributes.isHeader ? "th" : "td";
+        },
       },
     };
   },
@@ -19,10 +23,7 @@ export const CustomTableCell = TableCell.extend({
           ...HTMLAttributes,
           class: `relative ${HTMLAttributes.class}`,
         },
-        [
-          "span",
-          { class: "absolute top-0 right-0" },
-        ],
+        ["span", { class: "absolute top-0 right-0" }],
         0,
       ];
     }
diff --git a/apps/app/components/tiptap/extensions/table/table-header.ts b/web/components/tiptap/extensions/table/table-header.ts
similarity index 86%
rename from apps/app/components/tiptap/extensions/table/table-header.ts
rename to web/components/tiptap/extensions/table/table-header.ts
index d04fe85d3..f23aa93ef 100644
--- a/apps/app/components/tiptap/extensions/table/table-header.ts
+++ b/web/components/tiptap/extensions/table/table-header.ts
@@ -1,7 +1,7 @@
 import { TableHeader as BaseTableHeader } from "@tiptap/extension-table-header";
 
 const TableHeader = BaseTableHeader.extend({
-  content: "paragraph"
+  content: "paragraph",
 });
 
 export { TableHeader };
diff --git a/apps/app/components/tiptap/extensions/table/table.ts b/web/components/tiptap/extensions/table/table.ts
similarity index 83%
rename from apps/app/components/tiptap/extensions/table/table.ts
rename to web/components/tiptap/extensions/table/table.ts
index b05dedb3b..9b727bb51 100644
--- a/apps/app/components/tiptap/extensions/table/table.ts
+++ b/web/components/tiptap/extensions/table/table.ts
@@ -3,7 +3,7 @@ import { Table as BaseTable } from "@tiptap/extension-table";
 const Table = BaseTable.configure({
   resizable: true,
   cellMinWidth: 100,
-  allowTableNodeSelection: true
+  allowTableNodeSelection: true,
 });
 
 export { Table };
diff --git a/apps/space/components/tiptap/extensions/updated-image.tsx b/web/components/tiptap/extensions/updated-image.tsx
similarity index 95%
rename from apps/space/components/tiptap/extensions/updated-image.tsx
rename to web/components/tiptap/extensions/updated-image.tsx
index 01648dcd7..b62050953 100644
--- a/apps/space/components/tiptap/extensions/updated-image.tsx
+++ b/web/components/tiptap/extensions/updated-image.tsx
@@ -10,7 +10,7 @@ const UpdatedImage = Image.extend({
     return {
       ...this.parent?.(),
       width: {
-        default: '35%',
+        default: "35%",
       },
       height: {
         default: null,
diff --git a/apps/app/components/tiptap/index.tsx b/web/components/tiptap/index.tsx
similarity index 96%
rename from apps/app/components/tiptap/index.tsx
rename to web/components/tiptap/index.tsx
index 2ab6bf288..82304bfb0 100644
--- a/apps/app/components/tiptap/index.tsx
+++ b/web/components/tiptap/index.tsx
@@ -76,8 +76,8 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
 
   const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
       ${noBorder ? "" : "border border-custom-border-200"} ${
-    borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
-  } ${customClassName}`;
+        borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+      } ${customClassName}`;
 
   if (!editor) return null;
   editorRef.current = editor;
diff --git a/apps/app/components/tiptap/plugins/delete-image.tsx b/web/components/tiptap/plugins/delete-image.tsx
similarity index 90%
rename from apps/app/components/tiptap/plugins/delete-image.tsx
rename to web/components/tiptap/plugins/delete-image.tsx
index 262a3f591..568e4b748 100644
--- a/apps/app/components/tiptap/plugins/delete-image.tsx
+++ b/web/components/tiptap/plugins/delete-image.tsx
@@ -1,5 +1,5 @@
 import { Plugin, PluginKey } from "@tiptap/pm/state";
-import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 import fileService from "services/file.service";
 
 const deleteKey = new PluginKey("delete-image");
@@ -14,14 +14,14 @@ const TrackImageDeletionPlugin = () =>
         const removedImages: ProseMirrorNode[] = [];
 
         oldState.doc.descendants((oldNode, oldPos) => {
-          if (oldNode.type.name !== 'image') return;
+          if (oldNode.type.name !== "image") return;
 
           if (oldPos < 0 || oldPos > newState.doc.content.size) return;
           if (!newState.doc.resolve(oldPos).parent) return;
           const newNode = newState.doc.nodeAt(oldPos);
 
           // Check if the node has been deleted or replaced
-          if (!newNode || newNode.type.name !== 'image') {
+          if (!newNode || newNode.type.name !== "image") {
             // Check if the node still exists elsewhere in the document
             let nodeExists = false;
             newState.doc.descendants((node) => {
diff --git a/apps/app/components/tiptap/plugins/upload-image.tsx b/web/components/tiptap/plugins/upload-image.tsx
similarity index 90%
rename from apps/app/components/tiptap/plugins/upload-image.tsx
rename to web/components/tiptap/plugins/upload-image.tsx
index a13f8e18a..499a00455 100644
--- a/apps/app/components/tiptap/plugins/upload-image.tsx
+++ b/web/components/tiptap/plugins/upload-image.tsx
@@ -22,10 +22,7 @@ const UploadImagesPlugin = () =>
           const placeholder = document.createElement("div");
           placeholder.setAttribute("class", "img-placeholder");
           const image = document.createElement("img");
-          image.setAttribute(
-            "class",
-            "opacity-10 rounded-lg border border-custom-border-300",
-          );
+          image.setAttribute("class", "opacity-10 rounded-lg border border-custom-border-300");
           image.src = src;
           placeholder.appendChild(image);
           const deco = Decoration.widget(pos + 1, placeholder, {
@@ -57,7 +54,13 @@ function findPlaceholder(state: EditorState, id: {}) {
   return found.length ? found[0].from : null;
 }
 
-export async function startImageUpload(file: File, view: EditorView, pos: number, workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) {
+export async function startImageUpload(
+  file: File,
+  view: EditorView,
+  pos: number,
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) {
   if (!file.type.includes("image/")) {
     return;
   }
@@ -83,7 +86,7 @@ export async function startImageUpload(file: File, view: EditorView, pos: number
   if (!workspaceSlug) {
     return;
   }
-  setIsSubmitting?.("submitting")
+  setIsSubmitting?.("submitting");
   const src = await UploadImageHandler(file, workspaceSlug);
   const { schema } = view.state;
   pos = findPlaceholder(view.state, id);
diff --git a/apps/app/components/tiptap/props.tsx b/web/components/tiptap/props.tsx
similarity index 83%
rename from apps/app/components/tiptap/props.tsx
rename to web/components/tiptap/props.tsx
index 69cddca1f..8233e3ab4 100644
--- a/apps/app/components/tiptap/props.tsx
+++ b/web/components/tiptap/props.tsx
@@ -2,7 +2,10 @@ import { EditorProps } from "@tiptap/pm/view";
 import { startImageUpload } from "./plugins/upload-image";
 import { findTableAncestor } from "./table-menu";
 
-export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void): EditorProps {
+export function TiptapEditorProps(
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+): EditorProps {
   return {
     attributes: {
       class: `prose prose-brand max-w-full prose-headings:font-display font-default focus:outline-none`,
@@ -28,11 +31,7 @@ export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSu
           }
         }
       }
-      if (
-        event.clipboardData &&
-        event.clipboardData.files &&
-        event.clipboardData.files[0]
-      ) {
+      if (event.clipboardData && event.clipboardData.files && event.clipboardData.files[0]) {
         event.preventDefault();
         const file = event.clipboardData.files[0];
         const pos = view.state.selection.from;
@@ -51,12 +50,7 @@ export function TiptapEditorProps(workspaceSlug: string, setIsSubmitting?: (isSu
           }
         }
       }
-      if (
-        !moved &&
-        event.dataTransfer &&
-        event.dataTransfer.files &&
-        event.dataTransfer.files[0]
-      ) {
+      if (!moved && event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
         event.preventDefault();
         const file = event.dataTransfer.files[0];
         const coordinates = view.posAtCoords({
diff --git a/apps/app/components/tiptap/slash-command/index.tsx b/web/components/tiptap/slash-command/index.tsx
similarity index 52%
rename from apps/app/components/tiptap/slash-command/index.tsx
rename to web/components/tiptap/slash-command/index.tsx
index c843f0762..46bf5ea5a 100644
--- a/apps/app/components/tiptap/slash-command/index.tsx
+++ b/web/components/tiptap/slash-command/index.tsx
@@ -56,143 +56,153 @@ const Command = Extension.create({
   },
 });
 
-const getSuggestionItems = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) => ({ query }: { query: string }) =>
-  [
-    {
-      title: "Text",
-      description: "Just start typing with plain text.",
-      searchTerms: ["p", "paragraph"],
-      icon: <Text size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+const getSuggestionItems =
+  (
+    workspaceSlug: string,
+    setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+  ) =>
+  ({ query }: { query: string }) =>
+    [
+      {
+        title: "Text",
+        description: "Just start typing with plain text.",
+        searchTerms: ["p", "paragraph"],
+        icon: <Text size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
+        },
       },
-    },
-    {
-      title: "Heading 1",
-      description: "Big section heading.",
-      searchTerms: ["title", "big", "large"],
-      icon: <Heading1 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+      {
+        title: "Heading 1",
+        description: "Big section heading.",
+        searchTerms: ["title", "big", "large"],
+        icon: <Heading1 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
+        },
       },
-    },
-    {
-      title: "Heading 2",
-      description: "Medium section heading.",
-      searchTerms: ["subtitle", "medium"],
-      icon: <Heading2 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+      {
+        title: "Heading 2",
+        description: "Medium section heading.",
+        searchTerms: ["subtitle", "medium"],
+        icon: <Heading2 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
+        },
       },
-    },
-    {
-      title: "Heading 3",
-      description: "Small section heading.",
-      searchTerms: ["subtitle", "small"],
-      icon: <Heading3 size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+      {
+        title: "Heading 3",
+        description: "Small section heading.",
+        searchTerms: ["subtitle", "small"],
+        icon: <Heading3 size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
+        },
       },
-    },
-    {
-      title: "To-do List",
-      description: "Track tasks with a to-do list.",
-      searchTerms: ["todo", "task", "list", "check", "checkbox"],
-      icon: <CheckSquare size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleTaskList().run();
+      {
+        title: "To-do List",
+        description: "Track tasks with a to-do list.",
+        searchTerms: ["todo", "task", "list", "check", "checkbox"],
+        icon: <CheckSquare size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleTaskList().run();
+        },
       },
-    },
-    {
-      title: "Bullet List",
-      description: "Create a simple bullet list.",
-      searchTerms: ["unordered", "point"],
-      icon: <List size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleBulletList().run();
+      {
+        title: "Bullet List",
+        description: "Create a simple bullet list.",
+        searchTerms: ["unordered", "point"],
+        icon: <List size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleBulletList().run();
+        },
       },
-    },
-    {
-      title: "Divider",
-      description: "Visually divide blocks",
-      searchTerms: ["line", "divider", "horizontal", "rule", "separate"],
-      icon: <MinusSquare size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+      {
+        title: "Divider",
+        description: "Visually divide blocks",
+        searchTerms: ["line", "divider", "horizontal", "rule", "separate"],
+        icon: <MinusSquare size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).setHorizontalRule().run();
+        },
       },
-    },
-    {
-      title: "Table",
-      description: "Create a Table",
-      searchTerms: ["table", "cell", "db", "data", "tabular"],
-      icon: <Table size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).insertTable({ rows: 3, cols: 3, withHeaderRow: true }).run();
+      {
+        title: "Table",
+        description: "Create a Table",
+        searchTerms: ["table", "cell", "db", "data", "tabular"],
+        icon: <Table size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor
+            .chain()
+            .focus()
+            .deleteRange(range)
+            .insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+            .run();
+        },
       },
-    },
-    {
-      title: "Numbered List",
-      description: "Create a list with numbering.",
-      searchTerms: ["ordered"],
-      icon: <ListOrdered size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+      {
+        title: "Numbered List",
+        description: "Create a list with numbering.",
+        searchTerms: ["ordered"],
+        icon: <ListOrdered size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).toggleOrderedList().run();
+        },
       },
-    },
-    {
-      title: "Quote",
-      description: "Capture a quote.",
-      searchTerms: ["blockquote"],
-      icon: <TextQuote size={18} />,
-      command: ({ editor, range }: CommandProps) =>
-        editor
-          .chain()
-          .focus()
-          .deleteRange(range)
-          .toggleNode("paragraph", "paragraph")
-          .toggleBlockquote()
-          .run(),
-    },
-    {
-      title: "Code",
-      description: "Capture a code snippet.",
-      searchTerms: ["codeblock"],
-      icon: <Code size={18} />,
-      command: ({ editor, range }: CommandProps) =>
-        editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
-    },
-    {
-      title: "Image",
-      description: "Upload an image from your computer.",
-      searchTerms: ["photo", "picture", "media"],
-      icon: <ImageIcon size={18} />,
-      command: ({ editor, range }: CommandProps) => {
-        editor.chain().focus().deleteRange(range).run();
-        // upload image
-        const input = document.createElement("input");
-        input.type = "file";
-        input.accept = "image/*";
-        input.onchange = async () => {
-          if (input.files?.length) {
-            const file = input.files[0];
-            const pos = editor.view.state.selection.from;
-            startImageUpload(file, editor.view, pos, workspaceSlug, setIsSubmitting);
-          }
-        };
-        input.click();
+      {
+        title: "Quote",
+        description: "Capture a quote.",
+        searchTerms: ["blockquote"],
+        icon: <TextQuote size={18} />,
+        command: ({ editor, range }: CommandProps) =>
+          editor
+            .chain()
+            .focus()
+            .deleteRange(range)
+            .toggleNode("paragraph", "paragraph")
+            .toggleBlockquote()
+            .run(),
       },
-    },
-  ].filter((item) => {
-    if (typeof query === "string" && query.length > 0) {
-      const search = query.toLowerCase();
-      return (
-        item.title.toLowerCase().includes(search) ||
-        item.description.toLowerCase().includes(search) ||
-        (item.searchTerms && item.searchTerms.some((term: string) => term.includes(search)))
-      );
-    }
-    return true;
-  });
+      {
+        title: "Code",
+        description: "Capture a code snippet.",
+        searchTerms: ["codeblock"],
+        icon: <Code size={18} />,
+        command: ({ editor, range }: CommandProps) =>
+          editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
+      },
+      {
+        title: "Image",
+        description: "Upload an image from your computer.",
+        searchTerms: ["photo", "picture", "media"],
+        icon: <ImageIcon size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor.chain().focus().deleteRange(range).run();
+          // upload image
+          const input = document.createElement("input");
+          input.type = "file";
+          input.accept = "image/*";
+          input.onchange = async () => {
+            if (input.files?.length) {
+              const file = input.files[0];
+              const pos = editor.view.state.selection.from;
+              startImageUpload(file, editor.view, pos, workspaceSlug, setIsSubmitting);
+            }
+          };
+          input.click();
+        },
+      },
+    ].filter((item) => {
+      if (typeof query === "string" && query.length > 0) {
+        const search = query.toLowerCase();
+        return (
+          item.title.toLowerCase().includes(search) ||
+          item.description.toLowerCase().includes(search) ||
+          (item.searchTerms && item.searchTerms.some((term: string) => term.includes(search)))
+        );
+      }
+      return true;
+    });
 
 export const updateScrollView = (container: HTMLElement, item: HTMLElement) => {
   const containerHeight = container.offsetHeight;
@@ -341,7 +351,10 @@ const renderItems = () => {
   };
 };
 
-export const SlashCommand = (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) =>
+export const SlashCommand = (
+  workspaceSlug: string,
+  setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+) =>
   Command.configure({
     suggestion: {
       items: getSuggestionItems(workspaceSlug, setIsSubmitting),
diff --git a/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx b/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx
new file mode 100644
index 000000000..0e42ba648
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertBottomTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertBottomTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M212.309-152.31q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-375.383q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm535.382-219.998H212.309q-4.616 0-8.463 3.846-3.846 3.846-3.846 8.462V-600q0 4.616 3.846 8.462 3.847 3.847 8.463 3.847h535.382q4.616 0 8.463-3.847Q760-595.384 760-600v-135.383q0-4.616-3.846-8.462-3.847-3.846-8.463-3.846ZM200-587.691v-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+
+export default InsertBottomTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx b/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx
new file mode 100644
index 000000000..1fd75fe87
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertLeftTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertLeftTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M224.617-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm147.691-607.69q0-4.616-3.846-8.463-3.846-3.846-8.462-3.846H600q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v535.382q0 4.616 3.847 8.463Q595.384-200 600-200h135.383q4.616 0 8.462-3.846 3.846-3.847 3.846-8.463v-535.382ZM587.691-200h160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+export default InsertLeftTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertRightTableIcon.tsx b/web/components/tiptap/table-menu/InsertRightTableIcon.tsx
new file mode 100644
index 000000000..1a6570969
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertRightTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertRightTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M600-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm-375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm-12.308-607.69v535.382q0 4.616 3.846 8.463 3.846 3.846 8.462 3.846H360q4.616 0 8.462-3.846 3.847-3.847 3.847-8.463v-535.382q0-4.616-3.847-8.463Q364.616-760 360-760H224.617q-4.616 0-8.462 3.846-3.846 3.847-3.846 8.463Zm160 547.691h-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+
+export default InsertRightTableIcon;
diff --git a/web/components/tiptap/table-menu/InsertTopTableIcon.tsx b/web/components/tiptap/table-menu/InsertTopTableIcon.tsx
new file mode 100644
index 000000000..8f04f4f61
--- /dev/null
+++ b/web/components/tiptap/table-menu/InsertTopTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertTopTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M212.309-527.693q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0 375.383q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-59.999h535.382q4.616 0 8.463-3.846 3.846-3.846 3.846-8.462V-360q0-4.616-3.846-8.462-3.847-3.847-8.463-3.847H212.309q-4.616 0-8.463 3.847Q200-364.616 200-360v135.383q0 4.616 3.846 8.462 3.847 3.846 8.463 3.846Zm-12.309-160v160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+export default InsertTopTableIcon;
diff --git a/apps/app/components/tiptap/table-menu/index.tsx b/web/components/tiptap/table-menu/index.tsx
similarity index 97%
rename from apps/app/components/tiptap/table-menu/index.tsx
rename to web/components/tiptap/table-menu/index.tsx
index e6513fc43..94f9c0f8d 100644
--- a/apps/app/components/tiptap/table-menu/index.tsx
+++ b/web/components/tiptap/table-menu/index.tsx
@@ -115,8 +115,9 @@ export const TableMenu = ({ editor }: { editor: any }) => {
 
   return (
     <section
-      className={`fixed left-1/2 transform -translate-x-1/2 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 shadow-custom-shadow-sm p-1 ${isOpen ? "block" : "hidden"
-        }`}
+      className={`fixed left-1/2 transform -translate-x-1/2 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 shadow-custom-shadow-sm p-1 ${
+        isOpen ? "block" : "hidden"
+      }`}
       style={{
         bottom: `calc(100vh - ${tableLocation.bottom + 45}px)`,
         left: `${tableLocation.left}px`,
diff --git a/apps/space/components/tiptap/utils.ts b/web/components/tiptap/utils.ts
similarity index 100%
rename from apps/space/components/tiptap/utils.ts
rename to web/components/tiptap/utils.ts
diff --git a/apps/app/components/toast-alert/index.tsx b/web/components/toast-alert/index.tsx
similarity index 100%
rename from apps/app/components/toast-alert/index.tsx
rename to web/components/toast-alert/index.tsx
diff --git a/apps/app/components/ui/avatar.tsx b/web/components/ui/avatar.tsx
similarity index 100%
rename from apps/app/components/ui/avatar.tsx
rename to web/components/ui/avatar.tsx
diff --git a/apps/app/components/ui/buttons/danger-button.tsx b/web/components/ui/buttons/danger-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/danger-button.tsx
rename to web/components/ui/buttons/danger-button.tsx
diff --git a/apps/app/components/ui/buttons/index.ts b/web/components/ui/buttons/index.ts
similarity index 100%
rename from apps/app/components/ui/buttons/index.ts
rename to web/components/ui/buttons/index.ts
diff --git a/apps/app/components/ui/buttons/primary-button.tsx b/web/components/ui/buttons/primary-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/primary-button.tsx
rename to web/components/ui/buttons/primary-button.tsx
diff --git a/apps/app/components/ui/buttons/secondary-button.tsx b/web/components/ui/buttons/secondary-button.tsx
similarity index 100%
rename from apps/app/components/ui/buttons/secondary-button.tsx
rename to web/components/ui/buttons/secondary-button.tsx
diff --git a/apps/app/components/ui/buttons/type.d.ts b/web/components/ui/buttons/type.d.ts
similarity index 100%
rename from apps/app/components/ui/buttons/type.d.ts
rename to web/components/ui/buttons/type.d.ts
diff --git a/apps/app/components/ui/circular-progress.tsx b/web/components/ui/circular-progress.tsx
similarity index 100%
rename from apps/app/components/ui/circular-progress.tsx
rename to web/components/ui/circular-progress.tsx
diff --git a/apps/app/components/ui/date.tsx b/web/components/ui/date.tsx
similarity index 100%
rename from apps/app/components/ui/date.tsx
rename to web/components/ui/date.tsx
diff --git a/apps/app/components/ui/datepicker.tsx b/web/components/ui/datepicker.tsx
similarity index 100%
rename from apps/app/components/ui/datepicker.tsx
rename to web/components/ui/datepicker.tsx
diff --git a/apps/app/components/ui/dropdowns/context-menu.tsx b/web/components/ui/dropdowns/context-menu.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/context-menu.tsx
rename to web/components/ui/dropdowns/context-menu.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-menu.tsx b/web/components/ui/dropdowns/custom-menu.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/custom-menu.tsx
rename to web/components/ui/dropdowns/custom-menu.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-search-select.tsx b/web/components/ui/dropdowns/custom-search-select.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/custom-search-select.tsx
rename to web/components/ui/dropdowns/custom-search-select.tsx
diff --git a/apps/app/components/ui/dropdowns/custom-select.tsx b/web/components/ui/dropdowns/custom-select.tsx
similarity index 100%
rename from apps/app/components/ui/dropdowns/custom-select.tsx
rename to web/components/ui/dropdowns/custom-select.tsx
diff --git a/apps/app/components/ui/dropdowns/index.ts b/web/components/ui/dropdowns/index.ts
similarity index 100%
rename from apps/app/components/ui/dropdowns/index.ts
rename to web/components/ui/dropdowns/index.ts
diff --git a/apps/app/components/ui/dropdowns/types.d.ts b/web/components/ui/dropdowns/types.d.ts
similarity index 100%
rename from apps/app/components/ui/dropdowns/types.d.ts
rename to web/components/ui/dropdowns/types.d.ts
diff --git a/apps/app/components/ui/empty-space.tsx b/web/components/ui/empty-space.tsx
similarity index 100%
rename from apps/app/components/ui/empty-space.tsx
rename to web/components/ui/empty-space.tsx
diff --git a/apps/app/components/ui/empty-state.tsx b/web/components/ui/empty-state.tsx
similarity index 100%
rename from apps/app/components/ui/empty-state.tsx
rename to web/components/ui/empty-state.tsx
diff --git a/apps/app/components/ui/graphs/bar-graph.tsx b/web/components/ui/graphs/bar-graph.tsx
similarity index 100%
rename from apps/app/components/ui/graphs/bar-graph.tsx
rename to web/components/ui/graphs/bar-graph.tsx
diff --git a/apps/app/components/ui/graphs/calendar-graph.tsx b/web/components/ui/graphs/calendar-graph.tsx
similarity index 100%
rename from apps/app/components/ui/graphs/calendar-graph.tsx
rename to web/components/ui/graphs/calendar-graph.tsx
diff --git a/apps/app/components/ui/graphs/index.ts b/web/components/ui/graphs/index.ts
similarity index 100%
rename from apps/app/components/ui/graphs/index.ts
rename to web/components/ui/graphs/index.ts
diff --git a/apps/app/components/ui/graphs/line-graph.tsx b/web/components/ui/graphs/line-graph.tsx
similarity index 100%
rename from apps/app/components/ui/graphs/line-graph.tsx
rename to web/components/ui/graphs/line-graph.tsx
diff --git a/apps/app/components/ui/graphs/pie-graph.tsx b/web/components/ui/graphs/pie-graph.tsx
similarity index 100%
rename from apps/app/components/ui/graphs/pie-graph.tsx
rename to web/components/ui/graphs/pie-graph.tsx
diff --git a/apps/app/components/ui/graphs/scatter-plot-graph.tsx b/web/components/ui/graphs/scatter-plot-graph.tsx
similarity index 100%
rename from apps/app/components/ui/graphs/scatter-plot-graph.tsx
rename to web/components/ui/graphs/scatter-plot-graph.tsx
diff --git a/apps/app/components/ui/graphs/types.d.ts b/web/components/ui/graphs/types.d.ts
similarity index 100%
rename from apps/app/components/ui/graphs/types.d.ts
rename to web/components/ui/graphs/types.d.ts
diff --git a/apps/app/components/ui/icon-name-type.d.ts b/web/components/ui/icon-name-type.d.ts
similarity index 100%
rename from apps/app/components/ui/icon-name-type.d.ts
rename to web/components/ui/icon-name-type.d.ts
diff --git a/apps/app/components/ui/icon.tsx b/web/components/ui/icon.tsx
similarity index 100%
rename from apps/app/components/ui/icon.tsx
rename to web/components/ui/icon.tsx
diff --git a/apps/app/components/ui/index.ts b/web/components/ui/index.ts
similarity index 95%
rename from apps/app/components/ui/index.ts
rename to web/components/ui/index.ts
index b75111b1e..3f9815533 100644
--- a/apps/app/components/ui/index.ts
+++ b/web/components/ui/index.ts
@@ -23,4 +23,4 @@ export * from "./product-updates-modal";
 export * from "./integration-and-import-export-banner";
 export * from "./range-datepicker";
 export * from "./circular-progress";
-export * from "./profile-empty-state";
\ No newline at end of file
+export * from "./profile-empty-state";
diff --git a/apps/app/components/ui/input/index.tsx b/web/components/ui/input/index.tsx
similarity index 100%
rename from apps/app/components/ui/input/index.tsx
rename to web/components/ui/input/index.tsx
diff --git a/apps/app/components/ui/input/types.d.ts b/web/components/ui/input/types.d.ts
similarity index 100%
rename from apps/app/components/ui/input/types.d.ts
rename to web/components/ui/input/types.d.ts
diff --git a/apps/app/components/ui/integration-and-import-export-banner.tsx b/web/components/ui/integration-and-import-export-banner.tsx
similarity index 100%
rename from apps/app/components/ui/integration-and-import-export-banner.tsx
rename to web/components/ui/integration-and-import-export-banner.tsx
diff --git a/apps/app/components/ui/labels-list.tsx b/web/components/ui/labels-list.tsx
similarity index 100%
rename from apps/app/components/ui/labels-list.tsx
rename to web/components/ui/labels-list.tsx
diff --git a/apps/app/components/ui/linear-progress-indicator.tsx b/web/components/ui/linear-progress-indicator.tsx
similarity index 73%
rename from apps/app/components/ui/linear-progress-indicator.tsx
rename to web/components/ui/linear-progress-indicator.tsx
index 986741bc6..e6fe2b758 100644
--- a/apps/app/components/ui/linear-progress-indicator.tsx
+++ b/web/components/ui/linear-progress-indicator.tsx
@@ -3,10 +3,10 @@ import { Tooltip } from "./tooltip";
 
 type Props = {
   data: any;
-  noTooltip?: boolean
+  noTooltip?: boolean;
 };
 
-export const LinearProgressIndicator: React.FC<Props> = ({ data, noTooltip=false }) => {
+export const LinearProgressIndicator: React.FC<Props> = ({ data, noTooltip = false }) => {
   const total = data.reduce((acc: any, cur: any) => acc + cur.value, 0);
   let progress = 0;
 
@@ -17,12 +17,13 @@ export const LinearProgressIndicator: React.FC<Props> = ({ data, noTooltip=false
       backgroundColor: item.color,
     };
     progress += item.value;
-    if (noTooltip) return <div style={style} />
-    else return (
-      <Tooltip key={item.id} tooltipContent={`${item.name} ${Math.round(item.value)}%`}>
-        <div style={style} />
-      </Tooltip>
-    );
+    if (noTooltip) return <div style={style} />;
+    else
+      return (
+        <Tooltip key={item.id} tooltipContent={`${item.name} ${Math.round(item.value)}%`}>
+          <div style={style} />
+        </Tooltip>
+      );
   });
 
   return (
diff --git a/apps/space/components/ui/loader.tsx b/web/components/ui/loader.tsx
similarity index 100%
rename from apps/space/components/ui/loader.tsx
rename to web/components/ui/loader.tsx
diff --git a/apps/app/components/ui/markdown-to-component.tsx b/web/components/ui/markdown-to-component.tsx
similarity index 100%
rename from apps/app/components/ui/markdown-to-component.tsx
rename to web/components/ui/markdown-to-component.tsx
diff --git a/apps/app/components/ui/multi-level-dropdown.tsx b/web/components/ui/multi-level-dropdown.tsx
similarity index 100%
rename from apps/app/components/ui/multi-level-dropdown.tsx
rename to web/components/ui/multi-level-dropdown.tsx
diff --git a/apps/app/components/ui/multi-level-select.tsx b/web/components/ui/multi-level-select.tsx
similarity index 100%
rename from apps/app/components/ui/multi-level-select.tsx
rename to web/components/ui/multi-level-select.tsx
diff --git a/apps/app/components/ui/product-updates-modal.tsx b/web/components/ui/product-updates-modal.tsx
similarity index 100%
rename from apps/app/components/ui/product-updates-modal.tsx
rename to web/components/ui/product-updates-modal.tsx
diff --git a/apps/app/components/ui/profile-empty-state.tsx b/web/components/ui/profile-empty-state.tsx
similarity index 100%
rename from apps/app/components/ui/profile-empty-state.tsx
rename to web/components/ui/profile-empty-state.tsx
diff --git a/apps/app/components/ui/progress-bar.tsx b/web/components/ui/progress-bar.tsx
similarity index 100%
rename from apps/app/components/ui/progress-bar.tsx
rename to web/components/ui/progress-bar.tsx
diff --git a/apps/app/components/ui/range-datepicker.tsx b/web/components/ui/range-datepicker.tsx
similarity index 100%
rename from apps/app/components/ui/range-datepicker.tsx
rename to web/components/ui/range-datepicker.tsx
diff --git a/apps/app/components/ui/spinner.tsx b/web/components/ui/spinner.tsx
similarity index 100%
rename from apps/app/components/ui/spinner.tsx
rename to web/components/ui/spinner.tsx
diff --git a/apps/app/components/ui/text-area/index.tsx b/web/components/ui/text-area/index.tsx
similarity index 100%
rename from apps/app/components/ui/text-area/index.tsx
rename to web/components/ui/text-area/index.tsx
diff --git a/apps/app/components/ui/text-area/types.d.ts b/web/components/ui/text-area/types.d.ts
similarity index 100%
rename from apps/app/components/ui/text-area/types.d.ts
rename to web/components/ui/text-area/types.d.ts
diff --git a/apps/app/components/ui/toggle-switch.tsx b/web/components/ui/toggle-switch.tsx
similarity index 100%
rename from apps/app/components/ui/toggle-switch.tsx
rename to web/components/ui/toggle-switch.tsx
diff --git a/apps/app/components/ui/tooltip.tsx b/web/components/ui/tooltip.tsx
similarity index 100%
rename from apps/app/components/ui/tooltip.tsx
rename to web/components/ui/tooltip.tsx
diff --git a/apps/app/components/views/delete-view-modal.tsx b/web/components/views/delete-view-modal.tsx
similarity index 97%
rename from apps/app/components/views/delete-view-modal.tsx
rename to web/components/views/delete-view-modal.tsx
index 61c627430..c65f7ba29 100644
--- a/apps/app/components/views/delete-view-modal.tsx
+++ b/web/components/views/delete-view-modal.tsx
@@ -46,8 +46,9 @@ export const DeleteViewModal: React.FC<Props> = ({ isOpen, data, setIsOpen, user
     await viewsService
       .deleteView(workspaceSlug as string, projectId as string, data.id, user)
       .then(() => {
-        mutate<IView[]>(VIEWS_LIST(projectId as string), (views) =>
-          views?.filter((view) => view.id !== data.id)
+        mutate<IView[]>(
+          VIEWS_LIST(projectId as string),
+          (views) => views?.filter((view) => view.id !== data.id)
         );
 
         handleClose();
diff --git a/apps/app/components/views/form.tsx b/web/components/views/form.tsx
similarity index 100%
rename from apps/app/components/views/form.tsx
rename to web/components/views/form.tsx
diff --git a/apps/app/components/views/gantt-chart.tsx b/web/components/views/gantt-chart.tsx
similarity index 100%
rename from apps/app/components/views/gantt-chart.tsx
rename to web/components/views/gantt-chart.tsx
diff --git a/apps/app/components/views/index.ts b/web/components/views/index.ts
similarity index 100%
rename from apps/app/components/views/index.ts
rename to web/components/views/index.ts
diff --git a/apps/app/components/views/modal.tsx b/web/components/views/modal.tsx
similarity index 100%
rename from apps/app/components/views/modal.tsx
rename to web/components/views/modal.tsx
diff --git a/apps/app/components/views/select-filters.tsx b/web/components/views/select-filters.tsx
similarity index 100%
rename from apps/app/components/views/select-filters.tsx
rename to web/components/views/select-filters.tsx
diff --git a/apps/app/components/views/single-view-item.tsx b/web/components/views/single-view-item.tsx
similarity index 100%
rename from apps/app/components/views/single-view-item.tsx
rename to web/components/views/single-view-item.tsx
diff --git a/apps/app/components/workspace/activity-graph.tsx b/web/components/workspace/activity-graph.tsx
similarity index 100%
rename from apps/app/components/workspace/activity-graph.tsx
rename to web/components/workspace/activity-graph.tsx
diff --git a/apps/app/components/workspace/completed-issues-graph.tsx b/web/components/workspace/completed-issues-graph.tsx
similarity index 100%
rename from apps/app/components/workspace/completed-issues-graph.tsx
rename to web/components/workspace/completed-issues-graph.tsx
diff --git a/apps/app/components/workspace/confirm-workspace-member-remove.tsx b/web/components/workspace/confirm-workspace-member-remove.tsx
similarity index 100%
rename from apps/app/components/workspace/confirm-workspace-member-remove.tsx
rename to web/components/workspace/confirm-workspace-member-remove.tsx
diff --git a/apps/app/components/workspace/create-workspace-form.tsx b/web/components/workspace/create-workspace-form.tsx
similarity index 100%
rename from apps/app/components/workspace/create-workspace-form.tsx
rename to web/components/workspace/create-workspace-form.tsx
diff --git a/apps/app/components/workspace/delete-workspace-modal.tsx b/web/components/workspace/delete-workspace-modal.tsx
similarity index 97%
rename from apps/app/components/workspace/delete-workspace-modal.tsx
rename to web/components/workspace/delete-workspace-modal.tsx
index 7ba8c0eff..80cf08cd1 100644
--- a/apps/app/components/workspace/delete-workspace-modal.tsx
+++ b/web/components/workspace/delete-workspace-modal.tsx
@@ -68,8 +68,9 @@ export const DeleteWorkspaceModal: React.FC<Props> = ({ isOpen, data, onClose, u
 
         router.push("/");
 
-        mutate<IWorkspace[]>(USER_WORKSPACES, (prevData) =>
-          prevData?.filter((workspace) => workspace.id !== data.id)
+        mutate<IWorkspace[]>(
+          USER_WORKSPACES,
+          (prevData) => prevData?.filter((workspace) => workspace.id !== data.id)
         );
 
         setToastAlert({
diff --git a/apps/app/components/workspace/help-section.tsx b/web/components/workspace/help-section.tsx
similarity index 100%
rename from apps/app/components/workspace/help-section.tsx
rename to web/components/workspace/help-section.tsx
diff --git a/apps/app/components/workspace/index.ts b/web/components/workspace/index.ts
similarity index 100%
rename from apps/app/components/workspace/index.ts
rename to web/components/workspace/index.ts
diff --git a/apps/app/components/workspace/issues-list.tsx b/web/components/workspace/issues-list.tsx
similarity index 100%
rename from apps/app/components/workspace/issues-list.tsx
rename to web/components/workspace/issues-list.tsx
diff --git a/apps/app/components/workspace/issues-pie-chart.tsx b/web/components/workspace/issues-pie-chart.tsx
similarity index 100%
rename from apps/app/components/workspace/issues-pie-chart.tsx
rename to web/components/workspace/issues-pie-chart.tsx
diff --git a/apps/app/components/workspace/issues-stats.tsx b/web/components/workspace/issues-stats.tsx
similarity index 100%
rename from apps/app/components/workspace/issues-stats.tsx
rename to web/components/workspace/issues-stats.tsx
diff --git a/apps/app/components/workspace/send-workspace-invitation-modal.tsx b/web/components/workspace/send-workspace-invitation-modal.tsx
similarity index 100%
rename from apps/app/components/workspace/send-workspace-invitation-modal.tsx
rename to web/components/workspace/send-workspace-invitation-modal.tsx
diff --git a/apps/app/components/workspace/settings-header.tsx b/web/components/workspace/settings-header.tsx
similarity index 100%
rename from apps/app/components/workspace/settings-header.tsx
rename to web/components/workspace/settings-header.tsx
diff --git a/apps/app/components/workspace/sidebar-dropdown.tsx b/web/components/workspace/sidebar-dropdown.tsx
similarity index 100%
rename from apps/app/components/workspace/sidebar-dropdown.tsx
rename to web/components/workspace/sidebar-dropdown.tsx
diff --git a/apps/app/components/workspace/sidebar-menu.tsx b/web/components/workspace/sidebar-menu.tsx
similarity index 100%
rename from apps/app/components/workspace/sidebar-menu.tsx
rename to web/components/workspace/sidebar-menu.tsx
diff --git a/apps/app/components/workspace/sidebar-quick-action.tsx b/web/components/workspace/sidebar-quick-action.tsx
similarity index 100%
rename from apps/app/components/workspace/sidebar-quick-action.tsx
rename to web/components/workspace/sidebar-quick-action.tsx
diff --git a/apps/app/components/workspace/single-invitation.tsx b/web/components/workspace/single-invitation.tsx
similarity index 100%
rename from apps/app/components/workspace/single-invitation.tsx
rename to web/components/workspace/single-invitation.tsx
diff --git a/apps/app/constants/analytics.ts b/web/constants/analytics.ts
similarity index 100%
rename from apps/app/constants/analytics.ts
rename to web/constants/analytics.ts
diff --git a/apps/app/constants/calendar.ts b/web/constants/calendar.ts
similarity index 100%
rename from apps/app/constants/calendar.ts
rename to web/constants/calendar.ts
diff --git a/apps/app/constants/crisp.tsx b/web/constants/crisp.tsx
similarity index 100%
rename from apps/app/constants/crisp.tsx
rename to web/constants/crisp.tsx
diff --git a/apps/app/constants/fetch-keys.ts b/web/constants/fetch-keys.ts
similarity index 99%
rename from apps/app/constants/fetch-keys.ts
rename to web/constants/fetch-keys.ts
index 14d34a96a..ac0bc8009 100644
--- a/apps/app/constants/fetch-keys.ts
+++ b/web/constants/fetch-keys.ts
@@ -285,9 +285,7 @@ export const ANALYTICS = (workspaceSlug: string, params: IAnalyticsParams) =>
     params.segment
   }_${params.project?.toString()}`;
 export const DEFAULT_ANALYTICS = (workspaceSlug: string, params?: Partial<IAnalyticsParams>) =>
-  `DEFAULT_ANALYTICS_${workspaceSlug.toUpperCase()}_${params?.project?.toString()}_${
-    params?.cycle
-  }_${params?.module}`;
+  `DEFAULT_ANALYTICS_${workspaceSlug.toUpperCase()}_${params?.project?.toString()}_${params?.cycle}_${params?.module}`;
 
 // notifications
 export const USER_WORKSPACE_NOTIFICATIONS = (
diff --git a/apps/app/constants/filters.ts b/web/constants/filters.ts
similarity index 100%
rename from apps/app/constants/filters.ts
rename to web/constants/filters.ts
diff --git a/apps/app/constants/graph.ts b/web/constants/graph.ts
similarity index 100%
rename from apps/app/constants/graph.ts
rename to web/constants/graph.ts
diff --git a/apps/app/constants/inbox.ts b/web/constants/inbox.ts
similarity index 100%
rename from apps/app/constants/inbox.ts
rename to web/constants/inbox.ts
diff --git a/apps/app/constants/issue.ts b/web/constants/issue.ts
similarity index 100%
rename from apps/app/constants/issue.ts
rename to web/constants/issue.ts
diff --git a/apps/app/constants/label.ts b/web/constants/label.ts
similarity index 100%
rename from apps/app/constants/label.ts
rename to web/constants/label.ts
diff --git a/apps/app/constants/module.ts b/web/constants/module.ts
similarity index 100%
rename from apps/app/constants/module.ts
rename to web/constants/module.ts
diff --git a/apps/app/constants/notification.ts b/web/constants/notification.ts
similarity index 100%
rename from apps/app/constants/notification.ts
rename to web/constants/notification.ts
diff --git a/apps/app/constants/project.ts b/web/constants/project.ts
similarity index 100%
rename from apps/app/constants/project.ts
rename to web/constants/project.ts
diff --git a/apps/app/constants/seo-variables.ts b/web/constants/seo-variables.ts
similarity index 100%
rename from apps/app/constants/seo-variables.ts
rename to web/constants/seo-variables.ts
diff --git a/apps/app/constants/spreadsheet.ts b/web/constants/spreadsheet.ts
similarity index 100%
rename from apps/app/constants/spreadsheet.ts
rename to web/constants/spreadsheet.ts
diff --git a/apps/app/constants/state.ts b/web/constants/state.ts
similarity index 100%
rename from apps/app/constants/state.ts
rename to web/constants/state.ts
diff --git a/apps/app/constants/themes.ts b/web/constants/themes.ts
similarity index 100%
rename from apps/app/constants/themes.ts
rename to web/constants/themes.ts
diff --git a/apps/app/constants/timezones.ts b/web/constants/timezones.ts
similarity index 100%
rename from apps/app/constants/timezones.ts
rename to web/constants/timezones.ts
diff --git a/apps/app/constants/workspace.ts b/web/constants/workspace.ts
similarity index 100%
rename from apps/app/constants/workspace.ts
rename to web/constants/workspace.ts
diff --git a/apps/app/contexts/inbox-view-context.tsx b/web/contexts/inbox-view-context.tsx
similarity index 100%
rename from apps/app/contexts/inbox-view-context.tsx
rename to web/contexts/inbox-view-context.tsx
diff --git a/apps/app/contexts/issue-view.context.tsx b/web/contexts/issue-view.context.tsx
similarity index 100%
rename from apps/app/contexts/issue-view.context.tsx
rename to web/contexts/issue-view.context.tsx
diff --git a/apps/app/contexts/profile-issues-context.tsx b/web/contexts/profile-issues-context.tsx
similarity index 100%
rename from apps/app/contexts/profile-issues-context.tsx
rename to web/contexts/profile-issues-context.tsx
diff --git a/apps/app/contexts/project-member.context.tsx b/web/contexts/project-member.context.tsx
similarity index 100%
rename from apps/app/contexts/project-member.context.tsx
rename to web/contexts/project-member.context.tsx
diff --git a/apps/app/contexts/theme.context.tsx b/web/contexts/theme.context.tsx
similarity index 100%
rename from apps/app/contexts/theme.context.tsx
rename to web/contexts/theme.context.tsx
diff --git a/apps/app/contexts/toast.context.tsx b/web/contexts/toast.context.tsx
similarity index 100%
rename from apps/app/contexts/toast.context.tsx
rename to web/contexts/toast.context.tsx
diff --git a/apps/app/contexts/user-notification-context.tsx b/web/contexts/user-notification-context.tsx
similarity index 100%
rename from apps/app/contexts/user-notification-context.tsx
rename to web/contexts/user-notification-context.tsx
diff --git a/apps/app/contexts/user.context.tsx b/web/contexts/user.context.tsx
similarity index 100%
rename from apps/app/contexts/user.context.tsx
rename to web/contexts/user.context.tsx
diff --git a/apps/app/contexts/workspace-member.context.tsx b/web/contexts/workspace-member.context.tsx
similarity index 100%
rename from apps/app/contexts/workspace-member.context.tsx
rename to web/contexts/workspace-member.context.tsx
diff --git a/apps/app/contexts/workspace.context.tsx b/web/contexts/workspace.context.tsx
similarity index 100%
rename from apps/app/contexts/workspace.context.tsx
rename to web/contexts/workspace.context.tsx
diff --git a/apps/app/google.d.ts b/web/google.d.ts
similarity index 100%
rename from apps/app/google.d.ts
rename to web/google.d.ts
diff --git a/apps/app/helpers/analytics.helper.ts b/web/helpers/analytics.helper.ts
similarity index 100%
rename from apps/app/helpers/analytics.helper.ts
rename to web/helpers/analytics.helper.ts
diff --git a/apps/app/helpers/array.helper.ts b/web/helpers/array.helper.ts
similarity index 100%
rename from apps/app/helpers/array.helper.ts
rename to web/helpers/array.helper.ts
diff --git a/apps/app/helpers/attachment.helper.ts b/web/helpers/attachment.helper.ts
similarity index 100%
rename from apps/app/helpers/attachment.helper.ts
rename to web/helpers/attachment.helper.ts
diff --git a/apps/app/helpers/calendar.helper.ts b/web/helpers/calendar.helper.ts
similarity index 100%
rename from apps/app/helpers/calendar.helper.ts
rename to web/helpers/calendar.helper.ts
diff --git a/apps/app/helpers/color.helper.ts b/web/helpers/color.helper.ts
similarity index 100%
rename from apps/app/helpers/color.helper.ts
rename to web/helpers/color.helper.ts
diff --git a/apps/app/helpers/common.helper.ts b/web/helpers/common.helper.ts
similarity index 100%
rename from apps/app/helpers/common.helper.ts
rename to web/helpers/common.helper.ts
diff --git a/apps/app/helpers/date-time.helper.ts b/web/helpers/date-time.helper.ts
similarity index 100%
rename from apps/app/helpers/date-time.helper.ts
rename to web/helpers/date-time.helper.ts
diff --git a/apps/app/helpers/emoji.helper.tsx b/web/helpers/emoji.helper.tsx
similarity index 77%
rename from apps/app/helpers/emoji.helper.tsx
rename to web/helpers/emoji.helper.tsx
index 06bf8ba15..7c9f3cfcb 100644
--- a/apps/app/helpers/emoji.helper.tsx
+++ b/web/helpers/emoji.helper.tsx
@@ -41,13 +41,16 @@ export const groupReactions: (reactions: any[], key: string) => { [key: string]:
   reactions: any,
   key: string
 ) => {
-  const groupedReactions = reactions.reduce((acc: any, reaction: any) => {
-    if (!acc[reaction[key]]) {
-      acc[reaction[key]] = [];
-    }
-    acc[reaction[key]].push(reaction);
-    return acc;
-  }, {} as { [key: string]: any[] });
+  const groupedReactions = reactions.reduce(
+    (acc: any, reaction: any) => {
+      if (!acc[reaction[key]]) {
+        acc[reaction[key]] = [];
+      }
+      acc[reaction[key]].push(reaction);
+      return acc;
+    },
+    {} as { [key: string]: any[] }
+  );
 
   return groupedReactions;
 };
diff --git a/apps/app/helpers/graph.helper.ts b/web/helpers/graph.helper.ts
similarity index 100%
rename from apps/app/helpers/graph.helper.ts
rename to web/helpers/graph.helper.ts
diff --git a/apps/app/helpers/state.helper.ts b/web/helpers/state.helper.ts
similarity index 100%
rename from apps/app/helpers/state.helper.ts
rename to web/helpers/state.helper.ts
diff --git a/apps/app/helpers/string.helper.ts b/web/helpers/string.helper.ts
similarity index 100%
rename from apps/app/helpers/string.helper.ts
rename to web/helpers/string.helper.ts
diff --git a/apps/app/helpers/theme.helper.ts b/web/helpers/theme.helper.ts
similarity index 100%
rename from apps/app/helpers/theme.helper.ts
rename to web/helpers/theme.helper.ts
diff --git a/apps/app/hooks/gantt-chart/cycle-issues-view.tsx b/web/hooks/gantt-chart/cycle-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/gantt-chart/cycle-issues-view.tsx
rename to web/hooks/gantt-chart/cycle-issues-view.tsx
diff --git a/apps/app/hooks/gantt-chart/issue-view.tsx b/web/hooks/gantt-chart/issue-view.tsx
similarity index 100%
rename from apps/app/hooks/gantt-chart/issue-view.tsx
rename to web/hooks/gantt-chart/issue-view.tsx
diff --git a/apps/app/hooks/gantt-chart/module-issues-view.tsx b/web/hooks/gantt-chart/module-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/gantt-chart/module-issues-view.tsx
rename to web/hooks/gantt-chart/module-issues-view.tsx
diff --git a/apps/app/hooks/gantt-chart/view-issues-view.tsx b/web/hooks/gantt-chart/view-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/gantt-chart/view-issues-view.tsx
rename to web/hooks/gantt-chart/view-issues-view.tsx
diff --git a/apps/app/hooks/my-issues/use-my-issues-filter.tsx b/web/hooks/my-issues/use-my-issues-filter.tsx
similarity index 100%
rename from apps/app/hooks/my-issues/use-my-issues-filter.tsx
rename to web/hooks/my-issues/use-my-issues-filter.tsx
diff --git a/apps/app/hooks/my-issues/use-my-issues.tsx b/web/hooks/my-issues/use-my-issues.tsx
similarity index 100%
rename from apps/app/hooks/my-issues/use-my-issues.tsx
rename to web/hooks/my-issues/use-my-issues.tsx
diff --git a/apps/app/hooks/use-calendar-issues-view.tsx b/web/hooks/use-calendar-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/use-calendar-issues-view.tsx
rename to web/hooks/use-calendar-issues-view.tsx
diff --git a/apps/app/hooks/use-comment-reaction.tsx b/web/hooks/use-comment-reaction.tsx
similarity index 100%
rename from apps/app/hooks/use-comment-reaction.tsx
rename to web/hooks/use-comment-reaction.tsx
diff --git a/apps/app/hooks/use-debounce.tsx b/web/hooks/use-debounce.tsx
similarity index 100%
rename from apps/app/hooks/use-debounce.tsx
rename to web/hooks/use-debounce.tsx
diff --git a/apps/app/hooks/use-estimate-option.tsx b/web/hooks/use-estimate-option.tsx
similarity index 100%
rename from apps/app/hooks/use-estimate-option.tsx
rename to web/hooks/use-estimate-option.tsx
diff --git a/apps/app/hooks/use-inbox-view.tsx b/web/hooks/use-inbox-view.tsx
similarity index 100%
rename from apps/app/hooks/use-inbox-view.tsx
rename to web/hooks/use-inbox-view.tsx
diff --git a/apps/app/hooks/use-integration-popup.tsx b/web/hooks/use-integration-popup.tsx
similarity index 100%
rename from apps/app/hooks/use-integration-popup.tsx
rename to web/hooks/use-integration-popup.tsx
diff --git a/apps/app/hooks/use-issue-notification-subscription.tsx b/web/hooks/use-issue-notification-subscription.tsx
similarity index 100%
rename from apps/app/hooks/use-issue-notification-subscription.tsx
rename to web/hooks/use-issue-notification-subscription.tsx
diff --git a/apps/app/hooks/use-issue-properties.tsx b/web/hooks/use-issue-properties.tsx
similarity index 98%
rename from apps/app/hooks/use-issue-properties.tsx
rename to web/hooks/use-issue-properties.tsx
index d5d1072ce..6f4f093e0 100644
--- a/apps/app/hooks/use-issue-properties.tsx
+++ b/web/hooks/use-issue-properties.tsx
@@ -68,7 +68,7 @@ const useIssuesProperties = (workspaceSlug?: string, projectId?: string) => {
             ({
               ...prev,
               properties: { ...prev?.properties, [key]: !prev?.properties?.[key] },
-            } as IssuePriorities),
+            }) as IssuePriorities,
           false
         );
         if (Object.keys(issueProperties).length > 0) {
diff --git a/apps/app/hooks/use-issue-reaction.tsx b/web/hooks/use-issue-reaction.tsx
similarity index 100%
rename from apps/app/hooks/use-issue-reaction.tsx
rename to web/hooks/use-issue-reaction.tsx
diff --git a/apps/app/hooks/use-issues-view.tsx b/web/hooks/use-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/use-issues-view.tsx
rename to web/hooks/use-issues-view.tsx
diff --git a/apps/app/hooks/use-local-storage.tsx b/web/hooks/use-local-storage.tsx
similarity index 100%
rename from apps/app/hooks/use-local-storage.tsx
rename to web/hooks/use-local-storage.tsx
diff --git a/apps/app/hooks/use-outside-click-detector.tsx b/web/hooks/use-outside-click-detector.tsx
similarity index 100%
rename from apps/app/hooks/use-outside-click-detector.tsx
rename to web/hooks/use-outside-click-detector.tsx
diff --git a/apps/app/hooks/use-profile-issues.tsx b/web/hooks/use-profile-issues.tsx
similarity index 100%
rename from apps/app/hooks/use-profile-issues.tsx
rename to web/hooks/use-profile-issues.tsx
diff --git a/apps/app/hooks/use-project-details.tsx b/web/hooks/use-project-details.tsx
similarity index 100%
rename from apps/app/hooks/use-project-details.tsx
rename to web/hooks/use-project-details.tsx
diff --git a/apps/app/hooks/use-project-members.tsx b/web/hooks/use-project-members.tsx
similarity index 100%
rename from apps/app/hooks/use-project-members.tsx
rename to web/hooks/use-project-members.tsx
diff --git a/apps/app/hooks/use-projects.tsx b/web/hooks/use-projects.tsx
similarity index 100%
rename from apps/app/hooks/use-projects.tsx
rename to web/hooks/use-projects.tsx
diff --git a/apps/app/hooks/use-reload-confirmation.tsx b/web/hooks/use-reload-confirmation.tsx
similarity index 100%
rename from apps/app/hooks/use-reload-confirmation.tsx
rename to web/hooks/use-reload-confirmation.tsx
diff --git a/apps/app/hooks/use-spreadsheet-issues-view.tsx b/web/hooks/use-spreadsheet-issues-view.tsx
similarity index 100%
rename from apps/app/hooks/use-spreadsheet-issues-view.tsx
rename to web/hooks/use-spreadsheet-issues-view.tsx
diff --git a/apps/app/hooks/use-sub-issue.tsx b/web/hooks/use-sub-issue.tsx
similarity index 100%
rename from apps/app/hooks/use-sub-issue.tsx
rename to web/hooks/use-sub-issue.tsx
diff --git a/apps/app/hooks/use-theme.tsx b/web/hooks/use-theme.tsx
similarity index 100%
rename from apps/app/hooks/use-theme.tsx
rename to web/hooks/use-theme.tsx
diff --git a/apps/space/hooks/use-timer.tsx b/web/hooks/use-timer.tsx
similarity index 100%
rename from apps/space/hooks/use-timer.tsx
rename to web/hooks/use-timer.tsx
diff --git a/apps/space/hooks/use-toast.tsx b/web/hooks/use-toast.tsx
similarity index 100%
rename from apps/space/hooks/use-toast.tsx
rename to web/hooks/use-toast.tsx
diff --git a/apps/app/hooks/use-user-auth.tsx b/web/hooks/use-user-auth.tsx
similarity index 100%
rename from apps/app/hooks/use-user-auth.tsx
rename to web/hooks/use-user-auth.tsx
diff --git a/apps/app/hooks/use-user-notifications.tsx b/web/hooks/use-user-notifications.tsx
similarity index 100%
rename from apps/app/hooks/use-user-notifications.tsx
rename to web/hooks/use-user-notifications.tsx
diff --git a/apps/app/hooks/use-user.tsx b/web/hooks/use-user.tsx
similarity index 100%
rename from apps/app/hooks/use-user.tsx
rename to web/hooks/use-user.tsx
diff --git a/apps/app/hooks/use-workspace-details.tsx b/web/hooks/use-workspace-details.tsx
similarity index 100%
rename from apps/app/hooks/use-workspace-details.tsx
rename to web/hooks/use-workspace-details.tsx
diff --git a/apps/app/hooks/use-workspace-members.tsx b/web/hooks/use-workspace-members.tsx
similarity index 100%
rename from apps/app/hooks/use-workspace-members.tsx
rename to web/hooks/use-workspace-members.tsx
diff --git a/apps/app/hooks/use-workspaces.tsx b/web/hooks/use-workspaces.tsx
similarity index 100%
rename from apps/app/hooks/use-workspaces.tsx
rename to web/hooks/use-workspaces.tsx
diff --git a/apps/app/layouts/app-layout/app-header.tsx b/web/layouts/app-layout/app-header.tsx
similarity index 100%
rename from apps/app/layouts/app-layout/app-header.tsx
rename to web/layouts/app-layout/app-header.tsx
diff --git a/apps/app/layouts/app-layout/app-sidebar.tsx b/web/layouts/app-layout/app-sidebar.tsx
similarity index 100%
rename from apps/app/layouts/app-layout/app-sidebar.tsx
rename to web/layouts/app-layout/app-sidebar.tsx
diff --git a/apps/app/layouts/auth-layout/index.ts b/web/layouts/auth-layout/index.ts
similarity index 100%
rename from apps/app/layouts/auth-layout/index.ts
rename to web/layouts/auth-layout/index.ts
diff --git a/apps/app/layouts/auth-layout/project-authorization-wrapper.tsx b/web/layouts/auth-layout/project-authorization-wrapper.tsx
similarity index 100%
rename from apps/app/layouts/auth-layout/project-authorization-wrapper.tsx
rename to web/layouts/auth-layout/project-authorization-wrapper.tsx
diff --git a/apps/app/layouts/auth-layout/user-authorization-wrapper.tsx b/web/layouts/auth-layout/user-authorization-wrapper.tsx
similarity index 100%
rename from apps/app/layouts/auth-layout/user-authorization-wrapper.tsx
rename to web/layouts/auth-layout/user-authorization-wrapper.tsx
diff --git a/apps/app/layouts/auth-layout/workspace-authorization-wrapper.tsx b/web/layouts/auth-layout/workspace-authorization-wrapper.tsx
similarity index 100%
rename from apps/app/layouts/auth-layout/workspace-authorization-wrapper.tsx
rename to web/layouts/auth-layout/workspace-authorization-wrapper.tsx
diff --git a/apps/app/layouts/default-layout/index.tsx b/web/layouts/default-layout/index.tsx
similarity index 100%
rename from apps/app/layouts/default-layout/index.tsx
rename to web/layouts/default-layout/index.tsx
diff --git a/apps/app/layouts/profile-layout.tsx b/web/layouts/profile-layout.tsx
similarity index 100%
rename from apps/app/layouts/profile-layout.tsx
rename to web/layouts/profile-layout.tsx
diff --git a/apps/app/layouts/settings-navbar.tsx b/web/layouts/settings-navbar.tsx
similarity index 100%
rename from apps/app/layouts/settings-navbar.tsx
rename to web/layouts/settings-navbar.tsx
diff --git a/apps/app/lib/auth.ts b/web/lib/auth.ts
similarity index 100%
rename from apps/app/lib/auth.ts
rename to web/lib/auth.ts
diff --git a/apps/app/lib/cookie.ts b/web/lib/cookie.ts
similarity index 100%
rename from apps/app/lib/cookie.ts
rename to web/lib/cookie.ts
diff --git a/apps/app/lib/mobx/store-init.tsx b/web/lib/mobx/store-init.tsx
similarity index 100%
rename from apps/app/lib/mobx/store-init.tsx
rename to web/lib/mobx/store-init.tsx
diff --git a/apps/space/lib/mobx/store-provider.tsx b/web/lib/mobx/store-provider.tsx
similarity index 100%
rename from apps/space/lib/mobx/store-provider.tsx
rename to web/lib/mobx/store-provider.tsx
diff --git a/apps/app/lib/redirect.ts b/web/lib/redirect.ts
similarity index 100%
rename from apps/app/lib/redirect.ts
rename to web/lib/redirect.ts
diff --git a/apps/app/manifest.json b/web/manifest.json
similarity index 100%
rename from apps/app/manifest.json
rename to web/manifest.json
diff --git a/apps/app/next-env.d.ts b/web/next-env.d.ts
similarity index 100%
rename from apps/app/next-env.d.ts
rename to web/next-env.d.ts
diff --git a/apps/app/next.config.js b/web/next.config.js
similarity index 94%
rename from apps/app/next.config.js
rename to web/next.config.js
index 646504a54..b50066f86 100644
--- a/apps/app/next.config.js
+++ b/web/next.config.js
@@ -23,7 +23,7 @@ const nextConfig = {
   output: "standalone",
   experimental: {
     // this includes files from the monorepo base two directories up
-    outputFileTracingRoot: path.join(__dirname, "../../"),
+    outputFileTracingRoot: path.join(__dirname, "../"),
   },
 };
 
diff --git a/apps/app/package.json b/web/package.json
similarity index 99%
rename from apps/app/package.json
rename to web/package.json
index b9f3bf25e..1743e4b6c 100644
--- a/apps/app/package.json
+++ b/web/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "app",
+  "name": "web",
   "version": "0.1.0",
   "private": true,
   "scripts": {
diff --git a/apps/app/pages/404.tsx b/web/pages/404.tsx
similarity index 100%
rename from apps/app/pages/404.tsx
rename to web/pages/404.tsx
diff --git a/apps/app/pages/[workspaceSlug]/analytics.tsx b/web/pages/[workspaceSlug]/analytics.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/analytics.tsx
rename to web/pages/[workspaceSlug]/analytics.tsx
diff --git a/apps/app/pages/[workspaceSlug]/editor.tsx b/web/pages/[workspaceSlug]/editor.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/editor.tsx
rename to web/pages/[workspaceSlug]/editor.tsx
diff --git a/apps/app/pages/[workspaceSlug]/index.tsx b/web/pages/[workspaceSlug]/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/index.tsx
rename to web/pages/[workspaceSlug]/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/me/my-issues.tsx b/web/pages/[workspaceSlug]/me/my-issues.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/me/my-issues.tsx
rename to web/pages/[workspaceSlug]/me/my-issues.tsx
diff --git a/apps/app/pages/[workspaceSlug]/me/profile/activity.tsx b/web/pages/[workspaceSlug]/me/profile/activity.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/me/profile/activity.tsx
rename to web/pages/[workspaceSlug]/me/profile/activity.tsx
diff --git a/apps/app/pages/[workspaceSlug]/me/profile/index.tsx b/web/pages/[workspaceSlug]/me/profile/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/me/profile/index.tsx
rename to web/pages/[workspaceSlug]/me/profile/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx b/web/pages/[workspaceSlug]/me/profile/preferences.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/me/profile/preferences.tsx
rename to web/pages/[workspaceSlug]/me/profile/preferences.tsx
diff --git a/apps/app/pages/[workspaceSlug]/profile/[userId]/assigned.tsx b/web/pages/[workspaceSlug]/profile/[userId]/assigned.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/profile/[userId]/assigned.tsx
rename to web/pages/[workspaceSlug]/profile/[userId]/assigned.tsx
diff --git a/apps/app/pages/[workspaceSlug]/profile/[userId]/created.tsx b/web/pages/[workspaceSlug]/profile/[userId]/created.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/profile/[userId]/created.tsx
rename to web/pages/[workspaceSlug]/profile/[userId]/created.tsx
diff --git a/apps/app/pages/[workspaceSlug]/profile/[userId]/index.tsx b/web/pages/[workspaceSlug]/profile/[userId]/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/profile/[userId]/index.tsx
rename to web/pages/[workspaceSlug]/profile/[userId]/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx b/web/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx
rename to web/pages/[workspaceSlug]/profile/[userId]/subscribed.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/inbox/[inboxId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/issues/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/modules/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/pages/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/automations.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/automations.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/automations.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/automations.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/control.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/features.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/labels.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/labels.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/labels.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/labels.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/members.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/settings/states.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/views/[viewId].tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
rename to web/pages/[workspaceSlug]/projects/[projectId]/views/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/projects/index.tsx b/web/pages/[workspaceSlug]/projects/index.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/projects/index.tsx
rename to web/pages/[workspaceSlug]/projects/index.tsx
diff --git a/apps/app/pages/[workspaceSlug]/settings/billing.tsx b/web/pages/[workspaceSlug]/settings/billing.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/settings/billing.tsx
rename to web/pages/[workspaceSlug]/settings/billing.tsx
diff --git a/apps/app/pages/[workspaceSlug]/settings/exports.tsx b/web/pages/[workspaceSlug]/settings/exports.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/settings/exports.tsx
rename to web/pages/[workspaceSlug]/settings/exports.tsx
diff --git a/apps/app/pages/[workspaceSlug]/settings/imports.tsx b/web/pages/[workspaceSlug]/settings/imports.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/settings/imports.tsx
rename to web/pages/[workspaceSlug]/settings/imports.tsx
diff --git a/apps/app/pages/[workspaceSlug]/settings/index.tsx b/web/pages/[workspaceSlug]/settings/index.tsx
similarity index 97%
rename from apps/app/pages/[workspaceSlug]/settings/index.tsx
rename to web/pages/[workspaceSlug]/settings/index.tsx
index 4fb341762..407f9b402 100644
--- a/apps/app/pages/[workspaceSlug]/settings/index.tsx
+++ b/web/pages/[workspaceSlug]/settings/index.tsx
@@ -90,8 +90,9 @@ const WorkspaceSettings: NextPage = () => {
     await workspaceService
       .updateWorkspace(activeWorkspace.slug, payload, user)
       .then((res) => {
-        mutate<IWorkspace[]>(USER_WORKSPACES, (prevData) =>
-          prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
+        mutate<IWorkspace[]>(
+          USER_WORKSPACES,
+          (prevData) => prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
         );
         mutate<IWorkspace>(WORKSPACE_DETAILS(workspaceSlug as string), (prevData) => {
           if (!prevData) return prevData;
@@ -124,8 +125,9 @@ const WorkspaceSettings: NextPage = () => {
             title: "Success!",
             message: "Workspace picture removed successfully.",
           });
-          mutate<IWorkspace[]>(USER_WORKSPACES, (prevData) =>
-            prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
+          mutate<IWorkspace[]>(
+            USER_WORKSPACES,
+            (prevData) => prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
           );
           mutate<IWorkspace>(WORKSPACE_DETAILS(workspaceSlug as string), (prevData) => {
             if (!prevData) return prevData;
diff --git a/apps/app/pages/[workspaceSlug]/settings/integrations.tsx b/web/pages/[workspaceSlug]/settings/integrations.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/settings/integrations.tsx
rename to web/pages/[workspaceSlug]/settings/integrations.tsx
diff --git a/apps/app/pages/[workspaceSlug]/settings/members.tsx b/web/pages/[workspaceSlug]/settings/members.tsx
similarity index 100%
rename from apps/app/pages/[workspaceSlug]/settings/members.tsx
rename to web/pages/[workspaceSlug]/settings/members.tsx
diff --git a/apps/app/pages/_app.tsx b/web/pages/_app.tsx
similarity index 100%
rename from apps/app/pages/_app.tsx
rename to web/pages/_app.tsx
diff --git a/apps/app/pages/_document.tsx b/web/pages/_document.tsx
similarity index 100%
rename from apps/app/pages/_document.tsx
rename to web/pages/_document.tsx
diff --git a/apps/app/pages/_error.tsx b/web/pages/_error.tsx
similarity index 100%
rename from apps/app/pages/_error.tsx
rename to web/pages/_error.tsx
diff --git a/apps/app/pages/api/slack-redirect.ts b/web/pages/api/slack-redirect.ts
similarity index 94%
rename from apps/app/pages/api/slack-redirect.ts
rename to web/pages/api/slack-redirect.ts
index e4a220bd5..d9382f055 100644
--- a/apps/app/pages/api/slack-redirect.ts
+++ b/web/pages/api/slack-redirect.ts
@@ -18,6 +18,6 @@ export default async function handleSlackAuthorize(req: NextApiRequest, res: Nex
   });
 
   // if (response?.data?.ok)
-    res.status(200).json(response.data);
+  res.status(200).json(response.data);
   // else res.status(404).json(response.data);
 }
diff --git a/apps/app/pages/api/track-event.ts b/web/pages/api/track-event.ts
similarity index 100%
rename from apps/app/pages/api/track-event.ts
rename to web/pages/api/track-event.ts
diff --git a/apps/app/pages/api/unsplash.ts b/web/pages/api/unsplash.ts
similarity index 100%
rename from apps/app/pages/api/unsplash.ts
rename to web/pages/api/unsplash.ts
diff --git a/apps/app/pages/create-workspace.tsx b/web/pages/create-workspace.tsx
similarity index 100%
rename from apps/app/pages/create-workspace.tsx
rename to web/pages/create-workspace.tsx
diff --git a/apps/app/pages/error.tsx b/web/pages/error.tsx
similarity index 100%
rename from apps/app/pages/error.tsx
rename to web/pages/error.tsx
diff --git a/apps/app/pages/index.tsx b/web/pages/index.tsx
similarity index 100%
rename from apps/app/pages/index.tsx
rename to web/pages/index.tsx
diff --git a/apps/app/pages/installations/[provider]/index.tsx b/web/pages/installations/[provider]/index.tsx
similarity index 100%
rename from apps/app/pages/installations/[provider]/index.tsx
rename to web/pages/installations/[provider]/index.tsx
diff --git a/apps/app/pages/invitations.tsx b/web/pages/invitations.tsx
similarity index 100%
rename from apps/app/pages/invitations.tsx
rename to web/pages/invitations.tsx
diff --git a/apps/app/pages/magic-sign-in.tsx b/web/pages/magic-sign-in.tsx
similarity index 100%
rename from apps/app/pages/magic-sign-in.tsx
rename to web/pages/magic-sign-in.tsx
diff --git a/apps/app/pages/onboarding.tsx b/web/pages/onboarding.tsx
similarity index 100%
rename from apps/app/pages/onboarding.tsx
rename to web/pages/onboarding.tsx
diff --git a/apps/app/pages/reset-password.tsx b/web/pages/reset-password.tsx
similarity index 100%
rename from apps/app/pages/reset-password.tsx
rename to web/pages/reset-password.tsx
diff --git a/apps/app/pages/sign-up.tsx b/web/pages/sign-up.tsx
similarity index 100%
rename from apps/app/pages/sign-up.tsx
rename to web/pages/sign-up.tsx
diff --git a/apps/app/pages/workspace-member-invitation.tsx b/web/pages/workspace-member-invitation.tsx
similarity index 100%
rename from apps/app/pages/workspace-member-invitation.tsx
rename to web/pages/workspace-member-invitation.tsx
diff --git a/apps/space/postcss.config.js b/web/postcss.config.js
similarity index 100%
rename from apps/space/postcss.config.js
rename to web/postcss.config.js
diff --git a/apps/space/public/404.svg b/web/public/404.svg
similarity index 100%
rename from apps/space/public/404.svg
rename to web/public/404.svg
diff --git a/apps/app/public/animated-icons/uploading.json b/web/public/animated-icons/uploading.json
similarity index 100%
rename from apps/app/public/animated-icons/uploading.json
rename to web/public/animated-icons/uploading.json
diff --git a/apps/app/public/attachment/audio-icon.png b/web/public/attachment/audio-icon.png
similarity index 100%
rename from apps/app/public/attachment/audio-icon.png
rename to web/public/attachment/audio-icon.png
diff --git a/apps/app/public/attachment/css-icon.png b/web/public/attachment/css-icon.png
similarity index 100%
rename from apps/app/public/attachment/css-icon.png
rename to web/public/attachment/css-icon.png
diff --git a/apps/app/public/attachment/csv-icon.png b/web/public/attachment/csv-icon.png
similarity index 100%
rename from apps/app/public/attachment/csv-icon.png
rename to web/public/attachment/csv-icon.png
diff --git a/apps/app/public/attachment/default-icon.png b/web/public/attachment/default-icon.png
similarity index 100%
rename from apps/app/public/attachment/default-icon.png
rename to web/public/attachment/default-icon.png
diff --git a/apps/app/public/attachment/doc-icon.png b/web/public/attachment/doc-icon.png
similarity index 100%
rename from apps/app/public/attachment/doc-icon.png
rename to web/public/attachment/doc-icon.png
diff --git a/apps/app/public/attachment/excel-icon.png b/web/public/attachment/excel-icon.png
similarity index 100%
rename from apps/app/public/attachment/excel-icon.png
rename to web/public/attachment/excel-icon.png
diff --git a/apps/app/public/attachment/figma-icon.png b/web/public/attachment/figma-icon.png
similarity index 100%
rename from apps/app/public/attachment/figma-icon.png
rename to web/public/attachment/figma-icon.png
diff --git a/apps/app/public/attachment/html-icon.png b/web/public/attachment/html-icon.png
similarity index 100%
rename from apps/app/public/attachment/html-icon.png
rename to web/public/attachment/html-icon.png
diff --git a/apps/app/public/attachment/img-icon.png b/web/public/attachment/img-icon.png
similarity index 100%
rename from apps/app/public/attachment/img-icon.png
rename to web/public/attachment/img-icon.png
diff --git a/apps/app/public/attachment/jpg-icon.png b/web/public/attachment/jpg-icon.png
similarity index 100%
rename from apps/app/public/attachment/jpg-icon.png
rename to web/public/attachment/jpg-icon.png
diff --git a/apps/app/public/attachment/js-icon.png b/web/public/attachment/js-icon.png
similarity index 100%
rename from apps/app/public/attachment/js-icon.png
rename to web/public/attachment/js-icon.png
diff --git a/apps/app/public/attachment/pdf-icon.png b/web/public/attachment/pdf-icon.png
similarity index 100%
rename from apps/app/public/attachment/pdf-icon.png
rename to web/public/attachment/pdf-icon.png
diff --git a/apps/app/public/attachment/png-icon.png b/web/public/attachment/png-icon.png
similarity index 100%
rename from apps/app/public/attachment/png-icon.png
rename to web/public/attachment/png-icon.png
diff --git a/apps/app/public/attachment/svg-icon.png b/web/public/attachment/svg-icon.png
similarity index 100%
rename from apps/app/public/attachment/svg-icon.png
rename to web/public/attachment/svg-icon.png
diff --git a/apps/app/public/attachment/txt-icon.png b/web/public/attachment/txt-icon.png
similarity index 100%
rename from apps/app/public/attachment/txt-icon.png
rename to web/public/attachment/txt-icon.png
diff --git a/apps/app/public/attachment/video-icon.png b/web/public/attachment/video-icon.png
similarity index 100%
rename from apps/app/public/attachment/video-icon.png
rename to web/public/attachment/video-icon.png
diff --git a/apps/app/public/auth/project-not-authorized.svg b/web/public/auth/project-not-authorized.svg
similarity index 100%
rename from apps/app/public/auth/project-not-authorized.svg
rename to web/public/auth/project-not-authorized.svg
diff --git a/apps/app/public/auth/workspace-not-authorized.svg b/web/public/auth/workspace-not-authorized.svg
similarity index 100%
rename from apps/app/public/auth/workspace-not-authorized.svg
rename to web/public/auth/workspace-not-authorized.svg
diff --git a/apps/app/public/empty-state/analytics.svg b/web/public/empty-state/analytics.svg
similarity index 100%
rename from apps/app/public/empty-state/analytics.svg
rename to web/public/empty-state/analytics.svg
diff --git a/apps/app/public/empty-state/cycle.svg b/web/public/empty-state/cycle.svg
similarity index 100%
rename from apps/app/public/empty-state/cycle.svg
rename to web/public/empty-state/cycle.svg
diff --git a/apps/app/public/empty-state/dashboard.svg b/web/public/empty-state/dashboard.svg
similarity index 100%
rename from apps/app/public/empty-state/dashboard.svg
rename to web/public/empty-state/dashboard.svg
diff --git a/apps/app/public/empty-state/empty_bar_graph.svg b/web/public/empty-state/empty_bar_graph.svg
similarity index 100%
rename from apps/app/public/empty-state/empty_bar_graph.svg
rename to web/public/empty-state/empty_bar_graph.svg
diff --git a/apps/app/public/empty-state/empty_graph.svg b/web/public/empty-state/empty_graph.svg
similarity index 100%
rename from apps/app/public/empty-state/empty_graph.svg
rename to web/public/empty-state/empty_graph.svg
diff --git a/apps/app/public/empty-state/empty_users.svg b/web/public/empty-state/empty_users.svg
similarity index 100%
rename from apps/app/public/empty-state/empty_users.svg
rename to web/public/empty-state/empty_users.svg
diff --git a/apps/app/public/empty-state/estimate.svg b/web/public/empty-state/estimate.svg
similarity index 100%
rename from apps/app/public/empty-state/estimate.svg
rename to web/public/empty-state/estimate.svg
diff --git a/apps/app/public/empty-state/integration.svg b/web/public/empty-state/integration.svg
similarity index 100%
rename from apps/app/public/empty-state/integration.svg
rename to web/public/empty-state/integration.svg
diff --git a/apps/app/public/empty-state/invitation.svg b/web/public/empty-state/invitation.svg
similarity index 100%
rename from apps/app/public/empty-state/invitation.svg
rename to web/public/empty-state/invitation.svg
diff --git a/apps/app/public/empty-state/issue-archive.svg b/web/public/empty-state/issue-archive.svg
similarity index 100%
rename from apps/app/public/empty-state/issue-archive.svg
rename to web/public/empty-state/issue-archive.svg
diff --git a/apps/app/public/empty-state/issue.svg b/web/public/empty-state/issue.svg
similarity index 100%
rename from apps/app/public/empty-state/issue.svg
rename to web/public/empty-state/issue.svg
diff --git a/apps/app/public/empty-state/label.svg b/web/public/empty-state/label.svg
similarity index 100%
rename from apps/app/public/empty-state/label.svg
rename to web/public/empty-state/label.svg
diff --git a/apps/app/public/empty-state/module.svg b/web/public/empty-state/module.svg
similarity index 100%
rename from apps/app/public/empty-state/module.svg
rename to web/public/empty-state/module.svg
diff --git a/apps/app/public/empty-state/my-issues.svg b/web/public/empty-state/my-issues.svg
similarity index 100%
rename from apps/app/public/empty-state/my-issues.svg
rename to web/public/empty-state/my-issues.svg
diff --git a/apps/app/public/empty-state/notification.svg b/web/public/empty-state/notification.svg
similarity index 100%
rename from apps/app/public/empty-state/notification.svg
rename to web/public/empty-state/notification.svg
diff --git a/apps/app/public/empty-state/page.svg b/web/public/empty-state/page.svg
similarity index 100%
rename from apps/app/public/empty-state/page.svg
rename to web/public/empty-state/page.svg
diff --git a/apps/app/public/empty-state/project.svg b/web/public/empty-state/project.svg
similarity index 100%
rename from apps/app/public/empty-state/project.svg
rename to web/public/empty-state/project.svg
diff --git a/apps/app/public/empty-state/recent_activity.svg b/web/public/empty-state/recent_activity.svg
similarity index 100%
rename from apps/app/public/empty-state/recent_activity.svg
rename to web/public/empty-state/recent_activity.svg
diff --git a/apps/app/public/empty-state/state_graph.svg b/web/public/empty-state/state_graph.svg
similarity index 100%
rename from apps/app/public/empty-state/state_graph.svg
rename to web/public/empty-state/state_graph.svg
diff --git a/apps/app/public/empty-state/view.svg b/web/public/empty-state/view.svg
similarity index 100%
rename from apps/app/public/empty-state/view.svg
rename to web/public/empty-state/view.svg
diff --git a/apps/space/public/favicon/android-chrome-192x192.png b/web/public/favicon/android-chrome-192x192.png
similarity index 100%
rename from apps/space/public/favicon/android-chrome-192x192.png
rename to web/public/favicon/android-chrome-192x192.png
diff --git a/apps/space/public/favicon/android-chrome-512x512.png b/web/public/favicon/android-chrome-512x512.png
similarity index 100%
rename from apps/space/public/favicon/android-chrome-512x512.png
rename to web/public/favicon/android-chrome-512x512.png
diff --git a/apps/space/public/favicon/apple-touch-icon.png b/web/public/favicon/apple-touch-icon.png
similarity index 100%
rename from apps/space/public/favicon/apple-touch-icon.png
rename to web/public/favicon/apple-touch-icon.png
diff --git a/apps/space/public/favicon/favicon-16x16.png b/web/public/favicon/favicon-16x16.png
similarity index 100%
rename from apps/space/public/favicon/favicon-16x16.png
rename to web/public/favicon/favicon-16x16.png
diff --git a/apps/space/public/favicon/favicon-32x32.png b/web/public/favicon/favicon-32x32.png
similarity index 100%
rename from apps/space/public/favicon/favicon-32x32.png
rename to web/public/favicon/favicon-32x32.png
diff --git a/apps/space/public/favicon/favicon.ico b/web/public/favicon/favicon.ico
similarity index 100%
rename from apps/space/public/favicon/favicon.ico
rename to web/public/favicon/favicon.ico
diff --git a/apps/space/public/favicon/site.webmanifest b/web/public/favicon/site.webmanifest
similarity index 100%
rename from apps/space/public/favicon/site.webmanifest
rename to web/public/favicon/site.webmanifest
diff --git a/apps/app/public/logos/github-black.png b/web/public/logos/github-black.png
similarity index 100%
rename from apps/app/public/logos/github-black.png
rename to web/public/logos/github-black.png
diff --git a/apps/app/public/logos/github-square.png b/web/public/logos/github-square.png
similarity index 100%
rename from apps/app/public/logos/github-square.png
rename to web/public/logos/github-square.png
diff --git a/apps/app/public/logos/github-white.png b/web/public/logos/github-white.png
similarity index 100%
rename from apps/app/public/logos/github-white.png
rename to web/public/logos/github-white.png
diff --git a/apps/app/public/mac-command.svg b/web/public/mac-command.svg
similarity index 100%
rename from apps/app/public/mac-command.svg
rename to web/public/mac-command.svg
diff --git a/apps/app/public/onboarding/cycles.svg b/web/public/onboarding/cycles.svg
similarity index 100%
rename from apps/app/public/onboarding/cycles.svg
rename to web/public/onboarding/cycles.svg
diff --git a/apps/app/public/onboarding/cycles.webp b/web/public/onboarding/cycles.webp
similarity index 100%
rename from apps/app/public/onboarding/cycles.webp
rename to web/public/onboarding/cycles.webp
diff --git a/apps/app/public/onboarding/issues.svg b/web/public/onboarding/issues.svg
similarity index 100%
rename from apps/app/public/onboarding/issues.svg
rename to web/public/onboarding/issues.svg
diff --git a/apps/app/public/onboarding/issues.webp b/web/public/onboarding/issues.webp
similarity index 100%
rename from apps/app/public/onboarding/issues.webp
rename to web/public/onboarding/issues.webp
diff --git a/apps/app/public/onboarding/modules.svg b/web/public/onboarding/modules.svg
similarity index 100%
rename from apps/app/public/onboarding/modules.svg
rename to web/public/onboarding/modules.svg
diff --git a/apps/app/public/onboarding/modules.webp b/web/public/onboarding/modules.webp
similarity index 100%
rename from apps/app/public/onboarding/modules.webp
rename to web/public/onboarding/modules.webp
diff --git a/apps/app/public/onboarding/pages.svg b/web/public/onboarding/pages.svg
similarity index 100%
rename from apps/app/public/onboarding/pages.svg
rename to web/public/onboarding/pages.svg
diff --git a/apps/app/public/onboarding/pages.webp b/web/public/onboarding/pages.webp
similarity index 100%
rename from apps/app/public/onboarding/pages.webp
rename to web/public/onboarding/pages.webp
diff --git a/apps/app/public/onboarding/views.svg b/web/public/onboarding/views.svg
similarity index 100%
rename from apps/app/public/onboarding/views.svg
rename to web/public/onboarding/views.svg
diff --git a/apps/app/public/onboarding/views.webp b/web/public/onboarding/views.webp
similarity index 100%
rename from apps/app/public/onboarding/views.webp
rename to web/public/onboarding/views.webp
diff --git a/apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg b/web/public/plane-logos/black-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/space/public/plane-logos/black-horizontal-with-blue-logo.svg
rename to web/public/plane-logos/black-horizontal-with-blue-logo.svg
diff --git a/apps/app/public/plane-logos/blue-without-text.png b/web/public/plane-logos/blue-without-text.png
similarity index 100%
rename from apps/app/public/plane-logos/blue-without-text.png
rename to web/public/plane-logos/blue-without-text.png
diff --git a/apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg b/web/public/plane-logos/white-horizontal-with-blue-logo.svg
similarity index 100%
rename from apps/space/public/plane-logos/white-horizontal-with-blue-logo.svg
rename to web/public/plane-logos/white-horizontal-with-blue-logo.svg
diff --git a/apps/space/public/plane-logos/white-horizontal.svg b/web/public/plane-logos/white-horizontal.svg
similarity index 100%
rename from apps/space/public/plane-logos/white-horizontal.svg
rename to web/public/plane-logos/white-horizontal.svg
diff --git a/apps/app/public/services/csv.svg b/web/public/services/csv.svg
similarity index 100%
rename from apps/app/public/services/csv.svg
rename to web/public/services/csv.svg
diff --git a/apps/app/public/services/excel.svg b/web/public/services/excel.svg
similarity index 100%
rename from apps/app/public/services/excel.svg
rename to web/public/services/excel.svg
diff --git a/apps/app/public/services/github.png b/web/public/services/github.png
similarity index 100%
rename from apps/app/public/services/github.png
rename to web/public/services/github.png
diff --git a/apps/app/public/services/jira.png b/web/public/services/jira.png
similarity index 100%
rename from apps/app/public/services/jira.png
rename to web/public/services/jira.png
diff --git a/apps/app/public/services/json.svg b/web/public/services/json.svg
similarity index 100%
rename from apps/app/public/services/json.svg
rename to web/public/services/json.svg
diff --git a/apps/app/public/services/slack.png b/web/public/services/slack.png
similarity index 100%
rename from apps/app/public/services/slack.png
rename to web/public/services/slack.png
diff --git a/apps/app/public/site.webmanifest.json b/web/public/site.webmanifest.json
similarity index 100%
rename from apps/app/public/site.webmanifest.json
rename to web/public/site.webmanifest.json
diff --git a/apps/app/public/sw.js b/web/public/sw.js
similarity index 100%
rename from apps/app/public/sw.js
rename to web/public/sw.js
diff --git a/apps/app/public/sw.js.map b/web/public/sw.js.map
similarity index 100%
rename from apps/app/public/sw.js.map
rename to web/public/sw.js.map
diff --git a/apps/app/public/user.png b/web/public/user.png
similarity index 100%
rename from apps/app/public/user.png
rename to web/public/user.png
diff --git a/apps/app/public/workbox-7805bd61.js b/web/public/workbox-7805bd61.js
similarity index 100%
rename from apps/app/public/workbox-7805bd61.js
rename to web/public/workbox-7805bd61.js
diff --git a/apps/app/public/workbox-7805bd61.js.map b/web/public/workbox-7805bd61.js.map
similarity index 100%
rename from apps/app/public/workbox-7805bd61.js.map
rename to web/public/workbox-7805bd61.js.map
diff --git a/apps/app/sentry.client.config.js b/web/sentry.client.config.js
similarity index 100%
rename from apps/app/sentry.client.config.js
rename to web/sentry.client.config.js
diff --git a/apps/app/sentry.edge.config.js b/web/sentry.edge.config.js
similarity index 100%
rename from apps/app/sentry.edge.config.js
rename to web/sentry.edge.config.js
diff --git a/apps/app/sentry.properties b/web/sentry.properties
similarity index 100%
rename from apps/app/sentry.properties
rename to web/sentry.properties
diff --git a/apps/app/sentry.server.config.js b/web/sentry.server.config.js
similarity index 100%
rename from apps/app/sentry.server.config.js
rename to web/sentry.server.config.js
diff --git a/apps/app/services/ai.service.ts b/web/services/ai.service.ts
similarity index 100%
rename from apps/app/services/ai.service.ts
rename to web/services/ai.service.ts
diff --git a/apps/app/services/analytics.service.ts b/web/services/analytics.service.ts
similarity index 100%
rename from apps/app/services/analytics.service.ts
rename to web/services/analytics.service.ts
diff --git a/apps/app/services/api.service.ts b/web/services/api.service.ts
similarity index 100%
rename from apps/app/services/api.service.ts
rename to web/services/api.service.ts
diff --git a/apps/app/services/app-installations.service.ts b/web/services/app-installations.service.ts
similarity index 77%
rename from apps/app/services/app-installations.service.ts
rename to web/services/app-installations.service.ts
index 8ee04dcfe..dea6fa421 100644
--- a/apps/app/services/app-installations.service.ts
+++ b/web/services/app-installations.service.ts
@@ -17,7 +17,12 @@ class AppInstallationsService extends APIService {
       });
   }
 
-  async addSlackChannel(workspaceSlug: string, projectId: string, integrationId: string | null | undefined, data: any): Promise<any> {
+  async addSlackChannel(
+    workspaceSlug: string,
+    projectId: string,
+    integrationId: string | null | undefined,
+    data: any
+  ): Promise<any> {
     return this.post(
       `/api/workspaces/${workspaceSlug}/projects/${projectId}/workspace-integrations/${integrationId}/project-slack-sync/`,
       data
@@ -28,7 +33,11 @@ class AppInstallationsService extends APIService {
       });
   }
 
-  async getSlackChannelDetail(workspaceSlug: string, projectId: string, integrationId: string | null | undefined): Promise<any> {
+  async getSlackChannelDetail(
+    workspaceSlug: string,
+    projectId: string,
+    integrationId: string | null | undefined
+  ): Promise<any> {
     return this.get(
       `/api/workspaces/${workspaceSlug}/projects/${projectId}/workspace-integrations/${integrationId}/project-slack-sync/`
     )
@@ -38,7 +47,12 @@ class AppInstallationsService extends APIService {
       });
   }
 
-  async removeSlackChannel(workspaceSlug: string, projectId: string, integrationId: string | null | undefined, slackSyncId: string | undefined): Promise<any> {
+  async removeSlackChannel(
+    workspaceSlug: string,
+    projectId: string,
+    integrationId: string | null | undefined,
+    slackSyncId: string | undefined
+  ): Promise<any> {
     return this.delete(
       `/api/workspaces/${workspaceSlug}/projects/${projectId}/workspace-integrations/${integrationId}/project-slack-sync/${slackSyncId}`
     )
diff --git a/apps/app/services/authentication.service.ts b/web/services/authentication.service.ts
similarity index 100%
rename from apps/app/services/authentication.service.ts
rename to web/services/authentication.service.ts
diff --git a/apps/app/services/cycles.service.ts b/web/services/cycles.service.ts
similarity index 100%
rename from apps/app/services/cycles.service.ts
rename to web/services/cycles.service.ts
diff --git a/apps/app/services/estimates.service.ts b/web/services/estimates.service.ts
similarity index 100%
rename from apps/app/services/estimates.service.ts
rename to web/services/estimates.service.ts
diff --git a/apps/app/services/file.service.ts b/web/services/file.service.ts
similarity index 100%
rename from apps/app/services/file.service.ts
rename to web/services/file.service.ts
diff --git a/apps/app/services/inbox.service.ts b/web/services/inbox.service.ts
similarity index 100%
rename from apps/app/services/inbox.service.ts
rename to web/services/inbox.service.ts
diff --git a/apps/app/services/integration/csv.services.ts b/web/services/integration/csv.services.ts
similarity index 100%
rename from apps/app/services/integration/csv.services.ts
rename to web/services/integration/csv.services.ts
diff --git a/apps/app/services/integration/github.service.ts b/web/services/integration/github.service.ts
similarity index 100%
rename from apps/app/services/integration/github.service.ts
rename to web/services/integration/github.service.ts
diff --git a/apps/app/services/integration/index.ts b/web/services/integration/index.ts
similarity index 100%
rename from apps/app/services/integration/index.ts
rename to web/services/integration/index.ts
diff --git a/apps/app/services/integration/jira.service.ts b/web/services/integration/jira.service.ts
similarity index 100%
rename from apps/app/services/integration/jira.service.ts
rename to web/services/integration/jira.service.ts
diff --git a/apps/app/services/issues.service.ts b/web/services/issues.service.ts
similarity index 100%
rename from apps/app/services/issues.service.ts
rename to web/services/issues.service.ts
diff --git a/apps/app/services/modules.service.ts b/web/services/modules.service.ts
similarity index 98%
rename from apps/app/services/modules.service.ts
rename to web/services/modules.service.ts
index c70066a1e..0e3b5cfe2 100644
--- a/apps/app/services/modules.service.ts
+++ b/web/services/modules.service.ts
@@ -221,17 +221,16 @@ class ProjectIssuesServices extends APIService {
       metadata: any;
       title: string;
       url: string;
-    },
-
+    }
   ): Promise<any> {
     return this.patch(
       `/api/workspaces/${workspaceSlug}/projects/${projectId}/modules/${moduleId}/module-links/${linkId}/`,
       data
     )
-    .then((response) => response?.data)
-    .catch((error) => {
-      throw error?.response;
-    });
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
   }
 
   async deleteModuleLink(
diff --git a/apps/app/services/notifications.service.ts b/web/services/notifications.service.ts
similarity index 100%
rename from apps/app/services/notifications.service.ts
rename to web/services/notifications.service.ts
diff --git a/apps/app/services/pages.service.ts b/web/services/pages.service.ts
similarity index 100%
rename from apps/app/services/pages.service.ts
rename to web/services/pages.service.ts
diff --git a/apps/app/services/project-publish.service.ts b/web/services/project-publish.service.ts
similarity index 100%
rename from apps/app/services/project-publish.service.ts
rename to web/services/project-publish.service.ts
diff --git a/apps/app/services/project.service.ts b/web/services/project.service.ts
similarity index 100%
rename from apps/app/services/project.service.ts
rename to web/services/project.service.ts
diff --git a/apps/app/services/reaction.service.ts b/web/services/reaction.service.ts
similarity index 100%
rename from apps/app/services/reaction.service.ts
rename to web/services/reaction.service.ts
diff --git a/apps/app/services/state.service.ts b/web/services/state.service.ts
similarity index 100%
rename from apps/app/services/state.service.ts
rename to web/services/state.service.ts
diff --git a/apps/app/services/track-event.service.ts b/web/services/track-event.service.ts
similarity index 100%
rename from apps/app/services/track-event.service.ts
rename to web/services/track-event.service.ts
diff --git a/apps/app/services/user.service.ts b/web/services/user.service.ts
similarity index 100%
rename from apps/app/services/user.service.ts
rename to web/services/user.service.ts
diff --git a/apps/app/services/views.service.ts b/web/services/views.service.ts
similarity index 100%
rename from apps/app/services/views.service.ts
rename to web/services/views.service.ts
diff --git a/apps/app/services/web-waitlist.service.ts b/web/services/web-waitlist.service.ts
similarity index 100%
rename from apps/app/services/web-waitlist.service.ts
rename to web/services/web-waitlist.service.ts
diff --git a/apps/app/services/workspace.service.ts b/web/services/workspace.service.ts
similarity index 100%
rename from apps/app/services/workspace.service.ts
rename to web/services/workspace.service.ts
diff --git a/apps/app/store/issues.ts b/web/store/issues.ts
similarity index 100%
rename from apps/app/store/issues.ts
rename to web/store/issues.ts
diff --git a/apps/app/store/project-publish.tsx b/web/store/project-publish.tsx
similarity index 100%
rename from apps/app/store/project-publish.tsx
rename to web/store/project-publish.tsx
diff --git a/apps/app/store/root.ts b/web/store/root.ts
similarity index 100%
rename from apps/app/store/root.ts
rename to web/store/root.ts
diff --git a/apps/app/store/theme.ts b/web/store/theme.ts
similarity index 100%
rename from apps/app/store/theme.ts
rename to web/store/theme.ts
diff --git a/apps/app/store/user.ts b/web/store/user.ts
similarity index 100%
rename from apps/app/store/user.ts
rename to web/store/user.ts
diff --git a/apps/app/styles/command-pallette.css b/web/styles/command-pallette.css
similarity index 100%
rename from apps/app/styles/command-pallette.css
rename to web/styles/command-pallette.css
diff --git a/apps/space/styles/editor.css b/web/styles/editor.css
similarity index 100%
rename from apps/space/styles/editor.css
rename to web/styles/editor.css
diff --git a/apps/app/styles/globals.css b/web/styles/globals.css
similarity index 100%
rename from apps/app/styles/globals.css
rename to web/styles/globals.css
diff --git a/apps/app/styles/nprogress.css b/web/styles/nprogress.css
similarity index 100%
rename from apps/app/styles/nprogress.css
rename to web/styles/nprogress.css
diff --git a/apps/app/styles/react-datepicker.css b/web/styles/react-datepicker.css
similarity index 100%
rename from apps/app/styles/react-datepicker.css
rename to web/styles/react-datepicker.css
diff --git a/apps/app/tailwind.config.js b/web/tailwind.config.js
similarity index 100%
rename from apps/app/tailwind.config.js
rename to web/tailwind.config.js
diff --git a/web/tsconfig.json b/web/tsconfig.json
new file mode 100644
index 000000000..63c95575d
--- /dev/null
+++ b/web/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "tsconfig/nextjs.json",
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "jsx": "preserve"
+  }
+}
diff --git a/apps/app/types/ai.d.ts b/web/types/ai.d.ts
similarity index 100%
rename from apps/app/types/ai.d.ts
rename to web/types/ai.d.ts
diff --git a/apps/app/types/analytics.d.ts b/web/types/analytics.d.ts
similarity index 100%
rename from apps/app/types/analytics.d.ts
rename to web/types/analytics.d.ts
diff --git a/apps/app/types/calendar.ts b/web/types/calendar.ts
similarity index 100%
rename from apps/app/types/calendar.ts
rename to web/types/calendar.ts
diff --git a/apps/app/types/cycles.d.ts b/web/types/cycles.d.ts
similarity index 100%
rename from apps/app/types/cycles.d.ts
rename to web/types/cycles.d.ts
diff --git a/apps/app/types/estimate.d.ts b/web/types/estimate.d.ts
similarity index 100%
rename from apps/app/types/estimate.d.ts
rename to web/types/estimate.d.ts
diff --git a/apps/app/types/importer/github-importer.d.ts b/web/types/importer/github-importer.d.ts
similarity index 100%
rename from apps/app/types/importer/github-importer.d.ts
rename to web/types/importer/github-importer.d.ts
diff --git a/apps/app/types/importer/index.ts b/web/types/importer/index.ts
similarity index 100%
rename from apps/app/types/importer/index.ts
rename to web/types/importer/index.ts
diff --git a/apps/app/types/importer/jira-importer.d.ts b/web/types/importer/jira-importer.d.ts
similarity index 100%
rename from apps/app/types/importer/jira-importer.d.ts
rename to web/types/importer/jira-importer.d.ts
diff --git a/apps/app/types/inbox.d.ts b/web/types/inbox.d.ts
similarity index 100%
rename from apps/app/types/inbox.d.ts
rename to web/types/inbox.d.ts
diff --git a/apps/app/types/index.d.ts b/web/types/index.d.ts
similarity index 99%
rename from apps/app/types/index.d.ts
rename to web/types/index.d.ts
index 8c9592917..dbd314826 100644
--- a/apps/app/types/index.d.ts
+++ b/web/types/index.d.ts
@@ -19,7 +19,6 @@ export * from "./notifications";
 export * from "./waitlist";
 export * from "./reaction";
 
-
 export type NestedKeyOf<ObjectType extends object> = {
   [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object
     ? ObjectType[Key] extends { pop: any; push: any }
diff --git a/apps/app/types/integration.d.ts b/web/types/integration.d.ts
similarity index 100%
rename from apps/app/types/integration.d.ts
rename to web/types/integration.d.ts
diff --git a/apps/app/types/issues.d.ts b/web/types/issues.d.ts
similarity index 100%
rename from apps/app/types/issues.d.ts
rename to web/types/issues.d.ts
diff --git a/apps/app/types/modules.d.ts b/web/types/modules.d.ts
similarity index 100%
rename from apps/app/types/modules.d.ts
rename to web/types/modules.d.ts
diff --git a/apps/app/types/notifications.d.ts b/web/types/notifications.d.ts
similarity index 100%
rename from apps/app/types/notifications.d.ts
rename to web/types/notifications.d.ts
diff --git a/apps/app/types/pages.d.ts b/web/types/pages.d.ts
similarity index 100%
rename from apps/app/types/pages.d.ts
rename to web/types/pages.d.ts
diff --git a/apps/app/types/projects.d.ts b/web/types/projects.d.ts
similarity index 99%
rename from apps/app/types/projects.d.ts
rename to web/types/projects.d.ts
index 78ef4d953..590fe5023 100644
--- a/apps/app/types/projects.d.ts
+++ b/web/types/projects.d.ts
@@ -8,7 +8,7 @@ import type {
   TIssueOrderByOptions,
   TIssueViewOptions,
   TStateGroups,
-} from "./";
+} from ".";
 
 export interface IProject {
   archive_in: number;
diff --git a/apps/app/types/reaction.d.ts b/web/types/reaction.d.ts
similarity index 100%
rename from apps/app/types/reaction.d.ts
rename to web/types/reaction.d.ts
diff --git a/apps/app/types/state.d.ts b/web/types/state.d.ts
similarity index 100%
rename from apps/app/types/state.d.ts
rename to web/types/state.d.ts
diff --git a/apps/app/types/users.d.ts b/web/types/users.d.ts
similarity index 99%
rename from apps/app/types/users.d.ts
rename to web/types/users.d.ts
index 55c95e5f3..8440922d1 100644
--- a/apps/app/types/users.d.ts
+++ b/web/types/users.d.ts
@@ -7,7 +7,7 @@ import {
   NestedKeyOf,
   Properties,
   TStateGroups,
-} from "./";
+} from ".";
 
 export interface IUser {
   avatar: string;
diff --git a/apps/app/types/views.d.ts b/web/types/views.d.ts
similarity index 100%
rename from apps/app/types/views.d.ts
rename to web/types/views.d.ts
diff --git a/apps/app/types/waitlist.d.ts b/web/types/waitlist.d.ts
similarity index 100%
rename from apps/app/types/waitlist.d.ts
rename to web/types/waitlist.d.ts
diff --git a/apps/app/types/workspace.d.ts b/web/types/workspace.d.ts
similarity index 100%
rename from apps/app/types/workspace.d.ts
rename to web/types/workspace.d.ts
diff --git a/yarn.lock b/yarn.lock
index 60cba9408..1aa8e5bde 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1367,14 +1367,7 @@
   resolved "https://registry.yarnpkg.com/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.7.tgz#95bed2487bf59632125a13b8eb8f4c21e460afec"
   integrity sha512-sCWTUNElBPgB30iLvWe3PU7SIlTKZNf6/E/sko85iHVeHCM6WPkDw+y89CrZYjhFNmPqt2fIQM/pZu+rP2lFLA==
 
-"@mui/icons-material@^5.14.1":
-  version "5.14.7"
-  resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.7.tgz#d7f6bd188fe38adf35c89d9343b8a529c2306383"
-  integrity sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==
-  dependencies:
-    "@babel/runtime" "^7.22.10"
-
-"@mui/icons-material@^5.14.7":
+"@mui/icons-material@^5.14.1", "@mui/icons-material@^5.14.7":
   version "5.14.7"
   resolved "https://registry.yarnpkg.com/@mui/icons-material/-/icons-material-5.14.7.tgz#d7f6bd188fe38adf35c89d9343b8a529c2306383"
   integrity sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==
@@ -2542,9 +2535,9 @@
   integrity sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA==
 
 "@types/node@*":
-  version "20.5.7"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.7.tgz#4b8ecac87fbefbc92f431d09c30e176fc0a7c377"
-  integrity sha512-dP7f3LdZIysZnmvP3ANJYTSwg+wLLl8p7RqniVlV7j+oXSXAbt9h0WIBFmJy5inWZoX9wZN6eXx+YXd9Rh3RBA==
+  version "20.5.8"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.5.8.tgz#fb171fd22d37ca6e2ea97fde88e6a13ee14bc327"
+  integrity sha512-eajsR9aeljqNhK028VG0Wuw+OaY5LLxYmxeoXynIoE6jannr9/Ucd1LL0hSSoafk5LTYG+FfqsyGt81Q6Zkybw==
 
 "@types/node@18.0.6":
   version "18.0.6"
@@ -4478,6 +4471,14 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+file-loader@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.2.0.tgz#baef7cf8e1840df325e4390b4484879480eebe4d"
+  integrity sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==
+  dependencies:
+    loader-utils "^2.0.0"
+    schema-utils "^3.0.0"
+
 file-selector@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/file-selector/-/file-selector-0.6.0.tgz#fa0a8d9007b829504db4d07dd4de0310b65287dc"
@@ -4570,9 +4571,9 @@ format@^0.2.0:
   integrity sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==
 
 fraction.js@^4.2.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.4.tgz#b2bac8249a610c3396106da97c5a71da75b94b1c"
-  integrity sha512-pwiTgt0Q7t+GHZA4yaLjObx4vXmmdcS0iSJ19o8d/goUGgItX9UZWKWNnLHehxviD8wU2IWRsnR8cD5+yOJP2Q==
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.6.tgz#e9e3acec6c9a28cf7bc36cbe35eea4ceb2c5c92d"
+  integrity sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==
 
 framework-utils@^1.1.0:
   version "1.1.0"
@@ -5926,7 +5927,7 @@ mime-db@1.52.0:
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12:
+mime-types@^2.1.12, mime-types@^2.1.27:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -6025,6 +6026,14 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
+next-images@^1.8.5:
+  version "1.8.5"
+  resolved "https://registry.yarnpkg.com/next-images/-/next-images-1.8.5.tgz#2eb5535bb1d6c58a5c4e03bc3be6c72c8a053a45"
+  integrity sha512-YLBERp92v+Nu2EVxI9+wa32KRuxyxTC8ItbiHUWVPlatUoTl0yRqsNtP39c2vYv27VRvY4LlYcUGjNRBSMUIZA==
+  dependencies:
+    file-loader "^6.2.0"
+    url-loader "^4.1.0"
+
 next-pwa@^5.6.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/next-pwa/-/next-pwa-5.6.0.tgz#f7b1960c4fdd7be4253eb9b41b612ac773392bf4"
@@ -6534,9 +6543,9 @@ prop-types@^15.0.0, prop-types@^15.5.10, prop-types@^15.6.1, prop-types@^15.6.2,
     react-is "^16.13.1"
 
 property-information@^6.0.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.2.0.tgz#b74f522c31c097b5149e3c3cb8d7f3defd986a1d"
-  integrity sha512-kma4U7AFCTwpqq5twzC1YVIDXSqg6qQK6JN0smOw8fgRy1OkMi0CYSzFmsy6dnqSenamAtj0CyXMUJ1Mf6oROg==
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.3.0.tgz#ba4a06ec6b4e1e90577df9931286953cdf4282c3"
+  integrity sha512-gVNZ74nqhRMiIUYWGQdosYetaKc83x8oT41a0LlV3AAFCAZwCpg4vmGkq8t34+cUhp3cnM4XDiU/7xlgK7HGrg==
 
 prosemirror-changeset@^2.2.0:
   version "2.2.1"
@@ -7225,7 +7234,7 @@ schema-utils@^2.6.5:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
-schema-utils@^3.1.1:
+schema-utils@^3.0.0, schema-utils@^3.1.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
   integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
@@ -8116,6 +8125,15 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+url-loader@^4.1.0:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.1.tgz#28505e905cae158cf07c92ca622d7f237e70a4e2"
+  integrity sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==
+  dependencies:
+    loader-utils "^2.0.0"
+    mime-types "^2.1.27"
+    schema-utils "^3.0.0"
+
 use-callback-ref@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/use-callback-ref/-/use-callback-ref-1.3.0.tgz#772199899b9c9a50526fedc4993fc7fa1f7e32d5"

From 4ea52302babd0ef4123bf0ad98aee08a8c3b7782 Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Sun, 3 Sep 2023 20:55:37 +0530
Subject: [PATCH 24/81] fixing vercel deployments by switching next config
 using env (#2067)

---
 space/next.config.js | 13 ++++++++-----
 turbo.json           |  3 ++-
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/space/next.config.js b/space/next.config.js
index 0b0ccadb5..712c1c472 100644
--- a/space/next.config.js
+++ b/space/next.config.js
@@ -1,15 +1,18 @@
 /** @type {import('next').NextConfig} */
 const path = require("path");
-const withImages = require("next-images")
+const withImages = require("next-images");
 
-const nextConfig = withImages({
-  basePath: "/spaces",
+const nextConfig = {
   reactStrictMode: false,
   swcMinify: true,
   experimental: {
     outputFileTracingRoot: path.join(__dirname, "../"),
   },
   output: "standalone",
-});
+};
 
-module.exports = nextConfig;
+if (parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0")) {
+  const nextConfigWithNginx = withImages({ basePath: "/spaces", ...nextConfig });
+} else {
+  module.exports = nextConfig;
+}
diff --git a/turbo.json b/turbo.json
index 69da3c552..47b92f0db 100644
--- a/turbo.json
+++ b/turbo.json
@@ -24,7 +24,8 @@
     "NEXT_PUBLIC_SLACK_CLIENT_SECRET",
     "NEXT_PUBLIC_SUPABASE_URL",
     "NEXT_PUBLIC_SUPABASE_ANON_KEY",
-    "NEXT_PUBLIC_PLAUSIBLE_DOMAIN"
+    "NEXT_PUBLIC_PLAUSIBLE_DOMAIN",
+    "NEXT_PUBLIC_DEPLOY_WITH_NGINX"
   ],
   "pipeline": {
     "build": {

From d3a9a764dccaf428f784d08259c4ffc454366c3a Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Mon, 4 Sep 2023 01:50:49 +0530
Subject: [PATCH 25/81] fix: space redirections (#2069)

---
 .../issues/board-views/kanban/block.tsx        |  5 ++---
 .../issues/board-views/list/block.tsx          |  4 ++--
 space/components/issues/navbar/index.tsx       | 18 +++++++++++-------
 .../issues/navbar/issue-board-view.tsx         | 16 +---------------
 4 files changed, 16 insertions(+), 27 deletions(-)

diff --git a/space/components/issues/board-views/kanban/block.tsx b/space/components/issues/board-views/kanban/block.tsx
index 40f6576be..b4de76f2b 100644
--- a/space/components/issues/board-views/kanban/block.tsx
+++ b/space/components/issues/board-views/kanban/block.tsx
@@ -23,8 +23,7 @@ export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
 
   const handleBlockClick = () => {
     issueDetailStore.setPeekId(issue.id);
-    router.replace(
-      `/[workspace_slug]/[project_slug]`,
+    router.push(
       {
         pathname: `/${workspace_slug?.toString()}/${project_slug}`,
         query: {
@@ -32,9 +31,9 @@ export const IssueListBlock = observer(({ issue }: { issue: IIssue }) => {
           peekId: issue.id,
         },
       },
+      undefined,
       { shallow: true }
     );
-    // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
   };
 
   return (
diff --git a/space/components/issues/board-views/list/block.tsx b/space/components/issues/board-views/list/block.tsx
index 067d4693a..2d1cdf9ba 100644
--- a/space/components/issues/board-views/list/block.tsx
+++ b/space/components/issues/board-views/list/block.tsx
@@ -26,8 +26,7 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
 
   const handleBlockClick = () => {
     issueDetailStore.setPeekId(issue.id);
-    router.replace(
-      `/[workspace_slug]/[project_slug]`,
+    router.push(
       {
         pathname: `/${workspace_slug?.toString()}/${project_slug}`,
         query: {
@@ -35,6 +34,7 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
           peekId: issue.id,
         },
       },
+      undefined,
       { shallow: true }
     );
     // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
diff --git a/space/components/issues/navbar/index.tsx b/space/components/issues/navbar/index.tsx
index c9d0f52d1..509d676b7 100644
--- a/space/components/issues/navbar/index.tsx
+++ b/space/components/issues/navbar/index.tsx
@@ -44,15 +44,19 @@ const IssueNavbar = observer(() => {
   }, [projectStore, workspace_slug, project_slug]);
 
   useEffect(() => {
-    if (workspace_slug && projectStore) {
-      if (board) {
-        projectStore.setActiveBoard(board.toString());
-      } else {
-        router.push(`/${workspace_slug}/${project_slug}?board=list`);
-        projectStore.setActiveBoard("list");
+    if (workspace_slug && project_slug) {
+      if (!board) {
+        router.push({
+          pathname: `/${workspace_slug}/${project_slug}`,
+          query: {
+            board: "list",
+          },
+        });
+        return projectStore.setActiveBoard("list");
       }
+      projectStore.setActiveBoard(board.toString());
     }
-  }, [board, router, projectStore, workspace_slug, project_slug]);
+  }, [board, workspace_slug, project_slug]);
 
   return (
     <div className="px-5 relative w-full flex items-center gap-4">
diff --git a/space/components/issues/navbar/issue-board-view.tsx b/space/components/issues/navbar/issue-board-view.tsx
index 62f4d1702..0ae71e8ee 100644
--- a/space/components/issues/navbar/issue-board-view.tsx
+++ b/space/components/issues/navbar/issue-board-view.tsx
@@ -14,21 +14,7 @@ export const NavbarIssueBoardView = observer(() => {
 
   const handleCurrentBoardView = (boardView: string) => {
     projectStore.setActiveBoard(boardView);
-    router.push(
-      `/${workspace_slug}/${project_slug}?board=${boardView}${
-        issueStore?.filteredLabels && issueStore?.filteredLabels.length > 0
-          ? `&labels=${issueStore?.filteredLabels.join(",")}`
-          : ""
-      }${
-        issueStore?.filteredPriorities && issueStore?.filteredPriorities.length > 0
-          ? `&priorities=${issueStore?.filteredPriorities.join(",")}`
-          : ""
-      }${
-        issueStore?.filteredStates && issueStore?.filteredStates.length > 0
-          ? `&states=${issueStore?.filteredStates.join(",")}`
-          : ""
-      }`
-    );
+    router.push(`/${workspace_slug}/${project_slug}?board=${boardView}`);
   };
 
   return (

From 0de62b3b0c2ef1e69c66c78258403bb1c5269d83 Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Mon, 4 Sep 2023 12:08:58 +0530
Subject: [PATCH 26/81] removing gitpod config (#2071)

---
 .gitpod.yml | 11 -----------
 1 file changed, 11 deletions(-)
 delete mode 100644 .gitpod.yml

diff --git a/.gitpod.yml b/.gitpod.yml
deleted file mode 100644
index f2bf4259f..000000000
--- a/.gitpod.yml
+++ /dev/null
@@ -1,11 +0,0 @@
-# This configuration file was automatically generated by Gitpod.
-# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
-# and commit this file to your remote git repository to share the goodness with others.
-
-# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
-
-tasks:
-  - init: yarn install && yarn run build
-    command: yarn run start
-
-

From 4559a1bd5d5b6be29899b81f84cef8fe05b6a050 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 12:34:12 +0530
Subject: [PATCH 27/81] refactor: publish project store (#2068)

---
 .../project/publish-project/modal.tsx         | 326 +++++++++---------
 web/store/project-publish.tsx                 |  47 +--
 2 files changed, 195 insertions(+), 178 deletions(-)

diff --git a/web/components/project/publish-project/modal.tsx b/web/components/project/publish-project/modal.tsx
index b22a496f5..173a5242c 100644
--- a/web/components/project/publish-project/modal.tsx
+++ b/web/components/project/publish-project/modal.tsx
@@ -6,7 +6,14 @@ import { Controller, useForm } from "react-hook-form";
 // headless ui
 import { Dialog, Transition } from "@headlessui/react";
 // ui components
-import { ToggleSwitch, PrimaryButton, SecondaryButton, Icon, DangerButton } from "components/ui";
+import {
+  ToggleSwitch,
+  PrimaryButton,
+  SecondaryButton,
+  Icon,
+  DangerButton,
+  Loader,
+} from "components/ui";
 import { CustomPopover } from "./popover";
 // mobx react lite
 import { observer } from "mobx-react-lite";
@@ -146,22 +153,14 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
     const projectId = projectPublish.project_id;
 
     return projectPublish
-      .createProjectSettingsAsync(
-        workspaceSlug.toString(),
-        projectId?.toString() ?? "",
-        payload,
-        user
-      )
-      .then((response) => {
+      .publishProject(workspaceSlug.toString(), projectId?.toString() ?? "", payload, user)
+      .then((res) => {
         mutateProjectDetails();
         handleClose();
         if (projectId) window.open(`${plane_deploy_url}/${workspaceSlug}/${projectId}`, "_blank");
-        return response;
+        return res;
       })
-      .catch((error) => {
-        console.error("error", error);
-        return error;
-      });
+      .catch((err) => err);
   };
 
   const handleUpdatePublishSettings = async (payload: IProjectPublishSettings) => {
@@ -199,7 +198,7 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
     setIsUnpublishing(true);
 
     projectPublish
-      .deleteProjectSettingsAsync(
+      .unPublishProject(
         workspaceSlug.toString(),
         projectPublish.project_id as string,
         publishId,
@@ -329,7 +328,7 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
                   {/* heading */}
                   <div className="px-6 pt-4 flex items-center justify-between gap-2">
                     <h5 className="font-semibold text-xl inline-block">Publish</h5>
-                    {watch("id") && (
+                    {projectPublish.projectPublishSettings !== "not-initialized" && (
                       <DangerButton
                         onClick={() => handleUnpublishProject(watch("id") ?? "")}
                         className="!px-2 !py-1.5"
@@ -341,137 +340,145 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
                   </div>
 
                   {/* content */}
-                  <div className="space-y-3 px-6">
-                    <div className="border border-custom-border-100 bg-custom-background-80 rounded-md px-3 py-2 relative flex gap-2 items-center">
-                      <div className="truncate flex-grow text-sm">
-                        {`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
-                      </div>
-                      <div className="flex-shrink-0 relative flex items-center gap-1">
-                        <CopyLinkToClipboard
-                          copy_link={`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
-                        />
-                      </div>
-                    </div>
+                  {projectPublish.fetchSettingsLoader ? (
+                    <Loader className="px-6 space-y-4">
+                      <Loader.Item height="30px" />
+                      <Loader.Item height="30px" />
+                      <Loader.Item height="30px" />
+                      <Loader.Item height="30px" />
+                    </Loader>
+                  ) : (
+                    <div className="px-6">
+                      {watch("id") && (
+                        <>
+                          <div className="border border-custom-border-100 bg-custom-background-80 rounded-md px-3 py-2 relative flex gap-2 items-center">
+                            <div className="truncate flex-grow text-sm">
+                              {`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
+                            </div>
+                            <div className="flex-shrink-0 relative flex items-center gap-1">
+                              <CopyLinkToClipboard
+                                copy_link={`${plane_deploy_url}/${workspaceSlug}/${projectPublish.project_id}`}
+                              />
+                            </div>
+                          </div>
+                          <div className="flex items-center gap-1 text-custom-primary-100 mt-3">
+                            <div className="w-5 h-5 overflow-hidden flex items-center">
+                              <Icon iconName="radio_button_checked" className="!text-lg" />
+                            </div>
+                            <div className="text-sm">This project is live on web</div>
+                          </div>
+                        </>
+                      )}
 
-                    {watch("id") && (
-                      <div className="flex items-center gap-1 text-custom-primary-100">
-                        <div className="w-5 h-5 overflow-hidden flex items-center">
-                          <Icon iconName="radio_button_checked" className="!text-lg" />
-                        </div>
-                        <div className="text-sm">This project is live on web</div>
-                      </div>
-                    )}
-
-                    <div className="space-y-4">
-                      <div className="relative flex justify-between items-center gap-2">
-                        <div className="text-sm">Views</div>
-                        <Controller
-                          control={control}
-                          name="views"
-                          render={({ field: { onChange, value } }) => (
-                            <CustomPopover
-                              label={
-                                value.length > 0
-                                  ? viewOptions
-                                      .filter((v) => value.includes(v.key))
-                                      .map((v) => v.label)
-                                      .join(", ")
-                                  : ``
-                              }
-                              placeholder="Select views"
-                            >
-                              <>
-                                {viewOptions.map((option) => (
-                                  <div
-                                    key={option.key}
-                                    className={`relative flex items-center gap-2 justify-between p-1 m-1 px-2 cursor-pointer rounded-sm text-custom-text-200 ${
-                                      value.includes(option.key)
-                                        ? "bg-custom-background-80 text-custom-text-100"
-                                        : "hover:bg-custom-background-80 hover:text-custom-text-100"
-                                    }`}
-                                    onClick={() => {
-                                      const _views =
-                                        value.length > 0
-                                          ? value.includes(option.key)
-                                            ? value.filter((_o: string) => _o !== option.key)
-                                            : [...value, option.key]
-                                          : [option.key];
-
-                                      if (_views.length === 0) return;
-
-                                      onChange(_views);
-                                      checkIfUpdateIsRequired();
-                                    }}
-                                  >
-                                    <div className="text-sm">{option.label}</div>
+                      <div className="space-y-4 mt-6">
+                        <div className="relative flex justify-between items-center gap-2">
+                          <div className="text-sm">Views</div>
+                          <Controller
+                            control={control}
+                            name="views"
+                            render={({ field: { onChange, value } }) => (
+                              <CustomPopover
+                                label={
+                                  value.length > 0
+                                    ? viewOptions
+                                        .filter((v) => value.includes(v.key))
+                                        .map((v) => v.label)
+                                        .join(", ")
+                                    : ``
+                                }
+                                placeholder="Select views"
+                              >
+                                <>
+                                  {viewOptions.map((option) => (
                                     <div
-                                      className={`w-[18px] h-[18px] relative flex justify-center items-center`}
+                                      key={option.key}
+                                      className={`relative flex items-center gap-2 justify-between p-1 m-1 px-2 cursor-pointer rounded-sm text-custom-text-200 ${
+                                        value.includes(option.key)
+                                          ? "bg-custom-background-80 text-custom-text-100"
+                                          : "hover:bg-custom-background-80 hover:text-custom-text-100"
+                                      }`}
+                                      onClick={() => {
+                                        const _views =
+                                          value.length > 0
+                                            ? value.includes(option.key)
+                                              ? value.filter((_o: string) => _o !== option.key)
+                                              : [...value, option.key]
+                                            : [option.key];
+
+                                        if (_views.length === 0) return;
+
+                                        onChange(_views);
+                                        checkIfUpdateIsRequired();
+                                      }}
                                     >
-                                      {value.length > 0 && value.includes(option.key) && (
-                                        <Icon iconName="done" className="!text-lg" />
-                                      )}
+                                      <div className="text-sm">{option.label}</div>
+                                      <div
+                                        className={`w-[18px] h-[18px] relative flex justify-center items-center`}
+                                      >
+                                        {value.length > 0 && value.includes(option.key) && (
+                                          <Icon iconName="done" className="!text-lg" />
+                                        )}
+                                      </div>
                                     </div>
-                                  </div>
-                                ))}
-                              </>
-                            </CustomPopover>
-                          )}
-                        />
-                      </div>
+                                  ))}
+                                </>
+                              </CustomPopover>
+                            )}
+                          />
+                        </div>
+                        <div className="relative flex justify-between items-center gap-2">
+                          <div className="text-sm">Allow comments</div>
+                          <Controller
+                            control={control}
+                            name="comments"
+                            render={({ field: { onChange, value } }) => (
+                              <ToggleSwitch
+                                value={value}
+                                onChange={(val) => {
+                                  onChange(val);
+                                  checkIfUpdateIsRequired();
+                                }}
+                                size="sm"
+                              />
+                            )}
+                          />
+                        </div>
+                        <div className="relative flex justify-between items-center gap-2">
+                          <div className="text-sm">Allow reactions</div>
+                          <Controller
+                            control={control}
+                            name="reactions"
+                            render={({ field: { onChange, value } }) => (
+                              <ToggleSwitch
+                                value={value}
+                                onChange={(val) => {
+                                  onChange(val);
+                                  checkIfUpdateIsRequired();
+                                }}
+                                size="sm"
+                              />
+                            )}
+                          />
+                        </div>
+                        <div className="relative flex justify-between items-center gap-2">
+                          <div className="text-sm">Allow voting</div>
+                          <Controller
+                            control={control}
+                            name="votes"
+                            render={({ field: { onChange, value } }) => (
+                              <ToggleSwitch
+                                value={value}
+                                onChange={(val) => {
+                                  onChange(val);
+                                  checkIfUpdateIsRequired();
+                                }}
+                                size="sm"
+                              />
+                            )}
+                          />
+                        </div>
 
-                      <div className="relative flex justify-between items-center gap-2">
-                        <div className="text-sm">Allow comments</div>
-                        <Controller
-                          control={control}
-                          name="comments"
-                          render={({ field: { onChange, value } }) => (
-                            <ToggleSwitch
-                              value={value}
-                              onChange={(val) => {
-                                onChange(val);
-                                checkIfUpdateIsRequired();
-                              }}
-                              size="sm"
-                            />
-                          )}
-                        />
-                      </div>
-                      <div className="relative flex justify-between items-center gap-2">
-                        <div className="text-sm">Allow reactions</div>
-                        <Controller
-                          control={control}
-                          name="reactions"
-                          render={({ field: { onChange, value } }) => (
-                            <ToggleSwitch
-                              value={value}
-                              onChange={(val) => {
-                                onChange(val);
-                                checkIfUpdateIsRequired();
-                              }}
-                              size="sm"
-                            />
-                          )}
-                        />
-                      </div>
-                      <div className="relative flex justify-between items-center gap-2">
-                        <div className="text-sm">Allow voting</div>
-                        <Controller
-                          control={control}
-                          name="votes"
-                          render={({ field: { onChange, value } }) => (
-                            <ToggleSwitch
-                              value={value}
-                              onChange={(val) => {
-                                onChange(val);
-                                checkIfUpdateIsRequired();
-                              }}
-                              size="sm"
-                            />
-                          )}
-                        />
-                      </div>
-
-                      {/* <div className="relative flex justify-between items-center gap-2">
+                        {/* <div className="relative flex justify-between items-center gap-2">
                       <div className="text-sm">Allow issue proposals</div>
                       <Controller
                         control={control}
@@ -481,8 +488,9 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
                         )}
                       />
                     </div> */}
+                      </div>
                     </div>
-                  </div>
+                  )}
 
                   {/* modal handlers */}
                   <div className="border-t border-custom-border-200 px-6 py-5 relative flex justify-between items-center">
@@ -490,22 +498,24 @@ export const PublishProjectModal: React.FC<Props> = observer(() => {
                       <Icon iconName="public" className="!text-base" />
                       <div className="text-sm">Anyone with the link can access</div>
                     </div>
-                    <div className="relative flex items-center gap-2">
-                      <SecondaryButton onClick={handleClose}>Cancel</SecondaryButton>
-                      {watch("id") ? (
-                        <>
-                          {isUpdateRequired && (
-                            <PrimaryButton type="submit" loading={isSubmitting}>
-                              {isSubmitting ? "Updating..." : "Update settings"}
-                            </PrimaryButton>
-                          )}
-                        </>
-                      ) : (
-                        <PrimaryButton type="submit" loading={isSubmitting}>
-                          {isSubmitting ? "Publishing..." : "Publish"}
-                        </PrimaryButton>
-                      )}
-                    </div>
+                    {!projectPublish.fetchSettingsLoader && (
+                      <div className="relative flex items-center gap-2">
+                        <SecondaryButton onClick={handleClose}>Cancel</SecondaryButton>
+                        {watch("id") ? (
+                          <>
+                            {isUpdateRequired && (
+                              <PrimaryButton type="submit" loading={isSubmitting}>
+                                {isSubmitting ? "Updating..." : "Update settings"}
+                              </PrimaryButton>
+                            )}
+                          </>
+                        ) : (
+                          <PrimaryButton type="submit" loading={isSubmitting}>
+                            {isSubmitting ? "Publishing..." : "Publish"}
+                          </PrimaryButton>
+                        )}
+                      </div>
+                    )}
                   </div>
                 </form>
               </Dialog.Panel>
diff --git a/web/store/project-publish.tsx b/web/store/project-publish.tsx
index ffc45f546..b8c6f0dbe 100644
--- a/web/store/project-publish.tsx
+++ b/web/store/project-publish.tsx
@@ -21,7 +21,8 @@ export interface IProjectPublishSettings {
 }
 
 export interface IProjectPublishStore {
-  loader: boolean;
+  generalLoader: boolean;
+  fetchSettingsLoader: boolean;
   error: any | null;
 
   projectPublishModal: boolean;
@@ -35,7 +36,7 @@ export interface IProjectPublishStore {
     project_slug: string,
     user: any
   ) => Promise<void>;
-  createProjectSettingsAsync: (
+  publishProject: (
     workspace_slug: string,
     project_slug: string,
     data: IProjectPublishSettings,
@@ -48,7 +49,7 @@ export interface IProjectPublishStore {
     data: IProjectPublishSettings,
     user: any
   ) => Promise<void>;
-  deleteProjectSettingsAsync: (
+  unPublishProject: (
     workspace_slug: string,
     project_slug: string,
     project_publish_id: string,
@@ -57,7 +58,8 @@ export interface IProjectPublishStore {
 }
 
 class ProjectPublishStore implements IProjectPublishStore {
-  loader: boolean = false;
+  generalLoader: boolean = false;
+  fetchSettingsLoader: boolean = false;
   error: any | null = null;
 
   projectPublishModal: boolean = false;
@@ -72,7 +74,8 @@ class ProjectPublishStore implements IProjectPublishStore {
   constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observable
-      loader: observable,
+      generalLoader: observable,
+      fetchSettingsLoader: observable,
       error: observable,
 
       projectPublishModal: observable,
@@ -80,6 +83,10 @@ class ProjectPublishStore implements IProjectPublishStore {
       projectPublishSettings: observable.ref,
       // action
       handleProjectModal: action,
+      getProjectSettingsAsync: action,
+      publishProject: action,
+      updateProjectSettingsAsync: action,
+      unPublishProject: action,
       // computed
     });
 
@@ -100,7 +107,7 @@ class ProjectPublishStore implements IProjectPublishStore {
 
   getProjectSettingsAsync = async (workspace_slug: string, project_slug: string, user: any) => {
     try {
-      this.loader = true;
+      this.fetchSettingsLoader = true;
       this.error = null;
 
       const response = await this.projectPublishService.getProjectSettingsAsync(
@@ -128,30 +135,30 @@ class ProjectPublishStore implements IProjectPublishStore {
 
         runInAction(() => {
           this.projectPublishSettings = _projectPublishSettings;
-          this.loader = false;
+          this.fetchSettingsLoader = false;
           this.error = null;
         });
       } else {
         this.projectPublishSettings = "not-initialized";
-        this.loader = false;
+        this.fetchSettingsLoader = false;
         this.error = null;
       }
       return response;
     } catch (error) {
-      this.loader = false;
+      this.fetchSettingsLoader = false;
       this.error = error;
       return error;
     }
   };
 
-  createProjectSettingsAsync = async (
+  publishProject = async (
     workspace_slug: string,
     project_slug: string,
     data: IProjectPublishSettings,
     user: any
   ) => {
     try {
-      this.loader = true;
+      this.generalLoader = true;
       this.error = null;
 
       const response = await this.projectPublishService.createProjectSettingsAsync(
@@ -174,14 +181,14 @@ class ProjectPublishStore implements IProjectPublishStore {
 
         runInAction(() => {
           this.projectPublishSettings = _projectPublishSettings;
-          this.loader = false;
+          this.generalLoader = false;
           this.error = null;
         });
 
         return response;
       }
     } catch (error) {
-      this.loader = false;
+      this.generalLoader = false;
       this.error = error;
       return error;
     }
@@ -195,7 +202,7 @@ class ProjectPublishStore implements IProjectPublishStore {
     user: any
   ) => {
     try {
-      this.loader = true;
+      this.generalLoader = true;
       this.error = null;
 
       const response = await this.projectPublishService.updateProjectSettingsAsync(
@@ -219,27 +226,27 @@ class ProjectPublishStore implements IProjectPublishStore {
 
         runInAction(() => {
           this.projectPublishSettings = _projectPublishSettings;
-          this.loader = false;
+          this.generalLoader = false;
           this.error = null;
         });
 
         return response;
       }
     } catch (error) {
-      this.loader = false;
+      this.generalLoader = false;
       this.error = error;
       return error;
     }
   };
 
-  deleteProjectSettingsAsync = async (
+  unPublishProject = async (
     workspace_slug: string,
     project_slug: string,
     project_publish_id: string,
     user: any
   ) => {
     try {
-      this.loader = true;
+      this.generalLoader = true;
       this.error = null;
 
       const response = await this.projectPublishService.deleteProjectSettingsAsync(
@@ -251,13 +258,13 @@ class ProjectPublishStore implements IProjectPublishStore {
 
       runInAction(() => {
         this.projectPublishSettings = "not-initialized";
-        this.loader = false;
+        this.generalLoader = false;
         this.error = null;
       });
 
       return response;
     } catch (error) {
-      this.loader = false;
+      this.generalLoader = false;
       this.error = error;
       return error;
     }

From 9d9c1a86bf2e92778c6bb3812e4489f91a6afba7 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 13:02:47 +0530
Subject: [PATCH 28/81] fix: state group icon (#2072)

---
 space/components/icons/index.ts               |  6 +---
 .../backlog-state-icon.tsx                    |  0
 .../cancelled-state-icon.tsx                  |  0
 .../completed-state-icon.tsx                  |  0
 space/components/icons/state-group/index.ts   |  6 ++++
 .../started-state-icon.tsx                    |  0
 .../icons/state-group/state-group-icon.tsx    | 29 +++++++++++++++++++
 .../unstarted-state-icon.tsx                  |  0
 .../issues/board-views/kanban/header.tsx      |  6 ++--
 .../issues/board-views/list/block.tsx         |  6 ----
 .../issues/board-views/list/header.tsx        |  6 ++--
 .../issues/board-views/list/index.tsx         |  2 --
 space/components/views/project-details.tsx    |  2 +-
 13 files changed, 43 insertions(+), 20 deletions(-)
 rename space/components/icons/{issue-group => state-group}/backlog-state-icon.tsx (100%)
 rename space/components/icons/{issue-group => state-group}/cancelled-state-icon.tsx (100%)
 rename space/components/icons/{issue-group => state-group}/completed-state-icon.tsx (100%)
 create mode 100644 space/components/icons/state-group/index.ts
 rename space/components/icons/{issue-group => state-group}/started-state-icon.tsx (100%)
 create mode 100644 space/components/icons/state-group/state-group-icon.tsx
 rename space/components/icons/{issue-group => state-group}/unstarted-state-icon.tsx (100%)

diff --git a/space/components/icons/index.ts b/space/components/icons/index.ts
index 5f23e0f3a..28162f591 100644
--- a/space/components/icons/index.ts
+++ b/space/components/icons/index.ts
@@ -1,5 +1 @@
-export * from "./issue-group/backlog-state-icon";
-export * from "./issue-group/unstarted-state-icon";
-export * from "./issue-group/started-state-icon";
-export * from "./issue-group/completed-state-icon";
-export * from "./issue-group/cancelled-state-icon";
+export * from "./state-group";
diff --git a/space/components/icons/issue-group/backlog-state-icon.tsx b/space/components/icons/state-group/backlog-state-icon.tsx
similarity index 100%
rename from space/components/icons/issue-group/backlog-state-icon.tsx
rename to space/components/icons/state-group/backlog-state-icon.tsx
diff --git a/space/components/icons/issue-group/cancelled-state-icon.tsx b/space/components/icons/state-group/cancelled-state-icon.tsx
similarity index 100%
rename from space/components/icons/issue-group/cancelled-state-icon.tsx
rename to space/components/icons/state-group/cancelled-state-icon.tsx
diff --git a/space/components/icons/issue-group/completed-state-icon.tsx b/space/components/icons/state-group/completed-state-icon.tsx
similarity index 100%
rename from space/components/icons/issue-group/completed-state-icon.tsx
rename to space/components/icons/state-group/completed-state-icon.tsx
diff --git a/space/components/icons/state-group/index.ts b/space/components/icons/state-group/index.ts
new file mode 100644
index 000000000..6ede38df6
--- /dev/null
+++ b/space/components/icons/state-group/index.ts
@@ -0,0 +1,6 @@
+export * from "./backlog-state-icon";
+export * from "./cancelled-state-icon";
+export * from "./completed-state-icon";
+export * from "./started-state-icon";
+export * from "./state-group-icon";
+export * from "./unstarted-state-icon";
diff --git a/space/components/icons/issue-group/started-state-icon.tsx b/space/components/icons/state-group/started-state-icon.tsx
similarity index 100%
rename from space/components/icons/issue-group/started-state-icon.tsx
rename to space/components/icons/state-group/started-state-icon.tsx
diff --git a/space/components/icons/state-group/state-group-icon.tsx b/space/components/icons/state-group/state-group-icon.tsx
new file mode 100644
index 000000000..1af523400
--- /dev/null
+++ b/space/components/icons/state-group/state-group-icon.tsx
@@ -0,0 +1,29 @@
+// icons
+import {
+  BacklogStateIcon,
+  CancelledStateIcon,
+  CompletedStateIcon,
+  StartedStateIcon,
+  UnstartedStateIcon,
+} from "components/icons";
+import { TIssueGroupKey } from "types/issue";
+
+type Props = {
+  stateGroup: TIssueGroupKey;
+  color: string;
+  className?: string;
+  height?: string;
+  width?: string;
+};
+
+export const StateGroupIcon: React.FC<Props> = ({ stateGroup, className, color, height = "12px", width = "12px" }) => {
+  if (stateGroup === "backlog")
+    return <BacklogStateIcon className={className} color={color} height={height} width={width} />;
+  else if (stateGroup === "cancelled")
+    return <CancelledStateIcon className={className} color={color} height={height} width={width} />;
+  else if (stateGroup === "completed")
+    return <CompletedStateIcon className={className} color={color} height={height} width={width} />;
+  else if (stateGroup === "started")
+    return <StartedStateIcon className={className} color={color} height={height} width={width} />;
+  else return <UnstartedStateIcon className={className} color={color} height={height} width={width} />;
+};
diff --git a/space/components/icons/issue-group/unstarted-state-icon.tsx b/space/components/icons/state-group/unstarted-state-icon.tsx
similarity index 100%
rename from space/components/icons/issue-group/unstarted-state-icon.tsx
rename to space/components/icons/state-group/unstarted-state-icon.tsx
diff --git a/space/components/issues/board-views/kanban/header.tsx b/space/components/issues/board-views/kanban/header.tsx
index 69c252593..5645e2b3b 100644
--- a/space/components/issues/board-views/kanban/header.tsx
+++ b/space/components/issues/board-views/kanban/header.tsx
@@ -1,11 +1,11 @@
-"use client";
-
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // interfaces
 import { IIssueState } from "types/issue";
 // constants
 import { issueGroupFilter } from "constants/data";
+// icons
+import { StateGroupIcon } from "components/icons";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 import { RootStore } from "store/root";
@@ -20,7 +20,7 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
   return (
     <div className="pb-2 px-2 flex items-center">
       <div className="w-4 h-4 flex justify-center items-center flex-shrink-0">
-        <stateGroup.icon />
+        <StateGroupIcon stateGroup={state.group} color={state.color} />
       </div>
       <div className="font-semibold text-custom-text-200 capitalize ml-2 mr-3 truncate">{state?.name}</div>
       <span className="text-custom-text-300 rounded-full flex-shrink-0">
diff --git a/space/components/issues/board-views/list/block.tsx b/space/components/issues/board-views/list/block.tsx
index 2d1cdf9ba..bdf39b84f 100644
--- a/space/components/issues/board-views/list/block.tsx
+++ b/space/components/issues/board-views/list/block.tsx
@@ -6,15 +6,12 @@ import { IssueBlockPriority } from "components/issues/board-views/block-priority
 import { IssueBlockState } from "components/issues/board-views/block-state";
 import { IssueBlockLabels } from "components/issues/board-views/block-labels";
 import { IssueBlockDueDate } from "components/issues/board-views/block-due-date";
-import { IssueBlockUpVotes } from "components/issues/board-views/block-upvotes";
-import { IssueBlockDownVotes } from "components/issues/board-views/block-downvotes";
 // mobx hook
 import { useMobxStore } from "lib/mobx/store-provider";
 // interfaces
 import { IIssue } from "types/issue";
 // store
 import { RootStore } from "store/root";
-import { IssueVotes } from "components/issues/peek-overview";
 
 export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
   const { issue } = props;
@@ -40,9 +37,6 @@ export const IssueListBlock: FC<{ issue: IIssue }> = observer((props) => {
     // router.push(`/${workspace_slug?.toString()}/${project_slug}?board=${board?.toString()}&peekId=${issue.id}`);
   };
 
-  const totalUpVotes = issue.votes.filter((v) => v.vote === 1);
-  const totalDownVotes = issue.votes.filter((v) => v.vote === -1);
-
   return (
     <div className="flex items-center px-6 py-3.5 relative gap-10 bg-custom-background-100">
       <div className="relative flex items-center gap-5 w-full flex-grow overflow-hidden">
diff --git a/space/components/issues/board-views/list/header.tsx b/space/components/issues/board-views/list/header.tsx
index 546c20bf6..83312e7b9 100644
--- a/space/components/issues/board-views/list/header.tsx
+++ b/space/components/issues/board-views/list/header.tsx
@@ -1,9 +1,9 @@
-"use client";
-
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // interfaces
 import { IIssueState } from "types/issue";
+// icons
+import { StateGroupIcon } from "components/icons";
 // constants
 import { issueGroupFilter } from "constants/data";
 // mobx hook
@@ -20,7 +20,7 @@ export const IssueListHeader = observer(({ state }: { state: IIssueState }) => {
   return (
     <div className="px-6 py-2 flex items-center">
       <div className="w-4 h-4 flex justify-center items-center">
-        <stateGroup.icon />
+        <StateGroupIcon stateGroup={state.group} color={state.color} />
       </div>
       <div className="font-semibold capitalize ml-2 mr-3">{state?.name}</div>
       <div className="text-custom-text-200">{store.issue.getCountOfIssuesByState(state.id)}</div>
diff --git a/space/components/issues/board-views/list/index.tsx b/space/components/issues/board-views/list/index.tsx
index 4d4701840..1c6900dd9 100644
--- a/space/components/issues/board-views/list/index.tsx
+++ b/space/components/issues/board-views/list/index.tsx
@@ -1,4 +1,3 @@
-import { useEffect } from "react";
 import { observer } from "mobx-react-lite";
 // components
 import { IssueListHeader } from "components/issues/board-views/list/header";
@@ -9,7 +8,6 @@ import { IIssueState, IIssue } from "types/issue";
 import { useMobxStore } from "lib/mobx/store-provider";
 // store
 import { RootStore } from "store/root";
-import { useRouter } from "next/router";
 
 export const IssueListView = observer(() => {
   const { issue: issueStore }: RootStore = useMobxStore();
diff --git a/space/components/views/project-details.tsx b/space/components/views/project-details.tsx
index bbf043130..c0756335f 100644
--- a/space/components/views/project-details.tsx
+++ b/space/components/views/project-details.tsx
@@ -67,7 +67,7 @@ export const ProjectDetailsView = observer(() => {
                   </div>
                 )}
                 {projectStore?.activeBoard === "kanban" && (
-                  <div className="relative w-full h-full mx-auto px-9 py-5">
+                  <div className="relative w-full h-full mx-auto p-5">
                     <IssueKanbanView />
                   </div>
                 )}

From f583789584d029825e55ddc9c760c688983a6fa4 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 13:08:49 +0530
Subject: [PATCH 29/81] chore: add authorization to the gantt chart (#2074)

---
 .../cycles/gantt-chart/cycle-issues-layout.tsx           | 9 ++++++++-
 web/components/cycles/gantt-chart/cycles-list-layout.tsx | 5 +++++
 web/components/issues/gantt-chart/layout.tsx             | 9 ++++++++-
 .../modules/gantt-chart/module-issues-layout.tsx         | 9 ++++++++-
 .../modules/gantt-chart/modules-list-layout.tsx          | 9 ++++++++-
 web/components/views/gantt-chart.tsx                     | 8 ++++++++
 6 files changed, 45 insertions(+), 4 deletions(-)

diff --git a/web/components/cycles/gantt-chart/cycle-issues-layout.tsx b/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
index 7741432ce..c18bc9346 100644
--- a/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
+++ b/web/components/cycles/gantt-chart/cycle-issues-layout.tsx
@@ -5,6 +5,7 @@ import useIssuesView from "hooks/use-issues-view";
 import useUser from "hooks/use-user";
 import useGanttChartCycleIssues from "hooks/gantt-chart/cycle-issues-view";
 import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
 import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -18,6 +19,7 @@ export const CycleIssuesGanttChartView = () => {
   const { orderBy } = useIssuesView();
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const { ganttIssues, mutateGanttIssues } = useGanttChartCycleIssues(
     workspaceSlug as string,
@@ -25,6 +27,8 @@ export const CycleIssuesGanttChartView = () => {
     cycleId as string
   );
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full">
       <GanttChartRoot
@@ -37,7 +41,10 @@ export const CycleIssuesGanttChartView = () => {
         }
         SidebarBlockRender={IssueGanttSidebarBlock}
         BlockRender={IssueGanttBlock}
-        enableReorder={orderBy === "sort_order"}
+        enableBlockLeftResize={isAllowed}
+        enableBlockRightResize={isAllowed}
+        enableBlockMove={isAllowed}
+        enableReorder={orderBy === "sort_order" && isAllowed}
         bottomSpacing
       />
     </div>
diff --git a/web/components/cycles/gantt-chart/cycles-list-layout.tsx b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
index a5b576bca..9614ea447 100644
--- a/web/components/cycles/gantt-chart/cycles-list-layout.tsx
+++ b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
@@ -8,6 +8,7 @@ import { KeyedMutator } from "swr";
 import cyclesService from "services/cycles.service";
 // hooks
 import useUser from "hooks/use-user";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, IBlockUpdateData } from "components/gantt-chart";
 import { CycleGanttBlock, CycleGanttSidebarBlock } from "components/cycles";
@@ -24,6 +25,7 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles, mutateCycles }) =>
   const { workspaceSlug } = router.query;
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const handleCycleUpdate = (cycle: ICycle, payload: IBlockUpdateData) => {
     if (!workspaceSlug || !user) return;
@@ -71,6 +73,8 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles, mutateCycles }) =>
           }))
       : [];
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full overflow-y-auto">
       <GanttChartRoot
@@ -83,6 +87,7 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles, mutateCycles }) =>
         enableBlockLeftResize={false}
         enableBlockRightResize={false}
         enableBlockMove={false}
+        enableReorder={isAllowed}
       />
     </div>
   );
diff --git a/web/components/issues/gantt-chart/layout.tsx b/web/components/issues/gantt-chart/layout.tsx
index a42d764d8..39e169a60 100644
--- a/web/components/issues/gantt-chart/layout.tsx
+++ b/web/components/issues/gantt-chart/layout.tsx
@@ -5,6 +5,7 @@ import useIssuesView from "hooks/use-issues-view";
 import useUser from "hooks/use-user";
 import useGanttChartIssues from "hooks/gantt-chart/issue-view";
 import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
 import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -18,12 +19,15 @@ export const IssueGanttChartView = () => {
   const { orderBy } = useIssuesView();
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const { ganttIssues, mutateGanttIssues } = useGanttChartIssues(
     workspaceSlug as string,
     projectId as string
   );
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full">
       <GanttChartRoot
@@ -36,7 +40,10 @@ export const IssueGanttChartView = () => {
         }
         BlockRender={IssueGanttBlock}
         SidebarBlockRender={IssueGanttSidebarBlock}
-        enableReorder={orderBy === "sort_order"}
+        enableBlockLeftResize={isAllowed}
+        enableBlockRightResize={isAllowed}
+        enableBlockMove={isAllowed}
+        enableReorder={orderBy === "sort_order" && isAllowed}
         bottomSpacing
       />
     </div>
diff --git a/web/components/modules/gantt-chart/module-issues-layout.tsx b/web/components/modules/gantt-chart/module-issues-layout.tsx
index 9c0b05078..c350232e9 100644
--- a/web/components/modules/gantt-chart/module-issues-layout.tsx
+++ b/web/components/modules/gantt-chart/module-issues-layout.tsx
@@ -7,6 +7,7 @@ import useIssuesView from "hooks/use-issues-view";
 import useUser from "hooks/use-user";
 import useGanttChartModuleIssues from "hooks/gantt-chart/module-issues-view";
 import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
 import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -22,6 +23,7 @@ export const ModuleIssuesGanttChartView: FC<Props> = ({}) => {
   const { orderBy } = useIssuesView();
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const { ganttIssues, mutateGanttIssues } = useGanttChartModuleIssues(
     workspaceSlug as string,
@@ -29,6 +31,8 @@ export const ModuleIssuesGanttChartView: FC<Props> = ({}) => {
     moduleId as string
   );
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full">
       <GanttChartRoot
@@ -41,7 +45,10 @@ export const ModuleIssuesGanttChartView: FC<Props> = ({}) => {
         }
         SidebarBlockRender={IssueGanttSidebarBlock}
         BlockRender={IssueGanttBlock}
-        enableReorder={orderBy === "sort_order"}
+        enableBlockLeftResize={isAllowed}
+        enableBlockRightResize={isAllowed}
+        enableBlockMove={isAllowed}
+        enableReorder={orderBy === "sort_order" && isAllowed}
         bottomSpacing
       />
     </div>
diff --git a/web/components/modules/gantt-chart/modules-list-layout.tsx b/web/components/modules/gantt-chart/modules-list-layout.tsx
index 70f493dde..08465ffa9 100644
--- a/web/components/modules/gantt-chart/modules-list-layout.tsx
+++ b/web/components/modules/gantt-chart/modules-list-layout.tsx
@@ -1,7 +1,6 @@
 import { FC } from "react";
 
 import { useRouter } from "next/router";
-import Link from "next/link";
 
 import { KeyedMutator } from "swr";
 
@@ -9,6 +8,7 @@ import { KeyedMutator } from "swr";
 import modulesService from "services/modules.service";
 // hooks
 import useUser from "hooks/use-user";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, IBlockUpdateData } from "components/gantt-chart";
 import { ModuleGanttBlock, ModuleGanttSidebarBlock } from "components/modules";
@@ -25,6 +25,7 @@ export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules })
   const { workspaceSlug } = router.query;
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const handleModuleUpdate = (module: IModule, payload: IBlockUpdateData) => {
     if (!workspaceSlug || !user) return;
@@ -78,6 +79,8 @@ export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules })
           }))
       : [];
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full overflow-y-auto">
       <GanttChartRoot
@@ -87,6 +90,10 @@ export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules })
         blockUpdateHandler={(block, payload) => handleModuleUpdate(block, payload)}
         SidebarBlockRender={ModuleGanttSidebarBlock}
         BlockRender={ModuleGanttBlock}
+        enableBlockLeftResize={isAllowed}
+        enableBlockRightResize={isAllowed}
+        enableBlockMove={isAllowed}
+        enableReorder={isAllowed}
       />
     </div>
   );
diff --git a/web/components/views/gantt-chart.tsx b/web/components/views/gantt-chart.tsx
index 36022f6fa..b25f034cd 100644
--- a/web/components/views/gantt-chart.tsx
+++ b/web/components/views/gantt-chart.tsx
@@ -6,6 +6,7 @@ import { useRouter } from "next/router";
 import useGanttChartViewIssues from "hooks/gantt-chart/view-issues-view";
 import useUser from "hooks/use-user";
 import { updateGanttIssue } from "components/gantt-chart/hooks/block-update";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { GanttChartRoot, renderIssueBlocksStructure } from "components/gantt-chart";
 import { IssueGanttBlock, IssueGanttSidebarBlock } from "components/issues";
@@ -19,6 +20,7 @@ export const ViewIssuesGanttChartView: FC<Props> = ({}) => {
   const { workspaceSlug, projectId, viewId } = router.query;
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const { ganttIssues, mutateGanttIssues } = useGanttChartViewIssues(
     workspaceSlug as string,
@@ -26,6 +28,8 @@ export const ViewIssuesGanttChartView: FC<Props> = ({}) => {
     viewId as string
   );
 
+  const isAllowed = projectDetails?.member_role === 20 || projectDetails?.member_role === 15;
+
   return (
     <div className="w-full h-full">
       <GanttChartRoot
@@ -38,6 +42,10 @@ export const ViewIssuesGanttChartView: FC<Props> = ({}) => {
         }
         SidebarBlockRender={IssueGanttSidebarBlock}
         BlockRender={IssueGanttBlock}
+        enableBlockLeftResize={isAllowed}
+        enableBlockRightResize={isAllowed}
+        enableBlockMove={isAllowed}
+        enableReorder={isAllowed}
       />
     </div>
   );

From dc26e1ea50983a80fd19f537e683f3bef511a0c7 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Mon, 4 Sep 2023 14:37:29 +0530
Subject: [PATCH 30/81] chore: cycle update errors (#2070)

---
 apiserver/plane/api/views/cycle.py | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/apiserver/plane/api/views/cycle.py b/apiserver/plane/api/views/cycle.py
index 3dca6c312..253da2c5b 100644
--- a/apiserver/plane/api/views/cycle.py
+++ b/apiserver/plane/api/views/cycle.py
@@ -333,13 +333,21 @@ class CycleViewSet(BaseViewSet):
                 workspace__slug=slug, project_id=project_id, pk=pk
             )
 
+            request_data = request.data
+
             if cycle.end_date is not None and cycle.end_date < timezone.now().date():
-                return Response(
-                    {
-                        "error": "The Cycle has already been completed so it cannot be edited"
-                    },
-                    status=status.HTTP_400_BAD_REQUEST,
-                )
+                if "sort_order" in request_data:
+                    # Can only change sort order
+                    request_data = {
+                        "sort_order": request_data.get("sort_order", cycle.sort_order)
+                    }
+                else:
+                    return Response(
+                        {
+                            "error": "The Cycle has already been completed so it cannot be edited"
+                        },
+                        status=status.HTTP_400_BAD_REQUEST,
+                    )
 
             serializer = CycleWriteSerializer(cycle, data=request.data, partial=True)
             if serializer.is_valid():
@@ -373,7 +381,9 @@ class CycleViewSet(BaseViewSet):
                 .annotate(assignee_id=F("assignees__id"))
                 .annotate(avatar=F("assignees__avatar"))
                 .annotate(display_name=F("assignees__display_name"))
-                .values("first_name", "last_name", "assignee_id", "avatar", "display_name")
+                .values(
+                    "first_name", "last_name", "assignee_id", "avatar", "display_name"
+                )
                 .annotate(total_issues=Count("assignee_id"))
                 .annotate(
                     completed_issues=Count(
@@ -709,7 +719,6 @@ class CycleDateCheckEndpoint(BaseAPIView):
 
 
 class CycleFavoriteViewSet(BaseViewSet):
-
     serializer_class = CycleFavoriteSerializer
     model = CycleFavorite
 

From 58e23304a79afffa754b07b34c6bad9e75a3de07 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Mon, 4 Sep 2023 14:38:39 +0530
Subject: [PATCH 31/81] fix: state ordering for projects (#2073)

---
 apiserver/plane/api/views/issue.py | 40 ++++++++++++++++++++++++++----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index 3d6b59c7f..a390f7b81 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -17,6 +17,7 @@ from django.db.models import (
     When,
     Exists,
     Max,
+    IntegerField,
 )
 from django.core.serializers.json import DjangoJSONEncoder
 from django.utils.decorators import method_decorator
@@ -337,7 +338,11 @@ class UserWorkSpaceIssues(BaseAPIView):
 
             issue_queryset = (
                 Issue.issue_objects.filter(
-                    (Q(assignees__in=[request.user]) | Q(created_by=request.user) | Q(issue_subscribers__subscriber=request.user)),
+                    (
+                        Q(assignees__in=[request.user])
+                        | Q(created_by=request.user)
+                        | Q(issue_subscribers__subscriber=request.user)
+                    ),
                     workspace__slug=slug,
                 )
                 .annotate(
@@ -1994,7 +1999,9 @@ class IssueVotePublicViewSet(BaseViewSet):
             serializer = IssueVoteSerializer(issue_vote)
             return Response(serializer.data, status=status.HTTP_201_CREATED)
         except IntegrityError:
-            return Response({"error": "Reaction already exists"}, status=status.HTTP_400_BAD_REQUEST)
+            return Response(
+                {"error": "Reaction already exists"}, status=status.HTTP_400_BAD_REQUEST
+            )
         except Exception as e:
             capture_exception(e)
             return Response(
@@ -2172,9 +2179,32 @@ class ProjectIssuesPublicEndpoint(BaseAPIView):
 
             issues = IssuePublicSerializer(issue_queryset, many=True).data
 
-            states = State.objects.filter(
-                workspace__slug=slug, project_id=project_id
-            ).values("name", "group", "color", "id")
+            state_group_order = [
+                "backlog",
+                "unstarted",
+                "started",
+                "completed",
+                "cancelled",
+            ]
+
+            states = (
+                State.objects.filter(
+                    workspace__slug=slug,
+                    project_id=project_id,
+                )
+                .annotate(
+                    custom_order=Case(
+                        *[
+                            When(group=value, then=Value(index))
+                            for index, value in enumerate(state_group_order)
+                        ],
+                        default=Value(len(state_group_order)),
+                        output_field=IntegerField(),
+                    ),
+                )
+                .values("name", "group", "color", "id")
+                .order_by("custom_order", "sequence")
+            )
 
             labels = Label.objects.filter(
                 workspace__slug=slug, project_id=project_id

From 8f46492c42468468710cb568be994849639a8487 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 14:47:28 +0530
Subject: [PATCH 32/81] fix: copy link button not working on the peek overview
 (#2075)

* fix: copy issue link from the peek overview

* refactor: peek overview layout
---
 .../issues/peek-overview/header.tsx           |  9 +-
 .../issues/peek-overview/issue-properties.tsx | 23 ++----
 .../issues/peek-overview/layout.tsx           | 82 +++++++++----------
 space/layouts/project-layout.tsx              | 26 +++---
 .../issues/peek-overview/issue-properties.tsx |  7 +-
 5 files changed, 62 insertions(+), 85 deletions(-)

diff --git a/space/components/issues/peek-overview/header.tsx b/space/components/issues/peek-overview/header.tsx
index 79de3978b..2aa43ff47 100644
--- a/space/components/issues/peek-overview/header.tsx
+++ b/space/components/issues/peek-overview/header.tsx
@@ -1,7 +1,5 @@
 import React from "react";
 
-import { useRouter } from "next/router";
-
 // headless ui
 import { Listbox, Transition } from "@headlessui/react";
 // hooks
@@ -48,15 +46,12 @@ export const PeekOverviewHeader: React.FC<Props> = (props) => {
 
   const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
 
-  const router = useRouter();
-  const { workspace_slug } = router.query;
-
   const { setToastAlert } = useToast();
 
   const handleCopyLink = () => {
-    const originURL = typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+    const urlToCopy = window.location.href;
 
-    copyTextToClipboard(`${originURL}/${workspace_slug}/projects/${issueDetails?.project}/`).then(() => {
+    copyTextToClipboard(urlToCopy).then(() => {
       setToastAlert({
         type: "success",
         title: "Link copied!",
diff --git a/space/components/issues/peek-overview/issue-properties.tsx b/space/components/issues/peek-overview/issue-properties.tsx
index 2d454852a..6b3394b56 100644
--- a/space/components/issues/peek-overview/issue-properties.tsx
+++ b/space/components/issues/peek-overview/issue-properties.tsx
@@ -1,21 +1,15 @@
-// headless ui
-import { Disclosure } from "@headlessui/react";
-// import { getStateGroupIcon } from "components/icons";
 // hooks
 import useToast from "hooks/use-toast";
 // icons
 import { Icon } from "components/ui";
 import { copyTextToClipboard, addSpaceIfCamelCase } from "helpers/string.helper";
+// helpers
+import { renderDateFormat } from "constants/helpers";
 // types
 import { IIssue } from "types/issue";
+import { IPeekMode } from "store/issue_details";
 // constants
 import { issueGroupFilter, issuePriorityFilter } from "constants/data";
-import { useEffect } from "react";
-import { renderDateFormat } from "constants/helpers";
-import { IPeekMode } from "store/issue_details";
-import { useRouter } from "next/router";
-import { RootStore } from "store/root";
-import { useMobxStore } from "lib/mobx/store-provider";
 
 type Props = {
   issueDetails: IIssue;
@@ -37,11 +31,6 @@ const validDate = (date: any, state: string): string => {
 export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mode }) => {
   const { setToastAlert } = useToast();
 
-  const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
-
-  const router = useRouter();
-  const { workspaceSlug } = router.query;
-
   const startDate = issueDetails.start_date;
   const targetDate = issueDetails.target_date;
 
@@ -57,11 +46,9 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mod
   const priority = issueDetails.priority ? issuePriorityFilter(issueDetails.priority) : null;
 
   const handleCopyLink = () => {
-    const originURL = typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+    const urlToCopy = window.location.href;
 
-    copyTextToClipboard(
-      `${originURL}/${workspaceSlug}/projects/${issueDetails.project}/issues/${issueDetails.id}`
-    ).then(() => {
+    copyTextToClipboard(urlToCopy).then(() => {
       setToastAlert({
         type: "success",
         title: "Link copied!",
diff --git a/space/components/issues/peek-overview/layout.tsx b/space/components/issues/peek-overview/layout.tsx
index 09cfa5b78..a3d7386eb 100644
--- a/space/components/issues/peek-overview/layout.tsx
+++ b/space/components/issues/peek-overview/layout.tsx
@@ -65,26 +65,24 @@ export const IssuePeekOverview: React.FC<Props> = observer((props) => {
   return (
     <>
       <Transition.Root appear show={isSidePeekOpen} as={React.Fragment}>
-        <Dialog as="div" className="relative z-20" onClose={handleClose}>
-          <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
-            <Transition.Child
-              as={React.Fragment}
-              enter="transition-transform duration-300"
-              enterFrom="translate-x-full"
-              enterTo="translate-x-0"
-              leave="transition-transform duration-200"
-              leaveFrom="translate-x-0"
-              leaveTo="translate-x-full"
-            >
-              <Dialog.Panel className="fixed z-20 bg-custom-background-100 top-0 right-0 h-full w-1/2 shadow-custom-shadow-sm">
-                <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
+        <Dialog as="div" onClose={handleClose}>
+          <Transition.Child
+            as={React.Fragment}
+            enter="transition-transform duration-300"
+            enterFrom="translate-x-full"
+            enterTo="translate-x-0"
+            leave="transition-transform duration-200"
+            leaveFrom="translate-x-0"
+            leaveTo="translate-x-full"
+          >
+            <Dialog.Panel className="fixed z-20 bg-custom-background-100 top-0 right-0 h-full w-1/2 shadow-custom-shadow-sm">
+              <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
+            </Dialog.Panel>
+          </Transition.Child>
         </Dialog>
       </Transition.Root>
       <Transition.Root appear show={isModalPeekOpen} as={React.Fragment}>
-        <Dialog as="div" className="relative z-20" onClose={handleClose}>
+        <Dialog as="div" onClose={handleClose}>
           <Transition.Child
             as={React.Fragment}
             enter="ease-out duration-300"
@@ -96,32 +94,30 @@ export const IssuePeekOverview: React.FC<Props> = observer((props) => {
           >
             <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
           </Transition.Child>
-          <div className="fixed inset-0 z-20 h-full w-full overflow-y-auto">
-            <Transition.Child
-              as={React.Fragment}
-              enter="ease-out duration-300"
-              enterFrom="opacity-0"
-              enterTo="opacity-100"
-              leave="ease-in duration-200"
-              leaveFrom="opacity-100"
-              leaveTo="opacity-0"
-            >
-              <Dialog.Panel>
-                <div
-                  className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
-                    issueDetailStore.peekMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
-                  }`}
-                >
-                  {issueDetailStore.peekMode === "modal" && (
-                    <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
-                  )}
-                  {issueDetailStore.peekMode === "full" && (
-                    <FullScreenPeekView handleClose={handleClose} issueDetails={issueDetails} />
-                  )}
-                </div>
-              </Dialog.Panel>
-            </Transition.Child>
-          </div>
+          <Transition.Child
+            as={React.Fragment}
+            enter="ease-out duration-300"
+            enterFrom="opacity-0"
+            enterTo="opacity-100"
+            leave="ease-in duration-200"
+            leaveFrom="opacity-100"
+            leaveTo="opacity-0"
+          >
+            <Dialog.Panel>
+              <div
+                className={`fixed z-20 bg-custom-background-100 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-lg shadow-custom-shadow-xl transition-all duration-300 ${
+                  issueDetailStore.peekMode === "modal" ? "h-[70%] w-3/5" : "h-[95%] w-[95%]"
+                }`}
+              >
+                {issueDetailStore.peekMode === "modal" && (
+                  <SidePeekView handleClose={handleClose} issueDetails={issueDetails} />
+                )}
+                {issueDetailStore.peekMode === "full" && (
+                  <FullScreenPeekView handleClose={handleClose} issueDetails={issueDetails} />
+                )}
+              </div>
+            </Dialog.Panel>
+          </Transition.Child>
         </Dialog>
       </Transition.Root>
     </>
diff --git a/space/layouts/project-layout.tsx b/space/layouts/project-layout.tsx
index f19ddabd2..1a0b7899e 100644
--- a/space/layouts/project-layout.tsx
+++ b/space/layouts/project-layout.tsx
@@ -13,18 +13,20 @@ const ProjectLayout = ({ children }: { children: React.ReactNode }) => (
       <IssueNavbar />
     </div>
     <div className="w-full h-full relative bg-custom-background-90 overflow-hidden">{children}</div>
-    <div className="absolute z-[99999] bottom-[10px] right-[10px] bg-custom-background-100 rounded-sm shadow-lg border border-custom-border-300">
-      <Link href="https://plane.so" as="https://plane.so">
-        <a className="p-1 px-2 flex items-center gap-1" target="_blank">
-          <div className="w-[24px] h-[24px] relative flex justify-center items-center">
-            <Image src={planeLogo} alt="plane logo" className="w-[24px] h-[24px]" height="24" width="24" />
-          </div>
-          <div className="text-xs">
-            Powered by <b>Plane Deploy</b>
-          </div>
-        </a>
-      </Link>
-    </div>
+
+    <a
+      href="https://plane.so"
+      className="fixed !z-[999999] bottom-2.5 right-5 bg-custom-background-100 rounded shadow-custom-shadow-2xs border border-custom-border-200 py-1 px-2 flex items-center gap-1"
+      target="_blank"
+      rel="noreferrer noopener"
+    >
+      <div className="w-6 h-6 relative grid place-items-center">
+        <Image src={planeLogo} alt="Plane logo" className="w-6 h-6" height="24" width="24" />
+      </div>
+      <div className="text-xs">
+        Powered by <span className="font-semibold">Plane Deploy</span>
+      </div>
+    </a>
   </div>
 );
 
diff --git a/web/components/issues/peek-overview/issue-properties.tsx b/web/components/issues/peek-overview/issue-properties.tsx
index 1f2d618ac..16728b148 100644
--- a/web/components/issues/peek-overview/issue-properties.tsx
+++ b/web/components/issues/peek-overview/issue-properties.tsx
@@ -50,12 +50,9 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
   maxDate?.setDate(maxDate.getDate());
 
   const handleCopyLink = () => {
-    const originURL =
-      typeof window !== "undefined" && window.location.origin ? window.location.origin : "";
+    const urlToCopy = window.location.href;
 
-    copyTextToClipboard(
-      `${originURL}/${workspaceSlug}/projects/${issue.project}/issues/${issue.id}`
-    ).then(() => {
+    copyTextToClipboard(urlToCopy).then(() => {
       setToastAlert({
         type: "success",
         title: "Link copied!",

From ccbb54bb877545f3df115fb82a166a131356188b Mon Sep 17 00:00:00 2001
From: guru_sainath <gurusainath007@gmail.com>
Date: Mon, 4 Sep 2023 15:53:46 +0530
Subject: [PATCH 33/81] feat: Leaving from project for viewer and guest roles
 has implemented (#2079)

* feat: leave project services and components

* feat: Leaving from project for viewer and guest roles has implemented

---------

Co-authored-by: dakshesh14 <dakshesh.jain14@gmail.com>
---
 .../project/confirm-project-leave-modal.tsx   | 220 ++++++++
 web/components/project/index.ts               |   1 +
 web/components/project/sidebar-list.tsx       |   3 +
 .../project/single-sidebar-project.tsx        | 474 +++++++++---------
 web/layouts/app-layout/app-sidebar.tsx        |   4 +
 web/services/project.service.ts               |  26 +-
 web/services/track-event.service.ts           |   9 +-
 web/store/project.ts                          |  86 ++++
 web/store/root.ts                             |   5 +-
 9 files changed, 596 insertions(+), 232 deletions(-)
 create mode 100644 web/components/project/confirm-project-leave-modal.tsx
 create mode 100644 web/store/project.ts

diff --git a/web/components/project/confirm-project-leave-modal.tsx b/web/components/project/confirm-project-leave-modal.tsx
new file mode 100644
index 000000000..429c231d2
--- /dev/null
+++ b/web/components/project/confirm-project-leave-modal.tsx
@@ -0,0 +1,220 @@
+import React from "react";
+// next imports
+import { useRouter } from "next/router";
+// swr
+import { mutate } from "swr";
+// react-hook-form
+import { Controller, useForm } from "react-hook-form";
+// headless ui
+import { Dialog, Transition } from "@headlessui/react";
+// icons
+import { ExclamationTriangleIcon } from "@heroicons/react/24/outline";
+// ui
+import { DangerButton, Input, SecondaryButton } from "components/ui";
+// fetch-keys
+import { PROJECTS_LIST } from "constants/fetch-keys";
+// mobx react lite
+import { observer } from "mobx-react-lite";
+// mobx store
+import { useMobxStore } from "lib/mobx/store-provider";
+import { RootStore } from "store/root";
+// hooks
+import useToast from "hooks/use-toast";
+import useUser from "hooks/use-user";
+// types
+import { IProject } from "types";
+
+type FormData = {
+  projectName: string;
+  confirmLeave: string;
+};
+
+const defaultValues: FormData = {
+  projectName: "",
+  confirmLeave: "",
+};
+
+export const ConfirmProjectLeaveModal: React.FC = observer(() => {
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const store: RootStore = useMobxStore();
+  const { project } = store;
+
+  const { user } = useUser();
+
+  const { setToastAlert } = useToast();
+
+  const {
+    control,
+    formState: { isSubmitting },
+    handleSubmit,
+    reset,
+    watch,
+  } = useForm({ defaultValues });
+
+  const handleClose = () => {
+    project.handleProjectLeaveModal(null);
+
+    reset({ ...defaultValues });
+  };
+
+  project?.projectLeaveDetails &&
+    console.log("project leave confirmation modal", project?.projectLeaveDetails);
+
+  const onSubmit = async (data: any) => {
+    if (data) {
+      if (data.projectName === project?.projectLeaveDetails?.name) {
+        if (data.confirmLeave === "Leave Project") {
+          return project
+            .leaveProject(
+              project.projectLeaveDetails.workspaceSlug.toString(),
+              project.projectLeaveDetails.id.toString(),
+              user
+            )
+            .then((res) => {
+              mutate<IProject[]>(
+                PROJECTS_LIST(project.projectLeaveDetails.workspaceSlug.toString(), {
+                  is_favorite: "all",
+                }),
+                (prevData) => prevData?.filter((project: IProject) => project.id !== data.id),
+                false
+              );
+              handleClose();
+              router.push(`/${workspaceSlug}/projects`);
+            })
+            .catch((err) => {
+              setToastAlert({
+                type: "error",
+                title: "Error!",
+                message: "Something went wrong please try again later.",
+              });
+            });
+        } else {
+          setToastAlert({
+            type: "error",
+            title: "Error!",
+            message: "Please confirm leaving the project by typing the 'Leave Project'.",
+          });
+        }
+      } else {
+        setToastAlert({
+          type: "error",
+          title: "Error!",
+          message: "Please enter the project name as shown in the description.",
+        });
+      }
+    } else {
+      setToastAlert({
+        type: "error",
+        title: "Error!",
+        message: "Please fill all fields.",
+      });
+    }
+  };
+
+  return (
+    <Transition.Root show={project.projectLeaveModal} as={React.Fragment}>
+      <Dialog as="div" className="relative z-20" onClose={handleClose}>
+        <Transition.Child
+          as={React.Fragment}
+          enter="ease-out duration-300"
+          enterFrom="opacity-0"
+          enterTo="opacity-100"
+          leave="ease-in duration-200"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+        >
+          <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
+        </Transition.Child>
+
+        <div className="fixed inset-0 z-20 overflow-y-auto">
+          <div className="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">
+            <Transition.Child
+              as={React.Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+              enterTo="opacity-100 translate-y-0 sm:scale-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            >
+              <Dialog.Panel className="relative transform overflow-hidden rounded-lg border border-custom-border-200 bg-custom-background-100 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-2xl">
+                <form onSubmit={handleSubmit(onSubmit)} className="flex flex-col gap-6 p-6">
+                  <div className="flex w-full items-center justify-start gap-6">
+                    <span className="place-items-center rounded-full bg-red-500/20 p-4">
+                      <ExclamationTriangleIcon
+                        className="h-6 w-6 text-red-600"
+                        aria-hidden="true"
+                      />
+                    </span>
+                    <span className="flex items-center justify-start">
+                      <h3 className="text-xl font-medium 2xl:text-2xl">Leave Project</h3>
+                    </span>
+                  </div>
+
+                  <span>
+                    <p className="text-sm leading-7 text-custom-text-200">
+                      Are you sure you want to leave the project -
+                      <span className="font-medium text-custom-text-100">{` "${project?.projectLeaveDetails?.name}" `}</span>
+                      ? All of the issues associated with you will become inaccessible.
+                    </p>
+                  </span>
+
+                  <div className="text-custom-text-200">
+                    <p className="break-words text-sm ">
+                      Enter the project name{" "}
+                      <span className="font-medium text-custom-text-100">
+                        {project?.projectLeaveDetails?.name}
+                      </span>{" "}
+                      to continue:
+                    </p>
+                    <Controller
+                      control={control}
+                      name="projectName"
+                      render={({ field: { onChange, value } }) => (
+                        <Input
+                          type="text"
+                          placeholder="Enter project name"
+                          className="mt-2"
+                          value={value}
+                          onChange={onChange}
+                        />
+                      )}
+                    />
+                  </div>
+
+                  <div className="text-custom-text-200">
+                    <p className="text-sm">
+                      To confirm, type{" "}
+                      <span className="font-medium text-custom-text-100">Leave Project</span> below:
+                    </p>
+                    <Controller
+                      control={control}
+                      name="confirmLeave"
+                      render={({ field: { onChange, value } }) => (
+                        <Input
+                          type="text"
+                          placeholder="Enter 'leave project'"
+                          className="mt-2"
+                          onChange={onChange}
+                          value={value}
+                        />
+                      )}
+                    />
+                  </div>
+                  <div className="flex justify-end gap-2">
+                    <SecondaryButton onClick={handleClose}>Cancel</SecondaryButton>
+                    <DangerButton type="submit" loading={isSubmitting}>
+                      {isSubmitting ? "Leaving..." : "Leave Project"}
+                    </DangerButton>
+                  </div>
+                </form>
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </div>
+      </Dialog>
+    </Transition.Root>
+  );
+});
diff --git a/web/components/project/index.ts b/web/components/project/index.ts
index a2fed74b8..494a04294 100644
--- a/web/components/project/index.ts
+++ b/web/components/project/index.ts
@@ -5,3 +5,4 @@ export * from "./settings-header";
 export * from "./single-integration-card";
 export * from "./single-project-card";
 export * from "./single-sidebar-project";
+export * from "./confirm-project-leave-modal";
diff --git a/web/components/project/sidebar-list.tsx b/web/components/project/sidebar-list.tsx
index 0ab8f9bee..a46a97f04 100644
--- a/web/components/project/sidebar-list.tsx
+++ b/web/components/project/sidebar-list.tsx
@@ -35,6 +35,7 @@ export const ProjectSidebarList: FC = () => {
   const [isProjectModalOpen, setIsProjectModalOpen] = useState(false);
   const [deleteProjectModal, setDeleteProjectModal] = useState(false);
   const [projectToDelete, setProjectToDelete] = useState<IProject | null>(null);
+  const [projectToLeaveId, setProjectToLeaveId] = useState<string | null>(null);
 
   // router
   const [isScrolled, setIsScrolled] = useState(false);
@@ -217,6 +218,7 @@ export const ProjectSidebarList: FC = () => {
                                     snapshot={snapshot}
                                     handleDeleteProject={() => handleDeleteProject(project)}
                                     handleCopyText={() => handleCopyText(project.id)}
+                                    handleProjectLeave={() => setProjectToLeaveId(project.id)}
                                     shortContextMenu
                                   />
                                 </div>
@@ -285,6 +287,7 @@ export const ProjectSidebarList: FC = () => {
                                       provided={provided}
                                       snapshot={snapshot}
                                       handleDeleteProject={() => handleDeleteProject(project)}
+                                      handleProjectLeave={() => setProjectToLeaveId(project.id)}
                                       handleCopyText={() => handleCopyText(project.id)}
                                     />
                                   </div>
diff --git a/web/components/project/single-sidebar-project.tsx b/web/components/project/single-sidebar-project.tsx
index 6fbdbbaf0..ebc8bc974 100644
--- a/web/components/project/single-sidebar-project.tsx
+++ b/web/components/project/single-sidebar-project.tsx
@@ -44,6 +44,7 @@ type Props = {
   snapshot?: DraggableStateSnapshot;
   handleDeleteProject: () => void;
   handleCopyText: () => void;
+  handleProjectLeave: () => void;
   shortContextMenu?: boolean;
 };
 
@@ -80,276 +81,293 @@ const navigation = (workspaceSlug: string, projectId: string) => [
   },
 ];
 
-export const SingleSidebarProject: React.FC<Props> = observer(
-  ({
+export const SingleSidebarProject: React.FC<Props> = observer((props) => {
+  const {
     project,
     sidebarCollapse,
     provided,
     snapshot,
     handleDeleteProject,
     handleCopyText,
+    handleProjectLeave,
     shortContextMenu = false,
-  }) => {
-    const store: RootStore = useMobxStore();
-    const { projectPublish } = store;
+  } = props;
 
-    const router = useRouter();
-    const { workspaceSlug, projectId } = router.query;
+  const store: RootStore = useMobxStore();
+  const { projectPublish, project: projectStore } = store;
 
-    const { setToastAlert } = useToast();
+  const router = useRouter();
+  const { workspaceSlug, projectId } = router.query;
 
-    const isAdmin = project.member_role === 20;
+  const { setToastAlert } = useToast();
 
-    const handleAddToFavorites = () => {
-      if (!workspaceSlug) return;
+  const isAdmin = project.member_role === 20;
 
-      mutate<IProject[]>(
-        PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
-        (prevData) =>
-          (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: true } : p)),
-        false
-      );
+  const isViewerOrGuest = project.member_role === 10 || project.member_role === 5;
 
-      projectService
-        .addProjectToFavorites(workspaceSlug as string, {
-          project: project.id,
-        })
-        .catch(() =>
-          setToastAlert({
-            type: "error",
-            title: "Error!",
-            message: "Couldn't remove the project from favorites. Please try again.",
-          })
-        );
-    };
+  const handleAddToFavorites = () => {
+    if (!workspaceSlug) return;
 
-    const handleRemoveFromFavorites = () => {
-      if (!workspaceSlug) return;
+    mutate<IProject[]>(
+      PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
+      (prevData) =>
+        (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: true } : p)),
+      false
+    );
 
-      mutate<IProject[]>(
-        PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
-        (prevData) =>
-          (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: false } : p)),
-        false
-      );
-
-      projectService.removeProjectFromFavorites(workspaceSlug as string, project.id).catch(() =>
+    projectService
+      .addProjectToFavorites(workspaceSlug as string, {
+        project: project.id,
+      })
+      .catch(() =>
         setToastAlert({
           type: "error",
           title: "Error!",
           message: "Couldn't remove the project from favorites. Please try again.",
         })
       );
-    };
+  };
 
-    return (
-      <Disclosure key={project.id} defaultOpen={projectId === project.id}>
-        {({ open }) => (
-          <>
-            <div
-              className={`group relative text-custom-sidebar-text-10 px-2 py-1 w-full flex items-center hover:bg-custom-sidebar-background-80 rounded-md ${
-                snapshot?.isDragging ? "opacity-60" : ""
-              }`}
-            >
-              {provided && (
-                <Tooltip
-                  tooltipContent={
-                    project.sort_order === null
-                      ? "Join the project to rearrange"
-                      : "Drag to rearrange"
-                  }
-                  position="top-right"
-                >
-                  <button
-                    type="button"
-                    className={`absolute top-1/2 -translate-y-1/2 -left-4 hidden rounded p-0.5 text-custom-sidebar-text-400 ${
-                      sidebarCollapse ? "" : "group-hover:!flex"
-                    } ${project.sort_order === null ? "opacity-60 cursor-not-allowed" : ""}`}
-                    {...provided?.dragHandleProps}
-                  >
-                    <EllipsisVerticalIcon className="h-4" />
-                    <EllipsisVerticalIcon className="-ml-5 h-4" />
-                  </button>
-                </Tooltip>
-              )}
+  const handleRemoveFromFavorites = () => {
+    if (!workspaceSlug) return;
+
+    mutate<IProject[]>(
+      PROJECTS_LIST(workspaceSlug as string, { is_favorite: "all" }),
+      (prevData) =>
+        (prevData ?? []).map((p) => (p.id === project.id ? { ...p, is_favorite: false } : p)),
+      false
+    );
+
+    projectService.removeProjectFromFavorites(workspaceSlug as string, project.id).catch(() =>
+      setToastAlert({
+        type: "error",
+        title: "Error!",
+        message: "Couldn't remove the project from favorites. Please try again.",
+      })
+    );
+  };
+
+  return (
+    <Disclosure key={project.id} defaultOpen={projectId === project.id}>
+      {({ open }) => (
+        <>
+          <div
+            className={`group relative text-custom-sidebar-text-10 px-2 py-1 w-full flex items-center hover:bg-custom-sidebar-background-80 rounded-md ${
+              snapshot?.isDragging ? "opacity-60" : ""
+            }`}
+          >
+            {provided && (
               <Tooltip
-                tooltipContent={`${project.name}`}
-                position="right"
-                className="ml-2"
-                disabled={!sidebarCollapse}
+                tooltipContent={
+                  project.sort_order === null
+                    ? "Join the project to rearrange"
+                    : "Drag to rearrange"
+                }
+                position="top-right"
               >
-                <Disclosure.Button
-                  as="div"
-                  className={`flex items-center flex-grow truncate cursor-pointer select-none text-left text-sm font-medium ${
-                    sidebarCollapse ? "justify-center" : `justify-between`
+                <button
+                  type="button"
+                  className={`absolute top-1/2 -translate-y-1/2 -left-4 hidden rounded p-0.5 text-custom-sidebar-text-400 ${
+                    sidebarCollapse ? "" : "group-hover:!flex"
+                  } ${project.sort_order === null ? "opacity-60 cursor-not-allowed" : ""}`}
+                  {...provided?.dragHandleProps}
+                >
+                  <EllipsisVerticalIcon className="h-4" />
+                  <EllipsisVerticalIcon className="-ml-5 h-4" />
+                </button>
+              </Tooltip>
+            )}
+            <Tooltip
+              tooltipContent={`${project.name}`}
+              position="right"
+              className="ml-2"
+              disabled={!sidebarCollapse}
+            >
+              <Disclosure.Button
+                as="div"
+                className={`flex items-center flex-grow truncate cursor-pointer select-none text-left text-sm font-medium ${
+                  sidebarCollapse ? "justify-center" : `justify-between`
+                }`}
+              >
+                <div
+                  className={`flex items-center flex-grow w-full truncate gap-x-2 ${
+                    sidebarCollapse ? "justify-center" : ""
                   }`}
                 >
-                  <div
-                    className={`flex items-center flex-grow w-full truncate gap-x-2 ${
-                      sidebarCollapse ? "justify-center" : ""
-                    }`}
-                  >
-                    {project.emoji ? (
-                      <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
-                        {renderEmoji(project.emoji)}
-                      </span>
-                    ) : project.icon_prop ? (
-                      <div className="h-7 w-7 flex-shrink-0 grid place-items-center">
-                        {renderEmoji(project.icon_prop)}
-                      </div>
-                    ) : (
-                      <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
-                        {project?.name.charAt(0)}
-                      </span>
-                    )}
+                  {project.emoji ? (
+                    <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded uppercase">
+                      {renderEmoji(project.emoji)}
+                    </span>
+                  ) : project.icon_prop ? (
+                    <div className="h-7 w-7 flex-shrink-0 grid place-items-center">
+                      {renderEmoji(project.icon_prop)}
+                    </div>
+                  ) : (
+                    <span className="grid h-7 w-7 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
+                      {project?.name.charAt(0)}
+                    </span>
+                  )}
 
-                    {!sidebarCollapse && (
-                      <p className={`truncate ${open ? "" : "text-custom-sidebar-text-200"}`}>
-                        {project.name}
-                      </p>
-                    )}
-                  </div>
                   {!sidebarCollapse && (
-                    <ExpandMoreOutlined
-                      fontSize="small"
-                      className={`flex-shrink-0 ${
-                        open ? "rotate-180" : ""
-                      } !hidden group-hover:!block text-custom-sidebar-text-400 duration-300`}
-                    />
+                    <p className={`truncate ${open ? "" : "text-custom-sidebar-text-200"}`}>
+                      {project.name}
+                    </p>
                   )}
-                </Disclosure.Button>
-              </Tooltip>
+                </div>
+                {!sidebarCollapse && (
+                  <ExpandMoreOutlined
+                    fontSize="small"
+                    className={`flex-shrink-0 ${
+                      open ? "rotate-180" : ""
+                    } !hidden group-hover:!block text-custom-sidebar-text-400 duration-300`}
+                  />
+                )}
+              </Disclosure.Button>
+            </Tooltip>
 
-              {!sidebarCollapse && (
-                <CustomMenu
-                  className="hidden group-hover:block flex-shrink-0"
-                  buttonClassName="!text-custom-sidebar-text-400 hover:text-custom-sidebar-text-400"
-                  ellipsis
-                >
-                  {!shortContextMenu && isAdmin && (
-                    <CustomMenu.MenuItem onClick={handleDeleteProject}>
-                      <span className="flex items-center justify-start gap-2 ">
-                        <TrashIcon className="h-4 w-4" />
-                        <span>Delete project</span>
-                      </span>
-                    </CustomMenu.MenuItem>
-                  )}
-                  {!project.is_favorite && (
-                    <CustomMenu.MenuItem onClick={handleAddToFavorites}>
-                      <span className="flex items-center justify-start gap-2">
-                        <StarIcon className="h-4 w-4" />
-                        <span>Add to favorites</span>
-                      </span>
-                    </CustomMenu.MenuItem>
-                  )}
-                  {project.is_favorite && (
-                    <CustomMenu.MenuItem onClick={handleRemoveFromFavorites}>
-                      <span className="flex items-center justify-start gap-2">
-                        <StarIcon className="h-4 w-4 text-orange-400" fill="#f6ad55" />
-                        <span>Remove from favorites</span>
-                      </span>
-                    </CustomMenu.MenuItem>
-                  )}
-                  <CustomMenu.MenuItem onClick={handleCopyText}>
-                    <span className="flex items-center justify-start gap-2">
-                      <LinkIcon className="h-4 w-4" />
-                      <span>Copy project link</span>
+            {!sidebarCollapse && (
+              <CustomMenu
+                className="hidden group-hover:block flex-shrink-0"
+                buttonClassName="!text-custom-sidebar-text-400 hover:text-custom-sidebar-text-400"
+                ellipsis
+              >
+                {!shortContextMenu && isAdmin && (
+                  <CustomMenu.MenuItem onClick={handleDeleteProject}>
+                    <span className="flex items-center justify-start gap-2 ">
+                      <TrashIcon className="h-4 w-4" />
+                      <span>Delete project</span>
                     </span>
                   </CustomMenu.MenuItem>
+                )}
+                {!project.is_favorite && (
+                  <CustomMenu.MenuItem onClick={handleAddToFavorites}>
+                    <span className="flex items-center justify-start gap-2">
+                      <StarIcon className="h-4 w-4" />
+                      <span>Add to favorites</span>
+                    </span>
+                  </CustomMenu.MenuItem>
+                )}
+                {project.is_favorite && (
+                  <CustomMenu.MenuItem onClick={handleRemoveFromFavorites}>
+                    <span className="flex items-center justify-start gap-2">
+                      <StarIcon className="h-4 w-4 text-orange-400" fill="#f6ad55" />
+                      <span>Remove from favorites</span>
+                    </span>
+                  </CustomMenu.MenuItem>
+                )}
+                <CustomMenu.MenuItem onClick={handleCopyText}>
+                  <span className="flex items-center justify-start gap-2">
+                    <LinkIcon className="h-4 w-4" />
+                    <span>Copy project link</span>
+                  </span>
+                </CustomMenu.MenuItem>
 
-                  {/* publish project settings */}
-                  {isAdmin && (
-                    <CustomMenu.MenuItem
-                      onClick={() => projectPublish.handleProjectModal(project?.id)}
-                    >
-                      <div className="flex-shrink-0 relative flex items-center justify-start gap-2">
-                        <div className="rounded transition-all w-4 h-4 flex justify-center items-center text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 duration-300 cursor-pointer">
-                          <Icon iconName="ios_share" className="!text-base" />
-                        </div>
-                        <div>{project.is_deployed ? "Publish settings" : "Publish"}</div>
+                {/* publish project settings */}
+                {isAdmin && (
+                  <CustomMenu.MenuItem
+                    onClick={() => projectPublish.handleProjectModal(project?.id)}
+                  >
+                    <div className="flex-shrink-0 relative flex items-center justify-start gap-2">
+                      <div className="rounded transition-all w-4 h-4 flex justify-center items-center text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 duration-300 cursor-pointer">
+                        <Icon iconName="ios_share" className="!text-base" />
                       </div>
-                    </CustomMenu.MenuItem>
-                  )}
+                      <div>{project.is_deployed ? "Publish settings" : "Publish"}</div>
+                    </div>
+                  </CustomMenu.MenuItem>
+                )}
 
-                  {project.archive_in > 0 && (
-                    <CustomMenu.MenuItem
-                      onClick={() =>
-                        router.push(`/${workspaceSlug}/projects/${project?.id}/archived-issues/`)
-                      }
-                    >
-                      <div className="flex items-center justify-start gap-2">
-                        <ArchiveOutlined fontSize="small" />
-                        <span>Archived Issues</span>
-                      </div>
-                    </CustomMenu.MenuItem>
-                  )}
+                {project.archive_in > 0 && (
                   <CustomMenu.MenuItem
                     onClick={() =>
-                      router.push(`/${workspaceSlug}/projects/${project?.id}/settings`)
+                      router.push(`/${workspaceSlug}/projects/${project?.id}/archived-issues/`)
                     }
                   >
                     <div className="flex items-center justify-start gap-2">
-                      <Icon iconName="settings" className="!text-base !leading-4" />
-                      <span>Settings</span>
+                      <ArchiveOutlined fontSize="small" />
+                      <span>Archived Issues</span>
                     </div>
                   </CustomMenu.MenuItem>
-                </CustomMenu>
-              )}
-            </div>
+                )}
+                <CustomMenu.MenuItem
+                  onClick={() => router.push(`/${workspaceSlug}/projects/${project?.id}/settings`)}
+                >
+                  <div className="flex items-center justify-start gap-2">
+                    <Icon iconName="settings" className="!text-base !leading-4" />
+                    <span>Settings</span>
+                  </div>
+                </CustomMenu.MenuItem>
 
-            <Transition
-              enter="transition duration-100 ease-out"
-              enterFrom="transform scale-95 opacity-0"
-              enterTo="transform scale-100 opacity-100"
-              leave="transition duration-75 ease-out"
-              leaveFrom="transform scale-100 opacity-100"
-              leaveTo="transform scale-95 opacity-0"
-            >
-              <Disclosure.Panel
-                className={`space-y-2 mt-1 ${sidebarCollapse ? "" : "ml-[2.25rem]"}`}
-              >
-                {navigation(workspaceSlug as string, project?.id).map((item) => {
-                  if (
-                    (item.name === "Cycles" && !project.cycle_view) ||
-                    (item.name === "Modules" && !project.module_view) ||
-                    (item.name === "Views" && !project.issue_views_view) ||
-                    (item.name === "Pages" && !project.page_view)
-                  )
-                    return;
+                {/* leave project */}
+                {isViewerOrGuest && (
+                  <CustomMenu.MenuItem
+                    onClick={() =>
+                      projectStore.handleProjectLeaveModal({
+                        id: project?.id,
+                        name: project?.name,
+                        workspaceSlug: workspaceSlug as string,
+                      })
+                    }
+                  >
+                    <div className="flex items-center justify-start gap-2">
+                      <Icon iconName="logout" className="!text-base !leading-4" />
+                      <span>Leave Project</span>
+                    </div>
+                  </CustomMenu.MenuItem>
+                )}
+              </CustomMenu>
+            )}
+          </div>
 
-                  return (
-                    <Link key={item.name} href={item.href}>
-                      <a className="block w-full">
-                        <Tooltip
-                          tooltipContent={`${project?.name}: ${item.name}`}
-                          position="right"
-                          className="ml-2"
-                          disabled={!sidebarCollapse}
+          <Transition
+            enter="transition duration-100 ease-out"
+            enterFrom="transform scale-95 opacity-0"
+            enterTo="transform scale-100 opacity-100"
+            leave="transition duration-75 ease-out"
+            leaveFrom="transform scale-100 opacity-100"
+            leaveTo="transform scale-95 opacity-0"
+          >
+            <Disclosure.Panel className={`space-y-2 mt-1 ${sidebarCollapse ? "" : "ml-[2.25rem]"}`}>
+              {navigation(workspaceSlug as string, project?.id).map((item) => {
+                if (
+                  (item.name === "Cycles" && !project.cycle_view) ||
+                  (item.name === "Modules" && !project.module_view) ||
+                  (item.name === "Views" && !project.issue_views_view) ||
+                  (item.name === "Pages" && !project.page_view)
+                )
+                  return;
+
+                return (
+                  <Link key={item.name} href={item.href}>
+                    <a className="block w-full">
+                      <Tooltip
+                        tooltipContent={`${project?.name}: ${item.name}`}
+                        position="right"
+                        className="ml-2"
+                        disabled={!sidebarCollapse}
+                      >
+                        <div
+                          className={`group flex items-center rounded-md px-2 py-1.5 gap-2.5 text-xs font-medium outline-none ${
+                            router.asPath.includes(item.href)
+                              ? "bg-custom-primary-100/10 text-custom-primary-100"
+                              : "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 focus:bg-custom-sidebar-background-80"
+                          } ${sidebarCollapse ? "justify-center" : ""}`}
                         >
-                          <div
-                            className={`group flex items-center rounded-md px-2 py-1.5 gap-2.5 text-xs font-medium outline-none ${
-                              router.asPath.includes(item.href)
-                                ? "bg-custom-primary-100/10 text-custom-primary-100"
-                                : "text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-80 focus:bg-custom-sidebar-background-80"
-                            } ${sidebarCollapse ? "justify-center" : ""}`}
-                          >
-                            <item.Icon
-                              sx={{
-                                fontSize: 18,
-                              }}
-                            />
-                            {!sidebarCollapse && item.name}
-                          </div>
-                        </Tooltip>
-                      </a>
-                    </Link>
-                  );
-                })}
-              </Disclosure.Panel>
-            </Transition>
-          </>
-        )}
-      </Disclosure>
-    );
-  }
-);
+                          <item.Icon
+                            sx={{
+                              fontSize: 18,
+                            }}
+                          />
+                          {!sidebarCollapse && item.name}
+                        </div>
+                      </Tooltip>
+                    </a>
+                  </Link>
+                );
+              })}
+            </Disclosure.Panel>
+          </Transition>
+        </>
+      )}
+    </Disclosure>
+  );
+});
diff --git a/web/layouts/app-layout/app-sidebar.tsx b/web/layouts/app-layout/app-sidebar.tsx
index 9290c00c6..03ac72387 100644
--- a/web/layouts/app-layout/app-sidebar.tsx
+++ b/web/layouts/app-layout/app-sidebar.tsx
@@ -9,6 +9,7 @@ import {
 } from "components/workspace";
 import { ProjectSidebarList } from "components/project";
 import { PublishProjectModal } from "components/project/publish-project/modal";
+import { ConfirmProjectLeaveModal } from "components/project/confirm-project-leave-modal";
 // mobx react lite
 import { observer } from "mobx-react-lite";
 // mobx store
@@ -38,7 +39,10 @@ const Sidebar: React.FC<SidebarProps> = observer(({ toggleSidebar, setToggleSide
         <ProjectSidebarList />
         <WorkspaceHelpSection setSidebarActive={setToggleSidebar} />
       </div>
+      {/* publish project modal */}
       <PublishProjectModal />
+      {/* project leave modal */}
+      <ConfirmProjectLeaveModal />
     </div>
   );
 });
diff --git a/web/services/project.service.ts b/web/services/project.service.ts
index 961333bee..0c2712c56 100644
--- a/web/services/project.service.ts
+++ b/web/services/project.service.ts
@@ -21,7 +21,7 @@ const { NEXT_PUBLIC_API_BASE_URL } = process.env;
 const trackEvent =
   process.env.NEXT_PUBLIC_TRACK_EVENTS === "true" || process.env.NEXT_PUBLIC_TRACK_EVENTS === "1";
 
-class ProjectServices extends APIService {
+export class ProjectServices extends APIService {
   constructor() {
     super(NEXT_PUBLIC_API_BASE_URL || "http://localhost:8000");
   }
@@ -142,6 +142,30 @@ class ProjectServices extends APIService {
       });
   }
 
+  async leaveProject(
+    workspaceSlug: string,
+    projectId: string,
+    user: ICurrentUserResponse
+  ): Promise<any> {
+    return this.delete(`/api/workspaces/${workspaceSlug}/projects/${projectId}/members/leave/`)
+      .then((response) => {
+        if (trackEvent)
+          trackEventServices.trackProjectEvent(
+            "PROJECT_MEMBER_LEAVE",
+            {
+              workspaceSlug,
+              projectId,
+              ...response?.data,
+            },
+            user
+          );
+        return response?.data;
+      })
+      .catch((error) => {
+        throw error?.response?.data;
+      });
+  }
+
   async joinProjects(data: any): Promise<any> {
     return this.post("/api/users/me/invitations/projects/", data)
       .then((response) => response?.data)
diff --git a/web/services/track-event.service.ts b/web/services/track-event.service.ts
index f55a6f366..c59242f50 100644
--- a/web/services/track-event.service.ts
+++ b/web/services/track-event.service.ts
@@ -35,7 +35,8 @@ type ProjectEventType =
   | "CREATE_PROJECT"
   | "UPDATE_PROJECT"
   | "DELETE_PROJECT"
-  | "PROJECT_MEMBER_INVITE";
+  | "PROJECT_MEMBER_INVITE"
+  | "PROJECT_MEMBER_LEAVE";
 
 type IssueEventType = "ISSUE_CREATE" | "ISSUE_UPDATE" | "ISSUE_DELETE";
 
@@ -163,7 +164,11 @@ class TrackEventServices extends APIService {
     user: ICurrentUserResponse | undefined
   ): Promise<any> {
     let payload: any;
-    if (eventName !== "DELETE_PROJECT" && eventName !== "PROJECT_MEMBER_INVITE")
+    if (
+      eventName !== "DELETE_PROJECT" &&
+      eventName !== "PROJECT_MEMBER_INVITE" &&
+      eventName !== "PROJECT_MEMBER_LEAVE"
+    )
       payload = {
         workspaceId: data?.workspace_detail?.id,
         workspaceName: data?.workspace_detail?.name,
diff --git a/web/store/project.ts b/web/store/project.ts
new file mode 100644
index 000000000..0fe842dad
--- /dev/null
+++ b/web/store/project.ts
@@ -0,0 +1,86 @@
+import { observable, action, computed, makeObservable, runInAction } from "mobx";
+// types
+import { RootStore } from "./root";
+// services
+import { ProjectServices } from "services/project.service";
+
+export interface IProject {
+  id: string;
+  name: string;
+  workspaceSlug: string;
+}
+
+export interface IProjectStore {
+  loader: boolean;
+  error: any | null;
+
+  projectLeaveModal: boolean;
+  projectLeaveDetails: IProject | any;
+
+  handleProjectLeaveModal: (project: IProject | null) => void;
+
+  leaveProject: (workspace_slug: string, project_slug: string, user: any) => Promise<void>;
+}
+
+class ProjectStore implements IProjectStore {
+  loader: boolean = false;
+  error: any | null = null;
+
+  projectLeaveModal: boolean = false;
+  projectLeaveDetails: IProject | null = null;
+
+  // root store
+  rootStore;
+  // service
+  projectService;
+
+  constructor(_rootStore: RootStore) {
+    makeObservable(this, {
+      // observable
+      loader: observable,
+      error: observable,
+
+      projectLeaveModal: observable,
+      projectLeaveDetails: observable.ref,
+      // action
+      handleProjectLeaveModal: action,
+      leaveProject: action,
+      // computed
+    });
+
+    this.rootStore = _rootStore;
+    this.projectService = new ProjectServices();
+  }
+
+  handleProjectLeaveModal = (project: IProject | null = null) => {
+    if (project && project?.id) {
+      this.projectLeaveModal = !this.projectLeaveModal;
+      this.projectLeaveDetails = project;
+    } else {
+      this.projectLeaveModal = !this.projectLeaveModal;
+      this.projectLeaveDetails = null;
+    }
+  };
+
+  leaveProject = async (workspace_slug: string, project_slug: string, user: any) => {
+    try {
+      this.loader = true;
+      this.error = null;
+
+      const response = await this.projectService.leaveProject(workspace_slug, project_slug, user);
+
+      runInAction(() => {
+        this.loader = false;
+        this.error = null;
+      });
+
+      return response;
+    } catch (error) {
+      this.loader = false;
+      this.error = error;
+      return error;
+    }
+  };
+}
+
+export default ProjectStore;
diff --git a/web/store/root.ts b/web/store/root.ts
index 40dd62fe6..ce0bdfad5 100644
--- a/web/store/root.ts
+++ b/web/store/root.ts
@@ -3,20 +3,23 @@ import { enableStaticRendering } from "mobx-react-lite";
 // store imports
 import UserStore from "./user";
 import ThemeStore from "./theme";
-import IssuesStore from "./issues";
+import ProjectStore, { IProjectStore } from "./project";
 import ProjectPublishStore, { IProjectPublishStore } from "./project-publish";
+import IssuesStore from "./issues";
 
 enableStaticRendering(typeof window === "undefined");
 
 export class RootStore {
   user;
   theme;
+  project: IProjectStore;
   projectPublish: IProjectPublishStore;
   issues: IssuesStore;
 
   constructor() {
     this.user = new UserStore(this);
     this.theme = new ThemeStore(this);
+    this.project = new ProjectStore(this);
     this.projectPublish = new ProjectPublishStore(this);
     this.issues = new IssuesStore(this);
   }

From 59b69d30727ea6be40b4c4ba64fd110cc67bcf62 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 15:59:51 +0530
Subject: [PATCH 34/81] chore: add the env example files (#2078)

---
 space/.env.example |  9 ++++++++-
 web/.env.example   | 26 ++++++++++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 web/.env.example

diff --git a/space/.env.example b/space/.env.example
index 4fb0e4df6..2d3165893 100644
--- a/space/.env.example
+++ b/space/.env.example
@@ -1 +1,8 @@
-NEXT_PUBLIC_API_BASE_URL=''
\ No newline at end of file
+# Base url for the API requests
+NEXT_PUBLIC_API_BASE_URL=""
+# Public boards deploy URL
+NEXT_PUBLIC_DEPLOY_URL="https://plane-space-dev.vercel.app"
+# Google Client ID for Google OAuth
+NEXT_PUBLIC_GOOGLE_CLIENTID=232920797020-235n93bn7hh7628vdd69hq873129ng4o.apps.googleusercontent.com
+# Flag to toggle OAuth
+NEXT_PUBLIC_ENABLE_OAUTH=1
\ No newline at end of file
diff --git a/web/.env.example b/web/.env.example
new file mode 100644
index 000000000..50a6209b2
--- /dev/null
+++ b/web/.env.example
@@ -0,0 +1,26 @@
+# Base url for the API requests
+NEXT_PUBLIC_API_BASE_URL=""
+# Extra image domains that need to be added for Next Image
+NEXT_PUBLIC_EXTRA_IMAGE_DOMAINS=
+# Google Client ID for Google OAuth
+NEXT_PUBLIC_GOOGLE_CLIENTID=""
+# GitHub App ID for GitHub OAuth
+NEXT_PUBLIC_GITHUB_ID=""
+# GitHub App Name for GitHub Integration
+NEXT_PUBLIC_GITHUB_APP_NAME=""
+# Sentry DSN for error monitoring
+NEXT_PUBLIC_SENTRY_DSN=""
+# Enable/Disable OAUTH - default 0 for selfhosted instance
+NEXT_PUBLIC_ENABLE_OAUTH=0
+# Enable/Disable Sentry
+NEXT_PUBLIC_ENABLE_SENTRY=0
+# Enable/Disable session recording
+NEXT_PUBLIC_ENABLE_SESSION_RECORDER=0
+# Enable/Disable event tracking
+NEXT_PUBLIC_TRACK_EVENTS=0
+# Slack Client ID for Slack Integration
+NEXT_PUBLIC_SLACK_CLIENT_ID=""
+# For Telemetry, set it to "app.plane.so"
+NEXT_PUBLIC_PLAUSIBLE_DOMAIN=""
+# Public boards deploy URL
+NEXT_PUBLIC_DEPLOY_URL=""
\ No newline at end of file

From f554ad95e95bfa5469e1d2813444147f627901f8 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:34:53 +0530
Subject: [PATCH 35/81] fix: favicon path on Plane space (#2077)

* fix: favicon path

* chore: add webmanifest file

* favicon fixes with nginx

---------

Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
---
 space/pages/_app.tsx               | 12 +++++++-----
 space/public/site.webmanifest.json | 13 +++++++++++++
 2 files changed, 20 insertions(+), 5 deletions(-)
 create mode 100644 space/public/site.webmanifest.json

diff --git a/space/pages/_app.tsx b/space/pages/_app.tsx
index 2995edbbf..33c137d41 100644
--- a/space/pages/_app.tsx
+++ b/space/pages/_app.tsx
@@ -12,6 +12,8 @@ import MobxStoreInit from "lib/mobx/store-init";
 // constants
 import { SITE_NAME, SITE_DESCRIPTION, SITE_URL, TWITTER_USER_NAME, SITE_KEYWORDS, SITE_TITLE } from "constants/seo";
 
+const prefix = parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0") === 0 ? "/" : "/spaces/";
+
 function MyApp({ Component, pageProps }: AppProps) {
   return (
     <MobxStoreProvider>
@@ -25,11 +27,11 @@ function MyApp({ Component, pageProps }: AppProps) {
         <meta property="og:description" content={SITE_DESCRIPTION} />
         <meta name="keywords" content={SITE_KEYWORDS} />
         <meta name="twitter:site" content={`@${TWITTER_USER_NAME}`} />
-        <link rel="apple-touch-icon" sizes="180x180" href="/spaces/favicon/apple-touch-icon.png" />
-        <link rel="icon" type="image/png" sizes="32x32" href="/spaces/favicon/favicon-32x32.png" />
-        <link rel="icon" type="image/png" sizes="16x16" href="/spaces/favicon/favicon-16x16.png" />
-        <link rel="manifest" href="/spaces/site.webmanifest.json" />
-        <link rel="shortcut icon" href="/spaces/favicon/favicon.ico" />
+        <link rel="apple-touch-icon" sizes="180x180" href={`${prefix}favicon/apple-touch-icon.png`} />
+        <link rel="icon" type="image/png" sizes="32x32" href={`${prefix}favicon/favicon-32x32.png`} />
+        <link rel="icon" type="image/png" sizes="16x16" href={`${prefix}favicon/favicon-16x16.png`} />
+        <link rel="manifest" href={`${prefix}site.webmanifest.json`} />
+        <link rel="shortcut icon" href={`${prefix}favicon/favicon.ico`} />
       </Head>
       <ToastContextProvider>
         <ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
diff --git a/space/public/site.webmanifest.json b/space/public/site.webmanifest.json
new file mode 100644
index 000000000..4c32ec6e3
--- /dev/null
+++ b/space/public/site.webmanifest.json
@@ -0,0 +1,13 @@
+{
+  "name": "Plane Space",
+  "short_name": "Plane Space",
+  "description": "Plane helps you plan your issues, cycles, and product modules.",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#f9fafb",
+  "theme_color": "#3f76ff",
+  "icons": [
+    { "src": "/favicon/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
+  ]
+}

From 5e02ad8104d015cd594f50c59c9c6e6ab2c5579c Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:35:28 +0530
Subject: [PATCH 36/81] fix: project invite modal members filter function
 (#2080)

---
 web/components/project/send-project-invitation-modal.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/components/project/send-project-invitation-modal.tsx b/web/components/project/send-project-invitation-modal.tsx
index 035a680f2..b8f383f05 100644
--- a/web/components/project/send-project-invitation-modal.tsx
+++ b/web/components/project/send-project-invitation-modal.tsx
@@ -85,7 +85,8 @@ const SendProjectInvitationModal: React.FC<Props> = (props) => {
   });
 
   const uninvitedPeople = people?.filter((person) => {
-    const isInvited = members?.find((member) => member.display_name === person.member.display_name);
+    const isInvited = members?.find((member) => member.memberId === person.member.id);
+
     return !isInvited;
   });
 
@@ -143,7 +144,7 @@ const SendProjectInvitationModal: React.FC<Props> = (props) => {
     content: (
       <div className="flex items-center gap-2">
         <Avatar user={person.member} />
-        {person.member.display_name}
+        {person.member.display_name} ({person.member.first_name + " " + person.member.last_name})
       </div>
     ),
   }));

From 2c9c8d5a89632d946ab719bac8d9221cc7ce085b Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:55:43 +0530
Subject: [PATCH 37/81] feat: landing page after logging in (#2081)

---
 space/components/accounts/index.ts           |   2 +
 space/components/accounts/sign-in.tsx        | 156 +++++++++++++++++++
 space/components/accounts/user-logged-in.tsx |  51 ++++++
 space/components/views/home.tsx              |  13 ++
 space/components/views/index.ts              |   1 +
 space/components/views/project-details.tsx   |   2 +-
 space/pages/index.tsx                        | 156 +------------------
 space/public/user-logged-in.svg              |   3 +
 8 files changed, 231 insertions(+), 153 deletions(-)
 create mode 100644 space/components/accounts/sign-in.tsx
 create mode 100644 space/components/accounts/user-logged-in.tsx
 create mode 100644 space/components/views/home.tsx
 create mode 100644 space/components/views/index.ts
 create mode 100644 space/public/user-logged-in.svg

diff --git a/space/components/accounts/index.ts b/space/components/accounts/index.ts
index 093e8538c..03a173766 100644
--- a/space/components/accounts/index.ts
+++ b/space/components/accounts/index.ts
@@ -4,3 +4,5 @@ export * from "./email-reset-password-form";
 export * from "./github-login-button";
 export * from "./google-login";
 export * from "./onboarding-form";
+export * from "./sign-in";
+export * from "./user-logged-in";
diff --git a/space/components/accounts/sign-in.tsx b/space/components/accounts/sign-in.tsx
new file mode 100644
index 000000000..50d9c7da0
--- /dev/null
+++ b/space/components/accounts/sign-in.tsx
@@ -0,0 +1,156 @@
+import React from "react";
+
+import Image from "next/image";
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// services
+import authenticationService from "services/authentication.service";
+// hooks
+import useToast from "hooks/use-toast";
+// components
+import { EmailPasswordForm, GithubLoginButton, GoogleLoginButton, EmailCodeForm } from "components/accounts";
+// images
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
+
+export const SignInView = observer(() => {
+  const { user: userStore } = useMobxStore();
+
+  const router = useRouter();
+  const { next_path } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const onSignInError = (error: any) => {
+    setToastAlert({
+      title: "Error signing in!",
+      type: "error",
+      message: error?.error || "Something went wrong. Please try again later or contact the support team.",
+    });
+  };
+
+  const onSignInSuccess = (response: any) => {
+    const isOnboarded = response?.user?.onboarding_step?.profile_complete || false;
+
+    userStore.setCurrentUser(response?.user);
+
+    if (!isOnboarded) {
+      router.push(`/onboarding?next_path=${next_path}`);
+      return;
+    }
+    router.push((next_path ?? "/").toString());
+  };
+
+  const handleGoogleSignIn = async ({ clientId, credential }: any) => {
+    try {
+      if (clientId && credential) {
+        const socialAuthPayload = {
+          medium: "google",
+          credential,
+          clientId,
+        };
+        const response = await authenticationService.socialAuth(socialAuthPayload);
+
+        onSignInSuccess(response);
+      } else {
+        throw Error("Cant find credentials");
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  const handleGitHubSignIn = async (credential: string) => {
+    try {
+      if (process.env.NEXT_PUBLIC_GITHUB_ID && credential) {
+        const socialAuthPayload = {
+          medium: "github",
+          credential,
+          clientId: process.env.NEXT_PUBLIC_GITHUB_ID,
+        };
+        const response = await authenticationService.socialAuth(socialAuthPayload);
+        onSignInSuccess(response);
+      } else {
+        throw Error("Cant find credentials");
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  const handlePasswordSignIn = async (formData: any) => {
+    await authenticationService
+      .emailLogin(formData)
+      .then((response) => {
+        try {
+          if (response) {
+            onSignInSuccess(response);
+          }
+        } catch (err: any) {
+          onSignInError(err);
+        }
+      })
+      .catch((err) => onSignInError(err));
+  };
+
+  const handleEmailCodeSignIn = async (response: any) => {
+    try {
+      if (response) {
+        onSignInSuccess(response);
+      }
+    } catch (err: any) {
+      onSignInError(err);
+    }
+  };
+
+  return (
+    <div className="h-screen w-full overflow-hidden">
+      <div className="hidden sm:block sm:fixed border-r-[0.5px] border-custom-border-200 h-screen w-[0.5px] top-0 left-20 lg:left-32" />
+      <div className="fixed grid place-items-center bg-custom-background-100 sm:py-5 top-11 sm:top-12 left-7 sm:left-16 lg:left-28">
+        <div className="grid place-items-center bg-custom-background-100">
+          <div className="h-[30px] w-[30px]">
+            <Image src={BluePlaneLogoWithoutText} alt="Plane Logo" />
+          </div>
+        </div>
+      </div>
+      <div className="grid place-items-center h-full overflow-y-auto py-5 px-7">
+        <div>
+          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
+            <>
+              <h1 className="text-center text-2xl sm:text-2.5xl font-semibold text-custom-text-100">
+                Sign in to Plane
+              </h1>
+              <div className="flex flex-col divide-y divide-custom-border-200">
+                <div className="pb-7">
+                  <EmailCodeForm handleSignIn={handleEmailCodeSignIn} />
+                </div>
+                <div className="flex flex-col items-center justify-center gap-4 pt-7 sm:w-[360px] mx-auto overflow-hidden">
+                  <GoogleLoginButton handleSignIn={handleGoogleSignIn} />
+                  {/* <GithubLoginButton handleSignIn={handleGitHubSignIn} /> */}
+                </div>
+              </div>
+            </>
+          ) : (
+            <EmailPasswordForm onSubmit={handlePasswordSignIn} />
+          )}
+
+          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
+            <p className="pt-16 text-custom-text-200 text-sm text-center">
+              By signing up, you agree to the{" "}
+              <a
+                href="https://plane.so/terms-and-conditions"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="font-medium underline"
+              >
+                Terms & Conditions
+              </a>
+            </p>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+});
diff --git a/space/components/accounts/user-logged-in.tsx b/space/components/accounts/user-logged-in.tsx
new file mode 100644
index 000000000..3f177bcc8
--- /dev/null
+++ b/space/components/accounts/user-logged-in.tsx
@@ -0,0 +1,51 @@
+import Image from "next/image";
+
+// mobx
+import { useMobxStore } from "lib/mobx/store-provider";
+// assets
+import UserLoggedInImage from "public/user-logged-in.svg";
+import PlaneLogo from "public/plane-logos/black-horizontal-with-blue-logo.svg";
+
+export const UserLoggedIn = () => {
+  const { user: userStore } = useMobxStore();
+  const user = userStore.currentUser;
+
+  if (!user) return null;
+
+  return (
+    <div className="h-screen w-screen flex flex-col">
+      <div className="px-6 py-5 relative w-full flex items-center justify-between gap-4 border-b border-custom-border-200">
+        <div>
+          <Image src={PlaneLogo} alt="User already logged in" />
+        </div>
+        <div className="border border-custom-border-200 rounded flex items-center gap-2 p-2">
+          {user.avatar && user.avatar !== "" ? (
+            <div className="h-5 w-5 rounded-full">
+              {/* eslint-disable-next-line @next/next/no-img-element */}
+              <img src={user.avatar} alt={user.display_name ?? ""} className="rounded-full" />
+            </div>
+          ) : (
+            <div className="bg-custom-background-80 h-5 w-5 rounded-full grid place-items-center text-[10px] capitalize">
+              {(user.display_name ?? "U")[0]}
+            </div>
+          )}
+          <h6 className="text-xs font-medium">{user.display_name}</h6>
+        </div>
+      </div>
+
+      <div className="h-full w-full grid place-items-center p-6">
+        <div className="text-center">
+          <div className="h-52 w-52 bg-custom-background-80 rounded-full grid place-items-center mx-auto">
+            <div className="h-32 w-32">
+              <Image src={UserLoggedInImage} alt="User already logged in" />
+            </div>
+          </div>
+          <h1 className="text-3xl font-semibold mt-12">Logged in Successfully!</h1>
+          <p className="mt-4">
+            You{"'"}ve successfully logged in. Please enter the appropriate project URL to view the issue board.
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/space/components/views/home.tsx b/space/components/views/home.tsx
new file mode 100644
index 000000000..999fce073
--- /dev/null
+++ b/space/components/views/home.tsx
@@ -0,0 +1,13 @@
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { SignInView, UserLoggedIn } from "components/accounts";
+
+export const HomeView = observer(() => {
+  const { user: userStore } = useMobxStore();
+
+  if (!userStore.currentUser) return <SignInView />;
+
+  return <UserLoggedIn />;
+});
diff --git a/space/components/views/index.ts b/space/components/views/index.ts
new file mode 100644
index 000000000..84d36cd29
--- /dev/null
+++ b/space/components/views/index.ts
@@ -0,0 +1 @@
+export * from "./home";
diff --git a/space/components/views/project-details.tsx b/space/components/views/project-details.tsx
index c0756335f..9a6cd824c 100644
--- a/space/components/views/project-details.tsx
+++ b/space/components/views/project-details.tsx
@@ -55,7 +55,7 @@ export const ProjectDetailsView = observer(() => {
       ) : (
         <>
           {issueStore?.error ? (
-            <div className="text-sm text-center py-10  bg-custom-background-200 text-custom-text-100">
+            <div className="text-sm text-center py-10 bg-custom-background-200 text-custom-text-100">
               Something went wrong.
             </div>
           ) : (
diff --git a/space/pages/index.tsx b/space/pages/index.tsx
index 87a291441..fe0b7d33a 100644
--- a/space/pages/index.tsx
+++ b/space/pages/index.tsx
@@ -1,156 +1,8 @@
-import React, { useEffect } from "react";
-import Image from "next/image";
-import { useRouter } from "next/router";
-// assets
-import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
-// mobx
-import { observer } from "mobx-react-lite";
-import { useMobxStore } from "lib/mobx/store-provider";
-// services
-import authenticationService from "services/authentication.service";
-// hooks
-import useToast from "hooks/use-toast";
+import React from "react";
+
 // components
-import { EmailPasswordForm, GithubLoginButton, GoogleLoginButton, EmailCodeForm } from "components/accounts";
+import { HomeView } from "components/views";
 
-const HomePage = () => {
-  const { user: userStore } = useMobxStore();
-
-  const router = useRouter();
-  const { next_path } = router.query;
-
-  const { setToastAlert } = useToast();
-
-  const onSignInError = (error: any) => {
-    setToastAlert({
-      title: "Error signing in!",
-      type: "error",
-      message: error?.error || "Something went wrong. Please try again later or contact the support team.",
-    });
-  };
-
-  const onSignInSuccess = (response: any) => {
-    const isOnboarded = response?.user?.onboarding_step?.profile_complete || false;
-
-    userStore.setCurrentUser(response?.user);
-
-    if (!isOnboarded) {
-      router.push(`/onboarding?next_path=${next_path}`);
-      return;
-    }
-    router.push((next_path ?? "/").toString());
-  };
-
-  const handleGoogleSignIn = async ({ clientId, credential }: any) => {
-    try {
-      if (clientId && credential) {
-        const socialAuthPayload = {
-          medium: "google",
-          credential,
-          clientId,
-        };
-        const response = await authenticationService.socialAuth(socialAuthPayload);
-
-        onSignInSuccess(response);
-      } else {
-        throw Error("Cant find credentials");
-      }
-    } catch (err: any) {
-      onSignInError(err);
-    }
-  };
-
-  const handleGitHubSignIn = async (credential: string) => {
-    try {
-      if (process.env.NEXT_PUBLIC_GITHUB_ID && credential) {
-        const socialAuthPayload = {
-          medium: "github",
-          credential,
-          clientId: process.env.NEXT_PUBLIC_GITHUB_ID,
-        };
-        const response = await authenticationService.socialAuth(socialAuthPayload);
-        onSignInSuccess(response);
-      } else {
-        throw Error("Cant find credentials");
-      }
-    } catch (err: any) {
-      onSignInError(err);
-    }
-  };
-
-  const handlePasswordSignIn = async (formData: any) => {
-    await authenticationService
-      .emailLogin(formData)
-      .then((response) => {
-        try {
-          if (response) {
-            onSignInSuccess(response);
-          }
-        } catch (err: any) {
-          onSignInError(err);
-        }
-      })
-      .catch((err) => onSignInError(err));
-  };
-
-  const handleEmailCodeSignIn = async (response: any) => {
-    try {
-      if (response) {
-        onSignInSuccess(response);
-      }
-    } catch (err: any) {
-      onSignInError(err);
-    }
-  };
-
-  return (
-    <div className="h-screen w-full overflow-hidden">
-      <div className="hidden sm:block sm:fixed border-r-[0.5px] border-custom-border-200 h-screen w-[0.5px] top-0 left-20 lg:left-32" />
-      <div className="fixed grid place-items-center bg-custom-background-100 sm:py-5 top-11 sm:top-12 left-7 sm:left-16 lg:left-28">
-        <div className="grid place-items-center bg-custom-background-100">
-          <div className="h-[30px] w-[30px]">
-            <Image src={BluePlaneLogoWithoutText} alt="Plane Logo" />
-          </div>
-        </div>
-      </div>
-      <div className="grid place-items-center h-full overflow-y-auto py-5 px-7">
-        <div>
-          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
-            <>
-              <h1 className="text-center text-2xl sm:text-2.5xl font-semibold text-custom-text-100">
-                Sign in to Plane
-              </h1>
-              <div className="flex flex-col divide-y divide-custom-border-200">
-                <div className="pb-7">
-                  <EmailCodeForm handleSignIn={handleEmailCodeSignIn} />
-                </div>
-                <div className="flex flex-col items-center justify-center gap-4 pt-7 sm:w-[360px] mx-auto overflow-hidden">
-                  <GoogleLoginButton handleSignIn={handleGoogleSignIn} />
-                  {/* <GithubLoginButton handleSignIn={handleGitHubSignIn} /> */}
-                </div>
-              </div>
-            </>
-          ) : (
-            <EmailPasswordForm onSubmit={handlePasswordSignIn} />
-          )}
-
-          {parseInt(process.env.NEXT_PUBLIC_ENABLE_OAUTH || "0") ? (
-            <p className="pt-16 text-custom-text-200 text-sm text-center">
-              By signing up, you agree to the{" "}
-              <a
-                href="https://plane.so/terms-and-conditions"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="font-medium underline"
-              >
-                Terms & Conditions
-              </a>
-            </p>
-          ) : null}
-        </div>
-      </div>
-    </div>
-  );
-};
+const HomePage = () => <HomeView />;
 
 export default HomePage;
diff --git a/space/public/user-logged-in.svg b/space/public/user-logged-in.svg
new file mode 100644
index 000000000..e20b49e82
--- /dev/null
+++ b/space/public/user-logged-in.svg
@@ -0,0 +1,3 @@
+<svg width="125" height="125" viewBox="0 0 125 125" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5747 100.561C16.241 100.561 15.123 100.11 14.2207 99.2074C13.3184 98.3051 12.8672 97.187 12.8672 95.8533V88.9824C12.8672 86.218 13.5633 83.8025 14.9556 81.7359C16.3478 79.6694 18.1957 78.0518 20.4995 76.8832C24.9266 74.6263 29.6007 72.8 34.5217 71.4044C39.4429 70.0089 45.2455 69.3112 51.9296 69.3112C54.5337 69.3112 56.956 69.4164 59.1962 69.6267C61.4364 69.837 63.528 70.1525 65.4711 70.5732L58.5603 77.484C57.6054 77.3104 56.5721 77.2069 55.4603 77.1736C54.3485 77.1401 53.1716 77.1234 51.9296 77.1234C45.7664 77.1234 40.3661 77.8112 35.7286 79.1867C31.0912 80.5622 27.21 82.1181 24.085 83.8542C22.9032 84.4885 22.0401 85.2297 21.4958 86.0777C20.9517 86.9258 20.6796 87.8941 20.6796 88.9824V92.7484H52.23L60.0423 100.561H17.5747ZM80.3283 102.484C79.7051 102.484 79.1231 102.384 78.5822 102.183C78.0413 101.983 77.5241 101.636 77.0306 101.143L66.9135 91.0257C66.1925 90.3046 65.8235 89.3981 65.8068 88.3064C65.7901 87.2147 66.159 86.2916 66.9135 85.5371C67.6681 84.7825 68.5829 84.4052 69.6579 84.4052C70.7329 84.4052 71.6477 84.7825 72.4022 85.5371L80.335 93.4698L103.893 69.9121C104.614 69.1909 105.52 68.822 106.612 68.8053C107.704 68.7886 108.627 69.1575 109.381 69.9121C110.136 70.6666 110.513 71.5814 110.513 72.6564C110.513 73.7314 110.136 74.6461 109.381 75.4007L83.6302 101.152C83.1428 101.639 82.6264 101.983 82.0811 102.183C81.5358 102.384 80.9515 102.484 80.3283 102.484ZM51.9296 60.8974C46.9166 60.8974 42.6252 59.1125 39.0553 55.5427C35.4855 51.9728 33.7007 47.6814 33.7007 42.6685C33.7007 37.6555 35.4855 33.3641 39.0553 29.7943C42.6252 26.2244 46.9166 24.4395 51.9296 24.4395C56.9425 24.4395 61.2339 26.2244 64.8038 29.7943C68.3737 33.3641 70.1586 37.6555 70.1586 42.6685C70.1586 47.6814 68.3737 51.9728 64.8038 55.5427C61.2339 59.1125 56.9425 60.8974 51.9296 60.8974ZM51.9296 53.0852C54.7941 53.0852 57.2464 52.0652 59.2863 50.0253C61.3263 47.9853 62.3462 45.5331 62.3462 42.6685C62.3462 39.8039 61.3263 37.3517 59.2863 35.3117C57.2464 33.2718 54.7941 32.2518 51.9296 32.2518C49.065 32.2518 46.6127 33.2718 44.5728 35.3117C42.5329 37.3517 41.5129 39.8039 41.5129 42.6685C41.5129 45.5331 42.5329 47.9853 44.5728 50.0253C46.6127 52.0652 49.065 53.0852 51.9296 53.0852Z" fill="#9D9D9D"/>
+</svg>

From faf5a274cbb65062b658abfc0870d1086f8ae9f1 Mon Sep 17 00:00:00 2001
From: guru_sainath <gurusainath007@gmail.com>
Date: Mon, 4 Sep 2023 17:24:52 +0530
Subject: [PATCH 38/81] fix: mutation latency in sidebar projects when user
 leaves the project (#2083)

* fix: mutation latency in sidebar projects when user leaves the project

* chore: remove console
---
 .../project/confirm-project-leave-modal.tsx       | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/web/components/project/confirm-project-leave-modal.tsx b/web/components/project/confirm-project-leave-modal.tsx
index 429c231d2..7d6582869 100644
--- a/web/components/project/confirm-project-leave-modal.tsx
+++ b/web/components/project/confirm-project-leave-modal.tsx
@@ -1,8 +1,6 @@
 import React from "react";
 // next imports
 import { useRouter } from "next/router";
-// swr
-import { mutate } from "swr";
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // headless ui
@@ -21,6 +19,7 @@ import { RootStore } from "store/root";
 // hooks
 import useToast from "hooks/use-toast";
 import useUser from "hooks/use-user";
+import useProjects from "hooks/use-projects";
 // types
 import { IProject } from "types";
 
@@ -42,6 +41,7 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
   const { project } = store;
 
   const { user } = useUser();
+  const { mutateProjects } = useProjects();
 
   const { setToastAlert } = useToast();
 
@@ -59,9 +59,6 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
     reset({ ...defaultValues });
   };
 
-  project?.projectLeaveDetails &&
-    console.log("project leave confirmation modal", project?.projectLeaveDetails);
-
   const onSubmit = async (data: any) => {
     if (data) {
       if (data.projectName === project?.projectLeaveDetails?.name) {
@@ -73,13 +70,7 @@ export const ConfirmProjectLeaveModal: React.FC = observer(() => {
               user
             )
             .then((res) => {
-              mutate<IProject[]>(
-                PROJECTS_LIST(project.projectLeaveDetails.workspaceSlug.toString(), {
-                  is_favorite: "all",
-                }),
-                (prevData) => prevData?.filter((project: IProject) => project.id !== data.id),
-                false
-              );
+              mutateProjects();
               handleClose();
               router.push(`/${workspaceSlug}/projects`);
             })

From 03f204a71cd92b182ac22533d2cf751f76462482 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 17:27:29 +0530
Subject: [PATCH 39/81] chore: invalid url content (#2082)

---
 space/components/views/project-details.tsx | 18 ++++++++++++++++--
 space/public/something-went-wrong.svg      |  3 +++
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 space/public/something-went-wrong.svg

diff --git a/space/components/views/project-details.tsx b/space/components/views/project-details.tsx
index 9a6cd824c..1c9c6ddc9 100644
--- a/space/components/views/project-details.tsx
+++ b/space/components/views/project-details.tsx
@@ -1,5 +1,9 @@
 import { useEffect } from "react";
+
+import Image from "next/image";
 import { useRouter } from "next/router";
+
+// mobx
 import { observer } from "mobx-react-lite";
 // components
 import { IssueListView } from "components/issues/board-views/list";
@@ -11,6 +15,8 @@ import { IssuePeekOverview } from "components/issues/peek-overview";
 // mobx store
 import { RootStore } from "store/root";
 import { useMobxStore } from "lib/mobx/store-provider";
+// assets
+import SomethingWentWrongImage from "public/something-went-wrong.svg";
 
 export const ProjectDetailsView = observer(() => {
   const router = useRouter();
@@ -55,8 +61,16 @@ export const ProjectDetailsView = observer(() => {
       ) : (
         <>
           {issueStore?.error ? (
-            <div className="text-sm text-center py-10 bg-custom-background-200 text-custom-text-100">
-              Something went wrong.
+            <div className="h-full w-full grid place-items-center p-6">
+              <div className="text-center">
+                <div className="h-52 w-52 bg-custom-background-80 rounded-full grid place-items-center mx-auto">
+                  <div className="h-32 w-32 grid place-items-center">
+                    <Image src={SomethingWentWrongImage} alt="Oops! Something went wrong" />
+                  </div>
+                </div>
+                <h1 className="text-3xl font-semibold mt-12">Oops! Something went wrong.</h1>
+                <p className="mt-4 text-custom-text-300">The public board does not exist. Please check the URL.</p>
+              </div>
             </div>
           ) : (
             projectStore?.activeBoard && (
diff --git a/space/public/something-went-wrong.svg b/space/public/something-went-wrong.svg
new file mode 100644
index 000000000..bd51f7f49
--- /dev/null
+++ b/space/public/something-went-wrong.svg
@@ -0,0 +1,3 @@
+<svg width="104" height="104" viewBox="0 0 104 104" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M52.4226 95.3614C46.3393 95.3614 40.6853 94.2699 35.4608 92.0871C30.2363 89.9043 25.6917 86.8805 21.827 83.0158C17.9623 79.1511 14.9385 74.6065 12.7557 69.3819C10.5728 64.1574 9.48141 58.5035 9.48141 52.4202C9.48141 47.5535 10.1971 42.9731 11.6285 38.679C13.0598 34.3849 15.0638 30.4486 17.6402 26.8702L5.93876 15.1687C5.29464 14.5246 4.99048 13.7552 5.02626 12.8606C5.06205 11.966 5.402 11.1967 6.04612 10.5525C6.69023 9.90842 7.4596 9.58636 8.3542 9.58636C9.24881 9.58636 10.0182 9.90842 10.6623 10.5525L92.6799 92.6775C93.3241 93.3217 93.6461 94.0731 93.6461 94.9319C93.6461 95.7908 93.3241 96.5422 92.6799 97.1864C92.0358 97.8305 91.2665 98.1525 90.3718 98.1525C89.4772 98.1525 88.7079 97.8305 88.0638 97.1864L77.9726 87.2025C74.3942 89.779 70.4579 91.7829 66.1638 93.2143C61.8696 94.6457 57.2893 95.3614 52.4226 95.3614ZM52.4226 88.9202C56.3589 88.9202 60.0804 88.3655 63.5873 87.2562C67.0942 86.1469 70.3505 84.5903 73.3564 82.5864L54.3549 63.5849L48.3432 69.5967C47.6991 70.2408 46.9476 70.5807 46.0888 70.6165C45.2299 70.6523 44.4785 70.3481 43.8344 69.704L30.7373 56.4996C30.0932 55.8555 29.789 55.0503 29.8248 54.0842C29.8606 53.118 30.2005 52.3128 30.8446 51.6687C31.4888 51.0246 32.2939 50.7025 33.2601 50.7025C34.2263 50.7025 35.0314 51.0246 35.6755 51.6687L46.0888 62.1893L49.5241 58.754L22.2564 31.4864C20.2525 34.4922 18.6959 37.7486 17.5866 41.2555C16.4772 44.7623 15.9226 48.4839 15.9226 52.4202C15.9226 62.7976 19.4116 71.4753 26.3895 78.4533C33.3674 85.4312 42.0451 88.9202 52.4226 88.9202ZM87.2049 77.9702L82.5888 73.354C84.5927 70.3481 86.1493 67.0918 87.2586 63.5849C88.3679 60.078 88.9226 56.3565 88.9226 52.4202C88.9226 42.0427 85.4336 33.365 78.4557 26.3871C71.4777 19.4092 62.8 15.9202 52.4226 15.9202C48.4863 15.9202 44.7647 16.4748 41.2579 17.5842C37.751 18.6935 34.4946 20.2501 31.4888 22.254L26.8726 17.6378C30.451 15.0614 34.3873 13.0574 38.6814 11.6261C42.9755 10.1947 47.5559 9.479 52.4226 9.479C58.4343 9.479 64.0525 10.5883 69.277 12.8069C74.5015 15.0256 79.0461 18.0672 82.9108 21.9319C86.7755 25.7967 89.8172 30.3413 92.0358 35.5658C94.2544 40.7903 95.3638 46.4084 95.3638 52.4202C95.3638 57.2868 94.6481 61.8672 93.2167 66.1614C91.7853 70.4555 89.7814 74.3917 87.2049 77.9702ZM63.6946 54.3525L58.7564 49.5217L69.1696 39.1084C69.8138 38.4643 70.601 38.1422 71.5314 38.1422C72.4618 38.1422 73.2848 38.4643 74.0005 39.1084C74.7162 39.8241 75.0741 40.6471 75.0741 41.5775C75.0741 42.5079 74.7162 43.331 74.0005 44.0466L63.6946 54.3525Z" fill="#B9B9B9"/>
+</svg>

From 729eabdd3f51d420a071ffc2a66ad5f68a5b382c Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Mon, 4 Sep 2023 17:55:40 +0530
Subject: [PATCH 40/81] next config fixes in space app (#2084)

---
 space/next.config.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/space/next.config.js b/space/next.config.js
index 712c1c472..392a4cab9 100644
--- a/space/next.config.js
+++ b/space/next.config.js
@@ -13,6 +13,7 @@ const nextConfig = {
 
 if (parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0")) {
   const nextConfigWithNginx = withImages({ basePath: "/spaces", ...nextConfig });
+  module.exports = nextConfigWithNginx;
 } else {
   module.exports = nextConfig;
 }

From 9423472838c2e9dc6a2fafd24b58f94cc893a3cc Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Mon, 4 Sep 2023 18:03:31 +0530
Subject: [PATCH 41/81] Env Fixes (#2086)

* fixing env issues

* removing husky
---
 .husky/pre-push    | 23 -----------------------
 package.json       |  3 +--
 space/.env.example |  4 ++--
 3 files changed, 3 insertions(+), 27 deletions(-)
 delete mode 100755 .husky/pre-push

diff --git a/.husky/pre-push b/.husky/pre-push
deleted file mode 100755
index 0e7d3240b..000000000
--- a/.husky/pre-push
+++ /dev/null
@@ -1,23 +0,0 @@
-#!/bin/sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-changed_files=$(git diff --name-only HEAD~1)
-
-web_changed=$(echo "$changed_files" | grep -E '^web/' || true)
-space_changed=$(echo "$changed_files" | grep -E '^space/' || true)
-echo $web_changed
-echo $space_changed
-
-if [ -n "$web_changed" ] && [ -n "$space_changed" ]; then
-    echo "Changes detected in both web and space. Building..."
-    yarn run lint
-    yarn run build
-elif [ -n "$web_changed" ]; then
-    echo "Changes detected in web app. Building..."
-    yarn run lint --filter=web
-    yarn run build --filter=web
-elif [ -n "$space_changed" ]; then
-    echo "Changes detected in space app. Building..."
-    yarn run lint --filter=space
-    yarn run build --filter=space
-fi
diff --git a/package.json b/package.json
index 397952b3b..eb6a23994 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,7 @@
   "devDependencies": {
     "eslint-config-custom": "*",
     "prettier": "latest",
-    "turbo": "latest",
-    "husky": "^8.0.3"
+    "turbo": "latest"
   },
   "packageManager": "yarn@1.22.19"
 }
diff --git a/space/.env.example b/space/.env.example
index 2d3165893..238f70854 100644
--- a/space/.env.example
+++ b/space/.env.example
@@ -1,8 +1,8 @@
 # Base url for the API requests
 NEXT_PUBLIC_API_BASE_URL=""
 # Public boards deploy URL
-NEXT_PUBLIC_DEPLOY_URL="https://plane-space-dev.vercel.app"
+NEXT_PUBLIC_DEPLOY_URL=""
 # Google Client ID for Google OAuth
-NEXT_PUBLIC_GOOGLE_CLIENTID=232920797020-235n93bn7hh7628vdd69hq873129ng4o.apps.googleusercontent.com
+NEXT_PUBLIC_GOOGLE_CLIENTID=""
 # Flag to toggle OAuth
 NEXT_PUBLIC_ENABLE_OAUTH=1
\ No newline at end of file

From 71394d33165a9117a7ef3d03fdafcba4f1bf54f4 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:42:31 +0530
Subject: [PATCH 42/81] chore: add issue option removed from subscribed issue
 page (#2088)

* chore: condition for subscribed page add issue option

* chore: condition for subscribed page add issue option
---
 web/components/core/views/all-views.tsx               |  4 ++++
 web/components/core/views/board-view/all-boards.tsx   |  3 +++
 web/components/core/views/board-view/single-board.tsx |  8 ++++----
 web/components/core/views/list-view/all-lists.tsx     |  3 +++
 web/components/core/views/list-view/single-list.tsx   |  5 +++--
 web/components/issues/my-issues/my-issues-view.tsx    | 10 ++++++++++
 web/components/profile/profile-issues-view.tsx        | 10 ++++++++++
 7 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/web/components/core/views/all-views.tsx b/web/components/core/views/all-views.tsx
index 79d5d6b11..eb54ccb2a 100644
--- a/web/components/core/views/all-views.tsx
+++ b/web/components/core/views/all-views.tsx
@@ -53,6 +53,7 @@ type Props = {
   handleOnDragEnd: (result: DropResult) => Promise<void>;
   openIssuesListModal: (() => void) | null;
   removeIssue: ((bridgeId: string, issueId: string) => void) | null;
+  disableAddIssueOption?: boolean;
   trashBox: boolean;
   setTrashBox: React.Dispatch<React.SetStateAction<boolean>>;
   viewProps: IIssueViewProps;
@@ -68,6 +69,7 @@ export const AllViews: React.FC<Props> = ({
   handleOnDragEnd,
   openIssuesListModal,
   removeIssue,
+  disableAddIssueOption = false,
   trashBox,
   setTrashBox,
   viewProps,
@@ -127,6 +129,7 @@ export const AllViews: React.FC<Props> = ({
                 openIssuesListModal={cycleId || moduleId ? openIssuesListModal : null}
                 removeIssue={removeIssue}
                 disableUserActions={disableUserActions}
+                disableAddIssueOption={disableAddIssueOption}
                 user={user}
                 userAuth={memberRole}
                 viewProps={viewProps}
@@ -135,6 +138,7 @@ export const AllViews: React.FC<Props> = ({
               <AllBoards
                 addIssueToGroup={addIssueToGroup}
                 disableUserActions={disableUserActions}
+                disableAddIssueOption={disableAddIssueOption}
                 dragDisabled={dragDisabled}
                 handleIssueAction={handleIssueAction}
                 handleTrashBox={handleTrashBox}
diff --git a/web/components/core/views/board-view/all-boards.tsx b/web/components/core/views/board-view/all-boards.tsx
index ee0fc668b..2637e7c33 100644
--- a/web/components/core/views/board-view/all-boards.tsx
+++ b/web/components/core/views/board-view/all-boards.tsx
@@ -10,6 +10,7 @@ import { ICurrentUserResponse, IIssue, IIssueViewProps, IState, UserAuth } from
 type Props = {
   addIssueToGroup: (groupTitle: string) => void;
   disableUserActions: boolean;
+  disableAddIssueOption?: boolean;
   dragDisabled: boolean;
   handleIssueAction: (issue: IIssue, action: "copy" | "delete" | "edit") => void;
   handleTrashBox: (isDragging: boolean) => void;
@@ -24,6 +25,7 @@ type Props = {
 export const AllBoards: React.FC<Props> = ({
   addIssueToGroup,
   disableUserActions,
+  disableAddIssueOption = false,
   dragDisabled,
   handleIssueAction,
   handleTrashBox,
@@ -52,6 +54,7 @@ export const AllBoards: React.FC<Props> = ({
                 addIssueToGroup={() => addIssueToGroup(singleGroup)}
                 currentState={currentState}
                 disableUserActions={disableUserActions}
+                disableAddIssueOption={disableAddIssueOption}
                 dragDisabled={dragDisabled}
                 groupTitle={singleGroup}
                 handleIssueAction={handleIssueAction}
diff --git a/web/components/core/views/board-view/single-board.tsx b/web/components/core/views/board-view/single-board.tsx
index 52e8c27c7..7ba70c97b 100644
--- a/web/components/core/views/board-view/single-board.tsx
+++ b/web/components/core/views/board-view/single-board.tsx
@@ -20,6 +20,7 @@ type Props = {
   addIssueToGroup: () => void;
   currentState?: IState | null;
   disableUserActions: boolean;
+  disableAddIssueOption?: boolean;
   dragDisabled: boolean;
   groupTitle: string;
   handleIssueAction: (issue: IIssue, action: "copy" | "delete" | "edit") => void;
@@ -36,6 +37,7 @@ export const SingleBoard: React.FC<Props> = ({
   currentState,
   groupTitle,
   disableUserActions,
+  disableAddIssueOption = false,
   dragDisabled,
   handleIssueAction,
   handleTrashBox,
@@ -53,8 +55,6 @@ export const SingleBoard: React.FC<Props> = ({
   const router = useRouter();
   const { cycleId, moduleId } = router.query;
 
-  const isSubscribedIssues = router.pathname.includes("subscribed");
-
   const type = cycleId ? "cycle" : moduleId ? "module" : "issue";
 
   // Check if it has at least 4 tickets since it is enough to accommodate the Calendar height
@@ -72,7 +72,7 @@ export const SingleBoard: React.FC<Props> = ({
         isCollapsed={isCollapsed}
         setIsCollapsed={setIsCollapsed}
         disableUserActions={disableUserActions}
-        disableAddIssue={isSubscribedIssues}
+        disableAddIssue={disableAddIssueOption}
         viewProps={viewProps}
       />
       {isCollapsed && (
@@ -154,7 +154,7 @@ export const SingleBoard: React.FC<Props> = ({
               {selectedGroup !== "created_by" && (
                 <div>
                   {type === "issue"
-                    ? !isSubscribedIssues && (
+                    ? !disableAddIssueOption && (
                         <button
                           type="button"
                           className="flex items-center gap-2 font-medium text-custom-primary outline-none p-1"
diff --git a/web/components/core/views/list-view/all-lists.tsx b/web/components/core/views/list-view/all-lists.tsx
index 64cbebdcd..84ef02962 100644
--- a/web/components/core/views/list-view/all-lists.tsx
+++ b/web/components/core/views/list-view/all-lists.tsx
@@ -11,6 +11,7 @@ type Props = {
   openIssuesListModal?: (() => void) | null;
   removeIssue: ((bridgeId: string, issueId: string) => void) | null;
   disableUserActions: boolean;
+  disableAddIssueOption?: boolean;
   user: ICurrentUserResponse | undefined;
   userAuth: UserAuth;
   viewProps: IIssueViewProps;
@@ -20,6 +21,7 @@ export const AllLists: React.FC<Props> = ({
   addIssueToGroup,
   handleIssueAction,
   disableUserActions,
+  disableAddIssueOption = false,
   openIssuesListModal,
   removeIssue,
   states,
@@ -49,6 +51,7 @@ export const AllLists: React.FC<Props> = ({
                 openIssuesListModal={openIssuesListModal}
                 removeIssue={removeIssue}
                 disableUserActions={disableUserActions}
+                disableAddIssueOption={disableAddIssueOption}
                 user={user}
                 userAuth={userAuth}
                 viewProps={viewProps}
diff --git a/web/components/core/views/list-view/single-list.tsx b/web/components/core/views/list-view/single-list.tsx
index a1b80c067..bd1c3c6ab 100644
--- a/web/components/core/views/list-view/single-list.tsx
+++ b/web/components/core/views/list-view/single-list.tsx
@@ -39,6 +39,7 @@ type Props = {
   openIssuesListModal?: (() => void) | null;
   removeIssue: ((bridgeId: string, issueId: string) => void) | null;
   disableUserActions: boolean;
+  disableAddIssueOption?: boolean;
   user: ICurrentUserResponse | undefined;
   userAuth: UserAuth;
   viewProps: IIssueViewProps;
@@ -52,6 +53,7 @@ export const SingleList: React.FC<Props> = ({
   openIssuesListModal,
   removeIssue,
   disableUserActions,
+  disableAddIssueOption = false,
   user,
   userAuth,
   viewProps,
@@ -60,7 +62,6 @@ export const SingleList: React.FC<Props> = ({
   const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
 
   const isArchivedIssues = router.pathname.includes("archived-issues");
-  const isSubscribedIssues = router.pathname.includes("subscribed");
 
   const type = cycleId ? "cycle" : moduleId ? "module" : "issue";
 
@@ -181,7 +182,7 @@ export const SingleList: React.FC<Props> = ({
             {isArchivedIssues ? (
               ""
             ) : type === "issue" ? (
-              !isSubscribedIssues && (
+              !disableAddIssueOption && (
                 <button
                   type="button"
                   className="p-1  text-custom-text-200 hover:bg-custom-background-80"
diff --git a/web/components/issues/my-issues/my-issues-view.tsx b/web/components/issues/my-issues/my-issues-view.tsx
index e8624e236..3500e69e7 100644
--- a/web/components/issues/my-issues/my-issues-view.tsx
+++ b/web/components/issues/my-issues/my-issues-view.tsx
@@ -209,6 +209,15 @@ export const MyIssuesView: React.FC<Props> = ({
     Object.keys(filtersToDisplay).length > 0 &&
     nullFilters.length !== Object.keys(filtersToDisplay).length;
 
+  const isSubscribedIssuesRoute = router.pathname.includes("subscribed");
+  const isMySubscribedIssues =
+    (filters.subscriber &&
+      filters.subscriber.length > 0 &&
+      router.pathname.includes("my-issues")) ??
+    false;
+
+  const disableAddIssueOption = isSubscribedIssuesRoute || isMySubscribedIssues;
+
   return (
     <>
       <CreateUpdateIssueModal
@@ -291,6 +300,7 @@ export const MyIssuesView: React.FC<Props> = ({
         handleIssueAction={handleIssueAction}
         openIssuesListModal={openIssuesListModal ? openIssuesListModal : null}
         removeIssue={null}
+        disableAddIssueOption={disableAddIssueOption}
         trashBox={trashBox}
         setTrashBox={setTrashBox}
         viewProps={{
diff --git a/web/components/profile/profile-issues-view.tsx b/web/components/profile/profile-issues-view.tsx
index fa5df1227..353b55ae2 100644
--- a/web/components/profile/profile-issues-view.tsx
+++ b/web/components/profile/profile-issues-view.tsx
@@ -223,6 +223,15 @@ export const ProfileIssuesView = () => {
     Object.keys(filtersToDisplay).length > 0 &&
     nullFilters.length !== Object.keys(filtersToDisplay).length;
 
+  const isSubscribedIssuesRoute = router.pathname.includes("subscribed");
+  const isMySubscribedIssues =
+    (filters.subscriber &&
+      filters.subscriber.length > 0 &&
+      router.pathname.includes("my-issues")) ??
+    false;
+
+  const disableAddIssueOption = isSubscribedIssuesRoute || isMySubscribedIssues;
+
   return (
     <>
       <CreateUpdateIssueModal
@@ -292,6 +301,7 @@ export const ProfileIssuesView = () => {
         handleIssueAction={handleIssueAction}
         openIssuesListModal={null}
         removeIssue={null}
+        disableAddIssueOption={disableAddIssueOption}
         trashBox={trashBox}
         setTrashBox={setTrashBox}
         viewProps={{

From 19c65b26d6ac7cb57d63e6bc05306af056e5ea2c Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:46:10 +0530
Subject: [PATCH 43/81] dev: docker environment deploy fixes (#2087)

* chore: updated space and web dockerfiles

* chore: updated compose file params

* updated nextjs config for basepath

* chore: updated package.json with new packages

* chore: modified space and web dockerfiles

* dev: update deploy configuration for deploy images

* dev: update docker folder for web

* dev: add semi colon for module exports

---------

Co-authored-by: Henit Chobisa <chobisa.henit@gmail.com>
---
 docker-compose-hub.yml | 16 +++++++++++++++-
 docker-compose.yml     | 10 ++++++++++
 space/Dockerfile.space | 20 +++++++-------------
 space/package.json     | 19 +++++++++++++++++--
 web/Dockerfile.web     | 13 +++++++++----
 5 files changed, 58 insertions(+), 20 deletions(-)

diff --git a/docker-compose-hub.yml b/docker-compose-hub.yml
index fcb93c530..56dbbe670 100644
--- a/docker-compose-hub.yml
+++ b/docker-compose-hub.yml
@@ -38,7 +38,7 @@ services:
                 container_name: planefrontend
                 image: makeplane/plane-frontend:latest
                 restart: always
-                command: /usr/local/bin/start.sh apps/app/server.js app
+                command: /usr/local/bin/start.sh web/server.js web
                 env_file:
                         - .env
                 environment:
@@ -56,6 +56,20 @@ services:
                         - plane-api
                         - plane-worker
 
+        plane-deploy:
+                container_name: planedeploy
+                image: makeplane/plane-deploy:latest
+                restart: always
+                command: /usr/local/bin/start.sh space/server.js space
+                env_file:
+                        - .env
+                environment:
+                        NEXT_PUBLIC_API_BASE_URL: ${NEXT_PUBLIC_API_BASE_URL}
+                depends_on:
+                        - plane-api
+                        - plane-worker
+                        - plane-web
+
         plane-api:
                 container_name: planebackend
                 image: makeplane/plane-backend:latest
diff --git a/docker-compose.yml b/docker-compose.yml
index 4fe7f4ab7..e51f88c55 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -39,6 +39,7 @@ services:
       context: .
       dockerfile: ./web/Dockerfile.web
       args:
+        DOCKER_BUILDKIT: 1
         NEXT_PUBLIC_API_BASE_URL: http://localhost:8000
         NEXT_PUBLIC_DEPLOY_URL: http://localhost/spaces
     restart: always
@@ -67,6 +68,7 @@ services:
       dockerfile: ./space/Dockerfile.space
       args:
         DOCKER_BUILDKIT: 1
+        NEXT_PUBLIC_DEPLOY_WITH_NGINX: 1
         NEXT_PUBLIC_API_BASE_URL: http://localhost:8000
     restart: always
     command: /usr/local/bin/start.sh space/server.js space
@@ -84,8 +86,12 @@ services:
     build:
       context: ./apiserver
       dockerfile: Dockerfile.api
+      args:
+        DOCKER_BUILDKIT: 1
     restart: always
     command: ./bin/takeoff
+    ports:
+      - 8000:8000
     env_file:
       - .env
     environment:
@@ -99,6 +105,8 @@ services:
     build:
       context: ./apiserver
       dockerfile: Dockerfile.api
+      args:
+        DOCKER_BUILDKIT: 1
     restart: always
     command: ./bin/worker
     env_file:
@@ -115,6 +123,8 @@ services:
     build:
       context: ./apiserver
       dockerfile: Dockerfile.api
+      args:
+        DOCKER_BUILDKIT: 1
     restart: always
     command: ./bin/beat
     env_file:
diff --git a/space/Dockerfile.space b/space/Dockerfile.space
index 34fe42a13..963dad136 100644
--- a/space/Dockerfile.space
+++ b/space/Dockerfile.space
@@ -1,6 +1,5 @@
 FROM node:18-alpine AS builder
 RUN apk add --no-cache libc6-compat
-# Set working directory
 WORKDIR /app
 ENV NEXT_PUBLIC_API_BASE_URL=http://NEXT_PUBLIC_API_BASE_URL_PLACEHOLDER
 
@@ -9,37 +8,34 @@ COPY . .
 
 RUN turbo prune --scope=space --docker
 
-# Add lockfile and package.json's of isolated subworkspace
 FROM node:18-alpine AS installer
 
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
-ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
 
-# First install the dependencies (as they change less often)
 COPY .gitignore .gitignore
 COPY --from=builder /app/out/json/ .
 COPY --from=builder /app/out/yarn.lock ./yarn.lock
 RUN yarn install --network-timeout 500000
 
-# Build the project
 COPY --from=builder /app/out/full/ .
 COPY turbo.json turbo.json
 COPY replace-env-vars.sh /usr/local/bin/
 USER root
 RUN chmod +x /usr/local/bin/replace-env-vars.sh
 
-RUN yarn turbo run build --filter=space
+ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+ARG NEXT_PUBLIC_DEPLOY_WITH_NGINX=1
 
-ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
-    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
+ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL NEXT_PUBLIC_DEPLOY_WITH_NGINX=$NEXT_PUBLIC_DEPLOY_WITH_NGINX
+
+RUN yarn turbo run build --filter=space
 
 RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} space
 
 FROM node:18-alpine AS runner
 WORKDIR /app
 
-# Don't run production as root
 RUN addgroup --system --gid 1001 plane
 RUN adduser --system --uid 1001 captain
 USER captain
@@ -47,16 +43,14 @@ USER captain
 COPY --from=installer /app/space/next.config.js .
 COPY --from=installer /app/space/package.json .
 
-# Automatically leverage output traces to reduce image sizß
-# https://nextjs.org/docs/advanced-features/output-file-tracing
 COPY --from=installer --chown=captain:plane /app/space/.next/standalone ./
 
 COPY --from=installer --chown=captain:plane /app/space/.next ./space/.next
 COPY --from=installer --chown=captain:plane /app/space/public ./space/public
 
 ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
-ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
-    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
+ARG NEXT_PUBLIC_DEPLOY_WITH_NGINX=1
+ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL NEXT_PUBLIC_DEPLOY_WITH_NGINX=$NEXT_PUBLIC_DEPLOY_WITH_NGINX
 
 USER root
 COPY replace-env-vars.sh /usr/local/bin/
diff --git a/space/package.json b/space/package.json
index 1c9153567..768abb8ff 100644
--- a/space/package.json
+++ b/space/package.json
@@ -9,8 +9,15 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@blueprintjs/core": "^4.16.3",
+    "@blueprintjs/popover2": "^1.13.3",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
     "@headlessui/react": "^1.7.13",
-    "@mui/icons-material": "^5.14.7",
+    "@heroicons/react": "^2.0.12",
+    "@mui/icons-material": "^5.14.1",
+    "@mui/material": "^5.14.1",
+    "@tailwindcss/typography": "^0.5.9",
     "@tiptap-pro/extension-unique-id": "^2.1.0",
     "@tiptap/extension-code-block-lowlight": "^2.0.4",
     "@tiptap/extension-color": "^2.0.4",
@@ -33,17 +40,25 @@
     "@tiptap/starter-kit": "^2.0.4",
     "@tiptap/suggestion": "^2.0.4",
     "axios": "^1.3.4",
+    "clsx": "^2.0.0",
     "js-cookie": "^3.0.1",
+    "lowlight": "^2.9.0",
+    "lucide-react": "^0.263.1",
     "mobx": "^6.10.0",
     "mobx-react-lite": "^4.0.3",
     "next": "12.3.2",
     "next-images": "^1.8.5",
-    "next-theme": "^0.1.5",
+    "next-themes": "^0.2.1",
     "nprogress": "^0.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.38.0",
+    "react-moveable": "^0.54.1",
     "swr": "^2.2.2",
+    "tailwind-merge": "^1.14.0",
+    "tiptap-markdown": "^0.8.2",
     "typescript": "4.9.5",
+    "use-debounce": "^9.0.4",
     "uuid": "^9.0.0"
   },
   "devDependencies": {
diff --git a/web/Dockerfile.web b/web/Dockerfile.web
index 6fac46c2d..40946fa2d 100644
--- a/web/Dockerfile.web
+++ b/web/Dockerfile.web
@@ -15,6 +15,7 @@ FROM node:18-alpine AS installer
 RUN apk add --no-cache libc6-compat
 WORKDIR /app
 ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+ARG NEXT_PUBLIC_DEPLOY_URL=http://localhost/spaces
 
 # First install the dependencies (as they change less often)
 COPY .gitignore .gitignore
@@ -29,11 +30,12 @@ COPY replace-env-vars.sh /usr/local/bin/
 USER root
 RUN chmod +x /usr/local/bin/replace-env-vars.sh
 
+ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
+    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
+    NEXT_PUBLIC_DEPLOY_URL=$NEXT_PUBLIC_DEPLOY_URL
+
 RUN yarn turbo run build --filter=web
 
-ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
-    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
-ENV NEXT_PUBLIC_DEPLOY_URL=${NEXT_PUBLIC_DEPLOY_URL}
 RUN /usr/local/bin/replace-env-vars.sh http://NEXT_PUBLIC_WEBAPP_URL_PLACEHOLDER ${NEXT_PUBLIC_API_BASE_URL} web
 
 FROM node:18-alpine AS runner
@@ -54,8 +56,11 @@ COPY --from=installer --chown=captain:plane /app/web/.next/standalone ./
 COPY --from=installer --chown=captain:plane /app/web/.next ./web/.next
 
 ARG NEXT_PUBLIC_API_BASE_URL=http://localhost:8000
+ARG NEXT_PUBLIC_DEPLOY_URL=http://localhost/spaces
+
 ENV NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
-    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL
+    BUILT_NEXT_PUBLIC_API_BASE_URL=$NEXT_PUBLIC_API_BASE_URL \
+    NEXT_PUBLIC_DEPLOY_URL=$NEXT_PUBLIC_DEPLOY_URL
 
 USER root
 COPY replace-env-vars.sh /usr/local/bin/

From 900a4fcb0ed8fee91a9032a7ed3b6b750a41f682 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 4 Sep 2023 18:48:33 +0530
Subject: [PATCH 44/81] fix: profile time according to the user timezone
 (#2089)

---
 web/components/profile/sidebar.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/components/profile/sidebar.tsx b/web/components/profile/sidebar.tsx
index a1236b397..59cc5528b 100644
--- a/web/components/profile/sidebar.tsx
+++ b/web/components/profile/sidebar.tsx
@@ -14,7 +14,7 @@ import { Icon, Loader, Tooltip } from "components/ui";
 // icons
 import { EditOutlined } from "@mui/icons-material";
 // helpers
-import { render12HourFormatTime, renderLongDetailDateFormat } from "helpers/date-time.helper";
+import { renderLongDetailDateFormat } from "helpers/date-time.helper";
 import { renderEmoji } from "helpers/emoji.helper";
 // fetch-keys
 import { USER_PROFILE_PROJECT_SEGREGATION } from "constants/fetch-keys";
@@ -35,6 +35,16 @@ export const ProfileSidebar = () => {
       : null
   );
 
+  // Create a date object for the current time in the specified timezone
+  const currentTime = new Date();
+  const formatter = new Intl.DateTimeFormat("en-US", {
+    timeZone: userProjectsData?.user_data.user_timezone,
+    hour12: false, // Use 24-hour format
+    hour: "2-digit",
+    minute: "2-digit",
+  });
+  const timeString = formatter.format(currentTime);
+
   const userDetails = [
     {
       label: "Joined on",
@@ -44,7 +54,7 @@ export const ProfileSidebar = () => {
       label: "Timezone",
       value: (
         <span>
-          {render12HourFormatTime(new Date())}{" "}
+          {timeString}{" "}
           <span className="text-custom-text-200">{userProjectsData?.user_data.user_timezone}</span>
         </span>
       ),

From 928ae775f456d8162f6d6b75ca1b9ab967ccd974 Mon Sep 17 00:00:00 2001
From: MengYX <admin@mengyx.cn>
Date: Tue, 5 Sep 2023 15:41:31 +0800
Subject: [PATCH 45/81] fix: replace `Completion` with `ChatCompletion` to use
 `gpt-3.5-turbo` model (#2066)

According to https://platform.openai.com/docs/guides/gpt/chat-completions-vs-completions , GPT-3.5 Turbo & GPT-4 is not working on **Legacy** Completions API
---
 apiserver/plane/api/views/gpt.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apiserver/plane/api/views/gpt.py b/apiserver/plane/api/views/gpt.py
index f8065f6d0..63c3f4f18 100644
--- a/apiserver/plane/api/views/gpt.py
+++ b/apiserver/plane/api/views/gpt.py
@@ -41,9 +41,9 @@ class GPTIntegrationEndpoint(BaseAPIView):
             final_text = task + "\n" + prompt
 
             openai.api_key = settings.OPENAI_API_KEY
-            response = openai.Completion.create(
+            response = openai.ChatCompletion.create(
                 model=settings.GPT_ENGINE,
-                prompt=final_text,
+                messages=[{"role": "user", "content": final_text}],
                 temperature=0.7,
                 max_tokens=1024,
             )
@@ -51,7 +51,7 @@ class GPTIntegrationEndpoint(BaseAPIView):
             workspace = Workspace.objects.get(slug=slug)
             project = Project.objects.get(pk=project_id)
 
-            text = response.choices[0].text.strip()
+            text = response.choices[0].message.content.strip()
             text_html = text.replace("\n", "<br/>")
             return Response(
                 {

From 065a4a3cf7ab071e9e4df37c7bfe018dc25a080f Mon Sep 17 00:00:00 2001
From: dakshesh14 <dakshesh.jain14@gmail.com>
Date: Tue, 5 Sep 2023 14:42:34 +0530
Subject: [PATCH 46/81] feat: issue detail for web view

---
 web/components/web-view/index.ts              |   7 +
 web/components/web-view/issue-attachments.tsx | 150 ++++++++++++
 .../web-view/issue-web-view-form.tsx          | 164 ++++++++++++++
 web/components/web-view/label.tsx             |   7 +
 web/components/web-view/select-priority.tsx   |  83 +++++++
 web/components/web-view/select-state.tsx      |  89 ++++++++
 web/components/web-view/sub-issues.tsx        | 108 +++++++++
 web/components/web-view/web-view-modal.tsx    | 108 +++++++++
 web/constants/fetch-keys.ts                   |   6 +-
 .../projects/[projectId]/issues/[issueId].tsx | 214 ++++++++++++++++++
 10 files changed, 935 insertions(+), 1 deletion(-)
 create mode 100644 web/components/web-view/index.ts
 create mode 100644 web/components/web-view/issue-attachments.tsx
 create mode 100644 web/components/web-view/issue-web-view-form.tsx
 create mode 100644 web/components/web-view/label.tsx
 create mode 100644 web/components/web-view/select-priority.tsx
 create mode 100644 web/components/web-view/select-state.tsx
 create mode 100644 web/components/web-view/sub-issues.tsx
 create mode 100644 web/components/web-view/web-view-modal.tsx
 create mode 100644 web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx

diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
new file mode 100644
index 000000000..48178dfc6
--- /dev/null
+++ b/web/components/web-view/index.ts
@@ -0,0 +1,7 @@
+export * from "./web-view-modal";
+export * from "./select-state";
+export * from "./select-priority";
+export * from "./issue-web-view-form";
+export * from "./label";
+export * from "./sub-issues";
+export * from "./issue-attachments";
diff --git a/web/components/web-view/issue-attachments.tsx b/web/components/web-view/issue-attachments.tsx
new file mode 100644
index 000000000..e2636fc53
--- /dev/null
+++ b/web/components/web-view/issue-attachments.tsx
@@ -0,0 +1,150 @@
+// react
+import React, { useState, useCallback } from "react";
+
+// next
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// services
+import issuesService from "services/issues.service";
+
+// react dropzone
+import { useDropzone } from "react-dropzone";
+
+// fetch key
+import { ISSUE_ATTACHMENTS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+
+// hooks
+import useToast from "hooks/use-toast";
+
+// icons
+import { ChevronRightIcon } from "@heroicons/react/24/outline";
+
+// components
+import { Label, WebViewModal } from "components/web-view";
+
+// types
+import type { IIssueAttachment } from "types";
+
+export const IssueAttachments: React.FC = () => {
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const [isOpen, setIsOpen] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+
+  const { setToastAlert } = useToast();
+
+  const onDrop = useCallback(
+    (acceptedFiles: File[]) => {
+      if (!acceptedFiles[0] || !workspaceSlug) return;
+
+      const formData = new FormData();
+      formData.append("asset", acceptedFiles[0]);
+      formData.append(
+        "attributes",
+        JSON.stringify({
+          name: acceptedFiles[0].name,
+          size: acceptedFiles[0].size,
+        })
+      );
+      setIsLoading(true);
+
+      issuesService
+        .uploadIssueAttachment(
+          workspaceSlug as string,
+          projectId as string,
+          issueId as string,
+          formData
+        )
+        .then((res) => {
+          mutate<IIssueAttachment[]>(
+            ISSUE_ATTACHMENTS(issueId as string),
+            (prevData) => [res, ...(prevData ?? [])],
+            false
+          );
+          mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
+          setToastAlert({
+            type: "success",
+            title: "Success!",
+            message: "File added successfully.",
+          });
+          setIsLoading(false);
+        })
+        .catch((err) => {
+          setIsLoading(false);
+          setToastAlert({
+            type: "error",
+            title: "error!",
+            message: "Something went wrong. please check file type & size (max 5 MB)",
+          });
+        });
+    },
+    [issueId, projectId, setToastAlert, workspaceSlug]
+  );
+
+  const { getRootProps } = useDropzone({
+    onDrop,
+    maxSize: 5 * 1024 * 1024,
+  });
+
+  const { data: attachments } = useSWR<IIssueAttachment[]>(
+    workspaceSlug && projectId && issueId ? ISSUE_ATTACHMENTS(issueId as string) : null,
+    workspaceSlug && projectId && issueId
+      ? () =>
+          issuesService.getIssueAttachment(
+            workspaceSlug.toString(),
+            projectId.toString(),
+            issueId.toString()
+          )
+      : null
+  );
+
+  return (
+    <div>
+      <WebViewModal isOpen={isOpen} onClose={() => setIsOpen(false)} modalTitle="Insert file">
+        <div className="space-y-6">
+          <div
+            {...getRootProps()}
+            className="border-b w-full py-2 text-custom-text-100 px-2 flex justify-between items-center"
+          >
+            {isLoading ? (
+              <p className="text-center">Uploading...</p>
+            ) : (
+              <>
+                <h3 className="text-lg">Upload</h3>
+                <ChevronRightIcon className="w-5 h-5" />
+              </>
+            )}
+          </div>
+        </div>
+      </WebViewModal>
+
+      <Label>Attachments</Label>
+      <div className="mt-1 space-y-[6px]">
+        {attachments?.map((attachment) => (
+          <div
+            key={attachment.id}
+            className="px-3 border border-custom-border-200 rounded-[4px] py-2 flex justify-between items-center bg-custom-background-100"
+          >
+            <Link href={attachment.asset}>
+              <a target="_blank" className="text-custom-text-200 truncate">
+                {attachment.attributes.name}
+              </a>
+            </Link>
+          </div>
+        ))}
+        <button
+          type="button"
+          onClick={() => setIsOpen(true)}
+          className="bg-custom-primary-100/10 border border-dotted border-custom-primary-100 text-center py-2 w-full text-custom-primary-100"
+        >
+          Click to upload file here
+        </button>
+      </div>
+    </div>
+  );
+};
diff --git a/web/components/web-view/issue-web-view-form.tsx b/web/components/web-view/issue-web-view-form.tsx
new file mode 100644
index 000000000..863464764
--- /dev/null
+++ b/web/components/web-view/issue-web-view-form.tsx
@@ -0,0 +1,164 @@
+// react
+import React, { useCallback, useEffect, useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// react hook forms
+import { Controller } from "react-hook-form";
+
+// hooks
+
+import { useDebouncedCallback } from "use-debounce";
+import useReloadConfirmations from "hooks/use-reload-confirmation";
+
+// ui
+import { TextArea } from "components/ui";
+
+// components
+import { TipTapEditor } from "components/tiptap";
+import { Label } from "components/web-view";
+
+// types
+import type { IIssue } from "types";
+
+type Props = {
+  isAllowed: boolean;
+  issueDetails: IIssue;
+  submitChanges: (data: Partial<IIssue>) => Promise<void>;
+  register: any;
+  control: any;
+  watch: any;
+  handleSubmit: any;
+};
+
+export const IssueWebViewForm: React.FC<Props> = (props) => {
+  const { isAllowed, issueDetails, submitChanges, register, control, watch, handleSubmit } = props;
+
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const [characterLimit, setCharacterLimit] = useState(false);
+  const [isSubmitting, setIsSubmitting] = useState<"submitting" | "submitted" | "saved">("saved");
+
+  const { setShowAlert } = useReloadConfirmations();
+
+  useEffect(() => {
+    if (isSubmitting === "submitted") {
+      setShowAlert(false);
+      setTimeout(async () => {
+        setIsSubmitting("saved");
+      }, 2000);
+    } else if (isSubmitting === "submitting") {
+      setShowAlert(true);
+    }
+  }, [isSubmitting, setShowAlert]);
+
+  const debouncedTitleSave = useDebouncedCallback(async () => {
+    setTimeout(async () => {
+      handleSubmit(handleDescriptionFormSubmit)().finally(() => setIsSubmitting("submitted"));
+    }, 500);
+  }, 1000);
+
+  const handleDescriptionFormSubmit = useCallback(
+    async (formData: Partial<IIssue>) => {
+      if (!formData?.name || formData?.name.length === 0 || formData?.name.length > 255) return;
+
+      await submitChanges({
+        name: formData.name ?? "",
+        description_html: formData.description_html ?? "<p></p>",
+      });
+    },
+    [submitChanges]
+  );
+
+  return (
+    <>
+      <div className="flex flex-col">
+        <Label>Title</Label>
+        <div className="relative">
+          {isAllowed ? (
+            <TextArea
+              id="name"
+              name="name"
+              placeholder="Enter issue name"
+              register={register}
+              onFocus={() => setCharacterLimit(true)}
+              onChange={(e) => {
+                setCharacterLimit(false);
+                setIsSubmitting("submitting");
+                debouncedTitleSave();
+              }}
+              required={true}
+              className="min-h-10 block w-full resize-none overflow-hidden rounded border-none bg-transparent px-3 py-2 text-xl outline-none ring-0 focus:ring-1 focus:ring-custom-primary"
+              role="textbox"
+              disabled={!isAllowed}
+            />
+          ) : (
+            <h4 className="break-words text-2xl font-semibold">{issueDetails?.name}</h4>
+          )}
+          {characterLimit && isAllowed && (
+            <div className="pointer-events-none absolute bottom-1 right-1 z-[2] rounded bg-custom-background-100 text-custom-text-200 p-0.5 text-xs">
+              <span
+                className={`${
+                  watch("name").length === 0 || watch("name").length > 255 ? "text-red-500" : ""
+                }`}
+              >
+                {watch("name").length}
+              </span>
+              /255
+            </div>
+          )}
+        </div>
+      </div>
+      <div>
+        <Label>Description</Label>
+        <div className="relative">
+          <Controller
+            name="description_html"
+            control={control}
+            render={({ field: { value, onChange } }) => {
+              if (!value) return <></>;
+
+              return (
+                <TipTapEditor
+                  value={
+                    !value ||
+                    value === "" ||
+                    (typeof value === "object" && Object.keys(value).length === 0)
+                      ? "<p></p>"
+                      : value
+                  }
+                  workspaceSlug={workspaceSlug!.toString()}
+                  debouncedUpdatesEnabled={true}
+                  setShouldShowAlert={setShowAlert}
+                  setIsSubmitting={setIsSubmitting}
+                  customClassName={
+                    isAllowed ? "min-h-[150px] shadow-sm" : "!p-0 !pt-2 text-custom-text-200"
+                  }
+                  noBorder={!isAllowed}
+                  onChange={(description: Object, description_html: string) => {
+                    setShowAlert(true);
+                    setIsSubmitting("submitting");
+                    onChange(description_html);
+                    handleSubmit(handleDescriptionFormSubmit)().finally(() =>
+                      setIsSubmitting("submitted")
+                    );
+                  }}
+                  editable={isAllowed}
+                />
+              );
+            }}
+          />
+          <div
+            className={`absolute right-5 bottom-5 text-xs text-custom-text-200 border border-custom-border-400 rounded-xl w-[6.5rem] py-1 z-10 flex items-center justify-center ${
+              isSubmitting === "saved" ? "fadeOut" : "fadeIn"
+            }`}
+          >
+            {isSubmitting === "submitting" ? "Saving..." : "Saved"}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
diff --git a/web/components/web-view/label.tsx b/web/components/web-view/label.tsx
new file mode 100644
index 000000000..6e59be4ad
--- /dev/null
+++ b/web/components/web-view/label.tsx
@@ -0,0 +1,7 @@
+export const Label: React.FC<
+  React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>
+> = (props) => (
+  <label className="block text-base font-medium mb-[5px]" {...props}>
+    {props.children}
+  </label>
+);
diff --git a/web/components/web-view/select-priority.tsx b/web/components/web-view/select-priority.tsx
new file mode 100644
index 000000000..11f7ab9f1
--- /dev/null
+++ b/web/components/web-view/select-priority.tsx
@@ -0,0 +1,83 @@
+// react
+import React, { useState } from "react";
+
+// icons
+import { ChevronDownIcon } from "@heroicons/react/24/outline";
+
+// constants
+import { PRIORITIES } from "constants/project";
+
+// components
+import { getPriorityIcon } from "components/icons";
+import { WebViewModal } from "./web-view-modal";
+
+// helpers
+import { capitalizeFirstLetter } from "helpers/string.helper";
+
+type Props = {
+  value: any;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const PrioritySelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <>
+      <WebViewModal
+        isOpen={isOpen}
+        modalTitle="Select priority"
+        onClose={() => {
+          setIsOpen(false);
+        }}
+      >
+        <WebViewModal.Options
+          selectedOption={value}
+          options={
+            PRIORITIES?.map((priority) => ({
+              label: priority ? capitalizeFirstLetter(priority) : "None",
+              value: priority,
+              icon: (
+                <span
+                  className={`text-left text-xs capitalize rounded ${
+                    priority === "urgent"
+                      ? "border-red-500/20 text-red-500"
+                      : priority === "high"
+                      ? "border-orange-500/20 text-orange-500"
+                      : priority === "medium"
+                      ? "border-yellow-500/20 text-yellow-500"
+                      : priority === "low"
+                      ? "border-green-500/20 text-green-500"
+                      : "border-custom-border-200 text-custom-text-200"
+                  }`}
+                >
+                  {getPriorityIcon(priority, "text-sm")}
+                </span>
+              ),
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(priority);
+              },
+            })) || []
+          }
+        />
+      </WebViewModal>
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        {value ? capitalizeFirstLetter(value) : "None"}
+        <ChevronDownIcon className="w-5 h-5" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-state.tsx b/web/components/web-view/select-state.tsx
new file mode 100644
index 000000000..bceabfd2c
--- /dev/null
+++ b/web/components/web-view/select-state.tsx
@@ -0,0 +1,89 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR from "swr";
+
+// icons
+import { ChevronDownIcon } from "@heroicons/react/24/outline";
+
+// services
+import stateService from "services/state.service";
+
+// fetch key
+import { STATES_LIST } from "constants/fetch-keys";
+
+// components
+import { getStateGroupIcon } from "components/icons";
+import { WebViewModal } from "./web-view-modal";
+
+// helpers
+import { getStatesList } from "helpers/state.helper";
+
+type Props = {
+  value: any;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const StateSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isOpen, setIsOpen] = useState(false);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId } = router.query;
+
+  const { data: stateGroups } = useSWR(
+    workspaceSlug && projectId ? STATES_LIST(projectId as string) : null,
+    workspaceSlug && projectId
+      ? () => stateService.getStates(workspaceSlug as string, projectId as string)
+      : null
+  );
+  const states = getStatesList(stateGroups);
+
+  const selectedState = states?.find((s) => s.id === value);
+
+  return (
+    <>
+      <WebViewModal
+        isOpen={isOpen}
+        modalTitle="Select state"
+        onClose={() => {
+          setIsOpen(false);
+        }}
+      >
+        <WebViewModal.Options
+          selectedOption={selectedState?.id || null}
+          options={
+            states?.map((state) => ({
+              label: state.name,
+              value: state.id,
+              icon: getStateGroupIcon(state.group, "16", "16", state.color),
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(state.id);
+              },
+            })) || []
+          }
+        />
+      </WebViewModal>
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        {selectedState?.name || "Select a state"}
+        <ChevronDownIcon className="w-5 h-5" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/sub-issues.tsx b/web/components/web-view/sub-issues.tsx
new file mode 100644
index 000000000..8110e5895
--- /dev/null
+++ b/web/components/web-view/sub-issues.tsx
@@ -0,0 +1,108 @@
+// react
+import React from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// icons
+import { XMarkIcon } from "@heroicons/react/24/outline";
+
+// services
+import issuesService from "services/issues.service";
+
+// fetch key
+import { SUB_ISSUES } from "constants/fetch-keys";
+
+// hooks
+import useUser from "hooks/use-user";
+
+// ui
+import { Spinner } from "components/ui";
+import { IIssue } from "types";
+
+// components
+import { Label } from "components/web-view";
+
+type Props = {
+  issueDetails?: IIssue;
+};
+
+export const SubIssueList: React.FC<Props> = (props) => {
+  const { issueDetails } = props;
+
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const { user } = useUser();
+
+  const { data: subIssuesResponse } = useSWR(
+    workspaceSlug && issueDetails ? SUB_ISSUES(issueDetails.id) : null,
+    workspaceSlug && issueDetails
+      ? () =>
+          issuesService.subIssues(workspaceSlug as string, issueDetails.project, issueDetails.id)
+      : null
+  );
+
+  const handleSubIssueRemove = (issue: any) => {
+    if (!workspaceSlug || !issueDetails || !user) return;
+
+    mutate(
+      SUB_ISSUES(issueDetails.id),
+      (prevData) => {
+        if (!prevData) return prevData;
+
+        const stateDistribution = { ...prevData.state_distribution };
+
+        const issueGroup = issue.state_detail.group;
+        stateDistribution[issueGroup] = stateDistribution[issueGroup] - 1;
+
+        return {
+          state_distribution: stateDistribution,
+          sub_issues: prevData.sub_issues.filter((i: any) => i.id !== issue.id),
+        };
+      },
+      false
+    );
+
+    issuesService
+      .patchIssue(workspaceSlug.toString(), issue.project, issue.id, { parent: null }, user)
+      .finally(() => mutate(SUB_ISSUES(issueDetails.id)));
+  };
+
+  return (
+    <div>
+      <Label>Sub Issues</Label>
+      <div className="p-3 border border-custom-border-200 rounded-[4px]">
+        {!subIssuesResponse && (
+          <div className="flex justify-center items-center">
+            <Spinner />
+            Loading...
+          </div>
+        )}
+
+        {subIssuesResponse?.sub_issues.length === 0 && (
+          <div className="flex justify-center items-center">
+            <p className="text-sm text-custom-text-200">No sub issues</p>
+          </div>
+        )}
+
+        {subIssuesResponse?.sub_issues?.map((subIssue) => (
+          <div key={subIssue.id} className="flex items-center justify-between gap-2 py-2">
+            <div className="flex items-center">
+              <p className="mr-3 text-sm text-custom-text-300">
+                {subIssue.project_detail.identifier}-{subIssue.sequence_id}
+              </p>
+              <p className="text-sm font-normal">{subIssue.name}</p>
+            </div>
+            <button type="button" onClick={() => handleSubIssueRemove(subIssue)}>
+              <XMarkIcon className="w-5 h-5 text-custom-text-200" />
+            </button>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
diff --git a/web/components/web-view/web-view-modal.tsx b/web/components/web-view/web-view-modal.tsx
new file mode 100644
index 000000000..347cb3ada
--- /dev/null
+++ b/web/components/web-view/web-view-modal.tsx
@@ -0,0 +1,108 @@
+// react
+import React, { Fragment } from "react";
+
+// headless ui
+import { Transition, Dialog } from "@headlessui/react";
+
+// icons
+import { XMarkIcon } from "@heroicons/react/24/outline";
+
+type Props = {
+  isOpen: boolean;
+  onClose: () => void;
+  modalTitle: string;
+  children: React.ReactNode;
+};
+
+export const WebViewModal = (props: Props) => {
+  const { isOpen, onClose, modalTitle, children } = props;
+
+  const handleClose = () => {
+    onClose();
+  };
+
+  return (
+    <Transition.Root show={isOpen} as={Fragment}>
+      <Dialog as="div" className="relative z-10" onClose={handleClose}>
+        <Transition.Child
+          as={Fragment}
+          enter="ease-out duration-300"
+          enterFrom="opacity-0"
+          enterTo="opacity-100"
+          leave="ease-in duration-200"
+          leaveFrom="opacity-100"
+          leaveTo="opacity-0"
+        >
+          <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
+        </Transition.Child>
+
+        <div className="fixed inset-0 z-10 overflow-y-auto">
+          <div className="flex min-h-full items-end justify-center text-center sm:items-center">
+            <Transition.Child
+              as={Fragment}
+              enter="ease-out duration-300"
+              enterFrom="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+              enterTo="opacity-100 translate-y-0 sm:scale-100"
+              leave="ease-in duration-200"
+              leaveFrom="opacity-100 translate-y-0 sm:scale-100"
+              leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+            >
+              <Dialog.Panel className="relative transform overflow-hidden rounded-none rounded-tr-[4px] rounded-tl-[4px] bg-custom-background-100 p-6 text-left shadow-xl transition-all sm:my-8 w-full sm:p-6">
+                <div className="flex justify-between items-center w-full">
+                  <Dialog.Title
+                    as="h3"
+                    className="text-2xl font-semibold leading-6 text-custom-text-100"
+                  >
+                    {modalTitle}
+                  </Dialog.Title>
+                  <button
+                    type="button"
+                    className="inline-flex justify-center items-center p-2 rounded-md text-custom-text-200 hover:text-custom-text-100 focus:outline-none"
+                    onClick={handleClose}
+                  >
+                    <XMarkIcon className="w-6 h-6 text-custom-text-200" />
+                  </button>
+                </div>
+                <div className="mt-6">{children}</div>
+              </Dialog.Panel>
+            </Transition.Child>
+          </div>
+        </div>
+      </Dialog>
+    </Transition.Root>
+  );
+};
+
+type OptionsProps = {
+  selectedOption: string | null;
+  options: Array<{
+    label: string;
+    value: string | null;
+    icon?: any;
+    onClick: () => void;
+  }>;
+};
+
+const Options: React.FC<OptionsProps> = ({ options, selectedOption }) => (
+  <div className="space-y-6">
+    {options.map((option) => (
+      <div key={option.value} className="flex items-center justify-between gap-2 py-2">
+        <div className="flex items-center gap-x-2">
+          <input
+            type="checkbox"
+            checked={option.value === selectedOption}
+            onClick={option.onClick}
+            className="rounded-full border border-custom-border-200 bg-custom-background-100 w-4 h-4"
+          />
+
+          {option.icon}
+
+          <p className="text-sm font-normal">{option.label}</p>
+        </div>
+      </div>
+    ))}
+  </div>
+);
+
+WebViewModal.Options = Options;
+WebViewModal.Options.displayName = "WebViewModal.Options";
diff --git a/web/constants/fetch-keys.ts b/web/constants/fetch-keys.ts
index ac0bc8009..172c74683 100644
--- a/web/constants/fetch-keys.ts
+++ b/web/constants/fetch-keys.ts
@@ -229,6 +229,8 @@ export const INBOX_ISSUE_DETAILS = (inboxId: string, issueId: string) =>
 
 // Issues
 export const ISSUE_DETAILS = (issueId: string) => `ISSUE_DETAILS_${issueId.toUpperCase()}`;
+export const M_ISSUE_DETAILS = (workspaceSlug: string, projectId: string, issueId: string) =>
+  `M_ISSUE_DETAILS_${workspaceSlug.toUpperCase()}_${projectId.toUpperCase()}_${issueId}`;
 export const SUB_ISSUES = (issueId: string) => `SUB_ISSUES_${issueId.toUpperCase()}`;
 export const ISSUE_ATTACHMENTS = (issueId: string) => `ISSUE_ATTACHMENTS_${issueId.toUpperCase()}`;
 export const ARCHIVED_ISSUE_DETAILS = (issueId: string) =>
@@ -285,7 +287,9 @@ export const ANALYTICS = (workspaceSlug: string, params: IAnalyticsParams) =>
     params.segment
   }_${params.project?.toString()}`;
 export const DEFAULT_ANALYTICS = (workspaceSlug: string, params?: Partial<IAnalyticsParams>) =>
-  `DEFAULT_ANALYTICS_${workspaceSlug.toUpperCase()}_${params?.project?.toString()}_${params?.cycle}_${params?.module}`;
+  `DEFAULT_ANALYTICS_${workspaceSlug.toUpperCase()}_${params?.project?.toString()}_${
+    params?.cycle
+  }_${params?.module}`;
 
 // notifications
 export const USER_WORKSPACE_NOTIFICATIONS = (
diff --git a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
new file mode 100644
index 000000000..face68712
--- /dev/null
+++ b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -0,0 +1,214 @@
+// react
+import React, { useCallback, useEffect } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// react hook forms
+import { useForm, Controller } from "react-hook-form";
+
+// services
+import issuesService from "services/issues.service";
+
+// fetch key
+import { M_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+
+// hooks
+import useUser from "hooks/use-user";
+import { useProjectMyMembership } from "contexts/project-member.context";
+
+// layouts
+import DefaultLayout from "layouts/default-layout";
+
+// ui
+import { Spinner, Icon } from "components/ui";
+
+// components
+import {
+  StateSelect,
+  PrioritySelect,
+  IssueWebViewForm,
+  SubIssueList,
+  IssueAttachments,
+} from "components/web-view";
+
+// types
+import type { IIssue } from "types";
+
+const Label: React.FC<
+  React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>
+> = (props) => (
+  <label className="block text-base font-medium mb-[5px]" {...props}>
+    {props.children}
+  </label>
+);
+
+const MobileWebViewIssueDetail = () => {
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const { memberRole } = useProjectMyMembership();
+
+  const isAllowed = memberRole.isMember || memberRole.isOwner;
+
+  const { user } = useUser();
+
+  const { register, control, reset, handleSubmit, watch } = useForm<IIssue>({
+    defaultValues: {
+      name: "",
+      description: "",
+      description_html: "",
+      state: "",
+    },
+  });
+
+  const {
+    data: issueDetails,
+    mutate: mutateIssueDetails,
+    error,
+  } = useSWR(
+    workspaceSlug && projectId && issueId
+      ? M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
+      : null,
+    workspaceSlug && projectId && issueId
+      ? () =>
+          issuesService.retrieve(workspaceSlug.toString(), projectId.toString(), issueId.toString())
+      : null
+  );
+
+  useEffect(() => {
+    if (!issueDetails) return;
+    reset({
+      ...issueDetails,
+      name: issueDetails.name,
+      description: issueDetails.description,
+      description_html: issueDetails.description_html,
+      state: issueDetails.state,
+    });
+  }, [issueDetails, reset]);
+
+  const submitChanges = useCallback(
+    async (formData: Partial<IIssue>) => {
+      if (!workspaceSlug || !projectId || !issueId) return;
+
+      mutate<IIssue>(
+        M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString()),
+        (prevData) => {
+          if (!prevData) return prevData;
+
+          return {
+            ...prevData,
+            ...formData,
+          };
+        },
+        false
+      );
+
+      const payload: Partial<IIssue> = {
+        ...formData,
+      };
+
+      delete payload.blocker_issues;
+      delete payload.blocked_issues;
+
+      await issuesService
+        .patchIssue(workspaceSlug as string, projectId as string, issueId as string, payload, user)
+        .then(() => {
+          mutateIssueDetails();
+          mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
+        })
+        .catch((e) => {
+          console.error(e);
+        });
+    },
+    [workspaceSlug, issueId, projectId, mutateIssueDetails, user]
+  );
+
+  if (!error && !issueDetails)
+    return (
+      <DefaultLayout>
+        <div className="px-4 py-2 h-full">
+          <div className="h-full flex justify-center items-center">
+            <Spinner />
+            Loading...
+          </div>
+        </div>
+      </DefaultLayout>
+    );
+
+  if (error)
+    return (
+      <DefaultLayout>
+        <div className="px-4 py-2">{error?.response?.data || "Something went wrong"}</div>
+      </DefaultLayout>
+    );
+
+  return (
+    <DefaultLayout>
+      <div className="px-6 py-2 h-full overflow-auto space-y-3">
+        <IssueWebViewForm
+          isAllowed={isAllowed}
+          issueDetails={issueDetails!}
+          submitChanges={submitChanges}
+          register={register}
+          control={control}
+          watch={watch}
+          handleSubmit={handleSubmit}
+        />
+
+        <SubIssueList issueDetails={issueDetails!} />
+
+        <div>
+          <Label>Details</Label>
+          <div className="space-y-2 mb-[6px]">
+            <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+              <div className="flex items-center gap-1">
+                <Icon iconName="grid_view" />
+                <span className="text-sm text-custom-text-200">State</span>
+              </div>
+              <div>
+                <Controller
+                  control={control}
+                  name="state"
+                  render={({ field: { value } }) => (
+                    <StateSelect
+                      value={value}
+                      onChange={(val: string) => submitChanges({ state: val })}
+                    />
+                  )}
+                />
+              </div>
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+              <div className="flex items-center gap-1">
+                <Icon iconName="grid_view" />
+                <span className="text-sm text-custom-text-200">Priority</span>
+              </div>
+              <div>
+                <Controller
+                  control={control}
+                  name="priority"
+                  render={({ field: { value } }) => (
+                    <PrioritySelect
+                      value={value}
+                      onChange={(val: string) => submitChanges({ priority: val })}
+                    />
+                  )}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <IssueAttachments />
+      </div>
+    </DefaultLayout>
+  );
+};
+
+export default MobileWebViewIssueDetail;

From 8d5ff1a62879770946c9af020f5a61ac2d2c3489 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Tue, 5 Sep 2023 16:12:17 +0530
Subject: [PATCH 47/81] fix: redirection after signing in on space

---
 space/components/accounts/sign-in.tsx |  7 ++++---
 space/store/user.ts                   | 12 ++++--------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/space/components/accounts/sign-in.tsx b/space/components/accounts/sign-in.tsx
index 50d9c7da0..661675e07 100644
--- a/space/components/accounts/sign-in.tsx
+++ b/space/components/accounts/sign-in.tsx
@@ -19,7 +19,6 @@ export const SignInView = observer(() => {
   const { user: userStore } = useMobxStore();
 
   const router = useRouter();
-  const { next_path } = router.query;
 
   const { setToastAlert } = useToast();
 
@@ -34,13 +33,15 @@ export const SignInView = observer(() => {
   const onSignInSuccess = (response: any) => {
     const isOnboarded = response?.user?.onboarding_step?.profile_complete || false;
 
+    const nextPath = router.asPath.includes("next_path") ? router.asPath.split("/?next_path=")[1] : "/";
+
     userStore.setCurrentUser(response?.user);
 
     if (!isOnboarded) {
-      router.push(`/onboarding?next_path=${next_path}`);
+      router.push(`/onboarding?next_path=${nextPath}`);
       return;
     }
-    router.push((next_path ?? "/").toString());
+    router.push((nextPath ?? "/").toString());
   };
 
   const handleGoogleSignIn = async ({ clientId, credential }: any) => {
diff --git a/space/store/user.ts b/space/store/user.ts
index 8d34b0bdc..3a76c2111 100644
--- a/space/store/user.ts
+++ b/space/store/user.ts
@@ -62,17 +62,13 @@ class UserStore implements IUserStore {
       return;
     }
 
+    const currentPath = window.location.pathname + window.location.search;
     this.fetchCurrentUser()
       .then(() => {
-        if (!this.currentUser) {
-          const currentPath = window.location.pathname;
-          window.location.href = `/?next_path=${currentPath}`;
-        } else callback();
+        if (!this.currentUser) window.location.href = `/?next_path=${currentPath}`;
+        else callback();
       })
-      .catch(() => {
-        const currentPath = window.location.pathname;
-        window.location.href = `/?next_path=${currentPath}`;
-      });
+      .catch(() => (window.location.href = `/?next_path=${currentPath}`));
   };
 
   fetchCurrentUser = async () => {

From 90276073cd3481b16185634f9b6781c5c21759c2 Mon Sep 17 00:00:00 2001
From: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com>
Date: Tue, 5 Sep 2023 16:53:53 +0530
Subject: [PATCH 48/81] fix: validation in automation task (#2094)

---
 .../plane/bgtasks/issue_automation_task.py    | 56 ++++++++++---------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/apiserver/plane/bgtasks/issue_automation_task.py b/apiserver/plane/bgtasks/issue_automation_task.py
index a1f4a3e92..e56bda4cc 100644
--- a/apiserver/plane/bgtasks/issue_automation_task.py
+++ b/apiserver/plane/bgtasks/issue_automation_task.py
@@ -64,21 +64,22 @@ def archive_old_issues():
                     issues_to_update.append(issue)
 
                 # Bulk Update the issues and log the activity
-                updated_issues = Issue.objects.bulk_update(
-                    issues_to_update, ["archived_at"], batch_size=100
-                )
-                [
-                    issue_activity.delay(
-                        type="issue.activity.updated",
-                        requested_data=json.dumps({"archived_at": str(issue.archived_at)}),
-                        actor_id=str(project.created_by_id),
-                        issue_id=issue.id,
-                        project_id=project_id,
-                        current_instance=None,
-                        subscriber=False,
+                if issues_to_update: 
+                    updated_issues = Issue.objects.bulk_update(
+                        issues_to_update, ["archived_at"], batch_size=100
                     )
-                    for issue in updated_issues
-                ]
+                    [
+                        issue_activity.delay(
+                            type="issue.activity.updated",
+                            requested_data=json.dumps({"archived_at": str(issue.archived_at)}),
+                            actor_id=str(project.created_by_id),
+                            issue_id=issue.id,
+                            project_id=project_id,
+                            current_instance=None,
+                            subscriber=False,
+                        )
+                        for issue in updated_issues
+                    ]
         return
     except Exception as e:
         if settings.DEBUG:
@@ -136,19 +137,20 @@ def close_old_issues():
                     issues_to_update.append(issue)
 
                 # Bulk Update the issues and log the activity
-                updated_issues = Issue.objects.bulk_update(issues_to_update, ["state"], batch_size=100)
-                [
-                    issue_activity.delay(
-                        type="issue.activity.updated",
-                        requested_data=json.dumps({"closed_to": str(issue.state_id)}),
-                        actor_id=str(project.created_by_id),
-                        issue_id=issue.id,
-                        project_id=project_id,
-                        current_instance=None,
-                        subscriber=False,
-                    )
-                    for issue in updated_issues
-                ]
+                if issues_to_update:
+                    updated_issues = Issue.objects.bulk_update(issues_to_update, ["state"], batch_size=100)
+                    [
+                        issue_activity.delay(
+                            type="issue.activity.updated",
+                            requested_data=json.dumps({"closed_to": str(issue.state_id)}),
+                            actor_id=str(project.created_by_id),
+                            issue_id=issue.id,
+                            project_id=project_id,
+                            current_instance=None,
+                            subscriber=False,
+                        )
+                        for issue in updated_issues
+                    ]
         return
     except Exception as e:
         if settings.DEBUG:

From b40059ea21a30b6257e23bb349907b1a6f58c656 Mon Sep 17 00:00:00 2001
From: dakshesh14 <dakshesh.jain14@gmail.com>
Date: Tue, 5 Sep 2023 17:06:17 +0530
Subject: [PATCH 49/81] feat: add links and permission to perform actions

refactor: divided file into components
---
 .../web-view/create-update-link-form.tsx      | 172 ++++++++++++++++++
 web/components/web-view/index.ts              |   3 +
 web/components/web-view/issue-attachments.tsx |  13 +-
 web/components/web-view/issue-link-list.tsx   |  64 +++++++
 .../web-view/issue-properties-detail.tsx      |  69 +++++++
 web/components/web-view/web-view-modal.tsx    |   4 +-
 .../projects/[projectId]/issues/[issueId].tsx |  74 ++------
 7 files changed, 336 insertions(+), 63 deletions(-)
 create mode 100644 web/components/web-view/create-update-link-form.tsx
 create mode 100644 web/components/web-view/issue-link-list.tsx
 create mode 100644 web/components/web-view/issue-properties-detail.tsx

diff --git a/web/components/web-view/create-update-link-form.tsx b/web/components/web-view/create-update-link-form.tsx
new file mode 100644
index 000000000..3e1d1368c
--- /dev/null
+++ b/web/components/web-view/create-update-link-form.tsx
@@ -0,0 +1,172 @@
+// react
+import React from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import { mutate } from "swr";
+
+// react hooks form
+import { useForm } from "react-hook-form";
+
+// services
+import issuesService from "services/issues.service";
+
+// fetch keys
+import { M_ISSUE_DETAILS } from "constants/fetch-keys";
+
+// hooks
+import useToast from "hooks/use-toast";
+
+// ui
+import { PrimaryButton, Input } from "components/ui";
+
+// types
+import type { linkDetails, IIssueLink } from "types";
+
+type Props = {
+  links?: linkDetails[];
+  data?: linkDetails;
+  onSuccess: () => void;
+};
+
+export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
+  const { data, links, onSuccess } = props;
+
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+  } = useForm({
+    defaultValues: {
+      title: "",
+      url: "",
+    },
+  });
+
+  const onSubmit = async (formData: IIssueLink) => {
+    if (!workspaceSlug || !projectId || !issueId) return;
+
+    const payload = { metadata: {}, ...formData };
+
+    if (!data)
+      await issuesService
+        .createIssueLink(
+          workspaceSlug.toString(),
+          projectId.toString(),
+          issueId.toString(),
+          payload
+        )
+        .then(() => {
+          onSuccess();
+          mutate(
+            M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
+          );
+        })
+        .catch((err) => {
+          if (err?.status === 400)
+            setToastAlert({
+              type: "error",
+              title: "Error!",
+              message: "This URL already exists for this issue.",
+            });
+          else
+            setToastAlert({
+              type: "error",
+              title: "Error!",
+              message: "Something went wrong. Please try again.",
+            });
+        });
+    else {
+      const updatedLinks = links?.map((l) =>
+        l.id === data.id
+          ? {
+              ...l,
+              title: formData.title,
+              url: formData.url,
+            }
+          : l
+      );
+
+      mutate(
+        M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString()),
+        (prevData) => ({ ...prevData, issue_link: updatedLinks }),
+        false
+      );
+
+      await issuesService
+        .updateIssueLink(
+          workspaceSlug.toString(),
+          projectId.toString(),
+          issueId.toString(),
+          data!.id,
+          payload
+        )
+        .then(() => {
+          onSuccess();
+          mutate(
+            M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
+          );
+        });
+    }
+  };
+
+  return (
+    <form className="space-y-5" onSubmit={handleSubmit(onSubmit)}>
+      <div>
+        <div className="space-y-5">
+          <div className="mt-2 space-y-3">
+            <div>
+              <Input
+                id="url"
+                label="URL"
+                name="url"
+                type="url"
+                placeholder="https://..."
+                autoComplete="off"
+                error={errors.url}
+                register={register}
+                validations={{
+                  required: "URL is required",
+                }}
+              />
+            </div>
+            <div>
+              <Input
+                id="title"
+                label="Title (optional)"
+                name="title"
+                type="text"
+                placeholder="Enter title"
+                autoComplete="off"
+                error={errors.title}
+                register={register}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="mt-5 flex justify-end gap-2">
+        <PrimaryButton
+          type="submit"
+          loading={isSubmitting}
+          className="w-full !py-2 text-custom-text-300 !text-base flex items-center justify-center"
+        >
+          {data
+            ? isSubmitting
+              ? "Updating Link..."
+              : "Update Link"
+            : isSubmitting
+            ? "Adding Link..."
+            : "Add Link"}
+        </PrimaryButton>
+      </div>
+    </form>
+  );
+};
diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
index 48178dfc6..817f5f2f1 100644
--- a/web/components/web-view/index.ts
+++ b/web/components/web-view/index.ts
@@ -5,3 +5,6 @@ export * from "./issue-web-view-form";
 export * from "./label";
 export * from "./sub-issues";
 export * from "./issue-attachments";
+export * from "./issue-properties-detail";
+export * from "./issue-link-list";
+export * from "./create-update-link-form";
diff --git a/web/components/web-view/issue-attachments.tsx b/web/components/web-view/issue-attachments.tsx
index e2636fc53..ba6523e9b 100644
--- a/web/components/web-view/issue-attachments.tsx
+++ b/web/components/web-view/issue-attachments.tsx
@@ -29,7 +29,13 @@ import { Label, WebViewModal } from "components/web-view";
 // types
 import type { IIssueAttachment } from "types";
 
-export const IssueAttachments: React.FC = () => {
+type Props = {
+  allowed: boolean;
+};
+
+export const IssueAttachments: React.FC<Props> = (props) => {
+  const { allowed } = props;
+
   const router = useRouter();
   const { workspaceSlug, projectId, issueId } = router.query;
 
@@ -89,6 +95,7 @@ export const IssueAttachments: React.FC = () => {
   const { getRootProps } = useDropzone({
     onDrop,
     maxSize: 5 * 1024 * 1024,
+    disabled: !allowed || isLoading,
   });
 
   const { data: attachments } = useSWR<IIssueAttachment[]>(
@@ -109,7 +116,9 @@ export const IssueAttachments: React.FC = () => {
         <div className="space-y-6">
           <div
             {...getRootProps()}
-            className="border-b w-full py-2 text-custom-text-100 px-2 flex justify-between items-center"
+            className={`border-b w-full py-2 text-custom-text-100 px-2 flex justify-between items-center ${
+              !allowed || isLoading ? "cursor-not-allowed" : "cursor-pointer"
+            }`}
           >
             {isLoading ? (
               <p className="text-center">Uploading...</p>
diff --git a/web/components/web-view/issue-link-list.tsx b/web/components/web-view/issue-link-list.tsx
new file mode 100644
index 000000000..1eca8a9df
--- /dev/null
+++ b/web/components/web-view/issue-link-list.tsx
@@ -0,0 +1,64 @@
+// react
+import React, { useState } from "react";
+
+// next
+import Link from "next/link";
+
+// icons
+import { LinkIcon, PlusIcon } from "@heroicons/react/24/outline";
+
+// components
+import { Label, WebViewModal, CreateUpdateLinkForm } from "components/web-view";
+
+// ui
+import { SecondaryButton } from "components/ui";
+
+// types
+import type { linkDetails } from "types";
+
+type Props = {
+  allowed: boolean;
+  links?: linkDetails[];
+};
+
+export const IssueLinks: React.FC<Props> = (props) => {
+  const { links, allowed } = props;
+
+  const [isOpen, setIsOpen] = useState(false);
+
+  return (
+    <div>
+      <WebViewModal isOpen={isOpen} onClose={() => setIsOpen(false)} modalTitle="Add Link">
+        <CreateUpdateLinkForm links={links} onSuccess={() => setIsOpen(false)} />
+      </WebViewModal>
+
+      <Label>Attachments</Label>
+      <div className="mt-1 space-y-[6px]">
+        {links?.map((link) => (
+          <div
+            key={link.id}
+            className="px-3 border border-custom-border-200 rounded-[4px] py-2 flex justify-between items-center bg-custom-background-100"
+          >
+            <Link href={link.url}>
+              <a target="_blank" className="text-custom-text-200 truncate">
+                <span>
+                  <LinkIcon className="w-4 h-4 inline-block mr-1" />
+                </span>
+                <span>{link.title}</span>
+              </a>
+            </Link>
+          </div>
+        ))}
+        <SecondaryButton
+          type="button"
+          disabled={!allowed}
+          onClick={() => setIsOpen(true)}
+          className="w-full !py-2 text-custom-text-300 !text-base flex items-center justify-center"
+        >
+          <PlusIcon className="w-4 h-4 inline-block mr-1" />
+          <span>Add</span>
+        </SecondaryButton>
+      </div>
+    </div>
+  );
+};
diff --git a/web/components/web-view/issue-properties-detail.tsx b/web/components/web-view/issue-properties-detail.tsx
new file mode 100644
index 000000000..44e8a968b
--- /dev/null
+++ b/web/components/web-view/issue-properties-detail.tsx
@@ -0,0 +1,69 @@
+// react
+import React from "react";
+
+// react hook forms
+import { Controller } from "react-hook-form";
+
+// ui
+import { Icon } from "components/ui";
+
+// components
+import { Label, StateSelect, PrioritySelect } from "components/web-view";
+
+// types
+import type { IIssue } from "types";
+
+type Props = {
+  control: any;
+  submitChanges: (data: Partial<IIssue>) => Promise<void>;
+};
+
+export const IssuePropertiesDetail: React.FC<Props> = (props) => {
+  const { control, submitChanges } = props;
+
+  return (
+    <div>
+      <Label>Details</Label>
+      <div className="space-y-2 mb-[6px]">
+        <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+          <div className="flex items-center gap-1">
+            <Icon iconName="grid_view" />
+            <span className="text-sm text-custom-text-200">State</span>
+          </div>
+          <div>
+            <Controller
+              control={control}
+              name="state"
+              render={({ field: { value } }) => (
+                <StateSelect
+                  value={value}
+                  onChange={(val: string) => submitChanges({ state: val })}
+                />
+              )}
+            />
+          </div>
+        </div>
+      </div>
+      <div className="space-y-2">
+        <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+          <div className="flex items-center gap-1">
+            <Icon iconName="grid_view" />
+            <span className="text-sm text-custom-text-200">Priority</span>
+          </div>
+          <div>
+            <Controller
+              control={control}
+              name="priority"
+              render={({ field: { value } }) => (
+                <PrioritySelect
+                  value={value}
+                  onChange={(val: string) => submitChanges({ priority: val })}
+                />
+              )}
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
diff --git a/web/components/web-view/web-view-modal.tsx b/web/components/web-view/web-view-modal.tsx
index 347cb3ada..980ddc79a 100644
--- a/web/components/web-view/web-view-modal.tsx
+++ b/web/components/web-view/web-view-modal.tsx
@@ -36,7 +36,7 @@ export const WebViewModal = (props: Props) => {
           <div className="fixed inset-0 bg-custom-backdrop bg-opacity-50 transition-opacity" />
         </Transition.Child>
 
-        <div className="fixed inset-0 z-10 overflow-y-auto">
+        <div className="fixed bottom-0 left-0 w-full z-10 overflow-y-auto">
           <div className="flex min-h-full items-end justify-center text-center sm:items-center">
             <Transition.Child
               as={Fragment}
@@ -47,7 +47,7 @@ export const WebViewModal = (props: Props) => {
               leaveFrom="opacity-100 translate-y-0 sm:scale-100"
               leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
-              <Dialog.Panel className="relative transform overflow-hidden rounded-none rounded-tr-[4px] rounded-tl-[4px] bg-custom-background-100 p-6 text-left shadow-xl transition-all sm:my-8 w-full sm:p-6">
+              <Dialog.Panel className="relative transform overflow-hidden rounded-none rounded-tr-[4px] rounded-tl-[4px] bg-custom-background-100 p-6 text-left shadow-xl transition-all sm:mt-8 w-full">
                 <div className="flex justify-between items-center w-full">
                   <Dialog.Title
                     as="h3"
diff --git a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
index face68712..7054c86a5 100644
--- a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
+++ b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -8,7 +8,7 @@ import { useRouter } from "next/router";
 import useSWR, { mutate } from "swr";
 
 // react hook forms
-import { useForm, Controller } from "react-hook-form";
+import { useForm } from "react-hook-form";
 
 // services
 import issuesService from "services/issues.service";
@@ -18,41 +18,37 @@ import { M_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 
 // hooks
 import useUser from "hooks/use-user";
-import { useProjectMyMembership } from "contexts/project-member.context";
+import useProjectMembers from "hooks/use-project-members";
 
 // layouts
 import DefaultLayout from "layouts/default-layout";
 
 // ui
-import { Spinner, Icon } from "components/ui";
+import { Spinner } from "components/ui";
 
 // components
 import {
-  StateSelect,
-  PrioritySelect,
   IssueWebViewForm,
   SubIssueList,
   IssueAttachments,
+  IssuePropertiesDetail,
+  IssueLinks,
 } from "components/web-view";
 
 // types
 import type { IIssue } from "types";
 
-const Label: React.FC<
-  React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>
-> = (props) => (
-  <label className="block text-base font-medium mb-[5px]" {...props}>
-    {props.children}
-  </label>
-);
-
 const MobileWebViewIssueDetail = () => {
   const router = useRouter();
   const { workspaceSlug, projectId, issueId } = router.query;
 
-  const { memberRole } = useProjectMyMembership();
+  const memberRole = useProjectMembers(
+    workspaceSlug as string,
+    projectId as string,
+    !!workspaceSlug && !!projectId
+  );
 
-  const isAllowed = memberRole.isMember || memberRole.isOwner;
+  const isAllowed = Boolean(memberRole.isMember || memberRole.isOwner);
 
   const { user } = useUser();
 
@@ -161,51 +157,11 @@ const MobileWebViewIssueDetail = () => {
 
         <SubIssueList issueDetails={issueDetails!} />
 
-        <div>
-          <Label>Details</Label>
-          <div className="space-y-2 mb-[6px]">
-            <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
-              <div className="flex items-center gap-1">
-                <Icon iconName="grid_view" />
-                <span className="text-sm text-custom-text-200">State</span>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="state"
-                  render={({ field: { value } }) => (
-                    <StateSelect
-                      value={value}
-                      onChange={(val: string) => submitChanges({ state: val })}
-                    />
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-          <div className="space-y-2">
-            <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
-              <div className="flex items-center gap-1">
-                <Icon iconName="grid_view" />
-                <span className="text-sm text-custom-text-200">Priority</span>
-              </div>
-              <div>
-                <Controller
-                  control={control}
-                  name="priority"
-                  render={({ field: { value } }) => (
-                    <PrioritySelect
-                      value={value}
-                      onChange={(val: string) => submitChanges({ priority: val })}
-                    />
-                  )}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
+        <IssuePropertiesDetail control={control} submitChanges={submitChanges} />
 
-        <IssueAttachments />
+        <IssueAttachments allowed={isAllowed} />
+
+        <IssueLinks allowed={isAllowed} links={issueDetails?.issue_link} />
       </div>
     </DefaultLayout>
   );

From 60c3d1a6e9d058eab721981b16e9df4554f07f8f Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 11:59:57 +0530
Subject: [PATCH 50/81] feat: comment reactions

---
 .../{ => comment}/add-comment.tsx             |   0
 .../{ => comment}/comment-detail-card.tsx     |  16 ++-
 .../comment/comment-reactions.tsx             | 117 ++++++++++++++++++
 .../issues/peek-overview/comment/index.ts     |   3 +
 .../issues/peek-overview/header.tsx           |   6 +-
 .../components/issues/peek-overview/index.ts  |   3 +-
 .../peek-overview/issue-emoji-reactions.tsx   |  20 ++-
 space/components/ui/reaction-selector.tsx     |  11 +-
 space/services/issue.service.ts               |  43 +++++--
 space/store/issue_details.ts                  | 113 ++++++++++++++++-
 space/types/issue.ts                          |  37 +++---
 11 files changed, 324 insertions(+), 45 deletions(-)
 rename space/components/issues/peek-overview/{ => comment}/add-comment.tsx (100%)
 rename space/components/issues/peek-overview/{ => comment}/comment-detail-card.tsx (96%)
 create mode 100644 space/components/issues/peek-overview/comment/comment-reactions.tsx
 create mode 100644 space/components/issues/peek-overview/comment/index.ts

diff --git a/space/components/issues/peek-overview/add-comment.tsx b/space/components/issues/peek-overview/comment/add-comment.tsx
similarity index 100%
rename from space/components/issues/peek-overview/add-comment.tsx
rename to space/components/issues/peek-overview/comment/add-comment.tsx
diff --git a/space/components/issues/peek-overview/comment-detail-card.tsx b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
similarity index 96%
rename from space/components/issues/peek-overview/comment-detail-card.tsx
rename to space/components/issues/peek-overview/comment/comment-detail-card.tsx
index a43942f4c..7c785d988 100644
--- a/space/components/issues/peek-overview/comment-detail-card.tsx
+++ b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
@@ -1,17 +1,22 @@
-import React, { useEffect, useState, useRef } from "react";
-import { useForm, Controller } from "react-hook-form";
+import React, { useState } from "react";
+
+// mobx
 import { observer } from "mobx-react-lite";
+// react-hook-form
+import { useForm, Controller } from "react-hook-form";
+// headless ui
 import { Menu, Transition } from "@headlessui/react";
 // lib
 import { useMobxStore } from "lib/mobx/store-provider";
+// components
+import { TipTapEditor } from "components/tiptap";
+import { CommentReactions } from "components/issues/peek-overview";
 // icons
 import { ChatBubbleLeftEllipsisIcon, CheckIcon, XMarkIcon, EllipsisVerticalIcon } from "@heroicons/react/24/outline";
 // helpers
 import { timeAgo } from "helpers/date-time.helper";
 // types
 import { Comment } from "types/issue";
-// components
-import { TipTapEditor } from "components/tiptap";
 
 type Props = {
   workspaceSlug: string;
@@ -76,7 +81,7 @@ export const CommentCard: React.FC<Props> = observer((props) => {
             {comment.actor_detail.is_bot ? comment.actor_detail.first_name + " Bot" : comment.actor_detail.display_name}
           </div>
           <p className="mt-0.5 text-xs text-custom-text-200">
-            <>Commented {timeAgo(comment.created_at)}</>
+            <>commented {timeAgo(comment.created_at)}</>
           </p>
         </div>
         <div className="issue-comments-section p-0">
@@ -125,6 +130,7 @@ export const CommentCard: React.FC<Props> = observer((props) => {
               editable={false}
               customClassName="text-xs border border-custom-border-200 bg-custom-background-100"
             />
+            <CommentReactions commentId={comment.id} projectId={comment.project} />
           </div>
         </div>
       </div>
diff --git a/space/components/issues/peek-overview/comment/comment-reactions.tsx b/space/components/issues/peek-overview/comment/comment-reactions.tsx
new file mode 100644
index 000000000..7ec5c73b0
--- /dev/null
+++ b/space/components/issues/peek-overview/comment/comment-reactions.tsx
@@ -0,0 +1,117 @@
+import React from "react";
+
+import { useRouter } from "next/router";
+
+// mobx
+import { observer } from "mobx-react-lite";
+import { useMobxStore } from "lib/mobx/store-provider";
+// ui
+import { ReactionSelector } from "components/ui";
+// helpers
+import { groupReactions, renderEmoji } from "helpers/emoji.helper";
+
+type Props = {
+  commentId: string;
+  projectId: string;
+};
+
+export const CommentReactions: React.FC<Props> = observer((props) => {
+  const { commentId, projectId } = props;
+
+  const router = useRouter();
+  const { workspace_slug } = router.query;
+
+  const { issueDetails: issueDetailsStore, user: userStore } = useMobxStore();
+
+  const peekId = issueDetailsStore.peekId;
+  const user = userStore.currentUser;
+
+  const commentReactions = peekId
+    ? issueDetailsStore.details[peekId].comments.find((c) => c.id === commentId)?.comment_reactions
+    : [];
+  const groupedReactions = peekId ? groupReactions(commentReactions ?? [], "reaction") : {};
+
+  const userReactions = commentReactions?.filter((r) => r.actor_detail.id === user?.id);
+
+  const handleAddReaction = (reactionHex: string) => {
+    if (!workspace_slug || !projectId || !peekId) return;
+
+    issueDetailsStore.addCommentReaction(
+      workspace_slug.toString(),
+      projectId.toString(),
+      peekId,
+      commentId,
+      reactionHex
+    );
+  };
+
+  const handleRemoveReaction = (reactionHex: string) => {
+    if (!workspace_slug || !projectId || !peekId) return;
+
+    issueDetailsStore.removeCommentReaction(
+      workspace_slug.toString(),
+      projectId.toString(),
+      peekId,
+      commentId,
+      reactionHex
+    );
+  };
+
+  const handleReactionClick = (reactionHex: string) => {
+    const userReaction = userReactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
+
+    if (userReaction) handleRemoveReaction(reactionHex);
+    else handleAddReaction(reactionHex);
+  };
+
+  return (
+    <div className="flex gap-1.5 items-center mt-2">
+      <ReactionSelector
+        onSelect={(value) => {
+          userStore.requiredLogin(() => {
+            handleReactionClick(value);
+          });
+        }}
+        position="top"
+        selected={userReactions?.map((r) => r.reaction)}
+        size="md"
+      />
+
+      {Object.keys(groupedReactions || {}).map(
+        (reaction) =>
+          groupedReactions?.[reaction]?.length &&
+          groupedReactions[reaction].length > 0 && (
+            <button
+              type="button"
+              onClick={() => {
+                userStore.requiredLogin(() => {
+                  handleReactionClick(reaction);
+                });
+              }}
+              key={reaction}
+              className={`flex items-center gap-1 text-custom-text-100 text-sm h-full px-2 py-1 rounded-md ${
+                commentReactions?.some(
+                  (r) => r.actor_detail.id === userStore.currentUser?.id && r.reaction === reaction
+                )
+                  ? "bg-custom-primary-100/10"
+                  : "bg-custom-background-80"
+              }`}
+            >
+              <span>{renderEmoji(reaction)}</span>
+              <span
+                className={
+                  commentReactions?.some(
+                    (r) => r.actor_detail.id === userStore.currentUser?.id && r.reaction === reaction
+                  )
+                    ? "text-custom-primary-100"
+                    : ""
+                }
+              >
+                {groupedReactions?.[reaction].length}{" "}
+              </span>
+            </button>
+          )
+      )}
+    </div>
+  );
+});
diff --git a/space/components/issues/peek-overview/comment/index.ts b/space/components/issues/peek-overview/comment/index.ts
new file mode 100644
index 000000000..d217c0ddf
--- /dev/null
+++ b/space/components/issues/peek-overview/comment/index.ts
@@ -0,0 +1,3 @@
+export * from "./add-comment";
+export * from "./comment-detail-card";
+export * from "./comment-reactions";
diff --git a/space/components/issues/peek-overview/header.tsx b/space/components/issues/peek-overview/header.tsx
index 2aa43ff47..7a0b43b98 100644
--- a/space/components/issues/peek-overview/header.tsx
+++ b/space/components/issues/peek-overview/header.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 
+// mobx
+import { observer } from "mobx-react-lite";
 // headless ui
 import { Listbox, Transition } from "@headlessui/react";
 // hooks
@@ -41,7 +43,7 @@ const peekModes: {
   },
 ];
 
-export const PeekOverviewHeader: React.FC<Props> = (props) => {
+export const PeekOverviewHeader: React.FC<Props> = observer((props) => {
   const { handleClose, issueDetails } = props;
 
   const { issueDetails: issueDetailStore }: RootStore = useMobxStore();
@@ -137,4 +139,4 @@ export const PeekOverviewHeader: React.FC<Props> = (props) => {
       </div>
     </>
   );
-};
+});
diff --git a/space/components/issues/peek-overview/index.ts b/space/components/issues/peek-overview/index.ts
index 44ab04b88..f42253e5e 100644
--- a/space/components/issues/peek-overview/index.ts
+++ b/space/components/issues/peek-overview/index.ts
@@ -1,3 +1,4 @@
+export * from "./comment";
 export * from "./full-screen-peek-view";
 export * from "./header";
 export * from "./issue-activity";
@@ -8,5 +9,3 @@ export * from "./side-peek-view";
 export * from "./issue-reaction";
 export * from "./issue-vote-reactions";
 export * from "./issue-emoji-reactions";
-export * from "./comment-detail-card";
-export * from "./add-comment";
diff --git a/space/components/issues/peek-overview/issue-emoji-reactions.tsx b/space/components/issues/peek-overview/issue-emoji-reactions.tsx
index 3d2bfadac..b0c5b0361 100644
--- a/space/components/issues/peek-overview/issue-emoji-reactions.tsx
+++ b/space/components/issues/peek-overview/issue-emoji-reactions.tsx
@@ -20,18 +20,27 @@ export const IssueEmojiReactions: React.FC = observer(() => {
   const reactions = issueId ? issueDetailsStore.details[issueId]?.reactions || [] : [];
   const groupedReactions = groupReactions(reactions, "reaction");
 
-  const handleReactionSelectClick = (reactionHex: string) => {
+  const userReactions = reactions?.filter((r) => r.actor_detail.id === user?.id);
+
+  const handleAddReaction = (reactionHex: string) => {
     if (!workspace_slug || !project_slug || !issueId) return;
-    const userReaction = reactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
-    if (userReaction) return;
+
     issueDetailsStore.addIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
   };
 
-  const handleReactionClick = (reactionHex: string) => {
+  const handleRemoveReaction = (reactionHex: string) => {
     if (!workspace_slug || !project_slug || !issueId) return;
+
     issueDetailsStore.removeIssueReaction(workspace_slug.toString(), project_slug.toString(), issueId, reactionHex);
   };
 
+  const handleReactionClick = (reactionHex: string) => {
+    const userReaction = userReactions?.find((r) => r.actor_detail.id === user?.id && r.reaction === reactionHex);
+
+    if (userReaction) handleRemoveReaction(reactionHex);
+    else handleAddReaction(reactionHex);
+  };
+
   useEffect(() => {
     if (user) return;
     userStore.fetchCurrentUser();
@@ -42,9 +51,10 @@ export const IssueEmojiReactions: React.FC = observer(() => {
       <ReactionSelector
         onSelect={(value) => {
           userStore.requiredLogin(() => {
-            handleReactionSelectClick(value);
+            handleReactionClick(value);
           });
         }}
+        selected={userReactions?.map((r) => r.reaction)}
         size="md"
       />
       <div className="flex items-center gap-2 flex-wrap">
diff --git a/space/components/ui/reaction-selector.tsx b/space/components/ui/reaction-selector.tsx
index 70994460c..302ff7387 100644
--- a/space/components/ui/reaction-selector.tsx
+++ b/space/components/ui/reaction-selector.tsx
@@ -12,13 +12,14 @@ import { Icon } from "components/ui";
 const reactionEmojis = ["128077", "128078", "128516", "128165", "128533", "129505", "9992", "128064"];
 
 interface Props {
-  size?: "sm" | "md" | "lg";
-  position?: "top" | "bottom";
   onSelect: (emoji: string) => void;
+  position?: "top" | "bottom";
+  selected?: string[];
+  size?: "sm" | "md" | "lg";
 }
 
 export const ReactionSelector: React.FC<Props> = (props) => {
-  const { onSelect, position, size } = props;
+  const { onSelect, position, selected = [], size } = props;
 
   return (
     <Popover className="relative">
@@ -61,7 +62,9 @@ export const ReactionSelector: React.FC<Props> = (props) => {
                         onSelect(emoji);
                         closePopover();
                       }}
-                      className="flex select-none items-center justify-between rounded-md text-sm p-1 hover:bg-custom-sidebar-background-90"
+                      className={`grid place-items-center select-none rounded-md text-sm p-1 ${
+                        selected.includes(emoji) ? "bg-custom-primary-100/10" : "hover:bg-custom-sidebar-background-80"
+                      }`}
                     >
                       {renderEmoji(emoji)}
                     </button>
diff --git a/space/services/issue.service.ts b/space/services/issue.service.ts
index 03a94654b..835778fb2 100644
--- a/space/services/issue.service.ts
+++ b/space/services/issue.service.ts
@@ -93,16 +93,6 @@ class IssueService extends APIService {
       });
   }
 
-  async getCommentsReactions(workspaceSlug: string, projectId: string, commentId: string): Promise<any> {
-    return this.get(
-      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/`
-    )
-      .then((response) => response?.data)
-      .catch((error) => {
-        throw error?.response;
-      });
-  }
-
   async createIssueComment(workspaceSlug: string, projectId: string, issueId: string, data: any): Promise<any> {
     return this.post(
       `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/issues/${issueId}/comments/`,
@@ -140,6 +130,39 @@ class IssueService extends APIService {
         throw error?.response;
       });
   }
+
+  async createCommentReaction(
+    workspaceSlug: string,
+    projectId: string,
+    commentId: string,
+    data: {
+      reaction: string;
+    }
+  ): Promise<any> {
+    return this.post(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/`,
+      data
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
+
+  async deleteCommentReaction(
+    workspaceSlug: string,
+    projectId: string,
+    commentId: string,
+    reactionHex: string
+  ): Promise<any> {
+    return this.delete(
+      `/api/public/workspaces/${workspaceSlug}/project-boards/${projectId}/comments/${commentId}/reactions/${reactionHex}/`
+    )
+      .then((response) => response?.data)
+      .catch((error) => {
+        throw error?.response;
+      });
+  }
 }
 
 export default IssueService;
diff --git a/space/store/issue_details.ts b/space/store/issue_details.ts
index 10679cf17..26b6148c3 100644
--- a/space/store/issue_details.ts
+++ b/space/store/issue_details.ts
@@ -32,6 +32,20 @@ export interface IIssueDetailStore {
     data: any
   ) => Promise<any>;
   deleteIssueComment: (workspaceId: string, projectId: string, issueId: string, comment_id: string) => void;
+  addCommentReaction: (
+    workspaceId: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    reactionHex: string
+  ) => void;
+  removeCommentReaction: (
+    workspaceId: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    reactionHex: string
+  ) => void;
   // issue reactions
   addIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
   removeIssueReaction: (workspaceId: string, projectId: string, issueId: string, reactionHex: string) => void;
@@ -61,8 +75,17 @@ class IssueDetailStore implements IssueDetailStore {
       details: observable.ref,
       // actions
       setPeekId: action,
-      fetchIssueDetails: action,
       setPeekMode: action,
+      fetchIssueDetails: action,
+      addIssueComment: action,
+      updateIssueComment: action,
+      deleteIssueComment: action,
+      addCommentReaction: action,
+      removeCommentReaction: action,
+      addIssueReaction: action,
+      removeIssueReaction: action,
+      addIssueVote: action,
+      removeIssueVote: action,
     });
     this.issueService = new IssueService();
     this.rootStore = _rootStore;
@@ -175,6 +198,94 @@ class IssueDetailStore implements IssueDetailStore {
     }
   };
 
+  addCommentReaction = async (
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    reactionHex: string
+  ) => {
+    const newReaction = {
+      id: uuidv4(),
+      comment: commentId,
+      reaction: reactionHex,
+      actor_detail: this.rootStore.user.currentActor,
+    };
+    const newComments = this.details[issueId].comments.map((comment) => ({
+      ...comment,
+      comment_reactions:
+        comment.id === commentId ? [...comment.comment_reactions, newReaction] : comment.comment_reactions,
+    }));
+
+    try {
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: [...newComments],
+          },
+        };
+      });
+
+      await this.issueService.createCommentReaction(workspaceSlug, projectId, commentId, {
+        reaction: reactionHex,
+      });
+    } catch (error) {
+      const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: issueComments,
+          },
+        };
+      });
+    }
+  };
+
+  removeCommentReaction = async (
+    workspaceSlug: string,
+    projectId: string,
+    issueId: string,
+    commentId: string,
+    reactionHex: string
+  ) => {
+    try {
+      const comment = this.details[issueId].comments.find((c) => c.id === commentId);
+      const newCommentReactions = comment?.comment_reactions.filter((r) => r.reaction !== reactionHex) ?? [];
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: this.details[issueId].comments.map((c) => ({
+              ...c,
+              comment_reactions: c.id === commentId ? newCommentReactions : c.comment_reactions,
+            })),
+          },
+        };
+      });
+
+      await this.issueService.deleteCommentReaction(workspaceSlug, projectId, commentId, reactionHex);
+    } catch (error) {
+      const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: issueComments,
+          },
+        };
+      });
+    }
+  };
+
   addIssueReaction = async (workspaceSlug: string, projectId: string, issueId: string, reactionHex: string) => {
     try {
       runInAction(() => {
diff --git a/space/types/issue.ts b/space/types/issue.ts
index 754da6ae3..206327fcd 100644
--- a/space/types/issue.ts
+++ b/space/types/issue.ts
@@ -68,25 +68,30 @@ export interface IVote {
 }
 
 export interface Comment {
-  id: string;
   actor_detail: ActorDetail;
-  issue_detail: IssueDetail;
-  project_detail: ProjectDetail;
-  workspace_detail: WorkspaceDetail;
-  comment_reactions: any[];
-  is_member: boolean;
-  created_at: Date;
-  updated_at: Date;
-  comment_stripped: string;
-  comment_html: string;
-  attachments: any[];
   access: string;
-  created_by: string;
-  updated_by: string;
-  project: string;
-  workspace: string;
-  issue: string;
   actor: string;
+  attachments: any[];
+  comment_html: string;
+  comment_reactions: {
+    actor_detail: ActorDetail;
+    comment: string;
+    id: string;
+    reaction: string;
+  }[];
+  comment_stripped: string;
+  created_at: Date;
+  created_by: string;
+  id: string;
+  is_member: boolean;
+  issue: string;
+  issue_detail: IssueDetail;
+  project: string;
+  project_detail: ProjectDetail;
+  updated_at: Date;
+  updated_by: string;
+  workspace: string;
+  workspace_detail: WorkspaceDetail;
 }
 
 export interface IIssueReaction {

From ac4127c93dacf1823f8d741c5227b5995418f51b Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 12:04:18 +0530
Subject: [PATCH 51/81] chore: add tooltip for user info

---
 .../comment/comment-reactions.tsx             | 74 +++++++++++--------
 1 file changed, 44 insertions(+), 30 deletions(-)

diff --git a/space/components/issues/peek-overview/comment/comment-reactions.tsx b/space/components/issues/peek-overview/comment/comment-reactions.tsx
index 7ec5c73b0..4045d3edf 100644
--- a/space/components/issues/peek-overview/comment/comment-reactions.tsx
+++ b/space/components/issues/peek-overview/comment/comment-reactions.tsx
@@ -6,7 +6,7 @@ import { useRouter } from "next/router";
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";
 // ui
-import { ReactionSelector } from "components/ui";
+import { ReactionSelector, Tooltip } from "components/ui";
 // helpers
 import { groupReactions, renderEmoji } from "helpers/emoji.helper";
 
@@ -77,41 +77,55 @@ export const CommentReactions: React.FC<Props> = observer((props) => {
         size="md"
       />
 
-      {Object.keys(groupedReactions || {}).map(
-        (reaction) =>
-          groupedReactions?.[reaction]?.length &&
-          groupedReactions[reaction].length > 0 && (
-            <button
-              type="button"
-              onClick={() => {
-                userStore.requiredLogin(() => {
-                  handleReactionClick(reaction);
-                });
-              }}
+      {Object.keys(groupedReactions || {}).map((reaction) => {
+        const reactions = groupedReactions?.[reaction] ?? [];
+        const REACTIONS_LIMIT = 1000;
+
+        if (reactions.length > 0)
+          return (
+            <Tooltip
               key={reaction}
-              className={`flex items-center gap-1 text-custom-text-100 text-sm h-full px-2 py-1 rounded-md ${
-                commentReactions?.some(
-                  (r) => r.actor_detail.id === userStore.currentUser?.id && r.reaction === reaction
-                )
-                  ? "bg-custom-primary-100/10"
-                  : "bg-custom-background-80"
-              }`}
+              tooltipContent={
+                <div>
+                  {reactions
+                    .map((r) => r.actor_detail.display_name)
+                    .splice(0, REACTIONS_LIMIT)
+                    .join(", ")}
+                  {reactions.length > REACTIONS_LIMIT && " and " + (reactions.length - REACTIONS_LIMIT) + " more"}
+                </div>
+              }
             >
-              <span>{renderEmoji(reaction)}</span>
-              <span
-                className={
+              <button
+                type="button"
+                onClick={() => {
+                  userStore.requiredLogin(() => {
+                    handleReactionClick(reaction);
+                  });
+                }}
+                className={`flex items-center gap-1 text-custom-text-100 text-sm h-full px-2 py-1 rounded-md ${
                   commentReactions?.some(
                     (r) => r.actor_detail.id === userStore.currentUser?.id && r.reaction === reaction
                   )
-                    ? "text-custom-primary-100"
-                    : ""
-                }
+                    ? "bg-custom-primary-100/10"
+                    : "bg-custom-background-80"
+                }`}
               >
-                {groupedReactions?.[reaction].length}{" "}
-              </span>
-            </button>
-          )
-      )}
+                <span>{renderEmoji(reaction)}</span>
+                <span
+                  className={
+                    commentReactions?.some(
+                      (r) => r.actor_detail.id === userStore.currentUser?.id && r.reaction === reaction
+                    )
+                      ? "text-custom-primary-100"
+                      : ""
+                  }
+                >
+                  {groupedReactions?.[reaction].length}{" "}
+                </span>
+              </button>
+            </Tooltip>
+          );
+      })}
     </div>
   );
 });

From 6d133328188adc8c4a2828bb294bc0ded76e10be Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 12:17:47 +0530
Subject: [PATCH 52/81] style: add shadow to reaction selector

---
 space/components/ui/reaction-selector.tsx | 2 +-
 web/components/core/reaction-selector.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/space/components/ui/reaction-selector.tsx b/space/components/ui/reaction-selector.tsx
index 302ff7387..a7b67afa6 100644
--- a/space/components/ui/reaction-selector.tsx
+++ b/space/components/ui/reaction-selector.tsx
@@ -52,7 +52,7 @@ export const ReactionSelector: React.FC<Props> = (props) => {
                 position === "top" ? "-top-12" : "-bottom-12"
               }`}
             >
-              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 rounded-md p-1">
+              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 shadow-custom-shadow-sm rounded-md p-1">
                 <div className="flex gap-x-1">
                   {reactionEmojis.map((emoji) => (
                     <button
diff --git a/web/components/core/reaction-selector.tsx b/web/components/core/reaction-selector.tsx
index 06b410785..43d77de9e 100644
--- a/web/components/core/reaction-selector.tsx
+++ b/web/components/core/reaction-selector.tsx
@@ -61,7 +61,7 @@ export const ReactionSelector: React.FC<Props> = (props) => {
                 position === "top" ? "-top-12" : "-bottom-12"
               }`}
             >
-              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 rounded-md p-1">
+              <div className="bg-custom-sidebar-background-100 border border-custom-border-200 shadow-custom-shadow-sm rounded-md p-1">
                 <div className="flex gap-x-1">
                   {reactionEmojis.map((emoji) => (
                     <button

From 0dd336aec80318b08d21ff19516f644e4d63649a Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 12:25:34 +0530
Subject: [PATCH 53/81] fix: don't render invalid dated issues

---
 .../gantt-chart/helpers/block-structure.tsx      | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/components/gantt-chart/helpers/block-structure.tsx b/web/components/gantt-chart/helpers/block-structure.tsx
index ab2475bdd..ea51c3b12 100644
--- a/web/components/gantt-chart/helpers/block-structure.tsx
+++ b/web/components/gantt-chart/helpers/block-structure.tsx
@@ -4,11 +4,13 @@ import { IGanttBlock } from "components/gantt-chart";
 
 export const renderIssueBlocksStructure = (blocks: IIssue[]): IGanttBlock[] =>
   blocks && blocks.length > 0
-    ? blocks.map((block) => ({
-        data: block,
-        id: block.id,
-        sort_order: block.sort_order,
-        start_date: new Date(block.start_date ?? ""),
-        target_date: new Date(block.target_date ?? ""),
-      }))
+    ? blocks
+        .filter((b) => new Date(b?.start_date ?? "") <= new Date(b?.target_date ?? ""))
+        .map((block) => ({
+          data: block,
+          id: block.id,
+          sort_order: block.sort_order,
+          start_date: new Date(block.start_date ?? ""),
+          target_date: new Date(block.target_date ?? ""),
+        }))
     : [];

From c5612ee7a37afb6b5daa26bbbbe3d17f741df290 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Wed, 6 Sep 2023 12:26:51 +0530
Subject: [PATCH 54/81] fix: don't render invalid dated cycles and modules

---
 web/components/cycles/gantt-chart/cycles-list-layout.tsx   | 4 +++-
 web/components/modules/gantt-chart/modules-list-layout.tsx | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/components/cycles/gantt-chart/cycles-list-layout.tsx b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
index 9614ea447..41e7a5444 100644
--- a/web/components/cycles/gantt-chart/cycles-list-layout.tsx
+++ b/web/components/cycles/gantt-chart/cycles-list-layout.tsx
@@ -63,7 +63,9 @@ export const CyclesListGanttChartView: FC<Props> = ({ cycles, mutateCycles }) =>
   const blockFormat = (blocks: ICycle[]) =>
     blocks && blocks.length > 0
       ? blocks
-          .filter((b) => b.start_date && b.end_date)
+          .filter(
+            (b) => b.start_date && b.end_date && new Date(b.start_date) <= new Date(b.end_date)
+          )
           .map((block) => ({
             data: block,
             id: block.id,
diff --git a/web/components/modules/gantt-chart/modules-list-layout.tsx b/web/components/modules/gantt-chart/modules-list-layout.tsx
index 08465ffa9..b8ebd0185 100644
--- a/web/components/modules/gantt-chart/modules-list-layout.tsx
+++ b/web/components/modules/gantt-chart/modules-list-layout.tsx
@@ -69,7 +69,10 @@ export const ModulesListGanttChartView: FC<Props> = ({ modules, mutateModules })
   const blockFormat = (blocks: IModule[]) =>
     blocks && blocks.length > 0
       ? blocks
-          .filter((b) => b.start_date && b.target_date)
+          .filter(
+            (b) =>
+              b.start_date && b.target_date && new Date(b.start_date) <= new Date(b.target_date)
+          )
           .map((block) => ({
             data: block,
             id: block.id,

From 4f0cac37dbd7975dc072a6e9c427e8880a9b0433 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:03:41 +0530
Subject: [PATCH 55/81] fix: issue object for filtering (#2102)

---
 apiserver/plane/api/views/workspace.py           | 6 +++---
 apiserver/plane/bgtasks/issue_automation_task.py | 4 ++--
 apiserver/plane/utils/analytics_plot.py          | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apiserver/plane/api/views/workspace.py b/apiserver/plane/api/views/workspace.py
index ce425185e..72f33c2b4 100644
--- a/apiserver/plane/api/views/workspace.py
+++ b/apiserver/plane/api/views/workspace.py
@@ -116,7 +116,7 @@ class WorkSpaceViewSet(BaseViewSet):
         )
 
         issue_count = (
-            Issue.objects.filter(workspace=OuterRef("id"))
+            Issue.issue_objects.filter(workspace=OuterRef("id"))
             .order_by()
             .annotate(count=Func(F("id"), function="Count"))
             .values("count")
@@ -203,7 +203,7 @@ class UserWorkSpacesEndpoint(BaseAPIView):
             )
 
             issue_count = (
-                Issue.objects.filter(workspace=OuterRef("id"))
+                Issue.issue_objects.filter(workspace=OuterRef("id"))
                 .order_by()
                 .annotate(count=Func(F("id"), function="Count"))
                 .values("count")
@@ -1075,7 +1075,7 @@ class WorkspaceUserProfileStatsEndpoint(BaseAPIView):
             priority_order = ["urgent", "high", "medium", "low", None]
 
             priority_distribution = (
-                Issue.objects.filter(
+                Issue.issue_objects.filter(
                     workspace__slug=slug,
                     assignees__in=[user_id],
                     project__project_projectmember__member=request.user,
diff --git a/apiserver/plane/bgtasks/issue_automation_task.py b/apiserver/plane/bgtasks/issue_automation_task.py
index e56bda4cc..645772c94 100644
--- a/apiserver/plane/bgtasks/issue_automation_task.py
+++ b/apiserver/plane/bgtasks/issue_automation_task.py
@@ -32,7 +32,7 @@ def archive_old_issues():
             archive_in = project.archive_in
 
             # Get all the issues whose updated_at in less that the archive_in month
-            issues = Issue.objects.filter(
+            issues = Issue.issue_objects.filter(
                 Q(
                     project=project_id,
                     archived_at__isnull=True,
@@ -100,7 +100,7 @@ def close_old_issues():
             close_in = project.close_in
 
             # Get all the issues whose updated_at in less that the close_in month
-            issues = Issue.objects.filter(
+            issues = Issue.issue_objects.filter(
                 Q(
                     project=project_id,
                     archived_at__isnull=True,
diff --git a/apiserver/plane/utils/analytics_plot.py b/apiserver/plane/utils/analytics_plot.py
index 033452e0d..60e751459 100644
--- a/apiserver/plane/utils/analytics_plot.py
+++ b/apiserver/plane/utils/analytics_plot.py
@@ -96,7 +96,7 @@ def burndown_plot(queryset, slug, project_id, cycle_id=None, module_id=None):
         chart_data = {str(date): 0 for date in date_range}
 
         completed_issues_distribution = (
-            Issue.objects.filter(
+            Issue.issue_objects.filter(
                 workspace__slug=slug,
                 project_id=project_id,
                 issue_cycle__cycle_id=cycle_id,
@@ -118,7 +118,7 @@ def burndown_plot(queryset, slug, project_id, cycle_id=None, module_id=None):
         chart_data = {str(date): 0 for date in date_range}
 
         completed_issues_distribution = (
-            Issue.objects.filter(
+            Issue.issue_objects.filter(
                 workspace__slug=slug,
                 project_id=project_id,
                 issue_module__module_id=module_id,

From 2ad46d7bfaf0f948b89c1fc858b66b50c1fc80c8 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:04:12 +0530
Subject: [PATCH 56/81] fix: public issue list endpoint n+1 (#2099)

---
 apiserver/plane/api/views/issue.py | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index a390f7b81..d97b546d3 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -2100,6 +2100,12 @@ class ProjectIssuesPublicEndpoint(BaseAPIView):
                         queryset=IssueReaction.objects.select_related("actor"),
                     )
                 )
+                .prefetch_related(
+                    Prefetch(
+                        "votes",
+                        queryset=IssueVote.objects.select_related("actor"),
+                    )
+                )
                 .filter(**filters)
                 .annotate(cycle_id=F("issue_cycle__cycle_id"))
                 .annotate(module_id=F("issue_module__module_id"))

From 58562dc4b7b01d3009f4d9f9df7f7f1ae6a6a8c6 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Wed, 6 Sep 2023 16:15:21 +0530
Subject: [PATCH 57/81] fix: ui improvement and bug fixes (#2105)

* chore: workspace level typo fix

* fix: setting opacity fix
---
 .../core/modals/existing-issues-list-modal.tsx       |  2 +-
 web/components/issues/parent-issues-list-modal.tsx   |  2 +-
 .../projects/[projectId]/settings/index.tsx          |  2 +-
 web/pages/[workspaceSlug]/settings/index.tsx         | 12 +++++-------
 4 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/web/components/core/modals/existing-issues-list-modal.tsx b/web/components/core/modals/existing-issues-list-modal.tsx
index 5a9f68d8b..ed3902a4a 100644
--- a/web/components/core/modals/existing-issues-list-modal.tsx
+++ b/web/components/core/modals/existing-issues-list-modal.tsx
@@ -212,7 +212,7 @@ export const ExistingIssuesListModal: React.FC<Props> = ({
                             onClick={() => setIsWorkspaceLevel((prevData) => !prevData)}
                             className="flex-shrink-0"
                           >
-                            workspace level
+                            Workspace Level
                           </button>
                         </div>
                       </Tooltip>
diff --git a/web/components/issues/parent-issues-list-modal.tsx b/web/components/issues/parent-issues-list-modal.tsx
index 62091511a..a29fa6521 100644
--- a/web/components/issues/parent-issues-list-modal.tsx
+++ b/web/components/issues/parent-issues-list-modal.tsx
@@ -136,7 +136,7 @@ export const ParentIssuesListModal: React.FC<Props> = ({
                           onClick={() => setIsWorkspaceLevel((prevData) => !prevData)}
                           className="flex-shrink-0"
                         >
-                          workspace level
+                          Workspace Level
                         </button>
                       </div>
                     </Tooltip>
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx b/web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
index 882bdb41e..a178e28fa 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx
@@ -187,7 +187,7 @@ const GeneralSettings: NextPage = () => {
       />
       <form onSubmit={handleSubmit(onSubmit)} className="p-8">
         <SettingsHeader />
-        <div className="space-y-8 sm:space-y-12 opacity-60">
+        <div className={`space-y-8 sm:space-y-12 ${isAdmin ? "" : "opacity-60"}`}>
           <div className="grid grid-cols-12 items-start gap-4 sm:gap-16">
             <div className="col-span-12 sm:col-span-6">
               <h4 className="text-lg font-semibold">Icon & Name</h4>
diff --git a/web/pages/[workspaceSlug]/settings/index.tsx b/web/pages/[workspaceSlug]/settings/index.tsx
index 407f9b402..bd7ea1bd9 100644
--- a/web/pages/[workspaceSlug]/settings/index.tsx
+++ b/web/pages/[workspaceSlug]/settings/index.tsx
@@ -90,9 +90,8 @@ const WorkspaceSettings: NextPage = () => {
     await workspaceService
       .updateWorkspace(activeWorkspace.slug, payload, user)
       .then((res) => {
-        mutate<IWorkspace[]>(
-          USER_WORKSPACES,
-          (prevData) => prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
+        mutate<IWorkspace[]>(USER_WORKSPACES, (prevData) =>
+          prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
         );
         mutate<IWorkspace>(WORKSPACE_DETAILS(workspaceSlug as string), (prevData) => {
           if (!prevData) return prevData;
@@ -125,9 +124,8 @@ const WorkspaceSettings: NextPage = () => {
             title: "Success!",
             message: "Workspace picture removed successfully.",
           });
-          mutate<IWorkspace[]>(
-            USER_WORKSPACES,
-            (prevData) => prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
+          mutate<IWorkspace[]>(USER_WORKSPACES, (prevData) =>
+            prevData?.map((workspace) => (workspace.id === res.id ? res : workspace))
           );
           mutate<IWorkspace>(WORKSPACE_DETAILS(workspaceSlug as string), (prevData) => {
             if (!prevData) return prevData;
@@ -183,7 +181,7 @@ const WorkspaceSettings: NextPage = () => {
       <div className="p-8">
         <SettingsHeader />
         {activeWorkspace ? (
-          <div className="space-y-8 sm:space-y-12 opacity-60">
+          <div className={`space-y-8 sm:space-y-12 ${isAdmin ? "" : "opacity-60"}`}>
             <div className="grid grid-cols-12 gap-4 sm:gap-16">
               <div className="col-span-12 sm:col-span-6">
                 <h4 className="text-lg font-semibold">Logo</h4>

From 1655d0cb1c678020cdfc4982c31430647ee10cf0 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Wed, 6 Sep 2023 17:08:19 +0530
Subject: [PATCH 58/81] feat: view, create, update and delete comment (#2106)

* feat: update, delete link

refactor: using old fetch-key

* feat: issue activity with ability to view & add comment

feat: click on view more to view more options in the issue detail

* fix: upload image not working on mobile
---
 web/components/web-view/add-comment.tsx       | 129 ++++++++++
 .../web-view/create-update-link-form.tsx      |  36 ++-
 web/components/web-view/index.ts              |   4 +
 web/components/web-view/issue-activity.tsx    | 233 ++++++++++++++++++
 web/components/web-view/issue-attachments.tsx |  26 +-
 web/components/web-view/issue-link-list.tsx   |  87 ++++++-
 .../web-view/issue-properties-detail.tsx      |  93 ++++++-
 web/components/web-view/select-assignee.tsx   |  95 +++++++
 web/components/web-view/select-estimate.tsx   |  83 +++++++
 web/components/web-view/select-priority.tsx   |  14 +-
 web/components/web-view/select-state.tsx      |   2 +-
 web/components/web-view/web-view-modal.tsx    |   8 +-
 web/constants/fetch-keys.ts                   |   2 -
 .../projects/[projectId]/issues/[issueId].tsx |  17 +-
 14 files changed, 781 insertions(+), 48 deletions(-)
 create mode 100644 web/components/web-view/add-comment.tsx
 create mode 100644 web/components/web-view/issue-activity.tsx
 create mode 100644 web/components/web-view/select-assignee.tsx
 create mode 100644 web/components/web-view/select-estimate.tsx

diff --git a/web/components/web-view/add-comment.tsx b/web/components/web-view/add-comment.tsx
new file mode 100644
index 000000000..b5bff0cb5
--- /dev/null
+++ b/web/components/web-view/add-comment.tsx
@@ -0,0 +1,129 @@
+import React from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// react-hook-form
+import { useForm, Controller } from "react-hook-form";
+
+// hooks
+import useProjectDetails from "hooks/use-project-details";
+
+// components
+import { TipTapEditor } from "components/tiptap";
+
+// icons
+import { Send } from "lucide-react";
+
+// ui
+import { Icon, SecondaryButton, Tooltip, PrimaryButton } from "components/ui";
+
+// types
+import type { IIssueComment } from "types";
+
+const defaultValues: Partial<IIssueComment> = {
+  access: "INTERNAL",
+  comment_html: "",
+};
+
+type Props = {
+  disabled?: boolean;
+  onSubmit: (data: IIssueComment) => Promise<void>;
+};
+
+const commentAccess = [
+  {
+    icon: "lock",
+    key: "INTERNAL",
+    label: "Private",
+  },
+  {
+    icon: "public",
+    key: "EXTERNAL",
+    label: "Public",
+  },
+];
+
+export const AddComment: React.FC<Props> = ({ disabled = false, onSubmit }) => {
+  const editorRef = React.useRef<any>(null);
+
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  const { projectDetails } = useProjectDetails();
+
+  const showAccessSpecifier = projectDetails?.is_deployed;
+
+  const {
+    control,
+    formState: { isSubmitting },
+    handleSubmit,
+    reset,
+  } = useForm<IIssueComment>({ defaultValues });
+
+  const handleAddComment = async (formData: IIssueComment) => {
+    if (!formData.comment_html || isSubmitting) return;
+
+    await onSubmit(formData).then(() => {
+      reset(defaultValues);
+      editorRef.current?.clearEditor();
+    });
+  };
+
+  return (
+    <form className="w-full flex gap-x-2" onSubmit={handleSubmit(handleAddComment)}>
+      <div className="relative flex-grow">
+        {showAccessSpecifier && (
+          <div className="absolute bottom-2 left-3 z-[1]">
+            <Controller
+              control={control}
+              name="access"
+              render={({ field: { onChange, value } }) => (
+                <div className="flex border border-custom-border-300 divide-x divide-custom-border-300 rounded overflow-hidden">
+                  {commentAccess.map((access) => (
+                    <Tooltip key={access.key} tooltipContent={access.label}>
+                      <button
+                        type="button"
+                        onClick={() => onChange(access.key)}
+                        className={`grid place-items-center p-1 hover:bg-custom-background-80 ${
+                          value === access.key ? "bg-custom-background-80" : ""
+                        }`}
+                      >
+                        <Icon
+                          iconName={access.icon}
+                          className={`w-4 h-4 -mt-1 ${
+                            value === access.key ? "!text-custom-text-100" : "!text-custom-text-400"
+                          }`}
+                        />
+                      </button>
+                    </Tooltip>
+                  ))}
+                </div>
+              )}
+            />
+          </div>
+        )}
+        <Controller
+          name="comment_html"
+          control={control}
+          render={({ field: { value, onChange } }) => (
+            <TipTapEditor
+              workspaceSlug={workspaceSlug as string}
+              ref={editorRef}
+              value={!value || value === "" ? "<p></p>" : value}
+              customClassName="p-3 min-h-[100px] shadow-sm"
+              debouncedUpdatesEnabled={false}
+              onChange={(comment_json: Object, comment_html: string) => onChange(comment_html)}
+            />
+          )}
+        />
+      </div>
+
+      <div className="inline">
+        <PrimaryButton type="submit" disabled={isSubmitting || disabled} className="mt-2">
+          <Send className="w-4 h-4" />
+        </PrimaryButton>
+      </div>
+    </form>
+  );
+};
diff --git a/web/components/web-view/create-update-link-form.tsx b/web/components/web-view/create-update-link-form.tsx
index 3e1d1368c..fa1a33939 100644
--- a/web/components/web-view/create-update-link-form.tsx
+++ b/web/components/web-view/create-update-link-form.tsx
@@ -1,5 +1,5 @@
 // react
-import React from "react";
+import React, { useEffect } from "react";
 
 // next
 import { useRouter } from "next/router";
@@ -14,7 +14,7 @@ import { useForm } from "react-hook-form";
 import issuesService from "services/issues.service";
 
 // fetch keys
-import { M_ISSUE_DETAILS } from "constants/fetch-keys";
+import { ISSUE_DETAILS } from "constants/fetch-keys";
 
 // hooks
 import useToast from "hooks/use-toast";
@@ -26,13 +26,14 @@ import { PrimaryButton, Input } from "components/ui";
 import type { linkDetails, IIssueLink } from "types";
 
 type Props = {
-  links?: linkDetails[];
+  isOpen: boolean;
   data?: linkDetails;
+  links?: linkDetails[];
   onSuccess: () => void;
 };
 
 export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
-  const { data, links, onSuccess } = props;
+  const { isOpen, data, links, onSuccess } = props;
 
   const router = useRouter();
   const { workspaceSlug, projectId, issueId } = router.query;
@@ -42,6 +43,7 @@ export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
   const {
     register,
     handleSubmit,
+    reset,
     formState: { errors, isSubmitting },
   } = useForm({
     defaultValues: {
@@ -50,6 +52,22 @@ export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
     },
   });
 
+  useEffect(() => {
+    if (!data) return;
+    reset({
+      title: data.title,
+      url: data.url,
+    });
+  }, [data, reset]);
+
+  useEffect(() => {
+    if (!isOpen)
+      reset({
+        title: "",
+        url: "",
+      });
+  }, [isOpen, reset]);
+
   const onSubmit = async (formData: IIssueLink) => {
     if (!workspaceSlug || !projectId || !issueId) return;
 
@@ -65,9 +83,7 @@ export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
         )
         .then(() => {
           onSuccess();
-          mutate(
-            M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
-          );
+          mutate(ISSUE_DETAILS(issueId.toString()));
         })
         .catch((err) => {
           if (err?.status === 400)
@@ -95,7 +111,7 @@ export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
       );
 
       mutate(
-        M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString()),
+        ISSUE_DETAILS(issueId.toString()),
         (prevData) => ({ ...prevData, issue_link: updatedLinks }),
         false
       );
@@ -110,9 +126,7 @@ export const CreateUpdateLinkForm: React.FC<Props> = (props) => {
         )
         .then(() => {
           onSuccess();
-          mutate(
-            M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
-          );
+          mutate(ISSUE_DETAILS(issueId.toString()));
         });
     }
   };
diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
index 817f5f2f1..2b87ad820 100644
--- a/web/components/web-view/index.ts
+++ b/web/components/web-view/index.ts
@@ -8,3 +8,7 @@ export * from "./issue-attachments";
 export * from "./issue-properties-detail";
 export * from "./issue-link-list";
 export * from "./create-update-link-form";
+export * from "./issue-activity";
+export * from "./select-assignee";
+export * from "./select-estimate";
+export * from "./add-comment";
diff --git a/web/components/web-view/issue-activity.tsx b/web/components/web-view/issue-activity.tsx
new file mode 100644
index 000000000..39f6036c2
--- /dev/null
+++ b/web/components/web-view/issue-activity.tsx
@@ -0,0 +1,233 @@
+// react
+import React from "react";
+
+// next
+import Link from "next/link";
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// fetch key
+import { PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+
+// services
+import issuesService from "services/issues.service";
+
+// hooks
+import useUser from "hooks/use-user";
+import useToast from "hooks/use-toast";
+
+// components
+import { Label, AddComment } from "components/web-view";
+import { CommentCard } from "components/issues/comment";
+import { ActivityIcon, ActivityMessage } from "components/core";
+
+// helpers
+import { timeAgo } from "helpers/date-time.helper";
+
+// ui
+import { Icon } from "components/ui";
+
+// types
+import type { IIssue, IIssueComment } from "types";
+
+type Props = {
+  allowed: boolean;
+  issueDetails: IIssue;
+};
+
+export const IssueActivity: React.FC<Props> = (props) => {
+  const { issueDetails, allowed } = props;
+
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const { user } = useUser();
+  const { setToastAlert } = useToast();
+
+  const { data: issueActivities, mutate: mutateIssueActivity } = useSWR(
+    workspaceSlug && projectId && issueId ? PROJECT_ISSUES_ACTIVITY(issueId.toString()) : null,
+    workspaceSlug && projectId && issueId
+      ? () =>
+          issuesService.getIssueActivities(
+            workspaceSlug.toString(),
+            projectId.toString(),
+            issueId.toString()
+          )
+      : null
+  );
+
+  const handleCommentUpdate = async (comment: any) => {
+    if (!workspaceSlug || !projectId || !issueId) return;
+
+    await issuesService
+      .patchIssueComment(
+        workspaceSlug as string,
+        projectId as string,
+        issueId as string,
+        comment.id,
+        comment,
+        user
+      )
+      .then(() => mutateIssueActivity());
+  };
+
+  const handleCommentDelete = async (commentId: string) => {
+    if (!workspaceSlug || !projectId || !issueId) return;
+
+    mutateIssueActivity((prevData: any) => prevData?.filter((p: any) => p.id !== commentId), false);
+
+    await issuesService
+      .deleteIssueComment(
+        workspaceSlug as string,
+        projectId as string,
+        issueId as string,
+        commentId,
+        user
+      )
+      .then(() => mutateIssueActivity());
+  };
+
+  const handleAddComment = async (formData: IIssueComment) => {
+    if (!workspaceSlug || !issueDetails) return;
+
+    await issuesService
+      .createIssueComment(
+        workspaceSlug.toString(),
+        issueDetails.project,
+        issueDetails.id,
+        formData,
+        user
+      )
+      .then(() => {
+        mutate(PROJECT_ISSUES_ACTIVITY(issueDetails.id));
+      })
+      .catch(() =>
+        setToastAlert({
+          type: "error",
+          title: "Error!",
+          message: "Comment could not be posted. Please try again.",
+        })
+      );
+  };
+
+  return (
+    <div>
+      <Label>Activity</Label>
+      <div className="mt-1 space-y-[6px] p-2 border rounded-[4px]">
+        <ul role="list" className="-mb-4">
+          {issueActivities?.map((activityItem, index) => {
+            // determines what type of action is performed
+            const message = activityItem.field ? (
+              <ActivityMessage activity={activityItem} />
+            ) : (
+              "created the issue."
+            );
+
+            if ("field" in activityItem && activityItem.field !== "updated_by") {
+              return (
+                <li key={activityItem.id}>
+                  <div className="relative pb-1">
+                    {issueActivities.length > 1 && index !== issueActivities.length - 1 ? (
+                      <span
+                        className="absolute top-5 left-5 -ml-px h-full w-0.5 bg-custom-background-80"
+                        aria-hidden="true"
+                      />
+                    ) : null}
+                    <div className="relative flex items-start space-x-2">
+                      <div>
+                        <div className="relative px-1.5">
+                          <div className="mt-1.5">
+                            <div className="ring-6 flex h-7 w-7 items-center justify-center rounded-full bg-custom-background-80 text-custom-text-200 ring-white">
+                              {activityItem.field ? (
+                                activityItem.new_value === "restore" ? (
+                                  <Icon
+                                    iconName="history"
+                                    className="text-sm text-custom-text-200"
+                                  />
+                                ) : (
+                                  <ActivityIcon activity={activityItem} />
+                                )
+                              ) : activityItem.actor_detail.avatar &&
+                                activityItem.actor_detail.avatar !== "" ? (
+                                <img
+                                  src={activityItem.actor_detail.avatar}
+                                  alt={activityItem.actor_detail.display_name}
+                                  height={24}
+                                  width={24}
+                                  className="rounded-full"
+                                />
+                              ) : (
+                                <div
+                                  className={`grid h-7 w-7 place-items-center rounded-full border-2 border-white bg-gray-700 text-xs text-white`}
+                                >
+                                  {activityItem.actor_detail.is_bot
+                                    ? activityItem.actor_detail.first_name.charAt(0)
+                                    : activityItem.actor_detail.display_name.charAt(0)}
+                                </div>
+                              )}
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div className="min-w-0 flex-1 py-3">
+                        <div className="text-xs text-custom-text-200 break-words">
+                          {activityItem.field === "archived_at" &&
+                          activityItem.new_value !== "restore" ? (
+                            <span className="text-gray font-medium">Plane</span>
+                          ) : activityItem.actor_detail.is_bot ? (
+                            <span className="text-gray font-medium">
+                              {activityItem.actor_detail.first_name} Bot
+                            </span>
+                          ) : (
+                            <Link
+                              href={`/${workspaceSlug}/profile/${activityItem.actor_detail.id}`}
+                            >
+                              <a className="text-gray font-medium">
+                                {activityItem.actor_detail.is_bot
+                                  ? activityItem.actor_detail.first_name
+                                  : activityItem.actor_detail.display_name}
+                              </a>
+                            </Link>
+                          )}{" "}
+                          {message}{" "}
+                          <span className="whitespace-nowrap">
+                            {timeAgo(activityItem.created_at)}
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </li>
+              );
+            } else if ("comment_json" in activityItem)
+              return (
+                <div key={activityItem.id} className="my-4">
+                  <CommentCard
+                    workspaceSlug={workspaceSlug as string}
+                    comment={activityItem as any}
+                    onSubmit={handleCommentUpdate}
+                    handleCommentDeletion={handleCommentDelete}
+                  />
+                </div>
+              );
+          })}
+          <li>
+            <div className="my-4">
+              <AddComment
+                onSubmit={handleAddComment}
+                disabled={
+                  !allowed ||
+                  !issueDetails ||
+                  issueDetails.state === "closed" ||
+                  issueDetails.state === "archived"
+                }
+              />
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  );
+};
diff --git a/web/components/web-view/issue-attachments.tsx b/web/components/web-view/issue-attachments.tsx
index ba6523e9b..838ee8e44 100644
--- a/web/components/web-view/issue-attachments.tsx
+++ b/web/components/web-view/issue-attachments.tsx
@@ -21,10 +21,11 @@ import { ISSUE_ATTACHMENTS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys
 import useToast from "hooks/use-toast";
 
 // icons
-import { ChevronRightIcon } from "@heroicons/react/24/outline";
+import { ChevronRightIcon, XMarkIcon } from "@heroicons/react/24/outline";
 
 // components
 import { Label, WebViewModal } from "components/web-view";
+import { DeleteAttachmentModal } from "components/issues";
 
 // types
 import type { IIssueAttachment } from "types";
@@ -42,6 +43,9 @@ export const IssueAttachments: React.FC<Props> = (props) => {
   const [isOpen, setIsOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
 
+  const [deleteAttachment, setDeleteAttachment] = useState<IIssueAttachment | null>(null);
+  const [attachmentDeleteModal, setAttachmentDeleteModal] = useState<boolean>(false);
+
   const { setToastAlert } = useToast();
 
   const onDrop = useCallback(
@@ -92,7 +96,7 @@ export const IssueAttachments: React.FC<Props> = (props) => {
     [issueId, projectId, setToastAlert, workspaceSlug]
   );
 
-  const { getRootProps } = useDropzone({
+  const { getRootProps, getInputProps } = useDropzone({
     onDrop,
     maxSize: 5 * 1024 * 1024,
     disabled: !allowed || isLoading,
@@ -112,6 +116,12 @@ export const IssueAttachments: React.FC<Props> = (props) => {
 
   return (
     <div>
+      <DeleteAttachmentModal
+        isOpen={allowed && attachmentDeleteModal}
+        setIsOpen={setAttachmentDeleteModal}
+        data={deleteAttachment}
+      />
+
       <WebViewModal isOpen={isOpen} onClose={() => setIsOpen(false)} modalTitle="Insert file">
         <div className="space-y-6">
           <div
@@ -120,6 +130,7 @@ export const IssueAttachments: React.FC<Props> = (props) => {
               !allowed || isLoading ? "cursor-not-allowed" : "cursor-pointer"
             }`}
           >
+            <input {...getInputProps()} />
             {isLoading ? (
               <p className="text-center">Uploading...</p>
             ) : (
@@ -144,6 +155,17 @@ export const IssueAttachments: React.FC<Props> = (props) => {
                 {attachment.attributes.name}
               </a>
             </Link>
+            {allowed && (
+              <button
+                type="button"
+                onClick={() => {
+                  setDeleteAttachment(attachment);
+                  setAttachmentDeleteModal(true);
+                }}
+              >
+                <XMarkIcon className="w-5 h-5 text-custom-text-100" />
+              </button>
+            )}
           </div>
         ))}
         <button
diff --git a/web/components/web-view/issue-link-list.tsx b/web/components/web-view/issue-link-list.tsx
index 1eca8a9df..e7922ba8c 100644
--- a/web/components/web-view/issue-link-list.tsx
+++ b/web/components/web-view/issue-link-list.tsx
@@ -3,9 +3,16 @@ import React, { useState } from "react";
 
 // next
 import Link from "next/link";
+import { useRouter } from "next/router";
+
+// swr
+import { mutate } from "swr";
+
+// services
+import issuesService from "services/issues.service";
 
 // icons
-import { LinkIcon, PlusIcon } from "@heroicons/react/24/outline";
+import { LinkIcon, PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/24/outline";
 
 // components
 import { Label, WebViewModal, CreateUpdateLinkForm } from "components/web-view";
@@ -13,26 +20,71 @@ import { Label, WebViewModal, CreateUpdateLinkForm } from "components/web-view";
 // ui
 import { SecondaryButton } from "components/ui";
 
+// fetch keys
+import { ISSUE_DETAILS } from "constants/fetch-keys";
+
 // types
-import type { linkDetails } from "types";
+import type { IIssue } from "types";
 
 type Props = {
   allowed: boolean;
-  links?: linkDetails[];
+  issueDetails: IIssue;
 };
 
 export const IssueLinks: React.FC<Props> = (props) => {
-  const { links, allowed } = props;
+  const { issueDetails, allowed } = props;
+
+  const links = issueDetails?.issue_link;
 
   const [isOpen, setIsOpen] = useState(false);
+  const [selectedLink, setSelectedLink] = useState<string | null>(null);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId } = router.query;
+
+  const handleDeleteLink = async (linkId: string) => {
+    if (!workspaceSlug || !projectId || !issueDetails) return;
+
+    const updatedLinks = issueDetails.issue_link.filter((l) => l.id !== linkId);
+
+    mutate<IIssue>(
+      ISSUE_DETAILS(issueDetails.id),
+      (prevData) => ({ ...(prevData as IIssue), issue_link: updatedLinks }),
+      false
+    );
+
+    await issuesService
+      .deleteIssueLink(workspaceSlug as string, projectId as string, issueDetails.id, linkId)
+      .then((res) => {
+        mutate(ISSUE_DETAILS(issueDetails.id));
+      })
+      .catch((err) => {
+        console.log(err);
+      });
+  };
 
   return (
     <div>
-      <WebViewModal isOpen={isOpen} onClose={() => setIsOpen(false)} modalTitle="Add Link">
-        <CreateUpdateLinkForm links={links} onSuccess={() => setIsOpen(false)} />
+      <WebViewModal
+        isOpen={isOpen}
+        onClose={() => {
+          setIsOpen(false);
+          setSelectedLink(null);
+        }}
+        modalTitle={selectedLink ? "Update Link" : "Add Link"}
+      >
+        <CreateUpdateLinkForm
+          isOpen={isOpen}
+          links={links}
+          onSuccess={() => {
+            setIsOpen(false);
+            setSelectedLink(null);
+          }}
+          data={links?.find((link) => link.id === selectedLink)}
+        />
       </WebViewModal>
 
-      <Label>Attachments</Label>
+      <Label>Links</Label>
       <div className="mt-1 space-y-[6px]">
         {links?.map((link) => (
           <div
@@ -47,6 +99,27 @@ export const IssueLinks: React.FC<Props> = (props) => {
                 <span>{link.title}</span>
               </a>
             </Link>
+            {allowed && (
+              <div className="flex gap-2 items-center">
+                <button
+                  type="button"
+                  onClick={() => {
+                    setIsOpen(true);
+                    setSelectedLink(link.id);
+                  }}
+                >
+                  <PencilIcon className="w-5 h-5 text-custom-text-100" />
+                </button>
+                <button
+                  type="button"
+                  onClick={() => {
+                    handleDeleteLink(link.id);
+                  }}
+                >
+                  <TrashIcon className="w-5 h-5 text-red-500 hover:bg-red-500/20" />
+                </button>
+              </div>
+            )}
           </div>
         ))}
         <SecondaryButton
diff --git a/web/components/web-view/issue-properties-detail.tsx b/web/components/web-view/issue-properties-detail.tsx
index 44e8a968b..6fb03baa7 100644
--- a/web/components/web-view/issue-properties-detail.tsx
+++ b/web/components/web-view/issue-properties-detail.tsx
@@ -1,30 +1,46 @@
 // react
-import React from "react";
+import React, { useState } from "react";
 
 // react hook forms
-import { Controller } from "react-hook-form";
+import { Control, Controller } from "react-hook-form";
+
+// icons
+import { ChevronDownIcon, PlayIcon } from "lucide-react";
+
+// hooks
+import useEstimateOption from "hooks/use-estimate-option";
 
 // ui
-import { Icon } from "components/ui";
+import { Icon, SecondaryButton } from "components/ui";
 
 // components
-import { Label, StateSelect, PrioritySelect } from "components/web-view";
+import {
+  Label,
+  StateSelect,
+  PrioritySelect,
+  AssigneeSelect,
+  EstimateSelect,
+} from "components/web-view";
 
 // types
 import type { IIssue } from "types";
 
 type Props = {
-  control: any;
+  control: Control<IIssue, any>;
   submitChanges: (data: Partial<IIssue>) => Promise<void>;
 };
 
 export const IssuePropertiesDetail: React.FC<Props> = (props) => {
   const { control, submitChanges } = props;
 
+  const [isViewAllOpen, setIsViewAllOpen] = useState(false);
+
+  const { isEstimateActive } = useEstimateOption();
+
   return (
     <div>
       <Label>Details</Label>
-      <div className="space-y-2 mb-[6px]">
+      <div className="mb-[6px]">
         <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
           <div className="flex items-center gap-1">
             <Icon iconName="grid_view" />
@@ -44,10 +60,10 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
           </div>
         </div>
       </div>
-      <div className="space-y-2">
+      <div className="mb-[6px]">
         <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
           <div className="flex items-center gap-1">
-            <Icon iconName="grid_view" />
+            <Icon iconName="signal_cellular_alt" />
             <span className="text-sm text-custom-text-200">Priority</span>
           </div>
           <div>
@@ -64,6 +80,67 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
           </div>
         </div>
       </div>
+      <div className="mb-[6px]">
+        <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+          <div className="flex items-center gap-1">
+            <Icon iconName="person" />
+            <span className="text-sm text-custom-text-200">Assignee</span>
+          </div>
+          <div>
+            <Controller
+              control={control}
+              name="assignees_list"
+              render={({ field: { value } }) => (
+                <AssigneeSelect
+                  value={value}
+                  onChange={(val: string) => submitChanges({ assignees_list: [val] })}
+                />
+              )}
+            />
+          </div>
+        </div>
+      </div>
+      {isViewAllOpen && (
+        <>
+          {isEstimateActive && (
+            <div className="mb-[6px]">
+              <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+                <div className="flex items-center gap-1">
+                  <PlayIcon className="h-4 w-4 flex-shrink-0 -rotate-90" />
+                  <span className="text-sm text-custom-text-200">Estimate</span>
+                </div>
+                <div>
+                  <Controller
+                    control={control}
+                    name="estimate_point"
+                    render={({ field: { value } }) => (
+                      <EstimateSelect
+                        value={value}
+                        onChange={(val) => submitChanges({ estimate_point: val })}
+                      />
+                    )}
+                  />
+                </div>
+              </div>
+            </div>
+          )}
+        </>
+      )}
+      <div className="mb-[6px]">
+        <SecondaryButton
+          type="button"
+          onClick={() => setIsViewAllOpen((prev) => !prev)}
+          className="w-full flex justify-center items-center gap-1 !py-2"
+        >
+          <span className="text-base text-custom-primary-100">
+            {isViewAllOpen ? "View less" : "View all"}
+          </span>
+          <ChevronDownIcon
+            size={16}
+            className={`ml-1 text-custom-primary-100 ${isViewAllOpen ? "-rotate-180" : ""}`}
+          />
+        </SecondaryButton>
+      </div>
     </div>
   );
 };
diff --git a/web/components/web-view/select-assignee.tsx b/web/components/web-view/select-assignee.tsx
new file mode 100644
index 000000000..13ebd377f
--- /dev/null
+++ b/web/components/web-view/select-assignee.tsx
@@ -0,0 +1,95 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR from "swr";
+
+// icons
+import { ChevronDownIcon } from "@heroicons/react/24/outline";
+
+// services
+import projectService from "services/project.service";
+
+// fetch key
+import { PROJECT_MEMBERS } from "constants/fetch-keys";
+
+// components
+import { Avatar } from "components/ui/avatar";
+import { WebViewModal } from "./web-view-modal";
+
+type Props = {
+  value: string[];
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const AssigneeSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isOpen, setIsOpen] = useState(false);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId } = router.query;
+
+  const { data: members } = useSWR(
+    workspaceSlug && projectId ? PROJECT_MEMBERS(projectId as string) : null,
+    workspaceSlug && projectId
+      ? () => projectService.projectMembers(workspaceSlug as string, projectId as string)
+      : null
+  );
+
+  const selectedAssignees = members?.filter((member) => value?.includes(member.member.id));
+
+  return (
+    <>
+      <WebViewModal
+        isOpen={isOpen}
+        modalTitle="Select state"
+        onClose={() => {
+          setIsOpen(false);
+        }}
+      >
+        <WebViewModal.Options
+          options={
+            members?.map((member) => ({
+              label: member.member.display_name,
+              value: member.member.id,
+              checked: value?.includes(member.member.id),
+              icon: <Avatar user={member.member} />,
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(member.member.id);
+              },
+            })) || []
+          }
+        />
+      </WebViewModal>
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        {value && value.length > 0 && Array.isArray(value) ? (
+          <div className="-my-0.5 flex items-center gap-2">
+            <Avatar user={selectedAssignees?.[0].member} />
+            <span className="text-custom-text-100 text-xs">
+              {selectedAssignees?.length} Assignees
+            </span>
+          </div>
+        ) : (
+          "No assignees"
+        )}
+        {/* {selectedAssignee?.member.display_name || "Select assignee"} */}
+        <ChevronDownIcon className="w-5 h-5" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-estimate.tsx b/web/components/web-view/select-estimate.tsx
new file mode 100644
index 000000000..751375d7b
--- /dev/null
+++ b/web/components/web-view/select-estimate.tsx
@@ -0,0 +1,83 @@
+// react
+import React, { useState } from "react";
+
+// icons
+import { ChevronDownIcon, PlayIcon } from "lucide-react";
+
+// hooks
+import useEstimateOption from "hooks/use-estimate-option";
+
+// components
+import { WebViewModal } from "./web-view-modal";
+
+type Props = {
+  value: any;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const EstimateSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isOpen, setIsOpen] = useState(false);
+
+  const { estimatePoints } = useEstimateOption();
+
+  return (
+    <>
+      <WebViewModal
+        isOpen={isOpen}
+        modalTitle="Select estimate"
+        onClose={() => {
+          setIsOpen(false);
+        }}
+      >
+        <WebViewModal.Options
+          options={[
+            {
+              label: "None",
+              value: null,
+              checked: value === null,
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(null);
+              },
+              icon: <PlayIcon className="h-4 w-4 -rotate-90" />,
+            },
+            ...estimatePoints?.map((point) => ({
+              label: point.value,
+              value: point.key,
+              checked: point.key === value,
+              icon: <PlayIcon className="h-4 w-4 -rotate-90" />,
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(point.key);
+              },
+            })),
+          ]}
+        />
+      </WebViewModal>
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        {value ? (
+          <div className="flex items-center gap-x-1.5">
+            <PlayIcon className="h-4 w-4 -rotate-90" />
+            <span>{estimatePoints?.find((e) => e.key === value)?.value}</span>
+          </div>
+        ) : (
+          "No estimate"
+        )}
+        <ChevronDownIcon className="w-5 h-5" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-priority.tsx b/web/components/web-view/select-priority.tsx
index 11f7ab9f1..adb12714a 100644
--- a/web/components/web-view/select-priority.tsx
+++ b/web/components/web-view/select-priority.tsx
@@ -2,7 +2,7 @@
 import React, { useState } from "react";
 
 // icons
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronDownIcon } from "lucide-react";
 
 // constants
 import { PRIORITIES } from "constants/project";
@@ -35,11 +35,16 @@ export const PrioritySelect: React.FC<Props> = (props) => {
         }}
       >
         <WebViewModal.Options
-          selectedOption={value}
           options={
             PRIORITIES?.map((priority) => ({
               label: priority ? capitalizeFirstLetter(priority) : "None",
               value: priority,
+              checked: priority === value,
+              onClick: () => {
+                setIsOpen(false);
+                if (disabled) return;
+                onChange(priority);
+              },
               icon: (
                 <span
                   className={`text-left text-xs capitalize rounded ${
@@ -57,11 +62,6 @@ export const PrioritySelect: React.FC<Props> = (props) => {
                   {getPriorityIcon(priority, "text-sm")}
                 </span>
               ),
-              onClick: () => {
-                setIsOpen(false);
-                if (disabled) return;
-                onChange(priority);
-              },
             })) || []
           }
         />
diff --git a/web/components/web-view/select-state.tsx b/web/components/web-view/select-state.tsx
index bceabfd2c..c28d30f19 100644
--- a/web/components/web-view/select-state.tsx
+++ b/web/components/web-view/select-state.tsx
@@ -57,11 +57,11 @@ export const StateSelect: React.FC<Props> = (props) => {
         }}
       >
         <WebViewModal.Options
-          selectedOption={selectedState?.id || null}
           options={
             states?.map((state) => ({
               label: state.name,
               value: state.id,
+              checked: state.id === selectedState?.id,
               icon: getStateGroupIcon(state.group, "16", "16", state.color),
               onClick: () => {
                 setIsOpen(false);
diff --git a/web/components/web-view/web-view-modal.tsx b/web/components/web-view/web-view-modal.tsx
index 980ddc79a..93f9ab46d 100644
--- a/web/components/web-view/web-view-modal.tsx
+++ b/web/components/web-view/web-view-modal.tsx
@@ -74,24 +74,24 @@ export const WebViewModal = (props: Props) => {
 };
 
 type OptionsProps = {
-  selectedOption: string | null;
   options: Array<{
     label: string;
     value: string | null;
+    checked: boolean;
     icon?: any;
     onClick: () => void;
   }>;
 };
 
-const Options: React.FC<OptionsProps> = ({ options, selectedOption }) => (
+const Options: React.FC<OptionsProps> = ({ options }) => (
   <div className="space-y-6">
     {options.map((option) => (
       <div key={option.value} className="flex items-center justify-between gap-2 py-2">
         <div className="flex items-center gap-x-2">
           <input
             type="checkbox"
-            checked={option.value === selectedOption}
-            onClick={option.onClick}
+            checked={option.checked}
+            onChange={option.onClick}
             className="rounded-full border border-custom-border-200 bg-custom-background-100 w-4 h-4"
           />
 
diff --git a/web/constants/fetch-keys.ts b/web/constants/fetch-keys.ts
index 172c74683..14d34a96a 100644
--- a/web/constants/fetch-keys.ts
+++ b/web/constants/fetch-keys.ts
@@ -229,8 +229,6 @@ export const INBOX_ISSUE_DETAILS = (inboxId: string, issueId: string) =>
 
 // Issues
 export const ISSUE_DETAILS = (issueId: string) => `ISSUE_DETAILS_${issueId.toUpperCase()}`;
-export const M_ISSUE_DETAILS = (workspaceSlug: string, projectId: string, issueId: string) =>
-  `M_ISSUE_DETAILS_${workspaceSlug.toUpperCase()}_${projectId.toUpperCase()}_${issueId}`;
 export const SUB_ISSUES = (issueId: string) => `SUB_ISSUES_${issueId.toUpperCase()}`;
 export const ISSUE_ATTACHMENTS = (issueId: string) => `ISSUE_ATTACHMENTS_${issueId.toUpperCase()}`;
 export const ARCHIVED_ISSUE_DETAILS = (issueId: string) =>
diff --git a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
index 7054c86a5..637c953e7 100644
--- a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
+++ b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -14,7 +14,7 @@ import { useForm } from "react-hook-form";
 import issuesService from "services/issues.service";
 
 // fetch key
-import { M_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
+import { ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 
 // hooks
 import useUser from "hooks/use-user";
@@ -33,6 +33,7 @@ import {
   IssueAttachments,
   IssuePropertiesDetail,
   IssueLinks,
+  IssueActivity,
 } from "components/web-view";
 
 // types
@@ -66,9 +67,7 @@ const MobileWebViewIssueDetail = () => {
     mutate: mutateIssueDetails,
     error,
   } = useSWR(
-    workspaceSlug && projectId && issueId
-      ? M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString())
-      : null,
+    workspaceSlug && projectId && issueId ? ISSUE_DETAILS(issueId.toString()) : null,
     workspaceSlug && projectId && issueId
       ? () =>
           issuesService.retrieve(workspaceSlug.toString(), projectId.toString(), issueId.toString())
@@ -83,6 +82,10 @@ const MobileWebViewIssueDetail = () => {
       description: issueDetails.description,
       description_html: issueDetails.description_html,
       state: issueDetails.state,
+      assignees_list:
+        issueDetails.assignees_list ?? issueDetails.assignee_details?.map((user) => user.id),
+      labels_list: issueDetails.labels_list ?? issueDetails.labels,
+      labels: issueDetails.labels_list ?? issueDetails.labels,
     });
   }, [issueDetails, reset]);
 
@@ -91,7 +94,7 @@ const MobileWebViewIssueDetail = () => {
       if (!workspaceSlug || !projectId || !issueId) return;
 
       mutate<IIssue>(
-        M_ISSUE_DETAILS(workspaceSlug.toString(), projectId.toString(), issueId.toString()),
+        ISSUE_DETAILS(issueId.toString()),
         (prevData) => {
           if (!prevData) return prevData;
 
@@ -161,7 +164,9 @@ const MobileWebViewIssueDetail = () => {
 
         <IssueAttachments allowed={isAllowed} />
 
-        <IssueLinks allowed={isAllowed} links={issueDetails?.issue_link} />
+        <IssueLinks allowed={isAllowed} issueDetails={issueDetails!} />
+
+        <IssueActivity allowed={isAllowed} issueDetails={issueDetails!} />
       </div>
     </DefaultLayout>
   );

From 85f797058dd47b227bf0a46bf2652b041458793d Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Wed, 6 Sep 2023 19:02:59 +0530
Subject: [PATCH 59/81] fix: edit issue comment mutation (#2109)

---
 space/store/issue_details.ts | 45 +++++++++++++++++++-----------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/space/store/issue_details.ts b/space/store/issue_details.ts
index 26b6148c3..346206e94 100644
--- a/space/store/issue_details.ts
+++ b/space/store/issue_details.ts
@@ -154,29 +154,32 @@ class IssueDetailStore implements IssueDetailStore {
     data: any
   ) => {
     try {
-      const issueCommentUpdateResponse = await this.issueService.updateIssueComment(
-        workspaceSlug,
-        projectId,
-        issueId,
-        commentId,
-        data
-      );
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: this.details[issueId].comments.map((c) => ({
+              ...c,
+              ...(c.id === commentId ? data : {}),
+            })),
+          },
+        };
+      });
 
-      if (issueCommentUpdateResponse) {
-        const remainingComments = this.details[issueId].comments.filter((com) => com.id != commentId);
-        runInAction(() => {
-          this.details = {
-            ...this.details,
-            [issueId]: {
-              ...this.details[issueId],
-              comments: [...remainingComments, issueCommentUpdateResponse],
-            },
-          };
-        });
-      }
-      return issueCommentUpdateResponse;
+      await this.issueService.updateIssueComment(workspaceSlug, projectId, issueId, commentId, data);
     } catch (error) {
-      console.log("Failed to add issue comment");
+      const issueComments = await this.issueService.getIssueComments(workspaceSlug, projectId, issueId);
+
+      runInAction(() => {
+        this.details = {
+          ...this.details,
+          [issueId]: {
+            ...this.details[issueId],
+            comments: issueComments,
+          },
+        };
+      });
     }
   };
 

From b47c7d363f260256ba36b712ee089c55b87be067 Mon Sep 17 00:00:00 2001
From: "M. Palanikannan" <73993394+Palanikannan1437@users.noreply.github.com>
Date: Thu, 7 Sep 2023 12:22:02 +0530
Subject: [PATCH 60/81] fix: Improved Image Deletion Logic, Image ID Issue in
 Modals and Performance Optimization in Editor (#2092)

* added improved delete logic in modals

* added better ts support

* impoved complexity to O(1) from O(n) for large docs

* regression: removed ts nocheck
---
 web/components/tiptap/extensions/index.tsx    | 222 +++++++++---------
 .../tiptap/plugins/delete-image.tsx           |  58 +++--
 .../tiptap/plugins/upload-image.tsx           |   1 -
 3 files changed, 146 insertions(+), 135 deletions(-)

diff --git a/web/components/tiptap/extensions/index.tsx b/web/components/tiptap/extensions/index.tsx
index ea5d421a6..f5dc11384 100644
--- a/web/components/tiptap/extensions/index.tsx
+++ b/web/components/tiptap/extensions/index.tsx
@@ -32,122 +32,122 @@ export const TiptapExtensions = (
   workspaceSlug: string,
   setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
 ) => [
-  StarterKit.configure({
-    bulletList: {
-      HTMLAttributes: {
-        class: "list-disc list-outside leading-3 -mt-2",
+    StarterKit.configure({
+      bulletList: {
+        HTMLAttributes: {
+          class: "list-disc list-outside leading-3 -mt-2",
+        },
       },
-    },
-    orderedList: {
-      HTMLAttributes: {
-        class: "list-decimal list-outside leading-3 -mt-2",
+      orderedList: {
+        HTMLAttributes: {
+          class: "list-decimal list-outside leading-3 -mt-2",
+        },
       },
-    },
-    listItem: {
-      HTMLAttributes: {
-        class: "leading-normal -mb-2",
+      listItem: {
+        HTMLAttributes: {
+          class: "leading-normal -mb-2",
+        },
       },
-    },
-    blockquote: {
-      HTMLAttributes: {
-        class: "border-l-4 border-custom-border-300",
+      blockquote: {
+        HTMLAttributes: {
+          class: "border-l-4 border-custom-border-300",
+        },
       },
-    },
-    code: {
+      code: {
+        HTMLAttributes: {
+          class:
+            "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
+          spellcheck: "false",
+        },
+      },
+      codeBlock: false,
+      horizontalRule: false,
+      dropcursor: {
+        color: "rgba(var(--color-text-100))",
+        width: 2,
+      },
+      gapcursor: false,
+    }),
+    CodeBlockLowlight.configure({
+      lowlight,
+    }),
+    HorizontalRule.extend({
+      addInputRules() {
+        return [
+          new InputRule({
+            find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+            handler: ({ state, range, commands }) => {
+              commands.splitBlock();
+
+              const attributes = {};
+              const { tr } = state;
+              const start = range.from;
+              const end = range.to;
+              // @ts-ignore
+              tr.replaceWith(start - 1, end, this.type.create(attributes));
+            },
+          }),
+        ];
+      },
+    }).configure({
+      HTMLAttributes: {
+        class: "mb-6 border-t border-custom-border-300",
+      },
+    }),
+    Gapcursor,
+    TiptapLink.configure({
+      protocols: ["http", "https"],
+      validate: (url) => isValidHttpUrl(url),
       HTMLAttributes: {
         class:
-          "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
-        spellcheck: "false",
+          "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
       },
-    },
-    codeBlock: false,
-    horizontalRule: false,
-    dropcursor: {
-      color: "rgba(var(--color-text-100))",
-      width: 2,
-    },
-    gapcursor: false,
-  }),
-  CodeBlockLowlight.configure({
-    lowlight,
-  }),
-  HorizontalRule.extend({
-    addInputRules() {
-      return [
-        new InputRule({
-          find: /^(?:---|—-|___\s|\*\*\*\s)$/,
-          handler: ({ state, range, commands }) => {
-            commands.splitBlock();
+    }),
+    UpdatedImage.configure({
+      HTMLAttributes: {
+        class: "rounded-lg border border-custom-border-300",
+      },
+    }),
+    Placeholder.configure({
+      placeholder: ({ node }) => {
+        if (node.type.name === "heading") {
+          return `Heading ${node.attrs.level}`;
+        }
+        if (node.type.name === "image" || node.type.name === "table") {
+          return "";
+        }
 
-            const attributes = {};
-            const { tr } = state;
-            const start = range.from;
-            const end = range.to;
-            // @ts-ignore
-            tr.replaceWith(start - 1, end, this.type.create(attributes));
-          },
-        }),
-      ];
-    },
-  }).configure({
-    HTMLAttributes: {
-      class: "mb-6 border-t border-custom-border-300",
-    },
-  }),
-  Gapcursor,
-  TiptapLink.configure({
-    protocols: ["http", "https"],
-    validate: (url) => isValidHttpUrl(url),
-    HTMLAttributes: {
-      class:
-        "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
-    },
-  }),
-  UpdatedImage.configure({
-    HTMLAttributes: {
-      class: "rounded-lg border border-custom-border-300",
-    },
-  }),
-  Placeholder.configure({
-    placeholder: ({ node }) => {
-      if (node.type.name === "heading") {
-        return `Heading ${node.attrs.level}`;
-      }
-      if (node.type.name === "image" || node.type.name === "table") {
-        return "";
-      }
-
-      return "Press '/' for commands...";
-    },
-    includeChildren: true,
-  }),
-  UniqueID.configure({
-    types: ["image"],
-  }),
-  SlashCommand(workspaceSlug, setIsSubmitting),
-  TiptapUnderline,
-  TextStyle,
-  Color,
-  Highlight.configure({
-    multicolor: true,
-  }),
-  TaskList.configure({
-    HTMLAttributes: {
-      class: "not-prose pl-2",
-    },
-  }),
-  TaskItem.configure({
-    HTMLAttributes: {
-      class: "flex items-start my-4",
-    },
-    nested: true,
-  }),
-  Markdown.configure({
-    html: true,
-    transformCopiedText: true,
-  }),
-  Table,
-  TableHeader,
-  CustomTableCell,
-  TableRow,
-];
+        return "Press '/' for commands...";
+      },
+      includeChildren: true,
+    }),
+    UniqueID.configure({
+      types: ["image"],
+    }),
+    SlashCommand(workspaceSlug, setIsSubmitting),
+    TiptapUnderline,
+    TextStyle,
+    Color,
+    Highlight.configure({
+      multicolor: true,
+    }),
+    TaskList.configure({
+      HTMLAttributes: {
+        class: "not-prose pl-2",
+      },
+    }),
+    TaskItem.configure({
+      HTMLAttributes: {
+        class: "flex items-start my-4",
+      },
+      nested: true,
+    }),
+    Markdown.configure({
+      html: true,
+      transformCopiedText: true,
+    }),
+    Table,
+    TableHeader,
+    CustomTableCell,
+    TableRow,
+  ];
diff --git a/web/components/tiptap/plugins/delete-image.tsx b/web/components/tiptap/plugins/delete-image.tsx
index 568e4b748..fdf515ccc 100644
--- a/web/components/tiptap/plugins/delete-image.tsx
+++ b/web/components/tiptap/plugins/delete-image.tsx
@@ -1,43 +1,51 @@
-import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { EditorState, Plugin, PluginKey, Transaction } from "@tiptap/pm/state";
 import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 import fileService from "services/file.service";
 
 const deleteKey = new PluginKey("delete-image");
+const IMAGE_NODE_TYPE = "image";
 
-const TrackImageDeletionPlugin = () =>
+interface ImageNode extends ProseMirrorNode {
+  attrs: {
+    src: string;
+    id: string;
+  };
+}
+
+const TrackImageDeletionPlugin = (): Plugin =>
   new Plugin({
     key: deleteKey,
-    appendTransaction: (transactions, oldState, newState) => {
+    appendTransaction: (transactions: readonly Transaction[], oldState: EditorState, newState: EditorState) => {
+      const newImageSources = new Set();
+      newState.doc.descendants((node) => {
+        if (node.type.name === IMAGE_NODE_TYPE) {
+          newImageSources.add(node.attrs.src);
+        }
+      });
+
       transactions.forEach((transaction) => {
         if (!transaction.docChanged) return;
 
-        const removedImages: ProseMirrorNode[] = [];
+        const removedImages: ImageNode[] = [];
 
         oldState.doc.descendants((oldNode, oldPos) => {
-          if (oldNode.type.name !== "image") return;
-
+          if (oldNode.type.name !== IMAGE_NODE_TYPE) return;
           if (oldPos < 0 || oldPos > newState.doc.content.size) return;
           if (!newState.doc.resolve(oldPos).parent) return;
+
           const newNode = newState.doc.nodeAt(oldPos);
 
           // Check if the node has been deleted or replaced
-          if (!newNode || newNode.type.name !== "image") {
-            // Check if the node still exists elsewhere in the document
-            let nodeExists = false;
-            newState.doc.descendants((node) => {
-              if (node.attrs.id === oldNode.attrs.id) {
-                nodeExists = true;
-              }
-            });
-            if (!nodeExists) {
-              removedImages.push(oldNode as ProseMirrorNode);
+          if (!newNode || newNode.type.name !== IMAGE_NODE_TYPE) {
+            if (!newImageSources.has(oldNode.attrs.src)) {
+              removedImages.push(oldNode as ImageNode);
             }
           }
         });
 
-        removedImages.forEach((node) => {
+        removedImages.forEach(async (node) => {
           const src = node.attrs.src;
-          onNodeDeleted(src);
+          await onNodeDeleted(src);
         });
       });
 
@@ -47,10 +55,14 @@ const TrackImageDeletionPlugin = () =>
 
 export default TrackImageDeletionPlugin;
 
-async function onNodeDeleted(src: string) {
-  const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
-  const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
-  if (resStatus === 204) {
-    console.log("Image deleted successfully");
+async function onNodeDeleted(src: string): Promise<void> {
+  try {
+    const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
+    const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
+    if (resStatus === 204) {
+      console.log("Image deleted successfully");
+    }
+  } catch (error) {
+    console.error("Error deleting image: ", error);
   }
 }
diff --git a/web/components/tiptap/plugins/upload-image.tsx b/web/components/tiptap/plugins/upload-image.tsx
index 499a00455..bc0acdc54 100644
--- a/web/components/tiptap/plugins/upload-image.tsx
+++ b/web/components/tiptap/plugins/upload-image.tsx
@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { EditorState, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Decoration, DecorationSet, EditorView } from "@tiptap/pm/view";
 import fileService from "services/file.service";

From d26aa1b2da6300e1ca292e3f801293b029a3c747 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 7 Sep 2023 12:53:49 +0530
Subject: [PATCH 61/81] chore: render proper icons for due dates (#2114)

---
 .../issues/board-views/block-due-date.tsx     | 33 ++++++++--------
 .../issues/peek-overview/issue-properties.tsx | 38 +++++--------------
 space/constants/helpers.ts                    | 36 ------------------
 space/helpers/date-time.helper.ts             | 23 +++++++++++
 4 files changed, 49 insertions(+), 81 deletions(-)
 delete mode 100644 space/constants/helpers.ts

diff --git a/space/components/issues/board-views/block-due-date.tsx b/space/components/issues/board-views/block-due-date.tsx
index f96836098..f88c82d0f 100644
--- a/space/components/issues/board-views/block-due-date.tsx
+++ b/space/components/issues/board-views/block-due-date.tsx
@@ -1,17 +1,9 @@
 "use client";
 
 // helpers
-import { renderFullDate } from "constants/helpers";
+import { renderFullDate } from "helpers/date-time.helper";
 
-export const findHowManyDaysLeft = (date: string | Date) => {
-  const today = new Date();
-  const eventDate = new Date(date);
-  const timeDiff = Math.abs(eventDate.getTime() - today.getTime());
-
-  return Math.ceil(timeDiff / (1000 * 3600 * 24));
-};
-
-const dueDateIcon = (
+export const dueDateIconDetails = (
   date: string,
   stateGroup: string
 ): {
@@ -26,17 +18,24 @@ const dueDateIcon = (
     className = "";
   } else {
     const today = new Date();
-    const dueDate = new Date(date);
+    today.setHours(0, 0, 0, 0);
+    const targetDate = new Date(date);
+    targetDate.setHours(0, 0, 0, 0);
 
-    if (dueDate < today) {
+    const timeDifference = targetDate.getTime() - today.getTime();
+
+    if (timeDifference < 0) {
       iconName = "event_busy";
       className = "text-red-500";
-    } else if (dueDate > today) {
-      iconName = "calendar_today";
-      className = "";
-    } else {
+    } else if (timeDifference === 0) {
       iconName = "today";
       className = "text-red-500";
+    } else if (timeDifference === 24 * 60 * 60 * 1000) {
+      iconName = "event";
+      className = "text-yellow-500";
+    } else {
+      iconName = "calendar_today";
+      className = "";
     }
   }
 
@@ -47,7 +46,7 @@ const dueDateIcon = (
 };
 
 export const IssueBlockDueDate = ({ due_date, group }: { due_date: string; group: string }) => {
-  const iconDetails = dueDateIcon(due_date, group);
+  const iconDetails = dueDateIconDetails(due_date, group);
 
   return (
     <div className="rounded flex px-2.5 py-1 items-center border-[0.5px] border-custom-border-300 gap-1 text-custom-text-100 text-xs">
diff --git a/space/components/issues/peek-overview/issue-properties.tsx b/space/components/issues/peek-overview/issue-properties.tsx
index 6b3394b56..c7a08faed 100644
--- a/space/components/issues/peek-overview/issue-properties.tsx
+++ b/space/components/issues/peek-overview/issue-properties.tsx
@@ -2,9 +2,10 @@
 import useToast from "hooks/use-toast";
 // icons
 import { Icon } from "components/ui";
-import { copyTextToClipboard, addSpaceIfCamelCase } from "helpers/string.helper";
 // helpers
-import { renderDateFormat } from "constants/helpers";
+import { copyTextToClipboard, addSpaceIfCamelCase } from "helpers/string.helper";
+import { renderFullDate } from "helpers/date-time.helper";
+import { dueDateIconDetails } from "../board-views/block-due-date";
 // types
 import { IIssue } from "types/issue";
 import { IPeekMode } from "store/issue_details";
@@ -16,35 +17,16 @@ type Props = {
   mode?: IPeekMode;
 };
 
-const validDate = (date: any, state: string): string => {
-  if (date === null || ["backlog", "unstarted", "cancelled"].includes(state))
-    return `bg-gray-500/10 text-gray-500 border-gray-500/50`;
-  else {
-    const today = new Date();
-    const dueDate = new Date(date);
-
-    if (dueDate < today) return `bg-red-500/10 text-red-500 border-red-500/50`;
-    else return `bg-green-500/10 text-green-500 border-green-500/50`;
-  }
-};
-
 export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mode }) => {
   const { setToastAlert } = useToast();
 
-  const startDate = issueDetails.start_date;
-  const targetDate = issueDetails.target_date;
-
-  const minDate = startDate ? new Date(startDate) : null;
-  minDate?.setDate(minDate.getDate());
-
-  const maxDate = targetDate ? new Date(targetDate) : null;
-  maxDate?.setDate(maxDate.getDate());
-
   const state = issueDetails.state_detail;
   const stateGroup = issueGroupFilter(state.group);
 
   const priority = issueDetails.priority ? issuePriorityFilter(issueDetails.priority) : null;
 
+  const dueDateIcon = dueDateIconDetails(issueDetails.target_date, state.group);
+
   const handleCopyLink = () => {
     const urlToCopy = window.location.href;
 
@@ -125,11 +107,11 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mod
           </div>
           <div>
             {issueDetails.target_date ? (
-              <div
-                className={`h-[24px] rounded-md flex px-2.5 py-1 items-center border border-custom-border-100 gap-1 text-custom-text-100 text-xs font-medium 
-                ${validDate(issueDetails.target_date, state)}`}
-              >
-                {renderDateFormat(issueDetails.target_date)}
+              <div className="h-6 rounded flex items-center gap-1 px-2.5 py-1 border border-custom-border-100 text-custom-text-100 text-xs bg-custom-background-80">
+                <span className={`material-symbols-rounded text-sm -my-0.5 ${dueDateIcon.className}`}>
+                  {dueDateIcon.iconName}
+                </span>
+                {renderFullDate(issueDetails.target_date)}
               </div>
             ) : (
               <span className="text-custom-text-200">Empty</span>
diff --git a/space/constants/helpers.ts b/space/constants/helpers.ts
deleted file mode 100644
index 0cf142353..000000000
--- a/space/constants/helpers.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-export const renderDateFormat = (date: string | Date | null) => {
-  if (!date) return "N/A";
-
-  var d = new Date(date),
-    month = "" + (d.getMonth() + 1),
-    day = "" + d.getDate(),
-    year = d.getFullYear();
-
-  if (month.length < 2) month = "0" + month;
-  if (day.length < 2) day = "0" + day;
-
-  return [year, month, day].join("-");
-};
-
-/**
- * @description Returns date and month, if date is of the current year
- * @description Returns date, month adn year, if date is of a different year than current
- * @param {string} date
- * @example renderFullDate("2023-01-01") // 1 Jan
- * @example renderFullDate("2021-01-01") // 1 Jan, 2021
- */
-
-export const renderFullDate = (date: string): string => {
-  if (!date) return "";
-
-  const months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-
-  const currentDate: Date = new Date();
-  const [year, month, day]: number[] = date.split("-").map(Number);
-
-  const formattedMonth: string = months[month - 1];
-  const formattedDay: string = day < 10 ? `0${day}` : day.toString();
-
-  if (currentDate.getFullYear() === year) return `${formattedDay} ${formattedMonth}`;
-  else return `${formattedDay} ${formattedMonth}, ${year}`;
-};
diff --git a/space/helpers/date-time.helper.ts b/space/helpers/date-time.helper.ts
index 625871625..f19a5358b 100644
--- a/space/helpers/date-time.helper.ts
+++ b/space/helpers/date-time.helper.ts
@@ -12,3 +12,26 @@ export const timeAgo = (time: any) => {
       time = +new Date();
   }
 };
+
+/**
+ * @description Returns date and month, if date is of the current year
+ * @description Returns date, month adn year, if date is of a different year than current
+ * @param {string} date
+ * @example renderFullDate("2023-01-01") // 1 Jan
+ * @example renderFullDate("2021-01-01") // 1 Jan, 2021
+ */
+
+export const renderFullDate = (date: string): string => {
+  if (!date) return "";
+
+  const months: string[] = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+
+  const currentDate: Date = new Date();
+  const [year, month, day]: number[] = date.split("-").map(Number);
+
+  const formattedMonth: string = months[month - 1];
+  const formattedDay: string = day < 10 ? `0${day}` : day.toString();
+
+  if (currentDate.getFullYear() === year) return `${formattedDay} ${formattedMonth}`;
+  else return `${formattedDay} ${formattedMonth}, ${year}`;
+};

From 81436902a3b8480aacb4321b82905a1ddbba84e3 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 7 Sep 2023 12:54:30 +0530
Subject: [PATCH 62/81] chore: option to switch access of a comment (#2116)

---
 web/components/inbox/inbox-issue-activity.tsx |  6 +-
 web/components/issues/activity.tsx            |  9 ++-
 .../issues/comment/comment-card.tsx           | 63 +++++++++++++++----
 web/components/issues/main-content.tsx        |  7 ++-
 .../issues/peek-overview/issue-activity.tsx   | 19 +++---
 web/services/issues.service.ts                |  2 +-
 6 files changed, 75 insertions(+), 31 deletions(-)

diff --git a/web/components/inbox/inbox-issue-activity.tsx b/web/components/inbox/inbox-issue-activity.tsx
index efa237162..dfcbf0262 100644
--- a/web/components/inbox/inbox-issue-activity.tsx
+++ b/web/components/inbox/inbox-issue-activity.tsx
@@ -38,7 +38,7 @@ export const InboxIssueActivity: React.FC<Props> = ({ issueDetails }) => {
       : null
   );
 
-  const handleCommentUpdate = async (comment: IIssueComment) => {
+  const handleCommentUpdate = async (commentId: string, data: Partial<IIssueComment>) => {
     if (!workspaceSlug || !projectId || !inboxIssueId) return;
 
     await issuesService
@@ -46,8 +46,8 @@ export const InboxIssueActivity: React.FC<Props> = ({ issueDetails }) => {
         workspaceSlug as string,
         projectId as string,
         inboxIssueId as string,
-        comment.id,
-        comment,
+        commentId,
+        data,
         user
       )
       .then(() => mutateIssueActivity());
diff --git a/web/components/issues/activity.tsx b/web/components/issues/activity.tsx
index 5a82907f2..fe322afe9 100644
--- a/web/components/issues/activity.tsx
+++ b/web/components/issues/activity.tsx
@@ -15,14 +15,16 @@ import { IIssueActivity, IIssueComment } from "types";
 
 type Props = {
   activity: IIssueActivity[] | undefined;
-  handleCommentUpdate: (comment: IIssueComment) => Promise<void>;
+  handleCommentUpdate: (commentId: string, data: Partial<IIssueComment>) => Promise<void>;
   handleCommentDelete: (commentId: string) => Promise<void>;
+  showAccessSpecifier?: boolean;
 };
 
 export const IssueActivitySection: React.FC<Props> = ({
   activity,
   handleCommentUpdate,
   handleCommentDelete,
+  showAccessSpecifier = false,
 }) => {
   const router = useRouter();
   const { workspaceSlug } = router.query;
@@ -131,10 +133,11 @@ export const IssueActivitySection: React.FC<Props> = ({
             return (
               <div key={activityItem.id} className="mt-4">
                 <CommentCard
-                  workspaceSlug={workspaceSlug as string}
                   comment={activityItem as IIssueComment}
-                  onSubmit={handleCommentUpdate}
                   handleCommentDeletion={handleCommentDelete}
+                  onSubmit={handleCommentUpdate}
+                  showAccessSpecifier={showAccessSpecifier}
+                  workspaceSlug={workspaceSlug as string}
                 />
               </div>
             );
diff --git a/web/components/issues/comment/comment-card.tsx b/web/components/issues/comment/comment-card.tsx
index 089aa9db9..3d3e43b39 100644
--- a/web/components/issues/comment/comment-card.tsx
+++ b/web/components/issues/comment/comment-card.tsx
@@ -7,7 +7,7 @@ import { ChatBubbleLeftEllipsisIcon, CheckIcon, XMarkIcon } from "@heroicons/rea
 // hooks
 import useUser from "hooks/use-user";
 // ui
-import { CustomMenu } from "components/ui";
+import { CustomMenu, Icon } from "components/ui";
 import { CommentReaction } from "components/issues";
 import { TipTapEditor } from "components/tiptap";
 // helpers
@@ -16,17 +16,19 @@ import { timeAgo } from "helpers/date-time.helper";
 import type { IIssueComment } from "types";
 
 type Props = {
-  workspaceSlug: string;
   comment: IIssueComment;
-  onSubmit: (comment: IIssueComment) => void;
   handleCommentDeletion: (comment: string) => void;
+  onSubmit: (commentId: string, data: Partial<IIssueComment>) => void;
+  showAccessSpecifier?: boolean;
+  workspaceSlug: string;
 };
 
 export const CommentCard: React.FC<Props> = ({
   comment,
-  workspaceSlug,
-  onSubmit,
   handleCommentDeletion,
+  onSubmit,
+  showAccessSpecifier = false,
+  workspaceSlug,
 }) => {
   const { user } = useUser();
 
@@ -45,11 +47,11 @@ export const CommentCard: React.FC<Props> = ({
     defaultValues: comment,
   });
 
-  const onEnter = (formData: IIssueComment) => {
+  const onEnter = (formData: Partial<IIssueComment>) => {
     if (isSubmitting) return;
     setIsEditing(false);
 
-    onSubmit(formData);
+    onSubmit(comment.id, formData);
 
     editorRef.current?.setEditorValue(formData.comment_html);
     showEditorRef.current?.setEditorValue(formData.comment_html);
@@ -99,7 +101,7 @@ export const CommentCard: React.FC<Props> = ({
               : comment.actor_detail.display_name}
           </div>
           <p className="mt-0.5 text-xs text-custom-text-200">
-            Commented {timeAgo(comment.created_at)}
+            commented {timeAgo(comment.created_at)}
           </p>
         </div>
         <div className="issue-comments-section p-0">
@@ -137,7 +139,15 @@ export const CommentCard: React.FC<Props> = ({
               </button>
             </div>
           </form>
-          <div className={`${isEditing ? "hidden" : ""}`}>
+          <div className={`relative ${isEditing ? "hidden" : ""}`}>
+            {showAccessSpecifier && (
+              <div className="absolute top-1 right-1.5 z-[1] text-custom-text-300">
+                <Icon
+                  iconName={comment.access === "INTERNAL" ? "lock" : "public"}
+                  className="!text-xs"
+                />
+              </div>
+            )}
             <TipTapEditor
               workspaceSlug={workspaceSlug as string}
               ref={showEditorRef}
@@ -151,13 +161,44 @@ export const CommentCard: React.FC<Props> = ({
       </div>
       {user?.id === comment.actor && (
         <CustomMenu ellipsis>
-          <CustomMenu.MenuItem onClick={() => setIsEditing(true)}>Edit</CustomMenu.MenuItem>
+          <CustomMenu.MenuItem
+            onClick={() => setIsEditing(true)}
+            className="flex items-center gap-1"
+          >
+            <Icon iconName="edit" />
+            Edit comment
+          </CustomMenu.MenuItem>
+          {showAccessSpecifier && (
+            <>
+              {comment.access === "INTERNAL" ? (
+                <CustomMenu.MenuItem
+                  renderAs="button"
+                  onClick={() => onSubmit(comment.id, { access: "EXTERNAL" })}
+                  className="flex items-center gap-1"
+                >
+                  <Icon iconName="public" />
+                  Switch to public comment
+                </CustomMenu.MenuItem>
+              ) : (
+                <CustomMenu.MenuItem
+                  renderAs="button"
+                  onClick={() => onSubmit(comment.id, { access: "INTERNAL" })}
+                  className="flex items-center gap-1"
+                >
+                  <Icon iconName="lock" />
+                  Switch to private comment
+                </CustomMenu.MenuItem>
+              )}
+            </>
+          )}
           <CustomMenu.MenuItem
             onClick={() => {
               handleCommentDeletion(comment.id);
             }}
+            className="flex items-center gap-1"
           >
-            Delete
+            <Icon iconName="delete" />
+            Delete comment
           </CustomMenu.MenuItem>
         </CustomMenu>
       )}
diff --git a/web/components/issues/main-content.tsx b/web/components/issues/main-content.tsx
index bab384523..b7b154ce2 100644
--- a/web/components/issues/main-content.tsx
+++ b/web/components/issues/main-content.tsx
@@ -77,7 +77,7 @@ export const IssueMainContent: React.FC<Props> = ({
       : null
   );
 
-  const handleCommentUpdate = async (comment: IIssueComment) => {
+  const handleCommentUpdate = async (commentId: string, data: Partial<IIssueComment>) => {
     if (!workspaceSlug || !projectId || !issueId) return;
 
     await issuesService
@@ -85,8 +85,8 @@ export const IssueMainContent: React.FC<Props> = ({
         workspaceSlug as string,
         projectId as string,
         issueId as string,
-        comment.id,
-        comment,
+        commentId,
+        data,
         user
       )
       .then(() => mutateIssueActivity());
@@ -222,6 +222,7 @@ export const IssueMainContent: React.FC<Props> = ({
           activity={issueActivity}
           handleCommentUpdate={handleCommentUpdate}
           handleCommentDelete={handleCommentDelete}
+          showAccessSpecifier={projectDetails && projectDetails.is_deployed}
         />
         <AddComment
           onSubmit={handleAddComment}
diff --git a/web/components/issues/peek-overview/issue-activity.tsx b/web/components/issues/peek-overview/issue-activity.tsx
index 975b01fb0..68e608dba 100644
--- a/web/components/issues/peek-overview/issue-activity.tsx
+++ b/web/components/issues/peek-overview/issue-activity.tsx
@@ -5,6 +5,7 @@ import issuesService from "services/issues.service";
 // hooks
 import useUser from "hooks/use-user";
 import useToast from "hooks/use-toast";
+import useProjectDetails from "hooks/use-project-details";
 // components
 import { AddComment, IssueActivitySection } from "components/issues";
 // types
@@ -22,6 +23,7 @@ export const PeekOverviewIssueActivity: React.FC<Props> = ({ workspaceSlug, issu
   const { setToastAlert } = useToast();
 
   const { user } = useUser();
+  const { projectDetails } = useProjectDetails();
 
   const { data: issueActivity, mutate: mutateIssueActivity } = useSWR(
     workspaceSlug && issue ? PROJECT_ISSUES_ACTIVITY(issue.id) : null,
@@ -30,18 +32,11 @@ export const PeekOverviewIssueActivity: React.FC<Props> = ({ workspaceSlug, issu
       : null
   );
 
-  const handleCommentUpdate = async (comment: IIssueComment) => {
+  const handleCommentUpdate = async (commentId: string, data: Partial<IIssueComment>) => {
     if (!workspaceSlug || !issue) return;
 
     await issuesService
-      .patchIssueComment(
-        workspaceSlug as string,
-        issue.project,
-        issue.id,
-        comment.id,
-        comment,
-        user
-      )
+      .patchIssueComment(workspaceSlug as string, issue.project, issue.id, commentId, data, user)
       .then(() => mutateIssueActivity());
   };
 
@@ -80,9 +75,13 @@ export const PeekOverviewIssueActivity: React.FC<Props> = ({ workspaceSlug, issu
           activity={issueActivity}
           handleCommentUpdate={handleCommentUpdate}
           handleCommentDelete={handleCommentDelete}
+          showAccessSpecifier={projectDetails && projectDetails.is_deployed}
         />
         <div className="mt-4">
-          <AddComment onSubmit={handleAddComment} />
+          <AddComment
+            onSubmit={handleAddComment}
+            showAccessSpecifier={projectDetails && projectDetails.is_deployed}
+          />
         </div>
       </div>
     </div>
diff --git a/web/services/issues.service.ts b/web/services/issues.service.ts
index b8875e6c5..af5d722e3 100644
--- a/web/services/issues.service.ts
+++ b/web/services/issues.service.ts
@@ -204,7 +204,7 @@ class ProjectIssuesServices extends APIService {
     projectId: string,
     issueId: string,
     commentId: string,
-    data: IIssueComment,
+    data: Partial<IIssueComment>,
     user: ICurrentUserResponse | undefined
   ): Promise<any> {
     return this.patch(

From 9c3510851daaf82a6d8c5d3d55e919dfdcab7af7 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Thu, 7 Sep 2023 13:20:32 +0530
Subject: [PATCH 63/81] dev: update python packages (#2095)

---
 apiserver/requirements/base.txt       | 26 +++++++++++++-------------
 apiserver/requirements/production.txt | 10 +++++-----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/apiserver/requirements/base.txt b/apiserver/requirements/base.txt
index ca9d881ef..969ab3c89 100644
--- a/apiserver/requirements/base.txt
+++ b/apiserver/requirements/base.txt
@@ -1,36 +1,36 @@
 # base requirements
 
-Django==4.2.3
+Django==4.2.5
 django-braces==1.15.0
 django-taggit==4.0.0
-psycopg==3.1.9
+psycopg==3.1.10
 django-oauth-toolkit==2.3.0
 mistune==3.0.1
 djangorestframework==3.14.0
 redis==4.6.0
 django-nested-admin==4.0.2
-django-cors-headers==4.1.0
+django-cors-headers==4.2.0
 whitenoise==6.5.0
-django-allauth==0.54.0
+django-allauth==0.55.2
 faker==18.11.2
 django-filter==23.2
 jsonmodels==2.6.0
-djangorestframework-simplejwt==5.2.2
-sentry-sdk==1.27.0
+djangorestframework-simplejwt==5.3.0
+sentry-sdk==1.30.0
 django-s3-storage==0.14.0
 django-crum==0.7.9
 django-guardian==2.4.0
 dj_rest_auth==2.2.5
-google-auth==2.21.0
-google-api-python-client==2.92.0
+google-auth==2.22.0
+google-api-python-client==2.97.0
 django-redis==5.3.0
-uvicorn==0.22.0
+uvicorn==0.23.2
 channels==4.0.0
-openai==0.27.8
+openai==0.28.0
 slack-sdk==3.21.3
-celery==5.3.1
+celery==5.3.4
 django_celery_beat==2.5.0
-psycopg-binary==3.1.9
-psycopg-c==3.1.9
+psycopg-binary==3.1.10
+psycopg-c==3.1.10
 scout-apm==2.26.1
 openpyxl==3.1.2
\ No newline at end of file
diff --git a/apiserver/requirements/production.txt b/apiserver/requirements/production.txt
index 4da619d49..5e3483a96 100644
--- a/apiserver/requirements/production.txt
+++ b/apiserver/requirements/production.txt
@@ -1,11 +1,11 @@
 -r base.txt
 
-dj-database-url==2.0.0
-gunicorn==20.1.0
+dj-database-url==2.1.0
+gunicorn==21.2.0
 whitenoise==6.5.0
-django-storages==1.13.2
-boto3==1.27.0
-django-anymail==10.0
+django-storages==1.14
+boto3==1.28.40
+django-anymail==10.1
 django-debug-toolbar==4.1.0
 gevent==23.7.0
 psycogreen==1.0.2
\ No newline at end of file

From 866eead35f13662b0520af8096c9ecadadb7cf82 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Thu, 7 Sep 2023 13:21:05 +0530
Subject: [PATCH 64/81] fix: issue comment ordering for public boards (#2108)

---
 apiserver/plane/api/views/issue.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index d97b546d3..8a817a674 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -1575,7 +1575,7 @@ class IssueCommentPublicViewSet(BaseViewSet):
                         )
                     )
                     .distinct()
-                )
+                ).order_by("created_at")
             else:
                 return IssueComment.objects.none()
         except ProjectDeployBoard.DoesNotExist:

From 39bc975994c0774ce18d0078dd104826e838fd62 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Thu, 7 Sep 2023 13:21:58 +0530
Subject: [PATCH 65/81] fix: remove triage issue status from public boards
 (#2110)

---
 apiserver/plane/api/views/issue.py | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apiserver/plane/api/views/issue.py b/apiserver/plane/api/views/issue.py
index 8a817a674..334ad2514 100644
--- a/apiserver/plane/api/views/issue.py
+++ b/apiserver/plane/api/views/issue.py
@@ -2195,6 +2195,7 @@ class ProjectIssuesPublicEndpoint(BaseAPIView):
 
             states = (
                 State.objects.filter(
+                    ~Q(name="Triage"),
                     workspace__slug=slug,
                     project_id=project_id,
                 )

From 8ea6dd4e846cc8b9b4552eaf706d60c3d280a4ac Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 7 Sep 2023 13:40:50 +0530
Subject: [PATCH 66/81] fix: onboarding role select dropdown text color (#2117)

---
 space/components/accounts/onboarding-form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/space/components/accounts/onboarding-form.tsx b/space/components/accounts/onboarding-form.tsx
index c40465b3f..4cca97a64 100644
--- a/space/components/accounts/onboarding-form.tsx
+++ b/space/components/accounts/onboarding-form.tsx
@@ -131,7 +131,7 @@ export const OnBoardingForm: React.FC<Props> = observer(({ user }) => {
                     type="button"
                     className={`flex items-center justify-between gap-1 w-full rounded-md border border-custom-border-300 shadow-sm duration-300 focus:outline-none px-3 py-2 text-sm`}
                   >
-                    <span className="text-custom-text-400">{value || "Select your role..."}</span>
+                    <span className={value ? "" : "text-custom-text-400"}>{value || "Select your role..."}</span>
                     <ChevronDownIcon className="h-3 w-3" aria-hidden="true" />
                   </Listbox.Button>
 

From 5989f2476af0220c5b5a6fc606575d5b4dcf6e0a Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Thu, 7 Sep 2023 13:41:29 +0530
Subject: [PATCH 67/81] fix: update plane logo (#2118)

---
 space/components/accounts/sign-in.tsx          |   2 +-
 space/pages/onboarding/index.tsx               |   2 +-
 space/public/plane-logos/blue-without-text.png | Bin 0 -> 2460 bytes
 space/public/plane-logos/blue-without-text.svg |  15 ---------------
 4 files changed, 2 insertions(+), 17 deletions(-)
 create mode 100644 space/public/plane-logos/blue-without-text.png
 delete mode 100644 space/public/plane-logos/blue-without-text.svg

diff --git a/space/components/accounts/sign-in.tsx b/space/components/accounts/sign-in.tsx
index 661675e07..b21ef167d 100644
--- a/space/components/accounts/sign-in.tsx
+++ b/space/components/accounts/sign-in.tsx
@@ -13,7 +13,7 @@ import useToast from "hooks/use-toast";
 // components
 import { EmailPasswordForm, GithubLoginButton, GoogleLoginButton, EmailCodeForm } from "components/accounts";
 // images
-import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
 
 export const SignInView = observer(() => {
   const { user: userStore } = useMobxStore();
diff --git a/space/pages/onboarding/index.tsx b/space/pages/onboarding/index.tsx
index 1d2f19519..2f08ee648 100644
--- a/space/pages/onboarding/index.tsx
+++ b/space/pages/onboarding/index.tsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import Image from "next/image";
 // assets
-import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.svg";
+import BluePlaneLogoWithoutText from "public/plane-logos/blue-without-text.png";
 // mobx
 import { observer } from "mobx-react-lite";
 import { useMobxStore } from "lib/mobx/store-provider";
diff --git a/space/public/plane-logos/blue-without-text.png b/space/public/plane-logos/blue-without-text.png
new file mode 100644
index 0000000000000000000000000000000000000000..ea94aec7920b8ee108ed403cd22548712d983a95
GIT binary patch
literal 2460
zcmeHJU1%Id9N*a1CXv`Clu{eebpsOdc6W9!x0hSGp6OlE9OTj?IcOBL&h5@6OKx{I
zyPMp{g9&}`14<)UH4kkS`cMR`n1`Y*CDjTx)D}Y?jKn5=h&Hr_7A^Qvh_jcwBb8{e
zuXbVB*_q$`KYsK3|JipE-TUflch^!BRTt}w_E1#S4sTRHPF8MO(|Pi$u{vLND5}Br
zM%6<4nH)uJ*{LV{+`f31tYU+M8crcDXIKPHQG3EU3#x<2rBkS1Hx=ggxhaO$HHA44
zh=aHlK?8bc!A8A>?xb26R6`mQev#gjlZgQXxsc8o8Pkz-3RAQzlexFdGjtK+4k}EW
z=aBA;C+G;a5iN0mRRIv`V2Bf>mKF*4Xc35j2LWCXSwWIPi!21`(!&sMww9KAq8%k)
z<V#@&T-TC$KAX*QSwDyEeqIQLLOc+8QDg~%b@HYQbFAq!l`TY(quRRV>e!?`i!g<U
zU4<c$uBBjD6|<&OqKOd3=b*(49Pm;q0yVXQvxe<V(YdDbD1!`Sx(>k#6|6OYUF;0t
ze=uFyzRv-nHXg6|*f18usJL+4_7RdsiI5G^PBL#Hz6UvY*j7>d2nn;v%f^x;Hi9m;
zlNe{p7nLZ7Op5|1(#;2SQ^Q&3`E>_S6uL-Z$gTNVAg~~i6a^Us<$&}82*`f0290A)
zPv<v;w#tFPeNZA94Z84wU`>_N*ft<ZST|rl;w`hEp(`}X5uCv`aZIA~uV0TvA_*I(
z^$gi?diL$5W9<=12uTtvazZiOcwCN|jtfl{#i9yB$l-KdlLM;gmx6-CYJiAS11*4s
zEda8?fF!2W)|5XKgyr*5tPXn;D4*B<<N5uzPD&7F9@>sqn4WgzPTe85nlF`3FB&S%
zGCEz9iwsq-3=~H7?jLDPX<2`02G-1G2M{s(FS=NRIXLZRp^e)530n`;9Z!Piy@FlK
zga3Pq#l3aKU51m6;Y};8ihNX>9WqIWvq>u(+cf_QMQ!%QqHW3Cv6Z<mj9$3w&6&m}
z=G6)6T77fx_UXaIthQ<Q&P&Omuc@ELp0L|*y#3AbPv))*Q%6^i)hyhcId%J2`zznQ
z@So%Je=OHobvI_utaOY|Tv@qxmb*Op<cX>utz58Bb!Viy_TBm&bW`(79f`5SA5%}Y
zRf&fl(>8Cp^#9%Xtz+B74?}myYEGZr`h6<9`lYhCaQfErv+uP&ed2?+W}4EIt7q@+
zIuD;)<&F+7RbMymL>`g0fn3gorw+b$^_0=5Xbp=WqHy72<_KYQi74~%0(gJ?qiqKl
zM(0Kw&#MjJU7Y<L6u#{mIk~lKd3MrwYq{R4d*hKPHz>z+uy7%B_4DxP@%{7g?vebb
cgtA}wpRf3)FDzbO^!}e>?cLGO_P&1TFD&-(9RL6T

literal 0
HcmV?d00001

diff --git a/space/public/plane-logos/blue-without-text.svg b/space/public/plane-logos/blue-without-text.svg
deleted file mode 100644
index 715aee503..000000000
--- a/space/public/plane-logos/blue-without-text.svg
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="276.000000pt" height="276.000000pt" viewBox="0 0 276.000000 276.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,276.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M930 2300 l0 -450 460 0 460 0 0 -460 0 -460 450 0 450 0 0 910 0
-910 -910 0 -910 0 0 -450z"/>
-<path d="M10 1380 l0 -450 450 0 450 0 0 450 0 450 -450 0 -450 0 0 -450z"/>
-<path d="M930 460 l0 -450 450 0 450 0 0 450 0 450 -450 0 -450 0 0 -450z"/>
-</g>
-</svg>

From 8ba482bc9c42f53d02274eccb97348344e34f4f8 Mon Sep 17 00:00:00 2001
From: Nikhil <118773738+pablohashescobar@users.noreply.github.com>
Date: Thu, 7 Sep 2023 14:49:45 +0530
Subject: [PATCH 68/81] chore: response status for project views update (#2111)

* chore: response status for project views update

* dev: remove 200 OK response from empty contents
---
 apiserver/plane/api/views/project.py   | 5 ++---
 apiserver/plane/api/views/workspace.py | 4 ++--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apiserver/plane/api/views/project.py b/apiserver/plane/api/views/project.py
index a83bbca25..093c8ff78 100644
--- a/apiserver/plane/api/views/project.py
+++ b/apiserver/plane/api/views/project.py
@@ -482,7 +482,7 @@ class UserProjectInvitationsViewset(BaseViewSet):
             # Delete joined project invites
             project_invitations.delete()
 
-            return Response(status=status.HTTP_200_OK)
+            return Response(status=status.HTTP_204_NO_CONTENT)
         except Exception as e:
             capture_exception(e)
             return Response(
@@ -924,8 +924,7 @@ class ProjectUserViewsEndpoint(BaseAPIView):
 
             project_member.save()
 
-            return Response(status=status.HTTP_200_OK)
-
+            return Response(status=status.HTTP_204_NO_CONTENT)
         except Project.DoesNotExist:
             return Response(
                 {"error": "The requested resource does not exists"},
diff --git a/apiserver/plane/api/views/workspace.py b/apiserver/plane/api/views/workspace.py
index 72f33c2b4..2ec3f324a 100644
--- a/apiserver/plane/api/views/workspace.py
+++ b/apiserver/plane/api/views/workspace.py
@@ -532,7 +532,7 @@ class UserWorkspaceInvitationsEndpoint(BaseViewSet):
             # Delete joined workspace invites
             workspace_invitations.delete()
 
-            return Response(status=status.HTTP_200_OK)
+            return Response(status=status.HTTP_204_NO_CONTENT)
         except Exception as e:
             capture_exception(e)
             return Response(
@@ -846,7 +846,7 @@ class WorkspaceMemberUserViewsEndpoint(BaseAPIView):
             workspace_member.view_props = request.data.get("view_props", {})
             workspace_member.save()
 
-            return Response(status=status.HTTP_200_OK)
+            return Response(status=status.HTTP_204_NO_CONTENT)
         except WorkspaceMember.DoesNotExist:
             return Response(
                 {"error": "User not a member of workspace"},

From 6d52707ff5902921c1753d8ce60a10e92242f16f Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Thu, 7 Sep 2023 15:09:16 +0530
Subject: [PATCH 69/81] editor fixes for space (#2119)

---
 space/components/tiptap/bubble-menu/index.tsx |  18 +-
 .../tiptap/bubble-menu/node-selector.tsx      |   8 +-
 space/components/tiptap/extensions/index.tsx  | 220 ++++++++++--------
 .../tiptap/extensions/table/table-cell.ts     |  32 +++
 .../tiptap/extensions/table/table-header.ts   |   7 +
 .../tiptap/extensions/table/table.ts          |   9 +
 space/components/tiptap/index.tsx             |   7 +-
 .../tiptap/plugins/delete-image.tsx           |  60 +++--
 .../tiptap/plugins/upload-image.tsx           |  17 +-
 space/components/tiptap/props.tsx             |  19 ++
 .../components/tiptap/slash-command/index.tsx |  44 +++-
 .../table-menu/InsertBottomTableIcon.tsx      |  16 ++
 .../tiptap/table-menu/InsertLeftTableIcon.tsx |  15 ++
 .../table-menu/InsertRightTableIcon.tsx       |  16 ++
 .../tiptap/table-menu/InsertTopTableIcon.tsx  |  15 ++
 space/components/tiptap/table-menu/index.tsx  | 143 ++++++++++++
 web/components/tiptap/index.tsx               |  13 +-
 17 files changed, 507 insertions(+), 152 deletions(-)
 create mode 100644 space/components/tiptap/extensions/table/table-cell.ts
 create mode 100644 space/components/tiptap/extensions/table/table-header.ts
 create mode 100644 space/components/tiptap/extensions/table/table.ts
 create mode 100644 space/components/tiptap/table-menu/InsertBottomTableIcon.tsx
 create mode 100644 space/components/tiptap/table-menu/InsertLeftTableIcon.tsx
 create mode 100644 space/components/tiptap/table-menu/InsertRightTableIcon.tsx
 create mode 100644 space/components/tiptap/table-menu/InsertTopTableIcon.tsx
 create mode 100644 space/components/tiptap/table-menu/index.tsx

diff --git a/space/components/tiptap/bubble-menu/index.tsx b/space/components/tiptap/bubble-menu/index.tsx
index e68900782..217317ea1 100644
--- a/space/components/tiptap/bubble-menu/index.tsx
+++ b/space/components/tiptap/bubble-menu/index.tsx
@@ -77,14 +77,16 @@ export const EditorBubbleMenu: FC<EditorBubbleMenuProps> = (props: any) => {
       {...bubbleMenuProps}
       className="flex w-fit divide-x divide-custom-border-300 rounded border border-custom-border-300 bg-custom-background-100 shadow-xl"
     >
-      <NodeSelector
-        editor={props.editor!}
-        isOpen={isNodeSelectorOpen}
-        setIsOpen={() => {
-          setIsNodeSelectorOpen(!isNodeSelectorOpen);
-          setIsLinkSelectorOpen(false);
-        }}
-      />
+      {!props.editor.isActive("table") && (
+        <NodeSelector
+          editor={props.editor!}
+          isOpen={isNodeSelectorOpen}
+          setIsOpen={() => {
+            setIsNodeSelectorOpen(!isNodeSelectorOpen);
+            setIsLinkSelectorOpen(false);
+          }}
+        />
+      )}
       <LinkSelector
         editor={props.editor!!}
         isOpen={isLinkSelectorOpen}
diff --git a/space/components/tiptap/bubble-menu/node-selector.tsx b/space/components/tiptap/bubble-menu/node-selector.tsx
index ff4ae0b53..34d40ec06 100644
--- a/space/components/tiptap/bubble-menu/node-selector.tsx
+++ b/space/components/tiptap/bubble-menu/node-selector.tsx
@@ -28,7 +28,10 @@ export const NodeSelector: FC<NodeSelectorProps> = ({ editor, isOpen, setIsOpen
       name: "Text",
       icon: TextIcon,
       command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").run(),
-      isActive: () => editor.isActive("paragraph") && !editor.isActive("bulletList") && !editor.isActive("orderedList"),
+      isActive: () =>
+        editor.isActive("paragraph") &&
+        !editor.isActive("bulletList") &&
+        !editor.isActive("orderedList"),
     },
     {
       name: "H1",
@@ -69,7 +72,8 @@ export const NodeSelector: FC<NodeSelectorProps> = ({ editor, isOpen, setIsOpen
     {
       name: "Quote",
       icon: TextQuote,
-      command: () => editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+      command: () =>
+        editor.chain().focus().toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
       isActive: () => editor.isActive("blockquote"),
     },
     {
diff --git a/space/components/tiptap/extensions/index.tsx b/space/components/tiptap/extensions/index.tsx
index 1aa0e2685..f5dc11384 100644
--- a/space/components/tiptap/extensions/index.tsx
+++ b/space/components/tiptap/extensions/index.tsx
@@ -13,6 +13,7 @@ import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 import { lowlight } from "lowlight/lib/core";
 import SlashCommand from "../slash-command";
 import { InputRule } from "@tiptap/core";
+import Gapcursor from "@tiptap/extension-gapcursor";
 
 import ts from "highlight.js/lib/languages/typescript";
 
@@ -20,6 +21,10 @@ import "highlight.js/styles/github-dark.css";
 import UniqueID from "@tiptap-pro/extension-unique-id";
 import UpdatedImage from "./updated-image";
 import isValidHttpUrl from "../bubble-menu/utils/link-validator";
+import { CustomTableCell } from "./table/table-cell";
+import { Table } from "./table/table";
+import { TableHeader } from "./table/table-header";
+import { TableRow } from "@tiptap/extension-table-row";
 
 lowlight.registerLanguage("ts", ts);
 
@@ -27,113 +32,122 @@ export const TiptapExtensions = (
   workspaceSlug: string,
   setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
 ) => [
-  StarterKit.configure({
-    bulletList: {
-      HTMLAttributes: {
-        class: "list-disc list-outside leading-3 -mt-2",
+    StarterKit.configure({
+      bulletList: {
+        HTMLAttributes: {
+          class: "list-disc list-outside leading-3 -mt-2",
+        },
       },
-    },
-    orderedList: {
-      HTMLAttributes: {
-        class: "list-decimal list-outside leading-3 -mt-2",
+      orderedList: {
+        HTMLAttributes: {
+          class: "list-decimal list-outside leading-3 -mt-2",
+        },
       },
-    },
-    listItem: {
-      HTMLAttributes: {
-        class: "leading-normal -mb-2",
+      listItem: {
+        HTMLAttributes: {
+          class: "leading-normal -mb-2",
+        },
       },
-    },
-    blockquote: {
-      HTMLAttributes: {
-        class: "border-l-4 border-custom-border-300",
+      blockquote: {
+        HTMLAttributes: {
+          class: "border-l-4 border-custom-border-300",
+        },
       },
-    },
-    code: {
-      HTMLAttributes: {
-        class: "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
-        spellcheck: "false",
+      code: {
+        HTMLAttributes: {
+          class:
+            "rounded-md bg-custom-primary-30 mx-1 px-1 py-1 font-mono font-medium text-custom-text-1000",
+          spellcheck: "false",
+        },
       },
-    },
-    codeBlock: false,
-    horizontalRule: false,
-    dropcursor: {
-      color: "#DBEAFE",
-      width: 2,
-    },
-    gapcursor: false,
-  }),
-  CodeBlockLowlight.configure({
-    lowlight,
-  }),
-  HorizontalRule.extend({
-    addInputRules() {
-      return [
-        new InputRule({
-          find: /^(?:---|—-|___\s|\*\*\*\s)$/,
-          handler: ({ state, range, commands }) => {
-            commands.splitBlock();
+      codeBlock: false,
+      horizontalRule: false,
+      dropcursor: {
+        color: "rgba(var(--color-text-100))",
+        width: 2,
+      },
+      gapcursor: false,
+    }),
+    CodeBlockLowlight.configure({
+      lowlight,
+    }),
+    HorizontalRule.extend({
+      addInputRules() {
+        return [
+          new InputRule({
+            find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+            handler: ({ state, range, commands }) => {
+              commands.splitBlock();
 
-            const attributes = {};
-            const { tr } = state;
-            const start = range.from;
-            const end = range.to;
-            // @ts-ignore
-            tr.replaceWith(start - 1, end, this.type.create(attributes));
-          },
-        }),
-      ];
-    },
-  }).configure({
-    HTMLAttributes: {
-      class: "mb-6 border-t border-custom-border-300",
-    },
-  }),
-  TiptapLink.configure({
-    protocols: ["http", "https"],
-    validate: (url) => isValidHttpUrl(url),
-    HTMLAttributes: {
-      class:
-        "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
-    },
-  }),
-  UpdatedImage.configure({
-    HTMLAttributes: {
-      class: "rounded-lg border border-custom-border-300",
-    },
-  }),
-  Placeholder.configure({
-    placeholder: ({ node }) => {
-      if (node.type.name === "heading") {
-        return `Heading ${node.attrs.level}`;
-      }
+              const attributes = {};
+              const { tr } = state;
+              const start = range.from;
+              const end = range.to;
+              // @ts-ignore
+              tr.replaceWith(start - 1, end, this.type.create(attributes));
+            },
+          }),
+        ];
+      },
+    }).configure({
+      HTMLAttributes: {
+        class: "mb-6 border-t border-custom-border-300",
+      },
+    }),
+    Gapcursor,
+    TiptapLink.configure({
+      protocols: ["http", "https"],
+      validate: (url) => isValidHttpUrl(url),
+      HTMLAttributes: {
+        class:
+          "text-custom-primary-300 underline underline-offset-[3px] hover:text-custom-primary-500 transition-colors cursor-pointer",
+      },
+    }),
+    UpdatedImage.configure({
+      HTMLAttributes: {
+        class: "rounded-lg border border-custom-border-300",
+      },
+    }),
+    Placeholder.configure({
+      placeholder: ({ node }) => {
+        if (node.type.name === "heading") {
+          return `Heading ${node.attrs.level}`;
+        }
+        if (node.type.name === "image" || node.type.name === "table") {
+          return "";
+        }
 
-      return "Press '/' for commands...";
-    },
-    includeChildren: true,
-  }),
-  UniqueID.configure({
-    types: ["image"],
-  }),
-  SlashCommand(workspaceSlug, setIsSubmitting),
-  TiptapUnderline,
-  TextStyle,
-  Color,
-  Highlight.configure({
-    multicolor: true,
-  }),
-  TaskList.configure({
-    HTMLAttributes: {
-      class: "not-prose pl-2",
-    },
-  }),
-  TaskItem.configure({
-    HTMLAttributes: {
-      class: "flex items-start my-4",
-    },
-    nested: true,
-  }),
-  Markdown.configure({
-    html: true,
-    transformCopiedText: true,
-  }),
-];
+        return "Press '/' for commands...";
+      },
+      includeChildren: true,
+    }),
+    UniqueID.configure({
+      types: ["image"],
+    }),
+    SlashCommand(workspaceSlug, setIsSubmitting),
+    TiptapUnderline,
+    TextStyle,
+    Color,
+    Highlight.configure({
+      multicolor: true,
+    }),
+    TaskList.configure({
+      HTMLAttributes: {
+        class: "not-prose pl-2",
+      },
+    }),
+    TaskItem.configure({
+      HTMLAttributes: {
+        class: "flex items-start my-4",
+      },
+      nested: true,
+    }),
+    Markdown.configure({
+      html: true,
+      transformCopiedText: true,
+    }),
+    Table,
+    TableHeader,
+    CustomTableCell,
+    TableRow,
+  ];
diff --git a/space/components/tiptap/extensions/table/table-cell.ts b/space/components/tiptap/extensions/table/table-cell.ts
new file mode 100644
index 000000000..643cb8c64
--- /dev/null
+++ b/space/components/tiptap/extensions/table/table-cell.ts
@@ -0,0 +1,32 @@
+import { TableCell } from "@tiptap/extension-table-cell";
+
+export const CustomTableCell = TableCell.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      isHeader: {
+        default: false,
+        parseHTML: (element) => {
+          isHeader: element.tagName === "TD";
+        },
+        renderHTML: (attributes) => {
+          tag: attributes.isHeader ? "th" : "td";
+        },
+      },
+    };
+  },
+  renderHTML({ HTMLAttributes }) {
+    if (HTMLAttributes.isHeader) {
+      return [
+        "th",
+        {
+          ...HTMLAttributes,
+          class: `relative ${HTMLAttributes.class}`,
+        },
+        ["span", { class: "absolute top-0 right-0" }],
+        0,
+      ];
+    }
+    return ["td", HTMLAttributes, 0];
+  },
+});
diff --git a/space/components/tiptap/extensions/table/table-header.ts b/space/components/tiptap/extensions/table/table-header.ts
new file mode 100644
index 000000000..f23aa93ef
--- /dev/null
+++ b/space/components/tiptap/extensions/table/table-header.ts
@@ -0,0 +1,7 @@
+import { TableHeader as BaseTableHeader } from "@tiptap/extension-table-header";
+
+const TableHeader = BaseTableHeader.extend({
+  content: "paragraph",
+});
+
+export { TableHeader };
diff --git a/space/components/tiptap/extensions/table/table.ts b/space/components/tiptap/extensions/table/table.ts
new file mode 100644
index 000000000..9b727bb51
--- /dev/null
+++ b/space/components/tiptap/extensions/table/table.ts
@@ -0,0 +1,9 @@
+import { Table as BaseTable } from "@tiptap/extension-table";
+
+const Table = BaseTable.configure({
+  resizable: true,
+  cellMinWidth: 100,
+  allowTableNodeSelection: true,
+});
+
+export { Table };
diff --git a/space/components/tiptap/index.tsx b/space/components/tiptap/index.tsx
index 3fb44fbf7..28c8b1691 100644
--- a/space/components/tiptap/index.tsx
+++ b/space/components/tiptap/index.tsx
@@ -6,6 +6,7 @@ import { EditorBubbleMenu } from "./bubble-menu";
 import { TiptapExtensions } from "./extensions";
 import { TiptapEditorProps } from "./props";
 import { ImageResizer } from "./extensions/image-resize";
+import { TableMenu } from "./table-menu";
 
 export interface ITipTapRichTextEditor {
   value: string;
@@ -37,6 +38,7 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
     borderOnFocus,
     customClassName,
   } = props;
+
   const editor = useEditor({
     editable: editable ?? true,
     editorProps: TiptapEditorProps(workspaceSlug, setIsSubmitting),
@@ -81,8 +83,8 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
 
   const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
       ${noBorder ? "" : "border border-custom-border-200"} ${
-        borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
-      } ${customClassName}`;
+    borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+  } ${customClassName}`;
 
   if (!editor) return null;
   editorRef.current = editor;
@@ -98,6 +100,7 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
       {editor && <EditorBubbleMenu editor={editor} />}
       <div className={`${editorContentCustomClassNames}`}>
         <EditorContent editor={editor} />
+        <TableMenu editor={editor} />
         {editor?.isActive("image") && <ImageResizer editor={editor} />}
       </div>
     </div>
diff --git a/space/components/tiptap/plugins/delete-image.tsx b/space/components/tiptap/plugins/delete-image.tsx
index a1b90fe57..fdf515ccc 100644
--- a/space/components/tiptap/plugins/delete-image.tsx
+++ b/space/components/tiptap/plugins/delete-image.tsx
@@ -1,43 +1,51 @@
-import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { EditorState, Plugin, PluginKey, Transaction } from "@tiptap/pm/state";
 import { Node as ProseMirrorNode } from "@tiptap/pm/model";
 import fileService from "services/file.service";
 
 const deleteKey = new PluginKey("delete-image");
+const IMAGE_NODE_TYPE = "image";
 
-const TrackImageDeletionPlugin = () =>
+interface ImageNode extends ProseMirrorNode {
+  attrs: {
+    src: string;
+    id: string;
+  };
+}
+
+const TrackImageDeletionPlugin = (): Plugin =>
   new Plugin({
     key: deleteKey,
-    appendTransaction: (transactions, oldState, newState) => {
+    appendTransaction: (transactions: readonly Transaction[], oldState: EditorState, newState: EditorState) => {
+      const newImageSources = new Set();
+      newState.doc.descendants((node) => {
+        if (node.type.name === IMAGE_NODE_TYPE) {
+          newImageSources.add(node.attrs.src);
+        }
+      });
+
       transactions.forEach((transaction) => {
         if (!transaction.docChanged) return;
 
-        const removedImages: ProseMirrorNode[] = [];
+        const removedImages: ImageNode[] = [];
 
         oldState.doc.descendants((oldNode, oldPos) => {
-          if (oldNode.type.name !== "image") return;
-
+          if (oldNode.type.name !== IMAGE_NODE_TYPE) return;
+          if (oldPos < 0 || oldPos > newState.doc.content.size) return;
           if (!newState.doc.resolve(oldPos).parent) return;
+
           const newNode = newState.doc.nodeAt(oldPos);
 
           // Check if the node has been deleted or replaced
-          if (!newNode || newNode.type.name !== "image") {
-            // Check if the node still exists elsewhere in the document
-            let nodeExists = false;
-            newState.doc.descendants((node) => {
-              if (node.attrs.id === oldNode.attrs.id) {
-                nodeExists = true;
-              }
-            });
-
-            if (!nodeExists) {
-              removedImages.push(oldNode as ProseMirrorNode);
+          if (!newNode || newNode.type.name !== IMAGE_NODE_TYPE) {
+            if (!newImageSources.has(oldNode.attrs.src)) {
+              removedImages.push(oldNode as ImageNode);
             }
           }
         });
 
-        removedImages.forEach((node) => {
+        removedImages.forEach(async (node) => {
           const src = node.attrs.src;
-          onNodeDeleted(src);
+          await onNodeDeleted(src);
         });
       });
 
@@ -47,10 +55,14 @@ const TrackImageDeletionPlugin = () =>
 
 export default TrackImageDeletionPlugin;
 
-async function onNodeDeleted(src: string) {
-  const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
-  const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
-  if (resStatus === 204) {
-    console.log("Image deleted successfully");
+async function onNodeDeleted(src: string): Promise<void> {
+  try {
+    const assetUrlWithWorkspaceId = new URL(src).pathname.substring(1);
+    const resStatus = await fileService.deleteImage(assetUrlWithWorkspaceId);
+    if (resStatus === 204) {
+      console.log("Image deleted successfully");
+    }
+  } catch (error) {
+    console.error("Error deleting image: ", error);
   }
 }
diff --git a/space/components/tiptap/plugins/upload-image.tsx b/space/components/tiptap/plugins/upload-image.tsx
index 8b14793b1..bc0acdc54 100644
--- a/space/components/tiptap/plugins/upload-image.tsx
+++ b/space/components/tiptap/plugins/upload-image.tsx
@@ -1,4 +1,3 @@
-// @ts-nocheck
 import { EditorState, Plugin, PluginKey } from "@tiptap/pm/state";
 import { Decoration, DecorationSet, EditorView } from "@tiptap/pm/view";
 import fileService from "services/file.service";
@@ -46,7 +45,11 @@ export default UploadImagesPlugin;
 
 function findPlaceholder(state: EditorState, id: {}) {
   const decos = uploadKey.getState(state);
-  const found = decos.find(undefined, undefined, (spec: { id: number | undefined }) => spec.id == id);
+  const found = decos.find(
+    undefined,
+    undefined,
+    (spec: { id: number | undefined }) => spec.id == id
+  );
   return found.length ? found[0].from : null;
 }
 
@@ -59,8 +62,6 @@ export async function startImageUpload(
 ) {
   if (!file.type.includes("image/")) {
     return;
-  } else if (file.size / 1024 / 1024 > 20) {
-    return;
   }
 
   const id = {};
@@ -93,7 +94,9 @@ export async function startImageUpload(
   const imageSrc = typeof src === "object" ? reader.result : src;
 
   const node = schema.nodes.image.create({ src: imageSrc });
-  const transaction = view.state.tr.replaceWith(pos, pos, node).setMeta(uploadKey, { remove: { id } });
+  const transaction = view.state.tr
+    .replaceWith(pos, pos, node)
+    .setMeta(uploadKey, { remove: { id } });
   view.dispatch(transaction);
 }
 
@@ -107,7 +110,9 @@ const UploadImageHandler = (file: File, workspaceSlug: string): Promise<string>
     formData.append("attributes", JSON.stringify({}));
 
     return new Promise(async (resolve, reject) => {
-      const imageUrl = await fileService.uploadFile(workspaceSlug, formData).then((response) => response.asset);
+      const imageUrl = await fileService
+        .uploadFile(workspaceSlug, formData)
+        .then((response) => response.asset);
 
       const image = new Image();
       image.src = imageUrl;
diff --git a/space/components/tiptap/props.tsx b/space/components/tiptap/props.tsx
index 1af40d623..8233e3ab4 100644
--- a/space/components/tiptap/props.tsx
+++ b/space/components/tiptap/props.tsx
@@ -1,5 +1,6 @@
 import { EditorProps } from "@tiptap/pm/view";
 import { startImageUpload } from "./plugins/upload-image";
+import { findTableAncestor } from "./table-menu";
 
 export function TiptapEditorProps(
   workspaceSlug: string,
@@ -21,6 +22,15 @@ export function TiptapEditorProps(
       },
     },
     handlePaste: (view, event) => {
+      if (typeof window !== "undefined") {
+        const selection: any = window?.getSelection();
+        if (selection.rangeCount !== 0) {
+          const range = selection.getRangeAt(0);
+          if (findTableAncestor(range.startContainer)) {
+            return;
+          }
+        }
+      }
       if (event.clipboardData && event.clipboardData.files && event.clipboardData.files[0]) {
         event.preventDefault();
         const file = event.clipboardData.files[0];
@@ -31,6 +41,15 @@ export function TiptapEditorProps(
       return false;
     },
     handleDrop: (view, event, _slice, moved) => {
+      if (typeof window !== "undefined") {
+        const selection: any = window?.getSelection();
+        if (selection.rangeCount !== 0) {
+          const range = selection.getRangeAt(0);
+          if (findTableAncestor(range.startContainer)) {
+            return;
+          }
+        }
+      }
       if (!moved && event.dataTransfer && event.dataTransfer.files && event.dataTransfer.files[0]) {
         event.preventDefault();
         const file = event.dataTransfer.files[0];
diff --git a/space/components/tiptap/slash-command/index.tsx b/space/components/tiptap/slash-command/index.tsx
index 90287404f..46bf5ea5a 100644
--- a/space/components/tiptap/slash-command/index.tsx
+++ b/space/components/tiptap/slash-command/index.tsx
@@ -15,6 +15,7 @@ import {
   MinusSquare,
   CheckSquare,
   ImageIcon,
+  Table,
 } from "lucide-react";
 import { startImageUpload } from "../plugins/upload-image";
 import { cn } from "../utils";
@@ -46,6 +47,9 @@ const Command = Extension.create({
     return [
       Suggestion({
         editor: this.editor,
+        allow({ editor }) {
+          return !editor.isActive("table");
+        },
         ...this.options.suggestion,
       }),
     ];
@@ -53,7 +57,10 @@ const Command = Extension.create({
 });
 
 const getSuggestionItems =
-  (workspaceSlug: string, setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void) =>
+  (
+    workspaceSlug: string,
+    setIsSubmitting?: (isSubmitting: "submitting" | "submitted" | "saved") => void
+  ) =>
   ({ query }: { query: string }) =>
     [
       {
@@ -119,6 +126,20 @@ const getSuggestionItems =
           editor.chain().focus().deleteRange(range).setHorizontalRule().run();
         },
       },
+      {
+        title: "Table",
+        description: "Create a Table",
+        searchTerms: ["table", "cell", "db", "data", "tabular"],
+        icon: <Table size={18} />,
+        command: ({ editor, range }: CommandProps) => {
+          editor
+            .chain()
+            .focus()
+            .deleteRange(range)
+            .insertTable({ rows: 3, cols: 3, withHeaderRow: true })
+            .run();
+        },
+      },
       {
         title: "Numbered List",
         description: "Create a list with numbering.",
@@ -134,14 +155,21 @@ const getSuggestionItems =
         searchTerms: ["blockquote"],
         icon: <TextQuote size={18} />,
         command: ({ editor, range }: CommandProps) =>
-          editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run(),
+          editor
+            .chain()
+            .focus()
+            .deleteRange(range)
+            .toggleNode("paragraph", "paragraph")
+            .toggleBlockquote()
+            .run(),
       },
       {
         title: "Code",
         description: "Capture a code snippet.",
         searchTerms: ["codeblock"],
         icon: <Code size={18} />,
-        command: ({ editor, range }: CommandProps) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
+        command: ({ editor, range }: CommandProps) =>
+          editor.chain().focus().deleteRange(range).toggleCodeBlock().run(),
       },
       {
         title: "Image",
@@ -190,7 +218,15 @@ export const updateScrollView = (container: HTMLElement, item: HTMLElement) => {
   }
 };
 
-const CommandList = ({ items, command }: { items: CommandItemProps[]; command: any; editor: any; range: any }) => {
+const CommandList = ({
+  items,
+  command,
+}: {
+  items: CommandItemProps[];
+  command: any;
+  editor: any;
+  range: any;
+}) => {
   const [selectedIndex, setSelectedIndex] = useState(0);
 
   const selectItem = useCallback(
diff --git a/space/components/tiptap/table-menu/InsertBottomTableIcon.tsx b/space/components/tiptap/table-menu/InsertBottomTableIcon.tsx
new file mode 100644
index 000000000..0e42ba648
--- /dev/null
+++ b/space/components/tiptap/table-menu/InsertBottomTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertBottomTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M212.309-152.31q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-375.383q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm535.382-219.998H212.309q-4.616 0-8.463 3.846-3.846 3.846-3.846 8.462V-600q0 4.616 3.846 8.462 3.847 3.847 8.463 3.847h535.382q4.616 0 8.463-3.847Q760-595.384 760-600v-135.383q0-4.616-3.846-8.462-3.847-3.846-8.463-3.846ZM200-587.691v-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+
+export default InsertBottomTableIcon;
diff --git a/space/components/tiptap/table-menu/InsertLeftTableIcon.tsx b/space/components/tiptap/table-menu/InsertLeftTableIcon.tsx
new file mode 100644
index 000000000..1fd75fe87
--- /dev/null
+++ b/space/components/tiptap/table-menu/InsertLeftTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertLeftTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M224.617-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm147.691-607.69q0-4.616-3.846-8.463-3.846-3.846-8.462-3.846H600q-4.616 0-8.462 3.846-3.847 3.847-3.847 8.463v535.382q0 4.616 3.847 8.463Q595.384-200 600-200h135.383q4.616 0 8.462-3.846 3.846-3.847 3.846-8.463v-535.382ZM587.691-200h160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+export default InsertLeftTableIcon;
diff --git a/space/components/tiptap/table-menu/InsertRightTableIcon.tsx b/space/components/tiptap/table-menu/InsertRightTableIcon.tsx
new file mode 100644
index 000000000..1a6570969
--- /dev/null
+++ b/space/components/tiptap/table-menu/InsertRightTableIcon.tsx
@@ -0,0 +1,16 @@
+const InsertRightTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M600-140.001q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21h135.383q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H600Zm-375.383 0q-30.307 0-51.307-21-21-21-21-51.308v-535.382q0-30.308 21-51.308t51.307-21H360q30.307 0 51.307 21 21 21 21 51.308v535.382q0 30.308-21 51.308t-51.307 21H224.617Zm-12.308-607.69v535.382q0 4.616 3.846 8.463 3.846 3.846 8.462 3.846H360q4.616 0 8.462-3.846 3.847-3.847 3.847-8.463v-535.382q0-4.616-3.847-8.463Q364.616-760 360-760H224.617q-4.616 0-8.462 3.846-3.846 3.847-3.846 8.463Zm160 547.691h-160 160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+
+export default InsertRightTableIcon;
diff --git a/space/components/tiptap/table-menu/InsertTopTableIcon.tsx b/space/components/tiptap/table-menu/InsertTopTableIcon.tsx
new file mode 100644
index 000000000..8f04f4f61
--- /dev/null
+++ b/space/components/tiptap/table-menu/InsertTopTableIcon.tsx
@@ -0,0 +1,15 @@
+const InsertTopTableIcon = (props: any) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 -960 960 960"
+    {...props}
+  >
+    <path
+      d="M212.309-527.693q-30.308 0-51.308-21t-21-51.307v-135.383q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307V-600q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0 375.383q-30.308 0-51.308-21t-21-51.307V-360q0-30.307 21-51.307 21-21 51.308-21h535.382q30.308 0 51.308 21t21 51.307v135.383q0 30.307-21 51.307-21 21-51.308 21H212.309Zm0-59.999h535.382q4.616 0 8.463-3.846 3.846-3.846 3.846-8.462V-360q0-4.616-3.846-8.462-3.847-3.847-8.463-3.847H212.309q-4.616 0-8.463 3.847Q200-364.616 200-360v135.383q0 4.616 3.846 8.462 3.847 3.846 8.463 3.846Zm-12.309-160v160-160Z"
+      fill="rgb(var(--color-text-300))"
+    />
+  </svg>
+);
+export default InsertTopTableIcon;
diff --git a/space/components/tiptap/table-menu/index.tsx b/space/components/tiptap/table-menu/index.tsx
new file mode 100644
index 000000000..94f9c0f8d
--- /dev/null
+++ b/space/components/tiptap/table-menu/index.tsx
@@ -0,0 +1,143 @@
+import { useState, useEffect } from "react";
+import { Rows, Columns, ToggleRight } from "lucide-react";
+import { cn } from "../utils";
+import { Tooltip } from "components/ui";
+import InsertLeftTableIcon from "./InsertLeftTableIcon";
+import InsertRightTableIcon from "./InsertRightTableIcon";
+import InsertTopTableIcon from "./InsertTopTableIcon";
+import InsertBottomTableIcon from "./InsertBottomTableIcon";
+
+interface TableMenuItem {
+  command: () => void;
+  icon: any;
+  key: string;
+  name: string;
+}
+
+export const findTableAncestor = (node: Node | null): HTMLTableElement | null => {
+  while (node !== null && node.nodeName !== "TABLE") {
+    node = node.parentNode;
+  }
+  return node as HTMLTableElement;
+};
+
+export const TableMenu = ({ editor }: { editor: any }) => {
+  const [tableLocation, setTableLocation] = useState({ bottom: 0, left: 0 });
+  const isOpen = editor?.isActive("table");
+
+  const items: TableMenuItem[] = [
+    {
+      command: () => editor.chain().focus().addColumnBefore().run(),
+      icon: InsertLeftTableIcon,
+      key: "insert-column-left",
+      name: "Insert 1 column left",
+    },
+    {
+      command: () => editor.chain().focus().addColumnAfter().run(),
+      icon: InsertRightTableIcon,
+      key: "insert-column-right",
+      name: "Insert 1 column right",
+    },
+    {
+      command: () => editor.chain().focus().addRowBefore().run(),
+      icon: InsertTopTableIcon,
+      key: "insert-row-above",
+      name: "Insert 1 row above",
+    },
+    {
+      command: () => editor.chain().focus().addRowAfter().run(),
+      icon: InsertBottomTableIcon,
+      key: "insert-row-below",
+      name: "Insert 1 row below",
+    },
+    {
+      command: () => editor.chain().focus().deleteColumn().run(),
+      icon: Columns,
+      key: "delete-column",
+      name: "Delete column",
+    },
+    {
+      command: () => editor.chain().focus().deleteRow().run(),
+      icon: Rows,
+      key: "delete-row",
+      name: "Delete row",
+    },
+    {
+      command: () => editor.chain().focus().toggleHeaderRow().run(),
+      icon: ToggleRight,
+      key: "toggle-header-row",
+      name: "Toggle header row",
+    },
+  ];
+
+  useEffect(() => {
+    if (!window) return;
+
+    const handleWindowClick = () => {
+      const selection: any = window?.getSelection();
+
+      if (selection.rangeCount !== 0) {
+        const range = selection.getRangeAt(0);
+        const tableNode = findTableAncestor(range.startContainer);
+
+        let parent = tableNode?.parentElement;
+
+        if (tableNode) {
+          const tableRect = tableNode.getBoundingClientRect();
+          const tableCenter = tableRect.left + tableRect.width / 2;
+          const menuWidth = 45;
+          const menuLeft = tableCenter - menuWidth / 2;
+          const tableBottom = tableRect.bottom;
+
+          setTableLocation({ bottom: tableBottom, left: menuLeft });
+
+          while (parent) {
+            if (!parent.classList.contains("disable-scroll"))
+              parent.classList.add("disable-scroll");
+            parent = parent.parentElement;
+          }
+        } else {
+          const scrollDisabledContainers = document.querySelectorAll(".disable-scroll");
+
+          scrollDisabledContainers.forEach((container) => {
+            container.classList.remove("disable-scroll");
+          });
+        }
+      }
+    };
+
+    window.addEventListener("click", handleWindowClick);
+
+    return () => {
+      window.removeEventListener("click", handleWindowClick);
+    };
+  }, [tableLocation, editor]);
+
+  return (
+    <section
+      className={`fixed left-1/2 transform -translate-x-1/2 overflow-hidden rounded border border-custom-border-300 bg-custom-background-100 shadow-custom-shadow-sm p-1 ${
+        isOpen ? "block" : "hidden"
+      }`}
+      style={{
+        bottom: `calc(100vh - ${tableLocation.bottom + 45}px)`,
+        left: `${tableLocation.left}px`,
+      }}
+    >
+      {items.map((item, index) => (
+        <Tooltip key={index} tooltipContent={item.name}>
+          <button
+            onClick={item.command}
+            className="p-1.5 text-custom-text-200 hover:bg-text-custom-text-100 hover:bg-custom-background-80 active:bg-custom-background-80 rounded"
+            title={item.name}
+          >
+            <item.icon
+              className={cn("h-4 w-4 text-lg", {
+                "text-red-600": item.key.includes("delete"),
+              })}
+            />
+          </button>
+        </Tooltip>
+      ))}
+    </section>
+  );
+};
diff --git a/web/components/tiptap/index.tsx b/web/components/tiptap/index.tsx
index 82304bfb0..28c8b1691 100644
--- a/web/components/tiptap/index.tsx
+++ b/web/components/tiptap/index.tsx
@@ -1,9 +1,10 @@
+import { useImperativeHandle, useRef, forwardRef, useEffect } from "react";
 import { useEditor, EditorContent, Editor } from "@tiptap/react";
 import { useDebouncedCallback } from "use-debounce";
+// components
 import { EditorBubbleMenu } from "./bubble-menu";
 import { TiptapExtensions } from "./extensions";
 import { TiptapEditorProps } from "./props";
-import { useImperativeHandle, useRef, forwardRef } from "react";
 import { ImageResizer } from "./extensions/image-resize";
 import { TableMenu } from "./table-menu";
 
@@ -55,6 +56,12 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
     },
   });
 
+  useEffect(() => {
+    if (editor) {
+      editor.commands.setContent(value);
+    }
+  }, [value]);
+
   const editorRef: React.MutableRefObject<Editor | null> = useRef(null);
 
   useImperativeHandle(forwardedRef, () => ({
@@ -76,8 +83,8 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
 
   const editorClassNames = `relative w-full max-w-full sm:rounded-lg mt-2 p-3 relative focus:outline-none rounded-md
       ${noBorder ? "" : "border border-custom-border-200"} ${
-        borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
-      } ${customClassName}`;
+    borderOnFocus ? "focus:border border-custom-border-300" : "focus:border-0"
+  } ${customClassName}`;
 
   if (!editor) return null;
   editorRef.current = editor;

From faa6a2bcbcdcc1c800a6152caf087ec2a5ea0777 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Thu, 7 Sep 2023 18:42:24 +0530
Subject: [PATCH 70/81] feat: select blocker, blocking, and parent (#2121)

* feat: update, delete link

refactor: using old fetch-key

* feat: issue activity with ability to view & add comment

feat: click on view more to view more options in the issue detail

* fix: upload image not working on mobile

* feat: select blocker, blocking, and parent

dev: auth layout for web-view, console.log callback for web-view

* style: made design consistant

* fix: displaying page only on web-view

* style: removed overflow hidden
---
 web/components/web-view/add-comment.tsx       |   6 +-
 web/components/web-view/index.ts              |   3 +
 web/components/web-view/issue-activity.tsx    |  14 +-
 web/components/web-view/issue-attachments.tsx |  53 ++--
 web/components/web-view/issue-link-list.tsx   |   9 +-
 .../web-view/issue-properties-detail.tsx      | 233 +++++++++++++++++-
 web/components/web-view/select-assignee.tsx   |   5 +-
 web/components/web-view/select-blocked.tsx    |  87 +++++++
 web/components/web-view/select-blocker.tsx    |  87 +++++++
 web/components/web-view/select-estimate.tsx   |   4 +-
 web/components/web-view/select-parent.tsx     |  76 ++++++
 web/components/web-view/select-priority.tsx   |   4 +-
 web/components/web-view/select-state.tsx      |   4 +-
 web/components/web-view/sub-issues.tsx        |   4 +-
 web/components/web-view/web-view-modal.tsx    |   6 +-
 web/layouts/web-view-layout/index.tsx         |  60 +++++
 .../projects/[projectId]/issues/[issueId].tsx |  14 +-
 web/services/api.service.ts                   |  10 +-
 18 files changed, 612 insertions(+), 67 deletions(-)
 create mode 100644 web/components/web-view/select-blocked.tsx
 create mode 100644 web/components/web-view/select-blocker.tsx
 create mode 100644 web/components/web-view/select-parent.tsx
 create mode 100644 web/layouts/web-view-layout/index.tsx

diff --git a/web/components/web-view/add-comment.tsx b/web/components/web-view/add-comment.tsx
index b5bff0cb5..b4f49d7be 100644
--- a/web/components/web-view/add-comment.tsx
+++ b/web/components/web-view/add-comment.tsx
@@ -120,7 +120,11 @@ export const AddComment: React.FC<Props> = ({ disabled = false, onSubmit }) => {
       </div>
 
       <div className="inline">
-        <PrimaryButton type="submit" disabled={isSubmitting || disabled} className="mt-2">
+        <PrimaryButton
+          type="submit"
+          disabled={isSubmitting || disabled}
+          className="mt-2 w-10 h-10 flex items-center justify-center"
+        >
           <Send className="w-4 h-4" />
         </PrimaryButton>
       </div>
diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
index 2b87ad820..342bc4838 100644
--- a/web/components/web-view/index.ts
+++ b/web/components/web-view/index.ts
@@ -12,3 +12,6 @@ export * from "./issue-activity";
 export * from "./select-assignee";
 export * from "./select-estimate";
 export * from "./add-comment";
+export * from "./select-parent";
+export * from "./select-blocker";
+export * from "./select-blocked";
diff --git a/web/components/web-view/issue-activity.tsx b/web/components/web-view/issue-activity.tsx
index 39f6036c2..55089d60d 100644
--- a/web/components/web-view/issue-activity.tsx
+++ b/web/components/web-view/issue-activity.tsx
@@ -44,7 +44,6 @@ export const IssueActivity: React.FC<Props> = (props) => {
   const { workspaceSlug, projectId, issueId } = router.query;
 
   const { user } = useUser();
-  const { setToastAlert } = useToast();
 
   const { data: issueActivities, mutate: mutateIssueActivity } = useSWR(
     workspaceSlug && projectId && issueId ? PROJECT_ISSUES_ACTIVITY(issueId.toString()) : null,
@@ -104,11 +103,14 @@ export const IssueActivity: React.FC<Props> = (props) => {
         mutate(PROJECT_ISSUES_ACTIVITY(issueDetails.id));
       })
       .catch(() =>
-        setToastAlert({
-          type: "error",
-          title: "Error!",
-          message: "Comment could not be posted. Please try again.",
-        })
+        console.log(
+          "toast",
+          JSON.stringify({
+            type: "error",
+            title: "Error!",
+            message: "Comment could not be posted. Please try again.",
+          })
+        )
       );
   };
 
diff --git a/web/components/web-view/issue-attachments.tsx b/web/components/web-view/issue-attachments.tsx
index 838ee8e44..ba4540318 100644
--- a/web/components/web-view/issue-attachments.tsx
+++ b/web/components/web-view/issue-attachments.tsx
@@ -17,11 +17,8 @@ import { useDropzone } from "react-dropzone";
 // fetch key
 import { ISSUE_ATTACHMENTS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 
-// hooks
-import useToast from "hooks/use-toast";
-
 // icons
-import { ChevronRightIcon, XMarkIcon } from "@heroicons/react/24/outline";
+import { FileText, ChevronRight, X, Image as ImageIcon } from "lucide-react";
 
 // components
 import { Label, WebViewModal } from "components/web-view";
@@ -34,6 +31,8 @@ type Props = {
   allowed: boolean;
 };
 
+const isImage = (fileName: string) => /\.(gif|jpe?g|tiff?|png|webp|bmp)$/i.test(fileName);
+
 export const IssueAttachments: React.FC<Props> = (props) => {
   const { allowed } = props;
 
@@ -46,8 +45,6 @@ export const IssueAttachments: React.FC<Props> = (props) => {
   const [deleteAttachment, setDeleteAttachment] = useState<IIssueAttachment | null>(null);
   const [attachmentDeleteModal, setAttachmentDeleteModal] = useState<boolean>(false);
 
-  const { setToastAlert } = useToast();
-
   const onDrop = useCallback(
     (acceptedFiles: File[]) => {
       if (!acceptedFiles[0] || !workspaceSlug) return;
@@ -77,23 +74,30 @@ export const IssueAttachments: React.FC<Props> = (props) => {
             false
           );
           mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
-          setToastAlert({
-            type: "success",
-            title: "Success!",
-            message: "File added successfully.",
-          });
+          console.log(
+            "toast",
+            JSON.stringify({
+              type: "success",
+              title: "Success!",
+              message: "File added successfully.",
+            })
+          );
+          setIsOpen(false);
           setIsLoading(false);
         })
         .catch((err) => {
           setIsLoading(false);
-          setToastAlert({
-            type: "error",
-            title: "error!",
-            message: "Something went wrong. please check file type & size (max 5 MB)",
-          });
+          console.log(
+            "toast",
+            JSON.stringify({
+              type: "error",
+              title: "error!",
+              message: "Something went wrong. please check file type & size (max 5 MB)",
+            })
+          );
         });
     },
-    [issueId, projectId, setToastAlert, workspaceSlug]
+    [issueId, projectId, workspaceSlug]
   );
 
   const { getRootProps, getInputProps } = useDropzone({
@@ -136,7 +140,7 @@ export const IssueAttachments: React.FC<Props> = (props) => {
             ) : (
               <>
                 <h3 className="text-lg">Upload</h3>
-                <ChevronRightIcon className="w-5 h-5" />
+                <ChevronRight className="w-5 h-5" />
               </>
             )}
           </div>
@@ -151,8 +155,13 @@ export const IssueAttachments: React.FC<Props> = (props) => {
             className="px-3 border border-custom-border-200 rounded-[4px] py-2 flex justify-between items-center bg-custom-background-100"
           >
             <Link href={attachment.asset}>
-              <a target="_blank" className="text-custom-text-200 truncate">
-                {attachment.attributes.name}
+              <a target="_blank" className="text-custom-text-200 truncate flex items-center">
+                {isImage(attachment.attributes.name) ? (
+                  <ImageIcon className="w-5 h-5 mr-2 flex-shrink-0 text-custom-text-400" />
+                ) : (
+                  <FileText className="w-5 h-5 mr-2 flex-shrink-0 text-custom-text-400" />
+                )}
+                <span className="truncate">{attachment.attributes.name}</span>
               </a>
             </Link>
             {allowed && (
@@ -163,7 +172,7 @@ export const IssueAttachments: React.FC<Props> = (props) => {
                   setAttachmentDeleteModal(true);
                 }}
               >
-                <XMarkIcon className="w-5 h-5 text-custom-text-100" />
+                <X className="w-[18px] h-[18px] text-custom-text-400" />
               </button>
             )}
           </div>
@@ -171,7 +180,7 @@ export const IssueAttachments: React.FC<Props> = (props) => {
         <button
           type="button"
           onClick={() => setIsOpen(true)}
-          className="bg-custom-primary-100/10 border border-dotted border-custom-primary-100 text-center py-2 w-full text-custom-primary-100"
+          className="bg-custom-primary-100/10 border border-dotted rounded-[4px] border-custom-primary-100 text-center py-2 w-full text-custom-primary-100"
         >
           Click to upload file here
         </button>
diff --git a/web/components/web-view/issue-link-list.tsx b/web/components/web-view/issue-link-list.tsx
index e7922ba8c..5f1da6a62 100644
--- a/web/components/web-view/issue-link-list.tsx
+++ b/web/components/web-view/issue-link-list.tsx
@@ -12,7 +12,8 @@ import { mutate } from "swr";
 import issuesService from "services/issues.service";
 
 // icons
-import { LinkIcon, PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/24/outline";
+// import { LinkIcon, PlusIcon, PencilIcon, TrashIcon } from "@heroicons/react/24/outline";
+import { Link as LinkIcon, Plus, Pencil, X } from "lucide-react";
 
 // components
 import { Label, WebViewModal, CreateUpdateLinkForm } from "components/web-view";
@@ -108,7 +109,7 @@ export const IssueLinks: React.FC<Props> = (props) => {
                     setSelectedLink(link.id);
                   }}
                 >
-                  <PencilIcon className="w-5 h-5 text-custom-text-100" />
+                  <Pencil className="w-[18px] h-[18px] text-custom-text-400" />
                 </button>
                 <button
                   type="button"
@@ -116,7 +117,7 @@ export const IssueLinks: React.FC<Props> = (props) => {
                     handleDeleteLink(link.id);
                   }}
                 >
-                  <TrashIcon className="w-5 h-5 text-red-500 hover:bg-red-500/20" />
+                  <X className="w-[18px] h-[18px] text-custom-text-400" />
                 </button>
               </div>
             )}
@@ -128,7 +129,7 @@ export const IssueLinks: React.FC<Props> = (props) => {
           onClick={() => setIsOpen(true)}
           className="w-full !py-2 text-custom-text-300 !text-base flex items-center justify-center"
         >
-          <PlusIcon className="w-4 h-4 inline-block mr-1" />
+          <Plus className="w-[18px] h-[18px] inline-block mr-1" />
           <span>Add</span>
         </SecondaryButton>
       </div>
diff --git a/web/components/web-view/issue-properties-detail.tsx b/web/components/web-view/issue-properties-detail.tsx
index 6fb03baa7..6a247365b 100644
--- a/web/components/web-view/issue-properties-detail.tsx
+++ b/web/components/web-view/issue-properties-detail.tsx
@@ -1,17 +1,21 @@
 // react
 import React, { useState } from "react";
 
+// next
+import { useRouter } from "next/router";
+
 // react hook forms
-import { Control, Controller } from "react-hook-form";
+import { Control, Controller, useWatch } from "react-hook-form";
 
 // icons
-import { ChevronDownIcon, PlayIcon } from "lucide-react";
+import { BlockedIcon, BlockerIcon } from "components/icons";
+import { ChevronDown, PlayIcon, User, X, CalendarDays, LayoutGrid, Users } from "lucide-react";
 
 // hooks
 import useEstimateOption from "hooks/use-estimate-option";
 
 // ui
-import { Icon, SecondaryButton } from "components/ui";
+import { SecondaryButton, CustomDatePicker } from "components/ui";
 
 // components
 import {
@@ -20,6 +24,8 @@ import {
   PrioritySelect,
   AssigneeSelect,
   EstimateSelect,
+  ParentSelect,
+  BlockerSelect,
 } from "components/web-view";
 
 // types
@@ -33,6 +39,24 @@ type Props = {
 export const IssuePropertiesDetail: React.FC<Props> = (props) => {
   const { control, submitChanges } = props;
 
+  const blockerIssue = useWatch({
+    control,
+    name: "blocker_issues",
+  });
+
+  const blockedIssue = useWatch({
+    control,
+    name: "blocked_issues",
+  });
+
+  const startDate = useWatch({
+    control,
+    name: "start_date",
+  });
+
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
   const [isViewAllOpen, setIsViewAllOpen] = useState(false);
 
   const { isEstimateActive } = useEstimateOption();
@@ -43,8 +67,8 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
       <div className="mb-[6px]">
         <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
           <div className="flex items-center gap-1">
-            <Icon iconName="grid_view" />
-            <span className="text-sm text-custom-text-200">State</span>
+            <LayoutGrid className="h-4 w-4 flex-shrink-0 text-custom-text-400" />
+            <span className="text-sm text-custom-text-400">State</span>
           </div>
           <div>
             <Controller
@@ -63,8 +87,20 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
       <div className="mb-[6px]">
         <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
           <div className="flex items-center gap-1">
-            <Icon iconName="signal_cellular_alt" />
-            <span className="text-sm text-custom-text-200">Priority</span>
+            <svg
+              width="18"
+              height="18"
+              viewBox="0 0 18 18"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M13.5862 14.5239C13.3459 14.5239 13.1416 14.4398 12.9733 14.2715C12.805 14.1032 12.7209 13.8989 12.7209 13.6585V3.76429C12.7209 3.52391 12.805 3.31958 12.9733 3.15132C13.1416 2.98306 13.3459 2.89893 13.5862 2.89893C13.8266 2.89893 14.031 2.98306 14.1992 3.15132C14.3675 3.31958 14.4516 3.52391 14.4516 3.76429V13.6585C14.4516 13.8989 14.3675 14.1032 14.1992 14.2715C14.031 14.4398 13.8266 14.5239 13.5862 14.5239ZM5.1629 14.5239C5.04676 14.5239 4.93557 14.5018 4.82932 14.4576C4.72308 14.4133 4.63006 14.3513 4.55025 14.2715C4.47045 14.1917 4.40843 14.0986 4.36419 13.9922C4.31996 13.8858 4.29785 13.7746 4.29785 13.6585V11.2643C4.29785 11.0239 4.38198 10.8196 4.55025 10.6513C4.71851 10.4831 4.92283 10.3989 5.16322 10.3989C5.40359 10.3989 5.60791 10.4831 5.77618 10.6513C5.94445 10.8196 6.02859 11.0239 6.02859 11.2643V13.6585C6.02859 13.7746 6.00647 13.8858 5.96223 13.9922C5.91801 14.0986 5.85599 14.1917 5.77618 14.2715C5.69638 14.3513 5.60325 14.4133 5.49678 14.4576C5.39033 14.5018 5.27904 14.5239 5.1629 14.5239ZM9.37473 14.5239C9.13436 14.5239 8.93003 14.4398 8.76176 14.2715C8.59349 14.1032 8.50936 13.8989 8.50936 13.6585V7.5143C8.50936 7.27391 8.59349 7.06958 8.76176 6.90132C8.93003 6.73306 9.13436 6.64893 9.37473 6.64893C9.61511 6.64893 9.81943 6.73306 9.98771 6.90132C10.156 7.06958 10.2401 7.27391 10.2401 7.5143V13.6585C10.2401 13.8989 10.156 14.1032 9.98771 14.2715C9.81943 14.4398 9.61511 14.5239 9.37473 14.5239Z"
+                fill="#A3A3A3"
+              />
+            </svg>
+
+            <span className="text-sm text-custom-text-400">Priority</span>
           </div>
           <div>
             <Controller
@@ -83,8 +119,8 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
       <div className="mb-[6px]">
         <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
           <div className="flex items-center gap-1">
-            <Icon iconName="person" />
-            <span className="text-sm text-custom-text-200">Assignee</span>
+            <Users className="h-4 w-4 flex-shrink-0 text-custom-text-400" />
+            <span className="text-sm text-custom-text-400">Assignee</span>
           </div>
           <div>
             <Controller
@@ -106,8 +142,8 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
             <div className="mb-[6px]">
               <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
                 <div className="flex items-center gap-1">
-                  <PlayIcon className="h-4 w-4 flex-shrink-0 -rotate-90" />
-                  <span className="text-sm text-custom-text-200">Estimate</span>
+                  <PlayIcon className="h-4 w-4 flex-shrink-0 -rotate-90 text-custom-text-400" />
+                  <span className="text-sm text-custom-text-400">Estimate</span>
                 </div>
                 <div>
                   <Controller
@@ -124,6 +160,179 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
               </div>
             </div>
           )}
+          <div className="mb-[6px]">
+            <div className="border border-custom-border-200 rounded-[4px] p-2 flex justify-between items-center">
+              <div className="flex items-center gap-1">
+                <User className="h-4 w-4 flex-shrink-0 text-custom-text-400" />
+                <span className="text-sm text-custom-text-400">Parent</span>
+              </div>
+              <div>
+                <Controller
+                  control={control}
+                  name="parent"
+                  render={({ field: { value } }) => (
+                    <ParentSelect
+                      value={value}
+                      onChange={(val) => submitChanges({ parent: val })}
+                    />
+                  )}
+                />
+              </div>
+            </div>
+          </div>
+          <div className="mb-[6px]">
+            <div className="border border-custom-border-200 rounded-[4px] p-2">
+              <div className="flex justify-between items-center">
+                <div className="flex items-center gap-1">
+                  <BlockerIcon height={16} width={16} />
+                  <span className="text-sm text-custom-text-400">Blocking</span>
+                </div>
+                <div>
+                  <Controller
+                    control={control}
+                    name="blocker_issues"
+                    render={({ field: { value } }) => (
+                      <BlockerSelect
+                        value={value}
+                        onChange={(val) =>
+                          submitChanges({
+                            blocker_issues: val,
+                            blockers_list: val?.map((i: any) => i.blocker_issue_detail?.id ?? ""),
+                          })
+                        }
+                      />
+                    )}
+                  />
+                </div>
+              </div>
+              {blockerIssue &&
+                blockerIssue.map((issue) => (
+                  <div
+                    key={issue.blocker_issue_detail?.id}
+                    className="group inline-flex mr-1 cursor-pointer items-center gap-1 rounded-2xl border border-custom-border-200 px-1.5 py-0.5 text-xs text-yellow-500 duration-300 hover:border-yellow-500/20 hover:bg-yellow-500/20"
+                  >
+                    <a
+                      href={`/${workspaceSlug}/projects/${issue.blocker_issue_detail?.project_detail.id}/issues/${issue.blocker_issue_detail?.id}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex items-center gap-1"
+                    >
+                      <BlockerIcon height={10} width={10} />
+                      {`${issue.blocker_issue_detail?.project_detail.identifier}-${issue.blocker_issue_detail?.sequence_id}`}
+                    </a>
+                    <button
+                      type="button"
+                      className="duration-300"
+                      onClick={() => {
+                        const updatedBlockers = blockerIssue.filter(
+                          (i) => i.blocker_issue_detail?.id !== issue.blocker_issue_detail?.id
+                        );
+
+                        submitChanges({
+                          blocker_issues: updatedBlockers,
+                          blockers_list: updatedBlockers.map(
+                            (i) => i.blocker_issue_detail?.id ?? ""
+                          ),
+                        });
+                      }}
+                    >
+                      <X className="h-2 w-2" />
+                    </button>
+                  </div>
+                ))}
+            </div>
+          </div>
+          <div className="mb-[6px]">
+            <div className="border border-custom-border-200 rounded-[4px] p-2">
+              <div className="flex justify-between items-center">
+                <div className="flex items-center gap-1">
+                  <BlockedIcon height={16} width={16} />
+                  <span className="text-sm text-custom-text-400">Blocked by</span>
+                </div>
+                <div>
+                  <Controller
+                    control={control}
+                    name="blocked_issues"
+                    render={({ field: { value } }) => (
+                      <BlockerSelect
+                        value={value}
+                        onChange={(val) =>
+                          submitChanges({
+                            blocked_issues: val,
+                            blocks_list: val?.map((i: any) => i.blocker_issue_detail?.id ?? ""),
+                          })
+                        }
+                      />
+                    )}
+                  />
+                </div>
+              </div>
+              {blockedIssue &&
+                blockedIssue.map((issue) => (
+                  <div
+                    key={issue.blocked_issue_detail?.id}
+                    className="group inline-flex mr-1 cursor-pointer items-center gap-1 rounded-2xl border border-custom-border-200 px-1.5 py-0.5 text-xs text-red-500 duration-300 hover:border-red-500/20 hover:bg-red-500/20"
+                  >
+                    <a
+                      href={`/${workspaceSlug}/projects/${issue.blocked_issue_detail?.project_detail.id}/issues/${issue.blocked_issue_detail?.id}`}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="flex items-center gap-1"
+                    >
+                      <BlockedIcon height={10} width={10} />
+                      {`${issue?.blocked_issue_detail?.project_detail?.identifier}-${issue?.blocked_issue_detail?.sequence_id}`}
+                    </a>
+                    <button
+                      type="button"
+                      className="duration-300"
+                      onClick={() => {
+                        const updatedBlocked = blockedIssue.filter(
+                          (i) => i.blocked_issue_detail?.id !== issue.blocked_issue_detail?.id
+                        );
+
+                        submitChanges({
+                          blocked_issues: updatedBlocked,
+                          blocks_list: updatedBlocked.map((i) => i.blocked_issue_detail?.id ?? ""),
+                        });
+                      }}
+                    >
+                      <X className="h-2 w-2" />
+                    </button>
+                  </div>
+                ))}
+            </div>
+          </div>
+
+          <div className="mb-[6px]">
+            <div className="border border-custom-border-200 rounded-[4px] p-2">
+              <div className="flex justify-between items-center">
+                <div className="flex items-center gap-1">
+                  <CalendarDays className="w-4 h-4 text-custom-text-400" />
+                  <span className="text-sm text-custom-text-400">Due date</span>
+                </div>
+                <div>
+                  <Controller
+                    control={control}
+                    name="target_date"
+                    render={({ field: { value } }) => (
+                      <CustomDatePicker
+                        placeholder="Due date"
+                        value={value}
+                        wrapperClassName="w-full"
+                        onChange={(val) =>
+                          submitChanges({
+                            target_date: val,
+                          })
+                        }
+                        className="border-transparent !shadow-none !w-[6.75rem]"
+                        minDate={startDate ? new Date(startDate) : undefined}
+                      />
+                    )}
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
         </>
       )}
       <div className="mb-[6px]">
@@ -135,7 +344,7 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
           <span className="text-base text-custom-primary-100">
             {isViewAllOpen ? "View less" : "View all"}
           </span>
-          <ChevronDownIcon
+          <ChevronDown
             size={16}
             className={`ml-1 text-custom-primary-100 ${isViewAllOpen ? "-rotate-180" : ""}`}
           />
diff --git a/web/components/web-view/select-assignee.tsx b/web/components/web-view/select-assignee.tsx
index 13ebd377f..27eae5db1 100644
--- a/web/components/web-view/select-assignee.tsx
+++ b/web/components/web-view/select-assignee.tsx
@@ -8,7 +8,7 @@ import { useRouter } from "next/router";
 import useSWR from "swr";
 
 // icons
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronDown } from "lucide-react";
 
 // services
 import projectService from "services/project.service";
@@ -87,8 +87,7 @@ export const AssigneeSelect: React.FC<Props> = (props) => {
         ) : (
           "No assignees"
         )}
-        {/* {selectedAssignee?.member.display_name || "Select assignee"} */}
-        <ChevronDownIcon className="w-5 h-5" />
+        <ChevronDown className="w-5 h-5" />
       </button>
     </>
   );
diff --git a/web/components/web-view/select-blocked.tsx b/web/components/web-view/select-blocked.tsx
new file mode 100644
index 000000000..0056cad5c
--- /dev/null
+++ b/web/components/web-view/select-blocked.tsx
@@ -0,0 +1,87 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// hooks
+import useToast from "hooks/use-toast";
+
+// icons
+import { ChevronDown } from "lucide-react";
+
+// components
+import { ExistingIssuesListModal } from "components/core";
+
+// types
+import { BlockeIssueDetail, ISearchIssueResponse } from "types";
+
+type Props = {
+  value: any;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const BlockedSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isBlockedModalOpen, setIsBlockedModalOpen] = useState(false);
+
+  const router = useRouter();
+  const { issueId } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const onSubmit = async (data: ISearchIssueResponse[]) => {
+    if (data.length === 0) {
+      setToastAlert({
+        type: "error",
+        title: "Error!",
+        message: "Please select at least one issue.",
+      });
+
+      return;
+    }
+
+    const selectedIssues: { blocker_issue_detail: BlockeIssueDetail }[] = data.map((i) => ({
+      blocker_issue_detail: {
+        id: i.id,
+        name: i.name,
+        sequence_id: i.sequence_id,
+        project_detail: {
+          id: i.project_id,
+          identifier: i.project__identifier,
+          name: i.project__name,
+        },
+      },
+    }));
+
+    onChange([...(value || []), ...selectedIssues]);
+
+    setIsBlockedModalOpen(false);
+  };
+
+  return (
+    <>
+      <ExistingIssuesListModal
+        isOpen={isBlockedModalOpen}
+        handleClose={() => setIsBlockedModalOpen(false)}
+        searchParams={{ blocker_blocked_by: true, issue_id: issueId!.toString() }}
+        handleOnSubmit={onSubmit}
+        workspaceLevelToggle
+      />
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsBlockedModalOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        <span className="text-custom-text-200">Select issue</span>
+        <ChevronDown className="w-4 h-4 text-custom-text-200" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-blocker.tsx b/web/components/web-view/select-blocker.tsx
new file mode 100644
index 000000000..a46cdfcaa
--- /dev/null
+++ b/web/components/web-view/select-blocker.tsx
@@ -0,0 +1,87 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// hooks
+import useToast from "hooks/use-toast";
+
+// icons
+import { ChevronDown } from "lucide-react";
+
+// components
+import { ExistingIssuesListModal } from "components/core";
+
+// types
+import { BlockeIssueDetail, ISearchIssueResponse } from "types";
+
+type Props = {
+  value: any;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const BlockerSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isBlockerModalOpen, setIsBlockerModalOpen] = useState(false);
+
+  const router = useRouter();
+  const { issueId } = router.query;
+
+  const { setToastAlert } = useToast();
+
+  const onSubmit = async (data: ISearchIssueResponse[]) => {
+    if (data.length === 0) {
+      setToastAlert({
+        type: "error",
+        title: "Error!",
+        message: "Please select at least one issue.",
+      });
+
+      return;
+    }
+
+    const selectedIssues: { blocker_issue_detail: BlockeIssueDetail }[] = data.map((i) => ({
+      blocker_issue_detail: {
+        id: i.id,
+        name: i.name,
+        sequence_id: i.sequence_id,
+        project_detail: {
+          id: i.project_id,
+          identifier: i.project__identifier,
+          name: i.project__name,
+        },
+      },
+    }));
+
+    onChange([...(value || []), ...selectedIssues]);
+
+    setIsBlockerModalOpen(false);
+  };
+
+  return (
+    <>
+      <ExistingIssuesListModal
+        isOpen={isBlockerModalOpen}
+        handleClose={() => setIsBlockerModalOpen(false)}
+        searchParams={{ blocker_blocked_by: true, issue_id: issueId!.toString() }}
+        handleOnSubmit={onSubmit}
+        workspaceLevelToggle
+      />
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsBlockerModalOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        <span className="text-custom-text-200">Select issue</span>
+        <ChevronDown className="w-4 h-4 text-custom-text-200" />
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-estimate.tsx b/web/components/web-view/select-estimate.tsx
index 751375d7b..765e6187d 100644
--- a/web/components/web-view/select-estimate.tsx
+++ b/web/components/web-view/select-estimate.tsx
@@ -2,7 +2,7 @@
 import React, { useState } from "react";
 
 // icons
-import { ChevronDownIcon, PlayIcon } from "lucide-react";
+import { ChevronDown, PlayIcon } from "lucide-react";
 
 // hooks
 import useEstimateOption from "hooks/use-estimate-option";
@@ -76,7 +76,7 @@ export const EstimateSelect: React.FC<Props> = (props) => {
         ) : (
           "No estimate"
         )}
-        <ChevronDownIcon className="w-5 h-5" />
+        <ChevronDown className="w-5 h-5" />
       </button>
     </>
   );
diff --git a/web/components/web-view/select-parent.tsx b/web/components/web-view/select-parent.tsx
new file mode 100644
index 000000000..e5975b7b5
--- /dev/null
+++ b/web/components/web-view/select-parent.tsx
@@ -0,0 +1,76 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR from "swr";
+
+// services
+import issuesService from "services/issues.service";
+
+// fetch key
+import { ISSUE_DETAILS } from "constants/fetch-keys";
+
+// components
+import { ParentIssuesListModal } from "components/issues";
+
+// types
+import { ISearchIssueResponse } from "types";
+
+type Props = {
+  value: string | null;
+  onChange: (value: any) => void;
+  disabled?: boolean;
+};
+
+export const ParentSelect: React.FC<Props> = (props) => {
+  const { value, onChange, disabled = false } = props;
+
+  const [isParentModalOpen, setIsParentModalOpen] = useState(false);
+  const [selectedParentIssue, setSelectedParentIssue] = useState<ISearchIssueResponse | null>(null);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const { data: issueDetails } = useSWR(
+    workspaceSlug && projectId && issueId ? ISSUE_DETAILS(issueId.toString()) : null,
+    workspaceSlug && projectId && issueId
+      ? () =>
+          issuesService.retrieve(workspaceSlug.toString(), projectId.toString(), issueId.toString())
+      : null
+  );
+
+  return (
+    <>
+      <ParentIssuesListModal
+        isOpen={isParentModalOpen}
+        handleClose={() => setIsParentModalOpen(false)}
+        onChange={(issue) => {
+          onChange(issue.id);
+          setSelectedParentIssue(issue);
+        }}
+        issueId={issueId as string}
+        projectId={projectId as string}
+      />
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsParentModalOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        {selectedParentIssue && issueDetails?.parent ? (
+          `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}`
+        ) : !selectedParentIssue && issueDetails?.parent ? (
+          `${issueDetails.parent_detail?.project_detail.identifier}-${issueDetails.parent_detail?.sequence_id}`
+        ) : (
+          <span className="text-custom-text-200">Select issue</span>
+        )}
+      </button>
+    </>
+  );
+};
diff --git a/web/components/web-view/select-priority.tsx b/web/components/web-view/select-priority.tsx
index adb12714a..87067bc7d 100644
--- a/web/components/web-view/select-priority.tsx
+++ b/web/components/web-view/select-priority.tsx
@@ -2,7 +2,7 @@
 import React, { useState } from "react";
 
 // icons
-import { ChevronDownIcon } from "lucide-react";
+import { ChevronDown } from "lucide-react";
 
 // constants
 import { PRIORITIES } from "constants/project";
@@ -76,7 +76,7 @@ export const PrioritySelect: React.FC<Props> = (props) => {
         }
       >
         {value ? capitalizeFirstLetter(value) : "None"}
-        <ChevronDownIcon className="w-5 h-5" />
+        <ChevronDown className="w-5 h-5" />
       </button>
     </>
   );
diff --git a/web/components/web-view/select-state.tsx b/web/components/web-view/select-state.tsx
index c28d30f19..3d530dd48 100644
--- a/web/components/web-view/select-state.tsx
+++ b/web/components/web-view/select-state.tsx
@@ -8,7 +8,7 @@ import { useRouter } from "next/router";
 import useSWR from "swr";
 
 // icons
-import { ChevronDownIcon } from "@heroicons/react/24/outline";
+import { ChevronDown } from "lucide-react";
 
 // services
 import stateService from "services/state.service";
@@ -82,7 +82,7 @@ export const StateSelect: React.FC<Props> = (props) => {
         }
       >
         {selectedState?.name || "Select a state"}
-        <ChevronDownIcon className="w-5 h-5" />
+        <ChevronDown className="w-5 h-5" />
       </button>
     </>
   );
diff --git a/web/components/web-view/sub-issues.tsx b/web/components/web-view/sub-issues.tsx
index 8110e5895..4299d9e3a 100644
--- a/web/components/web-view/sub-issues.tsx
+++ b/web/components/web-view/sub-issues.tsx
@@ -8,7 +8,7 @@ import { useRouter } from "next/router";
 import useSWR, { mutate } from "swr";
 
 // icons
-import { XMarkIcon } from "@heroicons/react/24/outline";
+import { X } from "lucide-react";
 
 // services
 import issuesService from "services/issues.service";
@@ -98,7 +98,7 @@ export const SubIssueList: React.FC<Props> = (props) => {
               <p className="text-sm font-normal">{subIssue.name}</p>
             </div>
             <button type="button" onClick={() => handleSubIssueRemove(subIssue)}>
-              <XMarkIcon className="w-5 h-5 text-custom-text-200" />
+              <X className="w-[18px] h-[18px] text-custom-text-400" />
             </button>
           </div>
         ))}
diff --git a/web/components/web-view/web-view-modal.tsx b/web/components/web-view/web-view-modal.tsx
index 93f9ab46d..2be28a01c 100644
--- a/web/components/web-view/web-view-modal.tsx
+++ b/web/components/web-view/web-view-modal.tsx
@@ -47,7 +47,7 @@ export const WebViewModal = (props: Props) => {
               leaveFrom="opacity-100 translate-y-0 sm:scale-100"
               leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
-              <Dialog.Panel className="relative transform overflow-hidden rounded-none rounded-tr-[4px] rounded-tl-[4px] bg-custom-background-100 p-6 text-left shadow-xl transition-all sm:mt-8 w-full">
+              <Dialog.Panel className="relative transform overflow-hidden rounded-none rounded-tr-[20px] rounded-tl-[20px] bg-custom-background-100 p-6 text-left shadow-xl transition-all sm:mt-8 w-full">
                 <div className="flex justify-between items-center w-full">
                   <Dialog.Title
                     as="h3"
@@ -84,9 +84,9 @@ type OptionsProps = {
 };
 
 const Options: React.FC<OptionsProps> = ({ options }) => (
-  <div className="space-y-6">
+  <div className="divide-y">
     {options.map((option) => (
-      <div key={option.value} className="flex items-center justify-between gap-2 py-2">
+      <div key={option.value} className="flex items-center justify-between gap-2 py-[14px]">
         <div className="flex items-center gap-x-2">
           <input
             type="checkbox"
diff --git a/web/layouts/web-view-layout/index.tsx b/web/layouts/web-view-layout/index.tsx
new file mode 100644
index 000000000..c5afdcc3d
--- /dev/null
+++ b/web/layouts/web-view-layout/index.tsx
@@ -0,0 +1,60 @@
+// swr
+import useSWR from "swr";
+
+// services
+import userService from "services/user.service";
+
+// fetch keys
+import { CURRENT_USER } from "constants/fetch-keys";
+
+// icons
+import { AlertCircle } from "lucide-react";
+
+// ui
+import { Spinner } from "components/ui";
+
+type Props = {
+  children: React.ReactNode;
+};
+
+const getIfInWebview = (userAgent: NavigatorID["userAgent"]) => {
+  if (/iphone|ipod|ipad/.test(userAgent) || userAgent.includes("wv")) return true;
+  else return false;
+};
+
+const useMobileDetect = () => {
+  const userAgent = typeof navigator === "undefined" ? "SSR" : navigator.userAgent;
+  return getIfInWebview(userAgent);
+};
+
+const WebViewLayout: React.FC<Props> = ({ children }) => {
+  const { data: currentUser, error } = useSWR(CURRENT_USER, () => userService.currentUser());
+
+  const isWebview = useMobileDetect();
+
+  if (!currentUser && !error) {
+    return (
+      <div className="h-screen grid place-items-center p-4">
+        <div className="flex flex-col items-center gap-3 text-center">
+          <h3 className="text-xl">Loading your profile...</h3>
+          <Spinner />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="h-screen w-full bg-custom-background-100">
+      {error || !isWebview ? (
+        <div className="flex flex-col items-center justify-center gap-y-3 h-full text-center text-custom-text-200">
+          <AlertCircle size={64} />
+          <h2 className="text-2xl font-semibold">You are not authorized to view this page.</h2>
+        </div>
+      ) : (
+        children
+      )}
+    </div>
+  );
+};
+
+export default WebViewLayout;
diff --git a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
index 637c953e7..ede258c73 100644
--- a/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
+++ b/web/pages/m/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -21,7 +21,7 @@ import useUser from "hooks/use-user";
 import useProjectMembers from "hooks/use-project-members";
 
 // layouts
-import DefaultLayout from "layouts/default-layout";
+import WebViewLayout from "layouts/web-view-layout";
 
 // ui
 import { Spinner } from "components/ui";
@@ -128,25 +128,25 @@ const MobileWebViewIssueDetail = () => {
 
   if (!error && !issueDetails)
     return (
-      <DefaultLayout>
+      <WebViewLayout>
         <div className="px-4 py-2 h-full">
           <div className="h-full flex justify-center items-center">
             <Spinner />
             Loading...
           </div>
         </div>
-      </DefaultLayout>
+      </WebViewLayout>
     );
 
   if (error)
     return (
-      <DefaultLayout>
+      <WebViewLayout>
         <div className="px-4 py-2">{error?.response?.data || "Something went wrong"}</div>
-      </DefaultLayout>
+      </WebViewLayout>
     );
 
   return (
-    <DefaultLayout>
+    <WebViewLayout>
       <div className="px-6 py-2 h-full overflow-auto space-y-3">
         <IssueWebViewForm
           isAllowed={isAllowed}
@@ -168,7 +168,7 @@ const MobileWebViewIssueDetail = () => {
 
         <IssueActivity allowed={isAllowed} issueDetails={issueDetails!} />
       </div>
-    </DefaultLayout>
+    </WebViewLayout>
   );
 };
 
diff --git a/web/services/api.service.ts b/web/services/api.service.ts
index 361fea03e..c71c75ba8 100644
--- a/web/services/api.service.ts
+++ b/web/services/api.service.ts
@@ -8,11 +8,19 @@ const nonValidatedRoutes = [
   "/reset-password",
   "/workspace-member-invitation",
   "/sign-up",
+  "/m/",
 ];
 
 const validateRouteCheck = (route: string): boolean => {
   let validationToggle = false;
-  const routeCheck = nonValidatedRoutes.find((_route: string) => _route === route);
+
+  let routeCheck = false;
+  nonValidatedRoutes.forEach((_route: string) => {
+    if (route.includes(_route)) {
+      routeCheck = true;
+    }
+  });
+
   if (routeCheck) validationToggle = true;
   return validationToggle;
 };

From 1872dff00d99c1731bec1363494fa23340b7c71e Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 8 Sep 2023 13:28:32 +0530
Subject: [PATCH 71/81] fix: custom date filter not working on my issues and
 profile issues (#2123)

---
 .../core/filters/date-filter-modal.tsx        | 45 +++++++++----------
 .../my-issues/my-issues-select-filters.tsx    |  4 +-
 web/components/views/select-filters.tsx       |  4 +-
 3 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/web/components/core/filters/date-filter-modal.tsx b/web/components/core/filters/date-filter-modal.tsx
index abc2cc7c4..eb285fd6f 100644
--- a/web/components/core/filters/date-filter-modal.tsx
+++ b/web/components/core/filters/date-filter-modal.tsx
@@ -1,15 +1,11 @@
 import { Fragment } from "react";
 
-import { useRouter } from "next/router";
-
 // react-hook-form
 import { Controller, useForm } from "react-hook-form";
 // react-datepicker
 import DatePicker from "react-datepicker";
 // headless ui
 import { Dialog, Transition } from "@headlessui/react";
-// hooks
-import useIssuesView from "hooks/use-issues-view";
 // components
 import { DateFilterSelect } from "./date-filter-select";
 // ui
@@ -23,8 +19,10 @@ import { IIssueFilterOptions } from "types";
 type Props = {
   title: string;
   field: keyof IIssueFilterOptions;
-  isOpen: boolean;
+  filters: IIssueFilterOptions;
   handleClose: () => void;
+  isOpen: boolean;
+  onSelect: (option: any) => void;
 };
 
 type TFormValues = {
@@ -39,12 +37,14 @@ const defaultValues: TFormValues = {
   date2: new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()),
 };
 
-export const DateFilterModal: React.FC<Props> = ({ title, field, isOpen, handleClose }) => {
-  const { filters, setFilters } = useIssuesView();
-
-  const router = useRouter();
-  const { viewId } = router.query;
-
+export const DateFilterModal: React.FC<Props> = ({
+  title,
+  field,
+  filters,
+  handleClose,
+  isOpen,
+  onSelect,
+}) => {
   const { handleSubmit, watch, control } = useForm<TFormValues>({
     defaultValues,
   });
@@ -53,10 +53,10 @@ export const DateFilterModal: React.FC<Props> = ({ title, field, isOpen, handleC
     const { filterType, date1, date2 } = formData;
 
     if (filterType === "range") {
-      setFilters(
-        { [field]: [`${renderDateFormat(date1)};after`, `${renderDateFormat(date2)};before`] },
-        !Boolean(viewId)
-      );
+      onSelect({
+        key: field,
+        value: [`${renderDateFormat(date1)};after`, `${renderDateFormat(date2)};before`],
+      });
     } else {
       const filteredArray = (filters?.[field] as string[])?.filter((item) => {
         if (item?.includes(filterType)) return false;
@@ -66,17 +66,12 @@ export const DateFilterModal: React.FC<Props> = ({ title, field, isOpen, handleC
 
       const filterOne = filteredArray && filteredArray?.length > 0 ? filteredArray[0] : null;
       if (filterOne)
-        setFilters(
-          { [field]: [filterOne, `${renderDateFormat(date1)};${filterType}`] },
-          !Boolean(viewId)
-        );
+        onSelect({ key: field, value: [filterOne, `${renderDateFormat(date1)};${filterType}`] });
       else
-        setFilters(
-          {
-            [field]: [`${renderDateFormat(date1)};${filterType}`],
-          },
-          !Boolean(viewId)
-        );
+        onSelect({
+          key: field,
+          value: [`${renderDateFormat(date1)};${filterType}`],
+        });
     }
     handleClose();
   };
diff --git a/web/components/issues/my-issues/my-issues-select-filters.tsx b/web/components/issues/my-issues/my-issues-select-filters.tsx
index 58cc63679..a453abb14 100644
--- a/web/components/issues/my-issues/my-issues-select-filters.tsx
+++ b/web/components/issues/my-issues/my-issues-select-filters.tsx
@@ -61,8 +61,10 @@ export const MyIssuesSelectFilters: React.FC<Props> = ({
         <DateFilterModal
           title={dateFilterType.title}
           field={dateFilterType.type}
-          isOpen={isDateFilterModalOpen}
+          filters={filters as IIssueFilterOptions}
           handleClose={() => setIsDateFilterModalOpen(false)}
+          isOpen={isDateFilterModalOpen}
+          onSelect={onSelect}
         />
       )}
       <MultiLevelDropdown
diff --git a/web/components/views/select-filters.tsx b/web/components/views/select-filters.tsx
index 7016afc00..5755484c9 100644
--- a/web/components/views/select-filters.tsx
+++ b/web/components/views/select-filters.tsx
@@ -78,8 +78,10 @@ export const SelectFilters: React.FC<Props> = ({
         <DateFilterModal
           title={dateFilterType.title}
           field={dateFilterType.type}
-          isOpen={isDateFilterModalOpen}
+          filters={filters as IIssueFilterOptions}
           handleClose={() => setIsDateFilterModalOpen(false)}
+          isOpen={isDateFilterModalOpen}
+          onSelect={onSelect}
         />
       )}
       <MultiLevelDropdown

From 49d0b3f4a1fd24c7c6b069592814a0325ef90c63 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 8 Sep 2023 13:29:06 +0530
Subject: [PATCH 72/81] fix: handleClose function of the export modal (#2124)

---
 web/components/exporter/guide.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/exporter/guide.tsx b/web/components/exporter/guide.tsx
index dd6fab9dc..67b7c6d4d 100644
--- a/web/components/exporter/guide.tsx
+++ b/web/components/exporter/guide.tsx
@@ -41,7 +41,7 @@ const IntegrationGuide = () => {
   );
 
   const handleCsvClose = () => {
-    router.replace(`/plane/settings/exports`);
+    router.replace(`/${workspaceSlug?.toString()}/settings/exports`);
   };
 
   return (

From ad8a011bb9ff7938e787c3024ac5d93b5f4bd446 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Mon, 11 Sep 2023 11:44:16 +0530
Subject: [PATCH 73/81] fix: issue activity (#2127)

---
 web/components/web-view/activity-message.tsx  | 419 ++++++++++++++++++
 web/components/web-view/index.ts              |   1 +
 web/components/web-view/issue-activity.tsx    |  21 +-
 .../web-view/issue-web-view-form.tsx          |   2 +-
 web/components/web-view/web-view-modal.tsx    |   2 +-
 web/layouts/web-view-layout/index.tsx         |   5 +-
 6 files changed, 435 insertions(+), 15 deletions(-)
 create mode 100644 web/components/web-view/activity-message.tsx

diff --git a/web/components/web-view/activity-message.tsx b/web/components/web-view/activity-message.tsx
new file mode 100644
index 000000000..956dfb904
--- /dev/null
+++ b/web/components/web-view/activity-message.tsx
@@ -0,0 +1,419 @@
+import { useRouter } from "next/router";
+
+// icons
+import { Icon, Tooltip } from "components/ui";
+import { Squares2X2Icon } from "@heroicons/react/24/outline";
+import { BlockedIcon, BlockerIcon } from "components/icons";
+// helpers
+import { renderShortDateWithYearFormat } from "helpers/date-time.helper";
+import { capitalizeFirstLetter } from "helpers/string.helper";
+// types
+import { IIssueActivity } from "types";
+
+const IssueLink = ({ activity }: { activity: IIssueActivity }) => (
+  <Tooltip
+    tooltipContent={
+      activity.issue_detail ? activity.issue_detail.name : "This issue has been deleted"
+    }
+  >
+    <button
+      type="button"
+      onClick={() =>
+        console.log(
+          "issue",
+          JSON.stringify({
+            project_id: activity.project,
+            issue_id: activity.issue,
+          })
+        )
+      }
+      className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
+    >
+      {activity.issue_detail
+        ? `${activity.project_detail.identifier}-${activity.issue_detail.sequence_id}`
+        : "Issue"}
+      <Icon iconName="launch" className="!text-xs" />
+    </button>
+  </Tooltip>
+);
+
+const UserLink = ({ activity }: { activity: IIssueActivity }) => (
+  <button
+    type="button"
+    onClick={() => {
+      console.log("user", activity.actor);
+    }}
+    className="font-medium text-custom-text-100 inline-flex items-center hover:underline"
+  >
+    {activity.new_value && activity.new_value !== "" ? activity.new_value : activity.old_value}
+  </button>
+);
+
+const activityDetails: {
+  [key: string]: {
+    message: (
+      activity: IIssueActivity,
+      showIssue: boolean,
+      workspaceSlug: string
+    ) => React.ReactNode;
+    icon: React.ReactNode;
+  };
+} = {
+  assignees: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.old_value === "" ? "added a new assignee " : "removed the assignee "}
+        <UserLink activity={activity} />
+        {showIssue && (
+          <>
+            {" "}
+            to <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="group" className="!text-sm" aria-hidden="true" />,
+  },
+
+  archived_at: {
+    message: (activity) => {
+      if (activity.new_value === "restore") return "restored the issue.";
+      else return "archived the issue.";
+    },
+    icon: <Icon iconName="archive" className="!text-sm" aria-hidden="true" />,
+  },
+
+  attachment: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.verb === "created" ? "uploaded a new " : "removed an "}
+        {activity.new_value && activity.new_value !== "" ? (
+          <button type="button" onClick={() => console.log("attachment", activity.new_value)}>
+            attachment
+          </button>
+        ) : (
+          "attachment"
+        )}
+        {showIssue && activity.verb === "created" ? " to " : " from "}
+        {showIssue && <IssueLink activity={activity} />}
+      </>
+    ),
+    icon: <Icon iconName="attach_file" className="!text-sm" aria-hidden="true" />,
+  },
+
+  blocking: {
+    message: (activity) => (
+      <>
+        {activity.old_value === ""
+          ? "marked this issue is blocking issue "
+          : "removed the blocking issue "}
+        <span className="font-medium text-custom-text-100">
+          {activity.old_value === "" ? activity.new_value : activity.old_value}
+        </span>
+        .
+      </>
+    ),
+    icon: <BlockerIcon height="12" width="12" color="#6b7280" />,
+  },
+
+  blocks: {
+    message: (activity) => (
+      <>
+        {activity.old_value === ""
+          ? "marked this issue is being blocked by issue "
+          : "removed this issue being blocked by issue "}
+        <span className="font-medium text-custom-text-100">
+          {activity.old_value === "" ? activity.new_value : activity.old_value}
+        </span>
+        .
+      </>
+    ),
+    icon: <BlockedIcon height="12" width="12" color="#6b7280" />,
+  },
+
+  cycles: {
+    message: (activity) => (
+      <>
+        {activity.verb === "created" && "added this issue to the cycle "}
+        {activity.verb === "updated" && "set the cycle to "}
+        {activity.verb === "deleted" && "removed the issue from the cycle "}
+        <button
+          type="button"
+          onClick={() =>
+            console.log(
+              "cycle",
+              JSON.stringify({
+                cycle_id: activity.new_identifier,
+                project_id: activity.project,
+              })
+            )
+          }
+          className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
+        >
+          {activity.new_value}
+          <Icon iconName="launch" className="!text-xs" />
+        </button>
+      </>
+    ),
+    icon: <Icon iconName="contrast" className="!text-sm" aria-hidden="true" />,
+  },
+
+  description: {
+    message: (activity, showIssue) => (
+      <>
+        updated the description
+        {showIssue && (
+          <>
+            {" "}
+            of <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="chat" className="!text-sm" aria-hidden="true" />,
+  },
+
+  estimate_point: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.new_value ? "set the estimate point to " : "removed the estimate point "}
+        {activity.new_value && (
+          <span className="font-medium text-custom-text-100">{activity.new_value}</span>
+        )}
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+      </>
+    ),
+    icon: <Icon iconName="change_history" className="!text-sm" aria-hidden="true" />,
+  },
+
+  issue: {
+    message: (activity) => {
+      if (activity.verb === "created") return "created the issue.";
+      else return "deleted an issue.";
+    },
+    icon: <Icon iconName="stack" className="!text-sm" aria-hidden="true" />,
+  },
+
+  labels: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.old_value === "" ? "added a new label " : "removed the label "}
+        <span className="inline-flex items-center gap-3 rounded-full border border-custom-border-300 px-2 py-0.5 text-xs">
+          <span
+            className="h-1.5 w-1.5 rounded-full"
+            style={{
+              backgroundColor: "#000000",
+            }}
+            aria-hidden="true"
+          />
+          <span className="font-medium text-custom-text-100">
+            {activity.old_value === "" ? activity.new_value : activity.old_value}
+          </span>
+        </span>
+        {showIssue && (
+          <>
+            {" "}
+            to <IssueLink activity={activity} />
+          </>
+        )}
+      </>
+    ),
+    icon: <Icon iconName="sell" className="!text-sm" aria-hidden="true" />,
+  },
+
+  link: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.verb === "created" && "added this "}
+        {activity.verb === "updated" && "updated this "}
+        {activity.verb === "deleted" && "removed this "}
+        <button
+          onClick={() =>
+            console.log(
+              "link",
+              activity.verb === "created" ? activity.new_value : activity.old_value
+            )
+          }
+          className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
+        >
+          link
+          <Icon iconName="launch" className="!text-xs" />
+        </button>
+        {showIssue && (
+          <>
+            {" "}
+            to <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="link" className="!text-sm" aria-hidden="true" />,
+  },
+
+  modules: {
+    message: (activity) => (
+      <>
+        {activity.verb === "created" && "added this "}
+        {activity.verb === "updated" && "updated this "}
+        {activity.verb === "deleted" && "removed this "}
+        <button
+          onClick={() =>
+            console.log(
+              "module",
+              activity.verb === "created" ? activity.new_value : activity.old_value
+            )
+          }
+          className="font-medium text-custom-text-100 inline-flex items-center gap-1 hover:underline"
+        >
+          module
+          <Icon iconName="launch" className="!text-xs" />
+        </button>
+        .
+      </>
+    ),
+    icon: <Icon iconName="dataset" className="!text-sm" aria-hidden="true" />,
+  },
+
+  name: {
+    message: (activity, showIssue) => (
+      <>
+        set the name to {activity.new_value}
+        {showIssue && (
+          <>
+            {" "}
+            of <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="chat" className="!text-sm" aria-hidden="true" />,
+  },
+
+  parent: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.new_value ? "set the parent to " : "removed the parent "}
+        <span className="font-medium text-custom-text-100">
+          {activity.new_value ? activity.new_value : activity.old_value}
+        </span>
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="supervised_user_circle" className="!text-sm" aria-hidden="true" />,
+  },
+
+  priority: {
+    message: (activity, showIssue) => (
+      <>
+        set the priority to{" "}
+        <span className="font-medium text-custom-text-100">
+          {activity.new_value ? capitalizeFirstLetter(activity.new_value) : "None"}
+        </span>
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Icon iconName="signal_cellular_alt" className="!text-sm" aria-hidden="true" />,
+  },
+
+  start_date: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.new_value ? "set the start date to " : "removed the start date "}
+        <span className="font-medium text-custom-text-100">
+          {activity.new_value ? renderShortDateWithYearFormat(activity.new_value) : "None"}
+        </span>
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+      </>
+    ),
+    icon: <Icon iconName="calendar_today" className="!text-sm" aria-hidden="true" />,
+  },
+
+  state: {
+    message: (activity, showIssue) => (
+      <>
+        set the state to{" "}
+        <span className="font-medium text-custom-text-100">{activity.new_value}</span>
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+        .
+      </>
+    ),
+    icon: <Squares2X2Icon className="h-3 w-3" aria-hidden="true" />,
+  },
+
+  target_date: {
+    message: (activity, showIssue) => (
+      <>
+        {activity.new_value ? "set the target date to " : "removed the target date "}
+        {activity.new_value && (
+          <span className="font-medium text-custom-text-100">
+            {renderShortDateWithYearFormat(activity.new_value)}
+          </span>
+        )}
+
+        {showIssue && (
+          <>
+            {" "}
+            for <IssueLink activity={activity} />
+          </>
+        )}
+      </>
+    ),
+    icon: <Icon iconName="calendar_today" className="!text-sm" aria-hidden="true" />,
+  },
+};
+
+export const ActivityIcon = ({ activity }: { activity: IIssueActivity }) => (
+  <>{activityDetails[activity.field as keyof typeof activityDetails]?.icon}</>
+);
+
+export const ActivityMessage = ({
+  activity,
+  showIssue = false,
+}: {
+  activity: IIssueActivity;
+  showIssue?: boolean;
+}) => {
+  const router = useRouter();
+  const { workspaceSlug } = router.query;
+
+  return (
+    <>
+      {activityDetails[activity.field as keyof typeof activityDetails]?.message(
+        activity,
+        showIssue,
+        workspaceSlug?.toString() ?? ""
+      )}
+    </>
+  );
+};
diff --git a/web/components/web-view/index.ts b/web/components/web-view/index.ts
index 342bc4838..915c891a9 100644
--- a/web/components/web-view/index.ts
+++ b/web/components/web-view/index.ts
@@ -15,3 +15,4 @@ export * from "./add-comment";
 export * from "./select-parent";
 export * from "./select-blocker";
 export * from "./select-blocked";
+export * from "./activity-message";
diff --git a/web/components/web-view/issue-activity.tsx b/web/components/web-view/issue-activity.tsx
index 55089d60d..4bd13eb5c 100644
--- a/web/components/web-view/issue-activity.tsx
+++ b/web/components/web-view/issue-activity.tsx
@@ -2,7 +2,6 @@
 import React from "react";
 
 // next
-import Link from "next/link";
 import { useRouter } from "next/router";
 
 // swr
@@ -16,12 +15,10 @@ import issuesService from "services/issues.service";
 
 // hooks
 import useUser from "hooks/use-user";
-import useToast from "hooks/use-toast";
 
 // components
-import { Label, AddComment } from "components/web-view";
 import { CommentCard } from "components/issues/comment";
-import { ActivityIcon, ActivityMessage } from "components/core";
+import { Label, AddComment, ActivityMessage, ActivityIcon } from "components/web-view";
 
 // helpers
 import { timeAgo } from "helpers/date-time.helper";
@@ -183,15 +180,15 @@ export const IssueActivity: React.FC<Props> = (props) => {
                               {activityItem.actor_detail.first_name} Bot
                             </span>
                           ) : (
-                            <Link
-                              href={`/${workspaceSlug}/profile/${activityItem.actor_detail.id}`}
+                            <button
+                              type="button"
+                              className="text-gray font-medium"
+                              onClick={() => console.log("user", activityItem.actor)}
                             >
-                              <a className="text-gray font-medium">
-                                {activityItem.actor_detail.is_bot
-                                  ? activityItem.actor_detail.first_name
-                                  : activityItem.actor_detail.display_name}
-                              </a>
-                            </Link>
+                              {activityItem.actor_detail.is_bot
+                                ? activityItem.actor_detail.first_name
+                                : activityItem.actor_detail.display_name}
+                            </button>
                           )}{" "}
                           {message}{" "}
                           <span className="whitespace-nowrap">
diff --git a/web/components/web-view/issue-web-view-form.tsx b/web/components/web-view/issue-web-view-form.tsx
index 863464764..ff9383fd0 100644
--- a/web/components/web-view/issue-web-view-form.tsx
+++ b/web/components/web-view/issue-web-view-form.tsx
@@ -90,7 +90,7 @@ export const IssueWebViewForm: React.FC<Props> = (props) => {
                 debouncedTitleSave();
               }}
               required={true}
-              className="min-h-10 block w-full resize-none overflow-hidden rounded border-none bg-transparent px-3 py-2 text-xl outline-none ring-0 focus:ring-1 focus:ring-custom-primary"
+              className="min-h-10 block w-full resize-none overflow-hidden rounded border bg-transparent px-3 py-2 text-xl outline-none ring-0 focus:ring-1 focus:ring-custom-primary"
               role="textbox"
               disabled={!isAllowed}
             />
diff --git a/web/components/web-view/web-view-modal.tsx b/web/components/web-view/web-view-modal.tsx
index 2be28a01c..39769dfcd 100644
--- a/web/components/web-view/web-view-modal.tsx
+++ b/web/components/web-view/web-view-modal.tsx
@@ -63,7 +63,7 @@ export const WebViewModal = (props: Props) => {
                     <XMarkIcon className="w-6 h-6 text-custom-text-200" />
                   </button>
                 </div>
-                <div className="mt-6">{children}</div>
+                <div className="mt-6 max-h-60 overflow-auto">{children}</div>
               </Dialog.Panel>
             </Transition.Child>
           </div>
diff --git a/web/layouts/web-view-layout/index.tsx b/web/layouts/web-view-layout/index.tsx
index c5afdcc3d..2fb46b9df 100644
--- a/web/layouts/web-view-layout/index.tsx
+++ b/web/layouts/web-view-layout/index.tsx
@@ -18,7 +18,10 @@ type Props = {
 };
 
 const getIfInWebview = (userAgent: NavigatorID["userAgent"]) => {
-  if (/iphone|ipod|ipad/.test(userAgent) || userAgent.includes("wv")) return true;
+  const safari = /safari/.test(userAgent);
+
+  if (safari) return false;
+  else if (/iphone|ipod|ipad/.test(userAgent) || userAgent.includes("wv")) return true;
   else return false;
 };
 

From 5b228bd1eb85a86800756e60e92fd325cb309c26 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 11 Sep 2023 11:45:28 +0530
Subject: [PATCH 74/81] chore: update state icons and colors (#2126)

* chore: update state icons and colors

* chore: update icons
---
 .../issues/peek-overview/issue-properties.tsx |  1 -
 .../analytics/scope-and-demand/demand.tsx     |  6 +-
 .../automation/auto-close-automation.tsx      | 23 +++---
 .../issue/change-issue-state.tsx              | 23 ++++--
 web/components/core/filters/filters-list.tsx  | 16 ++--
 .../core/sidebar/sidebar-progress-stats.tsx   |  3 +-
 .../core/views/board-view/all-boards.tsx      | 12 ++-
 .../core/views/board-view/board-header.tsx    | 25 ++++--
 .../core/views/list-view/single-list.tsx      | 24 +++++-
 .../cycles/active-cycle-details.tsx           |  6 +-
 web/components/icons/backlog-state-icon.tsx   | 21 -----
 web/components/icons/cancelled-state-icon.tsx | 78 -------------------
 web/components/icons/completed-state-icon.tsx | 69 ----------------
 web/components/icons/index.ts                 | 10 +--
 web/components/icons/started-state-icon.tsx   | 77 ------------------
 web/components/icons/state-group-icon.tsx     | 66 ----------------
 web/components/icons/state/backlog.tsx        | 24 ++++++
 web/components/icons/state/cancelled.tsx      | 34 ++++++++
 web/components/icons/state/completed.tsx      | 27 +++++++
 web/components/icons/state/index.ts           |  6 ++
 web/components/icons/state/started.tsx        | 25 ++++++
 .../icons/state/state-group-icon.tsx          | 74 ++++++++++++++++++
 web/components/icons/state/unstarted.tsx      | 24 ++++++
 web/components/icons/unstarted-state-icon.tsx | 59 --------------
 web/components/issues/gantt-chart/blocks.tsx  |  4 +-
 .../my-issues/my-issues-select-filters.tsx    |  6 +-
 .../issues/peek-overview/issue-properties.tsx |  7 +-
 web/components/issues/select/state.tsx        | 11 ++-
 .../issues/sidebar-select/state.tsx           | 13 +---
 web/components/issues/view-select/state.tsx   |  9 ++-
 web/components/states/single-state.tsx        |  4 +-
 web/components/views/select-filters.tsx       |  5 +-
 web/components/web-view/select-state.tsx      |  4 +-
 web/components/workspace/issues-pie-chart.tsx |  6 +-
 web/constants/state.ts                        |  4 +-
 web/helpers/analytics.helper.ts               |  5 +-
 36 files changed, 351 insertions(+), 460 deletions(-)
 delete mode 100644 web/components/icons/backlog-state-icon.tsx
 delete mode 100644 web/components/icons/cancelled-state-icon.tsx
 delete mode 100644 web/components/icons/completed-state-icon.tsx
 delete mode 100644 web/components/icons/started-state-icon.tsx
 delete mode 100644 web/components/icons/state-group-icon.tsx
 create mode 100644 web/components/icons/state/backlog.tsx
 create mode 100644 web/components/icons/state/cancelled.tsx
 create mode 100644 web/components/icons/state/completed.tsx
 create mode 100644 web/components/icons/state/index.ts
 create mode 100644 web/components/icons/state/started.tsx
 create mode 100644 web/components/icons/state/state-group-icon.tsx
 create mode 100644 web/components/icons/state/unstarted.tsx
 delete mode 100644 web/components/icons/unstarted-state-icon.tsx

diff --git a/space/components/issues/peek-overview/issue-properties.tsx b/space/components/issues/peek-overview/issue-properties.tsx
index c7a08faed..f7ccab18f 100644
--- a/space/components/issues/peek-overview/issue-properties.tsx
+++ b/space/components/issues/peek-overview/issue-properties.tsx
@@ -44,7 +44,6 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({ issueDetails, mod
       {mode === "full" && (
         <div className="flex justify-between gap-2 pb-3">
           <h6 className="flex items-center gap-2 font-medium">
-            {/* {getStateGroupIcon(issue.state_detail.group, "16", "16", issue.state_detail.color)} */}
             {issueDetails.project_detail.identifier}-{issueDetails.sequence_id}
           </h6>
           <div className="flex items-center gap-2">
diff --git a/web/components/analytics/scope-and-demand/demand.tsx b/web/components/analytics/scope-and-demand/demand.tsx
index ad3781247..23af2b384 100644
--- a/web/components/analytics/scope-and-demand/demand.tsx
+++ b/web/components/analytics/scope-and-demand/demand.tsx
@@ -1,7 +1,7 @@
 // icons
 import { PlayIcon } from "@heroicons/react/24/outline";
 // types
-import { IDefaultAnalyticsResponse } from "types";
+import { IDefaultAnalyticsResponse, TStateGroups } from "types";
 // constants
 import { STATE_GROUP_COLORS } from "constants/state";
 
@@ -27,7 +27,7 @@ export const AnalyticsDemand: React.FC<Props> = ({ defaultAnalytics }) => (
                 <span
                   className="h-2 w-2 rounded-full"
                   style={{
-                    backgroundColor: STATE_GROUP_COLORS[group.state_group],
+                    backgroundColor: STATE_GROUP_COLORS[group.state_group as TStateGroups],
                   }}
                 />
                 <h6 className="capitalize">{group.state_group}</h6>
@@ -42,7 +42,7 @@ export const AnalyticsDemand: React.FC<Props> = ({ defaultAnalytics }) => (
                 className="absolute top-0 left-0 h-1 rounded duration-300"
                 style={{
                   width: `${percentage}%`,
-                  backgroundColor: STATE_GROUP_COLORS[group.state_group],
+                  backgroundColor: STATE_GROUP_COLORS[group.state_group as TStateGroups],
                 }}
               />
             </div>
diff --git a/web/components/automation/auto-close-automation.tsx b/web/components/automation/auto-close-automation.tsx
index 3e71b8329..ad65714aa 100644
--- a/web/components/automation/auto-close-automation.tsx
+++ b/web/components/automation/auto-close-automation.tsx
@@ -9,7 +9,7 @@ import { CustomSearchSelect, CustomSelect, ToggleSwitch } from "components/ui";
 import { SelectMonthModal } from "components/automation";
 // icons
 import { ChevronDownIcon, Squares2X2Icon } from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // services
 import stateService from "services/state.service";
 // constants
@@ -46,7 +46,7 @@ export const AutoCloseAutomation: React.FC<Props> = ({ projectDetails, handleCha
       query: state.name,
       content: (
         <div className="flex items-center gap-2">
-          {getStateGroupIcon(state.group, "16", "16", state.color)}
+          <StateGroupIcon stateGroup={state.group} color={state.color} height="16px" width="16px" />
           {state.name}
         </div>
       ),
@@ -140,14 +140,19 @@ export const AutoCloseAutomation: React.FC<Props> = ({ projectDetails, handleCha
                   label={
                     <div className="flex items-center gap-2">
                       {selectedOption ? (
-                        getStateGroupIcon(selectedOption.group, "16", "16", selectedOption.color)
+                        <StateGroupIcon
+                          stateGroup={selectedOption.group}
+                          color={selectedOption.color}
+                          height="16px"
+                          width="16px"
+                        />
                       ) : currentDefaultState ? (
-                        getStateGroupIcon(
-                          currentDefaultState.group,
-                          "16",
-                          "16",
-                          currentDefaultState.color
-                        )
+                        <StateGroupIcon
+                          stateGroup={currentDefaultState.group}
+                          color={currentDefaultState.color}
+                          height="16px"
+                          width="16px"
+                        />
                       ) : (
                         <Squares2X2Icon className="h-3.5 w-3.5 text-custom-text-200" />
                       )}
diff --git a/web/components/command-palette/issue/change-issue-state.tsx b/web/components/command-palette/issue/change-issue-state.tsx
index 30e2cdb77..6bfc2874c 100644
--- a/web/components/command-palette/issue/change-issue-state.tsx
+++ b/web/components/command-palette/issue/change-issue-state.tsx
@@ -1,22 +1,24 @@
-import { useRouter } from "next/router";
 import React, { Dispatch, SetStateAction, useCallback } from "react";
+
+import { useRouter } from "next/router";
+
 import useSWR, { mutate } from "swr";
 
 // cmdk
 import { Command } from "cmdk";
-// ui
-import { Spinner } from "components/ui";
-// helpers
-import { getStatesList } from "helpers/state.helper";
 // services
 import issuesService from "services/issues.service";
 import stateService from "services/state.service";
+// ui
+import { Spinner } from "components/ui";
+// icons
+import { CheckIcon, StateGroupIcon } from "components/icons";
+// helpers
+import { getStatesList } from "helpers/state.helper";
 // types
 import { ICurrentUserResponse, IIssue } from "types";
 // fetch keys
 import { ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY, STATES_LIST } from "constants/fetch-keys";
-// icons
-import { CheckIcon, getStateGroupIcon } from "components/icons";
 
 type Props = {
   setIsPaletteOpen: Dispatch<SetStateAction<boolean>>;
@@ -82,7 +84,12 @@ export const ChangeIssueState: React.FC<Props> = ({ setIsPaletteOpen, issue, use
               className="focus:outline-none"
             >
               <div className="flex items-center space-x-3">
-                {getStateGroupIcon(state.group, "16", "16", state.color)}
+                <StateGroupIcon
+                  stateGroup={state.group}
+                  color={state.color}
+                  height="16px"
+                  width="16px"
+                />
                 <p>{state.name}</p>
               </div>
               <div>{state.id === issue.state && <CheckIcon className="h-3 w-3" />}</div>
diff --git a/web/components/core/filters/filters-list.tsx b/web/components/core/filters/filters-list.tsx
index 8192bdf7d..10cd623f8 100644
--- a/web/components/core/filters/filters-list.tsx
+++ b/web/components/core/filters/filters-list.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 // icons
 import { XMarkIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { getPriorityIcon, StateGroupIcon } from "components/icons";
 // ui
 import { Avatar } from "components/ui";
 // helpers
@@ -71,12 +71,10 @@ export const FiltersList: React.FC<Props> = ({
                             }}
                           >
                             <span>
-                              {getStateGroupIcon(
-                                state?.group ?? "backlog",
-                                "12",
-                                "12",
-                                state?.color
-                              )}
+                              <StateGroupIcon
+                                stateGroup={state?.group ?? "backlog"}
+                                color={state?.color}
+                              />
                             </span>
                             <span>{state?.name ?? ""}</span>
                             <span
@@ -105,7 +103,9 @@ export const FiltersList: React.FC<Props> = ({
                               backgroundColor: `${STATE_GROUP_COLORS[group]}20`,
                             }}
                           >
-                            <span>{getStateGroupIcon(group, "16", "16")}</span>
+                            <span>
+                              <StateGroupIcon stateGroup={group} color={undefined} />
+                            </span>
                             <span>{group}</span>
                             <span
                               className="cursor-pointer"
diff --git a/web/components/core/sidebar/sidebar-progress-stats.tsx b/web/components/core/sidebar/sidebar-progress-stats.tsx
index a224bb773..fed61b59f 100644
--- a/web/components/core/sidebar/sidebar-progress-stats.tsx
+++ b/web/components/core/sidebar/sidebar-progress-stats.tsx
@@ -15,6 +15,7 @@ import {
   TAssigneesDistribution,
   TCompletionChartDistribution,
   TLabelsDistribution,
+  TStateGroups,
 } from "types";
 // constants
 import { STATE_GROUP_COLORS } from "constants/state";
@@ -215,7 +216,7 @@ export const SidebarProgressStats: React.FC<Props> = ({
                   <span
                     className="block h-3 w-3 rounded-full "
                     style={{
-                      backgroundColor: STATE_GROUP_COLORS[group],
+                      backgroundColor: STATE_GROUP_COLORS[group as TStateGroups],
                     }}
                   />
                   <span className="text-xs capitalize">{group}</span>
diff --git a/web/components/core/views/board-view/all-boards.tsx b/web/components/core/views/board-view/all-boards.tsx
index 2637e7c33..ea0f64ace 100644
--- a/web/components/core/views/board-view/all-boards.tsx
+++ b/web/components/core/views/board-view/all-boards.tsx
@@ -1,7 +1,7 @@
 // components
 import { SingleBoard } from "components/core/views/board-view/single-board";
 // icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 // types
@@ -82,8 +82,14 @@ export const AllBoards: React.FC<Props> = ({
                         className="flex items-center justify-between gap-2 rounded bg-custom-background-90 p-2 shadow"
                       >
                         <div className="flex items-center gap-2">
-                          {currentState &&
-                            getStateGroupIcon(currentState.group, "16", "16", currentState.color)}
+                          {currentState && (
+                            <StateGroupIcon
+                              stateGroup={currentState.group}
+                              color={currentState.color}
+                              height="16px"
+                              width="16px"
+                            />
+                          )}
                           <h4 className="text-sm capitalize">
                             {selectedGroup === "state"
                               ? addSpaceIfCamelCase(currentState?.name ?? "")
diff --git a/web/components/core/views/board-view/board-header.tsx b/web/components/core/views/board-view/board-header.tsx
index 5392774d9..a1c2804b6 100644
--- a/web/components/core/views/board-view/board-header.tsx
+++ b/web/components/core/views/board-view/board-header.tsx
@@ -13,14 +13,16 @@ import useProjects from "hooks/use-projects";
 import { Avatar, Icon } from "components/ui";
 // icons
 import { PlusIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { StateGroupIcon, getPriorityIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { renderEmoji } from "helpers/emoji.helper";
 // types
-import { IIssueViewProps, IState } from "types";
+import { IIssueViewProps, IState, TStateGroups } from "types";
 // fetch-keys
 import { PROJECT_ISSUE_LABELS, PROJECT_MEMBERS } from "constants/fetch-keys";
+// constants
+import { STATE_GROUP_COLORS } from "constants/state";
 
 type Props = {
   currentState?: IState | null;
@@ -97,11 +99,24 @@ export const BoardHeader: React.FC<Props> = ({
 
     switch (selectedGroup) {
       case "state":
-        icon =
-          currentState && getStateGroupIcon(currentState.group, "16", "16", currentState.color);
+        icon = currentState && (
+          <StateGroupIcon
+            stateGroup={currentState.group}
+            color={currentState.color}
+            height="16px"
+            width="16px"
+          />
+        );
         break;
       case "state_detail.group":
-        icon = getStateGroupIcon(groupTitle as any, "16", "16");
+        icon = (
+          <StateGroupIcon
+            stateGroup={groupTitle as TStateGroups}
+            color={STATE_GROUP_COLORS[groupTitle as TStateGroups]}
+            height="16px"
+            width="16px"
+          />
+        );
         break;
       case "priority":
         icon = getPriorityIcon(groupTitle, "text-lg");
diff --git a/web/components/core/views/list-view/single-list.tsx b/web/components/core/views/list-view/single-list.tsx
index bd1c3c6ab..a005feef5 100644
--- a/web/components/core/views/list-view/single-list.tsx
+++ b/web/components/core/views/list-view/single-list.tsx
@@ -15,7 +15,7 @@ import { SingleListIssue } from "components/core";
 import { Avatar, CustomMenu } from "components/ui";
 // icons
 import { PlusIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { StateGroupIcon, getPriorityIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { renderEmoji } from "helpers/emoji.helper";
@@ -26,10 +26,13 @@ import {
   IIssueLabels,
   IIssueViewProps,
   IState,
+  TStateGroups,
   UserAuth,
 } from "types";
 // fetch-keys
 import { PROJECT_ISSUE_LABELS, PROJECT_MEMBERS } from "constants/fetch-keys";
+// constants
+import { STATE_GROUP_COLORS } from "constants/state";
 
 type Props = {
   currentState?: IState | null;
@@ -111,11 +114,24 @@ export const SingleList: React.FC<Props> = ({
 
     switch (selectedGroup) {
       case "state":
-        icon =
-          currentState && getStateGroupIcon(currentState.group, "16", "16", currentState.color);
+        icon = currentState && (
+          <StateGroupIcon
+            stateGroup={currentState.group}
+            color={currentState.color}
+            height="16px"
+            width="16px"
+          />
+        );
         break;
       case "state_detail.group":
-        icon = getStateGroupIcon(groupTitle as any, "16", "16");
+        icon = (
+          <StateGroupIcon
+            stateGroup={groupTitle as TStateGroups}
+            color={STATE_GROUP_COLORS[groupTitle as TStateGroups]}
+            height="16px"
+            width="16px"
+          />
+        );
         break;
       case "priority":
         icon = getPriorityIcon(groupTitle, "text-lg");
diff --git a/web/components/cycles/active-cycle-details.tsx b/web/components/cycles/active-cycle-details.tsx
index 23fd68e75..a2af4b289 100644
--- a/web/components/cycles/active-cycle-details.tsx
+++ b/web/components/cycles/active-cycle-details.tsx
@@ -28,7 +28,7 @@ import {
   TriangleExclamationIcon,
   AlarmClockIcon,
   LayerDiagonalIcon,
-  CompletedStateIcon,
+  StateGroupIcon,
 } from "components/icons";
 import { StarIcon } from "@heroicons/react/24/outline";
 // components
@@ -385,8 +385,8 @@ export const ActiveCycleDetails: React.FC = () => {
                   <LayerDiagonalIcon className="h-4 w-4 flex-shrink-0" />
                   {cycle.total_issues} issues
                 </div>
-                <div className="flex gap-2">
-                  <CompletedStateIcon width={16} height={16} color="#438AF3" />
+                <div className="flex items-center gap-2">
+                  <StateGroupIcon stateGroup="completed" height="14px" width="14px" />
                   {cycle.completed_issues} issues
                 </div>
               </div>
diff --git a/web/components/icons/backlog-state-icon.tsx b/web/components/icons/backlog-state-icon.tsx
deleted file mode 100644
index 2c140a112..000000000
--- a/web/components/icons/backlog-state-icon.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const BacklogStateIcon: React.FC<Props> = ({
-  width = "20",
-  height = "20",
-  className,
-  color = "rgb(var(--color-text-200))",
-}) => (
-  <svg
-    width={width}
-    height={height}
-    className={className}
-    viewBox="0 0 20 20"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle cx="10" cy="10" r="9" stroke={color} strokeLinecap="round" strokeDasharray="4 4" />
-  </svg>
-);
diff --git a/web/components/icons/cancelled-state-icon.tsx b/web/components/icons/cancelled-state-icon.tsx
deleted file mode 100644
index 5829146ff..000000000
--- a/web/components/icons/cancelled-state-icon.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CancelledStateIcon: React.FC<Props> = ({
-  width = "20",
-  height = "20",
-  className,
-  color = "#f2655a",
-}) => (
-  <svg
-    width={width}
-    height={height}
-    className={className}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 84.36 84.36"
-  >
-    <g id="Layer_2" data-name="Layer 2">
-      <g id="Layer_1-2" data-name="Layer 1">
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M20.45,7.69a39.74,39.74,0,0,1,43.43.54"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M76.67,20.45a39.76,39.76,0,0,1-.53,43.43"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M63.92,76.67a39.78,39.78,0,0,1-43.44-.53"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M7.69,63.92a39.75,39.75,0,0,1,.54-43.44"
-        />
-        <circle className="cls-2" fill={color} cx="42.18" cy="42.18" r="31.04" />
-        <path
-          className="cls-3"
-          fill="none"
-          strokeWidth={3}
-          stroke="#ffffff"
-          strokeLinecap="square"
-          strokeMiterlimit={10}
-          d="M32.64,32.44q9.54,9.75,19.09,19.48"
-        />
-        <path
-          className="cls-3"
-          fill="none"
-          strokeWidth={3}
-          stroke="#ffffff"
-          strokeLinecap="square"
-          strokeMiterlimit={10}
-          d="M32.64,51.92,51.73,32.44"
-        />
-      </g>
-    </g>
-  </svg>
-);
diff --git a/web/components/icons/completed-state-icon.tsx b/web/components/icons/completed-state-icon.tsx
deleted file mode 100644
index 584245d58..000000000
--- a/web/components/icons/completed-state-icon.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const CompletedStateIcon: React.FC<Props> = ({
-  width = "20",
-  height = "20",
-  className,
-  color = "#438af3",
-}) => (
-  <svg
-    width={width}
-    height={height}
-    className={className}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 84.36 84.36"
-  >
-    <g id="Layer_2" data-name="Layer 2">
-      <g id="Layer_1-2" data-name="Layer 1">
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M20.45,7.69a39.74,39.74,0,0,1,43.43.54"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M76.67,20.45a39.76,39.76,0,0,1-.53,43.43"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M63.92,76.67a39.78,39.78,0,0,1-43.44-.53"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          strokeWidth={3}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          d="M7.69,63.92a39.75,39.75,0,0,1,.54-43.44"
-        />
-        <circle className="cls-2" fill={color} cx="42.18" cy="42.18" r="31.04" />
-        <path
-          className="cls-3"
-          fill="none"
-          strokeWidth={3}
-          stroke="#ffffff"
-          strokeLinecap="square"
-          strokeMiterlimit={10}
-          d="M30.45,43.75l6.61,6.61L53.92,34"
-        />
-      </g>
-    </g>
-  </svg>
-);
diff --git a/web/components/icons/index.ts b/web/components/icons/index.ts
index d3b311e40..d3be7f2a8 100644
--- a/web/components/icons/index.ts
+++ b/web/components/icons/index.ts
@@ -1,6 +1,7 @@
+export * from "./module";
+export * from "./state";
 export * from "./alarm-clock-icon";
 export * from "./attachment-icon";
-export * from "./backlog-state-icon";
 export * from "./blocked-icon";
 export * from "./blocker-icon";
 export * from "./bolt-icon";
@@ -8,12 +9,10 @@ export * from "./calendar-before-icon";
 export * from "./calendar-after-icon";
 export * from "./calendar-month-icon";
 export * from "./cancel-icon";
-export * from "./cancelled-state-icon";
 export * from "./clipboard-icon";
 export * from "./color-pallette-icon";
 export * from "./comment-icon";
 export * from "./completed-cycle-icon";
-export * from "./completed-state-icon";
 export * from "./current-cycle-icon";
 export * from "./cycle-icon";
 export * from "./discord-icon";
@@ -23,11 +22,9 @@ export * from "./ellipsis-horizontal-icon";
 export * from "./external-link-icon";
 export * from "./github-icon";
 export * from "./heartbeat-icon";
-export * from "./started-state-icon";
 export * from "./layer-diagonal-icon";
 export * from "./lock-icon";
 export * from "./menu-icon";
-export * from "./module";
 export * from "./pencil-scribble-icon";
 export * from "./plus-icon";
 export * from "./person-running-icon";
@@ -36,11 +33,8 @@ export * from "./question-mark-circle-icon";
 export * from "./setting-icon";
 export * from "./signal-cellular-icon";
 export * from "./stacked-layers-icon";
-export * from "./started-state-icon";
-export * from "./state-group-icon";
 export * from "./tag-icon";
 export * from "./tune-icon";
-export * from "./unstarted-state-icon";
 export * from "./upcoming-cycle-icon";
 export * from "./user-group-icon";
 export * from "./user-icon-circle";
diff --git a/web/components/icons/started-state-icon.tsx b/web/components/icons/started-state-icon.tsx
deleted file mode 100644
index 20de01537..000000000
--- a/web/components/icons/started-state-icon.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const StartedStateIcon: React.FC<Props> = ({
-  width = "20",
-  height = "20",
-  className,
-  color = "#fbb040",
-}) => (
-  <svg
-    width={width}
-    height={height}
-    className={className}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 83.36 83.36"
-  >
-    <g id="Layer_2" data-name="Layer 2">
-      <g id="Layer_1-2" data-name="Layer 1">
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M20,7.19a39.74,39.74,0,0,1,43.43.54"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M76.17,20a39.76,39.76,0,0,1-.53,43.43"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M63.42,76.17A39.78,39.78,0,0,1,20,75.64"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M7.19,63.42A39.75,39.75,0,0,1,7.73,20"
-        />
-        <path
-          className="cls-2"
-          fill={color}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M42.32,41.21q9.57-14.45,19.13-28.9a35.8,35.8,0,0,0-39.09,0Z"
-        />
-        <path
-          className="cls-2"
-          fill={color}
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M42.32,41.7,61.45,70.6a35.75,35.75,0,0,1-39.09,0Z"
-        />
-      </g>
-    </g>
-  </svg>
-);
diff --git a/web/components/icons/state-group-icon.tsx b/web/components/icons/state-group-icon.tsx
deleted file mode 100644
index 522e0b9dc..000000000
--- a/web/components/icons/state-group-icon.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import {
-  BacklogStateIcon,
-  CancelledStateIcon,
-  CompletedStateIcon,
-  StartedStateIcon,
-  UnstartedStateIcon,
-} from "components/icons";
-// constants
-import { STATE_GROUP_COLORS } from "constants/state";
-
-export const getStateGroupIcon = (
-  stateGroup: "backlog" | "unstarted" | "started" | "completed" | "cancelled",
-  width = "20",
-  height = "20",
-  color?: string
-) => {
-  switch (stateGroup) {
-    case "backlog":
-      return (
-        <BacklogStateIcon
-          width={width}
-          height={height}
-          color={color ?? STATE_GROUP_COLORS["backlog"]}
-          className="flex-shrink-0"
-        />
-      );
-    case "unstarted":
-      return (
-        <UnstartedStateIcon
-          width={width}
-          height={height}
-          color={color ?? STATE_GROUP_COLORS["unstarted"]}
-          className="flex-shrink-0"
-        />
-      );
-    case "started":
-      return (
-        <StartedStateIcon
-          width={width}
-          height={height}
-          color={color ?? STATE_GROUP_COLORS["started"]}
-          className="flex-shrink-0"
-        />
-      );
-    case "completed":
-      return (
-        <CompletedStateIcon
-          width={width}
-          height={height}
-          color={color ?? STATE_GROUP_COLORS["completed"]}
-          className="flex-shrink-0"
-        />
-      );
-    case "cancelled":
-      return (
-        <CancelledStateIcon
-          width={width}
-          height={height}
-          color={color ?? STATE_GROUP_COLORS["cancelled"]}
-          className="flex-shrink-0"
-        />
-      );
-    default:
-      return <></>;
-  }
-};
diff --git a/web/components/icons/state/backlog.tsx b/web/components/icons/state/backlog.tsx
new file mode 100644
index 000000000..eb00f800c
--- /dev/null
+++ b/web/components/icons/state/backlog.tsx
@@ -0,0 +1,24 @@
+type Props = {
+  width?: string;
+  height?: string;
+  className?: string;
+  color?: string;
+};
+
+export const StateGroupBacklogIcon: React.FC<Props> = ({
+  width = "20",
+  height = "20",
+  className,
+  color = "#a3a3a3",
+}) => (
+  <svg
+    height={height}
+    width={width}
+    className={className}
+    viewBox="0 0 12 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="6" cy="6" r="5.6" stroke={color} stroke-width="0.8" stroke-dasharray="4 4" />
+  </svg>
+);
diff --git a/web/components/icons/state/cancelled.tsx b/web/components/icons/state/cancelled.tsx
new file mode 100644
index 000000000..1c3c4e3d2
--- /dev/null
+++ b/web/components/icons/state/cancelled.tsx
@@ -0,0 +1,34 @@
+type Props = {
+  width?: string;
+  height?: string;
+  className?: string;
+  color?: string;
+};
+
+export const StateGroupCancelledIcon: React.FC<Props> = ({
+  width = "20",
+  height = "20",
+  className,
+  color = "#ef4444",
+}) => (
+  <svg
+    height={height}
+    width={width}
+    className={className}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_4052_100277)">
+      <path
+        d="M8 8.84L10.58 11.42C10.7 11.54 10.84 11.6 11 11.6C11.16 11.6 11.3 11.54 11.42 11.42C11.54 11.3 11.6 11.16 11.6 11C11.6 10.84 11.54 10.7 11.42 10.58L8.84 8L11.42 5.42C11.54 5.3 11.6 5.16 11.6 5C11.6 4.84 11.54 4.7 11.42 4.58C11.3 4.46 11.16 4.4 11 4.4C10.84 4.4 10.7 4.46 10.58 4.58L8 7.16L5.42 4.58C5.3 4.46 5.16 4.4 5 4.4C4.84 4.4 4.7 4.46 4.58 4.58C4.46 4.7 4.4 4.84 4.4 5C4.4 5.16 4.46 5.3 4.58 5.42L7.16 8L4.58 10.58C4.46 10.7 4.4 10.84 4.4 11C4.4 11.16 4.46 11.3 4.58 11.42C4.7 11.54 4.84 11.6 5 11.6C5.16 11.6 5.3 11.54 5.42 11.42L8 8.84ZM8 16C6.90667 16 5.87333 15.79 4.9 15.37C3.92667 14.95 3.07667 14.3767 2.35 13.65C1.62333 12.9233 1.05 12.0733 0.63 11.1C0.21 10.1267 0 9.09333 0 8C0 6.89333 0.21 5.85333 0.63 4.88C1.05 3.90667 1.62333 3.06 2.35 2.34C3.07667 1.62 3.92667 1.05 4.9 0.63C5.87333 0.21 6.90667 0 8 0C9.10667 0 10.1467 0.21 11.12 0.63C12.0933 1.05 12.94 1.62 13.66 2.34C14.38 3.06 14.95 3.90667 15.37 4.88C15.79 5.85333 16 6.89333 16 8C16 9.09333 15.79 10.1267 15.37 11.1C14.95 12.0733 14.38 12.9233 13.66 13.65C12.94 14.3767 12.0933 14.95 11.12 15.37C10.1467 15.79 9.10667 16 8 16ZM8 14.8C9.89333 14.8 11.5 14.1367 12.82 12.81C14.14 11.4833 14.8 9.88 14.8 8C14.8 6.10667 14.14 4.5 12.82 3.18C11.5 1.86 9.89333 1.2 8 1.2C6.12 1.2 4.51667 1.86 3.19 3.18C1.86333 4.5 1.2 6.10667 1.2 8C1.2 9.88 1.86333 11.4833 3.19 12.81C4.51667 14.1367 6.12 14.8 8 14.8Z"
+        fill={color}
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_4052_100277">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
diff --git a/web/components/icons/state/completed.tsx b/web/components/icons/state/completed.tsx
new file mode 100644
index 000000000..b22cc8c81
--- /dev/null
+++ b/web/components/icons/state/completed.tsx
@@ -0,0 +1,27 @@
+type Props = {
+  width?: string;
+  height?: string;
+  className?: string;
+  color?: string;
+};
+
+export const StateGroupCompletedIcon: React.FC<Props> = ({
+  width = "20",
+  height = "20",
+  className,
+  color = "#16a34a",
+}) => (
+  <svg
+    height={height}
+    width={width}
+    className={className}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.80486 9.80731L4.84856 7.85103C4.73197 7.73443 4.58542 7.67478 4.4089 7.67208C4.23238 7.66937 4.08312 7.72902 3.96113 7.85103C3.83913 7.97302 3.77814 8.12093 3.77814 8.29474C3.77814 8.46855 3.83913 8.61645 3.96113 8.73844L6.27206 11.0494C6.42428 11.2016 6.60188 11.2777 6.80486 11.2777C7.00782 11.2777 7.18541 11.2016 7.33764 11.0494L12.0227 6.36435C12.1393 6.24776 12.1989 6.10121 12.2016 5.92469C12.2043 5.74817 12.1447 5.59891 12.0227 5.47692C11.9007 5.35493 11.7528 5.29393 11.579 5.29393C11.4051 5.29393 11.2572 5.35493 11.1353 5.47692L6.80486 9.80731ZM8.00141 16C6.89494 16 5.85491 15.79 4.88132 15.3701C3.90772 14.9502 3.06082 14.3803 2.34064 13.6604C1.62044 12.9405 1.05028 12.094 0.63017 11.1208C0.210057 10.1477 0 9.10788 0 8.00141C0 6.89494 0.209966 5.85491 0.629896 4.88132C1.04983 3.90772 1.61972 3.06082 2.33958 2.34064C3.05946 1.62044 3.90598 1.05028 4.87915 0.630171C5.8523 0.210058 6.89212 0 7.99859 0C9.10506 0 10.1451 0.209966 11.1187 0.629897C12.0923 1.04983 12.9392 1.61972 13.6594 2.33959C14.3796 3.05946 14.9497 3.90598 15.3698 4.87915C15.7899 5.8523 16 6.89212 16 7.99859C16 9.10506 15.79 10.1451 15.3701 11.1187C14.9502 12.0923 14.3803 12.9392 13.6604 13.6594C12.9405 14.3796 12.094 14.9497 11.1208 15.3698C10.1477 15.7899 9.10788 16 8.00141 16ZM8 14.7369C9.88071 14.7369 11.4737 14.0842 12.779 12.779C14.0842 11.4737 14.7369 9.88071 14.7369 8C14.7369 6.11929 14.0842 4.52631 12.779 3.22104C11.4737 1.91577 9.88071 1.26314 8 1.26314C6.11929 1.26314 4.52631 1.91577 3.22104 3.22104C1.91577 4.52631 1.26314 6.11929 1.26314 8C1.26314 9.88071 1.91577 11.4737 3.22104 12.779C4.52631 14.0842 6.11929 14.7369 8 14.7369Z"
+      fill={color}
+    />
+  </svg>
+);
diff --git a/web/components/icons/state/index.ts b/web/components/icons/state/index.ts
new file mode 100644
index 000000000..7fee13d8b
--- /dev/null
+++ b/web/components/icons/state/index.ts
@@ -0,0 +1,6 @@
+export * from "./backlog";
+export * from "./cancelled";
+export * from "./completed";
+export * from "./started";
+export * from "./state-group-icon";
+export * from "./unstarted";
diff --git a/web/components/icons/state/started.tsx b/web/components/icons/state/started.tsx
new file mode 100644
index 000000000..bf0892732
--- /dev/null
+++ b/web/components/icons/state/started.tsx
@@ -0,0 +1,25 @@
+type Props = {
+  width?: string;
+  height?: string;
+  className?: string;
+  color?: string;
+};
+
+export const StateGroupStartedIcon: React.FC<Props> = ({
+  width = "20",
+  height = "20",
+  className,
+  color = "#f59e0b",
+}) => (
+  <svg
+    height={height}
+    width={width}
+    className={className}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 12 12"
+    fill="none"
+  >
+    <circle cx="6" cy="6" r="5.6" stroke={color} stroke-width="0.8" />
+    <circle cx="6" cy="6" r="3.35" stroke={color} stroke-width="0.8" stroke-dasharray="2.4 2.4" />
+  </svg>
+);
diff --git a/web/components/icons/state/state-group-icon.tsx b/web/components/icons/state/state-group-icon.tsx
new file mode 100644
index 000000000..df3b57dd8
--- /dev/null
+++ b/web/components/icons/state/state-group-icon.tsx
@@ -0,0 +1,74 @@
+// icons
+import {
+  StateGroupBacklogIcon,
+  StateGroupCancelledIcon,
+  StateGroupCompletedIcon,
+  StateGroupStartedIcon,
+  StateGroupUnstartedIcon,
+} from "components/icons";
+// types
+import { TStateGroups } from "types";
+// constants
+import { STATE_GROUP_COLORS } from "constants/state";
+
+type Props = {
+  className?: string;
+  color?: string;
+  height?: string;
+  stateGroup: TStateGroups;
+  width?: string;
+};
+
+export const StateGroupIcon: React.FC<Props> = ({
+  className = "",
+  color,
+  height = "12px",
+  width = "12px",
+  stateGroup,
+}) => {
+  if (stateGroup === "backlog")
+    return (
+      <StateGroupBacklogIcon
+        width={width}
+        height={height}
+        color={color ?? STATE_GROUP_COLORS["backlog"]}
+        className={`flex-shrink-0 ${className}`}
+      />
+    );
+  else if (stateGroup === "cancelled")
+    return (
+      <StateGroupCancelledIcon
+        width={width}
+        height={height}
+        color={color ?? STATE_GROUP_COLORS["cancelled"]}
+        className={`flex-shrink-0 ${className}`}
+      />
+    );
+  else if (stateGroup === "completed")
+    return (
+      <StateGroupCompletedIcon
+        width={width}
+        height={height}
+        color={color ?? STATE_GROUP_COLORS["completed"]}
+        className={`flex-shrink-0 ${className}`}
+      />
+    );
+  else if (stateGroup === "started")
+    return (
+      <StateGroupStartedIcon
+        width={width}
+        height={height}
+        color={color ?? STATE_GROUP_COLORS["started"]}
+        className={`flex-shrink-0 ${className}`}
+      />
+    );
+  else
+    return (
+      <StateGroupUnstartedIcon
+        width={width}
+        height={height}
+        color={color ?? STATE_GROUP_COLORS["unstarted"]}
+        className={`flex-shrink-0 ${className}`}
+      />
+    );
+};
diff --git a/web/components/icons/state/unstarted.tsx b/web/components/icons/state/unstarted.tsx
new file mode 100644
index 000000000..61a782b1f
--- /dev/null
+++ b/web/components/icons/state/unstarted.tsx
@@ -0,0 +1,24 @@
+type Props = {
+  width?: string;
+  height?: string;
+  className?: string;
+  color?: string;
+};
+
+export const StateGroupUnstartedIcon: React.FC<Props> = ({
+  width = "20",
+  height = "20",
+  className,
+  color = "#3a3a3a",
+}) => (
+  <svg
+    height={height}
+    width={width}
+    className={className}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="8" cy="8" r="7.4" stroke={color} stroke-width="1.2" />
+  </svg>
+);
diff --git a/web/components/icons/unstarted-state-icon.tsx b/web/components/icons/unstarted-state-icon.tsx
deleted file mode 100644
index 161a0ab2a..000000000
--- a/web/components/icons/unstarted-state-icon.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from "react";
-
-import type { Props } from "./types";
-
-export const UnstartedStateIcon: React.FC<Props> = ({
-  width = "20",
-  height = "20",
-  className,
-  color = "rgb(var(--color-text-200))",
-}) => (
-  <svg
-    width={width}
-    height={height}
-    className={className}
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 84.36 84.36"
-  >
-    <g id="Layer_2" data-name="Layer 2">
-      <g id="Layer_1-2" data-name="Layer 1">
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M20.45,7.69a39.74,39.74,0,0,1,43.43.54"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M76.67,20.45a39.76,39.76,0,0,1-.53,43.43"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M63.92,76.67a39.78,39.78,0,0,1-43.44-.53"
-        />
-        <path
-          className="cls-1"
-          fill="none"
-          stroke={color}
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={3}
-          d="M7.69,63.92a39.75,39.75,0,0,1,.54-43.44"
-        />
-      </g>
-    </g>
-  </svg>
-);
diff --git a/web/components/issues/gantt-chart/blocks.tsx b/web/components/issues/gantt-chart/blocks.tsx
index 3ab7ea90b..0834e3e79 100644
--- a/web/components/issues/gantt-chart/blocks.tsx
+++ b/web/components/issues/gantt-chart/blocks.tsx
@@ -3,7 +3,7 @@ import { useRouter } from "next/router";
 // ui
 import { Tooltip } from "components/ui";
 // icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { findTotalDaysInRange, renderShortDate } from "helpers/date-time.helper";
 // types
@@ -52,7 +52,7 @@ export const IssueGanttSidebarBlock = ({ data }: { data: IIssue }) => {
       className="relative w-full flex items-center gap-2 h-full cursor-pointer"
       onClick={() => router.push(`/${workspaceSlug}/projects/${data?.project}/issues/${data?.id}`)}
     >
-      {getStateGroupIcon(data?.state_detail?.group, "14", "14", data?.state_detail?.color)}
+      <StateGroupIcon stateGroup={data?.state_detail?.group} color={data?.state_detail?.color} />
       <div className="text-xs text-custom-text-300 flex-shrink-0">
         {data?.project_detail?.identifier} {data?.sequence_id}
       </div>
diff --git a/web/components/issues/my-issues/my-issues-select-filters.tsx b/web/components/issues/my-issues/my-issues-select-filters.tsx
index a453abb14..87aa36b9b 100644
--- a/web/components/issues/my-issues/my-issues-select-filters.tsx
+++ b/web/components/issues/my-issues/my-issues-select-filters.tsx
@@ -11,11 +11,11 @@ import { DateFilterModal } from "components/core";
 // ui
 import { MultiLevelDropdown } from "components/ui";
 // icons
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { StateGroupIcon, getPriorityIcon } from "components/icons";
 // helpers
 import { checkIfArraysHaveSameElements } from "helpers/array.helper";
 // types
-import { IIssueFilterOptions, IQuery } from "types";
+import { IIssueFilterOptions, IQuery, TStateGroups } from "types";
 // fetch-keys
 import { WORKSPACE_LABELS } from "constants/fetch-keys";
 // constants
@@ -104,7 +104,7 @@ export const MyIssuesSelectFilters: React.FC<Props> = ({
                 id: key,
                 label: (
                   <div className="flex items-center gap-2">
-                    {getStateGroupIcon(key as any, "16", "16")}{" "}
+                    <StateGroupIcon stateGroup={key as TStateGroups} />
                     {GROUP_CHOICES[key as keyof typeof GROUP_CHOICES]}
                   </div>
                 ),
diff --git a/web/components/issues/peek-overview/issue-properties.tsx b/web/components/issues/peek-overview/issue-properties.tsx
index 16728b148..98aa98316 100644
--- a/web/components/issues/peek-overview/issue-properties.tsx
+++ b/web/components/issues/peek-overview/issue-properties.tsx
@@ -2,7 +2,7 @@
 import { observer } from "mobx-react-lite";
 // headless ui
 import { Disclosure } from "@headlessui/react";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // hooks
 import useToast from "hooks/use-toast";
 import useUser from "hooks/use-user";
@@ -66,7 +66,10 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
       {mode === "full" && (
         <div className="flex justify-between gap-2 pb-3">
           <h6 className="flex items-center gap-2 font-medium">
-            {getStateGroupIcon(issue.state_detail.group, "16", "16", issue.state_detail.color)}
+            <StateGroupIcon
+              stateGroup={issue.state_detail.group}
+              color={issue.state_detail.color}
+            />
             {issue.project_detail.identifier}-{issue.sequence_id}
           </h6>
           <div className="flex items-center gap-2">
diff --git a/web/components/issues/select/state.tsx b/web/components/issues/select/state.tsx
index d62daba76..22a4e6532 100644
--- a/web/components/issues/select/state.tsx
+++ b/web/components/issues/select/state.tsx
@@ -10,7 +10,7 @@ import stateService from "services/state.service";
 import { CustomSearchSelect } from "components/ui";
 // icons
 import { PlusIcon, Squares2X2Icon } from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 // fetch keys
@@ -41,7 +41,7 @@ export const IssueStateSelect: React.FC<Props> = ({ setIsOpen, value, onChange,
     query: state.name,
     content: (
       <div className="flex items-center gap-2">
-        {getStateGroupIcon(state.group, "16", "16", state.color)}
+        <StateGroupIcon stateGroup={state.group} color={state.color} />
         {state.name}
       </div>
     ),
@@ -58,9 +58,12 @@ export const IssueStateSelect: React.FC<Props> = ({ setIsOpen, value, onChange,
       label={
         <div className="flex items-center gap-2">
           {selectedOption ? (
-            getStateGroupIcon(selectedOption.group, "16", "16", selectedOption.color)
+            <StateGroupIcon stateGroup={selectedOption.group} color={selectedOption.color} />
           ) : currentDefaultState ? (
-            getStateGroupIcon(currentDefaultState.group, "16", "16", currentDefaultState.color)
+            <StateGroupIcon
+              stateGroup={currentDefaultState.group}
+              color={currentDefaultState.color}
+            />
           ) : (
             <Squares2X2Icon className="h-3.5 w-3.5 text-custom-text-200" />
           )}
diff --git a/web/components/issues/sidebar-select/state.tsx b/web/components/issues/sidebar-select/state.tsx
index 5084c61bd..cf2cfe3b2 100644
--- a/web/components/issues/sidebar-select/state.tsx
+++ b/web/components/issues/sidebar-select/state.tsx
@@ -9,7 +9,7 @@ import stateService from "services/state.service";
 // ui
 import { Spinner, CustomSelect } from "components/ui";
 // icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 import { addSpaceIfCamelCase } from "helpers/string.helper";
@@ -42,17 +42,12 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
         <button type="button" className="bg-custom-background-80 text-xs rounded px-2.5 py-0.5">
           {selectedState ? (
             <div className="flex items-center gap-1.5 text-left text-custom-text-100">
-              {getStateGroupIcon(
-                selectedState?.group ?? "backlog",
-                "14",
-                "14",
-                selectedState?.color ?? ""
-              )}
+              <StateGroupIcon stateGroup={selectedState.group} color={selectedState.color} />
               {addSpaceIfCamelCase(selectedState?.name ?? "")}
             </div>
           ) : inboxIssueId ? (
             <div className="flex items-center gap-1.5 text-left text-custom-text-100">
-              {getStateGroupIcon("backlog", "14", "14", "#ff7700")}
+              <StateGroupIcon stateGroup="backlog" color="#ff7700" />
               Triage
             </div>
           ) : (
@@ -71,7 +66,7 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, disabled
           states.map((state) => (
             <CustomSelect.Option key={state.id} value={state.id}>
               <>
-                {getStateGroupIcon(state.group, "16", "16", state.color)}
+                <StateGroupIcon stateGroup={state.group} color={state.color} />
                 {state.name}
               </>
             </CustomSelect.Option>
diff --git a/web/components/issues/view-select/state.tsx b/web/components/issues/view-select/state.tsx
index 460a11272..08ca77d80 100644
--- a/web/components/issues/view-select/state.tsx
+++ b/web/components/issues/view-select/state.tsx
@@ -10,7 +10,7 @@ import trackEventServices from "services/track-event.service";
 // ui
 import { CustomSearchSelect, Tooltip } from "components/ui";
 // icons
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 // types
@@ -59,7 +59,7 @@ export const ViewStateSelect: React.FC<Props> = ({
     query: state.name,
     content: (
       <div className="flex items-center gap-2">
-        {getStateGroupIcon(state.group, "16", "16", state.color)}
+        <StateGroupIcon stateGroup={state.group} color={state.color} />
         {state.name}
       </div>
     ),
@@ -75,8 +75,9 @@ export const ViewStateSelect: React.FC<Props> = ({
     >
       <div className="flex items-center cursor-pointer w-full gap-2 text-custom-text-200">
         <span className="h-3.5 w-3.5">
-          {selectedOption &&
-            getStateGroupIcon(selectedOption.group, "14", "14", selectedOption.color)}
+          {selectedOption && (
+            <StateGroupIcon stateGroup={selectedOption.group} color={selectedOption.color} />
+          )}
         </span>
         <span className="truncate">{selectedOption?.name ?? "State"}</span>
       </div>
diff --git a/web/components/states/single-state.tsx b/web/components/states/single-state.tsx
index 813afdc79..e5c1bf8dd 100644
--- a/web/components/states/single-state.tsx
+++ b/web/components/states/single-state.tsx
@@ -15,7 +15,7 @@ import {
   PencilSquareIcon,
   TrashIcon,
 } from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { groupBy, orderArrayBy } from "helpers/array.helper";
@@ -162,7 +162,7 @@ export const SingleState: React.FC<Props> = ({
   return (
     <div className="group flex items-center justify-between gap-2 border-custom-border-200 bg-custom-background-100 p-5 first:rounded-t-[10px] last:rounded-b-[10px]">
       <div className="flex items-center gap-3">
-        {getStateGroupIcon(state.group, "20", "20", state.color)}
+        <StateGroupIcon stateGroup={state.group} color={state.color} height="20px" width="20px" />
         <div>
           <h6 className="text-sm">{addSpaceIfCamelCase(state.name)}</h6>
           <p className="text-xs text-custom-text-200">{state.description}</p>
diff --git a/web/components/views/select-filters.tsx b/web/components/views/select-filters.tsx
index 5755484c9..77ef80682 100644
--- a/web/components/views/select-filters.tsx
+++ b/web/components/views/select-filters.tsx
@@ -13,7 +13,7 @@ import { DateFilterModal } from "components/core";
 // ui
 import { Avatar, MultiLevelDropdown } from "components/ui";
 // icons
-import { getPriorityIcon, getStateGroupIcon } from "components/icons";
+import { StateGroupIcon, getPriorityIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 import { checkIfArraysHaveSameElements } from "helpers/array.helper";
@@ -118,7 +118,8 @@ export const SelectFilters: React.FC<Props> = ({
               id: state.id,
               label: (
                 <div className="flex items-center gap-2">
-                  {getStateGroupIcon(state.group, "16", "16", state.color)} {state.name}
+                  <StateGroupIcon stateGroup={state.group} color={state.color} />
+                  {state.name}
                 </div>
               ),
               value: {
diff --git a/web/components/web-view/select-state.tsx b/web/components/web-view/select-state.tsx
index 3d530dd48..c5bfa1257 100644
--- a/web/components/web-view/select-state.tsx
+++ b/web/components/web-view/select-state.tsx
@@ -17,7 +17,7 @@ import stateService from "services/state.service";
 import { STATES_LIST } from "constants/fetch-keys";
 
 // components
-import { getStateGroupIcon } from "components/icons";
+import { StateGroupIcon } from "components/icons";
 import { WebViewModal } from "./web-view-modal";
 
 // helpers
@@ -62,7 +62,7 @@ export const StateSelect: React.FC<Props> = (props) => {
               label: state.name,
               value: state.id,
               checked: state.id === selectedState?.id,
-              icon: getStateGroupIcon(state.group, "16", "16", state.color),
+              icon: <StateGroupIcon stateGroup={state.group} color={state.color} />,
               onClick: () => {
                 setIsOpen(false);
                 if (disabled) return;
diff --git a/web/components/workspace/issues-pie-chart.tsx b/web/components/workspace/issues-pie-chart.tsx
index 7d453d8a9..de1e199ff 100644
--- a/web/components/workspace/issues-pie-chart.tsx
+++ b/web/components/workspace/issues-pie-chart.tsx
@@ -1,9 +1,7 @@
 // ui
 import { PieGraph } from "components/ui";
-// helpers
-import { capitalizeFirstLetter } from "helpers/string.helper";
 // types
-import { IUserStateDistribution } from "types";
+import { IUserStateDistribution, TStateGroups } from "types";
 // constants
 import { STATE_GROUP_COLORS } from "constants/state";
 
@@ -23,7 +21,7 @@ export const IssuesPieChart: React.FC<Props> = ({ groupedIssues }) => (
                 id: cell.state_group,
                 label: cell.state_group,
                 value: cell.state_count,
-                color: STATE_GROUP_COLORS[cell.state_group.toLowerCase()],
+                color: STATE_GROUP_COLORS[cell.state_group.toLowerCase() as TStateGroups],
               })) ?? []
             }
             height="320px"
diff --git a/web/constants/state.ts b/web/constants/state.ts
index 735757822..13e8506ee 100644
--- a/web/constants/state.ts
+++ b/web/constants/state.ts
@@ -1,5 +1,7 @@
+import { TStateGroups } from "types";
+
 export const STATE_GROUP_COLORS: {
-  [key: string]: string;
+  [key in TStateGroups]: string;
 } = {
   backlog: "#d9d9d9",
   unstarted: "#3f76ff",
diff --git a/web/helpers/analytics.helper.ts b/web/helpers/analytics.helper.ts
index efc781794..08b763720 100644
--- a/web/helpers/analytics.helper.ts
+++ b/web/helpers/analytics.helper.ts
@@ -3,7 +3,7 @@ import { BarDatum } from "@nivo/bar";
 // helpers
 import { capitalizeFirstLetter, generateRandomColor } from "helpers/string.helper";
 // types
-import { IAnalyticsData, IAnalyticsParams, IAnalyticsResponse } from "types";
+import { IAnalyticsData, IAnalyticsParams, IAnalyticsResponse, TStateGroups } from "types";
 // constants
 import { STATE_GROUP_COLORS } from "constants/state";
 import { MONTHS_LIST } from "constants/calendar";
@@ -72,7 +72,8 @@ export const generateBarColor = (
   if (params[type] === "state__name" || params[type] === "labels__name")
     color = analytics?.extras?.colors.find((c) => c.name === value)?.color;
 
-  if (params[type] === "state__group") color = STATE_GROUP_COLORS[value.toLowerCase()];
+  if (params[type] === "state__group")
+    color = STATE_GROUP_COLORS[value.toLowerCase() as TStateGroups];
 
   if (params[type] === "priority") {
     const priority = value.toLowerCase();

From 8de93d00813cdbeeca787403cf12244122ddc0de Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 11 Sep 2023 12:13:00 +0530
Subject: [PATCH 75/81] chore: remove getServerSideProps (#2130)

---
 .../[workspace_slug]/[project_slug]/index.tsx | 15 ++----
 web/pages/installations/[provider]/index.tsx  | 53 ++++++-------------
 2 files changed, 19 insertions(+), 49 deletions(-)

diff --git a/space/pages/[workspace_slug]/[project_slug]/index.tsx b/space/pages/[workspace_slug]/[project_slug]/index.tsx
index 220a5b8c7..e50c01c18 100644
--- a/space/pages/[workspace_slug]/[project_slug]/index.tsx
+++ b/space/pages/[workspace_slug]/[project_slug]/index.tsx
@@ -1,7 +1,8 @@
-import useSWR from "swr";
-import type { GetServerSideProps } from "next";
-import { useRouter } from "next/router";
 import Head from "next/head";
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
 /// layouts
 import ProjectLayout from "layouts/project-layout";
 // components
@@ -39,12 +40,4 @@ const WorkspaceProjectPage = (props: any) => {
   );
 };
 
-// export const getServerSideProps: GetServerSideProps<any> = async ({ query: { workspace_slug, project_slug } }) => {
-//   const res = await fetch(
-//     `${process.env.NEXT_PUBLIC_API_BASE_URL}/api/public/workspaces/${workspace_slug}/project-boards/${project_slug}/settings/`
-//   );
-//   const project_settings = await res.json();
-//   return { props: { project_settings } };
-// };
-
 export default WorkspaceProjectPage;
diff --git a/web/pages/installations/[provider]/index.tsx b/web/pages/installations/[provider]/index.tsx
index 2becb1f88..ad5b5a284 100644
--- a/web/pages/installations/[provider]/index.tsx
+++ b/web/pages/installations/[provider]/index.tsx
@@ -1,37 +1,20 @@
 import React, { useEffect } from "react";
 
-// services
-import appinstallationsService from "services/app-installations.service";
-
-import useToast from "hooks/use-toast";
-
-// components
-import { Spinner } from "components/ui";
-
 import { useRouter } from "next/router";
 
-interface IGithuPostInstallationProps {
-  installation_id: string;
-  setup_action: string;
-  state: string;
-  provider: string;
-  code: string;
-}
+// services
+import appInstallationsService from "services/app-installations.service";
+// ui
+import { Spinner } from "components/ui";
 
-// TODO:Change getServerSideProps to router.query
-const AppPostInstallation = ({
-  installation_id,
-  setup_action,
-  state,
-  provider,
-  code,
-}: IGithuPostInstallationProps) => {
-  const { setToastAlert } = useToast();
+const AppPostInstallation = () => {
+  const router = useRouter();
+  const { installation_id, setup_action, state, provider, code } = router.query;
 
   useEffect(() => {
     if (provider === "github" && state && installation_id) {
-      appinstallationsService
-        .addInstallationApp(state, provider, { installation_id })
+      appInstallationsService
+        .addInstallationApp(state.toString(), provider, { installation_id })
         .then(() => {
           window.opener = null;
           window.open("", "_self");
@@ -41,10 +24,10 @@ const AppPostInstallation = ({
           console.log(err);
         });
     } else if (provider === "slack" && state && code) {
-      appinstallationsService
-        .getSlackAuthDetails(code)
+      appInstallationsService
+        .getSlackAuthDetails(code.toString())
         .then((res) => {
-          const [workspaceSlug, projectId, integrationId] = state.split(",");
+          const [workspaceSlug, projectId, integrationId] = state.toString().split(",");
 
           if (!projectId) {
             const payload = {
@@ -53,8 +36,8 @@ const AppPostInstallation = ({
               },
             };
 
-            appinstallationsService
-              .addInstallationApp(state, provider, payload)
+            appInstallationsService
+              .addInstallationApp(state.toString(), provider, payload)
               .then((r) => {
                 window.opener = null;
                 window.open("", "_self");
@@ -73,7 +56,7 @@ const AppPostInstallation = ({
               team_name: res.team.name,
               scopes: res.scope,
             };
-            appinstallationsService
+            appInstallationsService
               .addSlackChannel(workspaceSlug, projectId, integrationId, payload)
               .then((r) => {
                 window.opener = null;
@@ -99,10 +82,4 @@ const AppPostInstallation = ({
   );
 };
 
-export async function getServerSideProps(context: any) {
-  return {
-    props: context.query,
-  };
-}
-
 export default AppPostInstallation;

From 7842c4b2ea6221f90485e7e5df256032572ce4b3 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Mon, 11 Sep 2023 12:24:46 +0530
Subject: [PATCH 76/81] fix: authorize editor (#2122)

---
 web/layouts/web-view-layout/index.tsx  |   5 +-
 web/pages/m/[workspaceSlug]/editor.tsx | 104 +++++++++++++++++++++++++
 2 files changed, 107 insertions(+), 2 deletions(-)
 create mode 100644 web/pages/m/[workspaceSlug]/editor.tsx

diff --git a/web/layouts/web-view-layout/index.tsx b/web/layouts/web-view-layout/index.tsx
index 2fb46b9df..8a58407c3 100644
--- a/web/layouts/web-view-layout/index.tsx
+++ b/web/layouts/web-view-layout/index.tsx
@@ -15,6 +15,7 @@ import { Spinner } from "components/ui";
 
 type Props = {
   children: React.ReactNode;
+  fullScreen?: boolean;
 };
 
 const getIfInWebview = (userAgent: NavigatorID["userAgent"]) => {
@@ -30,7 +31,7 @@ const useMobileDetect = () => {
   return getIfInWebview(userAgent);
 };
 
-const WebViewLayout: React.FC<Props> = ({ children }) => {
+const WebViewLayout: React.FC<Props> = ({ children, fullScreen = true }) => {
   const { data: currentUser, error } = useSWR(CURRENT_USER, () => userService.currentUser());
 
   const isWebview = useMobileDetect();
@@ -47,7 +48,7 @@ const WebViewLayout: React.FC<Props> = ({ children }) => {
   }
 
   return (
-    <div className="h-screen w-full bg-custom-background-100">
+    <div className={fullScreen ? "h-screen w-full bg-custom-background-100" : ""}>
       {error || !isWebview ? (
         <div className="flex flex-col items-center justify-center gap-y-3 h-full text-center text-custom-text-200">
           <AlertCircle size={64} />
diff --git a/web/pages/m/[workspaceSlug]/editor.tsx b/web/pages/m/[workspaceSlug]/editor.tsx
new file mode 100644
index 000000000..296b05ac9
--- /dev/null
+++ b/web/pages/m/[workspaceSlug]/editor.tsx
@@ -0,0 +1,104 @@
+import { useEffect, useState } from "react";
+
+// next
+import type { NextPage } from "next";
+import { useRouter } from "next/router";
+
+// cookies
+import Cookies from "js-cookie";
+
+// react-hook-form
+import { Controller, useForm } from "react-hook-form";
+
+// layouts
+import WebViewLayout from "layouts/web-view-layout";
+
+// components
+import { TipTapEditor } from "components/tiptap";
+import { PrimaryButton, Spinner } from "components/ui";
+
+const Editor: NextPage = () => {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const router = useRouter();
+  const { workspaceSlug, editable } = router.query;
+
+  const isEditable = editable === "true";
+
+  const {
+    watch,
+    setValue,
+    control,
+    formState: { errors },
+  } = useForm({
+    defaultValues: {
+      data: "",
+      data_html: "",
+    },
+  });
+
+  useEffect(() => {
+    setIsLoading(true);
+    if (!isEditable) return;
+    setIsLoading(false);
+    const data_html = Cookies.get("data_html");
+    setValue("data_html", data_html ?? "");
+  }, [isEditable, setValue]);
+
+  return (
+    <WebViewLayout fullScreen={isLoading}>
+      {isLoading ? (
+        <div className="w-full h-full flex items-center justify-center">
+          <Spinner />
+        </div>
+      ) : (
+        <>
+          <Controller
+            name="data_html"
+            control={control}
+            render={({ field: { value, onChange } }) => (
+              <TipTapEditor
+                borderOnFocus={false}
+                value={
+                  !value ||
+                  value === "" ||
+                  (typeof value === "object" && Object.keys(value).length === 0)
+                    ? watch("data_html")
+                    : value
+                }
+                editable={isEditable}
+                noBorder={true}
+                workspaceSlug={workspaceSlug?.toString() ?? ""}
+                debouncedUpdatesEnabled={true}
+                customClassName="min-h-[150px] shadow-sm"
+                editorContentCustomClassNames="pb-9"
+                onChange={(description: Object, description_html: string) => {
+                  onChange(description_html);
+                  setValue("data_html", description_html);
+                  setValue("data", JSON.stringify(description));
+                }}
+              />
+            )}
+          />
+          {isEditable && (
+            <PrimaryButton
+              className="mt-4 w-[calc(100%-30px)] h-[45px] mx-[15px] text-[17px]"
+              onClick={() => {
+                console.log(
+                  "submitted",
+                  JSON.stringify({
+                    data_html: watch("data_html"),
+                  })
+                );
+              }}
+            >
+              Submit
+            </PrimaryButton>
+          )}
+        </>
+      )}
+    </WebViewLayout>
+  );
+};
+
+export default Editor;

From 4447a4b5191d9575c4718c667233ddaf1c87c1ac Mon Sep 17 00:00:00 2001
From: "M. Palanikannan" <73993394+Palanikannan1437@users.noreply.github.com>
Date: Mon, 11 Sep 2023 12:54:19 +0530
Subject: [PATCH 77/81] fix: Tiptap comment card fix for space (#2129)

* fix:(space) fixed comment card's editor integration

* regression: removed content being set twice

* chore: added controller to manage tiptap editor

* chore: remove unused functions

---------

Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>
---
 .../peek-overview/comment/comment-detail-card.tsx  | 14 +++++++++++---
 space/components/tiptap/index.tsx                  |  6 ------
 web/components/tiptap/index.tsx                    |  6 ------
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/space/components/issues/peek-overview/comment/comment-detail-card.tsx b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
index 7c785d988..0b4d2d5b0 100644
--- a/space/components/issues/peek-overview/comment/comment-detail-card.tsx
+++ b/space/components/issues/peek-overview/comment/comment-detail-card.tsx
@@ -3,7 +3,7 @@ import React, { useState } from "react";
 // mobx
 import { observer } from "mobx-react-lite";
 // react-hook-form
-import { useForm, Controller } from "react-hook-form";
+import { Controller, useForm } from "react-hook-form";
 // headless ui
 import { Menu, Transition } from "@headlessui/react";
 // lib
@@ -30,10 +30,13 @@ export const CommentCard: React.FC<Props> = observer((props) => {
   // states
   const [isEditing, setIsEditing] = useState(false);
 
+  const editorRef = React.useRef<any>(null);
+
+  const showEditorRef = React.useRef<any>(null);
   const {
+    control,
     formState: { isSubmitting },
     handleSubmit,
-    control,
   } = useForm<any>({
     defaultValues: { comment_html: comment.comment_html },
   });
@@ -47,6 +50,9 @@ export const CommentCard: React.FC<Props> = observer((props) => {
     if (!workspaceSlug || !issueDetailStore.peekId) return;
     issueDetailStore.updateIssueComment(workspaceSlug, comment.project, issueDetailStore.peekId, comment.id, formData);
     setIsEditing(false);
+
+    editorRef.current?.setEditorValue(formData.comment_html);
+    showEditorRef.current?.setEditorValue(formData.comment_html);
   };
 
   return (
@@ -96,6 +102,7 @@ export const CommentCard: React.FC<Props> = observer((props) => {
                 render={({ field: { onChange, value } }) => (
                   <TipTapEditor
                     workspaceSlug={workspaceSlug as string}
+                    ref={editorRef}
                     value={value}
                     debouncedUpdatesEnabled={false}
                     customClassName="min-h-[50px] p-3 shadow-sm"
@@ -125,7 +132,8 @@ export const CommentCard: React.FC<Props> = observer((props) => {
           </form>
           <div className={`${isEditing ? "hidden" : ""}`}>
             <TipTapEditor
-              workspaceSlug={workspaceSlug.toString()}
+              workspaceSlug={workspaceSlug as string}
+              ref={showEditorRef}
               value={comment.comment_html}
               editable={false}
               customClassName="text-xs border border-custom-border-200 bg-custom-background-100"
diff --git a/space/components/tiptap/index.tsx b/space/components/tiptap/index.tsx
index 28c8b1691..84f691c35 100644
--- a/space/components/tiptap/index.tsx
+++ b/space/components/tiptap/index.tsx
@@ -56,12 +56,6 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
     },
   });
 
-  useEffect(() => {
-    if (editor) {
-      editor.commands.setContent(value);
-    }
-  }, [value]);
-
   const editorRef: React.MutableRefObject<Editor | null> = useRef(null);
 
   useImperativeHandle(forwardedRef, () => ({
diff --git a/web/components/tiptap/index.tsx b/web/components/tiptap/index.tsx
index 28c8b1691..84f691c35 100644
--- a/web/components/tiptap/index.tsx
+++ b/web/components/tiptap/index.tsx
@@ -56,12 +56,6 @@ const Tiptap = (props: ITipTapRichTextEditor) => {
     },
   });
 
-  useEffect(() => {
-    if (editor) {
-      editor.commands.setContent(value);
-    }
-  }, [value]);
-
   const editorRef: React.MutableRefObject<Editor | null> = useRef(null);
 
   useImperativeHandle(forwardedRef, () => ({

From 1a37668f0b07ac1fc16a37b9de3decf0da013db0 Mon Sep 17 00:00:00 2001
From: Thomas <github@thomascauquil.fr>
Date: Mon, 11 Sep 2023 09:35:09 +0200
Subject: [PATCH 78/81] fix: husky was removed in commit #2086, but prepare
 still uses it (#2128)

---
 package.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/package.json b/package.json
index eb6a23994..793a1922f 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,6 @@
     "packages/*"
   ],
   "scripts": {
-    "prepare": "husky install",
     "build": "turbo run build",
     "dev": "turbo run dev",
     "start": "turbo run start",

From 991258084e0884fbdd2a11cb821cc6a083690855 Mon Sep 17 00:00:00 2001
From: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com>
Date: Mon, 11 Sep 2023 13:21:50 +0530
Subject: [PATCH 79/81] fix: query checking (#2137)

fix: the logic should be to check if object exist not if it's true or false
---
 web/pages/m/[workspaceSlug]/editor.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/web/pages/m/[workspaceSlug]/editor.tsx b/web/pages/m/[workspaceSlug]/editor.tsx
index 296b05ac9..2bfac63b8 100644
--- a/web/pages/m/[workspaceSlug]/editor.tsx
+++ b/web/pages/m/[workspaceSlug]/editor.tsx
@@ -25,12 +25,7 @@ const Editor: NextPage = () => {
 
   const isEditable = editable === "true";
 
-  const {
-    watch,
-    setValue,
-    control,
-    formState: { errors },
-  } = useForm({
+  const { watch, setValue, control } = useForm({
     defaultValues: {
       data: "",
       data_html: "",
@@ -39,11 +34,11 @@ const Editor: NextPage = () => {
 
   useEffect(() => {
     setIsLoading(true);
-    if (!isEditable) return;
+    if (!router?.query?.["editable"]) return;
     setIsLoading(false);
     const data_html = Cookies.get("data_html");
     setValue("data_html", data_html ?? "");
-  }, [isEditable, setValue]);
+  }, [isEditable, setValue, router]);
 
   return (
     <WebViewLayout fullScreen={isLoading}>

From 7bb73b74baf3ff02e39c678c8e773d2ad09c9bf2 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Mon, 11 Sep 2023 14:35:58 +0530
Subject: [PATCH 80/81] refactor: priority icon component (#2132)

---
 .../analytics/custom-analytics/table.tsx      |  8 ++--
 .../issue/change-issue-priority.tsx           | 12 +++---
 web/components/core/filters/filters-list.tsx  |  6 ++-
 .../core/views/board-view/board-header.tsx    |  6 +--
 web/components/core/views/issues-view.tsx     |  5 ++-
 .../core/views/list-view/single-list.tsx      |  5 ++-
 .../cycles/active-cycle-details.tsx           |  4 +-
 web/components/icons/priority-icon.tsx        | 41 ++++++++++---------
 web/components/inbox/filters-dropdown.tsx     |  4 +-
 web/components/inbox/filters-list.tsx         |  8 +++-
 web/components/inbox/inbox-issue-card.tsx     |  7 +---
 web/components/inbox/inbox-main-content.tsx   |  2 +-
 .../my-issues/my-issues-select-filters.tsx    |  4 +-
 .../issues/my-issues/my-issues-view.tsx       |  4 +-
 .../issues/peek-overview/issue-properties.tsx |  4 +-
 web/components/issues/select/priority.tsx     | 15 +++++--
 .../issues/sidebar-select/priority.tsx        | 12 +++---
 web/components/issues/sidebar.tsx             |  2 +-
 .../issues/view-select/priority.tsx           | 32 +++++++--------
 .../profile/profile-issues-view.tsx           |  4 +-
 web/components/views/select-filters.tsx       |  5 ++-
 .../web-view/issue-properties-detail.tsx      |  2 +-
 web/components/web-view/select-priority.tsx   |  8 ++--
 web/constants/project.ts                      |  4 +-
 .../archived-issues/[archivedIssueId].tsx     |  2 +-
 .../projects/[projectId]/issues/[issueId].tsx |  2 +-
 web/types/issues.d.ts                         |  4 +-
 27 files changed, 117 insertions(+), 95 deletions(-)

diff --git a/web/components/analytics/custom-analytics/table.tsx b/web/components/analytics/custom-analytics/table.tsx
index 75d1d7d40..5993bb63c 100644
--- a/web/components/analytics/custom-analytics/table.tsx
+++ b/web/components/analytics/custom-analytics/table.tsx
@@ -1,13 +1,13 @@
 // nivo
 import { BarDatum } from "@nivo/bar";
 // icons
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 // helpers
 import { generateBarColor, renderMonthAndYear } from "helpers/analytics.helper";
 // types
-import { IAnalyticsParams, IAnalyticsResponse } from "types";
+import { IAnalyticsParams, IAnalyticsResponse, TIssuePriorities } from "types";
 // constants
 import { ANALYTICS_X_AXIS_VALUES, ANALYTICS_Y_AXIS_VALUES, DATE_KEYS } from "constants/analytics";
 
@@ -53,7 +53,7 @@ export const AnalyticsTable: React.FC<Props> = ({ analytics, barGraphData, param
                     >
                       <div className="flex items-center gap-2">
                         {params.segment === "priority" ? (
-                          getPriorityIcon(key)
+                          <PriorityIcon priority={key as TIssuePriorities} />
                         ) : (
                           <span
                             className="h-3 w-3 flex-shrink-0 rounded"
@@ -91,7 +91,7 @@ export const AnalyticsTable: React.FC<Props> = ({ analytics, barGraphData, param
                     }`}
                   >
                     {params.x_axis === "priority" ? (
-                      getPriorityIcon(`${item.name}`)
+                      <PriorityIcon priority={item.name as TIssuePriorities} />
                     ) : (
                       <span
                         className="h-3 w-3 rounded"
diff --git a/web/components/command-palette/issue/change-issue-priority.tsx b/web/components/command-palette/issue/change-issue-priority.tsx
index 07ba210a6..e1c0d52af 100644
--- a/web/components/command-palette/issue/change-issue-priority.tsx
+++ b/web/components/command-palette/issue/change-issue-priority.tsx
@@ -1,5 +1,7 @@
-import { useRouter } from "next/router";
 import React, { Dispatch, SetStateAction, useCallback } from "react";
+
+import { useRouter } from "next/router";
+
 import { mutate } from "swr";
 
 // cmdk
@@ -7,12 +9,12 @@ import { Command } from "cmdk";
 // services
 import issuesService from "services/issues.service";
 // types
-import { ICurrentUserResponse, IIssue } from "types";
+import { ICurrentUserResponse, IIssue, TIssuePriorities } from "types";
 // constants
 import { ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 import { PRIORITIES } from "constants/project";
 // icons
-import { CheckIcon, getPriorityIcon } from "components/icons";
+import { CheckIcon, PriorityIcon } from "components/icons";
 
 type Props = {
   setIsPaletteOpen: Dispatch<SetStateAction<boolean>>;
@@ -54,7 +56,7 @@ export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue,
     [workspaceSlug, issueId, projectId, user]
   );
 
-  const handleIssueState = (priority: string | null) => {
+  const handleIssueState = (priority: TIssuePriorities) => {
     submitChanges({ priority });
     setIsPaletteOpen(false);
   };
@@ -68,7 +70,7 @@ export const ChangeIssuePriority: React.FC<Props> = ({ setIsPaletteOpen, issue,
           className="focus:outline-none"
         >
           <div className="flex items-center space-x-3">
-            {getPriorityIcon(priority)}
+            <PriorityIcon priority={priority} />
             <span className="capitalize">{priority ?? "None"}</span>
           </div>
           <div>{priority === issue.priority && <CheckIcon className="h-3 w-3" />}</div>
diff --git a/web/components/core/filters/filters-list.tsx b/web/components/core/filters/filters-list.tsx
index 10cd623f8..81a12bd86 100644
--- a/web/components/core/filters/filters-list.tsx
+++ b/web/components/core/filters/filters-list.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 // icons
 import { XMarkIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon, StateGroupIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
 // ui
 import { Avatar } from "components/ui";
 // helpers
@@ -136,7 +136,9 @@ export const FiltersList: React.FC<Props> = ({
                               : "bg-custom-background-90 text-custom-text-200"
                           }`}
                         >
-                          <span>{getPriorityIcon(priority)}</span>
+                          <span>
+                            <PriorityIcon priority={priority} />
+                          </span>
                           <span>{priority === "null" ? "None" : priority}</span>
                           <span
                             className="cursor-pointer"
diff --git a/web/components/core/views/board-view/board-header.tsx b/web/components/core/views/board-view/board-header.tsx
index a1c2804b6..144bdb826 100644
--- a/web/components/core/views/board-view/board-header.tsx
+++ b/web/components/core/views/board-view/board-header.tsx
@@ -13,12 +13,12 @@ import useProjects from "hooks/use-projects";
 import { Avatar, Icon } from "components/ui";
 // icons
 import { PlusIcon } from "@heroicons/react/24/outline";
-import { StateGroupIcon, getPriorityIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { renderEmoji } from "helpers/emoji.helper";
 // types
-import { IIssueViewProps, IState, TStateGroups } from "types";
+import { IIssueViewProps, IState, TIssuePriorities, TStateGroups } from "types";
 // fetch-keys
 import { PROJECT_ISSUE_LABELS, PROJECT_MEMBERS } from "constants/fetch-keys";
 // constants
@@ -119,7 +119,7 @@ export const BoardHeader: React.FC<Props> = ({
         );
         break;
       case "priority":
-        icon = getPriorityIcon(groupTitle, "text-lg");
+        icon = <PriorityIcon priority={groupTitle as TIssuePriorities} className="text-lg" />;
         break;
       case "project":
         const project = projects?.find((p) => p.id === groupTitle);
diff --git a/web/components/core/views/issues-view.tsx b/web/components/core/views/issues-view.tsx
index 755b37aa1..556c4d98e 100644
--- a/web/components/core/views/issues-view.tsx
+++ b/web/components/core/views/issues-view.tsx
@@ -29,7 +29,7 @@ import { PlusIcon } from "@heroicons/react/24/outline";
 import { getStatesList } from "helpers/state.helper";
 import { orderArrayBy } from "helpers/array.helper";
 // types
-import { IIssue, IIssueFilterOptions, IState } from "types";
+import { IIssue, IIssueFilterOptions, IState, TIssuePriorities } from "types";
 // fetch-keys
 import {
   CYCLE_DETAILS,
@@ -184,7 +184,8 @@ export const IssuesView: React.FC<Props> = ({
           // if the issue is moved to a different group, then we will change the group of the
           // dragged item(or issue)
 
-          if (selectedGroup === "priority") draggedItem.priority = destinationGroup;
+          if (selectedGroup === "priority")
+            draggedItem.priority = destinationGroup as TIssuePriorities;
           else if (selectedGroup === "state") {
             draggedItem.state = destinationGroup;
             draggedItem.state_detail = states?.find((s) => s.id === destinationGroup) as IState;
diff --git a/web/components/core/views/list-view/single-list.tsx b/web/components/core/views/list-view/single-list.tsx
index a005feef5..14829adc4 100644
--- a/web/components/core/views/list-view/single-list.tsx
+++ b/web/components/core/views/list-view/single-list.tsx
@@ -15,7 +15,7 @@ import { SingleListIssue } from "components/core";
 import { Avatar, CustomMenu } from "components/ui";
 // icons
 import { PlusIcon } from "@heroicons/react/24/outline";
-import { StateGroupIcon, getPriorityIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 import { renderEmoji } from "helpers/emoji.helper";
@@ -26,6 +26,7 @@ import {
   IIssueLabels,
   IIssueViewProps,
   IState,
+  TIssuePriorities,
   TStateGroups,
   UserAuth,
 } from "types";
@@ -134,7 +135,7 @@ export const SingleList: React.FC<Props> = ({
         );
         break;
       case "priority":
-        icon = getPriorityIcon(groupTitle, "text-lg");
+        icon = <PriorityIcon priority={groupTitle as TIssuePriorities} className="text-lg" />;
         break;
       case "project":
         const project = projects?.find((p) => p.id === groupTitle);
diff --git a/web/components/cycles/active-cycle-details.tsx b/web/components/cycles/active-cycle-details.tsx
index a2af4b289..062dd57e7 100644
--- a/web/components/cycles/active-cycle-details.tsx
+++ b/web/components/cycles/active-cycle-details.tsx
@@ -19,7 +19,7 @@ import { ActiveCycleProgressStats } from "components/cycles";
 
 // icons
 import { CalendarDaysIcon } from "@heroicons/react/20/solid";
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
 import {
   TargetIcon,
   ContrastIcon,
@@ -477,7 +477,7 @@ export const ActiveCycleDetails: React.FC = () => {
                               : "border-orange-500/20 bg-orange-500/20 text-orange-500"
                           }`}
                         >
-                          {getPriorityIcon(issue.priority, "text-sm")}
+                          <PriorityIcon priority={issue.priority} className="text-sm" />
                         </div>
                         <ViewIssueLabel labelDetails={issue.label_details} maxRender={2} />
                         <div className={`flex items-center gap-2 text-custom-text-200`}>
diff --git a/web/components/icons/priority-icon.tsx b/web/components/icons/priority-icon.tsx
index 58212ca5a..8473e264b 100644
--- a/web/components/icons/priority-icon.tsx
+++ b/web/components/icons/priority-icon.tsx
@@ -1,22 +1,25 @@
-export const getPriorityIcon = (priority: string | null, className?: string) => {
+// types
+import { TIssuePriorities } from "types";
+
+type Props = {
+  priority: TIssuePriorities | null;
+  className?: string;
+};
+
+export const PriorityIcon: React.FC<Props> = ({ priority, className = "" }) => {
   if (!className || className === "") className = "text-xs flex items-center";
 
-  priority = priority?.toLowerCase() ?? null;
-
-  switch (priority) {
-    case "urgent":
-      return <span className={`material-symbols-rounded ${className}`}>error</span>;
-    case "high":
-      return <span className={`material-symbols-rounded ${className}`}>signal_cellular_alt</span>;
-    case "medium":
-      return (
-        <span className={`material-symbols-rounded ${className}`}>signal_cellular_alt_2_bar</span>
-      );
-    case "low":
-      return (
-        <span className={`material-symbols-rounded ${className}`}>signal_cellular_alt_1_bar</span>
-      );
-    default:
-      return <span className={`material-symbols-rounded ${className}`}>block</span>;
-  }
+  return (
+    <span className={`material-symbols-rounded ${className}`}>
+      {priority === "urgent"
+        ? "error"
+        : priority === "high"
+        ? "signal_cellular_alt"
+        : priority === "medium"
+        ? "signal_cellular_alt_2_bar"
+        : priority === "low"
+        ? "signal_cellular_alt_1_bar"
+        : "block"}
+    </span>
+  );
 };
diff --git a/web/components/inbox/filters-dropdown.tsx b/web/components/inbox/filters-dropdown.tsx
index 7bb601949..9220db899 100644
--- a/web/components/inbox/filters-dropdown.tsx
+++ b/web/components/inbox/filters-dropdown.tsx
@@ -3,7 +3,7 @@ import useInboxView from "hooks/use-inbox-view";
 // ui
 import { MultiLevelDropdown } from "components/ui";
 // icons
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
 // constants
 import { PRIORITIES } from "constants/project";
 import { INBOX_STATUS } from "constants/inbox";
@@ -42,7 +42,7 @@ export const FiltersDropdown: React.FC = () => {
               id: priority === null ? "null" : priority,
               label: (
                 <div className="flex items-center gap-2 capitalize">
-                  {getPriorityIcon(priority)} {priority ?? "None"}
+                  <PriorityIcon priority={priority} /> {priority ?? "None"}
                 </div>
               ),
               value: {
diff --git a/web/components/inbox/filters-list.tsx b/web/components/inbox/filters-list.tsx
index 503c4ab04..7d07fb8d4 100644
--- a/web/components/inbox/filters-list.tsx
+++ b/web/components/inbox/filters-list.tsx
@@ -2,9 +2,11 @@
 import useInboxView from "hooks/use-inbox-view";
 // icons
 import { XMarkIcon } from "@heroicons/react/24/outline";
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
 // helpers
 import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper";
+// types
+import { TIssuePriorities } from "types";
 // constants
 import { INBOX_STATUS } from "constants/inbox";
 
@@ -48,7 +50,9 @@ export const InboxFiltersList = () => {
                               : "bg-custom-background-90 text-custom-text-200"
                           }`}
                         >
-                          <span>{getPriorityIcon(priority)}</span>
+                          <span>
+                            <PriorityIcon priority={priority as TIssuePriorities} />
+                          </span>
                           <button
                             type="button"
                             className="cursor-pointer"
diff --git a/web/components/inbox/inbox-issue-card.tsx b/web/components/inbox/inbox-issue-card.tsx
index 9cc8deb76..f23a4ca6e 100644
--- a/web/components/inbox/inbox-issue-card.tsx
+++ b/web/components/inbox/inbox-issue-card.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 // ui
 import { Tooltip } from "components/ui";
 // icons
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
 import {
   CalendarDaysIcon,
   CheckCircleIcon,
@@ -65,10 +65,7 @@ export const InboxIssueCard: React.FC<Props> = (props) => {
                     : "border-custom-border-200"
                 }`}
               >
-                {getPriorityIcon(
-                  issue.priority && issue.priority !== "" ? issue.priority ?? "" : "None",
-                  "text-sm"
-                )}
+                <PriorityIcon priority={issue.priority ?? null} className="text-sm" />
               </div>
             </Tooltip>
             <Tooltip
diff --git a/web/components/inbox/inbox-main-content.tsx b/web/components/inbox/inbox-main-content.tsx
index 6d4a4337c..6c0960729 100644
--- a/web/components/inbox/inbox-main-content.tsx
+++ b/web/components/inbox/inbox-main-content.tsx
@@ -35,7 +35,7 @@ import type { IInboxIssue, IIssue } from "types";
 // fetch-keys
 import { INBOX_ISSUES, INBOX_ISSUE_DETAILS, PROJECT_ISSUES_ACTIVITY } from "constants/fetch-keys";
 
-const defaultValues = {
+const defaultValues: Partial<IInboxIssue> = {
   name: "",
   description_html: "",
   estimate_point: null,
diff --git a/web/components/issues/my-issues/my-issues-select-filters.tsx b/web/components/issues/my-issues/my-issues-select-filters.tsx
index 87aa36b9b..ce8e03797 100644
--- a/web/components/issues/my-issues/my-issues-select-filters.tsx
+++ b/web/components/issues/my-issues/my-issues-select-filters.tsx
@@ -11,7 +11,7 @@ import { DateFilterModal } from "components/core";
 // ui
 import { MultiLevelDropdown } from "components/ui";
 // icons
-import { StateGroupIcon, getPriorityIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
 // helpers
 import { checkIfArraysHaveSameElements } from "helpers/array.helper";
 // types
@@ -83,7 +83,7 @@ export const MyIssuesSelectFilters: React.FC<Props> = ({
                 id: priority === null ? "null" : priority,
                 label: (
                   <div className="flex items-center gap-2 capitalize">
-                    {getPriorityIcon(priority)} {priority ?? "None"}
+                    <PriorityIcon priority={priority} /> {priority ?? "None"}
                   </div>
                 ),
                 value: {
diff --git a/web/components/issues/my-issues/my-issues-view.tsx b/web/components/issues/my-issues/my-issues-view.tsx
index 3500e69e7..a66f4618b 100644
--- a/web/components/issues/my-issues/my-issues-view.tsx
+++ b/web/components/issues/my-issues/my-issues-view.tsx
@@ -18,7 +18,7 @@ import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
 // helpers
 import { orderArrayBy } from "helpers/array.helper";
 // types
-import { IIssue, IIssueFilterOptions } from "types";
+import { IIssue, IIssueFilterOptions, TIssuePriorities } from "types";
 // fetch-keys
 import { USER_ISSUES, WORKSPACE_LABELS } from "constants/fetch-keys";
 import { PlusIcon } from "@heroicons/react/24/outline";
@@ -96,7 +96,7 @@ export const MyIssuesView: React.FC<Props> = ({
         const sourceGroup = source.droppableId;
         const destinationGroup = destination.droppableId;
 
-        draggedItem[groupBy] = destinationGroup;
+        draggedItem[groupBy] = destinationGroup as TIssuePriorities;
 
         mutate<{
           [key: string]: IIssue[];
diff --git a/web/components/issues/peek-overview/issue-properties.tsx b/web/components/issues/peek-overview/issue-properties.tsx
index 98aa98316..d001634fc 100644
--- a/web/components/issues/peek-overview/issue-properties.tsx
+++ b/web/components/issues/peek-overview/issue-properties.tsx
@@ -19,7 +19,7 @@ import { CustomDatePicker, Icon } from "components/ui";
 // helpers
 import { copyTextToClipboard } from "helpers/string.helper";
 // types
-import { IIssue } from "types";
+import { IIssue, TIssuePriorities } from "types";
 
 type Props = {
   handleDeleteIssue: () => void;
@@ -117,7 +117,7 @@ export const PeekOverviewIssueProperties: React.FC<Props> = ({
           <div className="w-3/4">
             <SidebarPrioritySelect
               value={issue.priority}
-              onChange={(val: string) => handleUpdateIssue({ priority: val })}
+              onChange={(val) => handleUpdateIssue({ priority: val })}
               disabled={readOnly}
             />
           </div>
diff --git a/web/components/issues/select/priority.tsx b/web/components/issues/select/priority.tsx
index b734e6a90..6a2a07cbd 100644
--- a/web/components/issues/select/priority.tsx
+++ b/web/components/issues/select/priority.tsx
@@ -3,12 +3,14 @@ import React from "react";
 // ui
 import { CustomSelect } from "components/ui";
 // icons
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
+// types
+import { TIssuePriorities } from "types";
 // constants
 import { PRIORITIES } from "constants/project";
 
 type Props = {
-  value: string | null;
+  value: TIssuePriorities;
   onChange: (value: string) => void;
 };
 
@@ -18,7 +20,10 @@ export const IssuePrioritySelect: React.FC<Props> = ({ value, onChange }) => (
     label={
       <div className="flex items-center justify-center gap-2 text-xs">
         <span className="flex items-center">
-          {getPriorityIcon(value, `text-xs ${value ? "" : "text-custom-text-200"}`)}
+          <PriorityIcon
+            priority={value}
+            className={`text-xs ${value ? "" : "text-custom-text-200"}`}
+          />
         </span>
         <span className={`${value ? "" : "text-custom-text-200"} capitalize`}>
           {value ?? "Priority"}
@@ -32,7 +37,9 @@ export const IssuePrioritySelect: React.FC<Props> = ({ value, onChange }) => (
       <CustomSelect.Option key={priority} value={priority}>
         <div className="flex w-full justify-between gap-2 rounded">
           <div className="flex items-center justify-start gap-2">
-            <span>{getPriorityIcon(priority)}</span>
+            <span>
+              <PriorityIcon priority={priority} />
+            </span>
             <span className="capitalize">{priority ?? "None"}</span>
           </div>
         </div>
diff --git a/web/components/issues/sidebar-select/priority.tsx b/web/components/issues/sidebar-select/priority.tsx
index 67ae5133d..543f79707 100644
--- a/web/components/issues/sidebar-select/priority.tsx
+++ b/web/components/issues/sidebar-select/priority.tsx
@@ -3,13 +3,15 @@ import React from "react";
 // ui
 import { CustomSelect } from "components/ui";
 // icons
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
+// types
+import { TIssuePriorities } from "types";
 // constants
 import { PRIORITIES } from "constants/project";
 
 type Props = {
-  value: string | null;
-  onChange: (val: string) => void;
+  value: TIssuePriorities;
+  onChange: (val: TIssuePriorities) => void;
   disabled?: boolean;
 };
 
@@ -31,7 +33,7 @@ export const SidebarPrioritySelect: React.FC<Props> = ({ value, onChange, disabl
         }`}
       >
         <span className="grid place-items-center -my-1">
-          {getPriorityIcon(value ?? "None", "!text-sm")}
+          <PriorityIcon priority={value} className="!text-sm" />
         </span>
         <span>{value ?? "None"}</span>
       </button>
@@ -44,7 +46,7 @@ export const SidebarPrioritySelect: React.FC<Props> = ({ value, onChange, disabl
     {PRIORITIES.map((option) => (
       <CustomSelect.Option key={option} value={option} className="capitalize">
         <>
-          {getPriorityIcon(option, "text-sm")}
+          <PriorityIcon priority={option} className="text-sm" />
           {option ?? "None"}
         </>
       </CustomSelect.Option>
diff --git a/web/components/issues/sidebar.tsx b/web/components/issues/sidebar.tsx
index 4bdd30137..a33d17705 100644
--- a/web/components/issues/sidebar.tsx
+++ b/web/components/issues/sidebar.tsx
@@ -401,7 +401,7 @@ export const IssueDetailsSidebar: React.FC<Props> = ({
                         render={({ field: { value } }) => (
                           <SidebarPrioritySelect
                             value={value}
-                            onChange={(val: string) => submitChanges({ priority: val })}
+                            onChange={(val) => submitChanges({ priority: val })}
                             disabled={memberRole.isGuest || memberRole.isViewer || uneditable}
                           />
                         )}
diff --git a/web/components/issues/view-select/priority.tsx b/web/components/issues/view-select/priority.tsx
index f9872729c..1bdbf3428 100644
--- a/web/components/issues/view-select/priority.tsx
+++ b/web/components/issues/view-select/priority.tsx
@@ -2,18 +2,18 @@ import React from "react";
 
 import { useRouter } from "next/router";
 
+// services
+import trackEventServices from "services/track-event.service";
 // ui
 import { CustomSelect, Tooltip } from "components/ui";
 // icons
-import { getPriorityIcon } from "components/icons/priority-icon";
+import { PriorityIcon } from "components/icons/priority-icon";
+// helpers
+import { capitalizeFirstLetter } from "helpers/string.helper";
 // types
-import { ICurrentUserResponse, IIssue } from "types";
+import { ICurrentUserResponse, IIssue, TIssuePriorities } from "types";
 // constants
 import { PRIORITIES } from "constants/project";
-// services
-import trackEventServices from "services/track-event.service";
-// helper
-import { capitalizeFirstLetter } from "helpers/string.helper";
 
 type Props = {
   issue: IIssue;
@@ -42,7 +42,7 @@ export const ViewPrioritySelect: React.FC<Props> = ({
   return (
     <CustomSelect
       value={issue.priority}
-      onChange={(data: string) => {
+      onChange={(data: TIssuePriorities) => {
         partialUpdateIssue({ priority: data }, issue);
         trackEventServices.trackIssuePartialPropertyUpdateEvent(
           {
@@ -77,9 +77,9 @@ export const ViewPrioritySelect: React.FC<Props> = ({
             position={tooltipPosition}
           >
             <span className="flex gap-1 items-center text-custom-text-200 text-xs">
-              {getPriorityIcon(
-                issue.priority && issue.priority !== "" ? issue.priority ?? "" : "None",
-                `text-sm ${
+              <PriorityIcon
+                priority={issue.priority}
+                className={`text-sm ${
                   issue.priority === "urgent"
                     ? "text-white"
                     : issue.priority === "high"
@@ -89,13 +89,9 @@ export const ViewPrioritySelect: React.FC<Props> = ({
                     : issue.priority === "low"
                     ? "text-green-500"
                     : "text-custom-text-200"
-                }`
-              )}
-              {noBorder
-                ? issue.priority && issue.priority !== ""
-                  ? capitalizeFirstLetter(issue.priority) ?? ""
-                  : "None"
-                : ""}
+                }`}
+              />
+              {noBorder ? capitalizeFirstLetter(issue.priority ?? "None") : ""}
             </span>
           </Tooltip>
         </button>
@@ -108,7 +104,7 @@ export const ViewPrioritySelect: React.FC<Props> = ({
       {PRIORITIES?.map((priority) => (
         <CustomSelect.Option key={priority} value={priority} className="capitalize">
           <>
-            {getPriorityIcon(priority, "text-sm")}
+            <PriorityIcon priority={priority} className="text-sm" />
             {priority ?? "None"}
           </>
         </CustomSelect.Option>
diff --git a/web/components/profile/profile-issues-view.tsx b/web/components/profile/profile-issues-view.tsx
index 353b55ae2..f4d75974e 100644
--- a/web/components/profile/profile-issues-view.tsx
+++ b/web/components/profile/profile-issues-view.tsx
@@ -18,7 +18,7 @@ import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
 // helpers
 import { orderArrayBy } from "helpers/array.helper";
 // types
-import { IIssue, IIssueFilterOptions } from "types";
+import { IIssue, IIssueFilterOptions, TIssuePriorities } from "types";
 // fetch-keys
 import { USER_PROFILE_PROJECT_SEGREGATION, WORKSPACE_LABELS } from "constants/fetch-keys";
 
@@ -108,7 +108,7 @@ export const ProfileIssuesView = () => {
         const sourceGroup = source.droppableId;
         const destinationGroup = destination.droppableId;
 
-        draggedItem[groupByProperty] = destinationGroup;
+        draggedItem[groupByProperty] = destinationGroup as TIssuePriorities;
 
         mutateProfileIssues((prevData: any) => {
           if (!prevData) return prevData;
diff --git a/web/components/views/select-filters.tsx b/web/components/views/select-filters.tsx
index 77ef80682..52671f41f 100644
--- a/web/components/views/select-filters.tsx
+++ b/web/components/views/select-filters.tsx
@@ -13,7 +13,7 @@ import { DateFilterModal } from "components/core";
 // ui
 import { Avatar, MultiLevelDropdown } from "components/ui";
 // icons
-import { StateGroupIcon, getPriorityIcon } from "components/icons";
+import { PriorityIcon, StateGroupIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 import { checkIfArraysHaveSameElements } from "helpers/array.helper";
@@ -99,7 +99,8 @@ export const SelectFilters: React.FC<Props> = ({
               id: priority === null ? "null" : priority,
               label: (
                 <div className="flex items-center gap-2 capitalize">
-                  {getPriorityIcon(priority)} {priority ?? "None"}
+                  <PriorityIcon priority={priority} />
+                  {priority ?? "None"}
                 </div>
               ),
               value: {
diff --git a/web/components/web-view/issue-properties-detail.tsx b/web/components/web-view/issue-properties-detail.tsx
index 6a247365b..2fe0356f5 100644
--- a/web/components/web-view/issue-properties-detail.tsx
+++ b/web/components/web-view/issue-properties-detail.tsx
@@ -109,7 +109,7 @@ export const IssuePropertiesDetail: React.FC<Props> = (props) => {
               render={({ field: { value } }) => (
                 <PrioritySelect
                   value={value}
-                  onChange={(val: string) => submitChanges({ priority: val })}
+                  onChange={(val) => submitChanges({ priority: val })}
                 />
               )}
             />
diff --git a/web/components/web-view/select-priority.tsx b/web/components/web-view/select-priority.tsx
index 87067bc7d..ce7eef343 100644
--- a/web/components/web-view/select-priority.tsx
+++ b/web/components/web-view/select-priority.tsx
@@ -8,15 +8,17 @@ import { ChevronDown } from "lucide-react";
 import { PRIORITIES } from "constants/project";
 
 // components
-import { getPriorityIcon } from "components/icons";
+import { PriorityIcon } from "components/icons";
 import { WebViewModal } from "./web-view-modal";
 
 // helpers
 import { capitalizeFirstLetter } from "helpers/string.helper";
+// types
+import { TIssuePriorities } from "types";
 
 type Props = {
   value: any;
-  onChange: (value: any) => void;
+  onChange: (value: TIssuePriorities) => void;
   disabled?: boolean;
 };
 
@@ -59,7 +61,7 @@ export const PrioritySelect: React.FC<Props> = (props) => {
                       : "border-custom-border-200 text-custom-text-200"
                   }`}
                 >
-                  {getPriorityIcon(priority, "text-sm")}
+                  <PriorityIcon priority={priority} className="text-sm" />
                 </span>
               ),
             })) || []
diff --git a/web/constants/project.ts b/web/constants/project.ts
index 374ce26b9..1a366ead6 100644
--- a/web/constants/project.ts
+++ b/web/constants/project.ts
@@ -1,3 +1,5 @@
+import { TIssuePriorities } from "types";
+
 export const NETWORK_CHOICES: { key: 0 | 2; label: string; icon: string }[] = [
   {
     key: 0,
@@ -19,7 +21,7 @@ export const GROUP_CHOICES = {
   cancelled: "Cancelled",
 };
 
-export const PRIORITIES = ["urgent", "high", "medium", "low", null];
+export const PRIORITIES: TIssuePriorities[] = ["urgent", "high", "medium", "low", null];
 
 export const MONTHS = [
   "January",
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
index a48207db3..e4a1c37b2 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/archived-issues/[archivedIssueId].tsx
@@ -26,7 +26,7 @@ import { PROJECT_ISSUES_ACTIVITY, ISSUE_DETAILS } from "constants/fetch-keys";
 // helper
 import { truncateText } from "helpers/string.helper";
 
-const defaultValues = {
+const defaultValues: Partial<IIssue> = {
   name: "",
   description: "",
   description_html: "",
diff --git a/web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx b/web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
index 916c0141e..c40f936de 100644
--- a/web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
+++ b/web/pages/[workspaceSlug]/projects/[projectId]/issues/[issueId].tsx
@@ -27,7 +27,7 @@ import { PROJECT_ISSUES_ACTIVITY, ISSUE_DETAILS } from "constants/fetch-keys";
 // helper
 import { truncateText } from "helpers/string.helper";
 
-const defaultValues = {
+const defaultValues: Partial<IIssue> = {
   assignees_list: [],
   description: "",
   description_html: "",
diff --git a/web/types/issues.d.ts b/web/types/issues.d.ts
index 93e1598f3..cdc0a391a 100644
--- a/web/types/issues.d.ts
+++ b/web/types/issues.d.ts
@@ -102,7 +102,7 @@ export interface IIssue {
   name: string;
   parent: string | null;
   parent_detail: IIssueParent | null;
-  priority: string | null;
+  priority: TIssuePriorities;
   project: string;
   project_detail: IProjectLite;
   sequence_id: number;
@@ -294,3 +294,5 @@ export interface IIssueViewProps {
   properties: Properties;
   showEmptyGroups: boolean;
 }
+
+export type TIssuePriorities = "urgent" | "high" | "medium" | "low" | null;

From 6867154963ba19b681ec65e1e2340e838b2a9614 Mon Sep 17 00:00:00 2001
From: Henit Chobisa <chobisa.henit@gmail.com>
Date: Mon, 11 Sep 2023 18:02:56 +0530
Subject: [PATCH 81/81] chore: added pre-release tag for workflow publications
 (#2133)

* chore: added pre-release tag for workflow publications

* chore: added backend services under a single image

* chore: exposed backend port for compose hub

* chore: removed backend exposed ports
---
 .github/workflows/Update_Docker_Images.yml | 2 +-
 docker-compose-hub.yml                     | 4 ++--
 docker-compose.yml                         | 2 --
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/Update_Docker_Images.yml b/.github/workflows/Update_Docker_Images.yml
index 57dbb4a67..64b7eb085 100644
--- a/.github/workflows/Update_Docker_Images.yml
+++ b/.github/workflows/Update_Docker_Images.yml
@@ -2,7 +2,7 @@ name: Update Docker Images for Plane on Release
 
 on:
   release:
-    types: [released]
+    types: [released, prereleased]
 
 jobs:
   build_push_backend:
diff --git a/docker-compose-hub.yml b/docker-compose-hub.yml
index 56dbbe670..0e42c83a8 100644
--- a/docker-compose-hub.yml
+++ b/docker-compose-hub.yml
@@ -85,7 +85,7 @@ services:
 
         plane-worker:
                 container_name: planebgworker
-                image: makeplane/plane-worker:latest
+                image: makeplane/plane-backend:latest
                 restart: always
                 command: ./bin/worker
                 env_file:
@@ -99,7 +99,7 @@ services:
 
         plane-beat-worker:
                 container_name: planebeatworker
-                image: makeplane/plane-worker:latest
+                image: makeplane/plane-backend:latest
                 restart: always
                 command: ./bin/beat
                 env_file:
diff --git a/docker-compose.yml b/docker-compose.yml
index e51f88c55..cf631face 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -90,8 +90,6 @@ services:
         DOCKER_BUILDKIT: 1
     restart: always
     command: ./bin/takeoff
-    ports:
-      - 8000:8000
     env_file:
       - .env
     environment: