+
+
closeButtonRef.current?.focus()} aria-hidden="true" />
>
);
diff --git a/extensions/boltbot/dashboard/src/components/ReceiptList.tsx b/extensions/boltbot/dashboard/src/components/ReceiptList.tsx
index 29d5e9322..da0241b73 100644
--- a/extensions/boltbot/dashboard/src/components/ReceiptList.tsx
+++ b/extensions/boltbot/dashboard/src/components/ReceiptList.tsx
@@ -82,7 +82,7 @@ export default function ReceiptList({
"grid grid-cols-[1fr_80px_90px_40px_40px] gap-2 items-center px-3 py-2 rounded-lg cursor-pointer transition-colors",
selectedId === r.id
? "bg-neutral-800/50 border-l-2 border-emerald-400"
- : "hover:bg-neutral-800/30",
+ : "hover:bg-neutral-800/30 border-l-2 border-transparent",
)}
>
{r.toolName}
diff --git a/extensions/boltbot/dashboard/src/components/SessionView.tsx b/extensions/boltbot/dashboard/src/components/SessionView.tsx
index f0288efd9..78b528bf2 100644
--- a/extensions/boltbot/dashboard/src/components/SessionView.tsx
+++ b/extensions/boltbot/dashboard/src/components/SessionView.tsx
@@ -67,6 +67,7 @@ function SessionCard({
{expanded && (
-
- Tool
- Tier
- Time
- Status
- Anomaly
-
- {group.receipts.map((r) => (
+
+
+ Tool
+ Tier
+ Time
+ Status
+ Anomaly
+
+ {group.receipts.map((r) => (
onSelectReceipt(r)}
+ onKeyDown={(e) => {
+ if (e.key === "Enter" || e.key === " ") {
+ e.preventDefault();
+ onSelectReceipt(r);
+ }
+ }}
className="grid grid-cols-[1fr_80px_90px_40px_40px] gap-2 items-center px-3 py-2 rounded-lg cursor-pointer hover:bg-neutral-800/30 transition-colors"
>
-
{r.toolName}
-
+ {r.toolName}
+
{r.tier}
-
+
{formatRelativeTime(r.timestamp)}
-
+
{r.success ? (
) : (
)}
-
+
{r.anomalies.length > 0 ? (
) : (
@@ -138,6 +149,7 @@ function SessionCard({
))}
+
)}
diff --git a/extensions/boltbot/dashboard/src/components/StatsCards.tsx b/extensions/boltbot/dashboard/src/components/StatsCards.tsx
index 8a8087dd4..53348bbc6 100644
--- a/extensions/boltbot/dashboard/src/components/StatsCards.tsx
+++ b/extensions/boltbot/dashboard/src/components/StatsCards.tsx
@@ -37,7 +37,7 @@ export default function StatsCards({ stats, isLoading, error }: Props) {
className="bg-neutral-900 rounded-xl border border-neutral-800 p-4"
>
-
+
{card.label}