Replace strict equality checks with loose equality and update UI styling for consistency

Author: robertpiosik

apps/editor/src/commands/apply-chat-response-command/utils/preview/workspace-listener.ts

@@ -56,8 +56,8 @@ const update_response_history = (
     }
     const file_in_history_index = item_to_update.files.findIndex(
       (f) =>
-        f.file_path === updated_file.file_path &&
-        f.workspace_name === updated_file.workspace_name
+        f.file_path == updated_file.file_path &&
+        f.workspace_name == updated_file.workspace_name
     )
 
     if (file_in_history_index !== -1) {
@@ -694,8 +694,7 @@ export const setup_workspace_listeners = (
       const item_to_update = history.find((i) => i.created_at === created_at)
       if (item_to_update && item_to_update.files) {
         const file_in_history = item_to_update.files.find(
-          (f) =>
-            f.file_path === file_path && f.workspace_name === workspace_name
+          (f) => f.file_path == file_path && f.workspace_name == workspace_name
         )
         if (file_in_history) {
           file_in_history.is_checked = is_checked

packages/ui/src/components/editor/panel/ResponsePreview/components/FileItem/FileItem.module.scss

@@ -149,7 +149,7 @@
 
   &--loading {
     color: var(--cwc-text-color);
-    background-color: var(--cwc-bg-tertiary);
+    background-color: var(--cwc-bg-secondary);
 
     .message__actions__item:hover {
       background-color: var(--cwc-bg-secondary);
@@ -167,7 +167,7 @@
     > span:first-child {
       font-size: 14px !important;
       margin-right: 4px;
-      vertical-align: middle;
+      vertical-align: sub;
     }
   }
 

packages/ui/src/components/editor/panel/modals/ApiManagerModal/ApiManagerModal.module.scss

@@ -131,8 +131,7 @@
       line-height: 1.2;
 
       > span:nth-child(2) {
-        color: var(--vscode-editorWidget-foreground);
-        opacity: 0.7;
+        color: var(--cwc-text-color-dimmed);
         margin-left: 0.5em;
         font-size: 0.9em;
       }
@@ -145,9 +144,8 @@
     justify-content: space-between;
     padding: 0 12px 0 8px;
     height: 18px;
-    font-size: 11px;
-    color: var(--vscode-editorWidget-foreground);
-    opacity: 0.7;
+    font-size: 0.9em;
+    color: var(--cwc-text-color-dimmed);
 
     &__status {
       overflow: hidden;