x
Ziel
G
{hint || diff --git a/frontend/src/components/ExercisePickerModal.jsx b/frontend/src/components/ExercisePickerModal.jsx index 5cf3859..6269d0a 100644 --- a/frontend/src/components/ExercisePickerModal.jsx +++ b/frontend/src/components/ExercisePickerModal.jsx @@ -18,7 +18,7 @@ import SkillTreeMultiSelect from './SkillTreeMultiSelect' import ExerciseFocusRulePicker from './ExerciseFocusRulePicker' import CatalogRulePicker from './CatalogRulePicker' import ExerciseAiSuggestPreviewModal from './ExerciseAiSuggestPreviewModal' -import ExerciseAiQuickCreateOffer from './ExerciseAiQuickCreateOffer' +import ExerciseAiQuickCreateOffer, { ExerciseAiQuickCreateTeaser } from './ExerciseAiQuickCreateOffer' import { useExerciseAiQuickCreateFields } from '../hooks/useExerciseAiQuickCreateFields' import { buildQuickCreateAiPreview, @@ -27,6 +27,11 @@ import { } from '../utils/exerciseAiQuickCreate' const PAGE_SIZE = 100 +/** Backend POST /api/planning/exercise-suggest erlaubt max. 50 */ +const PLANNING_SUGGEST_LIMIT = 50 +/** Client-Hinweis — Backend entscheidet final über LLM-Gates (max. 1 Call). */ +const PLANNING_LLM_INTENT_MIN_CHARS = 10 +const PLANNING_LLM_RANK_MIN_CHARS = 24 const LEVEL_FILTER_OPTS = SKILL_LEVEL_OPTIONS.filter((o) => o.level != null) const INITIAL_FILTERS = { ...INITIAL_EXERCISE_LIST_FILTERS } @@ -38,6 +43,16 @@ export default function ExercisePickerModal({ multiSelect = false, onSelectExercises = null, enableQuickCreateDraft = false, + /** Gespeicherte training_units.id — aktiviert Planungs-KI (robuster als nur planningContext). */ + planningUnitId = null, + /** 'planning' = Planungs-KI-API; 'library' = Volltext-Bibliothek */ + pickerMode = 'library', + /** Planungs-KI auch ohne gespeicherte unit_id (Client-Kontext / Freitext). */ + enableFreePlanningSearch = false, + /** true auf TrainingUnitEditPage: Hinweis wenn Planungs-KI ohne Einheit und ohne Freitext. */ + expectPlanningSearch = false, + /** Planungs-Kontext für KI-Suche (Abschnitt, Anker, Plan …) */ + planningContext = null, /** Wenn gesetzt: z. B. ['simple'] oder ['combination'] — sonst alle Übungsarten */ exerciseKindAny = undefined, }) { @@ -64,8 +79,87 @@ export default function ExercisePickerModal({ const [quickSaving, setQuickSaving] = useState(false) const [quickAiError, setQuickAiError] = useState('') const [quickCreateDraft, setQuickCreateDraft] = useState(null) + const [quickCreateExpanded, setQuickCreateExpanded] = useState(false) + const [planningContextSummary, setPlanningContextSummary] = useState(null) + const [planningTargetProfileSummary, setPlanningTargetProfileSummary] = useState(null) + const [planningLlmRankApplied, setPlanningLlmRankApplied] = useState(false) + const [planningLlmIntentApplied, setPlanningLlmIntentApplied] = useState(false) + const [planningRetrievalPhase, setPlanningRetrievalPhase] = useState('') + const [planningQueryIntentSummary, setPlanningQueryIntentSummary] = useState(null) + const [planningIntentResolved, setPlanningIntentResolved] = useState(null) + const [planningHasSearched, setPlanningHasSearched] = useState(false) + const [planningSubmittedQuery, setPlanningSubmittedQuery] = useState('') + const [planningSearchTick, setPlanningSearchTick] = useState(0) const pickerScrollRef = useRef(null) + const resolvedPlanningUnitId = useMemo(() => { + const raw = planningUnitId ?? planningContext?.unitId + const id = Number(raw) + return Number.isFinite(id) && id > 0 ? id : null + }, [planningUnitId, planningContext?.unitId]) + + const activePlanningContext = useMemo(() => { + if (pickerMode !== 'planning') return null + const groupIdRaw = planningContext?.groupId + const groupId = Number(groupIdRaw) + const base = { + groupId: Number.isFinite(groupId) && groupId > 0 ? groupId : null, + sectionOrderIndex: planningContext?.sectionOrderIndex ?? 0, + sectionTitle: planningContext?.sectionTitle ?? null, + sectionGuidanceNotes: planningContext?.sectionGuidanceNotes ?? null, + sectionPlannedExerciseIds: Array.isArray(planningContext?.sectionPlannedExerciseIds) + ? planningContext.sectionPlannedExerciseIds + : [], + sectionExerciseCount: planningContext?.sectionExerciseCount ?? null, + lastExerciseTitle: planningContext?.lastExerciseTitle ?? null, + phaseOrderIndex: planningContext?.phaseOrderIndex ?? null, + parallelStreamOrderIndex: planningContext?.parallelStreamOrderIndex ?? null, + anchorExerciseId: planningContext?.anchorExerciseId ?? null, + progressionGraphId: planningContext?.progressionGraphId ?? null, + plannedExerciseIds: Array.isArray(planningContext?.plannedExerciseIds) + ? planningContext.plannedExerciseIds + : [], + intentHint: planningContext?.intentHint ?? null, + } + if (!resolvedPlanningUnitId) { + if (!enableFreePlanningSearch && !planningContext) return null + return { unitId: null, ...base } + } + return { + unitId: resolvedPlanningUnitId, + ...base, + } + }, [pickerMode, resolvedPlanningUnitId, enableFreePlanningSearch, planningContext]) + + const usePlanningSearch = pickerMode === 'planning' && activePlanningContext != null + const useFreePlanningSearch = usePlanningSearch && !resolvedPlanningUnitId + const planningSearchBlocked = Boolean( + pickerMode === 'planning' && + expectPlanningSearch && + !resolvedPlanningUnitId && + !enableFreePlanningSearch + ) + + /** Gemeinsamer Suchtext — Planung: nur nach Button; Bibliothek: debounced live. */ + const effectivePickerQuery = useMemo(() => { + if (usePlanningSearch) { + return planningSubmittedQuery + } + return [debouncedSearch, debouncedAi].filter(Boolean).join(' ').trim() + }, [usePlanningSearch, planningSubmittedQuery, debouncedSearch, debouncedAi]) + + const submitPlanningSearch = useCallback((queryOverride) => { + const q = + queryOverride !== undefined && queryOverride !== null + ? String(queryOverride).trim() + : (searchInput || aiSearchInput).trim() + setPlanningSubmittedQuery(q) + setPlanningHasSearched(true) + setQuickCreateExpanded(false) + setList([]) + setPlanningSearchTick((t) => t + 1) + }, [searchInput, aiSearchInput]) + const { title: quickTitle, sketch: quickSketch, @@ -74,7 +168,7 @@ export default function ExercisePickerModal({ setSketch: setQuickSketch, setFocusAreaId: setQuickFocusAreaId, resetQuickCreateFields, - } = useExerciseAiQuickCreateFields(debouncedSearch, { enabled: open && enableQuickCreateDraft }) + } = useExerciseAiQuickCreateFields(effectivePickerQuery, { enabled: open && enableQuickCreateDraft }) const toggleMultiPick = (ex) => { setMultiPicked((prev) => @@ -82,6 +176,10 @@ export default function ExercisePickerModal({ ) } + useEffect(() => { + if (!usePlanningSearch) setQuickCreateExpanded(false) + }, [effectivePickerQuery, usePlanningSearch]) + useEffect(() => { const t = setTimeout(() => setDebouncedSearch(searchInput.trim()), 350) return () => clearTimeout(t) @@ -92,12 +190,45 @@ export default function ExercisePickerModal({ return () => clearTimeout(t) }, [aiSearchInput]) - const showQuickCreateOffer = + const canOfferQuickCreate = enableQuickCreateDraft && catalogsReady && !loading && - debouncedSearch.length >= 3 && - list.length === 0 + (usePlanningSearch ? planningHasSearched : effectivePickerQuery.length >= 3) + + const showQuickCreateFull = canOfferQuickCreate && (list.length === 0 || quickCreateExpanded) + const showQuickCreateTeaser = canOfferQuickCreate && list.length > 0 && !quickCreateExpanded + + const quickCreateHeadline = usePlanningSearch + ? 'Nichts Richtiges dabei?' + : list.length > 0 + ? 'Neue Übung anlegen' + : undefined + + const quickCreateHint = usePlanningSearch + ? effectivePickerQuery + ? `Aus Planungsanfrage „${effectivePickerQuery}“ oder eigener Idee — KI schlägt Texte vor, danach bearbeiten und übernehmen.` + : 'Aus Planungskontext oder eigener Idee — KI schlägt Texte vor, danach bearbeiten und übernehmen.' + : undefined + + const renderQuickCreateOffer = () => ( + + ) useEffect(() => { if (!open) return @@ -146,6 +277,17 @@ export default function ExercisePickerModal({ setQuickSaving(false) setQuickAiError('') setQuickCreateDraft(null) + setQuickCreateExpanded(false) + setPlanningContextSummary(null) + setPlanningTargetProfileSummary(null) + setPlanningLlmRankApplied(false) + setPlanningLlmIntentApplied(false) + setPlanningRetrievalPhase('') + setPlanningQueryIntentSummary(null) + setPlanningIntentResolved(null) + setPlanningHasSearched(false) + setPlanningSubmittedQuery('') + setPlanningSearchTick(0) return } setFilters(mergeExerciseListPrefsFromApi(user?.exercise_list_prefs)) @@ -230,8 +372,7 @@ export default function ExercisePickerModal({ if (filters.skill_max_level) q.skill_max_level = n(filters.skill_max_level) if (filters.exclude_without_focus) q.exclude_without_focus = true if (filters.include_archived) q.include_archived = true - if (debouncedSearch) q.search = debouncedSearch - if (debouncedAi) q.ai_search = debouncedAi + if (effectivePickerQuery) q.search = effectivePickerQuery if ( Array.isArray(exerciseKindAny) && exerciseKindAny.length > 0 @@ -239,12 +380,19 @@ export default function ExercisePickerModal({ q.exercise_kind_any = exerciseKindAny } return q - }, [filters, debouncedSearch, debouncedAi, exerciseKindAny]) + }, [filters, effectivePickerQuery, exerciseKindAny]) - const reload = useCallback(async () => { - if (!open || !catalogsReady) return + const reloadLibrary = useCallback(async () => { + if (!open || !catalogsReady || usePlanningSearch) return setLoading(true) try { + setPlanningContextSummary(null) + setPlanningTargetProfileSummary(null) + setPlanningLlmRankApplied(false) + setPlanningLlmIntentApplied(false) + setPlanningRetrievalPhase('') + setPlanningQueryIntentSummary(null) + setPlanningIntentResolved(null) const batch = await api.listExercises({ ...queryBase, include_archived: true, @@ -262,11 +410,138 @@ export default function ExercisePickerModal({ } finally { setLoading(false) } - }, [open, catalogsReady, queryBase]) + }, [open, catalogsReady, usePlanningSearch, queryBase]) + + const reloadPlanning = useCallback(async () => { + if (!open || !catalogsReady || !usePlanningSearch || planningSearchTick === 0) return + if (planningSearchBlocked || !activePlanningContext) { + setList([]) + setHasMore(false) + setPlanningContextSummary(null) + setPlanningTargetProfileSummary(null) + setPlanningLlmRankApplied(false) + setPlanningLlmIntentApplied(false) + setPlanningRetrievalPhase('') + setPlanningQueryIntentSummary(null) + setPlanningIntentResolved(null) + setLoading(false) + return + } + setLoading(true) + try { + const query = planningSubmittedQuery + const requestBody = { + section_order_index: + activePlanningContext.sectionOrderIndex != null + ? Number(activePlanningContext.sectionOrderIndex) + : null, + phase_order_index: + activePlanningContext.phaseOrderIndex != null + ? Number(activePlanningContext.phaseOrderIndex) + : null, + parallel_stream_order_index: + activePlanningContext.parallelStreamOrderIndex != null + ? Number(activePlanningContext.parallelStreamOrderIndex) + : null, + anchor_exercise_id: + activePlanningContext.anchorExerciseId != null + ? Number(activePlanningContext.anchorExerciseId) + : null, + progression_graph_id: + activePlanningContext.progressionGraphId != null + ? Number(activePlanningContext.progressionGraphId) + : null, + planned_exercise_ids: + Array.isArray(activePlanningContext.plannedExerciseIds) && + activePlanningContext.plannedExerciseIds.length > 0 + ? activePlanningContext.plannedExerciseIds + .map((x) => Number(x)) + .filter((x) => Number.isFinite(x) && x > 0) + : undefined, + include_llm_intent: + query.length >= PLANNING_LLM_INTENT_MIN_CHARS || !(query || '').trim(), + include_llm_rank: query.length >= PLANNING_LLM_RANK_MIN_CHARS, + query, + intent_hint: + activePlanningContext.intentHint || (useFreePlanningSearch && query ? 'free_search' : null), + limit: PLANNING_SUGGEST_LIMIT, + exercise_kind_any: + Array.isArray(exerciseKindAny) && exerciseKindAny.length > 0 ? exerciseKindAny : undefined, + } + if (resolvedPlanningUnitId) { + requestBody.unit_id = Number(resolvedPlanningUnitId) + } + if (activePlanningContext.groupId) { + requestBody.group_id = Number(activePlanningContext.groupId) + } + if (activePlanningContext.sectionTitle) { + requestBody.section_title = String(activePlanningContext.sectionTitle) + } + if (activePlanningContext.sectionGuidanceNotes) { + requestBody.section_guidance_notes = String(activePlanningContext.sectionGuidanceNotes) + } + if ( + Array.isArray(activePlanningContext.sectionPlannedExerciseIds) && + activePlanningContext.sectionPlannedExerciseIds.length > 0 + ) { + requestBody.section_planned_exercise_ids = activePlanningContext.sectionPlannedExerciseIds + .map((x) => Number(x)) + .filter((x) => Number.isFinite(x) && x > 0) + } + const res = await api.suggestPlanningExercises(requestBody) + setPlanningContextSummary(res?.context_summary || null) + setPlanningTargetProfileSummary(res?.target_profile_summary || null) + setPlanningLlmRankApplied(Boolean(res?.llm_rank_applied)) + setPlanningLlmIntentApplied(Boolean(res?.profile_llm_applied ?? res?.llm_intent_applied)) + setPlanningRetrievalPhase(res?.retrieval_phase || '') + setPlanningQueryIntentSummary(res?.query_intent_summary || null) + setPlanningIntentResolved(res?.intent_resolved || null) + const hits = (Array.isArray(res?.hits) ? res.hits : []).map((h) => ({ + id: h.id, + title: h.title, + summary: h.summary, + focus_area: h.focus_area, + _planningScore: h.score, + _planningReasons: Array.isArray(h.reasons) ? h.reasons : [], + updated_at: new Date().toISOString(), + })) + setList(hits) + setHasMore(false) + } catch (e) { + console.error(e) + alert(e.message || 'Laden fehlgeschlagen') + setList([]) + setHasMore(false) + setPlanningContextSummary(null) + setPlanningTargetProfileSummary(null) + setPlanningLlmRankApplied(false) + setPlanningLlmIntentApplied(false) + setPlanningRetrievalPhase('') + setPlanningQueryIntentSummary(null) + setPlanningIntentResolved(null) + } finally { + setLoading(false) + } + }, [ + open, + catalogsReady, + usePlanningSearch, + planningSearchTick, + planningSearchBlocked, + activePlanningContext, + planningSubmittedQuery, + exerciseKindAny, + resolvedPlanningUnitId, + useFreePlanningSearch, + ]) useEffect(() => { - reload() - }, [reload]) + reloadLibrary() + }, [reloadLibrary]) + + useEffect(() => { + reloadPlanning() + }, [reloadPlanning]) const loadMore = async () => { if (!hasMore || loadingMore || loading) return @@ -298,7 +573,11 @@ export default function ExercisePickerModal({ const rowVirtualizer = useVirtualizer({ count: list.length, getScrollElement: () => pickerScrollRef.current, - estimateSize: () => 88, + estimateSize: (index) => { + const ex = list[index] + const rc = ex?._planningReasons?.length || 0 + return rc > 0 ? 96 + Math.min(rc, 3) * 14 : 88 + }, overscan: 8, getItemKey: (index) => String(list[index]?.id ?? index), }) @@ -406,7 +685,13 @@ export default function ExercisePickerModal({ >
+ Abschnitt: {planningContextSummary.section_guidance_notes} +
+ Erwartungsprofil:{' '} + {planningContextSummary.expectation_mode === 'query_only' + ? 'nur Suchtext' + : 'Planung + optional Suchtext'} +
+ Skill-Lücke zum bisherigen Plan berücksichtigt +
+ {planningQueryIntentSummary.rationale} +
+ Modus: {planningIntentResolved.replace(/_/g, ' ')} + {planningQueryIntentSummary?.scenario + ? ` · ${String(planningQueryIntentSummary.scenario).replace(/_/g, ' ')}` + : null} + {planningLlmRankApplied ? ' · KI-Ranking aktiv' : null} + {planningLlmIntentApplied + ? planningQueryIntentSummary?.llm_expectation_applied + ? ' · KI-Erwartungsprofil aktiv' + : ' · KI-Intent aktiv' + : null} + {!planningLlmRankApplied && !planningLlmIntentApplied && usePlanningSearch + ? ' · ohne LLM (Profil/Hybrid)' + : null} + {planningRetrievalPhase ? ` · ${planningRetrievalPhase}` : null} +
+ Planungs-KI noch nicht verfügbar. Bitte zuerst Speichern oder den + Menüpunkt Planungs-KI: Übung vorschlagen nutzen (Freitext ohne gespeicherte Einheit). +
+ Bibliothekssuche (Volltext) — für Planungs-KI mit + Kontext oder Freitext-Anfrage den Menüpunkt{' '} + Planungs-KI: Übung vorschlagen … unter dem + wählen. +
+ Freie Planungs-KI — Anker und bisherige Übungen aus + dem Formular; nach Speichern kommen Gruppe, Historie und Rahmen dazu. +
+ Bibliothekssuche (Volltext) +
+ Suche startet erst per Button (oder Enter) — nicht beim Tippen. LLM nur bei längeren Anfragen, + maximal ein KI-Call pro Suche. +
- {debouncedSearch.length >= 3 - ? 'Keine Treffer.' - : 'Suchbegriff eingeben (mind. 3 Zeichen) …'} +
+ {usePlanningSearch + ? !planningHasSearched + ? 'Anfrage formulieren und „Vorschläge laden“ klicken — oder „Nächste aus Kontext“ ohne Freitext.' + : effectivePickerQuery + ? 'Keine KI-Vorschläge für diese Anfrage.' + : 'Keine Vorschläge aus dem Planungskontext — Anker, Plan oder Profil prüfen.' + : effectivePickerQuery.length >= 3 + ? 'Keine Treffer.' + : 'Suchbegriff eingeben (mind. 3 Zeichen) …'}
- {list.length} angezeigt{hasMore ? ' · weiter unten „Mehr laden“' : ''} + {usePlanningSearch ? `${list.length} KI-Vorschläge` : `${list.length} angezeigt`} + {hasMore ? ' · weiter unten „Mehr laden“' : ''}
+ Keine Skill-Änderungen. +
+ Die Vorschau läuft in Paketen à 3 Übungen (Gateway-Timeout vermeiden). Fenster offen lassen — + bei {exerciseCount} Übungen ca. {Math.ceil(exerciseCount / 3)} Pakete. +
+ Großer Batch — OpenRouter-Kosten und Gesamtlaufzeit (mehrere Minuten) beachten. +
{mergeHint}
+ Batchweise Anreicherung nach Status — Vorschau ohne Speichern, danach kontrolliert in Prüfung + überführen. Für große Bestände (300+) alle passenden Übungen auswählen und Kosten bestätigen. +
+ {jobProgress.phase}: {jobProgress.done}/{jobProgress.total} +
+ {previewRows.length} OK · {previewErrors.length} Fehler/übersprungen · ca.{' '} + {previewMeta.estimated_llm_calls} LLM-Call(s) +
Lade…