Hitonabi
1e011714dd
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>
60 lines
2.0 KiB
TypeScript
60 lines
2.0 KiB
TypeScript
// Ein Hook für Alert/Confirm/Prompt-Dialoge — ersetzt die zuvor in jeder View
|
|
// duplizierte showAlert/showConfirm-Logik + den lokalen Dialog-State.
|
|
//
|
|
// Nutzung:
|
|
// const { showAlert, showConfirm, showPrompt, dialogElement } = useDialog()
|
|
// ...
|
|
// showConfirm("Titel", "Wirklich?", () => doIt())
|
|
// return (<>{dialogElement}...</>)
|
|
|
|
import { useCallback, useState } from "react"
|
|
import { CustomDialog } from "@/components/CustomDialog"
|
|
|
|
interface DialogState {
|
|
type: "alert" | "confirm" | "prompt"
|
|
title: string
|
|
message: string
|
|
defaultValue?: string
|
|
autoValue?: string
|
|
autoLabel?: string
|
|
onConfirm: (val?: string) => void
|
|
onCancel?: () => void
|
|
}
|
|
|
|
export function useDialog() {
|
|
const [dialog, setDialog] = useState<DialogState | null>(null)
|
|
const close = useCallback(() => setDialog(null), [])
|
|
|
|
const showAlert = useCallback((title: string, message: string, onConfirm?: () => void) => {
|
|
setDialog({
|
|
type: "alert", title, message,
|
|
onConfirm: () => { setDialog(null); onConfirm?.() },
|
|
})
|
|
}, [])
|
|
|
|
const showConfirm = useCallback(
|
|
(title: string, message: string, onConfirm: () => void, onCancel?: () => void) => {
|
|
setDialog({
|
|
type: "confirm", title, message,
|
|
onConfirm: () => { setDialog(null); onConfirm() },
|
|
onCancel: () => { setDialog(null); onCancel?.() },
|
|
})
|
|
}, [])
|
|
|
|
const showPrompt = useCallback(
|
|
(title: string, message: string, defaultValue: string,
|
|
onConfirm: (val?: string) => void, onCancel?: () => void,
|
|
opts?: { autoValue?: string; autoLabel?: string }) => {
|
|
setDialog({
|
|
type: "prompt", title, message, defaultValue,
|
|
autoValue: opts?.autoValue, autoLabel: opts?.autoLabel,
|
|
onConfirm: (val) => { setDialog(null); onConfirm(val) },
|
|
onCancel: () => { setDialog(null); onCancel?.() },
|
|
})
|
|
}, [])
|
|
|
|
const dialogElement = dialog ? <CustomDialog {...dialog} /> : null
|
|
|
|
return { showAlert, showConfirm, showPrompt, close, dialogElement }
|
|
}
|