File size: 1,228 Bytes
7c5ed63 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | import { useSessions } from '../hooks/useSession';
export function SessionListPage() {
const { data } = useSessions();
const count = data?.length ?? 0;
return (
<div className="flex h-full items-center justify-center">
<div className="max-w-md px-8 text-center">
<div className="font-mono text-[11px] uppercase tracking-[0.2em] text-fg-3">
kimi vis
</div>
<div className="mt-3 font-mono text-[13px] text-fg-1">
select a session from the left rail to begin inspecting
</div>
<div className="mt-6 flex items-center justify-center gap-6 font-mono text-[11px] text-fg-2">
<div>
<div className="tabular text-[22px] text-fg-0">{count}</div>
<div className="text-fg-3">sessions</div>
</div>
</div>
<div className="mt-10 space-y-1 text-left font-mono text-[10.5px] text-fg-3">
<div>
<kbd className="mr-2 border border-border px-1 text-fg-2">/</kbd>
focus search
</div>
<div>
<kbd className="mr-2 border border-border px-1 text-fg-2">esc</kbd>
close drawers
</div>
</div>
</div>
</div>
);
}
|