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

stat pills for llm status

Browse Source
This commit is contained in:
legop3
2026-02-25 17:28:18 -05:00
parent 7e233e48b2
commit 5a7ce8ae69
5 changed files with 47 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-C_i0uH-D.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/assets/index-BdawUWxg.js → server/public/assets/index-uxgU4yzq.js
+8 -8
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-BdawUWxg.js"></script> <script type="module" crossorigin src="/assets/index-uxgU4yzq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CpaTrvxo.css"> <link rel="stylesheet" crossorigin href="/assets/index-C_i0uH-D.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/AdminPanel.jsx
+36 -80
View File
@@ -287,6 +287,30 @@ function LlmCommentaryPanel({ status, onClearHistory, clearingHistory }) {
: 'text-slate-300'; : 'text-slate-300';
const largeIndicator = buildLlmLargeIndicator(status); const largeIndicator = buildLlmLargeIndicator(status);
const conversationRows = buildLlmConversationRows(status); const conversationRows = buildLlmConversationRows(status);
const statPills = [
{ label: 'enabled', value: status.enabled ? 'yes' : 'no' },
{ label: 'running', value: status.running ? 'yes' : 'no' },
{ label: 'in flight', value: status.inFlight ? 'yes' : 'no' },
{ label: 'model', value: status.model || '--' },
{ label: 'server', value: status.ollamaUrl || '--' },
{ label: 'frequency', value: `${status.frequencyMs} ms` },
{ label: 'tick count', value: status.tickCount ?? 0 },
{ label: 'skip streak', value: status.skipStreak ?? 0 },
{ label: 'last outcome', value: status.lastOutcome || '--' },
{ label: 'last reason', value: status.lastReason || '--' },
{ label: 'last tick', value: lastTickAt },
{ label: 'next run', value: nextRunAt },
{ label: 'last posted', value: lastPostedAt },
{ label: 'prompt chars', value: status.lastPromptChars ?? 0 },
{ label: 'cleared count', value: status.clearCount ?? 0 },
{
label: 'last cleared',
value: status.lastClearedAt ? new Date(status.lastClearedAt).toLocaleString() : 'never',
},
{ label: 'snapshot active drivers', value: summary.activeDrivers ?? 0 },
{ label: 'snapshot rovers', value: summary.rovers ?? 0 },
{ label: 'snapshot chat msgs', value: summary.chatMessages ?? 0 },
];
return ( return (
<div className="space-y-0.5"> <div className="space-y-0.5">
@@ -305,87 +329,19 @@ function LlmCommentaryPanel({ status, onClearHistory, clearingHistory }) {
<div className="text-[1.1rem] font-bold tracking-wide">{largeIndicator.label}</div> <div className="text-[1.1rem] font-bold tracking-wide">{largeIndicator.label}</div>
<div className="text-xs text-slate-200">{largeIndicator.detail}</div> <div className="text-xs text-slate-200">{largeIndicator.detail}</div>
</div> </div>
<div className="surface space-y-0.5 text-xs text-slate-200"> <div className="surface flex flex-wrap gap-0.5 text-xs">
<div className="flex items-center justify-between"> {statPills.map((pill) => (
<span>Enabled</span> <span
<span>{status.enabled ? 'yes' : 'no'}</span> key={pill.label}
</div> className={`rounded border px-0.5 py-0.25 text-[0.72rem] leading-tight ${
<div className="flex items-center justify-between"> pill.label === 'last outcome'
<span>Running</span> ? `${statusColor} border-slate-500/40 bg-slate-800/70`
<span>{status.running ? 'yes' : 'no'}</span> : 'border-slate-600/60 bg-slate-800/70 text-slate-200'
</div> }`}
<div className="flex items-center justify-between"> >
<span>In flight</span> {pill.label}: {pill.value}
<span>{status.inFlight ? 'yes' : 'no'}</span>
</div>
<div className="flex items-center justify-between">
<span>Model</span>
<span className="text-slate-300">{status.model || '--'}</span>
</div>
<div className="flex items-center justify-between">
<span>Server</span>
<span className="text-slate-300">{status.ollamaUrl || '--'}</span>
</div>
<div className="flex items-center justify-between">
<span>Frequency</span>
<span>{status.frequencyMs} ms</span>
</div>
<div className="flex items-center justify-between">
<span>Tick count</span>
<span>{status.tickCount ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Skip streak</span>
<span>{status.skipStreak ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Last outcome</span>
<span className={statusColor}>{status.lastOutcome || '--'}</span>
</div>
<div className="flex items-center justify-between">
<span>Last reason</span>
<span className="text-slate-300">{status.lastReason || '--'}</span>
</div>
<div className="flex items-center justify-between">
<span>Last tick</span>
<span className="text-slate-300">{lastTickAt}</span>
</div>
<div className="flex items-center justify-between">
<span>Next run</span>
<span className="text-slate-300">{nextRunAt}</span>
</div>
<div className="flex items-center justify-between">
<span>Last posted</span>
<span className="text-slate-300">{lastPostedAt}</span>
</div>
<div className="flex items-center justify-between">
<span>Prompt chars</span>
<span>{status.lastPromptChars ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Cleared count</span>
<span>{status.clearCount ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Last cleared</span>
<span className="text-slate-300">
{status.lastClearedAt ? new Date(status.lastClearedAt).toLocaleString() : 'never'}
</span> </span>
</div> ))}
</div>
<div className="surface space-y-0.5 text-xs text-slate-300">
<div className="flex items-center justify-between">
<span>Snapshot active drivers</span>
<span>{summary.activeDrivers ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Snapshot rovers</span>
<span>{summary.rovers ?? 0}</span>
</div>
<div className="flex items-center justify-between">
<span>Snapshot chat msgs</span>
<span>{summary.chatMessages ?? 0}</span>
</div>
</div> </div>
{status.lastError ? ( {status.lastError ? (
<div className="surface text-xs text-red-300 break-words"> <div className="surface text-xs text-red-300 break-words">