Mount a dev-only developer tools panel

At a glanceCopy Anchor Link

• Who: Local development and preview environments wrapped in ZedkitUiProvider.
• What: Floating drawer with Look (identity), Flags, Locale, Info, and optional query slot tabs.
• Use when: After providers are mounted; pass flagKeys, buildInfo, and locale handlers from the app root.
• Avoid when: Production builds — rely on devtoolsEnabled() or omit the import entirely.

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-devtools

Latest: 0.1.0 (via changesets).

ExampleCopy Anchor Link

import { ZedkitDevtools } from "@zedtech/zedkit-devtools/react";

<ZedkitDevtools
  flagKeys={["betaUi"]}
  buildInfo={[{ label: "Git", value: "abc123" }]}
  localeOptions={[{ id: "en", label: "English" }]}
  activeLocale="en"
  onLocaleChange={(id) => console.log(id)}
/>;

Wraps: @zedtech/zedkit-ui, @zedtech/zedkit-flags (peers)