Переделал UI отображения связей

shine-UI/js/pages/network-view.js

@@ -4,7 +4,7 @@ import { makeProfileRoute } from '../services/shine-routes.js';
 import { makeProfileLinksRoute } from '../services/shine-routes.js';
 import { createForceGraph } from './network/force-graph.js';
 import { engineModelFromGraphModel } from './network/adapter.js';
-import { openNodeMenu, relationLabelRu } from './network/node-menu.js';
+import { openNodeMenu } from './network/node-menu.js';
 
 export const pageMeta = { id: 'network-view', title: 'Связи' };
 
@@ -237,7 +237,6 @@ export function render({ navigate, route, chrome } = {}) {
   let centerLogin = normalizeLogin(persistedCenterLogin || state.session.login || '');
   let centerHistory = Array.isArray(persistedCenterHistory) ? [...persistedCenterHistory] : [];
   let engine = null;
-  let sheetEl = null;
   let loadSeq = 0;
 
   // Фильтры слоёв (Фаза 3). Фокус всегда виден; предикат применяется к периферийным узлам.
@@ -400,41 +399,6 @@ export function render({ navigate, route, chrome } = {}) {
     window.setTimeout(() => inputEl.focus(), 0);
   }
 
-  // Нижний сниппет (bottom sheet) с краткой сводкой об узле; не блокирует карту.
-  function showNodeSheet(node) {
-    if (!sheetEl) {
-      sheetEl = document.createElement('div');
-      sheetEl.className = 'fg-sheet';
-      stage.append(sheetEl);
-    }
-    const login = normalizeLogin(node.login);
-    const shineBadge = node.shining ? '<span class="fg-sheet-badge">сияющий</span>' : '';
-    sheetEl.innerHTML = `
-      <button class="fg-sheet-close" type="button" data-act="close" aria-label="Закрыть">✕</button>
-      <div class="fg-sheet-body">
-        <div class="fg-sheet-title">${escapeHtml(login)} ${shineBadge}</div>
-        <div class="fg-sheet-rel">${escapeHtml(relationLabelRu(node.relationType))}</div>
-      </div>
-      <div class="fg-sheet-actions">
-        <button class="ghost-btn" type="button" data-act="profile">Профиль</button>
-        <button class="primary-btn" type="button" data-act="write">Написать</button>
-      </div>
-    `;
-    sheetEl.classList.add('is-open');
-    sheetEl.onclick = (e) => {
-      const btn = e.target instanceof HTMLElement ? e.target.closest('[data-act]') : null;
-      if (!(btn instanceof HTMLElement)) return;
-      const act = btn.dataset.act;
-      if (act === 'close') hideNodeSheet();
-      else if (act === 'profile') { const r = profileInfoRoute(login); if (r) navigate(r); }
-      else if (act === 'write') navigate(`chat/${encodeURIComponent(login)}`);
-    };
-  }
-
-  function hideNodeSheet() {
-    if (sheetEl) sheetEl.classList.remove('is-open');
-  }
-
   function ensureEngine(model) {
     if (engine) {
       engine.setModel(model);
@@ -443,8 +407,8 @@ export function render({ navigate, route, chrome } = {}) {
     engine = createForceGraph({
       stage: board,
       model,
-      // тап по периферийному узлу — центрируем (грузим его граф) и показываем нижний сниппет
-      onNodeTap: (node) => { showNodeSheet(node); void load(node.login, { pushHistory: true }); },
+      // тап по периферийному узлу — только центрируем и загружаем его граф; нижней карточки больше нет
+      onNodeTap: (node) => { void load(node.login, { pushHistory: true }); },
       // тап по центру — полноценный профиль
       onCenterTap: (node) => {
         const routeTo = profileInfoRoute(node.login);