Rename profiles to automations across backend and frontend

Rename the "profiles" entity to "automations" throughout the entire
codebase for clarity. Updates Python models, storage, API routes/schemas,
engine, frontend JS modules, HTML templates, CSS classes, i18n keys
(en/ru/zh), dashboard, tutorials, and command palette.

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

server/src/wled_controller/static/js/features/automations.js

@@ -1,199 +1,199 @@
 /**
- * Profiles — profile cards, editor, condition builder, process picker, scene selector.
+ * Automations — automation cards, editor, condition builder, process picker, scene selector.
  */
 
-import { apiKey, _profilesCache, set_profilesCache, _profilesLoading, set_profilesLoading } from '../core/state.js';
+import { apiKey, _automationsCache, set_automationsCache, _automationsLoading, set_automationsLoading } from '../core/state.js';
 import { fetchWithAuth, escapeHtml } from '../core/api.js';
 import { t } from '../core/i18n.js';
 import { showToast, showConfirm, setTabRefreshing } from '../core/ui.js';
 import { Modal } from '../core/modal.js';
 import { CardSection } from '../core/card-sections.js';
 import { updateTabBadge } from './tabs.js';
-import { ICON_SETTINGS, ICON_START, ICON_PAUSE, ICON_CLOCK, ICON_PROFILE, ICON_HELP, ICON_OK, ICON_TIMER, ICON_MONITOR, ICON_RADIO, ICON_SCENE } from '../core/icons.js';
+import { ICON_SETTINGS, ICON_START, ICON_PAUSE, ICON_CLOCK, ICON_AUTOMATION, ICON_HELP, ICON_OK, ICON_TIMER, ICON_MONITOR, ICON_RADIO, ICON_SCENE } from '../core/icons.js';
 
 // ===== Scene presets cache (shared by both selectors) =====
 let _scenesCache = [];
 
-class ProfileEditorModal extends Modal {
-    constructor() { super('profile-editor-modal'); }
+class AutomationEditorModal extends Modal {
+    constructor() { super('automation-editor-modal'); }
 
     snapshotValues() {
         return {
-            name: document.getElementById('profile-editor-name').value,
-            enabled: document.getElementById('profile-editor-enabled').checked.toString(),
-            logic: document.getElementById('profile-editor-logic').value,
-            conditions: JSON.stringify(getProfileEditorConditions()),
-            scenePresetId: document.getElementById('profile-scene-id').value,
-            deactivationMode: document.getElementById('profile-deactivation-mode').value,
-            deactivationScenePresetId: document.getElementById('profile-fallback-scene-id').value,
+            name: document.getElementById('automation-editor-name').value,
+            enabled: document.getElementById('automation-editor-enabled').checked.toString(),
+            logic: document.getElementById('automation-editor-logic').value,
+            conditions: JSON.stringify(getAutomationEditorConditions()),
+            scenePresetId: document.getElementById('automation-scene-id').value,
+            deactivationMode: document.getElementById('automation-deactivation-mode').value,
+            deactivationScenePresetId: document.getElementById('automation-fallback-scene-id').value,
         };
     }
 }
 
-const profileModal = new ProfileEditorModal();
-const csProfiles = new CardSection('profiles', { titleKey: 'profiles.title', gridClass: 'devices-grid', addCardOnclick: "openProfileEditor()", keyAttr: 'data-profile-id' });
+const automationModal = new AutomationEditorModal();
+const csAutomations = new CardSection('automations', { titleKey: 'automations.title', gridClass: 'devices-grid', addCardOnclick: "openAutomationEditor()", keyAttr: 'data-automation-id' });
 
-// Re-render profiles when language changes (only if tab is active)
+// Re-render automations when language changes (only if tab is active)
 document.addEventListener('languageChanged', () => {
-    if (apiKey && (localStorage.getItem('activeTab') || 'dashboard') === 'profiles') loadProfiles();
+    if (apiKey && (localStorage.getItem('activeTab') || 'dashboard') === 'automations') loadAutomations();
 });
 
-// React to real-time profile state changes from global events WS
-document.addEventListener('server:profile_state_changed', () => {
-    if (apiKey && (localStorage.getItem('activeTab') || 'dashboard') === 'profiles') {
-        loadProfiles();
+// React to real-time automation state changes from global events WS
+document.addEventListener('server:automation_state_changed', () => {
+    if (apiKey && (localStorage.getItem('activeTab') || 'dashboard') === 'automations') {
+        loadAutomations();
     }
 });
 
-export async function loadProfiles() {
-    if (_profilesLoading) return;
-    set_profilesLoading(true);
-    const container = document.getElementById('profiles-content');
-    if (!container) { set_profilesLoading(false); return; }
-    setTabRefreshing('profiles-content', true);
+export async function loadAutomations() {
+    if (_automationsLoading) return;
+    set_automationsLoading(true);
+    const container = document.getElementById('automations-content');
+    if (!container) { set_automationsLoading(false); return; }
+    setTabRefreshing('automations-content', true);
 
     try {
-        const [profilesResp, scenesResp] = await Promise.all([
-            fetchWithAuth('/profiles'),
+        const [automationsResp, scenesResp] = await Promise.all([
+            fetchWithAuth('/automations'),
             fetchWithAuth('/scene-presets'),
         ]);
-        if (!profilesResp.ok) throw new Error('Failed to load profiles');
-        const data = await profilesResp.json();
+        if (!automationsResp.ok) throw new Error('Failed to load automations');
+        const data = await automationsResp.json();
         const scenesData = scenesResp.ok ? await scenesResp.json() : { presets: [] };
         _scenesCache = scenesData.presets || [];
 
         // Build scene name map for card rendering
         const sceneMap = new Map(_scenesCache.map(s => [s.id, s]));
 
-        set_profilesCache(data.profiles);
-        const activeCount = data.profiles.filter(p => p.is_active).length;
-        updateTabBadge('profiles', activeCount);
-        renderProfiles(data.profiles, sceneMap);
+        set_automationsCache(data.automations);
+        const activeCount = data.automations.filter(a => a.is_active).length;
+        updateTabBadge('automations', activeCount);
+        renderAutomations(data.automations, sceneMap);
     } catch (error) {
         if (error.isAuth) return;
-        console.error('Failed to load profiles:', error);
+        console.error('Failed to load automations:', error);
         container.innerHTML = `<p class="error-message">${error.message}</p>`;
     } finally {
-        set_profilesLoading(false);
-        setTabRefreshing('profiles-content', false);
+        set_automationsLoading(false);
+        setTabRefreshing('automations-content', false);
     }
 }
 
-export function expandAllProfileSections() {
-    CardSection.expandAll([csProfiles]);
+export function expandAllAutomationSections() {
+    CardSection.expandAll([csAutomations]);
 }
 
-export function collapseAllProfileSections() {
-    CardSection.collapseAll([csProfiles]);
+export function collapseAllAutomationSections() {
+    CardSection.collapseAll([csAutomations]);
 }
 
-function renderProfiles(profiles, sceneMap) {
-    const container = document.getElementById('profiles-content');
+function renderAutomations(automations, sceneMap) {
+    const container = document.getElementById('automations-content');
 
-    const items = csProfiles.applySortOrder(profiles.map(p => ({ key: p.id, html: createProfileCard(p, sceneMap) })));
-    const toolbar = `<div class="stream-tab-bar"><span class="cs-expand-collapse-group"><button class="btn-expand-collapse" onclick="expandAllProfileSections()" title="${t('section.expand_all')}">⊞</button><button class="btn-expand-collapse" onclick="collapseAllProfileSections()" title="${t('section.collapse_all')}">⊟</button><button class="tutorial-trigger-btn" onclick="startProfilesTutorial()" title="${t('tour.restart')}">${ICON_HELP}</button></span></div>`;
-    container.innerHTML = toolbar + csProfiles.render(items);
-    csProfiles.bind();
+    const items = csAutomations.applySortOrder(automations.map(a => ({ key: a.id, html: createAutomationCard(a, sceneMap) })));
+    const toolbar = `<div class="stream-tab-bar"><span class="cs-expand-collapse-group"><button class="btn-expand-collapse" onclick="expandAllAutomationSections()" title="${t('section.expand_all')}">⊞</button><button class="btn-expand-collapse" onclick="collapseAllAutomationSections()" title="${t('section.collapse_all')}">⊟</button><button class="tutorial-trigger-btn" onclick="startAutomationsTutorial()" title="${t('tour.restart')}">${ICON_HELP}</button></span></div>`;
+    container.innerHTML = toolbar + csAutomations.render(items);
+    csAutomations.bind();
 
-    // Localize data-i18n elements within the profiles container only
+    // Localize data-i18n elements within the automations container only
     container.querySelectorAll('[data-i18n]').forEach(el => {
         el.textContent = t(el.getAttribute('data-i18n'));
     });
 }
 
-function createProfileCard(profile, sceneMap = new Map()) {
-    const statusClass = !profile.enabled ? 'disabled' : profile.is_active ? 'active' : 'inactive';
-    const statusText = !profile.enabled ? t('profiles.status.disabled') : profile.is_active ? t('profiles.status.active') : t('profiles.status.inactive');
+function createAutomationCard(automation, sceneMap = new Map()) {
+    const statusClass = !automation.enabled ? 'disabled' : automation.is_active ? 'active' : 'inactive';
+    const statusText = !automation.enabled ? t('automations.status.disabled') : automation.is_active ? t('automations.status.active') : t('automations.status.inactive');
 
     let condPills = '';
-    if (profile.conditions.length === 0) {
-        condPills = `<span class="stream-card-prop">${t('profiles.conditions.empty')}</span>`;
+    if (automation.conditions.length === 0) {
+        condPills = `<span class="stream-card-prop">${t('automations.conditions.empty')}</span>`;
     } else {
-        const parts = profile.conditions.map(c => {
+        const parts = automation.conditions.map(c => {
             if (c.condition_type === 'always') {
-                return `<span class="stream-card-prop">${ICON_OK} ${t('profiles.condition.always')}</span>`;
+                return `<span class="stream-card-prop">${ICON_OK} ${t('automations.condition.always')}</span>`;
             }
             if (c.condition_type === 'application') {
                 const apps = (c.apps || []).join(', ');
-                const matchLabel = t('profiles.condition.application.match_type.' + (c.match_type || 'running'));
-                return `<span class="stream-card-prop stream-card-prop-full">${t('profiles.condition.application')}: ${apps} (${matchLabel})</span>`;
+                const matchLabel = t('automations.condition.application.match_type.' + (c.match_type || 'running'));
+                return `<span class="stream-card-prop stream-card-prop-full">${t('automations.condition.application')}: ${apps} (${matchLabel})</span>`;
             }
             if (c.condition_type === 'time_of_day') {
                 return `<span class="stream-card-prop">${ICON_CLOCK} ${c.start_time || '00:00'} – ${c.end_time || '23:59'}</span>`;
             }
             if (c.condition_type === 'system_idle') {
-                const mode = c.when_idle !== false ? t('profiles.condition.system_idle.when_idle') : t('profiles.condition.system_idle.when_active');
+                const mode = c.when_idle !== false ? t('automations.condition.system_idle.when_idle') : t('automations.condition.system_idle.when_active');
                 return `<span class="stream-card-prop">${ICON_TIMER} ${c.idle_minutes || 5}m (${mode})</span>`;
             }
             if (c.condition_type === 'display_state') {
-                const stateLabel = t('profiles.condition.display_state.' + (c.state || 'on'));
-                return `<span class="stream-card-prop">${ICON_MONITOR} ${t('profiles.condition.display_state')}: ${stateLabel}</span>`;
+                const stateLabel = t('automations.condition.display_state.' + (c.state || 'on'));
+                return `<span class="stream-card-prop">${ICON_MONITOR} ${t('automations.condition.display_state')}: ${stateLabel}</span>`;
             }
             if (c.condition_type === 'mqtt') {
-                return `<span class="stream-card-prop stream-card-prop-full">${ICON_RADIO} ${t('profiles.condition.mqtt')}: ${escapeHtml(c.topic || '')} = ${escapeHtml(c.payload || '*')}</span>`;
+                return `<span class="stream-card-prop stream-card-prop-full">${ICON_RADIO} ${t('automations.condition.mqtt')}: ${escapeHtml(c.topic || '')} = ${escapeHtml(c.payload || '*')}</span>`;
             }
             return `<span class="stream-card-prop">${c.condition_type}</span>`;
         });
-        const logicLabel = profile.condition_logic === 'and' ? t('profiles.logic.and') : t('profiles.logic.or');
-        condPills = parts.join(`<span class="profile-logic-label">${logicLabel}</span>`);
+        const logicLabel = automation.condition_logic === 'and' ? t('automations.logic.and') : t('automations.logic.or');
+        condPills = parts.join(`<span class="automation-logic-label">${logicLabel}</span>`);
     }
 
     // Scene info
-    const scene = profile.scene_preset_id ? sceneMap.get(profile.scene_preset_id) : null;
-    const sceneName = scene ? escapeHtml(scene.name) : t('profiles.scene.none_selected');
+    const scene = automation.scene_preset_id ? sceneMap.get(automation.scene_preset_id) : null;
+    const sceneName = scene ? escapeHtml(scene.name) : t('automations.scene.none_selected');
     const sceneColor = scene ? scene.color || '#4fc3f7' : '#888';
 
     // Deactivation mode label
     let deactivationLabel = '';
-    if (profile.deactivation_mode === 'revert') {
-        deactivationLabel = t('profiles.deactivation_mode.revert');
-    } else if (profile.deactivation_mode === 'fallback_scene') {
-        const fallback = profile.deactivation_scene_preset_id ? sceneMap.get(profile.deactivation_scene_preset_id) : null;
-        deactivationLabel = fallback ? `${t('profiles.deactivation_mode.fallback_scene')}: ${escapeHtml(fallback.name)}` : t('profiles.deactivation_mode.fallback_scene');
+    if (automation.deactivation_mode === 'revert') {
+        deactivationLabel = t('automations.deactivation_mode.revert');
+    } else if (automation.deactivation_mode === 'fallback_scene') {
+        const fallback = automation.deactivation_scene_preset_id ? sceneMap.get(automation.deactivation_scene_preset_id) : null;
+        deactivationLabel = fallback ? `${t('automations.deactivation_mode.fallback_scene')}: ${escapeHtml(fallback.name)}` : t('automations.deactivation_mode.fallback_scene');
     }
 
     let lastActivityMeta = '';
-    if (profile.last_activated_at) {
-        const ts = new Date(profile.last_activated_at);
-        lastActivityMeta = `<span class="card-meta" title="${t('profiles.last_activated')}">${ICON_CLOCK} ${ts.toLocaleString()}</span>`;
+    if (automation.last_activated_at) {
+        const ts = new Date(automation.last_activated_at);
+        lastActivityMeta = `<span class="card-meta" title="${t('automations.last_activated')}">${ICON_CLOCK} ${ts.toLocaleString()}</span>`;
     }
 
     return `
-        <div class="card${!profile.enabled ? ' profile-status-disabled' : ''}" data-profile-id="${profile.id}">
+        <div class="card${!automation.enabled ? ' automation-status-disabled' : ''}" data-automation-id="${automation.id}">
             <div class="card-top-actions">
-                <button class="card-remove-btn" onclick="deleteProfile('${profile.id}', '${escapeHtml(profile.name)}')" title="${t('common.delete')}">&#x2715;</button>
+                <button class="card-remove-btn" onclick="deleteAutomation('${automation.id}', '${escapeHtml(automation.name)}')" title="${t('common.delete')}">&#x2715;</button>
             </div>
             <div class="card-header">
                 <div class="card-title">
-                    ${escapeHtml(profile.name)}
-                    <span class="badge badge-profile-${statusClass}">${statusText}</span>
+                    ${escapeHtml(automation.name)}
+                    <span class="badge badge-automation-${statusClass}">${statusText}</span>
                 </div>
             </div>
             <div class="card-subtitle">
-                <span class="card-meta">${profile.condition_logic === 'and' ? t('profiles.logic.all') : t('profiles.logic.any')}</span>
+                <span class="card-meta">${automation.condition_logic === 'and' ? t('automations.logic.all') : t('automations.logic.any')}</span>
                 <span class="card-meta">${ICON_SCENE} <span style="color:${sceneColor}">&#x25CF;</span> ${sceneName}</span>
                 ${deactivationLabel ? `<span class="card-meta">${deactivationLabel}</span>` : ''}
                 ${lastActivityMeta}
             </div>
             <div class="stream-card-props">${condPills}</div>
             <div class="card-actions">
-                <button class="btn btn-icon btn-secondary" onclick="openProfileEditor('${profile.id}')" title="${t('profiles.edit')}">${ICON_SETTINGS}</button>
-                <button class="btn btn-icon ${profile.enabled ? 'btn-warning' : 'btn-success'}" onclick="toggleProfileEnabled('${profile.id}', ${!profile.enabled})" title="${profile.enabled ? t('profiles.action.disable') : t('profiles.status.active')}">
-                    ${profile.enabled ? ICON_PAUSE : ICON_START}
+                <button class="btn btn-icon btn-secondary" onclick="openAutomationEditor('${automation.id}')" title="${t('automations.edit')}">${ICON_SETTINGS}</button>
+                <button class="btn btn-icon ${automation.enabled ? 'btn-warning' : 'btn-success'}" onclick="toggleAutomationEnabled('${automation.id}', ${!automation.enabled})" title="${automation.enabled ? t('automations.action.disable') : t('automations.status.active')}">
+                    ${automation.enabled ? ICON_PAUSE : ICON_START}
                 </button>
             </div>
         </div>`;
 }
 
-export async function openProfileEditor(profileId) {
-    const modal = document.getElementById('profile-editor-modal');
-    const titleEl = document.getElementById('profile-editor-title');
-    const idInput = document.getElementById('profile-editor-id');
-    const nameInput = document.getElementById('profile-editor-name');
-    const enabledInput = document.getElementById('profile-editor-enabled');
-    const logicSelect = document.getElementById('profile-editor-logic');
-    const condList = document.getElementById('profile-conditions-list');
-    const errorEl = document.getElementById('profile-editor-error');
+export async function openAutomationEditor(automationId) {
+    const modal = document.getElementById('automation-editor-modal');
+    const titleEl = document.getElementById('automation-editor-title');
+    const idInput = document.getElementById('automation-editor-id');
+    const nameInput = document.getElementById('automation-editor-name');
+    const enabledInput = document.getElementById('automation-editor-enabled');
+    const logicSelect = document.getElementById('automation-editor-logic');
+    const condList = document.getElementById('automation-conditions-list');
+    const errorEl = document.getElementById('automation-editor-error');
 
     errorEl.style.display = 'none';
     condList.innerHTML = '';
@@ -208,66 +208,66 @@ export async function openProfileEditor(profileId) {
     } catch { /* use cached */ }
 
     // Reset deactivation mode
-    document.getElementById('profile-deactivation-mode').value = 'none';
-    document.getElementById('profile-fallback-scene-group').style.display = 'none';
+    document.getElementById('automation-deactivation-mode').value = 'none';
+    document.getElementById('automation-fallback-scene-group').style.display = 'none';
 
-    if (profileId) {
-        titleEl.innerHTML = `${ICON_PROFILE} ${t('profiles.edit')}`;
+    if (automationId) {
+        titleEl.innerHTML = `${ICON_AUTOMATION} ${t('automations.edit')}`;
         try {
-            const resp = await fetchWithAuth(`/profiles/${profileId}`);
-            if (!resp.ok) throw new Error('Failed to load profile');
-            const profile = await resp.json();
+            const resp = await fetchWithAuth(`/automations/${automationId}`);
+            if (!resp.ok) throw new Error('Failed to load automation');
+            const automation = await resp.json();
 
-            idInput.value = profile.id;
-            nameInput.value = profile.name;
-            enabledInput.checked = profile.enabled;
-            logicSelect.value = profile.condition_logic;
+            idInput.value = automation.id;
+            nameInput.value = automation.name;
+            enabledInput.checked = automation.enabled;
+            logicSelect.value = automation.condition_logic;
 
-            for (const c of profile.conditions) {
-                addProfileConditionRow(c);
+            for (const c of automation.conditions) {
+                addAutomationConditionRow(c);
             }
 
             // Scene selector
-            _initSceneSelector('profile-scene', profile.scene_preset_id);
+            _initSceneSelector('automation-scene', automation.scene_preset_id);
 
             // Deactivation mode
-            document.getElementById('profile-deactivation-mode').value = profile.deactivation_mode || 'none';
+            document.getElementById('automation-deactivation-mode').value = automation.deactivation_mode || 'none';
             _onDeactivationModeChange();
-            _initSceneSelector('profile-fallback-scene', profile.deactivation_scene_preset_id);
+            _initSceneSelector('automation-fallback-scene', automation.deactivation_scene_preset_id);
         } catch (e) {
             showToast(e.message, 'error');
             return;
         }
     } else {
-        titleEl.innerHTML = `${ICON_PROFILE} ${t('profiles.add')}`;
+        titleEl.innerHTML = `${ICON_AUTOMATION} ${t('automations.add')}`;
         idInput.value = '';
         nameInput.value = '';
         enabledInput.checked = true;
         logicSelect.value = 'or';
-        _initSceneSelector('profile-scene', null);
-        _initSceneSelector('profile-fallback-scene', null);
+        _initSceneSelector('automation-scene', null);
+        _initSceneSelector('automation-fallback-scene', null);
     }
 
     // Wire up deactivation mode change
-    document.getElementById('profile-deactivation-mode').onchange = _onDeactivationModeChange;
+    document.getElementById('automation-deactivation-mode').onchange = _onDeactivationModeChange;
 
-    profileModal.open();
+    automationModal.open();
     modal.querySelectorAll('[data-i18n]').forEach(el => {
         el.textContent = t(el.getAttribute('data-i18n'));
     });
     modal.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
         el.placeholder = t(el.getAttribute('data-i18n-placeholder'));
     });
-    profileModal.snapshot();
+    automationModal.snapshot();
 }
 
 function _onDeactivationModeChange() {
-    const mode = document.getElementById('profile-deactivation-mode').value;
-    document.getElementById('profile-fallback-scene-group').style.display = mode === 'fallback_scene' ? '' : 'none';
+    const mode = document.getElementById('automation-deactivation-mode').value;
+    document.getElementById('automation-fallback-scene-group').style.display = mode === 'fallback_scene' ? '' : 'none';
 }
 
-export async function closeProfileEditorModal() {
-    await profileModal.close();
+export async function closeAutomationEditorModal() {
+    await automationModal.close();
 }
 
 // ===== Scene selector logic =====
@@ -296,7 +296,7 @@ function _initSceneSelector(prefix, selectedId) {
         const filtered = query ? _scenesCache.filter(s => s.name.toLowerCase().includes(query)) : _scenesCache;
 
         if (filtered.length === 0) {
-            dropdown.innerHTML = `<div class="scene-selector-empty">${t('profiles.scene.none_available')}</div>`;
+            dropdown.innerHTML = `<div class="scene-selector-empty">${t('automations.scene.none_available')}</div>`;
         } else {
             dropdown.innerHTML = filtered.map(s => {
                 const selected = s.id === hiddenInput.value ? ' selected' : '';
@@ -370,27 +370,27 @@ function _initSceneSelector(prefix, selectedId) {
 
 // ===== Condition editor =====
 
-export function addProfileCondition() {
-    addProfileConditionRow({ condition_type: 'application', apps: [], match_type: 'running' });
+export function addAutomationCondition() {
+    addAutomationConditionRow({ condition_type: 'application', apps: [], match_type: 'running' });
 }
 
-function addProfileConditionRow(condition) {
-    const list = document.getElementById('profile-conditions-list');
+function addAutomationConditionRow(condition) {
+    const list = document.getElementById('automation-conditions-list');
     const row = document.createElement('div');
-    row.className = 'profile-condition-row';
+    row.className = 'automation-condition-row';
     const condType = condition.condition_type || 'application';
 
     row.innerHTML = `
         <div class="condition-header">
             <select class="condition-type-select">
-                <option value="always" ${condType === 'always' ? 'selected' : ''}>${t('profiles.condition.always')}</option>
-                <option value="application" ${condType === 'application' ? 'selected' : ''}>${t('profiles.condition.application')}</option>
-                <option value="time_of_day" ${condType === 'time_of_day' ? 'selected' : ''}>${t('profiles.condition.time_of_day')}</option>
-                <option value="system_idle" ${condType === 'system_idle' ? 'selected' : ''}>${t('profiles.condition.system_idle')}</option>
-                <option value="display_state" ${condType === 'display_state' ? 'selected' : ''}>${t('profiles.condition.display_state')}</option>
-                <option value="mqtt" ${condType === 'mqtt' ? 'selected' : ''}>${t('profiles.condition.mqtt')}</option>
+                <option value="always" ${condType === 'always' ? 'selected' : ''}>${t('automations.condition.always')}</option>
+                <option value="application" ${condType === 'application' ? 'selected' : ''}>${t('automations.condition.application')}</option>
+                <option value="time_of_day" ${condType === 'time_of_day' ? 'selected' : ''}>${t('automations.condition.time_of_day')}</option>
+                <option value="system_idle" ${condType === 'system_idle' ? 'selected' : ''}>${t('automations.condition.system_idle')}</option>
+                <option value="display_state" ${condType === 'display_state' ? 'selected' : ''}>${t('automations.condition.display_state')}</option>
+                <option value="mqtt" ${condType === 'mqtt' ? 'selected' : ''}>${t('automations.condition.mqtt')}</option>
             </select>
-            <button type="button" class="btn-remove-condition" onclick="this.closest('.profile-condition-row').remove()" title="Remove">&#x2715;</button>
+            <button type="button" class="btn-remove-condition" onclick="this.closest('.automation-condition-row').remove()" title="Remove">&#x2715;</button>
         </div>
         <div class="condition-fields-container"></div>
     `;
@@ -400,7 +400,7 @@ function addProfileConditionRow(condition) {
 
     function renderFields(type, data) {
         if (type === 'always') {
-            container.innerHTML = `<small class="condition-always-desc">${t('profiles.condition.always.hint')}</small>`;
+            container.innerHTML = `<small class="condition-always-desc">${t('automations.condition.always.hint')}</small>`;
             return;
         }
         if (type === 'time_of_day') {
@@ -409,14 +409,14 @@ function addProfileConditionRow(condition) {
             container.innerHTML = `
                 <div class="condition-fields">
                     <div class="condition-field">
-                        <label>${t('profiles.condition.time_of_day.start_time')}</label>
+                        <label>${t('automations.condition.time_of_day.start_time')}</label>
                         <input type="time" class="condition-start-time" value="${startTime}">
                     </div>
                     <div class="condition-field">
-                        <label>${t('profiles.condition.time_of_day.end_time')}</label>
+                        <label>${t('automations.condition.time_of_day.end_time')}</label>
                         <input type="time" class="condition-end-time" value="${endTime}">
                     </div>
-                    <small class="condition-always-desc">${t('profiles.condition.time_of_day.overnight_hint')}</small>
+                    <small class="condition-always-desc">${t('automations.condition.time_of_day.overnight_hint')}</small>
                 </div>`;
             return;
         }
@@ -426,14 +426,14 @@ function addProfileConditionRow(condition) {
             container.innerHTML = `
                 <div class="condition-fields">
                     <div class="condition-field">
-                        <label>${t('profiles.condition.system_idle.idle_minutes')}</label>
+                        <label>${t('automations.condition.system_idle.idle_minutes')}</label>
                         <input type="number" class="condition-idle-minutes" min="1" max="999" value="${idleMinutes}">
                     </div>
                     <div class="condition-field">
-                        <label>${t('profiles.condition.system_idle.mode')}</label>
+                        <label>${t('automations.condition.system_idle.mode')}</label>
                         <select class="condition-when-idle">
-                            <option value="true" ${whenIdle ? 'selected' : ''}>${t('profiles.condition.system_idle.when_idle')}</option>
-                            <option value="false" ${!whenIdle ? 'selected' : ''}>${t('profiles.condition.system_idle.when_active')}</option>
+                            <option value="true" ${whenIdle ? 'selected' : ''}>${t('automations.condition.system_idle.when_idle')}</option>
+                            <option value="false" ${!whenIdle ? 'selected' : ''}>${t('automations.condition.system_idle.when_active')}</option>
                         </select>
                     </div>
                 </div>`;
@@ -444,10 +444,10 @@ function addProfileConditionRow(condition) {
             container.innerHTML = `
                 <div class="condition-fields">
                     <div class="condition-field">
-                        <label>${t('profiles.condition.display_state.state')}</label>
+                        <label>${t('automations.condition.display_state.state')}</label>
                         <select class="condition-display-state">
-                            <option value="on" ${dState === 'on' ? 'selected' : ''}>${t('profiles.condition.display_state.on')}</option>
-                            <option value="off" ${dState === 'off' ? 'selected' : ''}>${t('profiles.condition.display_state.off')}</option>
+                            <option value="on" ${dState === 'on' ? 'selected' : ''}>${t('automations.condition.display_state.on')}</option>
+                            <option value="off" ${dState === 'off' ? 'selected' : ''}>${t('automations.condition.display_state.off')}</option>
                         </select>
                     </div>
                 </div>`;
@@ -460,19 +460,19 @@ function addProfileConditionRow(condition) {
             container.innerHTML = `
                 <div class="condition-fields">
                     <div class="condition-field">
-                        <label>${t('profiles.condition.mqtt.topic')}</label>
+                        <label>${t('automations.condition.mqtt.topic')}</label>
                         <input type="text" class="condition-mqtt-topic" value="${escapeHtml(topic)}" placeholder="home/status/power">
                     </div>
                     <div class="condition-field">
-                        <label>${t('profiles.condition.mqtt.payload')}</label>
+                        <label>${t('automations.condition.mqtt.payload')}</label>
                         <input type="text" class="condition-mqtt-payload" value="${escapeHtml(payload)}" placeholder="ON">
                     </div>
                     <div class="condition-field">
-                        <label>${t('profiles.condition.mqtt.match_mode')}</label>
+                        <label>${t('automations.condition.mqtt.match_mode')}</label>
                         <select class="condition-mqtt-match-mode">
-                            <option value="exact" ${matchMode === 'exact' ? 'selected' : ''}>${t('profiles.condition.mqtt.match_mode.exact')}</option>
-                            <option value="contains" ${matchMode === 'contains' ? 'selected' : ''}>${t('profiles.condition.mqtt.match_mode.contains')}</option>
-                            <option value="regex" ${matchMode === 'regex' ? 'selected' : ''}>${t('profiles.condition.mqtt.match_mode.regex')}</option>
+                            <option value="exact" ${matchMode === 'exact' ? 'selected' : ''}>${t('automations.condition.mqtt.match_mode.exact')}</option>
+                            <option value="contains" ${matchMode === 'contains' ? 'selected' : ''}>${t('automations.condition.mqtt.match_mode.contains')}</option>
+                            <option value="regex" ${matchMode === 'regex' ? 'selected' : ''}>${t('automations.condition.mqtt.match_mode.regex')}</option>
                         </select>
                     </div>
                 </div>`;
@@ -483,22 +483,22 @@ function addProfileConditionRow(condition) {
         container.innerHTML = `
             <div class="condition-fields">
                 <div class="condition-field">
-                    <label>${t('profiles.condition.application.match_type')}</label>
+                    <label>${t('automations.condition.application.match_type')}</label>
                     <select class="condition-match-type">
-                        <option value="running" ${matchType === 'running' ? 'selected' : ''}>${t('profiles.condition.application.match_type.running')}</option>
-                        <option value="topmost" ${matchType === 'topmost' ? 'selected' : ''}>${t('profiles.condition.application.match_type.topmost')}</option>
-                        <option value="topmost_fullscreen" ${matchType === 'topmost_fullscreen' ? 'selected' : ''}>${t('profiles.condition.application.match_type.topmost_fullscreen')}</option>
-                        <option value="fullscreen" ${matchType === 'fullscreen' ? 'selected' : ''}>${t('profiles.condition.application.match_type.fullscreen')}</option>
+                        <option value="running" ${matchType === 'running' ? 'selected' : ''}>${t('automations.condition.application.match_type.running')}</option>
+                        <option value="topmost" ${matchType === 'topmost' ? 'selected' : ''}>${t('automations.condition.application.match_type.topmost')}</option>
+                        <option value="topmost_fullscreen" ${matchType === 'topmost_fullscreen' ? 'selected' : ''}>${t('automations.condition.application.match_type.topmost_fullscreen')}</option>
+                        <option value="fullscreen" ${matchType === 'fullscreen' ? 'selected' : ''}>${t('automations.condition.application.match_type.fullscreen')}</option>
                     </select>
                 </div>
                 <div class="condition-field">
                     <div class="condition-apps-header">
-                        <label>${t('profiles.condition.application.apps')}</label>
-                        <button type="button" class="btn-browse-apps" title="${t('profiles.condition.application.browse')}">${t('profiles.condition.application.browse')}</button>
+                        <label>${t('automations.condition.application.apps')}</label>
+                        <button type="button" class="btn-browse-apps" title="${t('automations.condition.application.browse')}">${t('automations.condition.application.browse')}</button>
                     </div>
                     <textarea class="condition-apps" rows="3" placeholder="firefox.exe&#10;chrome.exe">${escapeHtml(appsValue)}</textarea>
                     <div class="process-picker" style="display:none">
-                        <input type="text" class="process-picker-search" placeholder="${t('profiles.condition.application.search')}" autocomplete="off">
+                        <input type="text" class="process-picker-search" placeholder="${t('automations.condition.application.search')}" autocomplete="off">
                         <div class="process-picker-list"></div>
                     </div>
                 </div>
@@ -551,7 +551,7 @@ async function toggleProcessPicker(picker, row) {
 function renderProcessPicker(picker, processes, existing) {
     const listEl = picker.querySelector('.process-picker-list');
     if (processes.length === 0) {
-        listEl.innerHTML = `<div class="process-picker-loading">${t('profiles.condition.application.no_processes')}</div>`;
+        listEl.innerHTML = `<div class="process-picker-loading">${t('automations.condition.application.no_processes')}</div>`;
         return;
     }
     listEl.innerHTML = processes.map(p => {
@@ -562,7 +562,7 @@ function renderProcessPicker(picker, processes, existing) {
     listEl.querySelectorAll('.process-picker-item:not(.added)').forEach(item => {
         item.addEventListener('click', () => {
             const proc = item.dataset.process;
-            const row = picker.closest('.profile-condition-row');
+            const row = picker.closest('.automation-condition-row');
             const textarea = row.querySelector('.condition-apps');
             const current = textarea.value.trim();
             textarea.value = current ? current + '\n' + proc : proc;
@@ -579,8 +579,8 @@ function filterProcessPicker(picker) {
     renderProcessPicker(picker, filtered, picker._existing || new Set());
 }
 
-function getProfileEditorConditions() {
-    const rows = document.querySelectorAll('#profile-conditions-list .profile-condition-row');
+function getAutomationEditorConditions() {
+    const rows = document.querySelectorAll('#automation-conditions-list .automation-condition-row');
     const conditions = [];
     rows.forEach(row => {
         const typeSelect = row.querySelector('.condition-type-select');
@@ -621,15 +621,15 @@ function getProfileEditorConditions() {
     return conditions;
 }
 
-export async function saveProfileEditor() {
-    const idInput = document.getElementById('profile-editor-id');
-    const nameInput = document.getElementById('profile-editor-name');
-    const enabledInput = document.getElementById('profile-editor-enabled');
-    const logicSelect = document.getElementById('profile-editor-logic');
+export async function saveAutomationEditor() {
+    const idInput = document.getElementById('automation-editor-id');
+    const nameInput = document.getElementById('automation-editor-name');
+    const enabledInput = document.getElementById('automation-editor-enabled');
+    const logicSelect = document.getElementById('automation-editor-logic');
 
     const name = nameInput.value.trim();
     if (!name) {
-        profileModal.showError(t('profiles.error.name_required'));
+        automationModal.showError(t('automations.error.name_required'));
         return;
     }
 
@@ -637,61 +637,61 @@ export async function saveProfileEditor() {
         name,
         enabled: enabledInput.checked,
         condition_logic: logicSelect.value,
-        conditions: getProfileEditorConditions(),
-        scene_preset_id: document.getElementById('profile-scene-id').value || null,
-        deactivation_mode: document.getElementById('profile-deactivation-mode').value,
-        deactivation_scene_preset_id: document.getElementById('profile-fallback-scene-id').value || null,
+        conditions: getAutomationEditorConditions(),
+        scene_preset_id: document.getElementById('automation-scene-id').value || null,
+        deactivation_mode: document.getElementById('automation-deactivation-mode').value,
+        deactivation_scene_preset_id: document.getElementById('automation-fallback-scene-id').value || null,
     };
 
-    const profileId = idInput.value;
-    const isEdit = !!profileId;
+    const automationId = idInput.value;
+    const isEdit = !!automationId;
 
     try {
-        const url = isEdit ? `/profiles/${profileId}` : '/profiles';
+        const url = isEdit ? `/automations/${automationId}` : '/automations';
         const resp = await fetchWithAuth(url, {
             method: isEdit ? 'PUT' : 'POST',
             body: JSON.stringify(body),
         });
         if (!resp.ok) {
             const err = await resp.json().catch(() => ({}));
-            throw new Error(err.detail || 'Failed to save profile');
+            throw new Error(err.detail || 'Failed to save automation');
         }
 
-        profileModal.forceClose();
-        showToast(isEdit ? t('profiles.updated') : t('profiles.created'), 'success');
-        loadProfiles();
+        automationModal.forceClose();
+        showToast(isEdit ? t('automations.updated') : t('automations.created'), 'success');
+        loadAutomations();
     } catch (e) {
         if (e.isAuth) return;
-        profileModal.showError(e.message);
+        automationModal.showError(e.message);
     }
 }
 
-export async function toggleProfileEnabled(profileId, enable) {
+export async function toggleAutomationEnabled(automationId, enable) {
     try {
         const action = enable ? 'enable' : 'disable';
-        const resp = await fetchWithAuth(`/profiles/${profileId}/${action}`, {
+        const resp = await fetchWithAuth(`/automations/${automationId}/${action}`, {
             method: 'POST',
         });
-        if (!resp.ok) throw new Error(`Failed to ${action} profile`);
-        loadProfiles();
+        if (!resp.ok) throw new Error(`Failed to ${action} automation`);
+        loadAutomations();
     } catch (e) {
         if (e.isAuth) return;
         showToast(e.message, 'error');
     }
 }
 
-export async function deleteProfile(profileId, profileName) {
-    const msg = t('profiles.delete.confirm').replace('{name}', profileName);
+export async function deleteAutomation(automationId, automationName) {
+    const msg = t('automations.delete.confirm').replace('{name}', automationName);
     const confirmed = await showConfirm(msg);
     if (!confirmed) return;
 
     try {
-        const resp = await fetchWithAuth(`/profiles/${profileId}`, {
+        const resp = await fetchWithAuth(`/automations/${automationId}`, {
             method: 'DELETE',
         });
-        if (!resp.ok) throw new Error('Failed to delete profile');
-        showToast(t('profiles.deleted'), 'success');
-        loadProfiles();
+        if (!resp.ok) throw new Error('Failed to delete automation');
+        showToast(t('automations.deleted'), 'success');
+        loadAutomations();
     } catch (e) {
         if (e.isAuth) return;
         showToast(e.message, 'error');

server/src/wled_controller/static/js/features/dashboard.js

@@ -10,7 +10,7 @@ import { renderPerfSection, initPerfCharts, startPerfPolling, stopPerfPolling }
 import { startAutoRefresh, updateTabBadge } from './tabs.js';
 import {
     getTargetTypeIcon,
-    ICON_TARGET, ICON_PROFILE, ICON_CLOCK, ICON_WARNING, ICON_OK,
+    ICON_TARGET, ICON_AUTOMATION, ICON_CLOCK, ICON_WARNING, ICON_OK,
     ICON_STOP, ICON_STOP_PLAIN, ICON_START, ICON_AUTOSTART, ICON_HELP, ICON_SCENE,
 } from '../core/icons.js';
 import { loadScenePresets, renderScenePresetsSection } from './scene-presets.js';
@@ -252,28 +252,28 @@ function _updateRunningMetrics(enrichedRunning) {
 
 }
 
-function _updateProfilesInPlace(profiles) {
-    for (const p of profiles) {
-        const card = document.querySelector(`[data-profile-id="${p.id}"]`);
+function _updateAutomationsInPlace(automations) {
+    for (const a of automations) {
+        const card = document.querySelector(`[data-automation-id="${a.id}"]`);
         if (!card) continue;
         const badge = card.querySelector('.dashboard-badge-active, .dashboard-badge-stopped');
         if (badge) {
-            if (!p.enabled) {
+            if (!a.enabled) {
                 badge.className = 'dashboard-badge-stopped';
-                badge.textContent = t('profiles.status.disabled');
-            } else if (p.is_active) {
+                badge.textContent = t('automations.status.disabled');
+            } else if (a.is_active) {
                 badge.className = 'dashboard-badge-active';
-                badge.textContent = t('profiles.status.active');
+                badge.textContent = t('automations.status.active');
             } else {
                 badge.className = 'dashboard-badge-stopped';
-                badge.textContent = t('profiles.status.inactive');
+                badge.textContent = t('automations.status.inactive');
             }
         }
         const btn = card.querySelector('.dashboard-target-actions .dashboard-action-btn');
         if (btn) {
-            btn.className = `dashboard-action-btn ${p.enabled ? 'stop' : 'start'}`;
-            btn.setAttribute('onclick', `dashboardToggleProfile('${p.id}', ${!p.enabled})`);
-            btn.innerHTML = p.enabled ? ICON_STOP_PLAIN : ICON_START;
+            btn.className = `dashboard-action-btn ${a.enabled ? 'stop' : 'start'}`;
+            btn.setAttribute('onclick', `dashboardToggleAutomation('${a.id}', ${!a.enabled})`);
+            btn.innerHTML = a.enabled ? ICON_STOP_PLAIN : ICON_START;
         }
     }
 }
@@ -368,9 +368,9 @@ export async function loadDashboard(forceFullRender = false) {
 
     try {
         // Fire all requests in a single batch to avoid sequential RTTs
-        const [targetsResp, profilesResp, devicesResp, cssResp, batchStatesResp, batchMetricsResp, scenePresets] = await Promise.all([
+        const [targetsResp, automationsResp, devicesResp, cssResp, batchStatesResp, batchMetricsResp, scenePresets] = await Promise.all([
             fetchWithAuth('/picture-targets'),
-            fetchWithAuth('/profiles').catch(() => null),
+            fetchWithAuth('/automations').catch(() => null),
             fetchWithAuth('/devices').catch(() => null),
             fetchWithAuth('/color-strip-sources').catch(() => null),
             fetchWithAuth('/picture-targets/batch/states').catch(() => null),
@@ -380,8 +380,8 @@ export async function loadDashboard(forceFullRender = false) {
 
         const targetsData = await targetsResp.json();
         const targets = targetsData.targets || [];
-        const profilesData = profilesResp && profilesResp.ok ? await profilesResp.json() : { profiles: [] };
-        const profiles = profilesData.profiles || [];
+        const automationsData = automationsResp && automationsResp.ok ? await automationsResp.json() : { automations: [] };
+        const automations = automationsData.automations || [];
         const devicesData = devicesResp && devicesResp.ok ? await devicesResp.json() : { devices: [] };
         const devicesMap = {};
         for (const d of (devicesData.devices || [])) { devicesMap[d.id] = d; }
@@ -392,12 +392,12 @@ export async function loadDashboard(forceFullRender = false) {
         const allStates = batchStatesResp && batchStatesResp.ok ? (await batchStatesResp.json()).states : {};
         const allMetrics = batchMetricsResp && batchMetricsResp.ok ? (await batchMetricsResp.json()).metrics : {};
 
-        // Build dynamic HTML (targets, profiles)
+        // Build dynamic HTML (targets, automations)
         let dynamicHtml = '';
         let runningIds = [];
         let newAutoStartIds = '';
 
-        if (targets.length === 0 && profiles.length === 0 && scenePresets.length === 0) {
+        if (targets.length === 0 && automations.length === 0 && scenePresets.length === 0) {
             dynamicHtml = `<div class="dashboard-no-targets">${t('dashboard.no_targets')}</div>`;
         } else {
             const enriched = targets.map(target => ({
@@ -426,7 +426,7 @@ export async function loadDashboard(forceFullRender = false) {
             }
             if (structureUnchanged && forceFullRender) {
                 if (running.length > 0) _updateRunningMetrics(running);
-                _updateProfilesInPlace(profiles);
+                _updateAutomationsInPlace(automations);
                 _cacheUptimeElements();
                 _startUptimeTimer();
                 startPerfPolling();
@@ -451,8 +451,8 @@ export async function loadDashboard(forceFullRender = false) {
                         }
                     }
                     const statusBadge = isRunning
-                        ? `<span class="dashboard-badge-active">${t('profiles.status.active')}</span>`
-                        : `<span class="dashboard-badge-stopped">${t('profiles.status.inactive')}</span>`;
+                        ? `<span class="dashboard-badge-active">${t('automations.status.active')}</span>`
+                        : `<span class="dashboard-badge-stopped">${t('automations.status.inactive')}</span>`;
                     const subtitle = subtitleParts.length ? `<div class="dashboard-target-subtitle">${escapeHtml(subtitleParts.join(' · '))}</div>` : '';
                     const asNavSub = isLed ? 'led' : 'key_colors';
                     const asNavSec = isLed ? 'led-targets' : 'kc-targets';
@@ -480,16 +480,16 @@ export async function loadDashboard(forceFullRender = false) {
                 </div>`;
             }
 
-            if (profiles.length > 0) {
-                const activeProfiles = profiles.filter(p => p.is_active);
-                const inactiveProfiles = profiles.filter(p => !p.is_active);
-                updateTabBadge('profiles', activeProfiles.length);
+            if (automations.length > 0) {
+                const activeAutomations = automations.filter(a => a.is_active);
+                const inactiveAutomations = automations.filter(a => !a.is_active);
+                updateTabBadge('automations', activeAutomations.length);
                 const sceneMap = new Map(scenePresets.map(s => [s.id, s]));
-                const profileItems = [...activeProfiles, ...inactiveProfiles].map(p => renderDashboardProfile(p, sceneMap)).join('');
+                const automationItems = [...activeAutomations, ...inactiveAutomations].map(a => renderDashboardAutomation(a, sceneMap)).join('');
 
                 dynamicHtml += `<div class="dashboard-section">
-                    ${_sectionHeader('profiles', t('dashboard.section.profiles'), profiles.length)}
-                    ${_sectionContent('profiles', profileItems)}
+                    ${_sectionHeader('automations', t('dashboard.section.automations'), automations.length)}
+                    ${_sectionContent('automations', automationItems)}
                 </div>`;
             }
 
@@ -664,56 +664,56 @@ function renderDashboardTarget(target, isRunning, devicesMap = {}, cssSourceMap
     }
 }
 
-function renderDashboardProfile(profile, sceneMap = new Map()) {
-    const isActive = profile.is_active;
-    const isDisabled = !profile.enabled;
+function renderDashboardAutomation(automation, sceneMap = new Map()) {
+    const isActive = automation.is_active;
+    const isDisabled = !automation.enabled;
 
     let condSummary = '';
-    if (profile.conditions.length > 0) {
-        const parts = profile.conditions.map(c => {
+    if (automation.conditions.length > 0) {
+        const parts = automation.conditions.map(c => {
             if (c.condition_type === 'application') {
                 const apps = (c.apps || []).join(', ');
-                const matchLabel = c.match_type === 'topmost' ? t('profiles.condition.application.match_type.topmost') : t('profiles.condition.application.match_type.running');
+                const matchLabel = c.match_type === 'topmost' ? t('automations.condition.application.match_type.topmost') : t('automations.condition.application.match_type.running');
                 return `${apps} (${matchLabel})`;
             }
             return c.condition_type;
         });
-        const logic = profile.condition_logic === 'and' ? ' & ' : ' | ';
+        const logic = automation.condition_logic === 'and' ? ' & ' : ' | ';
         condSummary = parts.join(logic);
     }
 
     const statusBadge = isDisabled
-        ? `<span class="dashboard-badge-stopped">${t('profiles.status.disabled')}</span>`
+        ? `<span class="dashboard-badge-stopped">${t('automations.status.disabled')}</span>`
         : isActive
-            ? `<span class="dashboard-badge-active">${t('profiles.status.active')}</span>`
-            : `<span class="dashboard-badge-stopped">${t('profiles.status.inactive')}</span>`;
+            ? `<span class="dashboard-badge-active">${t('automations.status.active')}</span>`
+            : `<span class="dashboard-badge-stopped">${t('automations.status.inactive')}</span>`;
 
     // Scene info
-    const scene = profile.scene_preset_id ? sceneMap.get(profile.scene_preset_id) : null;
-    const sceneName = scene ? escapeHtml(scene.name) : t('profiles.scene.none_selected');
+    const scene = automation.scene_preset_id ? sceneMap.get(automation.scene_preset_id) : null;
+    const sceneName = scene ? escapeHtml(scene.name) : t('automations.scene.none_selected');
 
-    return `<div class="dashboard-target dashboard-profile dashboard-card-link" data-profile-id="${profile.id}" onclick="if(!event.target.closest('button')){navigateToCard('profiles',null,'profiles','data-profile-id','${profile.id}')}">
+    return `<div class="dashboard-target dashboard-automation dashboard-card-link" data-automation-id="${automation.id}" onclick="if(!event.target.closest('button')){navigateToCard('automations',null,'automations','data-automation-id','${automation.id}')}">
         <div class="dashboard-target-info">
-            <span class="dashboard-target-icon">${ICON_PROFILE}</span>
+            <span class="dashboard-target-icon">${ICON_AUTOMATION}</span>
             <div>
-                <div class="dashboard-target-name">${escapeHtml(profile.name)}</div>
+                <div class="dashboard-target-name">${escapeHtml(automation.name)}</div>
                 ${condSummary ? `<div class="dashboard-target-subtitle">${escapeHtml(condSummary)}</div>` : ''}
                 <div class="dashboard-target-subtitle">${ICON_SCENE} ${sceneName}</div>
             </div>
             ${statusBadge}
         </div>
         <div class="dashboard-target-actions">
-            <button class="dashboard-action-btn ${profile.enabled ? 'stop' : 'start'}" onclick="dashboardToggleProfile('${profile.id}', ${!profile.enabled})" title="${profile.enabled ? t('profiles.action.disable') : t('profiles.status.active')}">
-                ${profile.enabled ? ICON_STOP_PLAIN : ICON_START}
+            <button class="dashboard-action-btn ${automation.enabled ? 'stop' : 'start'}" onclick="dashboardToggleAutomation('${automation.id}', ${!automation.enabled})" title="${automation.enabled ? t('automations.action.disable') : t('automations.status.active')}">
+                ${automation.enabled ? ICON_STOP_PLAIN : ICON_START}
             </button>
         </div>
     </div>`;
 }
 
-export async function dashboardToggleProfile(profileId, enable) {
+export async function dashboardToggleAutomation(automationId, enable) {
     try {
         const endpoint = enable ? 'enable' : 'disable';
-        const response = await fetchWithAuth(`/profiles/${profileId}/${endpoint}`, {
+        const response = await fetchWithAuth(`/automations/${automationId}/${endpoint}`, {
             method: 'POST',
         });
         if (response.ok) {
@@ -721,7 +721,7 @@ export async function dashboardToggleProfile(profileId, enable) {
         }
     } catch (error) {
         if (error.isAuth) return;
-        showToast(t('dashboard.error.profile_toggle_failed'), 'error');
+        showToast(t('dashboard.error.automation_toggle_failed'), 'error');
     }
 }
 
@@ -817,7 +817,7 @@ function _debouncedDashboardReload(forceFullRender = false) {
 }
 
 document.addEventListener('server:state_change', () => _debouncedDashboardReload());
-document.addEventListener('server:profile_state_changed', () => _debouncedDashboardReload(true));
+document.addEventListener('server:automation_state_changed', () => _debouncedDashboardReload(true));
 
 // Re-render dashboard when language changes
 document.addEventListener('languageChanged', () => {

server/src/wled_controller/static/js/features/scene-presets.js

@@ -85,13 +85,13 @@ export function collapseAllSceneSections() {
 function _createSceneCard(preset) {
     const targetCount = (preset.targets || []).length;
     const deviceCount = (preset.devices || []).length;
-    const profileCount = (preset.profiles || []).length;
+    const automationCount = (preset.automations || []).length;
     const colorStyle = `border-left: 3px solid ${escapeHtml(preset.color || '#4fc3f7')}`;
 
     const meta = [
         targetCount > 0 ? `${ICON_TARGET} ${targetCount} ${t('scenes.targets_count')}` : null,
         deviceCount > 0 ? `${ICON_SETTINGS} ${deviceCount} ${t('scenes.devices_count')}` : null,
-        profileCount > 0 ? `${profileCount} ${t('scenes.profiles_count')}` : null,
+        automationCount > 0 ? `${automationCount} ${t('scenes.automations_count')}` : null,
     ].filter(Boolean);
 
     const updated = preset.updated_at ? new Date(preset.updated_at).toLocaleString() : '';
@@ -143,12 +143,12 @@ function _renderDashboardPresetCard(preset) {
     const borderStyle = `border-left: 3px solid ${escapeHtml(preset.color)}`;
     const targetCount = (preset.targets || []).length;
     const deviceCount = (preset.devices || []).length;
-    const profileCount = (preset.profiles || []).length;
+    const automationCount = (preset.automations || []).length;
 
     const subtitle = [
         targetCount > 0 ? `${targetCount} ${t('scenes.targets_count')}` : null,
         deviceCount > 0 ? `${deviceCount} ${t('scenes.devices_count')}` : null,
-        profileCount > 0 ? `${profileCount} ${t('scenes.profiles_count')}` : null,
+        automationCount > 0 ? `${automationCount} ${t('scenes.automations_count')}` : null,
     ].filter(Boolean).join(' \u00b7 ');
 
     return `<div class="dashboard-target dashboard-scene-preset" data-scene-id="${preset.id}" style="${borderStyle}">

server/src/wled_controller/static/js/features/tabs.js

@@ -58,8 +58,8 @@ export function switchTab(name, { updateHash = true, skipLoad = false } = {}) {
             if (typeof window.loadPictureSources === 'function') window.loadPictureSources();
         } else if (name === 'targets') {
             if (typeof window.loadTargetsTab === 'function') window.loadTargetsTab();
-        } else if (name === 'profiles') {
-            if (typeof window.loadProfiles === 'function') window.loadProfiles();
+        } else if (name === 'automations') {
+            if (typeof window.loadAutomations === 'function') window.loadAutomations();
         } else if (name === 'scenes') {
             if (typeof window.loadScenes === 'function') window.loadScenes();
         }

server/src/wled_controller/static/js/features/tutorials.js

@@ -24,7 +24,7 @@ const TOUR_KEY = 'tour_completed';
 const gettingStartedSteps = [
     { selector: 'header .header-title', textKey: 'tour.welcome', position: 'bottom' },
     { selector: '#tab-btn-dashboard', textKey: 'tour.dashboard', position: 'bottom' },
-    { selector: '#tab-btn-profiles', textKey: 'tour.profiles', position: 'bottom' },
+    { selector: '#tab-btn-automations', textKey: 'tour.automations', position: 'bottom' },
     { selector: '#tab-btn-targets', textKey: 'tour.targets', position: 'bottom' },
     { selector: '#tab-btn-streams', textKey: 'tour.sources', position: 'bottom' },
     { selector: 'a.header-link[href="/docs"]', textKey: 'tour.api', position: 'bottom' },
@@ -39,7 +39,7 @@ const dashboardTutorialSteps = [
     { selector: '[data-dashboard-section="perf"]', textKey: 'tour.dash.perf', position: 'bottom' },
     { selector: '[data-dashboard-section="running"]', textKey: 'tour.dash.running', position: 'bottom' },
     { selector: '[data-dashboard-section="stopped"]', textKey: 'tour.dash.stopped', position: 'bottom' },
-    { selector: '[data-dashboard-section="profiles"]', textKey: 'tour.dash.profiles', position: 'bottom' }
+    { selector: '[data-dashboard-section="automations"]', textKey: 'tour.dash.automations', position: 'bottom' }
 ];
 
 const targetsTutorialSteps = [
@@ -59,10 +59,10 @@ const sourcesTourSteps = [
     { selector: '[data-stream-tab="value"]', textKey: 'tour.src.value', position: 'bottom' }
 ];
 
-const profilesTutorialSteps = [
-    { selector: '[data-card-section="profiles"]', textKey: 'tour.prof.list', position: 'bottom' },
-    { selector: '[data-cs-add="profiles"]', textKey: 'tour.prof.add', position: 'bottom' },
-    { selector: '.card[data-profile-id]', textKey: 'tour.prof.card', position: 'bottom' }
+const automationsTutorialSteps = [
+    { selector: '[data-card-section="automations"]', textKey: 'tour.auto.list', position: 'bottom' },
+    { selector: '[data-cs-add="automations"]', textKey: 'tour.auto.add', position: 'bottom' },
+    { selector: '.card[data-automation-id]', textKey: 'tour.auto.card', position: 'bottom' }
 ];
 
 const _fixedResolve = (step) => {
@@ -184,9 +184,9 @@ export function startSourcesTutorial() {
     });
 }
 
-export function startProfilesTutorial() {
+export function startAutomationsTutorial() {
     startTutorial({
-        steps: profilesTutorialSteps,
+        steps: automationsTutorialSteps,
         overlayId: 'getting-started-overlay',
         mode: 'fixed',
         container: null,