Claude/clever goodall pyh o3

.mcp.json

@@ -0,0 +1,8 @@
+{
+  "mcpServers": {
+    "playwright": {
+      "command": "npx",
+      "args": ["@playwright/mcp@latest"]
+    }
+  }
+}

frontend/index.html

@@ -49,6 +49,17 @@ <h1>Course Materials Assistant</h1>
                         </div>
                     </details>
                 </div>
+
+                <!-- Jay's Favorites -->
+                <div class="sidebar-section">
+                    <details class="suggested-collapsible">
+                        <summary class="suggested-header">Jay's Favorites</summary>
+                        <div class="suggested-items">
+                            <a class="suggested-link" href="https://www.baltimoreravens.com" target="_blank" rel="noopener noreferrer">Baltimore Ravens</a>
+                            <a class="suggested-link" href="https://www.mlb.com/red-sox" target="_blank" rel="noopener noreferrer">Boston Red Sox</a>
+                        </div>
+                    </details>
+                </div>
             </aside>
 
             <!-- Main Chat Area -->

frontend/style.css

@@ -634,6 +634,27 @@ details[open] .suggested-header::before {
     transform: translateX(2px);
 }
 
+.suggested-link {
+    padding: 0.75rem 1rem;
+    background: var(--background);
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    color: var(--text-primary);
+    font-size: 0.875rem;
+    text-decoration: none;
+    transition: all 0.2s ease;
+    display: block;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.suggested-link:hover {
+    background: var(--surface-hover);
+    border-color: var(--primary-color);
+    color: var(--primary-color);
+    transform: translateX(2px);
+}
+
 /* Responsive Design */
 @media (max-width: 768px) {
     .main-content {