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

new indicators in web ui for llm stuff

Browse Source
This commit is contained in:
legop3
2026-02-25 15:21:54 -05:00
parent 30671332af
commit 0a65c43eb0
5 changed files with 51 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-Djoi30hN.js → server/public/assets/index-B49ZvEXj.js
+7 -7
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CgR-sTcr.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CpaTrvxo.css
+1
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="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-Djoi30hN.js"></script> <script type="module" crossorigin src="/assets/index-B49ZvEXj.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CgR-sTcr.css"> <link rel="stylesheet" crossorigin href="/assets/index-CpaTrvxo.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/AdminPanel.jsx
+41
View File
@@ -285,6 +285,7 @@ function LlmCommentaryPanel({ status, onClearHistory, clearingHistory }) {
: status.lastOutcome === 'posted' : status.lastOutcome === 'posted'
? 'text-emerald-300' ? 'text-emerald-300'
: 'text-slate-300'; : 'text-slate-300';
const largeIndicator = buildLlmLargeIndicator(status);
const conversationRows = buildLlmConversationRows(status); const conversationRows = buildLlmConversationRows(status);
return ( return (
@@ -300,6 +301,10 @@ function LlmCommentaryPanel({ status, onClearHistory, clearingHistory }) {
{clearingHistory ? 'Clearing...' : 'Clear LLM History'} {clearingHistory ? 'Clearing...' : 'Clear LLM History'}
</button> </button>
</div> </div>
<div className={`surface border text-center ${largeIndicator.className}`}>
<div className="text-[1.1rem] font-bold tracking-wide">{largeIndicator.label}</div>
<div className="text-xs text-slate-200">{largeIndicator.detail}</div>
</div>
<div className="surface space-y-0.5 text-xs text-slate-200"> <div className="surface space-y-0.5 text-xs text-slate-200">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<span>Enabled</span> <span>Enabled</span>
@@ -421,6 +426,42 @@ function LlmCommentaryPanel({ status, onClearHistory, clearingHistory }) {
); );
} }
function buildLlmLargeIndicator(status) {
if (status?.inFlight) {
return {
label: 'IN FLIGHT',
detail: 'Generating commentary now',
className: 'border-amber-400/60 bg-amber-700/20 text-amber-200',
};
}
if (status?.lastOutcome === 'posted') {
return {
label: 'POSTED',
detail: status?.lastPostedText ? `Last: ${status.lastPostedText}` : 'Commentary posted',
className: 'border-emerald-400/60 bg-emerald-700/20 text-emerald-200',
};
}
if (status?.lastOutcome === 'skipped') {
return {
label: 'SKIPPED',
detail: status?.lastReason || 'Model chose to skip',
className: 'border-slate-400/60 bg-slate-700/30 text-slate-200',
};
}
if (status?.lastOutcome === 'failed') {
return {
label: 'FAILED',
detail: status?.lastError || status?.lastReason || 'Tick failed',
className: 'border-red-400/60 bg-red-700/20 text-red-200',
};
}
return {
label: status?.running ? 'IDLE' : 'STOPPED',
detail: status?.lastReason || 'Waiting for next tick',
className: 'border-sky-400/50 bg-sky-700/20 text-sky-200',
};
}
function buildLlmConversationRows(status) { function buildLlmConversationRows(status) {
const now = Date.now(); const now = Date.now();
const modelMessages = Array.isArray(status?.lastModelMessages) ? status.lastModelMessages : []; const modelMessages = Array.isArray(status?.lastModelMessages) ? status.lastModelMessages : [];