Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-08-11 02:42:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fancier LLM/AI chat errors

Browse Source
This commit is contained in:
perf3ct 2025-03-17 17:16:18 +00:00
parent 79514b8f93
commit 8d8c34c0a2
No known key found for this signature in database
GPG Key ID: 569C4EEC436F5232
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/public/app/widgets/llm_chat_panel.ts
View File

@ -40,8 +40,8 @@ export default class LlmChatPanel extends BasicWidget {
doRender() { doRender() {
this.$widget = $(` this.$widget = $(`
<div class="note-context-chat h-100 w-100 d-flex flex-column"> <div class="note-context-chat h-100 w-100 d-flex flex-column">
<!-- Add provider validation warning alert --> <!-- Move validation warning outside the card with better styling -->
<div class="provider-validation-warning alert alert-warning m-2" style="display: none;"></div> <div class="provider-validation-warning alert alert-warning m-2 border-left border-warning" style="display: none; padding-left: 15px; border-left: 4px solid #ffc107; background-color: rgba(255, 248, 230, 0.9); font-size: 0.9rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05);"></div>
<div class="note-context-chat-container flex-grow-1 overflow-auto p-3"> <div class="note-context-chat-container flex-grow-1 overflow-auto p-3">
<div class="note-context-chat-messages"></div> <div class="note-context-chat-messages"></div>
@ -99,6 +99,15 @@ export default class LlmChatPanel extends BasicWidget {
this.useAdvancedContextCheckbox = element.querySelector('.use-advanced-context-checkbox') as HTMLInputElement; this.useAdvancedContextCheckbox = element.querySelector('.use-advanced-context-checkbox') as HTMLInputElement;
this.validationWarning = element.querySelector('.provider-validation-warning') as HTMLElement; 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(); this.initializeEventListeners();
// Create a session when first loaded // Create a session when first loaded
@ -492,23 +501,27 @@ export default class LlmChatPanel extends BasicWidget {
// Show warning if there are issues // Show warning if there are issues
if (!defaultInPrecedence || !defaultIsEnabled || !allPrecedenceEnabled) { if (!defaultInPrecedence || !defaultIsEnabled || !allPrecedenceEnabled) {
let message = 'There are issues with your AI provider configuration:'; let message = '<i class="bx bx-error-circle me-2"></i><strong>AI Provider Configuration Issues</strong>';
message += '<ul class="mb-1 ps-4">';
if (!defaultInPrecedence) { if (!defaultInPrecedence) {
message += `<br>• The default embedding provider "${defaultProvider}" is not in your provider precedence list.`; message += `<li>The default embedding provider "${defaultProvider}" is not in your provider precedence list.</li>`;
} }
if (!defaultIsEnabled) { if (!defaultIsEnabled) {
message += `<br>• The default embedding provider "${defaultProvider}" is not enabled.`; message += `<li>The default embedding provider "${defaultProvider}" is not enabled.</li>`;
} }
if (!allPrecedenceEnabled) { if (!allPrecedenceEnabled) {
const disabledProviders = precedenceList.filter((p: string) => !enabledProviders.includes(p)); const disabledProviders = precedenceList.filter((p: string) => !enabledProviders.includes(p));
message += `<br>• The following providers in your precedence list are not enabled: ${disabledProviders.join(', ')}.`; message += `<li>The following providers in your precedence list are not enabled: ${disabledProviders.join(', ')}.</li>`;
} }
message += '<br><br>Please check your AI settings.'; message += '</ul>';
message += '<div class="mt-2"><a href="javascript:" class="settings-link btn btn-sm btn-outline-secondary"><i class="bx bx-cog me-1"></i>Open AI Settings</a></div>';
// Update HTML content - no need to attach event listeners here anymore
this.validationWarning.innerHTML = message; this.validationWarning.innerHTML = message;
this.validationWarning.style.display = 'block'; this.validationWarning.style.display = 'block';
} else { } else {