diff --git a/apps/onboarding/mcp.py b/apps/onboarding/mcp.py
index 6115c76..26734b0 100644
--- a/apps/onboarding/mcp.py
+++ b/apps/onboarding/mcp.py
@@ -10,14 +10,15 @@ from apps.knowledge.models import RoleRagDocument
 from apps.onboarding.models import OnboardingSession
 
 logger = logging.getLogger(__name__)
+mcp_meta_value = 'mcp_tool_meta'
 
 def mcp_tool(name, description, input_schema):
     def decorator(func):
-        func._mcp_tool_meta = {
+        setattr(func, mcp_meta_value, {
             'name': name,
             'description': description,
             'inputSchema': input_schema,
-        }
+        })
         return func
 
     return decorator
@@ -26,7 +27,7 @@ def mcp_tool(name, description, input_schema):
 def _collect_tools(class_namespace):
     tools = []
     for method_name, value in class_namespace.items():
-        metadata = getattr(value, '_mcp_tool_meta', None)
+        metadata = getattr(value, mcp_meta_value, None)
         if not metadata:
             continue
 
diff --git a/site/src/App.vue b/site/src/App.vue
index 8418366..bd3d563 100644
--- a/site/src/App.vue
+++ b/site/src/App.vue
@@ -106,6 +106,14 @@ const user = userStore
 </script>
 
 <template>
+    <div class="mobile-block">
+        <div class="mobile-block__icon">🖥️</div>
+        <h2 class="mobile-block__title">Desktop only</h2>
+        <p class="mobile-block__body">
+            Dynavera is designed for desktop and laptop browsers. Please open this page on a larger screen.
+        </p>
+    </div>
+
     <Layout class="shell">
         <Layout.Header class="shell-header">
             <div class="brand" @click="route.path !== '/' && router.push('/')">Dynavera</div>
@@ -353,4 +361,38 @@ const user = userStore
     color: #1f2937;
     padding: 0 0.5rem;
 }
+.mobile-block {
+    display: none;
+    position: fixed;
+    inset: 0;
+    z-index: 9999;
+    background: #f5f7fb;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    padding: 2rem;
+}
+.mobile-block__icon {
+    font-size: 3rem;
+    margin-bottom: 1rem;
+}
+.mobile-block__title {
+    font-size: 1.4rem;
+    font-weight: 700;
+    color: #1f2937;
+    margin: 0 0 0.75rem;
+}
+.mobile-block__body {
+    color: #6b7280;
+    font-size: 1rem;
+    max-width: 320px;
+    line-height: 1.6;
+    margin: 0;
+}
+@media (max-width: 768px) {
+    .mobile-block {
+        display: flex;
+    }
+}
 </style>