px;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>NLWeb Dropdown Chat Test</h1>
        <p>Testing the dropdown chat component with error logging</p>
    </div>
    
    <div class="section">
        <h2>Recipe Search</h2>
        <div id="status"></div>
        
        <!-- Search box instance -->
        <div id="recipe-search-container"></div>
        
        <div style="margin-top: 30px;">
            <h3>Console Output:</h3>
            <pre id