versun/claude-code
1
0
Fork 0
mirror of https://github.com/claude-code-best/claude-code.git synced 2026-06-22 16:25:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: 完成所有文件的lint

Browse Source
This commit is contained in:
claude-code-best
2026-05-01 21:39:30 +08:00
parent d136872cc9
commit 6182015005
1333 changed files with 68255 additions and 77882 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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>
);
}