Projets/ObsiGate
1
1
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases 16 Wiki Activity

fix(bookslm): 422 + thème + picker zindex
CI / lint (push) Successful in 37s
Details
CI / security (push) Successful in 25s
Details
CI / test (push) Successful in 49s
Details
CI / build (push) Successful in 22s
Details
CI / e2e (push) Successful in 6m7s
Details
Desktop Build / build-windows (push) Canceled after 0s
Details
Desktop Build / build-linux (push) Canceled after 0s
Details

Browse Source 
- Bug 1 (422): bookslm.js envoie maintenant {message, conversation_history}
  conformes au backend (au lieu de messages:[...])
- Bug 2 (thème BooksLM): style.css lignes 9015-9061 — suppression de
  tous les fallbacks hex (--bg, --muted, --text, --surface, --accent,
  --border) au profit des variables ObsiGate existantes (--bg-primary,
  --text-primary, --text-secondary, --surface, --surface2, --accent,
  --border). Ajout de color: var(--text-primary) sur .bookslm-panel
- Bug 3 (picker zindex/flex): bookslm-picker-host + ai-picker +
  .bookslm-header button obtiennent flex-shrink:0 + z-index:1 pour
  éviter que les selects compressent ou masquent les boutons
  header (Nouvelle conversation / Exporter / Plein écran / Fermer)
- Bug 4 (theme picker): ai.js — var(--bg-tertiary, transparent) →
  var(--surface), var(--border-color) → var(--border) sur tous les
  selects, menus et createSeparator. Plus de variables inexistantes.

Tests: pytest 504 passed, frontend unit 7/7, validate-imports 30 modules
204 exports, pane-manager 9/9, ruff All checks passed.
This commit is contained in:
bruno
2026-09-07 13:53:49 -04:00
parent d441481930
commit 0d29dd00fd
3 changed files with 81 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/style.css
+27 -22
View File
@@ -9015,47 +9015,52 @@ body.popup-mode .content-area {
/* ── BooksLM Panel ──────────────────────────────────── */
.bookslm-panel { position: fixed; right: 0; top: 0; bottom: 0; width: 450px;
background: var(--bg, #0d0d1a); border-left: 1px solid var(--border, #333);
background: var(--bg-primary); border-left: 1px solid var(--border);
z-index: 100; display: flex; flex-direction: column;
transform: translateX(100%); transition: transform 300ms ease-out;
box-shadow: -4px 0 20px rgba(0,0,0,0.3); }
box-shadow: -4px 0 20px rgba(0,0,0,0.3);
color: var(--text-primary); }
.bookslm-panel.open { transform: translateX(0); }
.bookslm-header { display: flex; align-items: center; gap: 8px;
padding: 12px 16px; border-bottom: 1px solid var(--border, #333);
padding: 12px 16px; border-bottom: 1px solid var(--border);
font-size: 14px; font-weight: 600; }
.bookslm-header .bookslm-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bookslm-header .bookslm-picker-host,
.bookslm-header .ai-picker,
.bookslm-header button { flex-shrink: 0; }
.bookslm-header .ai-picker { z-index: 1; }
.bookslm-header button { background: none; border: none; cursor: pointer;
color: var(--muted, #999); font-size: 16px; padding: 4px 8px; border-radius: 4px; }
.bookslm-header button:hover { background: var(--surface2, #1e1e3a); color: var(--text, #fff); }
.bookslm-status { padding: 6px 16px; font-size: 12px; color: var(--muted, #999);
border-bottom: 1px solid var(--border, #333); display: flex; gap: 12px; align-items: center; }
color: var(--text-secondary); font-size: 16px; padding: 4px 8px; border-radius: 4px; }
.bookslm-header button:hover { background: var(--surface2); color: var(--text-primary); }
.bookslm-status { padding: 6px 16px; font-size: 12px; color: var(--text-secondary);
border-bottom: 1px solid var(--border); display: flex; gap: 12px; align-items: center; }
.bookslm-status .bookslm-context-bar { flex: 1; height: 4px; border-radius: 2px;
background: var(--surface2, #1e1e3a); overflow: hidden; }
.bookslm-status .bookslm-context-fill { height: 100%; border-radius: 2px; background: var(--accent, #7C3AED); transition: width 0.3s; }
background: var(--surface2); overflow: hidden; }
.bookslm-status .bookslm-context-fill { height: 100%; border-radius: 2px; background: var(--accent); transition: width 0.3s; }
.bookslm-messages { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.bookslm-bubble { max-width: 85%; padding: 10px 14px; border-radius: 12px; font-size: 14px; line-height: 1.5; word-wrap: break-word; }
.bookslm-bubble.user { align-self: flex-end; background: var(--accent, #7C3AED); color: #fff; border-bottom-right-radius: 4px; }
.bookslm-bubble.assistant { align-self: flex-start; background: var(--surface2, #1e1e3a); color: var(--text, #fff); border-bottom-left-radius: 4px; }
.bookslm-bubble.user { align-self: flex-end; background: var(--accent); color: #fff; border-bottom-right-radius: 4px; }
.bookslm-bubble.assistant { align-self: flex-start; background: var(--surface2); color: var(--text-primary); border-bottom-left-radius: 4px; }
.bookslm-bubble.assistant code { background: rgba(0,0,0,0.2); padding: 1px 4px; border-radius: 3px; font-size: 0.9em; }
.bookslm-bubble.assistant pre { background: rgba(0,0,0,0.3); padding: 10px; border-radius: 6px; overflow-x: auto; margin: 8px 0; }
.bookslm-sources { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
.bookslm-source-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px;
background: var(--surface, #16162e); border: 1px solid var(--border, #333); border-radius: 12px;
font-size: 11px; color: var(--accent, #7C3AED); cursor: pointer; }
.bookslm-source-badge:hover { background: var(--surface2, #1e1e3a); }
.bookslm-input-area { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border, #333); align-items: flex-end; }
background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
font-size: 11px; color: var(--accent); cursor: pointer; }
.bookslm-source-badge:hover { background: var(--surface2); }
.bookslm-input-area { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border); align-items: flex-end; }
.bookslm-input-area textarea { flex: 1; resize: none; min-height: 36px; max-height: 120px;
padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border, #333);
background: var(--bg, #0d0d1a); color: var(--text, #fff); font-size: 14px; font-family: inherit; }
.bookslm-input-area textarea:focus { border-color: var(--accent, #7C3AED); outline: none; }
padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border);
background: var(--bg-primary); color: var(--text-primary); font-size: 14px; font-family: inherit; }
.bookslm-input-area textarea:focus { border-color: var(--accent); outline: none; }
.bookslm-input-area button { padding: 8px 16px; border-radius: 8px; border: none;
background: var(--accent, #7C3AED); color: #fff; cursor: pointer; font-size: 14px; }
background: var(--accent); color: #fff; cursor: pointer; font-size: 14px; }
.bookslm-input-area button:hover { opacity: 0.9; }
.bookslm-input-area button:disabled { opacity: 0.5; cursor: not-allowed; }
.bookslm-suggestions { display: flex; flex-direction: column; gap: 6px; padding: 8px 16px 0; }
.bookslm-suggestion { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border, #333);
background: var(--surface, #16162e); color: var(--muted, #999); cursor: pointer; font-size: 13px; text-align: left; }
.bookslm-suggestion:hover { background: var(--surface2, #1e1e3a); color: var(--text, #fff); border-color: var(--accent, #7C3AED); }
.bookslm-suggestion { padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border);
background: var(--surface); color: var(--text-secondary); cursor: pointer; font-size: 13px; text-align: left; }
.bookslm-suggestion:hover { background: var(--surface2); color: var(--text-primary); border-color: var(--accent); }
@media (max-width: 768px) {
.bookslm-panel { width: 100%; }
}