From 61a826a309eb4aab832a9de1d6064b14bcbabfea Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Sat, 16 May 2026 12:53:10 -0500
Subject: [PATCH] Hide Plus/Custom tabs when Frigate+ is not enabled

---
 web/public/locales/en/views/settings.json     |  3 +-
 .../DetectorsAndModelSettingsView.tsx         | 81 ++++++++++---------
 2 files changed, 45 insertions(+), 39 deletions(-)

diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json
index fda1c27acb..447d7491b1 100644
--- a/web/public/locales/en/views/settings.json
+++ b/web/public/locales/en/views/settings.json
@@ -1170,8 +1170,7 @@
     },
     "plusModel": {
       "requiresDetector": "Requires: {{detector}}",
-      "noModelSelected": "Select a Frigate+ model",
-      "plusDisabled": "Add a Frigate+ API key to use Frigate+ models."
+      "noModelSelected": "Select a Frigate+ model"
     },
     "toast": {
       "saveSuccess": "Detector and model settings saved",
diff --git a/web/src/views/settings/DetectorsAndModelSettingsView.tsx b/web/src/views/settings/DetectorsAndModelSettingsView.tsx
index c1aac103b5..971ce135b2 100644
--- a/web/src/views/settings/DetectorsAndModelSettingsView.tsx
+++ b/web/src/views/settings/DetectorsAndModelSettingsView.tsx
@@ -417,29 +417,25 @@ export default function DetectorsAndModelSettingsView({
             />
           )}
           <SettingsGroupCard title={t("detectorsAndModel.cardTitles.model")}>
-            <Tabs
-              value={state.modelTab}
-              onValueChange={(value) =>
-                setState((prev) =>
-                  prev ? { ...prev, modelTab: value as ModelTab } : prev,
-                )
-              }
-            >
-              <TabsList className="mb-4">
-                <TabsTrigger value="plus" disabled={!plusEnabled}>
-                  {t("detectorsAndModel.tabs.plus")}
-                </TabsTrigger>
-                <TabsTrigger value="custom">
-                  {t("detectorsAndModel.tabs.custom")}
-                </TabsTrigger>
-              </TabsList>
+            {plusEnabled ? (
+              <Tabs
+                value={state.modelTab}
+                onValueChange={(value) =>
+                  setState((prev) =>
+                    prev ? { ...prev, modelTab: value as ModelTab } : prev,
+                  )
+                }
+              >
+                <TabsList className="mb-4">
+                  <TabsTrigger value="plus">
+                    {t("detectorsAndModel.tabs.plus")}
+                  </TabsTrigger>
+                  <TabsTrigger value="custom">
+                    {t("detectorsAndModel.tabs.custom")}
+                  </TabsTrigger>
+                </TabsList>
 
-              <TabsContent value="plus">
-                {!plusEnabled ? (
-                  <p className="py-4 text-sm text-muted-foreground">
-                    {t("detectorsAndModel.plusModel.plusDisabled")}
-                  </p>
-                ) : (
+                <TabsContent value="plus">
                   <div className="flex w-full items-center gap-2">
                     <Select
                       value={state.plusModelId}
@@ -588,22 +584,33 @@ export default function DetectorsAndModelSettingsView({
                       </PopoverContent>
                     </Popover>
                   </div>
-                )}
-              </TabsContent>
+                </TabsContent>
 
-              <TabsContent value="custom">
-                <ConfigSectionTemplate
-                  sectionKey="model"
-                  level="global"
-                  showOverrideIndicator={false}
-                  showTitle={false}
-                  embedded
-                  pendingDataBySection={childPending}
-                  onPendingDataChange={handleChildPendingChange}
-                  onStatusChange={handleModelStatusChange}
-                />
-              </TabsContent>
-            </Tabs>
+                <TabsContent value="custom">
+                  <ConfigSectionTemplate
+                    sectionKey="model"
+                    level="global"
+                    showOverrideIndicator={false}
+                    showTitle={false}
+                    embedded
+                    pendingDataBySection={childPending}
+                    onPendingDataChange={handleChildPendingChange}
+                    onStatusChange={handleModelStatusChange}
+                  />
+                </TabsContent>
+              </Tabs>
+            ) : (
+              <ConfigSectionTemplate
+                sectionKey="model"
+                level="global"
+                showOverrideIndicator={false}
+                showTitle={false}
+                embedded
+                pendingDataBySection={childPending}
+                onPendingDataChange={handleChildPendingChange}
+                onStatusChange={handleModelStatusChange}
+              />
+            )}
           </SettingsGroupCard>
         </div>
       </div>