ParameterPanel

A request's parameters: system instructions, temperature, top P, max output tokens, and reasoning for models that reason. Unset is the model's default.

View source

function Basic() {
  const [value, setValue] = useState<PlaygroundParameters>({ instructions });
  return (
    <ParameterPopover
      value={value}
      onValueChange={setValue}
      reasoning
      align="start"
      trigger={
        <Button size="sm" variant="secondary" leadingIcon={icons.displayOptions}>
          Parameters
        </Button>
      }
    />
  );
}

import { ParameterPanel, ParameterPopover } from "@logicplanes/kaeso-ui/playground";

Props

defaults
Pick<PlaygroundParameters, "temperature" | "topP">
What unset shows (temperature 1 and top P 1 unless given): the model's defaults.
disabled
boolean = false
Turns off every parameter.
instructions
boolean = true
Shows the system instructions field (true by default).
layout
"popover" | "panel" = popover
Compact inside a popover, or roomier in a side panel.
maxOutputTokensLimit
number
The model's most output tokens: the field's maximum.
onValueChange
(next: PlaygroundParameters) => void
Called with the changed parameters.
reasoning
boolean | ReasoningEffort[] = false
The reasoning efforts the model takes, or false (the default) when it doesn't reason: no effort and no summary.
sampling
boolean = true
Shows temperature and top P; models that reason often take neither (true by default).
value
PlaygroundParameters
The parameters, such as temperature and effort.