From e5556f370667af6f42b39180e49433202822eb1474f20bf5d538ba9f05475a5e Mon Sep 17 00:00:00 2001
From: peradas <artwork7711@gmail.com>
Date: Wed, 2 Sep 2026 15:31:04 +0300
Subject: [PATCH] =?UTF-8?q?=D0=92=D0=B5=D1=80=D0=BD=D1=83=D1=82=D1=8C=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB=D1=8C=20=D0=BF=D0=BE=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 shine-UI/js/pages/user-profile-view.js | 13 ++++++++-----
 shine-UI/styles/components.css         | 15 +++++++++++++++
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/shine-UI/js/pages/user-profile-view.js b/shine-UI/js/pages/user-profile-view.js
index 94d75eff..c9bc515a 100644
--- a/shine-UI/js/pages/user-profile-view.js
+++ b/shine-UI/js/pages/user-profile-view.js
@@ -58,8 +58,8 @@ function openProfileSheet(title, html) {
   });
 }
 
-function aboutSheetHtml(card) {
-  return `<div class="user-profile-sheet-copy">${escapeHtml(card?.about || 'Не заполнено')}</div>`;
+function spiritualPathSheetHtml(card) {
+  return `<div class="user-profile-sheet-copy">${escapeHtml(card?.spiritualPath || 'Не заполнено')}</div>`;
 }
 
 function contactsSheetHtml(card) {
@@ -193,6 +193,7 @@ export function render({ navigate, route, chrome }) {
       .map((value) => String(value || '').trim())
       .filter(Boolean)
       .join(' ');
+    const about = String(card.about || '').trim();
 
     const title = header.querySelector('.page-title');
     if (title) title.textContent = card.login;
@@ -208,6 +209,8 @@ export function render({ navigate, route, chrome }) {
         ${metricHtml({ kind: 'close_friends', label: 'Близкие друзья', value: stats.closeFriendsCount, positionClass: 'is-bottom-right' })}
       </div>
 
+      ${about ? `<div class="user-profile-about-inline">${escapeHtml(about)}</div>` : ''}
+
       <div class="user-profile-channel-metrics">
         ${metricHtml({ kind: 'channels_following', label: 'Подписки', value: stats.followingChannelsCount, positionClass: 'is-channel-metric' })}
         ${metricHtml({ kind: 'channels_owned', label: 'Каналы', value: stats.ownedPublicChannelsCount, positionClass: 'is-channel-metric' })}
@@ -230,7 +233,7 @@ export function render({ navigate, route, chrome }) {
         </div>` : ''}
 
       <div class="user-profile-detail-links">
-        <button type="button" data-profile-detail="about">О себе</button>
+        <button type="button" data-profile-detail="spiritual-path">Духовный путь</button>
         <button type="button" data-profile-detail="contacts">Контакты</button>
       </div>`;
 
@@ -265,8 +268,8 @@ export function render({ navigate, route, chrome }) {
     }
 
     const detailButton = event.target.closest('[data-profile-detail]');
-    if (detailButton?.dataset.profileDetail === 'about') {
-      openProfileSheet('О себе', aboutSheetHtml(card));
+    if (detailButton?.dataset.profileDetail === 'spiritual-path') {
+      openProfileSheet('Духовный путь', spiritualPathSheetHtml(card));
       return;
     }
     if (detailButton?.dataset.profileDetail === 'contacts') {
diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css
index 81cafbb7..aaae4565 100644
--- a/shine-UI/styles/components.css
+++ b/shine-UI/styles/components.css
@@ -9976,6 +9976,21 @@ body.chat-topbar-overlay .composer-slot > * {
   font-weight: 800;
 }
 
+.user-profile-about-inline {
+  width: min(86%, 340px);
+  margin: clamp(28px, 4.6vh, 36px) auto 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  box-shadow: none;
+  color: rgba(225, 234, 248, 0.82);
+  font-size: 14px;
+  line-height: 1.5;
+  text-align: center;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
 .user-profile-metric {
   width: min(100%, 92px);
   min-width: 0;