00821700de
* chore: remove dead/unreferenced files across ui, vscode Remove 59 unused source files (components, hooks, lib utils, stores, barrels, and orphaned vscode github modules) that are not imported by any entry-reachable code. Also drop a stale test mock for the removed execCommands module. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * refactor: remove unused exported symbols (types, functions, consts, hooks) Remove exported symbols whose identifier is referenced nowhere in the repository (verified via repo-wide search), across ui types/contracts, lib utilities, sync layer, stores, and components. Also drop the few imports/private helpers orphaned by these removals. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * refactor: remove more unused exports (desktop, shortcuts, worktree, vscode) Continue removing repo-wide unreferenced exported functions, consts and types across lib/desktop, shortcuts, worktreeSessionCreator, sync, and vscode gitService, with cascading orphaned helpers/imports cleaned up. Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> * chore: add dead-code cleanup tooling * refactor: checkpoint dead-code cleanup * refactor: remove dead-code suppressions --------- Co-authored-by: Serhii Dziupin <makeittech@users.noreply.github.com> Co-authored-by: Bohdan Triapitsyn <artmore@protonmail.com>
39 lines
1.5 KiB
TypeScript
39 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import { cn } from '@/lib/utils';
|
|
import { useConfigStore } from '@/stores/useConfigStore';
|
|
import { getModelDisplayName } from './mobileControlsUtils';
|
|
import { useI18n } from '@/lib/i18n';
|
|
|
|
interface MobileModelButtonProps {
|
|
onOpenModel: () => void;
|
|
className?: string;
|
|
}
|
|
|
|
export const MobileModelButton: React.FC<MobileModelButtonProps> = ({ onOpenModel, className }) => {
|
|
const { t } = useI18n();
|
|
const currentModelId = useConfigStore((state) => state.currentModelId);
|
|
const getCurrentProvider = useConfigStore((state) => state.getCurrentProvider);
|
|
const currentProvider = getCurrentProvider();
|
|
const modelLabel = getModelDisplayName(currentProvider, currentModelId, t('chat.modelControls.selectModel'));
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
onClick={onOpenModel}
|
|
className={cn(
|
|
'inline-flex min-w-0 items-center justify-center',
|
|
'rounded-lg border border-border/50 px-1.5',
|
|
'typography-micro font-medium text-foreground/80',
|
|
'focus:outline-none hover:bg-[var(--interactive-hover)]',
|
|
className
|
|
)}
|
|
style={{ height: '26px', maxHeight: '26px', minHeight: '26px' }}
|
|
title={modelLabel}
|
|
>
|
|
<span className="min-w-0 max-w-full overflow-x-auto whitespace-nowrap scrollbar-hidden">
|
|
{modelLabel}
|
|
</span>
|
|
</button>
|
|
);
|
|
};
|