KeyDisplay

Kaeso's identities: a redacted key with its state, a model with its provider and capabilities, an HTTP status, a request's timing.

View source

sk-kso-AbC123…wxyzInferencesk-kso-Xm91Lq…4f2aInferencesk-kso-Pz0Tt7…91cdPlatformsk-kso-Hq55Ra…0b7eDisabledInferencesk-kso-Rt82Vn…3c1dInference + platform

<div className="flex flex-col gap-12">
      {keys.slice(0, 4).map((k) => (
        <KeyDisplay key={k.id} redacted={k.redacted} state={k.state} access={k.access} />
      ))}
      <KeyDisplay redacted="sk-kso-Rt82Vn…3c1d" access="both" />
    </div>

import { KeyDisplay, ModelLabel, ProviderBadge, ProviderCard, StatusCode, RequestTimeline } from "@logicplanes/kaeso-ui";

Props

access
"both" | "inference" | "platform"
"Inference", "Platform", or both.
copy
boolean = true
Hide the copy circle.
redacted
string
The redacted key as the API returns it: sk-kso-AbC123…wxyz
state
KeyState = active
The key's state; disabled, expired and archived keys are shown dimmed.