Build a type-to-confirm delete dialog with Tailwind CSS: a modal with a warning icon, a red-tinted destructive button that stays disabled until the user types the exact resource name shown as a monospace chip, an explanation of what will be permanently deleted (including counts of dependent items), and a cancel action. Show a live character-by-character match indicator under the input, trap focus in the dialog, require a deliberate Enter or button press rather than closing on input alone, and give the confirm button a pending state while deleting.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。