release notes

Previously, we relied on Spotlight (mdfind) to fetch the app list,
which means it won't work if users disable their Spotlight index.

This commit bumps the applications-rs library, which can now list
apps using `lsregister`, macOS's launch service tool. (See commit [1]
for details). With this, our app search works even tough Spotlight
is disabled.

[1]: ec174b7761

.vscode/settings.json

@@ -10,6 +10,7 @@
     "dataurl",
     "deeplink",
     "deepthink",
+    "Detch",
     "dtolnay",
     "dyld",
     "elif",
@@ -56,6 +57,7 @@
     "rgba",
     "rustup",
     "screenshotable",
+    "seprate",
     "serde",
     "Shadcn",
     "swatinem",

docs/content.en/docs/release-notes/_index.md

@@ -7,7 +7,19 @@ title: "Release Notes"
 
 Information about release notes of Coco App is provided here.
 
-## Latest (In development)
+## Latest (In development)  
+
+### ❌ Breaking changes
+
+### 🚀 Features
+
+- feat: support app search even if Spotlight is disabled #1028
+
+### 🐛 Bug fix
+
+### ✈️ Improvements
+
+## 0.10.0 (2025-12-19)
 
 ### ❌ Breaking changes
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "coco",
   "private": true,
-  "version": "0.9.1",
+  "version": "0.10.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

src-tauri/Cargo.lock

@@ -332,7 +332,7 @@ checksum = "a23eb6b1614318a8071c9b2521f36b424b2c83db5eb3a0fead4a6c0809af6e61"
 [[package]]
 name = "applications"
 version = "0.3.1"
-source = "git+https://github.com/infinilabs/applications-rs?rev=b5fac4034a40d42e72f727f1aa1cc1f19fe86653#b5fac4034a40d42e72f727f1aa1cc1f19fe86653"
+source = "git+https://github.com/infinilabs/applications-rs?rev=ec174b7761bfa5eb7af0a93218b014e2d1505643#ec174b7761bfa5eb7af0a93218b014e2d1505643"
 dependencies = [
  "anyhow",
  "core-foundation 0.9.4",
@@ -1132,7 +1132,7 @@ dependencies = [
 
 [[package]]
 name = "coco"
-version = "0.9.1"
+version = "0.10.0"
 dependencies = [
  "actix-files",
  "actix-web",

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "coco"
-version = "0.9.1"
+version = "0.10.0"
 description = "Search, connect, collaborate – all in one place."
 authors = ["INFINI Labs"]
 edition = "2024"
@@ -62,7 +62,7 @@ tauri-plugin-drag = "2"
 tauri-plugin-macos-permissions = "2"
 tauri-plugin-fs-pro = "2"
 tauri-plugin-screenshots = "2"
-applications = { git = "https://github.com/infinilabs/applications-rs", rev = "b5fac4034a40d42e72f727f1aa1cc1f19fe86653" }
+applications = { git = "https://github.com/infinilabs/applications-rs", rev = "ec174b7761bfa5eb7af0a93218b014e2d1505643" }
 tokio-native-tls = "0.3"  # For wss connections
 tokio = { version = "1", features = ["full"] }
 tokio-tungstenite = { version = "0.20", features = ["native-tls"] }

src-tauri/Info.plist

@@ -36,8 +36,6 @@
   <string>Coco AI needs access to your microphone for voice input and audio recording features.</string>
   <key>NSCameraUsageDescription</key>
   <string>Coco AI requires camera access for scanning documents and capturing images.</string>
-  <key>NSCameraUseContinuityCameraDeviceType</key>
-  <true/>
   <key>NSSpeechRecognitionUsageDescription</key>
   <string>Coco AI uses speech recognition to convert your voice into text for a hands-free experience.</string>
   <key>NSAppleEventsUsageDescription</key>
@@ -45,4 +43,4 @@
   <key>NSAccessibility</key>
   <true/>
 </dict>
-</plist>
+</plist>

src-tauri/src/extension/mod.rs

@@ -156,13 +156,13 @@ pub struct Extension {
 #[derive(Debug, Deserialize, Serialize, Clone, PartialEq)]
 pub(crate) struct ViewExtensionUISettings {
     /// Show the search bar
-    #[serde_inline_default(true)]
+    #[serde_inline_default(false)]
     search_bar: bool,
     /// Show the filter bar
-    #[serde_inline_default(true)]
+    #[serde_inline_default(false)]
     filter_bar: bool,
     /// Show the footer
-    #[serde_inline_default(true)]
+    #[serde_inline_default(false)]
     footer: bool,
     /// The recommended width of the window for this extension
     width: Option<u32>,

src-tauri/src/lib.rs

@@ -29,7 +29,6 @@ use tauri_plugin_autostart::MacosLauncher;
 
 /// Tauri store name
 pub(crate) const COCO_TAURI_STORE: &str = "coco_tauri_store";
-pub(crate) const WINDOW_CENTER_BASELINE_HEIGHT: i32 = 590;
 
 lazy_static! {
     static ref PREVIOUS_MONITOR_NAME: Mutex<Option<String>> = Mutex::new(None);
@@ -44,37 +43,6 @@ lazy_static! {
 /// you access it.
 pub(crate) static GLOBAL_TAURI_APP_HANDLE: OnceLock<AppHandle> = OnceLock::new();
 
-#[tauri::command]
-async fn change_window_height(handle: AppHandle, height: u32) {
-    let window: WebviewWindow = handle.get_webview_window(MAIN_WINDOW_LABEL).unwrap();
-
-    let mut size = window.outer_size().unwrap();
-    size.height = height;
-    window.set_size(size).unwrap();
-
-    // Center the window horizontally and vertically based on the baseline height of 590
-    let monitor = window.primary_monitor().ok().flatten().or_else(|| {
-        window
-            .available_monitors()
-            .ok()
-            .and_then(|ms| ms.into_iter().next())
-    });
-    if let Some(monitor) = monitor {
-        let monitor_position = monitor.position();
-        let monitor_size = monitor.size();
-
-        let outer_size = window.outer_size().unwrap();
-        let window_width = outer_size.width as i32;
-
-        let x = monitor_position.x + (monitor_size.width as i32 - window_width) / 2;
-
-        let y =
-            monitor_position.y + (monitor_size.height as i32 - WINDOW_CENTER_BASELINE_HEIGHT) / 2;
-
-        let _ = window.set_position(PhysicalPosition::new(x, y));
-    }
-}
-
 // Removed unused Payload to avoid unnecessary serde derive macro invocations
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
@@ -123,7 +91,6 @@ pub fn run() {
 
     let app = app_builder
         .invoke_handler(tauri::generate_handler![
-            change_window_height,
             shortcut::change_shortcut,
             shortcut::unregister_shortcut,
             shortcut::get_current_shortcut,
@@ -380,12 +347,13 @@ fn move_window_to_active_monitor(window: &WebviewWindow) {
                     return;
                 }
             };
+
             let window_width = window_size.width as i32;
+            let window_height = 590 * scale_factor as i32;
 
             // Horizontal center uses actual width, vertical center uses 590 baseline
             let window_x = monitor_position.x + (monitor_size.width as i32 - window_width) / 2;
-            let window_y = monitor_position.y
-                + (monitor_size.height as i32 - WINDOW_CENTER_BASELINE_HEIGHT) / 2;
+            let window_y = monitor_position.y + (monitor_size.height as i32 - window_height) / 2;
 
             if let Err(e) = window.set_position(PhysicalPosition::new(window_x, window_y)) {
                 log::error!("Failed to move window: {}", e);

src-tauri/src/selection_monitor.rs

@@ -14,8 +14,8 @@ use once_cell::sync::Lazy;
 use std::sync::Mutex;
 use std::sync::atomic::{AtomicBool, Ordering};
 
-/// Global toggle: selection monitoring enabled by default.
-static SELECTION_ENABLED: AtomicBool = AtomicBool::new(true);
+/// Global toggle: selection monitoring disabled for this release.
+static SELECTION_ENABLED: AtomicBool = AtomicBool::new(false);
 
 /// Ensure we only start the monitor thread once. Allows delayed start after
 /// Accessibility permission is granted post-launch.
@@ -281,19 +281,12 @@ pub fn start_selection_monitor(app_handle: tauri::AppHandle) {
         let mut stable_text = String::new();
         let mut stable_count = 0;
         let mut empty_count = 0;
-        let mut loop_idx: u64 = 0;
 
         loop {
-            loop_idx = loop_idx.wrapping_add(1);
-            let verbose = loop_idx % 50 == 0; // Log roughly every 1.5s (30ms * 50)
-
             std::thread::sleep(Duration::from_millis(30));
 
             // If disabled: do not read AX / do not show popup; hide if currently visible.
             if !is_selection_enabled() {
-                if verbose {
-                    println!("[SelectionMonitor] Disabled");
-                }
                 if popup_visible {
                     let _ = app_handle.emit("selection-detected", "");
                     popup_visible = false;
@@ -308,13 +301,6 @@ pub fn start_selection_monitor(app_handle: tauri::AppHandle) {
             // system-wide focused element belongs to this process.
             let front_is_me = is_frontmost_app_me() || is_focused_element_me();
 
-            if verbose {
-                println!(
-                    "[SelectionMonitor] Loop heartbeat. front_is_me={}",
-                    front_is_me
-                );
-            }
-
             // When Coco is frontmost, disable detection but do NOT hide the popup.
             // Users may be clicking the popup; we must keep it visible.
             if front_is_me {
@@ -327,16 +313,9 @@ pub fn start_selection_monitor(app_handle: tauri::AppHandle) {
             // Lightweight retries to smooth out transient AX focus instability.
             let selected_text = {
                 // Up to 2 retries, 35ms apart.
-                read_selected_text_with_retries(2, 35, verbose)
+                read_selected_text_with_retries(2, 35)
             };
 
-            if verbose {
-                println!(
-                    "[SelectionMonitor] read_selected_text result: {:?}",
-                    selected_text
-                );
-            }
-
             match selected_text {
                 Some(text) if !text.is_empty() => {
                     empty_count = 0;
@@ -446,7 +425,6 @@ fn ensure_accessibility_permission(app_handle: &tauri::AppHandle) -> bool {
     }
 
     // Still not trusted — notify frontend and deep-link to settings.
-    println!("[SelectionMonitor] Accessibility permission NOT granted. Opening System Settings...");
     let _ = app_handle.emit("selection-permission-required", true);
     log::debug!(target: "coco_lib::selection_monitor", "selection-permission-required emitted");
 
@@ -585,16 +563,12 @@ fn is_focused_element_me() -> bool {
 /// Read the selected text of the frontmost application (without using the clipboard).
 /// macOS only. Returns `None` when the frontmost app is Coco to avoid false empties.
 #[cfg(target_os = "macos")]
-fn read_selected_text(verbose: bool) -> Option<String> {
+fn read_selected_text() -> Option<String> {
     use objc2_app_kit::NSWorkspace;
     use objc2_application_services::{AXError, AXUIElement};
     use objc2_core_foundation::{CFRetained, CFString, CFType};
     use std::ptr::NonNull;
 
-    if verbose {
-        println!("[SelectionMonitor] read_selected_text: Attempting to read...");
-    }
-
     // Prefer system-wide focused element; if unavailable, fall back to app/window focused element.
     let mut focused_ui_ptr: *const CFType = std::ptr::null();
     let focused_attr = CFString::from_static_str("AXFocusedUIElement");
@@ -609,23 +583,12 @@ fn read_selected_text(verbose: bool) -> Option<String> {
                 .copy_attribute_value(&focused_attr, NonNull::new(&mut focused_ui_ptr).unwrap())
         };
         if err != AXError::Success {
-            if verbose {
-                println!(
-                    "[SelectionMonitor] Failed to get AXFocusedUIElement from system wide element: {:?}",
-                    err
-                );
-            }
             focused_ui_ptr = std::ptr::null();
         }
-    } else if verbose {
-        println!("[SelectionMonitor] AXUIElementCreateSystemWide returned null");
     }
 
     // Fallback to the frontmost app's focused/window element.
     if focused_ui_ptr.is_null() {
-        if verbose {
-            println!("[SelectionMonitor] System-wide focus not found, trying frontmost app...");
-        }
         let workspace = unsafe { NSWorkspace::sharedWorkspace() };
         let frontmost_app = unsafe { workspace.frontmostApplication() }?;
         let pid = unsafe { frontmost_app.processIdentifier() };
@@ -633,9 +596,6 @@ fn read_selected_text(verbose: bool) -> Option<String> {
         // Skip if frontmost is Coco (this process).
         let my_pid = std::process::id() as i32;
         if pid == my_pid {
-            if verbose {
-                println!("[SelectionMonitor] Frontmost app is Coco, skipping.");
-            }
             return None;
         }
 
@@ -645,12 +605,6 @@ fn read_selected_text(verbose: bool) -> Option<String> {
                 .copy_attribute_value(&focused_attr, NonNull::new(&mut focused_ui_ptr).unwrap())
         };
         if err != AXError::Success || focused_ui_ptr.is_null() {
-            if verbose {
-                println!(
-                    "[SelectionMonitor] Failed to get AXFocusedUIElement from app (pid={}), trying AXFocusedWindow...",
-                    pid
-                );
-            }
             // Try `AXFocusedWindow` as a lightweight fallback.
             let mut focused_window_ptr: *const CFType = std::ptr::null();
             let focused_window_attr = CFString::from_static_str("AXFocusedWindow");
@@ -661,41 +615,9 @@ fn read_selected_text(verbose: bool) -> Option<String> {
                 )
             };
             if w_err != AXError::Success || focused_window_ptr.is_null() {
-                if verbose {
-                    println!(
-                        "[SelectionMonitor] Failed to get AXFocusedWindow from app (pid={})",
-                        pid
-                    );
-                }
                 return None;
             }
             focused_ui_ptr = focused_window_ptr;
-            let focused_window_elem: CFRetained<AXUIElement> = unsafe {
-                CFRetained::from_raw(
-                    NonNull::new(focused_window_ptr.cast::<AXUIElement>().cast_mut()).unwrap(),
-                )
-            };
-            let mut inner_focused_ptr: *const CFType = std::ptr::null();
-            let w_focused_err = unsafe {
-                focused_window_elem.copy_attribute_value(
-                    &focused_attr,
-                    NonNull::new(&mut inner_focused_ptr).unwrap(),
-                )
-            };
-            if w_focused_err == AXError::Success && !inner_focused_ptr.is_null() {
-                if verbose {
-                    println!(
-                        "[SelectionMonitor] Resolved AXFocusedUIElement via AXFocusedWindow (pid={})",
-                        pid
-                    );
-                }
-                focused_ui_ptr = inner_focused_ptr;
-            } else if verbose {
-                println!(
-                    "[SelectionMonitor] Failed to get AXFocusedUIElement from focused window (pid={}), err={:?}",
-                    pid, w_focused_err
-                );
-            }
         }
     }
 
@@ -713,12 +635,6 @@ fn read_selected_text(verbose: bool) -> Option<String> {
         )
     };
     if err != AXError::Success || selected_text_ptr.is_null() {
-        if verbose {
-            println!(
-                "[SelectionMonitor] Failed to get AXSelectedText (err={:?})",
-                err
-            );
-        }
         return None;
     }
 
@@ -727,40 +643,27 @@ fn read_selected_text(verbose: bool) -> Option<String> {
         CFRetained::from_raw(NonNull::new(selected_text_ptr.cast::<CFString>().cast_mut()).unwrap())
     };
 
-    let s = selected_cfstr.to_string();
-    if verbose {
-        println!("[SelectionMonitor] Success! Found text length: {}", s.len());
-    }
-    Some(s)
+    Some(selected_cfstr.to_string())
 }
 
 /// Read selected text with lightweight retries to handle transient AX focus instability.
 #[cfg(target_os = "macos")]
-fn read_selected_text_with_retries(retries: u32, delay_ms: u64, verbose: bool) -> Option<String> {
+fn read_selected_text_with_retries(retries: u32, delay_ms: u64) -> Option<String> {
     use std::thread;
     use std::time::Duration;
     for attempt in 0..=retries {
-        if let Some(text) = read_selected_text(verbose) {
+        if let Some(text) = read_selected_text() {
             if !text.is_empty() {
                 if attempt > 0 {
-                    log::info!(
-                        "read_selected_text: 第{}次重试成功，获取到选中文本",
-                        attempt
-                    );
-                    if verbose {
-                        println!("[SelectionMonitor] Retry success on attempt {}", attempt);
-                    }
+                    // log::info!(
+                    //     "read_selected_text: 第{}次重试成功，获取到选中文本",
+                    //     attempt
+                    // );
                 }
                 return Some(text);
             }
         }
         if attempt < retries {
-            if verbose {
-                println!(
-                    "[SelectionMonitor] Attempt {} failed/empty, retrying...",
-                    attempt
-                );
-            }
             thread::sleep(Duration::from_millis(delay_ms));
         }
     }

src/components/Assistant/AssistantList.tsx

@@ -15,12 +15,12 @@ import { useConnectStore } from "@/stores/connectStore";
 import FontIcon from "@/components/Common/Icons/FontIcon";
 import { useShortcutsStore } from "@/stores/shortcutsStore";
 import NoDataImage from "@/components/Common/NoDataImage";
-import PopoverInput from "@/components/Common/PopoverInput";
 import { AssistantFetcher } from "./AssistantFetcher";
 import AssistantItem from "./AssistantItem";
 import Pagination from "@/components/Common/Pagination";
 import { useSearchStore } from "@/stores/searchStore";
 import { Button } from "../ui/button";
+import { Input } from "../ui/input";
 
 interface AssistantListProps {
   assistantIDs?: string[];
@@ -241,9 +241,10 @@ export function AssistantList({ assistantIDs = [] }: AssistantListProps) {
               searchInputRef.current?.focus();
             }}
           >
-            <PopoverInput
+            <Input
               ref={searchInputRef}
               autoFocus
+              autoCorrect="off"
               value={keyword}
               placeholder={t("assistant.popover.search")}
               className="w-full h-8"

src/components/Cloud/Connect.tsx

@@ -63,6 +63,7 @@ export function Connect({ setIsConnect, onAddServer }: ConnectServiceProps) {
               type="text"
               id="endpoint"
               value={endpointLink}
+              autoCorrect="off"
               placeholder={t("cloud.connect.serverPlaceholder")}
               onChange={onChangeEndpoint}
               className="text-[#101010] dark:text-white flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-gray-800"

src/components/Common/PopoverInput.tsx

@@ -1,36 +0,0 @@
-import type { InputProps } from "@/components/ui/input";
-import { Input } from "@/components/ui/input";
-import { useKeyPress } from "ahooks";
-import { forwardRef, useImperativeHandle, useRef } from "react";
-
-import { POPOVER_PANEL_SELECTOR } from "@/constants";
-
-const PopoverInput = forwardRef<HTMLInputElement, InputProps>((props, ref) => {
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  useImperativeHandle(ref, () => inputRef.current!);
-
-  useKeyPress(
-    "esc",
-    (event) => {
-      if (inputRef.current === document.activeElement) {
-        event.preventDefault();
-        event.stopPropagation();
-
-        inputRef.current?.blur();
-
-        const parentPanel = inputRef.current?.closest(POPOVER_PANEL_SELECTOR);
-        if (parentPanel instanceof HTMLElement) {
-          parentPanel.focus();
-        }
-      }
-    },
-    {
-      target: inputRef,
-    }
-  );
-
-  return <Input autoCorrect="off" ref={inputRef} {...(props as any)} />;
-});
-
-export default PopoverInput;

src/components/Common/VisibleKey.tsx

@@ -1,9 +1,11 @@
 import { FC, HTMLAttributes, useEffect, useRef, useState } from "react";
 import { useKeyPress } from "ahooks";
 import clsx from "clsx";
-import { last } from "lodash-es";
 
-import { POPOVER_PANEL_SELECTOR } from "@/constants";
+import {
+  OPENED_POPOVER_TRIGGER_SELECTOR,
+  POPOVER_PANEL_SELECTOR,
+} from "@/constants";
 import { useShortcutsStore } from "@/stores/shortcutsStore";
 import { useAppStore } from "@/stores/appStore";
 import { KeyType } from "ahooks/lib/useKeyPress";
@@ -43,22 +45,21 @@ const VisibleKey: FC<VisibleKeyProps> = (props) => {
   const [visibleShortcut, setVisibleShortcut] = useState<boolean>();
 
   useEffect(() => {
-    const popoverPanelEls = document.querySelectorAll(POPOVER_PANEL_SELECTOR);
-
-    const popoverPanelEl = last(popoverPanelEls);
+    const popoverPanelEl = document.querySelector(POPOVER_PANEL_SELECTOR);
+    const openedPopoverTriggerEl = document.querySelector(
+      OPENED_POPOVER_TRIGGER_SELECTOR
+    );
 
     if (!openPopover || !popoverPanelEl) {
       return setVisibleShortcut(modifierKeyPressed);
     }
 
-    const popoverButtonEl = document.querySelector(
-      `[aria-controls="${popoverPanelEl.id}"]`
+    const isChildInPanel = popoverPanelEl?.contains(childrenRef.current);
+    const isChildInTrigger = openedPopoverTriggerEl?.contains(
+      childrenRef.current
     );
 
-    const isChildInPanel = popoverPanelEl?.contains(childrenRef.current);
-    const isChildInButton = popoverButtonEl?.contains(childrenRef.current);
-
-    const isChildInPopover = isChildInPanel || isChildInButton;
+    const isChildInPopover = isChildInPanel || isChildInTrigger;
 
     setVisibleShortcut(isChildInPopover && modifierKeyPressed);
   }, [openPopover, modifierKeyPressed]);
@@ -111,7 +112,7 @@ const VisibleKey: FC<VisibleKeyProps> = (props) => {
       {showTooltip && visibleShortcut ? (
         <div
           className={clsx(
-            "size-4 flex items-center justify-center font-normal text-xs text-[#333] leading-[14px] bg-[#ccc] dark:bg-[#6B6B6B] rounded-md shadow-[-6px_0px_6px_2px_#fff] dark:shadow-[-6px_0px_6px_2px_#000] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
+            "size-4 flex items-center justify-center font-normal text-xs text-[#333] leading-3.5 bg-[#ccc] dark:bg-[#6B6B6B] rounded-md shadow-[-6px_0px_6px_2px_#fff] dark:shadow-[-6px_0px_6px_2px_#000] absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
             shortcutClassName
           )}
         >

src/components/Search/ExtensionDetail.tsx

@@ -243,7 +243,7 @@ const ExtensionDetail: FC<ExtensionDetailProps> = (props) => {
           }}
           deleteButtonProps={{
             className:
-              "!text-[#FF4949] bg-[#F8F9FA] dark:text-white dark:bg-[#202126] border-[#E6E6E6] dark:border-white/10",
+              "text-white bg-[#FF4949] hover:bg-[#FF4949] border-[#E6E6E6] dark:border-white/10",
           }}
           setIsOpen={setIsOpen}
           onCancel={handleCancel}

src/components/Search/MCPPopover.tsx

@@ -17,10 +17,10 @@ import Checkbox from "@/components/Common/Checkbox";
 import { useShortcutsStore } from "@/stores/shortcutsStore";
 import VisibleKey from "@/components/Common/VisibleKey";
 import NoDataImage from "@/components/Common/NoDataImage";
-import PopoverInput from "@/components/Common/PopoverInput";
 import Pagination from "@/components/Common/Pagination";
 import { SearchQuery } from "@/utils";
 import { Button } from "../ui/button";
+import { Input } from "../ui/input";
 
 interface MCPPopoverProps {
   mcp_servers: any;
@@ -263,8 +263,9 @@ export default function MCPPopover({
                       />
                     </div>
 
-                    <PopoverInput
+                    <Input
                       autoFocus
+                      autoCorrect="off"
                       value={keyword}
                       ref={searchInputRef}
                       className="size-full px-2 rounded-lg border dark:border-white/10 bg-transparent"

src/components/Search/SearchPopover.tsx

@@ -17,9 +17,9 @@ import Checkbox from "@/components/Common/Checkbox";
 import { useShortcutsStore } from "@/stores/shortcutsStore";
 import VisibleKey from "@/components/Common/VisibleKey";
 import NoDataImage from "@/components/Common/NoDataImage";
-import PopoverInput from "@/components/Common/PopoverInput";
 import Pagination from "@/components/Common/Pagination";
 import { Button } from "../ui/button";
+import { Input } from "../ui/input";
 
 interface SearchPopoverProps {
   datasource: any;
@@ -271,8 +271,9 @@ export default function SearchPopover({
                       />
                     </div>
 
-                    <PopoverInput
+                    <Input
                       autoFocus
+                      autoCorrect="off"
                       value={keyword}
                       ref={searchInputRef}
                       className="size-full px-2 rounded-lg border dark:border-white/10 bg-transparent"

src/components/Search/ViewExtension.tsx

@@ -7,7 +7,7 @@ import { useSearchStore } from "@/stores/searchStore";
 import {
   ExtensionFileSystemPermission,
   FileSystemAccess,
-  ViewExtensionUISettings,
+  ViewExtensionUISettingsOrNull,
 } from "../Settings/Extensions";
 import platformAdapter from "@/utils/platformAdapter";
 import { useShortcutsStore } from "@/stores/shortcutsStore";
@@ -18,7 +18,7 @@ const ViewExtension: React.FC = () => {
   const { viewExtensionOpened } = useSearchStore();
 
   const isTauri = useAppStore((state) => state.isTauri);
-  
+
   // Complete list of the backend APIs, grouped by their category.
   const [apis, setApis] = useState<Map<string, string[]> | null>(null);
   const { setModifierKeyPressed } = useShortcutsStore();
@@ -39,9 +39,14 @@ const ViewExtension: React.FC = () => {
     y: number;
   } | null>(null);
   const iframeRef = useRef<HTMLIFrameElement | null>(null);
-  const DEFAULT_VIEW_WIDTH = 1200;
-  const DEFAULT_VIEW_HEIGHT = 900;
   const [scale, setScale] = useState(1);
+  const [fallbackViewSize, setFallbackViewSize] = useState<{
+    width: number;
+    height: number;
+  } | null>(() => {
+    if (typeof window === "undefined") return null;
+    return { width: window.innerWidth, height: window.innerHeight };
+  });
 
   if (viewExtensionOpened == null) {
     // When this view gets loaded, this state should not be NULL.
@@ -191,23 +196,38 @@ const ViewExtension: React.FC = () => {
   }, [reversedApis, permission]); // Add apiPermissions as dependency
 
   const fileUrl = viewExtensionOpened[2];
-  const ui: ViewExtensionUISettings | undefined = useMemo(() => {
-    return viewExtensionOpened[4] as ViewExtensionUISettings | undefined;
+  const ui: ViewExtensionUISettingsOrNull = useMemo(() => {
+    return viewExtensionOpened[4] as ViewExtensionUISettingsOrNull;
   }, [viewExtensionOpened]);
   const resizable = ui?.resizable;
 
+  const uiWidth = ui && typeof ui.width === "number" ? ui.width : null;
+  const uiHeight = ui && typeof ui.height === "number" ? ui.height : null;
+  const hasExplicitWindowSize = uiWidth != null && uiHeight != null;
+
   const baseWidth = useMemo(() => {
-    return ui && typeof ui?.width === "number" ? ui.width : DEFAULT_VIEW_WIDTH;
-  }, [ui]);
+    if (uiWidth != null) return uiWidth;
+    if (fallbackViewSize != null) return fallbackViewSize.width;
+    return 0;
+  }, [uiWidth, fallbackViewSize]);
   const baseHeight = useMemo(() => {
-    return ui && typeof ui?.height === "number" ? ui.height : DEFAULT_VIEW_HEIGHT;
-  }, [ui]);
+    if (uiHeight != null) return uiHeight;
+    if (fallbackViewSize != null) return fallbackViewSize.height;
+    return 0;
+  }, [uiHeight, fallbackViewSize]);
 
   const recomputeScale = useCallback(async () => {
+    if (!hasExplicitWindowSize) {
+      setScale(1);
+      return;
+    }
     const size = await platformAdapter.getWindowSize();
-    const nextScale = Math.min(size.width / baseWidth, size.height / baseHeight);
+    const nextScale = Math.min(
+      size.width / baseWidth,
+      size.height / baseHeight
+    );
     setScale(Math.max(nextScale, 0.1));
-  }, [baseWidth, baseHeight]);
+  }, [hasExplicitWindowSize, baseWidth, baseHeight]);
 
   const applyFullscreen = useCallback(
     async (next: boolean) => {
@@ -247,16 +267,23 @@ const ViewExtension: React.FC = () => {
         if (!isMac) {
           await platformAdapter.setWindowFullscreen(false);
         }
-        const nextWidth =
-          ui && typeof ui.width === "number" ? ui.width : DEFAULT_VIEW_WIDTH;
-        const nextHeight =
-          ui && typeof ui.height === "number" ? ui.height : DEFAULT_VIEW_HEIGHT;
-        const nextResizable =
-          ui && typeof ui.resizable === "boolean" ? ui.resizable : true;
-        await platformAdapter.setWindowSize(nextWidth, nextHeight);
-        await platformAdapter.setWindowResizable(nextResizable);
-        await platformAdapter.centerOnCurrentMonitor();
-        await recomputeScale();
+        if (fullscreenPrevRef.current) {
+          const prev = fullscreenPrevRef.current;
+          await platformAdapter.setWindowSize(prev.width, prev.height);
+          await platformAdapter.setWindowResizable(prev.resizable);
+          await platformAdapter.setWindowPosition(prev.x, prev.y);
+          fullscreenPrevRef.current = null;
+          await recomputeScale();
+        } else if (hasExplicitWindowSize) {
+          const nextResizable =
+            ui && typeof ui.resizable === "boolean" ? ui.resizable : true;
+          await platformAdapter.setWindowSize(uiWidth, uiHeight);
+          await platformAdapter.setWindowResizable(nextResizable);
+          await platformAdapter.centerOnCurrentMonitor();
+          await recomputeScale();
+        } else {
+          await recomputeScale();
+        }
         setTimeout(() => {
           iframeRef.current?.focus();
           try {
@@ -274,6 +301,7 @@ const ViewExtension: React.FC = () => {
         const size = await platformAdapter.getWindowSize();
         const resizable = await platformAdapter.isWindowResizable();
         const pos = await platformAdapter.getWindowPosition();
+        setFallbackViewSize({ width: size.width, height: size.height });
         prevWindowRef.current = {
           width: size.width,
           height: size.height,
@@ -282,17 +310,16 @@ const ViewExtension: React.FC = () => {
           y: pos.y,
         };
 
-        const nextWidth =
-          ui && typeof ui.width === "number" ? ui.width : DEFAULT_VIEW_WIDTH;
-        const nextHeight =
-          ui && typeof ui.height === "number" ? ui.height : DEFAULT_VIEW_HEIGHT;
-        const nextResizable =
-          ui && typeof ui.resizable === "boolean" ? ui.resizable : true;
-
-        await platformAdapter.setWindowSize(nextWidth, nextHeight);
-        await platformAdapter.setWindowResizable(nextResizable);
-        await platformAdapter.centerOnCurrentMonitor();
-        await recomputeScale();
+        if (hasExplicitWindowSize) {
+          const nextResizable =
+            ui && typeof ui.resizable === "boolean" ? ui.resizable : true;
+          await platformAdapter.setWindowSize(uiWidth, uiHeight);
+          await platformAdapter.setWindowResizable(nextResizable);
+          await platformAdapter.centerOnCurrentMonitor();
+          await recomputeScale();
+        } else {
+          await recomputeScale();
+        }
         setTimeout(() => {
           iframeRef.current?.focus();
           try {
@@ -324,7 +351,14 @@ const ViewExtension: React.FC = () => {
         prevWindowRef.current = null;
       }
     };
-  }, [viewExtensionOpened]);
+  }, [
+    viewExtensionOpened,
+    ui,
+    hasExplicitWindowSize,
+    uiWidth,
+    uiHeight,
+    recomputeScale,
+  ]);
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
       if (e.key === "Escape" && isFullscreen) {
@@ -342,7 +376,6 @@ const ViewExtension: React.FC = () => {
 
   return (
     <div className="relative w-full h-full">
-      {isFullscreen && <div className="absolute inset-0 pointer-events-none" />}
       {resizable && (
         <button
           aria-label={
@@ -371,18 +404,20 @@ const ViewExtension: React.FC = () => {
         </button>
       )}
       {/* Focus helper button */}
-      <button
-        aria-label={t("viewExtension.focus")}
-        className="absolute top-2 right-12 z-10 rounded-md bg-black/40 text-white p-2 hover:bg-black/60 focus:outline-none"
-        onClick={() => {
-          iframeRef.current?.focus();
-          try {
-            iframeRef.current?.contentWindow?.focus();
-          } catch {}
-        }}
-      >
-        <Focus className="size-4"/>
-      </button>
+      {resizable && (
+        <button
+          aria-label={t("viewExtension.focus")}
+          className="absolute top-2 right-12 z-10 rounded-md bg-black/40 text-white p-2 hover:bg-black/60 focus:outline-none"
+          onClick={() => {
+            iframeRef.current?.focus();
+            try {
+              iframeRef.current?.contentWindow?.focus();
+            } catch {}
+          }}
+        >
+          <Focus className="size-4" />
+        </button>
+      )}
       <div
         className="w-full h-full flex items-center justify-center"
         onMouseDownCapture={() => {
@@ -398,10 +433,8 @@ const ViewExtension: React.FC = () => {
         <iframe
           ref={iframeRef}
           src={fileUrl}
-          className="border-0"
+          className="border-0 w-full h-full"
           style={{
-            width: `${baseWidth}px`,
-            height: `${baseHeight}px`,
             transform: `scale(${scale})`,
             transformOrigin: "center center",
             outline: "none",

src/components/SearchChat/index.tsx

@@ -182,12 +182,9 @@ function SearchChat({
   });
 
   useEffect(() => {
-    const unlisten = platformAdapter.listenEvent(
-      "refresh-window-size",
-      () => {
-        debouncedSetWindowSize();
-      }
-    );
+    const unlisten = platformAdapter.listenEvent("refresh-window-size", () => {
+      debouncedSetWindowSize();
+    });
     return () => {
       unlisten
         .then((fn) => {

src/components/Settings/Advanced/index.tsx

@@ -21,8 +21,8 @@ import SettingsInput from "@/components//Settings/SettingsInput";
 import platformAdapter from "@/utils/platformAdapter";
 import UpdateSettings from "./components/UpdateSettings";
 import SettingsToggle from "../SettingsToggle";
-import SelectionSettings from "./components/Selection";
-import { isMac } from "@/utils/platform";
+// import SelectionSettings from "./components/Selection";
+// import { isMac } from "@/utils/platform";
 import {
   Select,
   SelectTrigger,
@@ -196,7 +196,7 @@ const Advanced = () => {
         })}
       </div>
 
-      {isMac && <SelectionSettings />}
+      {/* {isMac && <SelectionSettings />} */}
 
       <Shortcuts />
 

src/components/Settings/Extensions/index.tsx

@@ -81,6 +81,8 @@ export interface ViewExtensionUISettings {
   detachable: boolean;
 }
 
+export type ViewExtensionUISettingsOrNull = ViewExtensionUISettings | null | undefined;
+
 export interface Extension {
   id: ExtensionId;
   type: ExtensionType;

src/components/ui/popover.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn } from "@/lib/utils";
+import { OPENED_POPOVER_TRIGGER_SELECTOR } from "@/constants";
 
 const Popover = PopoverPrimitive.Root;
 const PopoverTrigger = PopoverPrimitive.Trigger;
@@ -34,6 +35,24 @@ const PopoverContent = React.forwardRef<
       )}
       data-popover-panel
       id={panelId}
+      onEscapeKeyDown={(event) => {
+        event.stopPropagation();
+
+        event.preventDefault();
+
+        if (
+          document.activeElement instanceof HTMLInputElement ||
+          document.activeElement instanceof HTMLTextAreaElement
+        ) {
+          return document.activeElement.blur();
+        }
+
+        const el = document.querySelector(OPENED_POPOVER_TRIGGER_SELECTOR);
+
+        if (el instanceof HTMLElement) {
+          el.click();
+        }
+      }}
       {...props}
     />
   )

src/constants/index.ts

@@ -1,8 +1,11 @@
-export const POPOVER_PANEL_SELECTOR = '[data-popover-panel]';
+export const POPOVER_PANEL_SELECTOR = "[data-radix-popper-content-wrapper]";
 
-export const HISTORY_PANEL_ID = "headlessui-popover-panel:history-panel";
+export const OPENED_POPOVER_TRIGGER_SELECTOR =
+  "[aria-haspopup='dialog'][aria-expanded='true'][data-state='open']";
 
-export const CONTEXT_MENU_PANEL_ID = "headlessui-popover-panel:context-menu";
+export const HISTORY_PANEL_ID = "popover-panel:history-panel";
+
+export const CONTEXT_MENU_PANEL_ID = "popover-panel:context-menu";
 
 export const DEFAULT_COCO_SERVER_ID = "default_coco_server";
 

src/hooks/useEscape.ts

@@ -5,20 +5,15 @@ import { HISTORY_PANEL_ID } from "@/constants";
 import { closeHistoryPanel } from "@/utils";
 
 const useEscape = () => {
-  const visibleContextMenu = useSearchStore((state) => {
-    return state.visibleContextMenu;
-  });
-  const setVisibleContextMenu = useSearchStore((state) => {
-    return state.setVisibleContextMenu;
-  });
-  const viewExtensionOpened = useSearchStore((state) => {
-    return state.viewExtensionOpened;
-  });
+  const { setVisibleContextMenu } = useSearchStore();
 
   useKeyPress("esc", (event) => {
     event.preventDefault();
     event.stopPropagation();
 
+    const { visibleContextMenu, viewExtensionOpened } =
+      useSearchStore.getState();
+
     if (
       document.activeElement instanceof HTMLInputElement ||
       document.activeElement instanceof HTMLTextAreaElement
@@ -39,6 +34,7 @@ const useEscape = () => {
     if (viewExtensionOpened != null) {
       return;
     }
+
     platformAdapter.hideWindow();
   });
 };

src/hooks/useModifierKeyPress.ts

@@ -16,8 +16,9 @@ export const useModifierKeyPress = () => {
   useKeyPress(
     modifierKey,
     (event) => {
-      const popoverPanelEl = document.querySelector(POPOVER_PANEL_SELECTOR);
-      setOpenPopover(Boolean(popoverPanelEl));
+      const el = document.querySelector(POPOVER_PANEL_SELECTOR);
+
+      setOpenPopover(Boolean(el));
 
       setModifierKeyPressed(event.type === "keydown");
     },

src/hooks/useTray.ts

@@ -18,7 +18,7 @@ export const useTray = () => {
   const showCocoShortcuts = useAppStore((state) => state.showCocoShortcuts);
 
   const selectionEnabled = useSelectionStore((state) => state.selectionEnabled);
-  const setSelectionEnabled = useSelectionStore((state) => state.setSelectionEnabled);
+  // const setSelectionEnabled = useSelectionStore((state) => state.setSelectionEnabled);
 
   useUpdateEffect(() => {
     if (showCocoShortcuts.length === 0) return;
@@ -65,18 +65,18 @@ export const useTray = () => {
 
     itemPromises.push(PredefinedMenuItem.new({ item: "Separator" }));
 
-    if (isMac) {
-      itemPromises.push(
-        MenuItem.new({
-          text: selectionEnabled
-            ? t("tray.selectionDisable")
-            : t("tray.selectionEnable"),
-          action: async () => {
-            setSelectionEnabled(!selectionEnabled);
-          },
-        })
-      );
-    }
+    // if (isMac) {
+    //   itemPromises.push(
+    //     MenuItem.new({
+    //       text: selectionEnabled
+    //         ? t("tray.selectionDisable")
+    //         : t("tray.selectionEnable"),
+    //       action: async () => {
+    //         setSelectionEnabled(!selectionEnabled);
+    //       },
+    //     })
+    //   );
+    // }
 
     itemPromises.push(
       MenuItem.new({

src/routes/outlet.tsx

@@ -18,7 +18,7 @@ import { useExtensionsStore } from "@/stores/extensionsStore";
 import { useSelectionStore, startSelectionStorePersistence } from "@/stores/selectionStore";
 import { useServers } from "@/hooks/useServers";
 import { useDeepLinkManager } from "@/hooks/useDeepLinkManager";
-import { useSelectionWindow } from "@/hooks/useSelectionWindow";
+// import { useSelectionWindow } from "@/hooks/useSelectionWindow";
 
 export default function LayoutOutlet() {
   const location = useLocation();
@@ -128,7 +128,7 @@ export default function LayoutOutlet() {
   });
 
   // --- Selection window ---
-  useSelectionWindow();
+  // useSelectionWindow();
 
   return (
     <>

src/stores/selectionStore.ts

@@ -33,7 +33,7 @@ export const useSelectionStore = create<SelectionStore>((set) => ({
   setIconsOnly: (iconsOnly) => set({ iconsOnly }),
   toolbarConfig: [],
   setToolbarConfig: (toolbarConfig) => set({ toolbarConfig }),
-  selectionEnabled: true,
+  selectionEnabled: false,
   setSelectionEnabled: (selectionEnabled) => set({ selectionEnabled }),
 }));
 

src/utils/index.ts

@@ -303,7 +303,7 @@ export const visibleSearchBar = () => {
 
   const ui = viewExtensionOpened[4];
 
-  return ui?.search_bar ?? true;
+  return ui?.search_bar ?? false;
 };
 
 export const visibleFilterBar = () => {
@@ -316,7 +316,7 @@ export const visibleFilterBar = () => {
 
   const ui = viewExtensionOpened[4];
 
-  return ui?.filter_bar ?? true;
+  return ui?.filter_bar ?? false;
 };
 
 export const visibleFooterBar = () => {
@@ -326,7 +326,7 @@ export const visibleFooterBar = () => {
 
   const ui = viewExtensionOpened[4];
 
-  return ui?.footer ?? true;
+  return ui?.footer ?? false;
 };
 
 export const installExtensionError = (error: any) => {