Optimize ResponsePreview, fix typo (#454)

* Optimize ResponsePreview and update manifest URLs

Refactored ResponsePreview to use useMemo for filtering items and counting aggressive fallbacks, improving performance. Added localhost and 127.0.0.1 URLs to browser manifest for development support. Fixed a typo in the EditPresetForm info text.

* Remove localost urls

---------

Co-authored-by: Robert Piosik <robertpiosik@gmail.com>

Author: mosepe

packages/ui/src/components/editor/panel/ResponsePreview/ResponsePreview.tsx

@@ -1,4 +1,4 @@
-import { FC, useRef, useState } from 'react'
+import { FC, useRef, useState, useMemo } from 'react'
 import { FileInPreview, ItemInPreview } from '@shared/types/file-in-preview'
 import cn from 'classnames'
 import styles from './ResponsePreview.module.scss'
@@ -69,12 +69,18 @@ export const ResponsePreview: FC<Props> = (props) => {
     })
   }
 
-  const files_in_preview = props.items.filter(
-    (i) => 'file_path' in i
-  ) as FileInPreview[]
-  const aggressive_fallback_count = files_in_preview.filter(
-    (f) => f.diff_application_method == 'search_and_replace'
-  ).length
+  const files_in_preview = useMemo(
+    () => props.items.filter((i) => 'file_path' in i) as FileInPreview[],
+    [props.items]
+  )
+
+  const aggressive_fallback_count = useMemo(
+    () =>
+      files_in_preview.filter(
+        (f) => f.diff_application_method == 'search_and_replace'
+      ).length,
+    [files_in_preview]
+  )
 
   const get_instructions_font_size_class = (text: string): string => {
     const length = text.length

packages/vscode/src/views/panel/frontend/components/edit-preset-form/EditPresetForm/EditPresetForm.tsx

@@ -379,7 +379,7 @@ export const EditPresetForm: React.FC<Props> = (props) => {
               <Field
                 label="Thinking Budget"
                 html_for="thinking-budget"
-                info="Search for allowd min-max values."
+                info="Search for allowed min-max values."
               >
                 <Input
                   id="thinking-budget"