From 2fc9840bb65a9298d329674b71c266ca43ea8b77 Mon Sep 17 00:00:00 2001
From: Fares Osman <43153226+fiosman@users.noreply.github.com>
Date: Tue, 30 Jun 2026 11:58:29 -0400
Subject: [PATCH] fix: adds number of occurences text before each unique
 warning; fixes code editor icons to be consistent with the linting pane
 (#10183)

---
 ...$projectId.workspace.$workspaceId.spec.tsx |  1 +
 packages/insomnia/src/ui/css/main.css         | 21 +++++++++++++++----
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.spec.tsx b/packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.spec.tsx
index af1e95ccf5..14feeb58d8 100644
--- a/packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.spec.tsx
+++ b/packages/insomnia/src/routes/organization.$organizationId.project.$projectId.workspace.$workspaceId.spec.tsx
@@ -923,6 +923,7 @@ const Component = ({ params }: Route.ComponentProps) => {
               icon={expandedLintMessageCodes.includes(item.code) ? 'chevron-down' : 'chevron-right'}
               className="h-2.5 w-2.5"
             />
+            ({item.occurrences.length})
             <Icon
               className={item.type === 'error' ? 'text-(--color-danger)' : 'text-(--color-warning)'}
               icon={item.type === 'error' ? 'circle-xmark' : 'triangle-exclamation'}
diff --git a/packages/insomnia/src/ui/css/main.css b/packages/insomnia/src/ui/css/main.css
index 6ea2c51333..1528626754 100644
--- a/packages/insomnia/src/ui/css/main.css
+++ b/packages/insomnia/src/ui/css/main.css
@@ -1539,12 +1539,25 @@ html {
   padding: var(--padding-xs) var(--padding-sm);
   z-index: 99999;
 }
-.CodeMirror-lint-tooltip .CodeMirror-lint-message-error {
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-error,
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning {
   background-image: none;
-  padding-left: 0;
+  position: relative;
 }
-.CodeMirror-lint-tooltip::after {
-  display: none;
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-error::before,
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning::before {
+  position: absolute;
+  left: 0;
+  font-family: 'Font Awesome 6 Free';
+  font-weight: 900;
+}
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-error::before {
+  content: '\f057'; /* FontAwesome circle-xmark icon */
+  color: var(--color-danger);
+}
+.CodeMirror-lint-tooltip .CodeMirror-lint-message-warning::before {
+  content: '\f071'; /* FontAwesome triangle-exclamation icon */
+  color: var(--color-warning);
 }
 .CodeMirror-hints {
   border: 0;