style: 完成所有文件的lint

packages/remote-control-server/web/components/model-selector/ModelSelectorPicker.tsx

@@ -1,15 +1,8 @@
-import { useState, useMemo } from "react";
-import { Check } from "lucide-react";
-import {
-  Command,
-  CommandInput,
-  CommandList,
-  CommandEmpty,
-  CommandGroup,
-  CommandItem,
-} from "../ui/command";
-import type { ModelInfo } from "../../src/acp/types";
-import { cn } from "../../src/lib/utils";
+import { useState, useMemo } from 'react';
+import { Check } from 'lucide-react';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../ui/command';
+import type { ModelInfo } from '../../src/acp/types';
+import { cn } from '../../src/lib/utils';
 
 interface ModelSelectorPickerProps {
   models: ModelInfo[];
@@ -51,33 +44,24 @@ export function ModelSelectorPicker({
   showSearch = true,
   isMobile = false,
 }: ModelSelectorPickerProps) {
-  const [search, setSearch] = useState("");
+  const [search, setSearch] = useState('');
   // On mobile, don't auto-select first item (no keyboard navigation needed)
   // Use a non-existent value to prevent any item from being selected
-  const [selectedValue, setSelectedValue] = useState(isMobile ? "__none__" : undefined);
+  const [selectedValue, setSelectedValue] = useState(isMobile ? '__none__' : undefined);
 
   // Filter models using fuzzy search
   const filteredModels = useMemo(() => {
     if (!search) return models;
-    return models.filter((model) =>
-      fuzzyMatch(search, model.name) ||
-      fuzzyMatch(search, model.modelId)
-    );
+    return models.filter(model => fuzzyMatch(search, model.name) || fuzzyMatch(search, model.modelId));
   }, [models, search]);
 
   return (
     <Command shouldFilter={false} value={selectedValue} onValueChange={setSelectedValue}>
-      {showSearch && (
-        <CommandInput
-          placeholder="Select a model…"
-          value={search}
-          onValueChange={setSearch}
-        />
-      )}
+      {showSearch && <CommandInput placeholder="Select a model…" value={search} onValueChange={setSearch} />}
       <CommandList>
         <CommandEmpty>No models found.</CommandEmpty>
         <CommandGroup>
-          {filteredModels.map((model) => (
+          {filteredModels.map(model => (
             <CommandItem
               key={model.modelId}
               value={model.modelId}
@@ -87,16 +71,11 @@ export function ModelSelectorPicker({
               <div className="flex flex-col gap-0.5 min-w-0">
                 <span className="truncate font-medium">{model.name}</span>
                 {model.description && (
-                  <span className="text-xs text-muted-foreground truncate">
-                    {model.description}
-                  </span>
+                  <span className="text-xs text-muted-foreground truncate">{model.description}</span>
                 )}
               </div>
               <Check
-                className={cn(
-                  "h-4 w-4 shrink-0",
-                  currentModelId === model.modelId ? "opacity-100" : "opacity-0"
-                )}
+                className={cn('h-4 w-4 shrink-0', currentModelId === model.modelId ? 'opacity-100' : 'opacity-0')}
               />
             </CommandItem>
           ))}
@@ -105,4 +84,3 @@ export function ModelSelectorPicker({
     </Command>
   );
 }
-

packages/remote-control-server/web/components/model-selector/ModelSelectorPopover.tsx

@@ -1,11 +1,11 @@
-import { useState } from "react";
-import { ChevronDown, ChevronUp, Loader2 } from "lucide-react";
-import { Button } from "../ui/button";
-import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
-import { ModelSelectorPicker } from "./ModelSelectorPicker";
-import type { ACPClient } from "../../src/acp/client";
-import type { ModelInfo } from "../../src/acp/types";
-import { useModels } from "../../src/hooks/useModels";
+import { useState } from 'react';
+import { ChevronDown, ChevronUp, Loader2 } from 'lucide-react';
+import { Button } from '../ui/button';
+import { Popover, PopoverContent, PopoverTrigger } from '../ui/popover';
+import { ModelSelectorPicker } from './ModelSelectorPicker';
+import type { ACPClient } from '../../src/acp/client';
+import type { ModelInfo } from '../../src/acp/types';
+import { useModels } from '../../src/hooks/useModels';
 
 interface ModelSelectorPopoverProps {
   /** ACPClient instance for model state management */
@@ -18,25 +18,15 @@ interface ModelSelectorPopoverProps {
  * Model selector popover component.
  * Reference: Zed's AcpModelSelectorPopover that shows current model and allows switching.
  */
-export function ModelSelectorPopover({
-  client,
-  onModelSelect,
-}: ModelSelectorPopoverProps) {
+export function ModelSelectorPopover({ client, onModelSelect }: ModelSelectorPopoverProps) {
   const [open, setOpen] = useState(false);
-  const {
-    supportsModelSelection,
-    availableModels,
-    currentModel,
-    setModel,
-    isLoading,
-  } = useModels(client);
+  const { supportsModelSelection, availableModels, currentModel, setModel, isLoading } = useModels(client);
 
   // Always show the button — disable dropdown when no models available
   const hasModels = supportsModelSelection && availableModels.length > 0;
 
   // Check if we're on a mobile device (touch-only)
-  const isMobile = typeof window !== "undefined" &&
-    window.matchMedia("(hover: none) and (pointer: coarse)").matches;
+  const isMobile = typeof window !== 'undefined' && window.matchMedia('(hover: none) and (pointer: coarse)').matches;
 
   const handleSelect = async (model: ModelInfo) => {
     try {
@@ -44,7 +34,7 @@ export function ModelSelectorPopover({
       onModelSelect?.(model.modelId);
       setOpen(false);
     } catch (error) {
-      console.error("[ModelSelector] Failed to set model:", error);
+      console.error('[ModelSelector] Failed to set model:', error);
     }
   };
 
@@ -57,17 +47,9 @@ export function ModelSelectorPopover({
           className="gap-1.5 text-muted-foreground hover:text-foreground h-7 px-2"
           disabled={!hasModels || isLoading}
         >
-          {isLoading ? (
-            <Loader2 className="h-3 w-3 animate-spin" />
-          ) : null}
-          <span className="max-w-32 truncate">
-            {currentModel?.name ?? "Select Model"}
-          </span>
-          {open ? (
-            <ChevronUp className="h-3 w-3" />
-          ) : (
-            <ChevronDown className="h-3 w-3" />
-          )}
+          {isLoading ? <Loader2 className="h-3 w-3 animate-spin" /> : null}
+          <span className="max-w-32 truncate">{currentModel?.name ?? 'Select Model'}</span>
+          {open ? <ChevronUp className="h-3 w-3" /> : <ChevronDown className="h-3 w-3" />}
         </Button>
       </PopoverTrigger>
       <PopoverContent className="w-72 p-0" align="end">
@@ -82,4 +64,3 @@ export function ModelSelectorPopover({
     </Popover>
   );
 }
-

packages/remote-control-server/web/components/model-selector/index.ts

@@ -1,3 +1,2 @@
-export { ModelSelectorPopover } from "./ModelSelectorPopover";
-export { ModelSelectorPicker } from "./ModelSelectorPicker";
-
+export { ModelSelectorPopover } from './ModelSelectorPopover'
+export { ModelSelectorPicker } from './ModelSelectorPicker'