feat: webcore/old-web visual redesign

web/src/screens/ChatApp.tsx

@@ -340,8 +340,32 @@ export default function ChatApp({ user }: ChatAppProps) {
   const peerIsTyping = selectedId !== null && typing[selectedId] === true
 
   return (
-    <div className="h-full p-0 md:p-5">
-      <div className="mx-auto flex h-full max-w-[1440px] overflow-hidden border-line bg-panel/70 backdrop-blur-xl md:rounded-[28px] md:border md:shadow-2xl md:shadow-black/40">
+    <div className="flex h-full flex-col p-0 md:p-4">
+      <div className="bevel mx-auto flex h-full w-full max-w-[1440px] flex-col bg-panel md:shadow-[4px_4px_0_rgba(0,0,0,0.35)]">
+        <div className="win-title flex shrink-0 items-center gap-1.5 px-1.5 py-1">
+          <span className="flex h-4 w-4 items-center justify-center bg-white text-accent">
+            <svg viewBox="0 0 24 24" className="h-3 w-3" fill="none" aria-hidden="true">
+              <path
+                d="M4 12.5h3l2-5 3.2 9 2.3-6 1.5 2H20"
+                stroke="currentColor"
+                strokeWidth="2.4"
+                strokeLinecap="square"
+                strokeLinejoin="miter"
+              />
+            </svg>
+          </span>
+          <span className="flex-1 truncate text-xs font-bold tracking-wide">Пульс — Мессенджер</span>
+          <span className="win-btn" aria-hidden="true">
+            _
+          </span>
+          <span className="win-btn" aria-hidden="true">
+            □
+          </span>
+          <span className="win-btn" aria-hidden="true">
+            ×
+          </span>
+        </div>
+        <div className="flex min-h-0 flex-1">
         <Sidebar
           className={selectedId !== null ? 'hidden md:flex' : 'flex'}
           conversations={conversations}
@@ -384,6 +408,7 @@ export default function ChatApp({ user }: ChatAppProps) {
           onMembersChanged={() => setMembersVersion((version) => version + 1)}
           onMembersLoaded={handleMembersLoaded}
         />
+        </div>
       </div>
 
       {dialogOpen && (