{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"refusal-message","type":"registry:ui","title":"Refusal Message","description":"How to say no without ending the conversation — the refusal, a plain-language reason, and one redirect the reader can click.","author":"Scrim UI (https://scrimui.dev)","categories":["safety"],"docs":"https://scrimui.dev/components/refusal-message","dependencies":[],"registryDependencies":[],"files":[{"path":"src/showcase/refusal-message/refusal-message.tsx","content":"\"use client\";\n\nimport * as React from \"react\";\n\n/**\n * Say no like a colleague, not like a firewall.\n *\n * A bare \"I can't help with that\" is a dead end: the user learns nothing and\n * the conversation is over. A useful refusal does three things, in order —\n * states what won't be done, says why in the user's terms (never a policy\n * clause number, which reads as hiding behind a rulebook), and offers the one\n * pivot that is still on the table.\n *\n * **The redirect is the component.** `suggestion` is not decoration; it is\n * the difference between a refusal and a rejection. When it is present it is\n * a button, because making the user retype the safe version of their own\n * request is friction added at exactly the moment they are most frustrated.\n *\n * **A refusal is not an error.** No red, no alert triangle — the system\n * worked as intended. The surface stays neutral so the reader's eye goes to\n * the words, not to alarm styling the situation has not earned.\n *\n * **Keep it in the thread.** The refusal is an assistant turn like any other;\n * pulling it out into a modal or a banner breaks the conversation's record of\n * what was asked and declined.\n */\n\nexport type RefusalMessageProps = {\n /** The refusal itself, in one or two plain sentences. */\n message: string;\n /** The plain-language basis for the refusal — \"why\", not a policy citation. */\n reason?: string;\n /** The offered pivot. Rendered as an action, not a hint. */\n suggestion?: string;\n /** Fired when the reader accepts the pivot — typically sends it as a new prompt. */\n onSuggestion?: () => void;\n className?: string;\n};\n\n/* ------------------------------------------------------------------ */\n/* Icons */\n/* ------------------------------------------------------------------ */\n\nfunction ShieldIcon() {\n return (\n \n );\n}\n\nfunction ArrowRightIcon() {\n return (\n \n );\n}\n\n/* ------------------------------------------------------------------ */\n/* RefusalMessage */\n/* ------------------------------------------------------------------ */\n\nexport function RefusalMessage({\n message,\n reason,\n suggestion,\n onSuggestion,\n className = \"\",\n}: RefusalMessageProps) {\n return (\n
\n \n \n \n
\n
{message}
\n\n {/* zinc-600 on the caption: it sits on the zinc-50 surface, where\n zinc-500 measures under AA at 12px. */}\n {reason && (\n