diff --git a/.mcp.json b/.mcp.json
new file mode 100644
index 000000000..259a95910
--- /dev/null
+++ b/.mcp.json
@@ -0,0 +1,8 @@
+{
+ "mcpServers": {
+ "playwright": {
+ "command": "npx",
+ "args": ["@playwright/mcp@latest"]
+ }
+ }
+}
diff --git a/frontend/index.html b/frontend/index.html
index f8e25a62f..bb47ae27f 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -49,6 +49,17 @@
Course Materials Assistant
+
+
+
diff --git a/frontend/style.css b/frontend/style.css
index 825d03675..feb6daf30 100644
--- a/frontend/style.css
+++ b/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 {