Merge branch 'dev'

Author: robertpiosik

packages/browser/src/content-scripts/send-prompt-content-script/chatbots/perplexity.ts

@@ -11,7 +11,9 @@ import {
 export const perplexity: Chatbot = {
   wait_until_ready: async () => {
     await new Promise((resolve) => setTimeout(resolve, 500))
-    ;(document.querySelector('[contenteditable="true"]') as any)?.click()
+    if (window.innerWidth <= 768) {
+      ;(document.querySelector('[contenteditable="true"]') as any)?.click()
+    }
   },
   set_options: async (options?: string[]) => {
     if (!options) return

packages/shared/src/constants/dictionary.ts

@@ -62,6 +62,7 @@ export const dictionary = {
     CONTEXTS_FILE_NOT_VALID_ARRAY:
       'Contexts file is not a valid array. Starting with empty contexts list.',
     NO_FILES_OR_WEBSITES_SELECTED: 'No files or websites selected or open.',
+    NOTHING_SELECTED_IN_CONTEXT: 'Nothing is selected in context.',
     NO_OPEN_EDITORS_SELECTED: 'No open editors selected.',
     NO_EDITOR_OPEN: 'No editor is open.',
     CANNOT_COPY_PROMPT_IN_CODE_COMPLETION_WITH_SELECTION:
@@ -108,6 +109,8 @@ export const dictionary = {
       `Are you sure you want to delete the model provider "${provider_name}"?`,
     NO_MODELS_FOUND_MANUAL_ENTRY: (provider_name: string) =>
       `No models found for ${provider_name}. You can enter model name manually.`,
+    NO_RESULTS_FOR_SEARCH_SHOWING_ALL: (search_value: string) =>
+      `No results for "${search_value}" in the selected context. Showing all items.`,
     NO_MODEL_PROVIDERS_CONFIGURED:
       'No model providers configured. Please add a model provider first on the "Model Providers" page.'
   },

packages/ui/src/components/editor/panel/ChatInput/ChatInput.module.scss

@@ -5,7 +5,7 @@
   &__inner {
     display: flex;
     flex-direction: column;
-    border-radius: var(--border-radius-5px);
+    border-radius: var(--border-radius-10px);
     background-color: var(--vscode-input-background);
     cursor: text;
     border: 1px solid var(--vscode-commandCenter-inactiveBorder);

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

@@ -43,6 +43,29 @@ export const Dropdown = <T extends string>(props: Dropdown.Props<T>) => {
     set_just_opened(false)
   }
 
+  const handle_wheel = (event: React.WheelEvent<HTMLDivElement>) => {
+    event.preventDefault()
+    event.stopPropagation()
+
+    const current_index = props.options.findIndex(
+      (option) => option.value === props.selected_value
+    )
+    if (current_index == -1) {
+      return
+    }
+
+    const options_count = props.options.length
+    if (options_count <= 1) return
+
+    let next_index
+    if (event.deltaY < 0) {
+      next_index = (current_index - 1 + options_count) % options_count
+    } else {
+      next_index = (current_index + 1) % options_count
+    }
+    props.on_change(props.options[next_index].value)
+  }
+
   useEffect(() => {
     const handle_click_outside = (event: MouseEvent) => {
       if (
@@ -64,6 +87,7 @@ export const Dropdown = <T extends string>(props: Dropdown.Props<T>) => {
     <div
       className={cn(styles.container, { [styles['button--open']]: is_open })}
       ref={container_ref}
+      onWheel={handle_wheel}
     >
       <button
         className={cn(styles.button, { [styles['button--open']]: is_open })}

packages/ui/src/components/editor/panel/Enter/Enter.module.scss

@@ -3,11 +3,11 @@
   align-items: center;
   justify-content: space-between;
   gap: var(--padding-4px);
-  padding: var(--padding-7px) var(--padding-12px) var(--padding-7px)
+  padding: var(--padding-6px) var(--padding-12px) var(--padding-6px)
     var(--padding-8px);
   background-color: var(--vscode-button-background);
   color: var(--vscode-button-foreground);
-  border-radius: var(--border-radius-6px);
+  border-radius: var(--border-radius-10px);
 
   &:hover {
     background-color: var(--vscode-button-hoverBackground);
@@ -17,7 +17,6 @@
     display: flex;
     align-items: flex-start;
     flex-direction: column;
-    gap: var(--padding-2px);
     text-align: left;
   }
 

packages/ui/src/components/editor/panel/HomeLinkButton/HomeLinkButton.module.scss

@@ -5,7 +5,7 @@
   gap: var(--padding-8px);
   padding: 0 var(--padding-12px) 0 var(--padding-8px);
   height: 34px;
-  border-radius: var(--padding-6px);
+  border-radius: var(--padding-10px);
 
   &:hover {
     text-decoration: none;

packages/ui/src/components/editor/panel/modals/ChatInitializedModal/ChatInitializedModal.stories.tsx

@@ -14,7 +14,7 @@ export const Default = () => {
 
   return visible ? (
     <ChatInitializedModal
-      title="Chat has been initialized in the connected browser."
+      title="Chat has been initialized in the connected browser"
       duration={3000}
       on_close={handle_close}
     />

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

@@ -59,7 +59,7 @@
 .container {
   position: relative;
   z-index: 1;
-  border-radius: var(--border-radius-8px);
+  border-radius: var(--border-radius-12px);
   border: 1px solid var(--vscode-sideBarSectionHeader-border);
   width: 100%;
   max-width: 320px;

packages/ui/src/styles/foundation/_variables.scss

@@ -33,6 +33,7 @@
   --border-radius-6px: 6px;
   --border-radius-8px: 8px;
   --border-radius-10px: 10px;
+  --border-radius-12px: 12px;
   --border-radius-999px: 999px;
 
   --font-weight-500: 500;

packages/vscode/package.json

@@ -2,7 +2,7 @@
   "name": "gemini-coder",
   "displayName": "Code Web Chat",
   "description": "Unlimited AI coding in free chatbots (CWC)",
-  "version": "1.479.0",
+  "version": "1.480.0",
   "scripts": {
     "build": "npx vsce package --no-dependencies",
     "vscode:prepublish": "rimraf out && npm run compile",