chore(settings): align default ai model handling

apps/web/src/components/admin/SystemSettingsClient.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { DEFAULT_OPENAI_MODEL } from "@capakraken/shared";
 import { useEffect, useState } from "react";
 import { trpc } from "~/lib/trpc/client.js";
 import {
@@ -26,7 +27,7 @@ import { parseAzureUrl, type GeminiTestResult } from "./system-settings/shared.j
 export function SystemSettingsClient() {
   const [provider, setProvider] = useState<Provider>("openai");
   const [endpoint, setEndpoint] = useState("");
-  const [model, setModel] = useState("");
+  const [model, setModel] = useState(DEFAULT_OPENAI_MODEL);
   const [apiVersion, setApiVersion] = useState("2025-01-01-preview");
   const [maxTokens, setMaxTokens] = useState(2000);
   const [temperature, setTemperature] = useState(1);
@@ -80,7 +81,7 @@ export function SystemSettingsClient() {
 
     setProvider((settings.aiProvider ?? "openai") as Provider);
     setEndpoint(settings.azureOpenAiEndpoint ?? "");
-    setModel(settings.azureOpenAiDeployment ?? "");
+    setModel(settings.azureOpenAiDeployment ?? DEFAULT_OPENAI_MODEL);
     setApiVersion(settings.azureApiVersion ?? "2025-01-01-preview");
     setMaxTokens(settings.aiMaxCompletionTokens ?? 2000);
     setTemperature(settings.aiTemperature ?? 1);

apps/web/src/components/admin/system-settings/AiSettingsPanels.tsx

@@ -1,3 +1,4 @@
+import { DEFAULT_OPENAI_MODEL } from "@capakraken/shared";
 import { InfoTooltip } from "~/components/ui/InfoTooltip.js";
 import {
   INPUT_CLASS,
@@ -153,14 +154,14 @@ export function AiProviderPanel({
           id="ai-model"
           type="text"
           className={INPUT_CLASS}
-          placeholder={provider === "azure" ? "my-gpt4o-deployment" : "gpt-4o-mini"}
+          placeholder={provider === "azure" ? "capakraken-gpt-5-4" : DEFAULT_OPENAI_MODEL}
           value={model}
           onChange={(event) => onModelChange(event.target.value)}
         />
         <p className="mt-1 text-xs text-gray-400 dark:text-gray-500">
           {provider === "azure"
             ? "The deployment name chosen when deploying the model in Azure."
-            : "The model identifier, for example gpt-4o-mini or gpt-4o."}
+            : `The model identifier, for example ${DEFAULT_OPENAI_MODEL} or gpt-5.4-pro.`}
         </p>
       </div>