flowchart LR
    A["Raw User Interview Transcripts & Usability Videos"] --> B["Empirical Research Vector DB (MCP Server)"]
    B --> C["AI Design Agent"]
    C --> D["Context-Aware Figma Layouts with Cited User Quotes"]

// Pattern: Two-step confirmation with cognitive friction to prevent accidental subscription commitments
export function EthicalConfirmationModal({ onConfirm, onCancel }: { onConfirm: () => void; onCancel: () => void }) {
  const [typedConfirm, setTypedConfirm] = useState('');
  const canProceed = typedConfirm === 'CONFIRM';

  return (
    <div className="rounded-2xl border border-zinc-800 bg-zinc-950 p-6 shadow-2xl">
      <h3 className="text-base font-semibold text-white">Cancel Annual Enterprise Plan?</h3>
      <p className="mt-2 text-sm text-zinc-400">
        You will retain access until November 1st, 2026. Your team's historical audit logs will be permanently archived.
      </p>

      <div className="mt-4">
        <label className="text-xs text-zinc-400">Type CONFIRM below to authorize closure:</label>
        <input
          value={typedConfirm}
          onChange={(e) => setTypedConfirm(e.target.value)}
          placeholder="CONFIRM"
          className="mt-1 w-full rounded-lg border border-zinc-800 bg-zinc-900 px-3 py-2 text-sm text-white focus:outline-none focus:border-red-500"
        />
      </div>

      <div className="mt-6 flex justify-end gap-3">
        <button onClick={onCancel} className="px-4 py-2 text-sm text-zinc-400 hover:text-white">
          Keep Subscription
        </button>
        <button
          disabled={!canProceed}
          onClick={onConfirm}
          className="rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white disabled:opacity-40"
        >
          Cancel Plan
        </button>
      </div>
    </div>
  );
}

1/4 📖 Why @uxdesigncc is required reading for every product builder:
They provide the critical thinking that hype cycles ignore. Automation without user-centric ethics leads directly to spam, burnout, and deceptive user experiences.

2/4 The time AI saves designers usually disappears into more meetings:
UX Collective highlights that true productivity isn't generating 50 mockups per hour; it's using saved time to talk to actual human customers.

3/4 Ground AI agents in real research with MCP:
Stop prompting LLMs with generic personas. Connect Model Context Protocol (MCP) to real user interview repositories so design agents build from empirical evidence.

4/4 Follow @uxdesigncc for daily curated essays, design case studies, and critical UX perspectives.