feat: filter and group history entries

packages/hoppscotch-app/assets/scss/styles.scss

@@ -176,7 +176,7 @@ a {
 
 .tippy-box[data-theme="popover"] {
   @apply flex flex-col;
-  @apply max-h-48;
+  @apply max-h-56;
   @apply items-stretch;
   @apply overflow-y-auto;
   @apply bg-popover;

packages/hoppscotch-app/locales/af.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Redigeer",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Gaan terug",
+    "group_by": "Group by",
     "label": "Etiket",
     "learn_more": "Leer meer",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Teken in met GitHub om 'n geheime idee te skep",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Vouer geskep",
     "edit": "Wysig gids",
@@ -239,6 +245,10 @@
     "schema": "Skema",
     "subscriptions": "Inskrywings"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installeer toep",
     "login": "Teken aan",

packages/hoppscotch-app/locales/ar.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "كرر",
     "edit": "يحرر",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "عد",
+    "group_by": "Group by",
     "label": "ملصق",
     "learn_more": "اقرأ أكثر",
     "less": "اقل",
@@ -226,6 +227,11 @@
     "require_github": "تسجيل الدخول باستخدام GitHub لإنشاء جوهر سري",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "تم إنشاء المجلد",
     "edit": "تحرير المجلد",
@@ -239,6 +245,10 @@
     "schema": "مخطط",
     "subscriptions": "الاشتراكات"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "تثبيت التطبيق",
     "login": "تسجيل الدخول",

packages/hoppscotch-app/locales/ca.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicar",
     "edit": "Editar",
-    "filter_response": "Filtrar resposta",
+    "filter": "Filtrar resposta",
     "go_back": "Tornar",
+    "group_by": "Group by",
     "label": "Etiquetar",
     "learn_more": "Aprèn més",
     "less": "Menys",
@@ -226,6 +227,11 @@
     "require_github": "Inicieu la sessió amb GitHub per crear un Gisst secret",
     "title": "Exportar"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "S'ha creat la carpeta",
     "edit": "Editar la carpeta",
@@ -239,6 +245,10 @@
     "schema": "Esquema",
     "subscriptions": "Subscripcions"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Instal·la l'aplicació",
     "login": "Iniciar Sessió",

packages/hoppscotch-app/locales/cn.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "复制",
     "edit": "编辑",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "返回",
+    "group_by": "Group by",
     "label": "标签",
     "learn_more": "了解更多",
     "less": "更少",
@@ -226,6 +227,11 @@
     "require_github": "使用 GitHub 登录以创建私密 Gist",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "已创建文件夹",
     "edit": "编辑文件夹",
@@ -239,6 +245,10 @@
     "schema": "模式",
     "subscriptions": "订阅"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "安装应用",
     "login": "登录",

packages/hoppscotch-app/locales/cs.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Upravit",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Vrať se",
+    "group_by": "Group by",
     "label": "Označení",
     "learn_more": "Další informace",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Přihlaste se pomocí GitHub a vytvořte tajný seznam",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Složka vytvořena",
     "edit": "Upravit složku",
@@ -239,6 +245,10 @@
     "schema": "Schéma",
     "subscriptions": "Předplatné"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Nainstalovat aplikaci",
     "login": "Přihlásit se",

packages/hoppscotch-app/locales/da.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Redigere",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Gå tilbage",
+    "group_by": "Group by",
     "label": "Etiket",
     "learn_more": "Lær mere",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Log ind med GitHub for at skabe hemmelig kerne",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Mappe oprettet",
     "edit": "Rediger mappe",
@@ -239,6 +245,10 @@
     "schema": "Skema",
     "subscriptions": "Abonnementer"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installer app",
     "login": "Log på",

packages/hoppscotch-app/locales/de.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplizieren",
     "edit": "Bearbeiten",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Zurück",
+    "group_by": "Group by",
     "label": "Etikett",
     "learn_more": "Mehr erfahren",
     "less": "Weniger",
@@ -226,6 +227,11 @@
     "require_github": "Melde Dich bei GitHub an, um einen geheimen Gist zu erstellen",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Ordner erstellt",
     "edit": "Ordner bearbeiten",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Abonnements"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "App installieren",
     "login": "Anmeldung",

packages/hoppscotch-app/locales/el.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Επεξεργασία",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Πήγαινε πίσω",
+    "group_by": "Group by",
     "label": "Επιγραφή",
     "learn_more": "Μάθε περισσότερα",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Συνδεθείτε με το GitHub για να δημιουργήσετε μυστική ουσία",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Ο φάκελος δημιουργήθηκε",
     "edit": "Επεξεργασία φακέλου",
@@ -239,6 +245,10 @@
     "schema": "Σχήμα",
     "subscriptions": "Συνδρομές"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Εγκατάσταση εφαρμογής",
     "login": "Σύνδεση",

packages/hoppscotch-app/locales/en.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Edit",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Go back",
+    "group_by": "Group by",
     "label": "Label",
     "learn_more": "Learn more",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Login with GitHub to create secret gist",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Folder created",
     "edit": "Edit Folder",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Subscriptions"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Install app",
     "login": "Login",

packages/hoppscotch-app/locales/es.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Arrastrar para reordenar",
     "duplicate": "Duplicar",
     "edit": "Editar",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Volver",
+    "group_by": "Group by",
     "label": "Etiqueta",
     "learn_more": "Aprender más",
     "less": "Menos",
@@ -226,6 +227,11 @@
     "require_github": "Iniciar sesión con GitHub para crear un Gist secreto",
     "title": "Exportar"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Carpeta creada",
     "edit": "Editar carpeta",
@@ -239,6 +245,10 @@
     "schema": "Esquema",
     "subscriptions": "Suscripciones"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Instalar aplicación",
     "login": "Iniciar sesión",

packages/hoppscotch-app/locales/fi.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Muokata",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Mene takaisin",
+    "group_by": "Group by",
     "label": "Etiketti",
     "learn_more": "Lue lisää",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Kirjaudu sisään GitHubilla luodaksesi salaisen sisällön",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Kansio luotu",
     "edit": "Muokkaa kansiota",
@@ -239,6 +245,10 @@
     "schema": "Kaavio",
     "subscriptions": "Tilaukset"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Asenna sovellus",
     "login": "Kirjaudu sisään",

packages/hoppscotch-app/locales/fr.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Faites glisser pour réorganiser",
     "duplicate": "Dupliquer",
     "edit": "Éditer",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Retour",
+    "group_by": "Group by",
     "label": "Étiqueter",
     "learn_more": "En savoir plus",
     "less": "Moins",
@@ -226,6 +227,11 @@
     "require_github": "Connectez-vous avec GitHub pour créer un Gist secret",
     "title": "Exportation"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Dossier créé",
     "edit": "Modifier le dossier",
@@ -239,6 +245,10 @@
     "schema": "Schéma",
     "subscriptions": "Abonnements"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installer l'application",
     "login": "Connexion",

packages/hoppscotch-app/locales/he.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "לַעֲרוֹך",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "תחזור",
+    "group_by": "Group by",
     "label": "תווית",
     "learn_more": "למד עוד",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "התחבר עם GitHub כדי ליצור תמצית סודית",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "תיקייה נוצרה",
     "edit": "ערוך תיקייה",
@@ -239,6 +245,10 @@
     "schema": "סכֵימָה",
     "subscriptions": "מנויים"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "התקן אפליקציה",
     "login": "התחברות",

packages/hoppscotch-app/locales/hi.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "व्यवस्थित करने के लिए घसीटे",
     "duplicate": "नकल करें",
     "edit": "संपादित करें",
-    "filter_response": "फ़िल्टर प्रतिक्रिया",
+    "filter": "फ़िल्टर प्रतिक्रिया",
     "go_back": "वापस जाओ",
+    "group_by": "Group by",
     "label": "लेबल",
     "learn_more": "और अधिक जानें",
     "less": "कम",
@@ -226,6 +227,11 @@
     "require_github": " गुप्त सार बनाने के लिए GitHub के साथ लॉगिन करें",
     "title": " निर्यात करना"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": " फोल्डर बनाया",
     "edit": " फ़ोल्डर संपादित करें",
@@ -239,6 +245,10 @@
     "schema": " योजना",
     "subscriptions": " सदस्यता"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": " एप्लिकेशन इंस्टॉल करें",
     "login": " लॉग इन करें",

packages/hoppscotch-app/locales/hu.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Kettőzés",
     "edit": "Szerkesztés",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Vissza",
+    "group_by": "Group by",
     "label": "Címke",
     "learn_more": "Tudjon meg többet",
     "less": "Kevesebb",
@@ -226,6 +227,11 @@
     "require_github": "Jelentkezzen be GitHub használatával a titkos Gist létrehozásához",
     "title": "Exportálás"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Mappa létrehozva",
     "edit": "Mappa szerkesztése",
@@ -239,6 +245,10 @@
     "schema": "Séma",
     "subscriptions": "Feliratkozások"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Alkalmazás telepítése",
     "login": "Bejelentkezés",

packages/hoppscotch-app/locales/id.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Seret untuk menyusun ulang",
     "duplicate": "Duplikat",
     "edit": "Edit",
-    "filter_response": "Tanggapan filter",
+    "filter": "Tanggapan filter",
     "go_back": "Kembali",
+    "group_by": "Group by",
     "label": "Label",
     "learn_more": "Pelajari lebih lanjut",
     "less": "Lebih sedikit",
@@ -226,6 +227,11 @@
     "require_github": "Masuk dengan GitHub untuk membuat secret gist",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Folder dibuat",
     "edit": "Edit Folder",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Subscriptions"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Pasang app",
     "login": "Login",
@@ -679,4 +689,4 @@
     "protocols": "Protokol",
     "url": "URL"
   }
-}
+}

packages/hoppscotch-app/locales/it.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplica",
     "edit": "Modifica",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Torna indietro",
+    "group_by": "Group by",
     "label": "Etichetta",
     "learn_more": "Per saperne di più",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Accedi con GitHub per creare un Gist segreto",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Cartella creata",
     "edit": "Modifica cartella",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Sottoscrizioni"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installa l'applicazione",
     "login": "Accedi",

packages/hoppscotch-app/locales/ja.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Edit",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Go back",
+    "group_by": "Group by",
     "label": "Label",
     "learn_more": "Learn more",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Login with GitHub to create secret gist",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Folder created",
     "edit": "Edit Folder",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Subscriptions"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Install app",
     "login": "Login",

packages/hoppscotch-app/locales/ko.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "복제",
     "edit": "편집",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "돌아가기",
+    "group_by": "Group by",
     "label": "이름",
     "learn_more": "더 알아보기",
     "less": "접기",
@@ -226,6 +227,11 @@
     "require_github": "GitHub에 로그인하여 secret gist 만들기",
     "title": "내보내기"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "폴더 생성됨",
     "edit": "폴더 수정",
@@ -239,6 +245,10 @@
     "schema": "스키마",
     "subscriptions": "섭스크립션"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "앱을 설치",
     "login": "로그인",

packages/hoppscotch-app/locales/nl.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Bewerking",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Ga terug",
+    "group_by": "Group by",
     "label": "Label",
     "learn_more": "Leer meer",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Log in met GitHub om een geheime kern te maken",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Map aangemaakt",
     "edit": "Map bewerken",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Abonnementen"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installeer app",
     "login": "Log in",

packages/hoppscotch-app/locales/no.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Rediger",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Gå tilbake",
+    "group_by": "Group by",
     "label": "Merkelapp",
     "learn_more": "Lær mer",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Logg på med GitHub for å lage en hemmelig oppgave",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Mappen er opprettet",
     "edit": "Rediger mappe",
@@ -239,6 +245,10 @@
     "schema": "Skjema",
     "subscriptions": "Abonnementer"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installer app",
     "login": "Logg Inn",

packages/hoppscotch-app/locales/pl.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Edytuj",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Wróć",
+    "group_by": "Group by",
     "label": "Etykieta",
     "learn_more": "Dowiedz się więcej",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Zaloguj się za pomocą GitHub, aby utworzyć tajny Gist",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Utworzono folder",
     "edit": "Edytuj folder",
@@ -239,6 +245,10 @@
     "schema": "Schemat",
     "subscriptions": "Subskrypcje"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Zainstaluj aplikację",
     "login": "Zaloguj sie",

packages/hoppscotch-app/locales/pt-br.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicar",
     "edit": "Editar",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Voltar",
+    "group_by": "Group by",
     "label": "Etiqueta",
     "learn_more": "Saber mais",
     "less": "Menos",
@@ -226,6 +227,11 @@
     "require_github": "Faça login com GitHub para criar um gist secreta",
     "title": "Exportar"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Pasta criada",
     "edit": "Editar pasta",
@@ -239,6 +245,10 @@
     "schema": "Esquema",
     "subscriptions": "Assinaturas"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Instalar aplicativo",
     "login": "Conecte-se",

packages/hoppscotch-app/locales/pt.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Editar",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Volte",
+    "group_by": "Group by",
     "label": "Etiqueta",
     "learn_more": "Saber mais",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Faça login com GitHub para criar uma essência secreta",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Pasta criada",
     "edit": "Editar pasta",
@@ -239,6 +245,10 @@
     "schema": "Esquema",
     "subscriptions": "Assinaturas"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Instalar aplicativo",
     "login": "Conecte-se",

packages/hoppscotch-app/locales/ro.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Trage pentru a rearanja",
     "duplicate": "Duplicare",
     "edit": "Editare",
-    "filter_response": "Filtrare răspuns",
+    "filter": "Filtrare răspuns",
     "go_back": "Înapoi",
+    "group_by": "Group by",
     "label": "Etichetă",
     "learn_more": "Află mai multe",
     "less": "Mai puțin",
@@ -226,6 +227,11 @@
     "require_github": "Conectați-vă cu GitHub pentru a crea un Gist secret",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Dosar creat",
     "edit": "Editați dosarul",
@@ -239,6 +245,10 @@
     "schema": "Schemă",
     "subscriptions": "Abonamente"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Instalează aplicația",
     "login": "Autentificare",

packages/hoppscotch-app/locales/ru.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Дублировать",
     "edit": "Редактировать",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Вернуться",
+    "group_by": "Group by",
     "label": "Название",
     "learn_more": "Узнать больше",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Войдите через GitHub, чтобы создать секретную суть",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Папка создана",
     "edit": "Редактировать папку",
@@ -239,6 +245,10 @@
     "schema": "Схема",
     "subscriptions": "Подписки"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Установить приложение",
     "login": "Авторизоваться",

packages/hoppscotch-app/locales/sr.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Уредити",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Вратити се",
+    "group_by": "Group by",
     "label": "Ознака",
     "learn_more": "Сазнајте више",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Пријавите се са ГитХуб -ом да бисте креирали тајну суштину",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Фолдер је креиран",
     "edit": "Едит Фолдер",
@@ -239,6 +245,10 @@
     "schema": "Схема",
     "subscriptions": "Претплате"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Инсталирати апликацију",
     "login": "Пријавите се",

packages/hoppscotch-app/locales/sv.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Redigera",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Gå tillbaka",
+    "group_by": "Group by",
     "label": "Märka",
     "learn_more": "Läs mer",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Logga in med GitHub för att skapa hemlig information",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Mapp skapad",
     "edit": "Redigera mapp",
@@ -239,6 +245,10 @@
     "schema": "Schema",
     "subscriptions": "Prenumerationer"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Installera app",
     "login": "Logga in",

packages/hoppscotch-app/locales/tr.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Klonla",
     "edit": "Düzenle",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Geri git",
+    "group_by": "Group by",
     "label": "Etiket",
     "learn_more": "Daha fazla bilgi edin",
     "less": "Daha az",
@@ -226,6 +227,11 @@
     "require_github": "Gizli Gist oluşturmak için GitHub ile giriş yapın",
     "title": "Dışarı Aktar"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Klasör oluşturuldu",
     "edit": "Klasörü düzenle",
@@ -239,6 +245,10 @@
     "schema": "Şema",
     "subscriptions": "Abonelikler"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Uygulamayı yükle",
     "login": "Giriş yap",

packages/hoppscotch-app/locales/tw.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "拖曳以重新排序",
     "duplicate": "複製",
     "edit": "編輯",
-    "filter_response": "篩選回應",
+    "filter": "篩選回應",
     "go_back": "返回",
+    "group_by": "Group by",
     "label": "標籤",
     "learn_more": "瞭解更多",
     "less": "更少",
@@ -226,6 +227,11 @@
     "require_github": "使用 GitHub 登入以建立私密 Gist",
     "title": "匯出"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "已建立資料夾",
     "edit": "編輯資料夾",
@@ -239,6 +245,10 @@
     "schema": "綱要",
     "subscriptions": "訂閱"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "安裝應用程式",
     "login": "登入",

packages/hoppscotch-app/locales/uk.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Перетягніть для зміни порядку",
     "duplicate": "Дублювати",
     "edit": "Редагувати",
-    "filter_response": "Фільтр відповіді",
+    "filter": "Фільтр відповіді",
     "go_back": "Повертайся",
+    "group_by": "Group by",
     "label": "Мітка",
     "learn_more": "Вчи більше",
     "less": "Менше",
@@ -226,6 +227,11 @@
     "require_github": "Увійдіть за допомогою GitHub, щоб створити секретну історію",
     "title": "Експорт"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Папка створена",
     "edit": "Редагувати папку",
@@ -239,6 +245,10 @@
     "schema": "Схема",
     "subscriptions": "Підписки"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Встановити додаток",
     "login": "Увійти",

packages/hoppscotch-app/locales/vi.json

@@ -17,8 +17,9 @@
     "drag_to_reorder": "Drag to reorder",
     "duplicate": "Duplicate",
     "edit": "Chỉnh sửa",
-    "filter_response": "Filter response",
+    "filter": "Filter",
     "go_back": "Quay lại",
+    "group_by": "Group by",
     "label": "Nhãn",
     "learn_more": "Tìm hiểu thêm",
     "less": "Less",
@@ -226,6 +227,11 @@
     "require_github": "Đăng nhập bằng GitHub để tạo ý chính bí mật",
     "title": "Export"
   },
+  "filter": {
+    "all": "All",
+    "none": "None",
+    "starred": "Starred"
+  },
   "folder": {
     "created": "Thư mục đã được tạo",
     "edit": "Chỉnh sửa thư mục",
@@ -239,6 +245,10 @@
     "schema": "Lược đồ",
     "subscriptions": "Đăng ký"
   },
+  "group": {
+    "time": "Time",
+    "url": "URL"
+  },
   "header": {
     "install_pwa": "Cài đặt ứng dụng",
     "login": "Đăng nhập",

packages/hoppscotch-app/src/components.d.ts

@@ -97,17 +97,6 @@ declare module '@vue/runtime-core' {
     HttpTestResultReport: typeof import('./components/http/TestResultReport.vue')['default']
     HttpTests: typeof import('./components/http/Tests.vue')['default']
     HttpURLEncodedParams: typeof import('./components/http/URLEncodedParams.vue')['default']
-    IconLucideArrowLeft: typeof import('~icons/lucide/arrow-left')['default']
-    IconLucideCheckCircle: typeof import('~icons/lucide/check-circle')['default']
-    IconLucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
-    IconLucideInbox: typeof import('~icons/lucide/inbox')['default']
-    IconLucideInfo: typeof import('~icons/lucide/info')['default']
-    IconLucideLayers: typeof import('~icons/lucide/layers')['default']
-    IconLucideLoader: typeof import('~icons/lucide/loader')['default']
-    IconLucideMinus: typeof import('~icons/lucide/minus')['default']
-    IconLucideSearch: typeof import('~icons/lucide/search')['default']
-    IconLucideUser: typeof import('~icons/lucide/user')['default']
-    IconLucideUsers: typeof import('~icons/lucide/users')['default']
     LensesHeadersRenderer: typeof import('./components/lenses/HeadersRenderer.vue')['default']
     LensesHeadersRendererEntry: typeof import('./components/lenses/HeadersRendererEntry.vue')['default']
     LensesRenderersHTMLLensRenderer: typeof import('./components/lenses/renderers/HTMLLensRenderer.vue')['default']

packages/hoppscotch-app/src/components/history/index.vue

@@ -16,6 +16,34 @@
           :title="t('app.wiki')"
           :icon="IconHelpCircle"
         />
+        <tippy interactive trigger="click" theme="popover">
+          <ButtonSecondary
+            v-tippy="{ theme: 'tooltip' }"
+            :title="t('action.filter')"
+            :icon="IconFilter"
+          />
+          <template #content="{ hide }">
+            <div ref="tippyActions" class="flex flex-col focus:outline-none">
+              <div class="pb-2 pl-4 text-tiny text-secondaryLight">
+                {{ t("action.filter") }}
+              </div>
+              <SmartRadioGroup
+                v-model="filterSelection"
+                :radios="filters"
+                @update:model-value="hide()"
+              />
+              <hr />
+              <div class="pb-2 pl-4 text-tiny text-secondaryLight">
+                {{ t("action.group_by") }}
+              </div>
+              <SmartRadioGroup
+                v-model="groupSelection"
+                :radios="groups"
+                @update:model-value="hide()"
+              />
+            </div>
+          </template>
+        </tippy>
         <ButtonSecondary
           v-tippy="{ theme: 'tooltip' }"
           data-testid="clear_history"
@@ -36,13 +64,18 @@
         open
       >
         <summary
-          class="flex items-center justify-between flex-1 min-w-0 cursor-pointer transition focus:outline-none text-secondaryLight text-tiny group"
+          class="flex items-center justify-between flex-1 min-w-0 transition cursor-pointer focus:outline-none text-secondaryLight text-tiny group"
         >
           <span
             class="inline-flex items-center justify-center px-4 py-2 transition group-hover:text-secondary"
           >
             <icon-lucide-chevron-right class="mr-2 indicator" />
-            <span class="truncate capitalize-first">
+            <span
+              :class="[
+                { 'capitalize-first': groupSelection === 'TIME' },
+                'truncate',
+              ]"
+            >
               {{ filteredHistoryGroupIndex }}
             </span>
           </span>
@@ -68,15 +101,6 @@
         />
       </details>
     </div>
-    <div
-      v-if="!(filteredHistory.length !== 0 || history.length === 0)"
-      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
-    >
-      <icon-lucide-search class="pb-2 opacity-75 svg-icons" />
-      <span class="my-2 text-center">
-        {{ t("state.nothing_found") }} "{{ filterText }}"
-      </span>
-    </div>
     <div
       v-if="history.length === 0"
       class="flex flex-col items-center justify-center p-4 text-secondaryLight"
@@ -91,6 +115,28 @@
         {{ t("empty.history") }}
       </span>
     </div>
+    <div
+      v-else-if="
+        Object.keys(filteredHistoryGroups).length === 0 ||
+        filteredHistory.length === 0
+      "
+      class="flex flex-col items-center justify-center p-4 text-secondaryLight"
+    >
+      <icon-lucide-search class="pb-2 opacity-75 svg-icons" />
+      <span class="mt-2 mb-4 text-center">
+        {{ t("state.nothing_found") }} "{{ filterText || filterSelection }}"
+      </span>
+      <ButtonSecondary
+        :label="t('action.clear')"
+        outline
+        @click="
+          () => {
+            filterText = ''
+            filterSelection = 'ALL'
+          }
+        "
+      />
+    </div>
     <SmartConfirmModal
       :show="confirmRemove"
       :title="`${t('confirm.remove_history')}`"
@@ -115,14 +161,16 @@
 import IconHelpCircle from "~icons/lucide/help-circle"
 import IconTrash2 from "~icons/lucide/trash-2"
 import IconTrash from "~icons/lucide/trash"
+import IconFilter from "~icons/lucide/filter"
 import { computed, ref, Ref } from "vue"
 import { useColorMode } from "@composables/theming"
 import {
+  HoppGQLRequest,
   HoppRESTRequest,
   isEqualHoppRESTRequest,
   safelyExtractRESTRequest,
 } from "@hoppscotch/data"
-import { groupBy, escapeRegExp } from "lodash-es"
+import { groupBy, escapeRegExp, filter } from "lodash-es"
 import { useTimeAgo } from "@vueuse/core"
 import { pipe } from "fp-ts/function"
 import * as A from "fp-ts/Array"
@@ -229,10 +277,44 @@ const filteredHistory = computed(() =>
   )
 )
 
+const filters = computed(() => [
+  { value: "ALL" as const, label: t("filter.all") },
+  { value: "STARRED" as const, label: t("filter.starred") },
+])
+
+type FilterMode = typeof filters["value"][number]["value"]
+
+const filterSelection = ref<FilterMode>("ALL")
+
+const groups = computed(() => [
+  { value: "TIME" as const, label: t("group.time") },
+  { value: "URL" as const, label: t("group.url") },
+])
+
+type GroupMode = typeof groups["value"][number]["value"]
+
+const groupSelection = ref<GroupMode>("TIME")
+
 const filteredHistoryGroups = computed(() =>
-  groupBy(filteredHistory.value, (entry) => entry.timeAgo.value)
+  groupBy(
+    filter(filteredHistory.value, (input) =>
+      filterSelection.value === "STARRED" ? input.entry.star : true
+    ),
+    (input) =>
+      groupSelection.value === "TIME"
+        ? input.timeAgo.value
+        : getAppropriateURL(input.entry)
+  )
 )
 
+const getAppropriateURL = (entry: HistoryEntry) => {
+  if (props.page === "rest") {
+    return (entry.request as HoppRESTRequest).endpoint
+  } else if (props.page === "graphql") {
+    return (entry.request as HoppGQLRequest).url
+  }
+}
+
 const clearHistory = () => {
   if (props.page === "rest") clearRESTHistory()
   else clearGraphqlHistory()

packages/hoppscotch-app/src/components/lenses/renderers/JSONLensRenderer.vue

@@ -21,7 +21,7 @@
         <ButtonSecondary
           v-if="response.body"
           v-tippy="{ theme: 'tooltip' }"
-          :title="t('action.filter_response')"
+          :title="t('action.filter')"
           :icon="IconFilter"
           :class="{ '!text-accent': toggleFilter }"
           @click.prevent="toggleFilterState"