Put every chat control on one row, the same row everywhere
The picker sat above the transcript and the buttons below it, so the same component read differently on each surface; size is the only thing a placement should get to choose.
This commit is contained in:
@@ -119,6 +119,7 @@ if (is_dir('/var/log/varaverk')) {
|
||||
.vv-ai-mdl-n { color:#8a8a8a; font-family:monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
|
||||
.vv-ai-mdl-m { color:#444; font-family:monospace; margin-left:auto; flex-shrink:0; font-size:10px; }
|
||||
.vv-ai-none { font-size:11px; color:#3a3a3a; font-style:italic; }
|
||||
.vv-ai-buildline { font-size:10px; color:#3a3a3a; font-family:monospace; margin:6px 2px 0; }
|
||||
|
||||
/* ── Token accounting ───────────────────────────────────────────────────── */
|
||||
/* Splits on the second banner stat rather than the third, so the host window stays narrow and
|
||||
@@ -227,21 +228,27 @@ if (is_dir('/var/log/varaverk')) {
|
||||
</div>
|
||||
|
||||
<?php
|
||||
// Heights are this tab's to choose; the component's shape is not. This is the surface with the
|
||||
// most room, so it rests taller than the Monitor card and expands to most of the viewport.
|
||||
vv_ai_chat_markup('vv-ai', [
|
||||
'profile' => 'varaverk',
|
||||
'height' => '52vh',
|
||||
'tall' => '85vh',
|
||||
'empty' => "Ask Varaverk about itself. Answers come only from this installation's own "
|
||||
. 'documentation, with sources.',
|
||||
'placeholder' => 'e.g. what stops rsync and the mover running at once?',
|
||||
// The build stamp and the liveness marker stay on this tab. Unraid swaps tab content by
|
||||
// AJAX without tearing down the previous page's JavaScript, so "is the browser running the
|
||||
// code I just deployed" is not answerable from the server — the marker answers it from the
|
||||
// browser, and it is where every deploy on this tab gets checked.
|
||||
'controls' => '<button class="vv-ai-btn ghost" id="vv-ai-mem" type="button">Memory</button>'
|
||||
. '<span class="vv-ai-hint">build ' . $_vv_ai_build
|
||||
. ' <span id="vv-ai-live" style="color:#e57">· JS NOT RUNNING</span></span>',
|
||||
'controls' => '<button class="vv-ai-btn ghost" id="vv-ai-mem" type="button">Memory</button>',
|
||||
]);
|
||||
?>
|
||||
|
||||
<!-- The build stamp and the liveness marker stay on this tab, below the composer rather than in
|
||||
it. Unraid swaps tab content by AJAX without tearing down the previous page's JavaScript, so
|
||||
"is the browser running the code I just deployed" is not answerable from the server — this
|
||||
marker answers it from the browser, and it is where every deploy on this tab gets checked.
|
||||
It sits here because the control row above is for controls: it was the one piece of prose in
|
||||
a line of buttons, and it is read deliberately rather than glanced at. -->
|
||||
<div class="vv-ai-buildline">build <?= $_vv_ai_build ?><span id="vv-ai-live" style="color:#e57"> · JS NOT RUNNING</span></div>
|
||||
|
||||
<!-- Settings. Below the composer and closed by default: these change how the next answer is
|
||||
built, not what it is asked, so they should be reachable without being in the way. The
|
||||
header carries the current values so the state is legible while collapsed. -->
|
||||
|
||||
Reference in New Issue
Block a user