feat: update desktop settings and server compatibility

apps/desktop/src/features/home/HomePage.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { api, configuredPluginModels, type Overview } from "../../shared/api";
+import { api, pluginText, type Overview } from "../../shared/api";
 import { ContributionCalendarChart } from "./charts/ContributionCalendarChart";
 import { DailyTokenUsageChart } from "./charts/DailyTokenUsageChart";
 import { HomeMetrics } from "./metrics/HomeMetrics";
@@ -9,7 +9,9 @@ import { OverviewTimeRangeFilter, type OverviewRangePreset } from "./overview/Ov
 import { PageActions } from "../../shell/PageActions";
 import { appStore, useAppStore } from "../../shared/store/appStore";
 import { formatTimeInput, parseTimeInput } from "../../shared/utils/parseTimeInput";
+import { modelProviderName } from "../../shared/utils/modelProvider";
 import { claudeIcon, flatColorOrganizationIcon, openAiIcon } from "../../shared/ui/icons";
+import { useI18n } from "../../i18n/store";
 
 type TimeRange = { startMs: number; endMs: number };
 
@@ -31,6 +33,7 @@ function presetRange(preset: Exclude<OverviewRangePreset, "custom">, now = new D
 
 export function HomePage() {
   const { overview, busy, models, plugins } = useAppStore();
+  const { locale } = useI18n();
   const [preset, setPreset] = useState<OverviewRangePreset>("month");
   const [customRange, setCustomRange] = useState<TimeRange | null>(null);
   const [customOpen, setCustomOpen] = useState(false);
@@ -105,13 +108,18 @@ export function HomePage() {
     ...models.map((model) => ({
       value: model.model_hash,
       label: model.display_name,
+      group: modelProviderName(model),
       icon: iconFor(model.type),
     })),
-    ...configuredPluginModels(plugins).map((model) => ({
-      value: model.id,
-      label: model.displayName,
-      icon: flatColorOrganizationIcon,
-    })),
+    ...plugins.flatMap((plugin) => plugin.providers.flatMap((provider) =>
+      provider.configured ? provider.models.map((model) => ({
+        value: model.id,
+        label: model.displayName,
+        group: pluginText(provider.displayName, locale) || model.pluginName,
+        iconSrc: model.icon || undefined,
+        icon: model.icon ? undefined : flatColorOrganizationIcon,
+      })) : [],
+    )),
   ];
   const sections: VirtualPageSection[] = [
     {