@sequent-org/moodboard 1.4.71 → 1.4.72

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.4.71",
+  "version": "1.4.72",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/core/flows/LayerAndViewportFlow.js

@@ -185,7 +185,11 @@ export function setupLayerAndViewportFlow(core) {
                 settings: { pan: { x: world.x || 0, y: world.y || 0 } }
             });
         } catch (_) {}
-        core.eventBus.emit(Events.Viewport.Changed);
+        // Во время pan не эмитим Viewport.Changed: все viewport-реактивные компоненты
+        // уже репозиционируются по Tool.PanUpdate, а повторный Viewport.Changed заставлял
+        // их пересчитываться дважды за одно движение. Сетка — единственный получатель
+        // Viewport.Changed без подписки на PanUpdate — обновляется прямым вызовом.
+        core.boardService?.refreshGridViewport?.();
     });
 
     core.eventBus.on(Events.UI.ZoomSelection, () => {

package/src/ui/chat/ChatWindow.js

@@ -2090,7 +2090,38 @@ export class ChatWindow {
         return y;
     }
 
+    _getViewportCenter() {
+        const rect = this._container?.getBoundingClientRect?.();
+        if (rect && rect.width > 0 && rect.height > 0) {
+            return {
+                x: Math.round(rect.left + rect.width / 2),
+                y: Math.round(rect.top + rect.height / 2)
+            };
+        }
+        return null;
+    }
+
     _getImageGroupAnchor() {
+        // Базовый якорь — центр видимой области холста: центр заглушки (и итогового
+        // изображения) должен совпадать с серединой экрана. Ряд из нескольких изображений
+        // держим на общей горизонтальной оси через existingCenterY.
+        const viewportCenter = this._getViewportCenter();
+        if (viewportCenter) {
+            const existingCenterY = this._getAiImageLaneCenterScreenY();
+            const [wr, hr] = parseFormatRatio(this._formatId);
+            const actualHeight = Math.round(BOARD_IMAGE_WIDTH / (wr / hr));
+
+            let y = existingCenterY ?? viewportCenter.y;
+            if (existingCenterY == null) {
+                y = this._clampImageGroupAnchorY(y, actualHeight, 0);
+            }
+
+            return {
+                x: viewportCenter.x,
+                y: Math.round(y)
+            };
+        }
+
         const composerRect = this._refs?.composer?.getBoundingClientRect?.();
         if (composerRect) {
             const existingCenterY = this._getAiImageLaneCenterScreenY();

package/src/ui/text-properties/TextPropertiesPanelRenderer.js

@@ -260,27 +260,6 @@ function createFontControls(panelInstance, panel) {
 
     createCompactBackgroundSelector(panelInstance, panel);
 
-    const mdSeparator = document.createElement('div');
-    mdSeparator.style.cssText = 'width:1px;height:18px;background:#e0e0e0;margin:0 6px;flex-shrink:0;';
-    panel.appendChild(mdSeparator);
-
-    const mdId = `tpp-md-${Date.now()}`;
-    panelInstance.markdownToggle = document.createElement('input');
-    panelInstance.markdownToggle.type = 'checkbox';
-    panelInstance.markdownToggle.id = mdId;
-    panelInstance.markdownToggle.className = 'tpp-md-toggle';
-    panelInstance.markdownToggle.style.cssText = 'width:14px;height:14px;cursor:pointer;flex-shrink:0;';
-
-    const mdLabel = document.createElement('label');
-    mdLabel.htmlFor = mdId;
-    mdLabel.textContent = 'MD';
-    mdLabel.title = 'Отображать как Markdown';
-    mdLabel.className = 'tpp-label';
-    mdLabel.style.cssText = 'cursor:pointer;user-select:none;';
-
-    panel.appendChild(panelInstance.markdownToggle);
-    panel.appendChild(mdLabel);
-
     createTextFormatControls(panelInstance, panel);
 
     createTextLockMoreControls(panelInstance, panel);