Bohdan Triapitsyn
2740c7b3a2
A project could pin the model new chats start on, but not the level to run it at: the default cascade dropped any variant as soon as a project model won, and only ever considered the global one — which belongs to the global model. Projects now carry `defaultVariant` alongside `defaultModel`, stored and sanitized only next to that model, and the cascade passes it through. Both controls sit in one "Defaults for new chats" group laid out like the Sessions defaults, and the level appears only for models that offer them.
65 lines
2.3 KiB
TypeScript
65 lines
2.3 KiB
TypeScript
import React from 'react';
|
|
import { SettingsPageLayout } from '@/components/sections/shared/SettingsPageLayout';
|
|
import { useProjectsStore } from '@/stores/useProjectsStore';
|
|
import { useUIStore } from '@/stores/useUIStore';
|
|
import { ProjectSettingsPanel } from '@/components/sections/projects/ProjectSettingsPanel';
|
|
import type { ProjectIdentitySaveData } from '@/components/sections/projects/useProjectIdentityForm';
|
|
import { useI18n } from '@/lib/i18n';
|
|
|
|
export const ProjectsPage: React.FC = () => {
|
|
const { t } = useI18n();
|
|
const projects = useProjectsStore((state) => state.projects);
|
|
const updateProjectMeta = useProjectsStore((state) => state.updateProjectMeta);
|
|
const selectedId = useUIStore((state) => state.settingsProjectsSelectedId);
|
|
const setSelectedId = useUIStore((state) => state.setSettingsProjectsSelectedId);
|
|
|
|
const selectedProject = React.useMemo(() => {
|
|
if (!selectedId) return null;
|
|
return projects.find((p) => p.id === selectedId) ?? null;
|
|
}, [projects, selectedId]);
|
|
|
|
React.useEffect(() => {
|
|
if (projects.length === 0) {
|
|
setSelectedId(null);
|
|
return;
|
|
}
|
|
if (selectedId && projects.some((p) => p.id === selectedId)) {
|
|
return;
|
|
}
|
|
setSelectedId(projects[0].id);
|
|
}, [projects, selectedId, setSelectedId]);
|
|
|
|
const handleIdentitySave = React.useCallback(async (data: ProjectIdentitySaveData) => {
|
|
if (!selectedProject) return;
|
|
updateProjectMeta(selectedProject.id, {
|
|
label: data.label,
|
|
icon: data.icon,
|
|
color: data.color,
|
|
iconBackground: data.iconBackground,
|
|
defaultModel: data.defaultModel ?? null,
|
|
defaultVariant: data.defaultVariant ?? null,
|
|
});
|
|
}, [selectedProject, updateProjectMeta]);
|
|
|
|
if (!selectedProject) {
|
|
return (
|
|
<SettingsPageLayout title={t('settings.page.projects.title')} showSaveStatus>
|
|
<p className="typography-meta text-muted-foreground">{t('settings.projects.page.empty.noProjects')}</p>
|
|
</SettingsPageLayout>
|
|
);
|
|
}
|
|
|
|
const headerLabel = selectedProject.label ?? t('settings.projects.page.title.default');
|
|
|
|
return (
|
|
<SettingsPageLayout
|
|
title={headerLabel}
|
|
description={selectedProject.path}
|
|
showSaveStatus
|
|
outerClassName="bg-background"
|
|
>
|
|
<ProjectSettingsPanel project={selectedProject} onIdentitySave={handleIdentitySave} />
|
|
</SettingsPageLayout>
|
|
);
|
|
};
|