PromptRunEditor
API reference and demos for PromptRunEditor.
Import
Section titled “Import”import { PromptRunEditor } from "@flanksource/clicky-ui/ai";No dedicated Storybook demo is available for this component yet.
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.
| Prop | Type | Default | Description |
|---|---|---|---|
advancedLabel |
string |
Advanced |
Label of the runtime bar's ⋮ entry that opens the full spec modal. |
attachmentLimits |
AttachmentLimits |
— | — |
attachmentUpload |
AttachmentUploadAdapter |
— | — |
children |
ReactNode |
— | Extra fields injected inside the Runtime block, below the runtime rows. |
className |
string |
— | — |
cliOptions |
SpecRuntimeCLIOptions |
— | — |
enableAttachments |
boolean |
false |
— |
families |
SpecRuntimeFamily[] |
[ { id: "claude", label: "Claude", provider: "anthropic", modes: [ { id: "api", label: "API", icon: UiCloud, title: "Anthropic API", provider: "anthropic", }, { id: "agent", label: "Agent", icon: UiRobotAi, title: "Claude Agent SDK", provider: "anthropic", }, { id: "cli", label: "CLI", icon: UiTerminal, title: "Claude Code CLI", provider: "anthropic", }, { id: "cmux", label: "cmux", icon: UiColumns, title: "Claude multiplexer", provider: "anthropic", }, ], }, { id: "codex", label: "Codex", provider: "openai", modes: [ { id: "api", label: "API", icon: UiCloud, title: "OpenAI API", provider: "openai", }, { id: "agent", label: "Agent", icon: UiRobotAi, title: "Codex agent", provider: "openai", }, { id: "cli", label: "CLI", icon: UiTerminal, title: "Codex CLI", provider: "openai", }, { id: "cmux", label: "cmux", icon: UiColumns, title: "Codex multiplexer", provider: "openai", }, ], }, { id: "gemini", label: "Gemini", provider: "google", catalogPrefix: "googleai", modes: [ { id: "api", label: "API", icon: UiCloud, title: "Gemini API" }, { id: "cli", label: "CLI", icon: UiTerminal, title: "Gemini CLI" }, ], }, { id: "deepseek", label: "DeepSeek", provider: "deepseek", modes: [{ id: "api", label: "API", icon: UiCloud, title: "DeepSeek API" }], }, ] |
— |
fixtureSchemas |
FixtureFenceSchemas |
— | Runner schemas keyed by fixture kind or fence info, used by the verification editor. |
footer |
ReactNode |
— | — |
header |
ReactNode |
— | — |
models |
ChatModel[] |
[] |
— |
onChange* |
(…) => void |
— | — |
onCreatePreset |
(…) => … |
— | Persist a preset captured from the runtime bar. |
onCreateProfile |
(…) => … |
— | — |
onResolveProfile |
(…) => … |
— | — |
onSaveProfile |
(…) => … |
— | — |
onVariablesValidityChange |
(…) => … |
— | Fires false while raw-JSON variables fail to parse; always true with a schema. |
permissionCatalog |
AISpecRuntimePermissionCatalog |
— | — |
presets |
RuntimePreset[] |
— | Available presets for direct ordered run selection. |
profiles |
RuntimeProfile[] |
— | @deprecated Profiles are no longer exposed by the prompt editor. |
promptEditor |
ReactNode |
— | Host-supplied editor for the `prompt.user` override; defaults to a textarea. |
promptLabel |
string |
User prompt |
— |
promptPlaceholder |
string |
Override the rendered user prompt |
— |
reasoningEfforts |
string[] |
[ "low", "medium", "high", "xhigh", "max", "ultra", ] |
— |
recentRuntimes |
readonly AISpecRuntimeModel[] |
[] |
Runtimes the operator ran recently, newest first, listed under the runtime bar (see `recordRecentRuntimes`). A chip replaces the single runtime or adds a multi-model row. |
resolution |
ResolvedRuntimeSpec |
— | The last render's resolved spec and layer trace. |
sandboxCatalog |
SpecRuntimeSandboxCatalog |
— | Sandbox adapter catalog; enables the spec editor's Sandbox section. |
sandboxCreate |
SpecRuntimeSandboxCreateConfig |
— | Host-owned sandbox creation and credential-reference adapter. |
secretSelector |
SpecRuntimeSecretSelectorConfig |
— | — |
specModalTitle |
string |
Runtime spec |
— |
specSections |
readonly SpecSectionId[] |
— | Restrict which SpecRuntimeEditor sections the "Advanced" modal shows. |
specTabs |
readonly SpecRuntimeTab[] |
— | Replaces the "Advanced" modal with inline tabs of spec sections (see `SPEC_RUNTIME_TABS`), led by a tab holding Variables and the prompt. |
tools |
ToolMeta[] |
[] |
— |
value* |
AIPromptRunValue |
— | — |
variablesSchema |
JsonSchemaObject |
— | Schema-driven variables form; omit to render a raw-JSON editor. |