CacheBrowser

Generic cache/valkey browser: a lazy prefix tree with server-side key search on the left, and on the right either the whole-keyspace stats overview (nothing selected), an aggregated subtree overview (prefix selected) or full key detail with adapter-pluggable value rendering (key selected). Requires a react-query QueryClientProvider in the host app, like TimeseriesPanel.

Source

Import

import { CacheBrowser } from "@flanksource/clicky-ui/data";

Demos

Default · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
adapters	CacheNodeAdapter[] | CacheAdapterRegistry	—	Domain node adapters, or a pre-built registry.
baseUrl	string	/api/v1	API base the cache endpoints are mounted under, e.g. "/api/v1".
className	string	—	—
client	CacheClient	—	Pre-built client; takes precedence over baseUrl/fetcher.
defaultSplit	number	35	Initial left-pane width percentage.
fetcher	CacheFetcher	—	—
rootPrefix	string	—	Logical prefix the browser is rooted at; empty browses everything.