+17
-35
@@ -142,40 +142,25 @@ INTERACTIVE_CSS = '''
|
|||||||
color: var(--color-result-link, #5e81ac);
|
color: var(--color-result-link, #5e81ac);
|
||||||
background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
|
background: var(--color-base-background-hover, rgba(0,0,0,0.05)) !important;
|
||||||
}
|
}
|
||||||
.sxng-model-wrap {
|
|
||||||
display: none;
|
|
||||||
position: relative;
|
|
||||||
align-items: stretch;
|
|
||||||
border: 1px solid var(--color-search-url, #4a9eff);
|
|
||||||
border-radius: 4px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
.sxng-model-wrap.visible {
|
|
||||||
display: inline-flex;
|
|
||||||
}
|
|
||||||
.sxng-model-select {
|
.sxng-model-select {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
background: var(--color-sidebar-bg, #424247);
|
background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%0A%3Cg%20fill%3D%22%23aaa%22%3E%0A%3Cpolygon%20points%3D%22128%2C192%20256%2C320%20384%2C192%22%2F%3E%3C%2Fg%3E%0A%3C%2Fsvg%3E") calc(100% + 2rem) 0 / 2rem no-repeat content-box border-box;
|
||||||
color: var(--color-base-font, #cdd6f4);
|
background-color: var(--color-toolkit-select-background, #313338);
|
||||||
border: none;
|
text-overflow: ellipsis;
|
||||||
border-right: 1px solid var(--color-search-url, #4a9eff);
|
border-width: 0 2rem 0 0;
|
||||||
padding: 3px 8px;
|
border-color: transparent;
|
||||||
font-size: 0.78em;
|
border-radius: 5px;
|
||||||
line-height: 1.4;
|
outline: none;
|
||||||
vertical-align: middle;
|
height: 2.4rem;
|
||||||
|
color: var(--color-search-font, #fff);
|
||||||
|
font-size: .9rem;
|
||||||
|
padding: .2rem;
|
||||||
|
margin: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
max-width: 140px;
|
display: none;
|
||||||
}
|
max-width: 160px;
|
||||||
.sxng-model-arrow {
|
vertical-align: middle;
|
||||||
background: var(--color-sidebar-bg, #424247);
|
|
||||||
color: var(--color-search-url, #4a9eff);
|
|
||||||
padding: 0 6px;
|
|
||||||
font-size: 0.85em;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
pointer-events: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
.sxng-reasoning {
|
.sxng-reasoning {
|
||||||
margin: 0.5rem 0; padding: 0.5rem;
|
margin: 0.5rem 0; padding: 0.5rem;
|
||||||
@@ -1348,7 +1333,7 @@ class SXNGPlugin(Plugin):
|
|||||||
" if (m === (_cur || model_init)) o.selected = true;\n"
|
" if (m === (_cur || model_init)) o.selected = true;\n"
|
||||||
" _msel2.appendChild(o);\n"
|
" _msel2.appendChild(o);\n"
|
||||||
" });\n"
|
" });\n"
|
||||||
" document.querySelector('.sxng-model-wrap').classList.add('visible');\n"
|
" document.getElementById('sxng-model-select').style.display = 'inline-block';\n"
|
||||||
" console.log('[AI Answers] Model selector shown with', d.models.length, 'models');\n"
|
" console.log('[AI Answers] Model selector shown with', d.models.length, 'models');\n"
|
||||||
" })\n"
|
" })\n"
|
||||||
" .catch(err => { console.warn('[AI Answers] /ai-models fetch failed:', err); });\n"
|
" .catch(err => { console.warn('[AI Answers] /ai-models fetch failed:', err); });\n"
|
||||||
@@ -1430,10 +1415,7 @@ class SXNGPlugin(Plugin):
|
|||||||
<span class="sxng-ai-label">
|
<span class="sxng-ai-label">
|
||||||
<span style="color:#4a9eff;font-size:1.1em;">✦</span> AI Overview
|
<span style="color:#4a9eff;font-size:1.1em;">✦</span> AI Overview
|
||||||
</span>
|
</span>
|
||||||
<div class="sxng-model-wrap">
|
<select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
|
||||||
<select id="sxng-model-select" class="sxng-model-select" title="Select model"></select>
|
|
||||||
<span class="sxng-model-arrow">⌃</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-result-description); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p>
|
<p id="sxng-stream-data" style="white-space: pre-wrap; color: var(--color-result-description); font-size: 0.95rem; margin:0;"><span class="sxng-cursor"></span></p>
|
||||||
{interactive_html}
|
{interactive_html}
|
||||||
|
|||||||
Reference in New Issue
Block a user