diff --git a/frontend/src/app.css b/frontend/src/app.css index 757bb70..00308ee 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -3733,6 +3733,68 @@ html.modal-scroll-locked .app-main { .exercises-page__title { margin: 0; } +.exercises-page__header-actions { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 10px; +} +.exercises-ai-assistant-toggle { + display: inline-flex; + align-items: center; + gap: 10px; + cursor: pointer; + user-select: none; + font-size: 14px; + color: var(--text2); + padding: 6px 10px; + border-radius: 8px; + border: 1px solid var(--border); + background: var(--surface2); +} +.exercises-ai-assistant-toggle:hover { + border-color: var(--accent-dark, rgba(29, 158, 117, 0.45)); +} +.exercises-ai-assistant-toggle:has(input:checked) { + border-color: var(--accent); + background: var(--accent-light, rgba(29, 158, 117, 0.12)); + color: var(--accent-dark); + font-weight: 600; +} +.exercises-ai-assistant-toggle input { + position: absolute; + opacity: 0; + width: 0; + height: 0; + pointer-events: none; +} +.exercises-ai-assistant-toggle__track { + position: relative; + flex-shrink: 0; + width: 40px; + height: 22px; + border-radius: 999px; + background: var(--border); + transition: background 0.15s ease; +} +.exercises-ai-assistant-toggle__track::after { + content: ''; + position: absolute; + top: 2px; + left: 2px; + width: 18px; + height: 18px; + border-radius: 50%; + background: #fff; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); + transition: transform 0.15s ease; +} +.exercises-ai-assistant-toggle:has(input:checked) .exercises-ai-assistant-toggle__track { + background: var(--accent); +} +.exercises-ai-assistant-toggle:has(input:checked) .exercises-ai-assistant-toggle__track::after { + transform: translateX(18px); +} .exercises-page-toolbar-tabs { margin-bottom: 14px; } diff --git a/frontend/src/components/exercises/ExerciseListSearchBar.jsx b/frontend/src/components/exercises/ExerciseListSearchBar.jsx index aae9b2c..eaad9b9 100644 --- a/frontend/src/components/exercises/ExerciseListSearchBar.jsx +++ b/frontend/src/components/exercises/ExerciseListSearchBar.jsx @@ -14,8 +14,6 @@ export default function ExerciseListSearchBar({ exerciseCount, allOnPageSelected, onToggleSelectAllPage, - aiQuickCreateEnabled = false, - onToggleAiQuickCreate, }) { return (