ecd1f20d59
Closes Phase 2. Every entity in `web/src/lib/hermes` now carries an
`instanceId: 'vijay' | 'bheem'` (with `'all'` allowed for cross-cutting
agents like Hermes Core / GitHub link), and a global instance switcher
above every Mission Control pane filters them.
Library changes (`web/src/lib/hermes.ts`):
- New `HermesInstanceId` / `HermesInstanceFilter` types + `HERMES_INSTANCES`
metadata array.
- `instanceId` added to `HermesProduct`, `HermesTask`, `HermesEvent`,
`HermesRun`, `HermesAgentStatus`. Seed data deterministically split
~50/50 across instances; agents tagged per-scope (Local VM runner →
bheem, CLI runner / Scheduler → vijay, Hermes Core / GitHub /
OpenClaw / deployment / notifications → all).
- `getHermesTasks({instance})`, `getHermesProducts(view, instance)`,
`getHermesAgents(instance)`, `getHermesHistory(instance)`,
`getHermesOverview(instance)` all accept the filter; helper
`instanceMatches(scope, filter)` keeps the semantics consistent
(always-match for `'all'` on either side).
UI changes:
- New `HermesInstanceProvider` (React context, localStorage-backed
under `hermes.instanceFilter.v1`, SSR-safe default to avoid
hydration mismatch) mounted in `app/hermes/layout.tsx`.
- New `HermesInstanceSwitcher` segmented control (radiogroup with
aria-checked) rendered in the layout header above every pane.
- New `HermesInstanceBadge` shown on task rows (Active Missions +
Task Ledger), product cards (overview minicards + portfolio
cards), and agent cards.
- `/hermes` overview gains a "Per-instance roll-up" section that
always shows Vijay vs Bheem side-by-side regardless of the active
filter — that's the always-cross-instance comparison view, while
the eight metric cards above it are filtered by the switcher.
Tests:
- 2 new unit tests in `lib/hermes.test.ts` (instance tagging on seed
data + filter semantics across tasks/products/agents/overview).
- 1 new E2E test asserting the switcher's radiogroup, default
selection, and persistence-friendly state change.
- All green: 13/13 web unit tests, 7/7 E2E.
`web/test-results/` and `web/playwright-report/` added to `.gitignore`
since they're regenerated per run.
Generated with [Devin](https://cli.devin.ai/docs)
Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
27 lines
989 B
TypeScript
27 lines
989 B
TypeScript
'use client';
|
|
|
|
import { SidebarNav } from '@/components/sidebar-nav';
|
|
import { HermesInstanceSwitcher } from '@/components/hermes-instance-switcher';
|
|
import { HermesInstanceProvider } from '@/lib/hermes-instance-context';
|
|
|
|
export default function HermesLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<HermesInstanceProvider>
|
|
<div className="flex min-h-screen bg-[var(--bl-bg-canvas)] text-[var(--bl-text-primary)]">
|
|
<SidebarNav />
|
|
<main className="flex-1 min-w-0 overflow-y-auto">
|
|
<div className="p-4 lg:p-8">
|
|
{/* Global instance switcher — every Mission Control pane reads
|
|
from the same `useHermesInstance()` hook, so this filter
|
|
propagates everywhere. */}
|
|
<div className="mb-4 flex items-center justify-end">
|
|
<HermesInstanceSwitcher />
|
|
</div>
|
|
{children}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</HermesInstanceProvider>
|
|
);
|
|
}
|