Mapping Browser

A reusable client-side mappings manager for browsing one resource at a time, searching by canonical connect value, and creating, editing, or deleting shared identity rows without mixing refs into metadata.

Install

$ npx khotan add mapping-browser

Highlights

• Loads registered resources from `/api/khotan/resources` and auto-selects when only one exists
• Uses paginated `/api/khotan/resources/:id/mappings` responses for search and browsing
• Separates shared `connectValue`, per-plug `refs`, and contextual `metadata` in the UI
• Supports create, edit, and delete flows through the standard runtime API

What to expect from add

Running npx khotan add mapping-browser scaffolds one or more files into your khotan runtime, React component directory, or app routes depending on the component. khotan may also prompt to install dependent components, npm packages, shadcn pieces, or Workflow integration when this component needs them.

Usage

Use the generated builder or UI inside your khotan setup and operational surfaces. For live runtime inspection, pair this component with the CLI and the built-in docs markdown routes.

Next steps

• Preview the component in the visual gallery.
• Learn how schemas are managed via the Drizzle integration.
• Read the Agent Guide for the built-in khotan skills and crawlable markdown routes.
• Star us on GitHub to follow along as components ship.