KQ-785 · SYSTEM/PROMPT

System Prompt

A collapsible system prompt whose body is measured and glides open and shut on glide, folding to a single preview line; the chevron turns on snap. Editing away from the baseline lands a Modified badge on flick beside a character count and arms Reset, and Reset wipes the text back with a sweep — a soft band crosses the editor and the baseline returns at its midpoint. The header button toggles with Enter or Space and the textarea is a real field.

KQ-785 · SYSTEM/PROMPT

Open · 169 chars

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/system-prompt

Props

value / defaultValue: string; default —; Controlled or initial prompt text.
onValueChange: (value: string) => void; default —; Fires from typing, and from the sweep when Reset restores the baseline.
baseline: string; default —; What Reset restores and what modified is measured against; defaults to the initial text.
open / defaultOpen: boolean; default true; Controlled or initial fold.
onOpenChange: (open: boolean) => void; default —; Fires from the header button.
label: string; default "System prompt"; Header text; names the textarea.
placeholder: string; default —; Shown in the empty editor and as the folded preview of an empty prompt.

Prop	Type	Default	Description
value / defaultValue	string	—	Controlled or initial prompt text.
onValueChange	(value: string) => void	—	Fires from typing, and from the sweep when Reset restores the baseline.
baseline	string	—	What Reset restores and what modified is measured against; defaults to the initial text.
open / defaultOpen	boolean	true	Controlled or initial fold.
onOpenChange	(open: boolean) => void	—	Fires from the header button.
label	string	"System prompt"	Header text; names the textarea.
placeholder	string	—	Shown in the empty editor and as the folded preview of an empty prompt.