legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 09:31:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

2 rows was bad

Browse Source
This commit is contained in:
legop3
2026-06-07 12:17:23 -04:00
parent 5ac7bd4370
commit 661a4e0f7c
6 changed files with 44 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-CF1W1avm.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-iVUbccy-.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-Fc055JQt.js → server/public/assets/index-qVAXPTgS.js
+7 -7
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-Fc055JQt.js"></script> <script type="module" crossorigin src="/assets/index-qVAXPTgS.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-iVUbccy-.css"> <link rel="stylesheet" crossorigin href="/assets/index-CF1W1avm.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
server/src/services/overseerControlService/contextBuilder.js
+2
View File
@@ -100,6 +100,8 @@ function buildModelMessages({
}); });
(conversationMessages || []).forEach((message) => { (conversationMessages || []).forEach((message) => {
if (!message || !message.role || !message.content) return; if (!message || !message.role || !message.content) return;
message.content.replace("sourceMapping", "");
message.content.replace("SourceMapping", "");
messages.push(message); messages.push(message);
}); });
return messages; return messages;
webui/src/components/ChatPanel/index.jsx
+32 -37
View File
@@ -145,20 +145,19 @@ export default function ChatPanel({
const listClass = fillHeight ? 'flex-1 min-h-0 overflow-y-auto' : 'h-48 overflow-y-auto'; const listClass = fillHeight ? 'flex-1 min-h-0 overflow-y-auto' : 'h-48 overflow-y-auto';
const isStackedNickname = nicknameLayout === 'stacked'; const isStackedNickname = nicknameLayout === 'stacked';
// The composer is intentionally split into stable rows instead of one large // The composer stays as one horizontal row because this panel is used as a
// wrapping flex line. Google TTS adds engine, voice, pitch, and speed selects; // dense control strip. The chat input is the only control that should absorb
// keeping those controls in their own bounded grid prevents their combined // tight-space pressure, so it gets no minimum width while the surrounding
// natural widths from pushing the nickname field or message input off-screen. // controls stay compact and predictable.
const composerClass = isStackedNickname const composerClass = 'flex min-w-0 items-stretch gap-0.5 overflow-hidden';
? 'grid min-w-0 grid-cols-1 gap-0.5' // The nickname editor is deliberately narrow in compact chat bars. Users can
: 'grid min-w-0 grid-cols-[9rem_minmax(0,1fr)_auto] items-stretch gap-0.5 sm:grid-cols-[10rem_minmax(0,1fr)_auto]'; // still type longer names, but the field no longer reserves enough width to
// Every select in this compact toolbar must be allowed to shrink below the // crowd out the always-visible TTS controls.
// width of its longest option text. Native selects otherwise preserve a large const nicknameClass = isStackedNickname ? 'w-[5rem] sm:w-[7rem] shrink-0' : 'w-[5rem] sm:w-[7rem] shrink-0';
// intrinsic width, which is what made the Google TTS option set break layout. // Native selects include generous built-in padding and try to preserve the
const compactSelectClass = 'field-input min-w-0 w-full max-w-full text-xs'; // width of their longest option. Removing horizontal padding and forcing
const ttsGridClass = engine === 'chromegtts' // min-w-0 lets the row stay intact while keeping labels readable.
? 'grid min-w-0 grid-cols-[auto_minmax(0,1fr)_minmax(0,0.7fr)_minmax(0,0.9fr)_minmax(0,0.9fr)] items-center gap-0.5' const compactSelectClass = 'field-input min-w-0 max-w-full px-0 text-xs';
: 'grid min-w-0 grid-cols-[auto_minmax(0,1fr)_minmax(0,0.8fr)] items-center gap-0.5';
return ( return (
<CardFrame <CardFrame
@@ -180,11 +179,11 @@ export default function ChatPanel({
</div> </div>
{!hideInput && ( {!hideInput && (
<form className={composerClass} onSubmit={handleSend}> <form className={composerClass} onSubmit={handleSend}>
<div className={isStackedNickname ? 'w-full' : 'w-[9rem] sm:w-[10rem] shrink-0'}> <div className={nicknameClass}>
<NicknameForm compact /> <NicknameForm compact />
</div> </div>
<input <input
className="field-input min-w-0 w-full" className="field-input min-w-0 flex-[1_1_0%]"
value={draft} value={draft}
onChange={(e) => { onChange={(e) => {
const next = e.target.value; const next = e.target.value;
@@ -210,20 +209,9 @@ export default function ChatPanel({
placeholder={canChat ? 'Type a message…' : hideSpectatorNotice ? '' : 'Spectators cannot chat'} placeholder={canChat ? 'Type a message…' : hideSpectatorNotice ? '' : 'Spectators cannot chat'}
disabled={!canChat} disabled={!canChat}
/> />
<button
type="submit"
disabled={!canChat || sending}
className={`button-dark shrink-0 disabled:opacity-50 ${isStackedNickname ? 'h-8 w-full' : 'h-full self-stretch'}`}
>
{sending ? '...' : 'Send'}
</button>
{ttsSupported && ( {ttsSupported && (
<div <div className="flex min-w-0 shrink items-center gap-0.5 overflow-hidden">
className={`${ttsGridClass} ${ <label className="flex shrink-0 items-center gap-0.5 whitespace-nowrap text-xs text-slate-300">
isStackedNickname ? 'w-full' : 'col-span-full'
}`}
>
<label className="flex min-w-0 items-center gap-0.5 text-xs text-slate-300">
<input <input
type="checkbox" type="checkbox"
checked={speak} checked={speak}
@@ -246,11 +234,11 @@ export default function ChatPanel({
if (nextVoice !== voice) setVoice(nextVoice); if (nextVoice !== voice) setVoice(nextVoice);
saveTtsSettings((current) => ({ ...(current || {}), engine: next, voice: nextVoice })); saveTtsSettings((current) => ({ ...(current || {}), engine: next, voice: nextVoice }));
}} }}
className={compactSelectClass} className={`${compactSelectClass} w-[5.5rem] shrink`}
> >
<option value="flite">flite</option> <option value="flite">flite</option>
<option value="espeak">espeak</option> <option value="espeak">espeak</option>
<option value="chromegtts">Google</option> <option value="chromegtts">Google TTS</option>
</select> </select>
{engine === 'flite' || engine === 'chromegtts' ? ( {engine === 'flite' || engine === 'chromegtts' ? (
<> <>
@@ -261,7 +249,7 @@ export default function ChatPanel({
setVoice(next); setVoice(next);
saveTtsSettings((current) => ({ ...(current || {}), voice: next })); saveTtsSettings((current) => ({ ...(current || {}), voice: next }));
}} }}
className={compactSelectClass} className={`${compactSelectClass} w-[3.25rem] shrink`}
> >
{(engine === 'chromegtts' ? CHROME_TTS_VOICES : FLITE_VOICES).map((v) => ( {(engine === 'chromegtts' ? CHROME_TTS_VOICES : FLITE_VOICES).map((v) => (
<option key={v} value={v}> <option key={v} value={v}>
@@ -278,11 +266,11 @@ export default function ChatPanel({
setGooglePitch(next); setGooglePitch(next);
saveTtsSettings((current) => ({ ...(current || {}), googlePitch: next })); saveTtsSettings((current) => ({ ...(current || {}), googlePitch: next }));
}} }}
className={compactSelectClass} className={`${compactSelectClass} w-[5rem] shrink`}
> >
{GOOGLE_TTS_VALUES.map((value) => ( {GOOGLE_TTS_VALUES.map((value) => (
<option key={`pitch-${value}`} value={value}> <option key={`pitch-${value}`} value={value}>
P {value.toFixed(2)} pitch {value.toFixed(2)}
</option> </option>
))} ))}
</select> </select>
@@ -293,11 +281,11 @@ export default function ChatPanel({
setGoogleSpeed(next); setGoogleSpeed(next);
saveTtsSettings((current) => ({ ...(current || {}), googleSpeed: next })); saveTtsSettings((current) => ({ ...(current || {}), googleSpeed: next }));
}} }}
className={compactSelectClass} className={`${compactSelectClass} w-[5rem] shrink`}
> >
{GOOGLE_TTS_VALUES.map((value) => ( {GOOGLE_TTS_VALUES.map((value) => (
<option key={`speed-${value}`} value={value}> <option key={`speed-${value}`} value={value}>
S {value.toFixed(2)} speed {value.toFixed(2)}
</option> </option>
))} ))}
</select> </select>
@@ -312,7 +300,7 @@ export default function ChatPanel({
setPitch(next); setPitch(next);
saveTtsSettings((current) => ({ ...(current || {}), pitch: next })); saveTtsSettings((current) => ({ ...(current || {}), pitch: next }));
}} }}
className={compactSelectClass} className={`${compactSelectClass} w-[4.5rem] shrink`}
> >
{ESPEAK_PITCHES.map((p) => ( {ESPEAK_PITCHES.map((p) => (
<option key={p} value={p}> <option key={p} value={p}>
@@ -323,6 +311,13 @@ export default function ChatPanel({
)} )}
</div> </div>
)} )}
<button
type="submit"
disabled={!canChat || sending}
className="button-dark h-full shrink-0 self-stretch disabled:opacity-50"
>
{sending ? '...' : 'Send'}
</button>
</form> </form>
)} )}
</CardFrame> </CardFrame>