From f87bb95236311d7600584b6701df7447b635cade Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 26 Apr 2024 18:27:32 +0530
Subject: [PATCH 1/5] chore: clear search term on escape key (#4289)

---
 web/components/command-palette/command-modal.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/command-palette/command-modal.tsx b/web/components/command-palette/command-modal.tsx
index aa36eabed7..29734efc9d 100644
--- a/web/components/command-palette/command-modal.tsx
+++ b/web/components/command-palette/command-modal.tsx
@@ -178,7 +178,9 @@ export const CommandModal: React.FC = observer(() => {
                       return 0;
                     }}
                     onKeyDown={(e) => {
-                      // when search is empty and page is undefined
+                      // when search term is not empty, esc should clear the search term
+                      if (e.key === "Escape" && searchTerm) setSearchTerm("");
+
                       // when user tries to close the modal with esc
                       if (e.key === "Escape" && !page && !searchTerm) closePalette();
 

From ad27184a91a72905a4b32a9f6b3ad7cea43d8475 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 26 Apr 2024 18:29:18 +0530
Subject: [PATCH 2/5] [WEB-1072] fix: pages UI improvements (#4294)

* fix: outline alignment

* fix: textarea auto-resize logic
---
 packages/ui/src/form-fields/textarea.tsx      |  2 +-
 .../ui/src/hooks/use-auto-resize-textarea.ts  | 30 +++++++------------
 .../editor/summary/heading-components.tsx     |  6 ++--
 web/components/pages/editor/title.tsx         | 11 +++++--
 web/components/pages/list/block.tsx           |  2 +-
 5 files changed, 25 insertions(+), 26 deletions(-)

diff --git a/packages/ui/src/form-fields/textarea.tsx b/packages/ui/src/form-fields/textarea.tsx
index 2c47a65f57..e6927a9682 100644
--- a/packages/ui/src/form-fields/textarea.tsx
+++ b/packages/ui/src/form-fields/textarea.tsx
@@ -15,7 +15,7 @@ const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>((props, re
   // refs
   const textAreaRef = useRef<any>(ref);
   // auto re-size
-  useAutoResizeTextArea(textAreaRef);
+  useAutoResizeTextArea(textAreaRef, value);
 
   return (
     <textarea
diff --git a/packages/ui/src/hooks/use-auto-resize-textarea.ts b/packages/ui/src/hooks/use-auto-resize-textarea.ts
index a1b907a608..326319f24e 100644
--- a/packages/ui/src/hooks/use-auto-resize-textarea.ts
+++ b/packages/ui/src/hooks/use-auto-resize-textarea.ts
@@ -1,24 +1,16 @@
-import { useEffect } from "react";
+import { useLayoutEffect } from "react";
 
-export const useAutoResizeTextArea = (textAreaRef: React.RefObject<HTMLTextAreaElement>) => {
-  useEffect(() => {
+export const useAutoResizeTextArea = (
+  textAreaRef: React.RefObject<HTMLTextAreaElement>,
+  value: string | number | readonly string[]
+) => {
+  useLayoutEffect(() => {
     const textArea = textAreaRef.current;
     if (!textArea) return;
 
-    const resizeTextArea = () => {
-      textArea.style.height = "auto";
-      const computedHeight = textArea.scrollHeight + "px";
-      textArea.style.height = computedHeight;
-    };
-
-    const handleInput = () => resizeTextArea();
-
-    // resize on mount
-    resizeTextArea();
-
-    textArea.addEventListener("input", handleInput);
-    return () => {
-      textArea.removeEventListener("input", handleInput);
-    };
-  }, [textAreaRef]);
+    // We need to reset the height momentarily to get the correct scrollHeight for the textarea
+    textArea.style.height = "0px";
+    const scrollHeight = textArea.scrollHeight;
+    textArea.style.height = scrollHeight + "px";
+  }, [textAreaRef, value]);
 };
diff --git a/web/components/pages/editor/summary/heading-components.tsx b/web/components/pages/editor/summary/heading-components.tsx
index a8eade6fc7..6807f36b79 100644
--- a/web/components/pages/editor/summary/heading-components.tsx
+++ b/web/components/pages/editor/summary/heading-components.tsx
@@ -10,7 +10,7 @@ export const OutlineHeading1 = ({ marking, onClick }: HeadingProps) => (
   <button
     type="button"
     onClick={onClick}
-    className="ml-4 cursor-pointer text-sm font-medium text-custom-text-400 hover:text-custom-primary-100 max-md:ml-2.5"
+    className="text-sm text-left font-medium text-custom-text-300 hover:text-custom-primary-100"
   >
     {marking.text}
   </button>
@@ -20,7 +20,7 @@ export const OutlineHeading2 = ({ marking, onClick }: HeadingProps) => (
   <button
     type="button"
     onClick={onClick}
-    className="ml-6 cursor-pointer text-xs font-medium text-custom-text-400 hover:text-custom-primary-100"
+    className="ml-2 text-xs text-left font-medium text-custom-text-300 hover:text-custom-primary-100"
   >
     {marking.text}
   </button>
@@ -30,7 +30,7 @@ export const OutlineHeading3 = ({ marking, onClick }: HeadingProps) => (
   <button
     type="button"
     onClick={onClick}
-    className="ml-8 cursor-pointer text-xs font-medium text-custom-text-400 hover:text-custom-primary-100"
+    className="ml-4 text-xs text-left font-medium text-custom-text-300 hover:text-custom-primary-100"
   >
     {marking.text}
   </button>
diff --git a/web/components/pages/editor/title.tsx b/web/components/pages/editor/title.tsx
index b5b06069fa..cb7d432e07 100644
--- a/web/components/pages/editor/title.tsx
+++ b/web/components/pages/editor/title.tsx
@@ -22,12 +22,19 @@ export const PageEditorTitle: React.FC<Props> = observer((props) => {
   return (
     <>
       {readOnly ? (
-        <h6 className="-mt-2 break-words bg-transparent text-4xl font-bold">{title}</h6>
+        <h6
+          className="break-words bg-transparent text-4xl font-bold"
+          style={{
+            lineHeight: "1.2",
+          }}
+        >
+          {title}
+        </h6>
       ) : (
         <>
           <TextArea
             onChange={(e) => updateTitle(e.target.value)}
-            className="-mt-2 w-full bg-custom-background text-4xl font-bold outline-none p-0 border-none resize-none rounded-none"
+            className="w-full bg-custom-background text-4xl font-bold outline-none p-0 border-none resize-none rounded-none"
             style={{
               lineHeight: "1.2",
             }}
diff --git a/web/components/pages/list/block.tsx b/web/components/pages/list/block.tsx
index 73e286546f..82a7cedc29 100644
--- a/web/components/pages/list/block.tsx
+++ b/web/components/pages/list/block.tsx
@@ -51,7 +51,7 @@ export const PageListBlock: FC<TPageListBlock> = observer((props) => {
     >
       {/* page title */}
       <Tooltip tooltipHeading="Title" tooltipContent={name}>
-        <h5 className="text-base font-semibold truncate">{name}</h5>
+        <h5 className="text-base font-medium truncate">{name}</h5>
       </Tooltip>
 
       {/* page properties */}

From 0605b5f60c25128ff89fe65e546397eeecac89e1 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 26 Apr 2024 18:30:02 +0530
Subject: [PATCH 3/5] chore: show sub-issue option added in profile display
 filter (#4295)

---
 web/constants/issue.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/constants/issue.ts b/web/constants/issue.ts
index c2ac093c04..3bae30d2fd 100644
--- a/web/constants/issue.ts
+++ b/web/constants/issue.ts
@@ -160,7 +160,7 @@ export const ISSUE_DISPLAY_FILTERS_BY_LAYOUT: {
       },
       extra_options: {
         access: true,
-        values: ["show_empty_groups"],
+        values: ["show_empty_groups", "sub_issue"],
       },
     },
     kanban: {

From e4777157a252595b4bcfa5e511c18b63b6fcdbdf Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Fri, 26 Apr 2024 18:30:38 +0530
Subject: [PATCH 4/5] fix: project active cycle progress (#4296)

---
 web/constants/cycle.ts | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/web/constants/cycle.ts b/web/constants/cycle.ts
index 15c5fef696..15e2bf6791 100644
--- a/web/constants/cycle.ts
+++ b/web/constants/cycle.ts
@@ -93,29 +93,24 @@ export const CYCLE_STATUS: {
 
 export const CYCLE_STATE_GROUPS_DETAILS = [
   {
-    key: "backlog_issues",
-    title: "Backlog",
-    color: "#F0F0F3",
-  },
-  {
-    key: "unstarted_issues",
-    title: "Unstarted",
-    color: "#FB923C",
+    key: "completed_issues",
+    title: "Completed",
+    color: "#6490FE",
   },
   {
     key: "started_issues",
     title: "Started",
-    color: "#FFC53D",
+    color: "#FDD97F",
   },
   {
-    key: "completed_issues",
-    title: "Completed",
-    color: "#d687ff",
+    key: "unstarted_issues",
+    title: "Unstarted",
+    color: "#FEB055",
   },
   {
-    key: "cancelled_issues",
-    title: "Cancelled",
-    color: "#ef4444",
+    key: "backlog_issues",
+    title: "Backlog",
+    color: "#F0F0F3",
   },
 ];
 

From e75947a5f4671168a2f55f1d7d79712d27bc9781 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com>
Date: Fri, 26 Apr 2024 18:32:20 +0530
Subject: [PATCH 5/5] fix: double slashes in the global issues layout routes
 (#4298)

---
 web/components/headers/global-issues.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/headers/global-issues.tsx b/web/components/headers/global-issues.tsx
index 2d58d9b160..caa98e71ce 100644
--- a/web/components/headers/global-issues.tsx
+++ b/web/components/headers/global-issues.tsx
@@ -20,8 +20,8 @@ import { useLabel, useMember, useUser, useIssues } from "@/hooks/store";
 import { usePlatformOS } from "@/hooks/use-platform-os";
 
 const GLOBAL_VIEW_LAYOUTS = [
-  { key: "list", title: "List", link: "/workspace-views", icon: List },
-  { key: "spreadsheet", title: "Spreadsheet", link: "/workspace-views/all-issues", icon: Sheet },
+  { key: "list", title: "List", link: "workspace-views", icon: List },
+  { key: "spreadsheet", title: "Spreadsheet", link: "workspace-views/all-issues", icon: Sheet },
 ];
 
 type Props = {