From 1cb30a4e42bc7535cba4534fd62618cc947aa2ac Mon Sep 17 00:00:00 2001
From: Jeremiah Lowin <153965+jlowin@users.noreply.github.com>
Date: Sat, 18 Oct 2025 11:50:34 -0400
Subject: [PATCH] Delete warning_box_test.html (#2136)

---
 warning_box_test.html | 697 ------------------------------------------
 1 file changed, 697 deletions(-)
 delete mode 100644 warning_box_test.html
diff --git a/warning_box_test.html b/warning_box_test.html
deleted file mode 100644
index bbe310fee..000000000
--- a/warning_box_test.html
+++ /dev/null
@@ -1,697 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Warning Box Design Options</title>
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            background: #f9fafb;
-            padding: 2rem;
-            color: #111827;
-        }
-
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            margin-bottom: 2rem;
-            font-size: 2rem;
-        }
-
-        .options {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
-            gap: 2rem;
-        }
-
-        .option {
-            background: white;
-            padding: 2rem;
-            border-radius: 0.5rem;
-            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
-        }
-
-        .option h2 {
-            font-size: 0.875rem;
-            font-weight: 600;
-            color: #6b7280;
-            margin-bottom: 1.5rem;
-            text-transform: uppercase;
-            letter-spacing: 0.05em;
-        }
-
-        /* Option 1: Original yellow box (improved) */
-        .option1 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option1 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #ca8a04;
-            font-size: 0.9375rem;
-        }
-
-        .option1 .warning-box a {
-            color: #ca8a04;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 2: Yellow with darker text */
-        .option2 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option2 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option2 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 3: Left border accent */
-        .option3 .warning-box {
-            background: transparent;
-            border: none;
-            border-left: 4px solid #fbbf24;
-            padding: 1rem;
-            padding-left: 1.25rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option3 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option3 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 4: Very subtle background */
-        .option4 .warning-box {
-            background: #fef9e7;
-            border: none;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option4 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option4 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 5: Top accent bar */
-        .option5 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-top: 3px solid #fbbf24;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option5 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option5 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 6: All yellow but darker text */
-        .option6 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option6 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #92400e;
-            font-size: 0.9375rem;
-        }
-
-        .option6 .warning-box a {
-            color: #92400e;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 7: Minimal - just link styling */
-        .option7 .warning-box {
-            background: transparent;
-            border: none;
-            padding: 1rem 0;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option7 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option7 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 8: Icon + yellow */
-        .option8 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option8 .warning-box::before {
-            content: "⚠️ ";
-            margin-right: 0.5rem;
-        }
-
-        .option8 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #111827;
-            font-size: 0.9375rem;
-        }
-
-        .option8 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 9: Yellow, dark gray text */
-        .option9 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option9 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #5a6c7d;
-            font-size: 0.9375rem;
-        }
-
-        .option9 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 10: Yellow, charcoal text */
-        .option10 .warning-box {
-            background: #fffbeb;
-            border: 1px solid #fde047;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option10 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #0f172a;
-            font-size: 0.9375rem;
-        }
-
-        .option10 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 11: Blue background, dark text */
-        .option11 .warning-box {
-            background: #eff6ff;
-            border: 1px solid #bfdbfe;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option11 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #1f2937;
-            font-size: 0.9375rem;
-        }
-
-        .option11 .warning-box a {
-            color: #2563eb;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 12: Richer blue, dark text */
-        .option12 .warning-box {
-            background: #dbeafe;
-            border: 1px solid #60a5fa;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option12 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #1f2937;
-            font-size: 0.9375rem;
-        }
-
-        .option12 .warning-box a {
-            color: #2563eb;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 13: Light amber, neutral dark text */
-        .option13 .warning-box {
-            background: #fef3c7;
-            border: 1px solid #fcd34d;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option13 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #1f2937;
-            font-size: 0.9375rem;
-        }
-
-        .option13 .warning-box a {
-            color: #ca8a04;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 14: Pale orange, dark text */
-        .option14 .warning-box {
-            background: #ffedd5;
-            border: 1px solid #fed7aa;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option14 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #1f2937;
-            font-size: 0.9375rem;
-        }
-
-        .option14 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 15: Light green, dark text */
-        .option15 .warning-box {
-            background: #f0fdf4;
-            border: 1px solid #86efac;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option15 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #0f172a;
-            font-size: 0.9375rem;
-        }
-
-        .option15 .warning-box a {
-            color: #16a34a;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 16: Light orange, dark text */
-        .option16 .warning-box {
-            background: #fff7ed;
-            border: 1px solid #fed7aa;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option16 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #0f172a;
-            font-size: 0.9375rem;
-        }
-
-        .option16 .warning-box a {
-            color: #d97706;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 17: Light gray, dark text */
-        .option17 .warning-box {
-            background: #f3f4f6;
-            border: 1px solid #d1d5db;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option17 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #0f172a;
-            font-size: 0.9375rem;
-        }
-
-        .option17 .warning-box a {
-            color: #6b7280;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 18: Brighter blue, dark text */
-        .option18 .warning-box {
-            background: #e0f2fe;
-            border: 1px solid #7dd3fc;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option18 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #0f172a;
-            font-size: 0.9375rem;
-        }
-
-        .option18 .warning-box a {
-            color: #0369a1;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 19: Light green with green strong, softer gray text */
-        .option19 .warning-box {
-            background: #f0fdf4;
-            border: 1px solid #86efac;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option19 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #4b5563;
-            font-size: 0.9375rem;
-        }
-
-        .option19 .warning-box strong {
-            color: #16a34a;
-            font-weight: 600;
-        }
-
-        .option19 .warning-box a {
-            color: #16a34a;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-
-        /* Option 20: Tailwind sky palette */
-        .option20 .warning-box {
-            background: #f0f9ff;
-            border: 1px solid #7dd3fc;
-            border-radius: 0.5rem;
-            padding: 1rem;
-            margin-bottom: 1.5rem;
-            text-align: center;
-        }
-
-        .option20 .warning-box p {
-            margin-bottom: 0.5rem;
-            line-height: 1.5;
-            color: #475569;
-            font-size: 0.9375rem;
-        }
-
-        .option20 .warning-box strong {
-            color: #0ea5e9;
-            font-weight: 600;
-        }
-
-        .option20 .warning-box a {
-            color: #0ea5e9;
-            text-decoration: underline;
-            font-weight: 600;
-        }
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>Warning Box Design Options</h1>
-
-        <div class="options">
-            <div class="option option1">
-                <h2>Option 1: Original Yellow with Gold Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option2">
-                <h2>Option 2: Yellow Box, Dark Text, Orange Link</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option3">
-                <h2>Option 3: Left Border Only</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option4">
-                <h2>Option 4: Very Subtle Background</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option5">
-                <h2>Option 5: Top Accent Bar</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option6">
-                <h2>Option 6: Yellow with Dark Brown Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option7">
-                <h2>Option 7: Minimal (No Box)</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option8">
-                <h2>Option 8: Yellow Box with Icon</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option9">
-                <h2>Option 9: Yellow, Dark Gray Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option10">
-                <h2>Option 10: Yellow, Charcoal Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option11">
-                <h2>Option 11: Light Blue, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option12">
-                <h2>Option 12: Richer Blue, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option13">
-                <h2>Option 13: Light Amber, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option14">
-                <h2>Option 14: Pale Orange, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option15">
-                <h2>Option 15: Light Green, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option16">
-                <h2>Option 16: Light Orange, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option17">
-                <h2>Option 17: Light Gray, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option18">
-                <h2>Option 18: Brighter Blue, Dark Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option19">
-                <h2>Option 19: Green Box, Green Strong, Softer Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-
-            <div class="option option20">
-                <h2>Option 20: Blue Box, Blue Strong, Softer Text</h2>
-                <div class="warning-box">
-                    <p><strong>FastMCP Client</strong> is requesting access to a FastMCP server named <a href="#">FastMCP-6d8c</a>.</p>
-                    <p>Review the details below before approving.</p>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-</html>
