Code review cleanups on tether branch

- Use text-xs instead of text-[11px] in MobileTerminalUi selector label
- Use clsx instead of template-string concat for conditional classes in Wall
- Tighten WallModule.Wall type in Tether.tsx (drop ComponentType<any>)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: nedtwigg

lib/src/components/MobileTerminalUi.tsx

@@ -181,7 +181,7 @@ function KeyboardModeButton({
 
 function SelectorLabel({ children }: { children: ReactNode }) {
   return (
-    <div className="w-[4.5rem] shrink-0 pl-2 pr-1 font-mono text-[11px] leading-none text-muted">
+    <div className="w-[4.5rem] shrink-0 pl-2 pr-1 font-mono text-xs leading-none text-muted">
       {children}
     </div>
   );

lib/src/components/Wall.tsx

@@ -1,4 +1,5 @@
 import { useRef, useState, useEffect, useCallback, useMemo, type ReactNode } from 'react';
+import { clsx } from 'clsx';
 import {
   DockviewReact,
   themeAbyss,
@@ -594,8 +595,8 @@ export function Wall({
           <DialogKeyboardContext.Provider value={setDialogKeyboardActive}>
           <div className="flex-1 min-h-0 flex flex-col bg-app-bg text-app-fg font-sans overflow-hidden">
             {/* Dockview — 2px bottom inset keeps rounded panes distinct from the baseboard when present. */}
-            <div className={`flex-1 min-h-0 relative px-1.5 pt-1.5 ${showBaseboard ? 'pb-0.5' : 'pb-1.5'}`}>
-              <div ref={dockviewContainerRef} className={`absolute inset-x-1.5 top-1.5 ${showBaseboard ? 'bottom-0.5' : 'bottom-1.5'}`}>
+            <div className={clsx('flex-1 min-h-0 relative px-1.5 pt-1.5', showBaseboard ? 'pb-0.5' : 'pb-1.5')}>
+              <div ref={dockviewContainerRef} className={clsx('absolute inset-x-1.5 top-1.5', showBaseboard ? 'bottom-0.5' : 'bottom-1.5')}>
                 <DockviewReact
                   components={components}
                   tabComponents={tabComponents}

website/src/pages/Tether.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState, useSyncExternalStore, type ComponentType } from "react";
+import { useCallback, useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { ShareIcon } from "@phosphor-icons/react";
 import SiteHeader, { STATIC_PAGE_HEADER_STYLE } from "../components/SiteHeader";
 import { NotifySignupForm } from "../components/NotifySignupForm";
@@ -23,7 +23,7 @@ const TETHER_PANE = "tether-ascii-splash";
 const TETHER_THEME_ID = "vscode.theme-kimbie-dark.kimbie-dark";
 
 interface WallModule {
-  Wall: ComponentType<any>;
+  Wall: typeof import("mouseterm-lib/components/Wall")["Wall"];
 }
 
 interface DockviewApiLike {