diff --git a/src/public/app/widgets/llm_chat_panel.ts b/src/public/app/widgets/llm_chat_panel.ts index 3ecfd0eab..9a9cc6692 100644 --- a/src/public/app/widgets/llm_chat_panel.ts +++ b/src/public/app/widgets/llm_chat_panel.ts @@ -40,8 +40,8 @@ export default class LlmChatPanel extends BasicWidget { doRender() { this.$widget = $(`
- - + +
@@ -99,6 +99,15 @@ export default class LlmChatPanel extends BasicWidget { this.useAdvancedContextCheckbox = element.querySelector('.use-advanced-context-checkbox') as HTMLInputElement; this.validationWarning = element.querySelector('.provider-validation-warning') as HTMLElement; + // Set up event delegation for the settings link + this.validationWarning.addEventListener('click', (e) => { + const target = e.target as HTMLElement; + if (target.classList.contains('settings-link') || target.closest('.settings-link')) { + console.log('Settings link clicked, navigating to AI settings URL'); + window.location.href = '#root/_hidden/_options/_optionsAi'; + } + }); + this.initializeEventListeners(); // Create a session when first loaded @@ -492,23 +501,27 @@ export default class LlmChatPanel extends BasicWidget { // Show warning if there are issues if (!defaultInPrecedence || !defaultIsEnabled || !allPrecedenceEnabled) { - let message = 'There are issues with your AI provider configuration:'; + let message = 'AI Provider Configuration Issues'; + + message += ''; + message += ''; + // Update HTML content - no need to attach event listeners here anymore this.validationWarning.innerHTML = message; this.validationWarning.style.display = 'block'; } else {