feat(ai): integrate local Ollama AI for in-context sentence translation and caching (Task 13)

This commit is contained in:
2026-10-06 15:05:24 +03:00
parent 0c5951df8d
commit 37a1f1ab35
12 changed files with 605 additions and 15 deletions
+95 -1
View File
@@ -3858,6 +3858,10 @@ body {
margin-bottom: 8px;
}
.popup-context-box {
margin-bottom: 14px;
}
.popup-context {
font-size: 12px;
color: var(--text-muted);
@@ -3865,11 +3869,101 @@ body {
background: var(--bg-input);
padding: 8px 10px;
border-radius: var(--radius-sm);
margin-bottom: 14px;
margin-bottom: 6px;
line-height: 1.4;
border-left: 3px solid var(--primary);
}
.popup-sentence-ai-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-bottom: 6px;
}
.popup-sentence-btn {
font-size: 11px;
padding: 3px 8px;
cursor: pointer;
border-radius: var(--radius-sm);
display: inline-flex;
align-items: center;
gap: 4px;
}
.popup-ai-source-badge {
font-size: 10px;
font-weight: 600;
color: var(--primary);
background: rgba(99, 102, 241, 0.12);
border: 1px solid rgba(99, 102, 241, 0.25);
padding: 2px 6px;
border-radius: 9999px;
letter-spacing: 0.02em;
}
.popup-sentence-loading {
font-size: 11px;
color: var(--text-muted);
padding: 6px 8px;
display: flex;
align-items: center;
gap: 6px;
background: var(--bg-input);
border-radius: var(--radius-sm);
margin-bottom: 6px;
}
.popup-sentence-translation-wrap {
background: rgba(99, 102, 241, 0.08);
border: 1px solid rgba(99, 102, 241, 0.2);
border-radius: var(--radius-sm);
padding: 8px 10px;
margin-bottom: 6px;
animation: fadeIn 0.15s ease-out;
}
.popup-sentence-ru {
font-size: 13px;
line-height: 1.45;
color: var(--text-main);
margin-bottom: 6px;
}
.popup-context-meaning-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
font-size: 11px;
padding-top: 6px;
border-top: 1px dashed rgba(99, 102, 241, 0.2);
}
.context-meaning-label {
color: var(--text-muted);
}
.context-meaning-val {
color: var(--success);
font-weight: 600;
}
.use-meaning-btn {
font-size: 10px;
padding: 1px 6px;
color: var(--primary);
border: 1px solid var(--primary);
border-radius: 4px;
cursor: pointer;
background: transparent;
}
.use-meaning-btn:hover {
background: rgba(99, 102, 241, 0.15);
}
.popup-saved-badge {
text-align: center;
font-size: 13px;