Feat: "Auto"-Button beim Kontext setzen - setzt den setup-bewussten Optimalwert

Beim manuellen ctx-Eintrag (Modellkarte »Ctx«) gab es nur ein leeres Eingabefeld.
Jetzt:
- Backend: GET /api/models/{id}/ctx/auto liefert den setup-bewussten Optimal-ctx fuer
  ein bestehendes Modell (Rolle/Params/Quant + aktuelles Setup) inkl. Budget-Herleitung.
  budget.py: params_of_model() + setup_aware_ctx_for_model() (DRY mit footprint_gb).
- Dialog (CustomDialog/useDialog): optionaler Auto-Button im Prompt, der den Wert eintraegt.
- Cockpit: »Ctx« holt den Optimalwert, zeigt ihn + Budget (GTT/reserviert/frei) in der
  Meldung und bietet »Auto (Nk)« zum direkten Uebernehmen.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/components/CustomDialog.tsx

@@ -6,11 +6,13 @@ export interface CustomDialogProps {
   title: string
   message: string
   defaultValue?: string
+  autoValue?: string
+  autoLabel?: string
   onConfirm: (val?: string) => void
   onCancel?: () => void
 }
 
-export function CustomDialog({ type, title, message, defaultValue, onConfirm, onCancel }: CustomDialogProps) {
+export function CustomDialog({ type, title, message, defaultValue, autoValue, autoLabel, onConfirm, onCancel }: CustomDialogProps) {
   const inputRef = useRef<HTMLInputElement>(null)
   return (
     <div className="fixed inset-0 z-[99] bg-black/60 backdrop-blur-sm flex items-center justify-center p-4">
@@ -27,18 +29,30 @@ export function CustomDialog({ type, title, message, defaultValue, onConfirm, on
         <p className="text-xs text-muted-foreground leading-relaxed">{message}</p>
         
         {type === "prompt" && (
-          <input
-            ref={inputRef}
-            type="text"
-            defaultValue={defaultValue}
-            className="w-full h-9 px-3 text-xs bg-background/40 border border-border/60 rounded-lg outline-none focus:border-primary transition-colors text-foreground"
-            autoFocus
-            onKeyDown={(e) => {
-              if (e.key === "Enter") {
-                onConfirm(inputRef.current?.value)
-              }
-            }}
-          />
+          <div className="flex gap-2">
+            <input
+              ref={inputRef}
+              type="text"
+              defaultValue={defaultValue}
+              className="flex-1 h-9 px-3 text-xs bg-background/40 border border-border/60 rounded-lg outline-none focus:border-primary transition-colors text-foreground"
+              autoFocus
+              onKeyDown={(e) => {
+                if (e.key === "Enter") {
+                  onConfirm(inputRef.current?.value)
+                }
+              }}
+            />
+            {autoValue !== undefined && (
+              <button
+                type="button"
+                onClick={() => { if (inputRef.current) inputRef.current.value = autoValue }}
+                title="Setup-bewussten Optimalwert eintragen"
+                className="h-9 px-3 shrink-0 text-xs font-semibold text-primary border border-primary/50 bg-primary/10 hover:bg-primary/20 rounded-lg transition-colors cursor-pointer"
+              >
+                {autoLabel || "Auto"}
+              </button>
+            )}
+          </div>
         )}
         
         <div className="flex justify-end gap-3 pt-2">