スコア足切り (0〜1) @@ -110,7 +118,25 @@ // Expose showPanel as method const SETTINGS_KEY = 'telosdb_settings'; - const DEFAULTS = { min_score: 0.3, limit: 10, run_on_login: false }; + const DEFAULTS = { min_score: 0.3, limit: 10, run_on_login: false, monitor_paths: [] }; + + const renderMonitorPathsList = (paths) => { + const listEl = this.querySelector('#settings-monitor-paths-list'); + if (!listEl) return; + const arr = Array.isArray(paths) ? paths : []; + listEl.innerHTML = ''; + const addRow = (value = '') => { + const row = document.createElement('div'); + row.className = 'setting-monitor-path-row'; + row.innerHTML = ` + + + `; + row.querySelector('.setting-monitor-path').value = String(value || ''); + listEl.appendChild(row); + }; + arr.forEach((p) => addRow(p)); + }; const loadSettingsIntoForm = (settingsOverrides) => { try { @@ -126,6 +152,7 @@ if (minScoreEl) minScoreEl.value = String(Number(s.min_score)); if (limitEl) limitEl.value = String(Number(s.limit)); if (runOnLoginEl) runOnLoginEl.checked = Boolean(s.run_on_login); + renderMonitorPathsList(s.monitor_paths); } catch (e) { const minScoreEl = this.querySelector('#setting-min-score'); const limitEl = this.querySelector('#setting-limit'); @@ -133,6 +160,7 @@ if (minScoreEl) minScoreEl.value = String(DEFAULTS.min_score); if (limitEl) limitEl.value = String(DEFAULTS.limit); if (runOnLoginEl) runOnLoginEl.checked = DEFAULTS.run_on_login; + renderMonitorPathsList(DEFAULTS.monitor_paths); } }; @@ -148,6 +176,7 @@ min_score: fileSettings.min_score ?? DEFAULTS.min_score, limit: fileSettings.limit ?? DEFAULTS.limit, run_on_login: Boolean(fileSettings.run_on_login), + monitor_paths: Array.isArray(fileSettings.monitor_paths) ? fileSettings.monitor_paths : DEFAULTS.monitor_paths, }; } } catch (_) { @@ -161,6 +190,7 @@ min_score: fileSettings.min_score ?? DEFAULTS.min_score, limit: fileSettings.limit ?? DEFAULTS.limit, run_on_login: Boolean(fileSettings.run_on_login), + monitor_paths: Array.isArray(fileSettings.monitor_paths) ? fileSettings.monitor_paths : DEFAULTS.monitor_paths, }; } } catch (_) {} @@ -257,6 +287,10 @@ const min_score = Math.max(0, Math.min(1, parseFloat(minScoreEl?.value) || DEFAULTS.min_score)); const limit = Math.max(1, Math.min(100, parseInt(limitEl?.value, 10) || DEFAULTS.limit)); const run_on_login = runOnLoginEl ? runOnLoginEl.checked : DEFAULTS.run_on_login; + const pathInputs = this.querySelectorAll('.setting-monitor-path'); + const monitor_paths = Array.from(pathInputs) + .map((el) => (el.value || '').trim()) + .filter(Boolean); try { // Tauri autostart（OSログイン時自動起動）を反映 try { @@ -269,16 +303,22 @@ } catch (_) { // ブラウザなど Tauri 外では無視 } - const payload = { min_score, limit, run_on_login }; - console.log('[TelosDB] 保存: run_on_login =', run_on_login); - await saveSettingsToFile(payload); - localStorage.setItem(SETTINGS_KEY, JSON.stringify(payload)); - if (minScoreEl) minScoreEl.value = String(min_score); - if (limitEl) limitEl.value = String(limit); - if (runOnLoginEl) runOnLoginEl.checked = run_on_login; - feedbackEl.textContent = '保存しました'; - feedbackEl.classList.remove('error'); - setTimeout(() => { feedbackEl.textContent = ''; }, 2000); + const payload = { min_score, limit, run_on_login, monitor_paths }; + console.log('[TelosDB] 保存: run_on_login =', run_on_login, 'monitor_paths =', monitor_paths.length); + const saved = await saveSettingsToFile(payload); + if (saved) { + localStorage.setItem(SETTINGS_KEY, JSON.stringify(payload)); + if (minScoreEl) minScoreEl.value = String(min_score); + if (limitEl) limitEl.value = String(limit); + if (runOnLoginEl) runOnLoginEl.checked = run_on_login; + renderMonitorPathsList(monitor_paths); + feedbackEl.textContent = '保存しました'; + feedbackEl.classList.remove('error'); + setTimeout(() => { feedbackEl.textContent = ''; }, 2000); + } else { + feedbackEl.textContent = '保存に失敗しました（ファイルへの書き込みに失敗しました）'; + feedbackEl.classList.add('error'); + } } catch (e) { feedbackEl.textContent = '保存に失敗しました'; feedbackEl.classList.add('error'); @@ -286,6 +326,27 @@ }); } + this.querySelector('#settings-monitor-path-add')?.addEventListener('click', (e) => { + e.preventDefault(); + const listEl = this.querySelector('#settings-monitor-paths-list'); + if (!listEl) return; + const row = document.createElement('div'); + row.className = 'setting-monitor-path-row'; + row.innerHTML = ` + + + `; + listEl.appendChild(row); + }); + + this.querySelector('#settings-monitor-paths-list')?.addEventListener('click', (e) => { + if (e.target.classList.contains('setting-monitor-path-remove')) { + e.preventDefault(); + const row = e.target.closest('.setting-monitor-path-row'); + if (row) row.remove(); + } + }); + // Activity Log accordion behavior const activityToggle = this.querySelector('.activity-toggle'); const activityContent = this.querySelector('.activity-content'); diff --git a/src/frontend/styles.css b/src/frontend/styles.css index b4c3103..91b1308 100644 --- a/src/frontend/styles.css +++ b/src/frontend/styles.css @@ -333,6 +333,35 @@ .settings-feedback.error { color: var(--accent-red, #ef4444); } +.setting-hint { + font-size: 0.85rem; + color: var(--text-dim); + margin-bottom: 12px; +} +.setting-monitor-paths-list { + display: flex; + flex-direction: column; + gap: 8px; + margin-bottom: 12px; +} +.setting-monitor-path-row { + display: flex; + align-items: center; + gap: 8px; +} +.setting-monitor-path-row .setting-monitor-path { + flex: 1; + min-width: 0; + padding: 6px 10px; + background: var(--bg-surface); + border: 1px solid var(--border-base); + border-radius: 4px; + color: var(--text-primary); + font-size: 0.9rem; +} +.setting-monitor-path-row .setting-monitor-path-remove { + flex-shrink: 0; +} /* 文書管理パネル */ .docs-toolbar {