Sequenz / Reihe anlegen
diff --git a/frontend/src/components/skills/SkillDiscoveryPanel.jsx b/frontend/src/components/skills/SkillDiscoveryPanel.jsx
new file mode 100644
index 0000000..dd09642
--- /dev/null
+++ b/frontend/src/components/skills/SkillDiscoveryPanel.jsx
@@ -0,0 +1,163 @@
+import React, { useMemo, useState } from 'react'
+import { Link } from 'react-router-dom'
+import api from '../../utils/api'
+
+const ARTIFACT_LABELS = {
+ framework_program: 'Rahmenprogramm',
+ training_module: 'Trainingsmodul',
+ progression_graph: 'Regressionspfad',
+}
+
+/**
+ * Vorschläge für Planungsartefakte anhand gewählter Fähigkeiten (Phase 3).
+ */
+export default function SkillDiscoveryPanel({ skills = [] }) {
+ const [selectedIds, setSelectedIds] = useState([])
+ const [query, setQuery] = useState('')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState('')
+ const [result, setResult] = useState(null)
+
+ const filteredSkills = useMemo(() => {
+ const q = query.trim().toLowerCase()
+ const list = (skills || []).filter((s) => s.status !== 'inactive')
+ if (!q) return list
+ return list.filter(
+ (s) =>
+ (s.name || '').toLowerCase().includes(q) ||
+ (s.category || '').toLowerCase().includes(q)
+ )
+ }, [skills, query])
+
+ const toggleSkill = (id) => {
+ const s = String(id)
+ setSelectedIds((prev) =>
+ prev.includes(s) ? prev.filter((x) => x !== s) : [...prev, s]
+ )
+ }
+
+ async function handleSearch() {
+ const ids = selectedIds.map((x) => parseInt(x, 10)).filter((n) => n > 0)
+ if (!ids.length) {
+ setError('Wähle mindestens eine Fähigkeit.')
+ return
+ }
+ setLoading(true)
+ setError('')
+ setResult(null)
+ try {
+ const data = await api.getSkillDiscoverySuggestions(ids, { limit: 25 })
+ setResult(data)
+ } catch (e) {
+ setError(e.message || 'Suche fehlgeschlagen')
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ return (
+
+
Planungs-Vorschläge
+
+ Wähle Fähigkeiten, die du schwerpunktmäßig entwickeln willst — Shinkan schlägt passende
+ Rahmenprogramme, Trainingsmodule und Regressionspfade aus der Bibliothek vor (gewichtet nach
+ Übungs-Verknüpfungen).
+
+
+
+ Fähigkeiten filtern
+
+
+
+ {filteredSkills.length === 0 ? (
+
Keine Fähigkeiten gefunden.
+ ) : (
+ filteredSkills.map((sk) => (
+
+ {sk.name}
+ {sk.category ? (
+ {sk.category}
+ ) : null}
+
+ ))
+ )}
+
+
+
+
+ {loading ? 'Suche …' : 'Bibliothek durchsuchen'}
+
+ {selectedIds.length > 0 ? (
+ {
+ setSelectedIds([])
+ setResult(null)
+ setError('')
+ }}
+ >
+ Auswahl leeren
+
+ ) : null}
+
+
+ {error ?
{error}
: null}
+
+ {result?.suggestions?.length > 0 ? (
+
+ {result.suggestions.map((item) => (
+
+
+
+ {ARTIFACT_LABELS[item.artifact_type] || item.artifact_type}
+
+
+ Passung {item.match?.match_percent ?? 0}%
+
+
+
+ {item.artifact_title || `#${item.artifact_id}`}
+
+ {item.match?.matched_skills?.length > 0 ? (
+
+ {item.match.matched_skills.map((m) => m.skill_name).join(' · ')}
+
+ ) : null}
+ {item.path ? (
+
+ Regressionspfad in der Übungsliste unter „Progressionsgraph“ bearbeiten.
+
+ ) : null}
+
+ ))}
+
+ ) : result && !loading ? (
+
+ Keine passenden Artefakte in deiner sichtbaren Bibliothek — prüfe Fähigkeiten-Verknüpfungen an
+ den Übungen oder erweitere die Auswahl.
+
+ ) : null}
+
+ )
+}
diff --git a/frontend/src/components/skills/SkillProfilePanel.jsx b/frontend/src/components/skills/SkillProfilePanel.jsx
new file mode 100644
index 0000000..dd58509
--- /dev/null
+++ b/frontend/src/components/skills/SkillProfilePanel.jsx
@@ -0,0 +1,189 @@
+import React, { useMemo, useState } from 'react'
+
+function SkillBar({ skill, maxShare }) {
+ const pct = maxShare > 0 ? Math.min(100, (skill.share_percent / maxShare) * 100) : 0
+ return (
+
+
+
+ {skill.skill_name}
+
+ {skill.share_percent}%
+
+
+ {skill.primary_link_count > 0 ? (
+
+ {skill.primary_link_count}× als Primär-Fähigkeit in Übungen
+
+ ) : null}
+
+ )
+}
+
+/**
+ * Gewichtetes Fähigkeiten-Profil (Phase 3) — Anzeige für Planungsartefakte.
+ */
+export default function SkillProfilePanel({
+ profile,
+ slots = null,
+ loading = false,
+ error = '',
+ title = 'Fähigkeiten-Profil',
+ hint = 'Aus verknüpften Übungen berechnet (Dauer, Vorkommen, Primär-Fähigkeit, Intensität).',
+ defaultExpanded = true,
+}) {
+ const [expanded, setExpanded] = useState(defaultExpanded)
+ const [slotOpenId, setSlotOpenId] = useState(null)
+
+ const skills = profile?.skills || []
+ const maxShare = useMemo(
+ () => Math.max(...skills.map((s) => s.share_percent || 0), 1),
+ [skills]
+ )
+
+ if (loading) {
+ return (
+
+
Fähigkeiten-Profil wird berechnet…
+
+ )
+ }
+
+ if (error) {
+ return (
+
+ )
+ }
+
+ const noData =
+ !profile ||
+ (profile.exercise_occurrence_count === 0 && profile.distinct_exercise_count === 0)
+
+ return (
+
+
setExpanded((v) => !v)}
+ aria-expanded={expanded}
+ >
+ {title}
+ {!noData && skills.length > 0 ? (
+
+ Top: {skills[0].skill_name} ({skills[0].share_percent}%)
+
+ ) : null}
+
+ {expanded ? '▾' : '▸'}
+
+
+
+ {expanded ? (
+
+
{hint}
+
+ {noData ? (
+
+ Noch keine Übungen mit Fähigkeiten-Verknüpfung — lege Übungen im Ablauf an und verknüpfe
+ Fähigkeiten in der Übungsbearbeitung.
+
+ ) : profile.exercises_with_skills_count === 0 ? (
+
+ {profile.distinct_exercise_count} Übung{profile.distinct_exercise_count === 1 ? '' : 'en'} im
+ Ablauf, aber keine Fähigkeiten an den Übungen hinterlegt.
+
+ ) : (
+ <>
+
+
+ {profile.distinct_exercise_count} Übungen
+
+
+ {skills.length} Fähigkeiten
+
+
+ {profile.exercise_occurrence_count} Positionen
+
+
+
+
+ {skills.slice(0, 12).map((sk) => (
+
+
+ {profile.by_category?.length > 1 ? (
+
+
Nach Kategorie
+
+ {profile.by_category.slice(0, 6).map((c) => (
+
+ {c.category} {c.share_percent}%
+
+ ))}
+
+
+ ) : null}
+
+ )}
+
+ {slots && slots.length > 0 ? (
+
+
Pro Session
+
+ {slots.map((sl) => {
+ const open = slotOpenId === sl.slot_id
+ const top = sl.profile?.skills?.[0]
+ return (
+
+ setSlotOpenId(open ? null : sl.slot_id)}
+ aria-expanded={open}
+ >
+
+ {(sl.slot_title || '').trim() || `Session ${(sl.sort_order ?? 0) + 1}`}
+
+ {top ? (
+
+ {top.skill_name} {top.share_percent}%
+
+ ) : (
+
+ {sl.exercise_occurrence_count > 0 ? 'ohne Fähigkeiten' : 'kein Ablauf'}
+
+ )}
+
+ {open && sl.profile?.skills?.length > 0 ? (
+
+ {sl.profile.skills.slice(0, 6).map((sk) => (
+ x.share_percent || 0),
+ 1
+ )}
+ />
+ ))}
+
+ ) : null}
+
+ )
+ })}
+
+
+ ) : null}
+
+ ) : null}
+
+ )
+}
diff --git a/frontend/src/pages/SkillsPage.jsx b/frontend/src/pages/SkillsPage.jsx
index 60c93d1..691aed9 100644
--- a/frontend/src/pages/SkillsPage.jsx
+++ b/frontend/src/pages/SkillsPage.jsx
@@ -2,10 +2,12 @@ import React, { useState, useEffect } from 'react'
import api from '../utils/api'
import { useAuth } from '../context/AuthContext'
import PageSectionNav from '../components/PageSectionNav'
+import SkillDiscoveryPanel from '../components/skills/SkillDiscoveryPanel'
const SKILLS_SECTION_TABS = [
{ id: 'skills', label: 'Fähigkeiten' },
{ id: 'methods', label: 'Trainingsmethoden' },
+ { id: 'discovery', label: 'Planungs-Vorschläge' },
]
function SkillsPage() {
@@ -243,6 +245,8 @@ function SkillsPage() {
)}
+ {activeTab === 'discovery' &&
}
+
{/* Methods Tab */}
{activeTab === 'methods' && (
<>
diff --git a/frontend/src/pages/TrainingFrameworkProgramEditPage.jsx b/frontend/src/pages/TrainingFrameworkProgramEditPage.jsx
index 6f10322..322660f 100644
--- a/frontend/src/pages/TrainingFrameworkProgramEditPage.jsx
+++ b/frontend/src/pages/TrainingFrameworkProgramEditPage.jsx
@@ -6,6 +6,7 @@ import ExercisePeekModal from '../components/ExercisePeekModal'
import TrainingUnitSectionsEditor from '../components/TrainingUnitSectionsEditor'
import PageSectionNav from '../components/PageSectionNav'
import PageFormEditorChrome from '../components/PageFormEditorChrome'
+import SkillProfilePanel from '../components/skills/SkillProfilePanel'
import { useToast } from '../context/ToastContext'
import { useNavReturn } from '../hooks/useNavReturn'
import {
@@ -248,6 +249,10 @@ export default function TrainingFrameworkProgramEditPage() {
)
/** Schmale Ansicht: welcher Session-Slot gerade die volle Breite nutzt (Chip-Navigation) */
const [mobileSlotIdx, setMobileSlotIdx] = useState(0)
+ const [skillProfileData, setSkillProfileData] = useState(null)
+ const [skillProfileLoading, setSkillProfileLoading] = useState(false)
+ const [skillProfileError, setSkillProfileError] = useState('')
+ const [skillProfileTick, setSkillProfileTick] = useState(0)
const toast = useToast()
const baselineRef = useRef(null)
@@ -301,6 +306,32 @@ export default function TrainingFrameworkProgramEditPage() {
return () => document.removeEventListener('pointerdown', onPointerDown, true)
}, [])
+ useEffect(() => {
+ if (isNew || !idParam) {
+ setSkillProfileData(null)
+ return undefined
+ }
+ let cancelled = false
+ ;(async () => {
+ setSkillProfileLoading(true)
+ setSkillProfileError('')
+ try {
+ const data = await api.getFrameworkProgramSkillProfile(idParam)
+ if (!cancelled) setSkillProfileData(data)
+ } catch (e) {
+ if (!cancelled) {
+ setSkillProfileData(null)
+ setSkillProfileError(e.message || 'Fähigkeiten-Profil nicht geladen')
+ }
+ } finally {
+ if (!cancelled) setSkillProfileLoading(false)
+ }
+ })()
+ return () => {
+ cancelled = true
+ }
+ }, [isNew, idParam, skillProfileTick])
+
const loadMeta = useCallback(async () => {
try {
const [cl, fa, sd, tt, tg] = await Promise.all([
@@ -480,6 +511,7 @@ export default function TrainingFrameworkProgramEditPage() {
setBypassDirty(false)
setBaselineReady(true)
toast.success('Gespeichert.')
+ setSkillProfileTick((t) => t + 1)
if (closeAfter) goBack()
return true
} catch (e) {
@@ -940,6 +972,17 @@ export default function TrainingFrameworkProgramEditPage() {
/>
+ {!isNew ? (
+