@sequent-org/moodboard 1.4.45 → 1.4.48

package/src/ui/chat/ChatWindow.js

@@ -1,6 +1,10 @@
 import { AiClient } from '../../services/ai/AiClient.js';
 import { ChatHistoryStore } from '../../services/ai/ChatHistoryStore.js';
 import { ChatSessionController } from '../../services/ai/ChatSessionController.js';
+import { Model3dSessionController } from '../../services/ai/Model3dSessionController.js';
+import { IMAGE_MODELS, getImageModelCapability } from '../../services/ai/imageModelCapabilities.js';
+import { VIDEO_MODELS, getVideoModelCapability } from '../../services/ai/videoModelCapabilities.js';
+import { VideoSessionController } from '../../services/ai/VideoSessionController.js';
 import { Events } from '../../core/events/Events.js';
 
 import { buildChatDom } from './ChatWindowRenderer.js';
@@ -8,7 +12,11 @@ import { formatChatErrorForDisplay } from './formatChatError.js';
 import { ChatMessageList } from './ChatMessageList.js';
 import { ChatComposer } from './ChatComposer.js';
 import { ChatPillMenu } from './ChatPillMenu.js';
+import { ChatSettingsPopup } from './ChatSettingsPopup.js';
+import { ChatVideoToolbarPills } from './ChatVideoToolbarPills.js';
 import { ChatExtendedPromptModal } from './ChatExtendedPromptModal.js';
+import { Model3dProgressOverlay } from './Model3dProgressOverlay.js';
+import { Model3dBoardSkeleton } from './Model3dBoardSkeleton.js';
 import { ICONS, RATIO_ICONS, COUNT_ICONS } from './icons.js';
 
 const CONTENT_TYPE_OPTIONS = [
@@ -16,16 +24,71 @@ const CONTENT_TYPE_OPTIONS = [
         id: 'image',
         label: 'Изображение',
         icon: ICONS.image,
-        description: 'Создать по тексту или приложите ссылку'
+        description: 'По описанию или ссылке на референс'
     },
     {
         id: 'video',
         label: 'Видео',
         icon: ICONS.video,
-        description: 'Создать по тексту или руководствуясь первым и последним кадром'
+        description: 'По описанию или по первому и последнему кадру'
+    },
+    {
+        id: '3d',
+        label: '3D-модель',
+        icon: ICONS.cube,
+        description: 'По выбранному изображению'
     }
 ];
 
+const FACE_COUNT_OPTIONS_3D = [
+    { id: '1.5m', label: '1.5M' },
+    { id: '1m',   label: '1M'   },
+    { id: '500k', label: '500k' },
+    { id: '50k',  label: '50k'  },
+];
+
+const FACE_COUNT_MAP_3D = { '1.5m': 1500000, '1m': 1000000, '500k': 500000, '50k': 50000 };
+
+const TYPE_3D_OPTIONS = [
+    { id: 'geo_tex', label: 'Геометрия + Текстура' },
+    { id: 'geo',     label: 'Только геометрия'     },
+];
+
+const MODE_3D_OPTIONS = [
+    { id: 'image', label: 'Изображение'           },
+    { id: 'multi', label: 'Несколько изображений' },
+    { id: 'text',  label: 'Текст'                 },
+];
+
+const TEXTURE_STYLE_OPTIONS_3D = [
+    { id: 'general',              label: 'Общий'             },
+    { id: 'stone_carving',        label: 'Резьба по камню'   },
+    { id: 'blue_white_porcelain', label: 'Сине-белый фарфор' },
+    { id: 'chinese_style',        label: 'Китайский стиль'   },
+    { id: 'cartoon',              label: 'Мультфильм'        },
+    { id: 'cyberpunk',            label: 'Киберпанк'         },
+];
+
+const TEXTURE_STYLE_SUFFIX_3D = {
+    general:              '',
+    stone_carving:        ', stone carving style',
+    blue_white_porcelain: ', blue and white porcelain style',
+    chinese_style:        ', Chinese style',
+    cartoon:              ', cartoon style',
+    cyberpunk:            ', cyberpunk style',
+};
+
+const RESULT_FORMAT_OPTIONS_3D = [
+    { id: 'glb', label: 'GLB' },
+    { id: 'obj', label: 'OBJ' },
+    { id: 'fbx', label: 'FBX' },
+    { id: 'stl', label: 'STL' },
+];
+
+// ViewType для мультивью: 2-е..8-е вложение (1-е = фронт, без ViewType)
+const VIEW_ORDER_3D  = ['left', 'right', 'back', 'top', 'bottom', 'left_front', 'right_front'];
+const VIEW_LABELS_3D = ['Лево', 'Право', 'Зад', 'Верх', 'Низ', 'Лево-перед', 'Право-перед'];
+
 /** Порядок: портрет (строка 1), альбом (строка 2), авто — крайнее правое */
 const FORMAT_OPTIONS = [
     { id: '1:1',   label: '1:1',   icon: RATIO_ICONS['1:1']   },
@@ -35,21 +98,27 @@ const FORMAT_OPTIONS = [
     { id: '2:3',   label: '2:3',   icon: RATIO_ICONS['2:3']   },
     { id: '9:16',  label: '9:16',  icon: RATIO_ICONS['9:16']  },
     { id: '1:2',   label: '1:2',   icon: RATIO_ICONS['1:2']   },
+    { id: '1:4',   label: '1:4',   icon: RATIO_ICONS['1:4']   },
+    { id: '1:8',   label: '1:8',   icon: RATIO_ICONS['1:8']   },
     { id: '5:4',   label: '5:4',   icon: RATIO_ICONS['5:4']   },
     { id: '4:3',   label: '4:3',   icon: RATIO_ICONS['4:3']   },
     { id: '14:10', label: '14:10', icon: RATIO_ICONS['14:10'] },
     { id: '3:2',   label: '3:2',   icon: RATIO_ICONS['3:2']   },
     { id: '16:9',  label: '16:9',  icon: RATIO_ICONS['16:9']  },
     { id: '2:1',   label: '2:1',   icon: RATIO_ICONS['2:1']   },
+    { id: '21:9',  label: '21:9',  icon: RATIO_ICONS['21:9']  },
+    { id: '4:1',   label: '4:1',   icon: RATIO_ICONS['4:1']   },
+    { id: '8:1',   label: '8:1',   icon: RATIO_ICONS['8:1']   },
     { id: 'auto',  label: 'Auto',  icon: RATIO_ICONS['auto']  },
 ];
 
 const COUNT_OPTIONS = [
-    { id: 'auto', label: 'Авто',          icon: COUNT_ICONS.auto },
     { id: '1',    label: '1 Изображение', icon: COUNT_ICONS[1]   },
     { id: '2',    label: '2 Изображения', icon: COUNT_ICONS[2]   },
     { id: '3',    label: '3 Изображения', icon: COUNT_ICONS[3]   },
     { id: '4',    label: '4 Изображения', icon: COUNT_ICONS[4]   },
+    { id: '5',    label: '5 Изображений', icon: COUNT_ICONS[4]   },
+    { id: '6',    label: '6 Изображений', icon: COUNT_ICONS[4]   },
 ];
 
 const BOARD_IMAGE_WIDTH = 300;
@@ -66,38 +135,28 @@ const BOARD_IMAGE_LANE_REFERENCE_RATIO = [2, 3];
 const BOARD_IMAGE_LANE_CENTER_OFFSET = 250;
 const BOARD_IMAGE_LANE_UI_GAP = 16;
 
-const MODEL_OPTIONS = [
-    {
-        id: 'auto',
-        label: 'Автоматический режим',
-        icon: ICONS.modelBot,
-        description: 'Мы подберем модель для ваших задач.'
-    },
-    {
-        id: 'yandex',
-        label: 'Алиса',
-        icon: ICONS.modelAlice,
-        description: 'YandexGPT'
-    },
-    {
-        id: 'gpt',
-        label: 'GPT',
-        icon: ICONS.modelGpt,
-        description: 'OpenAI'
-    },
-    {
-        id: 'google',
-        label: 'Google',
-        icon: ICONS.modelGoogle,
-        description: 'Gemini'
-    },
-    {
-        id: 'qwen',
-        label: 'Qwen',
-        icon: '<img src="/icons/qwen.svg" alt="" aria-hidden="true">',
-        description: 'Alibaba'
+/** Маппинг провайдера видео → иконка пилла модели. */
+function _iconForVideoProvider(provider) {
+    switch (provider) {
+        case 'gemini-video': return ICONS.modelGoogle;
+        case 'veo':          return ICONS.modelGoogle;
+        case 'openai-video': return ICONS.modelGpt;
+        case 'kling':        return ICONS.modelKling;
+        case 'seedance':     return ICONS.modelSeedance;
+        default:             return ICONS.model;
     }
-];
+}
+
+/** Маппинг провайдера → иконка пилла модели. */
+function _iconForProvider(provider) {
+    switch (provider) {
+        case 'yandex-art':   return ICONS.modelAlice;
+        case 'gemini-image': return ICONS.modelGoogle;
+        case 'openai-image': return ICONS.modelGpt;
+        case 'qwen-image':   return ICONS.modelQwen;
+        default:             return ICONS.model;
+    }
+}
 
 /**
  * Корневой контейнер чата ИИ-ассистента.
@@ -135,15 +194,49 @@ export class ChatWindow {
         this._extendedPromptModal = null;
         this._contentTypeId = 'image';
         this._contentTypeMenu = null;
-        this._modelId = 'auto';
+        this._modelId = 'nano-banana-pro';
         this._modelMenu = null;
         this._formatId = 'auto';
         this._formatMenu = null;
         this._providers = [];
-        this._countId = 'auto';
+        this._countId = '1';
         this._countMenu = null;
+        // Разрешение — пилл, видим только когда модель имеет resolutions.length > 0
+        this._resolutionId = getImageModelCapability('nano-banana-pro')?.defaultResolution ?? null;
+        this._resolutionMenu = null;
+        // Попап настроек
+        this._settingsPopupCtrl = null;
+        // Доп-параметры генерации изображения (хранятся здесь, передаются в payload)
+        this._imageSeed = null;
+        this._imageNegativePrompt = '';
+        this._imageBackground = null;
+        this._imageOutputFormat = null;
+        this._imagePromptExtend = false;
+        this._imageWatermark = false;
         this._unsubscribe = null;
         this._attached = false;
+        this._3dFaceCountId = '1m';
+        this._3dTypeId = 'geo_tex';
+        this._3dFaceCountMenu = null;
+        this._3dTypeMenu = null;
+        this._3dFaceCountWrapper = null;
+        this._3dTypeWrapper = null;
+        this._3dMode = 'image';
+        this._3dTextureStyleId = 'general';
+        this._3dResultFormatId = 'glb';
+        this._3dModeMenu = null;
+        this._3dModeWrapper = null;
+        this._3dTextureStyleMenu = null;
+        this._3dTextureStyleWrapper = null;
+        this._3dResultFormatMenu = null;
+        this._3dResultFormatWrapper = null;
+        this._model3dSession = null;
+        this._model3dUnsubscribe = null;
+        this._model3dProgressOverlay = null;
+        this._model3dSkeleton = null;
+        // Мировые координаты центра скелетона — модель приземлится ровно сюда,
+        // независимо от пана/зума во время генерации.
+        this._model3dSkeletonWorld = null;
         this._boardImageMessageIds = new Set();
         this._shiftedForImageBatchKeys = new Set();
         this._boardImageShiftHistory = new Map();
@@ -161,6 +254,23 @@ export class ChatWindow {
         // приходит на каждый mousemove и не должен пушить превью в чат —
         // финальный набор картинок мы получим из BoxSelectCommit по strict-contains.
         this._boxSelectActive = false;
+
+        // Видео-генерация
+        this._videoModelId = VIDEO_MODELS[0].id;
+        this._videoRatioId = VIDEO_MODELS[0].ratios[0] ?? '16:9';
+        this._videoResolutionId = null;
+        this._videoDurationId = VIDEO_MODELS[0].defaultDuration ?? VIDEO_MODELS[0].durations[0] ?? 5;
+        this._videoSeed = null;
+        this._videoNegativePrompt = '';
+        this._videoAudio = false;
+        this._videoWatermark = false;
+        this._videoCfgScale = null;
+        this._videoPersonGeneration = 'allow_all';
+        this._videoDurationWrapper = null;
+        this._videoDurationMenu = null;
+        this._videoToolbarPills = null;
+        this._videoSession = null;
+        this._videoUnsubscribe = null;
     }
 
     attach() {
@@ -181,10 +291,22 @@ export class ChatWindow {
             },
             {
                 onSubmit: (text, attachments) => {
+                    if (this._contentTypeId === '3d') {
+                        return this._submit3d(text, attachments);
+                    }
+                    if (this._contentTypeId === 'video') {
+                        return this._submitVideo(text, attachments);
+                    }
                     this._clearBoardSelection();
                     return this._session.send(text, { ...this._getImageRequestOptions(), referenceImages: attachments });
                 },
-                onAbort: () => this._session.abort()
+                onAbort: () => {
+                    if (this._contentTypeId === 'video') {
+                        this._videoSession?.abort();
+                    } else {
+                        this._session.abort();
+                    }
+                }
             }
         );
         this._composer.attach();
@@ -213,6 +335,12 @@ export class ChatWindow {
                 onSelect: (id) => {
                     this._contentTypeId = id;
                     this._contentTypeMenu.refresh();
+                    this._update3dPillVisibility();
+                    this._update3dSendGate();
+                    this._modelMenu?.refresh();
+                    this._formatMenu?.refresh();
+                    this._updateResolutionPillVisibility();
+                    this._settingsPopupCtrl?.refresh();
                 }
             }
         );
@@ -221,12 +349,24 @@ export class ChatWindow {
         this._modelMenu = new ChatPillMenu(
             { trigger: this._refs.modelPill, menu: this._refs.modelMenu, label: this._refs.modelLabel, icon: this._refs.modelIcon },
             {
-                getOptions: () => MODEL_OPTIONS,
-                getActiveId: () => this._modelId,
+                getOptions: () => {
+                    if (this._contentTypeId === 'video') {
+                        return VIDEO_MODELS.map((m) => ({ id: m.id, label: m.label, description: m.description, icon: _iconForVideoProvider(m.provider) }));
+                    }
+                    return IMAGE_MODELS.map((m) => ({ id: m.id, label: m.label, description: m.description, icon: _iconForProvider(m.provider) }));
+                },
+                getActiveId: () => this._contentTypeId === 'video' ? this._videoModelId : this._modelId,
                 onSelect: (id) => {
-                    this._modelId = id;
+                    if (this._contentTypeId === 'video') {
+                        this._videoModelId = id;
+                        this._clampVideoSettingsToModel();
+                    } else {
+                        this._modelId = id;
+                        this._clampSettingsToModel();
+                    }
                     this._modelMenu.refresh();
-                    this._clampFormatToModel();
+                    this._updateResolutionPillVisibility();
+                    this._settingsPopupCtrl?.refresh();
                 }
             }
         );
@@ -235,22 +375,52 @@ export class ChatWindow {
         this._formatMenu = new ChatPillMenu(
             { trigger: this._refs.formatPill, menu: this._refs.formatMenu, label: this._refs.formatLabel },
             {
-                getOptions: () => this._getSupportedFormatOptions(),
-                getActiveId: () => this._formatId,
+                getOptions: () => this._contentTypeId === 'video' ? this._getSupportedVideoFormatOptions() : this._getSupportedFormatOptions(),
+                getActiveId: () => this._contentTypeId === 'video' ? this._videoRatioId : this._formatId,
                 onSelect: (id) => {
-                    this._formatId = id;
+                    if (this._contentTypeId === 'video') {
+                        this._videoRatioId = id;
+                    } else {
+                        this._formatId = id;
+                        this._updateFormatPillIcon();
+                        this._updateFormatPillLabel();
+                    }
                     this._formatMenu.refresh();
-                    this._updateFormatPillIcon();
-                    this._updateFormatPillLabel();
                 }
             }
         );
         this._formatMenu.attach();
 
+        this._resolutionMenu = new ChatPillMenu(
+            { trigger: this._refs.resolutionPill, menu: this._refs.resolutionMenu, label: this._refs.resolutionLabel },
+            {
+                getOptions: () => {
+                    if (this._contentTypeId === 'video') {
+                        const cap = getVideoModelCapability(this._videoModelId);
+                        return (cap?.resolutions ?? []).map((r) => ({ id: r, label: r }));
+                    }
+                    const cap = getImageModelCapability(this._modelId);
+                    return (cap?.resolutions ?? []).map((r) => ({ id: r, label: r }));
+                },
+                getActiveId: () => this._contentTypeId === 'video' ? this._videoResolutionId : this._resolutionId,
+                onSelect: (id) => {
+                    if (this._contentTypeId === 'video') {
+                        this._videoResolutionId = id;
+                    } else {
+                        this._resolutionId = id;
+                        this._updateResolutionPillLabel();
+                    }
+                    this._resolutionMenu.refresh();
+                }
+            }
+        );
+        this._resolutionMenu.attach();
+        this._updateResolutionPillVisibility();
+
         this._countMenu = new ChatPillMenu(
             { trigger: this._refs.countPill, menu: this._refs.countMenu, label: this._refs.countLabel, icon: this._refs.countIcon },
             {
-                getOptions: () => COUNT_OPTIONS,
+                getOptions: () => this._getSupportedCountOptions(),
                 getActiveId: () => this._countId,
                 onSelect: (id) => {
                     this._countId = id;
@@ -261,6 +431,59 @@ export class ChatWindow {
         );
         this._countMenu.attach();
 
+        this._settingsPopupCtrl = new ChatSettingsPopup(
+            { trigger: this._refs.settingsTrigger, popup: this._refs.settingsPopup },
+            {
+                getSettings: () => ({
+                    systemPrompt: this._session.getState().settings?.systemPrompt ?? '',
+                    temperature: this._session.getState().settings?.temperature ?? 0.7,
+                    maxTokens: this._session.getState().settings?.maxTokens ?? 2000,
+                    seed: this._imageSeed,
+                    negativePrompt: this._imageNegativePrompt,
+                    background: this._imageBackground,
+                    outputFormat: this._imageOutputFormat,
+                    promptExtend: this._imagePromptExtend,
+                    watermark: this._imageWatermark,
+                    videoSeed: this._videoSeed,
+                    videoNegativePrompt: this._videoNegativePrompt,
+                    videoAudio: this._videoAudio,
+                    videoWatermark: this._videoWatermark,
+                    videoCfgScale: this._videoCfgScale,
+                    videoPersonGeneration: this._videoPersonGeneration,
+                }),
+                getCapability: () => getImageModelCapability(this._modelId),
+                getVideoCapability: () => getVideoModelCapability(this._videoModelId),
+                getContentType: () => this._contentTypeId,
+                onChange: (patch) => {
+                    const sessionPatch = {};
+                    if ('systemPrompt' in patch) sessionPatch.systemPrompt = patch.systemPrompt;
+                    if ('temperature' in patch) sessionPatch.temperature = patch.temperature;
+                    if ('maxTokens' in patch) sessionPatch.maxTokens = patch.maxTokens;
+                    if (Object.keys(sessionPatch).length > 0) this._session.updateSettings(sessionPatch);
+                    if ('seed' in patch) this._imageSeed = patch.seed;
+                    if ('negativePrompt' in patch) this._imageNegativePrompt = patch.negativePrompt;
+                    if ('background' in patch) this._imageBackground = patch.background;
+                    if ('outputFormat' in patch) this._imageOutputFormat = patch.outputFormat;
+                    if ('promptExtend' in patch) this._imagePromptExtend = patch.promptExtend;
+                    if ('watermark' in patch) this._imageWatermark = patch.watermark;
+                    if ('videoSeed' in patch) this._videoSeed = patch.videoSeed;
+                    if ('videoNegativePrompt' in patch) this._videoNegativePrompt = patch.videoNegativePrompt;
+                    if ('videoAudio' in patch) this._videoAudio = patch.videoAudio;
+                    if ('videoWatermark' in patch) this._videoWatermark = patch.videoWatermark;
+                    if ('videoCfgScale' in patch) this._videoCfgScale = patch.videoCfgScale;
+                    if ('videoPersonGeneration' in patch) this._videoPersonGeneration = patch.videoPersonGeneration;
+                },
+                onClearHistory: () => this._session.clearHistory()
+            }
+        );
+        this._settingsPopupCtrl.attach();
+        this._settingsPopupCtrl.refresh();
+
+        this._attach3dPills();
+        this._attachVideoPills();
+        this._attachVideoToolbarPills();
+        this._update3dPillVisibility();
+
         const initialState = this._session.getState();
         this._markExistingBoardImages(initialState.messages);
         this._reserveCurrentAiImageLaneSlots();
@@ -286,12 +509,51 @@ export class ChatWindow {
         this._pendingBatchOffsets.clear();
         this._aiImageLaneSlots.clear();
         this._draggingAiImageIds.clear();
+        this._model3dUnsubscribe?.();
+        this._model3dUnsubscribe = null;
+        this._model3dSession?.abort?.();
+        this._model3dProgressOverlay?.destroy();
+        this._model3dProgressOverlay = null;
+        this._clear3dSkeleton();
+        this._3dFaceCountMenu?.destroy();
+        this._3dFaceCountMenu = null;
+        this._3dTypeMenu?.destroy();
+        this._3dTypeMenu = null;
+        this._3dFaceCountWrapper?.remove();
+        this._3dFaceCountWrapper = null;
+        this._3dTypeWrapper?.remove();
+        this._3dTypeWrapper = null;
+        this._3dModeMenu?.destroy();
+        this._3dModeMenu = null;
+        this._3dModeWrapper?.remove();
+        this._3dModeWrapper = null;
+        this._3dTextureStyleMenu?.destroy();
+        this._3dTextureStyleMenu = null;
+        this._3dTextureStyleWrapper?.remove();
+        this._3dTextureStyleWrapper = null;
+        this._3dResultFormatMenu?.destroy();
+        this._3dResultFormatMenu = null;
+        this._3dResultFormatWrapper?.remove();
+        this._3dResultFormatWrapper = null;
+        if (this._videoUnsubscribe) { this._videoUnsubscribe(); this._videoUnsubscribe = null; }
+        this._videoSession?.abort?.();
+        this._videoSession = null;
+        this._videoDurationMenu?.destroy();
+        this._videoDurationMenu = null;
+        this._videoDurationWrapper?.remove();
+        this._videoDurationWrapper = null;
+        this._videoToolbarPills?.destroy();
+        this._videoToolbarPills = null;
         this._composer?.destroy();
         this._extendedPromptModal?.destroy();
         this._contentTypeMenu?.destroy();
         this._modelMenu?.destroy();
         this._formatMenu?.destroy();
+        this._resolutionMenu?.destroy();
+        this._resolutionMenu = null;
         this._countMenu?.destroy();
+        this._settingsPopupCtrl?.destroy();
+        this._settingsPopupCtrl = null;
         if (this._refs?.root && this._refs.root.parentNode === this._container) {
             this._container.removeChild(this._refs.root);
         }
@@ -310,6 +572,341 @@ export class ChatWindow {
         this.detach();
     }
 
+    _attach3dPills() {
+        const pillsContainer = this._refs.formatPill?.closest('.moodboard-chat__pills');
+        if (!pillsContainer) return;
+
+        const mk3dPill = (label, icon) => {
+            const wrapper = document.createElement('div');
+            wrapper.className = 'moodboard-chat__pill-wrapper';
+            const pill = document.createElement('button');
+            pill.type = 'button';
+            pill.className = 'moodboard-chat__pill';
+            pill.setAttribute('aria-haspopup', 'menu');
+            pill.setAttribute('aria-expanded', 'false');
+            const iconSpan = document.createElement('span');
+            iconSpan.className = 'moodboard-chat__pill-icon-wrap';
+            iconSpan.innerHTML = icon;
+            const labelEl = document.createElement('span');
+            labelEl.className = 'moodboard-chat__pill-label';
+            labelEl.textContent = label;
+            pill.appendChild(iconSpan);
+            pill.appendChild(labelEl);
+            const menu = document.createElement('div');
+            menu.className = 'moodboard-chat__menu';
+            menu.setAttribute('role', 'menu');
+            wrapper.appendChild(pill);
+            wrapper.appendChild(menu);
+            return { wrapper, pill, menu, labelEl, iconEl: iconSpan };
+        };
+
+        const fc = mk3dPill('1M', ICONS.sliders);
+        pillsContainer.appendChild(fc.wrapper);
+        this._3dFaceCountWrapper = fc.wrapper;
+        this._3dFaceCountMenu = new ChatPillMenu(
+            { trigger: fc.pill, menu: fc.menu, label: fc.labelEl, icon: fc.iconEl },
+            {
+                getOptions: () => FACE_COUNT_OPTIONS_3D,
+                getActiveId: () => this._3dFaceCountId,
+                onSelect: (id) => { this._3dFaceCountId = id; this._3dFaceCountMenu.refresh(); }
+            }
+        );
+        this._3dFaceCountMenu.attach();
+
+        const tp = mk3dPill('Геометрия + Текстура', ICONS.cube);
+        pillsContainer.appendChild(tp.wrapper);
+        this._3dTypeWrapper = tp.wrapper;
+        this._3dTypeMenu = new ChatPillMenu(
+            { trigger: tp.pill, menu: tp.menu, label: tp.labelEl, icon: tp.iconEl },
+            {
+                getOptions: () => TYPE_3D_OPTIONS,
+                getActiveId: () => this._3dTypeId,
+                onSelect: (id) => { this._3dTypeId = id; this._3dTypeMenu.refresh(); }
+            }
+        );
+        this._3dTypeMenu.attach();
+
+        const md = mk3dPill('Изображение', ICONS.image);
+        pillsContainer.appendChild(md.wrapper);
+        this._3dModeWrapper = md.wrapper;
+        this._3dModeMenu = new ChatPillMenu(
+            { trigger: md.pill, menu: md.menu, label: md.labelEl, icon: md.iconEl },
+            {
+                getOptions: () => MODE_3D_OPTIONS,
+                getActiveId: () => this._3dMode,
+                onSelect: (id) => { this._3dModeMenu.refresh(); this._update3dMode(id); }
+            }
+        );
+        this._3dModeMenu.attach();
+
+        const ts = mk3dPill('Общий', ICONS.palette);
+        pillsContainer.appendChild(ts.wrapper);
+        this._3dTextureStyleWrapper = ts.wrapper;
+        this._3dTextureStyleMenu = new ChatPillMenu(
+            { trigger: ts.pill, menu: ts.menu, label: ts.labelEl, icon: ts.iconEl },
+            {
+                getOptions: () => TEXTURE_STYLE_OPTIONS_3D,
+                getActiveId: () => this._3dTextureStyleId,
+                onSelect: (id) => { this._3dTextureStyleId = id; this._3dTextureStyleMenu.refresh(); }
+            }
+        );
+        this._3dTextureStyleMenu.attach();
+
+        const rf = mk3dPill('GLB', ICONS.sliders);
+        pillsContainer.appendChild(rf.wrapper);
+        this._3dResultFormatWrapper = rf.wrapper;
+        this._3dResultFormatMenu = new ChatPillMenu(
+            { trigger: rf.pill, menu: rf.menu, label: rf.labelEl, icon: rf.iconEl },
+            {
+                getOptions: () => RESULT_FORMAT_OPTIONS_3D,
+                getActiveId: () => this._3dResultFormatId,
+                onSelect: (id) => { this._3dResultFormatId = id; this._3dResultFormatMenu.refresh(); }
+            }
+        );
+        this._3dResultFormatMenu.attach();
+    }
+
+    _update3dPillVisibility() {
+        const is3d = this._contentTypeId === '3d';
+        const isVideo = this._contentTypeId === 'video';
+        const formatWrapper = this._refs.formatPill?.closest('.moodboard-chat__pill-wrapper');
+        const countWrapper = this._refs.countPill?.closest('.moodboard-chat__pill-wrapper');
+        const modelWrapper = this._refs.modelPill?.closest('.moodboard-chat__pill-wrapper');
+        if (formatWrapper) formatWrapper.style.display = is3d ? 'none' : '';
+        // В видео-режиме счётчик не нужен: у всех видео-моделей maxCount=1
+        if (countWrapper) countWrapper.style.display = (is3d || isVideo) ? 'none' : '';
+        if (modelWrapper) modelWrapper.style.display = is3d ? 'none' : '';
+        // Разрешение — скрываем в 3D-режиме; при возврате — восстанавливаем по capability
+        if (is3d) {
+            if (this._refs?.resolutionWrapper) this._refs.resolutionWrapper.style.display = 'none';
+        } else {
+            this._updateResolutionPillVisibility();
+        }
+        if (this._3dFaceCountWrapper) this._3dFaceCountWrapper.style.display = is3d ? '' : 'none';
+        if (this._3dTypeWrapper) this._3dTypeWrapper.style.display = is3d ? '' : 'none';
+        if (this._3dModeWrapper) this._3dModeWrapper.style.display = is3d ? '' : 'none';
+        if (this._3dResultFormatWrapper) this._3dResultFormatWrapper.style.display = is3d ? '' : 'none';
+        // Стиль текстуры — только в text-режиме
+        if (this._3dTextureStyleWrapper) {
+            this._3dTextureStyleWrapper.style.display = (is3d && this._3dMode === 'text') ? '' : 'none';
+        }
+        // Длительность — только в видео-режиме
+        if (this._videoDurationWrapper) this._videoDurationWrapper.style.display = isVideo ? '' : 'none';
+        // Видео-настройки (Звук/Водяной знак/Люди/Seed/CFG/Негатив) — пилюли тулбара
+        this._videoToolbarPills?.refresh();
+    }
+
+    _update3dSendGate() {
+        if (this._contentTypeId !== '3d') {
+            this._composer?.setInputEnabled(true);
+            this._composer?.setPlaceholderOverride(null);
+            if (this._refs?.textarea) {
+                this._refs.textarea.placeholder = 'Опишите то, что хотите сгенерировать';
+            }
+            return;
+        }
+        const inputEnabled = this._3dMode === 'text';
+        this._composer?.setInputEnabled(inputEnabled);
+        if (this._3dMode === 'image') {
+            this._composer?.setPlaceholderOverride('Описание не нужно — нажмите «Отправить»');
+            return;
+        }
+        this._composer?.setPlaceholderOverride(null);
+        if (this._refs?.textarea) {
+            if (this._3dMode === 'text') {
+                this._refs.textarea.placeholder = 'Опишите то, что хотите создать';
+            } else {
+                this._refs.textarea.placeholder = 'Выберите 2–8 изображений на доске';
+            }
+        }
+    }
+
+    _update3dMode(id) {
+        this._3dMode = id;
+        this._update3dPillVisibility();
+        this._update3dSendGate();
+        if (id === 'multi') {
+            this._composer?.setAttachmentLabelProvider((i) =>
+                i === 0 ? 'Фронт' : (VIEW_LABELS_3D[i - 1] ?? String(i + 1))
+            );
+        } else {
+            this._composer?.setAttachmentLabelProvider(null);
+        }
+        if (id === 'text') {
+            // В text-режиме вложения с доски недоступны — очищаем
+            this._composer?.removeAllBoardAttachments?.();
+        }
+    }
+
+    async _submit3d(text, attachments) {
+        const mode = this._3dMode;
+
+        if (mode === 'text') {
+            if (!text) return;
+        } else if (mode === 'image') {
+            if (!Array.isArray(attachments) || attachments.length !== 1) return;
+        } else if (mode === 'multi') {
+            if (!Array.isArray(attachments) || attachments.length < 2 || attachments.length > 8) return;
+        }
+
+        if (!this._model3dSession) {
+            this._model3dSession = new Model3dSessionController({ aiClient: this._aiClient });
+        }
+        this._model3dUnsubscribe?.();
+
+        if (!this._model3dProgressOverlay) {
+            this._model3dProgressOverlay = new Model3dProgressOverlay();
+        }
+        this._model3dProgressOverlay.attach(this._refs.composer);
+
+        this._model3dUnsubscribe = this._model3dSession.subscribe((state) => {
+            this._onModel3dState(state);
+        });
+
+        try {
+            this._show3dSkeleton();
+        } catch (e) {
+            console.warn('[ChatWindow] _show3dSkeleton failed:', e);
+        }
+
+        const suffix = TEXTURE_STYLE_SUFFIX_3D[this._3dTextureStyleId] ?? '';
+        const prompt = mode === 'text' ? (text + suffix) : undefined;
+
+        void this._model3dSession.start({
+            mode,
+            prompt,
+            image: mode !== 'text' ? attachments[0] : undefined,
+            multiViewImages: mode === 'multi'
+                ? attachments.slice(1).map((file, i) => ({ file, viewType: VIEW_ORDER_3D[i] }))
+                : undefined,
+            model: '3.1',
+            generateType: this._3dTypeId === 'geo' ? 'Geometry' : 'Normal',
+            faceCount: FACE_COUNT_MAP_3D[this._3dFaceCountId] ?? 1000000,
+            pbr: false,
+            downloadFormat: this._3dResultFormatId,
+        });
+    }
+
+    _onModel3dState(state) {
+        this._model3dProgressOverlay?.update(state);
+
+        if (state.status === 'done' && state.result) {
+            this._place3dModelOnBoard(state.result);
+            this._clear3dSkeleton();
+            // Оверлей убираем чуть позже скелетона, чтобы прогресс не «прыгал» —
+            // достаточно синхронного detach после размещения.
+            this._model3dProgressOverlay?.detach();
+        } else if (state.status === 'error') {
+            this._model3dProgressOverlay?.detach();
+            this._clear3dSkeleton();
+            if (this._refs?.errorBlock) {
+                const raw = state.error || 'Ошибка генерации 3D-модели';
+                // Убираем технический префикс вида "AiClient.submit3dModel (503): ".
+                const clean = raw.replace(/^AiClient\.\w+\s*\(\d+\):\s*/, '');
+                this._refs.errorBlock.textContent = clean || 'Ошибка генерации 3D-модели';
+                this._refs.errorBlock.classList.add('is-visible');
+            }
+        }
+    }
+
+    /**
+     * Экранный прямоугольник скелетона/модели в текущем вьюпорте из мировых координат центра.
+     * Размер фиксирован шириной BOARD_IMAGE_WIDTH в world-единицах (квадрат), как у заглушки.
+     * @param {{x:number,y:number}} worldCenter
+     */
+    _compute3dSkeletonRect(worldCenter) {
+        const world = this._boardCore?.pixi?.worldLayer || this._boardCore?.pixi?.app?.stage;
+        const s = world?.scale?.x || 1;
+        const size = Math.round(BOARD_IMAGE_WIDTH * s);
+        const screenX = Math.round(worldCenter.x * s + (world?.x || 0));
+        const screenY = Math.round(worldCenter.y * s + (world?.y || 0));
+        return {
+            left: Math.round(screenX - size / 2),
+            top: Math.round(screenY - size / 2),
+            width: size,
+            height: size,
+            radius: Math.max(2, Math.round(12 * s))
+        };
+    }
+
+    _show3dSkeleton() {
+        const world = this._boardCore?.pixi?.worldLayer || this._boardCore?.pixi?.app?.stage;
+        if (!world) return;
+        const s = world?.scale?.x || 1;
+
+        // Центр будущей модели в экранных координатах: над композером (как при размещении).
+        const composerRect = this._refs?.composer?.getBoundingClientRect?.();
+        const screenCenterX = composerRect
+            ? Math.round(composerRect.left + composerRect.width / 2)
+            : 400;
+        const screenCenterY = composerRect
+            ? Math.round(composerRect.top - 200)
+            : 200;
+
+        // _clear3dSkeleton() обнуляет _model3dSkeletonWorld — присваиваем ПОСЛЕ него.
+        this._clear3dSkeleton();
+
+        this._model3dSkeletonWorld = {
+            x: (screenCenterX - (world?.x || 0)) / s,
+            y: (screenCenterY - (world?.y || 0)) / s
+        };
+
+        this._model3dSkeleton = new Model3dBoardSkeleton({ iconSvg: ICONS.cube });
+        this._model3dSkeleton.attach(this._container ?? document.body);
+        this._model3dSkeleton.setRect(this._compute3dSkeletonRect(this._model3dSkeletonWorld), { animate: false });
+        this._scheduleAnimationFrame(() => this._model3dSkeleton?.enter());
+    }
+
+    _sync3dSkeletonToViewport({ disableTransition = false } = {}) {
+        if (!this._model3dSkeleton?.isAttached() || !this._model3dSkeletonWorld) return;
+        this._model3dSkeleton.setRect(
+            this._compute3dSkeletonRect(this._model3dSkeletonWorld),
+            { animate: !disableTransition }
+        );
+    }
+
+    _clear3dSkeleton() {
+        this._model3dSkeleton?.destroy();
+        this._model3dSkeleton = null;
+        this._model3dSkeletonWorld = null;
+    }
+
+    _place3dModelOnBoard(result) {
+        if (!this._boardCore?.eventBus) return;
+        const { previewBase64, mimeType, modelUrl, format } = result;
+        const src = previewBase64
+            ? `data:${mimeType || 'image/jpeg'};base64,${previewBase64}`
+            : modelUrl;
+        if (!src) return;
+
+        const world = this._boardCore.pixi?.worldLayer || this._boardCore.pixi?.app?.stage;
+        const s = world?.scale?.x || 1;
+
+        // Приоритет — мировая точка скелетона: модель приземляется ровно туда,
+        // где пользователь видел заглушку, даже если он панорамировал/зумил во время генерации.
+        let x;
+        let y;
+        if (this._model3dSkeletonWorld) {
+            x = Math.round(this._model3dSkeletonWorld.x * s + (world?.x || 0));
+            y = Math.round(this._model3dSkeletonWorld.y * s + (world?.y || 0));
+        } else {
+            const composerRect = this._refs?.composer?.getBoundingClientRect?.();
+            x = composerRect ? Math.round(composerRect.left + composerRect.width / 2) : 400;
+            y = composerRect ? Math.round(composerRect.top - 200) : 200;
+        }
+
+        this._boardCore.eventBus.emit(Events.UI.PasteImageAt, {
+            x,
+            y,
+            src,
+            name: 'ai-3d-model',
+            skipUpload: true,
+            objectType: 'model3d-screenshot-img',
+            modelUrl,
+            format
+        });
+    }
+
     _clearBoardSelection() {
         if (typeof this._boardCore?.selectTool?.clearSelection === 'function') {
             this._boardCore.selectTool.clearSelection();
@@ -343,7 +940,9 @@ export class ChatWindow {
             const list = await this._aiClient.listProviders();
             this._providers = Array.isArray(list) ? list : [];
             this._session.setAvailableProviders(list);
-            this._clampFormatToModel();
+            // Серверные supportedRatios могут дополнительно сузить список —
+            // после загрузки ещё раз клампим настройки на случай несоответствия.
+            this._clampSettingsToModel();
         } catch (err) {
             console.warn('[ChatWindow] cannot load providers:', err.message);
             this._providers = [];
@@ -352,52 +951,251 @@ export class ChatWindow {
     }
 
     /**
-     * Возвращает id провайдера изображений для текущей модели.
-     * Дублирует логику из _getImageRequestOptions, чтобы не привязываться к payload-контексту.
-     *
-     * @param {string} modelId
-     * @returns {string}
-     */
-    _imageProviderForModel(modelId) {
-        return modelId === 'gpt' ? 'openai-image' : 'yandex-art';
-    }
-
-    /**
-     * Возвращает подмножество FORMAT_OPTIONS, поддерживаемое текущим провайдером.
-     * Если провайдер не ограничивает форматы (supportedRatios === null) — возвращает все.
+     * Возвращает подмножество FORMAT_OPTIONS, поддерживаемое текущей моделью.
+     * Источник истины — capability.ratios из imageModelCapabilities.
      * Формат 'auto' присутствует всегда.
      *
      * @returns {Array}
      */
     _getSupportedFormatOptions() {
-        const providerId = this._imageProviderForModel(this._modelId);
-        const provider = this._providers.find((p) => p.id === providerId);
-        const ratios = provider?.supportedRatios;
-
-        if (!Array.isArray(ratios) || ratios.length === 0) {
+        const cap = getImageModelCapability(this._modelId);
+        if (!cap || !Array.isArray(cap.ratios) || cap.ratios.length === 0) {
             return FORMAT_OPTIONS;
         }
+        return FORMAT_OPTIONS.filter((opt) => opt.id === 'auto' || cap.ratios.includes(opt.id));
+    }
 
-        return FORMAT_OPTIONS.filter((opt) => opt.id === 'auto' || ratios.includes(opt.id));
+    /**
+     * Возвращает подмножество COUNT_OPTIONS, поддерживаемое текущей моделью.
+     * Опции выше capability.maxCount скрываются.
+     *
+     * @returns {Array}
+     */
+    _getSupportedCountOptions() {
+        const cap = getImageModelCapability(this._modelId);
+        const maxCount = cap?.maxCount ?? 4;
+        return COUNT_OPTIONS.filter((opt) => {
+            const n = Number.parseInt(opt.id, 10);
+            return !Number.isFinite(n) || n <= maxCount;
+        });
     }
 
     /**
-     * При смене модели проверяет, что текущий формат входит в список поддерживаемых.
-     * Если нет — сбрасывает на 'auto'.
+     * При смене модели приводит текущий формат, разрешение и количество
+     * к допустимым значениям. Невалидное значение — на дефолт.
      */
-    _clampFormatToModel() {
-        const supported = this._getSupportedFormatOptions();
-        const stillValid = supported.some((opt) => opt.id === this._formatId);
-        if (!stillValid) {
+    _clampSettingsToModel() {
+        const cap = getImageModelCapability(this._modelId);
+
+        // Формат
+        const supportedFormats = this._getSupportedFormatOptions();
+        if (!supportedFormats.some((opt) => opt.id === this._formatId)) {
             this._formatId = 'auto';
         }
-        // refresh обновляет лейбл из option.label ('Auto'), поэтому _updateFormatPillLabel
-        // вызывается после — она выставляет человекочитаемый текст 'Соотношение сторон'.
         this._formatMenu?.refresh();
-        if (!stillValid) {
-            this._updateFormatPillIcon();
-            this._updateFormatPillLabel();
+        this._updateFormatPillIcon();
+        this._updateFormatPillLabel();
+
+        // Разрешение
+        const resolutions = cap?.resolutions ?? [];
+        if (resolutions.length === 0) {
+            this._resolutionId = null;
+        } else if (!resolutions.includes(this._resolutionId)) {
+            this._resolutionId = cap.defaultResolution ?? resolutions[0] ?? null;
+        }
+        this._resolutionMenu?.refresh();
+        this._updateResolutionPillLabel();
+
+        // Количество
+        const maxCount = cap?.maxCount ?? 4;
+        const n = Number.parseInt(this._countId, 10);
+        if (Number.isFinite(n) && n > maxCount) {
+            this._countId = '1';
+        }
+        this._countMenu?.refresh();
+        this._updateCountPillIcon();
+    }
+
+    _updateResolutionPillVisibility() {
+        const isVideo = this._contentTypeId === 'video';
+        const cap = isVideo ? getVideoModelCapability(this._videoModelId) : getImageModelCapability(this._modelId);
+        const hasResolutions = Array.isArray(cap?.resolutions) && cap.resolutions.length > 0;
+        const wrapper = this._refs?.resolutionWrapper;
+        if (wrapper) wrapper.style.display = hasResolutions ? '' : 'none';
+    }
+
+    _updateResolutionPillLabel() {
+        const labelEl = this._refs?.resolutionLabel;
+        if (!labelEl) return;
+        labelEl.textContent = this._resolutionId ?? 'Разрешение';
+    }
+
+    _getSupportedVideoFormatOptions() {
+        const cap = getVideoModelCapability(this._videoModelId);
+        return (cap?.ratios ?? ['16:9']).map((r) => ({ id: r, label: r }));
+    }
+
+    _clampVideoSettingsToModel() {
+        const cap = getVideoModelCapability(this._videoModelId);
+
+        const ratios = cap?.ratios ?? [];
+        if (ratios.length > 0 && !ratios.includes(this._videoRatioId)) {
+            this._videoRatioId = ratios[0];
+        }
+        this._formatMenu?.refresh();
+
+        const resolutions = cap?.resolutions ?? [];
+        if (resolutions.length === 0) {
+            this._videoResolutionId = null;
+        } else if (!resolutions.includes(this._videoResolutionId)) {
+            this._videoResolutionId = resolutions[0];
+        }
+        this._resolutionMenu?.refresh();
+        this._updateResolutionPillVisibility();
+
+        const durations = cap?.durations ?? [];
+        if (!durations.includes(this._videoDurationId)) {
+            this._videoDurationId = cap?.defaultDuration ?? durations[0] ?? 5;
         }
+        this._videoDurationMenu?.refresh();
+        this._settingsPopupCtrl?.refresh();
+        this._videoToolbarPills?.refresh();
+    }
+
+    _attachVideoPills() {
+        const pillsContainer = this._refs.formatPill?.closest('.moodboard-chat__pills');
+        if (!pillsContainer) return;
+
+        const wrapper = document.createElement('div');
+        wrapper.className = 'moodboard-chat__pill-wrapper';
+        const pill = document.createElement('button');
+        pill.type = 'button';
+        pill.className = 'moodboard-chat__pill';
+        pill.setAttribute('aria-haspopup', 'menu');
+        pill.setAttribute('aria-expanded', 'false');
+        const iconSpan = document.createElement('span');
+        iconSpan.className = 'moodboard-chat__pill-icon-wrap';
+        iconSpan.innerHTML = ICONS.video;
+        const labelEl = document.createElement('span');
+        labelEl.className = 'moodboard-chat__pill-label';
+        labelEl.textContent = `${this._videoDurationId} сек`;
+        pill.appendChild(iconSpan);
+        pill.appendChild(labelEl);
+        const menu = document.createElement('div');
+        menu.className = 'moodboard-chat__menu';
+        menu.setAttribute('role', 'menu');
+        wrapper.appendChild(pill);
+        wrapper.appendChild(menu);
+
+        pillsContainer.appendChild(wrapper);
+        this._videoDurationWrapper = wrapper;
+        this._videoDurationMenu = new ChatPillMenu(
+            { trigger: pill, menu, label: labelEl, icon: iconSpan },
+            {
+                getOptions: () => {
+                    const cap = getVideoModelCapability(this._videoModelId);
+                    return (cap?.durations ?? []).map((d) => ({ id: String(d), label: `${d} сек` }));
+                },
+                getActiveId: () => String(this._videoDurationId),
+                onSelect: (id) => {
+                    this._videoDurationId = Number(id);
+                    this._videoDurationMenu.refresh();
+                }
+            }
+        );
+        this._videoDurationMenu.attach();
+        this._videoDurationMenu.refresh();
+    }
+
+    _attachVideoToolbarPills() {
+        const pillsContainer = this._refs.formatPill?.closest('.moodboard-chat__pills');
+        if (!pillsContainer) return;
+        this._videoToolbarPills = new ChatVideoToolbarPills(pillsContainer, {
+            getActive: () => this._contentTypeId === 'video',
+            getModelId: () => this._videoModelId,
+            getState: () => ({
+                seed: this._videoSeed,
+                negativePrompt: this._videoNegativePrompt,
+                audio: this._videoAudio,
+                watermark: this._videoWatermark,
+                cfgScale: this._videoCfgScale,
+                personGeneration: this._videoPersonGeneration,
+            }),
+            onChange: (patch) => {
+                if ('seed' in patch) this._videoSeed = patch.seed;
+                if ('negativePrompt' in patch) this._videoNegativePrompt = patch.negativePrompt;
+                if ('audio' in patch) this._videoAudio = patch.audio;
+                if ('watermark' in patch) this._videoWatermark = patch.watermark;
+                if ('cfgScale' in patch) this._videoCfgScale = patch.cfgScale;
+                if ('personGeneration' in patch) this._videoPersonGeneration = patch.personGeneration;
+                this._videoToolbarPills?.refresh();
+            },
+        });
+        this._videoToolbarPills.attach();
+        this._videoToolbarPills.refresh();
+    }
+
+    async _submitVideo(text, attachments) {
+        if (!text) return;
+        if (!this._videoSession) {
+            this._videoSession = new VideoSessionController({ aiClient: this._aiClient });
+        }
+        if (this._videoUnsubscribe) {
+            this._videoUnsubscribe();
+            this._videoUnsubscribe = null;
+        }
+        this._videoUnsubscribe = this._videoSession.subscribe((state) => this._onVideoState(state));
+        const opts = this._getVideoRequestOptions();
+        void this._videoSession.start({ ...opts, prompt: text, referenceImages: attachments?.length ? attachments : undefined });
+    }
+
+    _onVideoState(state) {
+        if (state.status === 'submitting' || state.status === 'polling') {
+            this._composer?.setStreaming(true);
+        }
+        if (state.status === 'done') {
+            this._composer?.setStreaming(false);
+            // Тип объекта «видео» на доске не существует. Событие Events.UI.PasteImageAt
+            // ожидает data URL картинки — видео-URL несовместим. Размещение на доске
+            // выходит за рамки текущей фазы (нет объекта типа video).
+            console.info('[ChatWindow] Видео готово. Размещение на доске не поддерживается: нет объекта типа video.', state.result?.videoUrl);
+            if (this._refs?.errorBlock) {
+                this._refs.errorBlock.textContent = 'Видео сгенерировано. Размещение на доске появится в следующей фазе.';
+                this._refs.errorBlock.classList.add('is-visible');
+            }
+        }
+        if (state.status === 'error') {
+            this._composer?.setStreaming(false);
+            if (this._refs?.errorBlock) {
+                const clean = (state.error || 'Ошибка генерации видео').replace(/^AiClient\.\w+\s*\(\d+\):\s*/, '');
+                this._refs.errorBlock.textContent = clean;
+                this._refs.errorBlock.classList.add('is-visible');
+            }
+        }
+        if (state.status === 'idle') {
+            this._composer?.setStreaming(false);
+        }
+    }
+
+    _getVideoRequestOptions() {
+        const cap = getVideoModelCapability(this._videoModelId);
+        const opts = {
+            provider: cap?.provider ?? 'gemini-video',
+            model:    cap?.model,
+            ratio:    this._videoRatioId,
+            duration: this._videoDurationId,
+        };
+        if (cap?.resolutions?.length > 0 && this._videoResolutionId) {
+            opts.resolution = this._videoResolutionId;
+        }
+        const sup = cap?.supports ?? {};
+        if (sup.seed && this._videoSeed != null) opts.seed = this._videoSeed;
+        if (sup.negativePrompt && this._videoNegativePrompt) opts.negativePrompt = this._videoNegativePrompt;
+        if (sup.audio) opts.audio = this._videoAudio;
+        if (sup.watermark) opts.watermark = this._videoWatermark;
+        if (sup.cfgScale && this._videoCfgScale != null) opts.cfgScale = this._videoCfgScale;
+        if (sup.personGeneration) opts.personGeneration = this._videoPersonGeneration;
+        return opts;
     }
 
     _render(state) {
@@ -413,6 +1211,8 @@ export class ChatWindow {
         this._formatMenu.refresh();
         this._updateFormatPillIcon();
         this._updateFormatPillLabel();
+        this._resolutionMenu?.refresh();
+        this._updateResolutionPillLabel();
         this._countMenu.refresh();
         this._updateCountPillIcon();
         this._composer.setStreaming(state.status === 'streaming');
@@ -754,14 +1554,31 @@ export class ChatWindow {
 
     _getImageRequestOptions() {
         const [widthRatio, heightRatio] = parseFormatRatio(this._formatId);
-        const provider = this._modelId === 'gpt' ? 'openai-image' : 'yandex-art';
-        return {
-            provider,
-            widthRatio,
-            heightRatio,
-            model: this._modelId === 'yandex' ? 'yandex-art' : undefined,
-            imageCount: parseImageCount(this._countId)
-        };
+        const cap = getImageModelCapability(this._modelId);
+        const provider = cap?.provider ?? 'yandex-art';
+        const model = cap?.model;
+        const imageCount = parseImageCount(this._countId);
+
+        const opts = { provider, widthRatio, heightRatio, model, imageCount };
+
+        // Качество (фиксировано для gpt-image-2-*)
+        if (cap?.quality != null) opts.quality = cap.quality;
+
+        // Разрешение (только если модель поддерживает выбор)
+        if (cap?.resolutions?.length > 0 && this._resolutionId) {
+            opts.resolution = this._resolutionId;
+        }
+
+        // Доп-параметры — только поддерживаемые моделью
+        const sup = cap?.supports ?? {};
+        if (sup.seed && this._imageSeed != null) opts.seed = this._imageSeed;
+        if (sup.negativePrompt && this._imageNegativePrompt) opts.negativePrompt = this._imageNegativePrompt;
+        if (sup.background && this._imageBackground) opts.background = this._imageBackground;
+        if (sup.outputFormat && this._imageOutputFormat) opts.outputFormat = this._imageOutputFormat;
+        if (sup.promptExtend) opts.promptExtend = this._imagePromptExtend;
+        if (sup.watermark) opts.watermark = this._imageWatermark;
+
+        return opts;
     }
 
     _computePendingOverlayScreenLayout(messages, messageId, scale = 1) {
@@ -862,9 +1679,11 @@ export class ChatWindow {
 
         const onPanUpdate = () => {
             this._syncPendingOverlaysToViewport({ disableTransition: true });
+            this._sync3dSkeletonToViewport({ disableTransition: true });
         };
         const onViewportChange = () => {
             this._syncPendingOverlaysToViewport({ disableTransition: true, recomputeWorld: false });
+            this._sync3dSkeletonToViewport({ disableTransition: true });
             // Зум меняет проекцию композера в мир: после него существующее изображение может
             // оказаться под заглушкой. Перепроверяем инвариант сразу, не дожидаясь рендера сессии.
             this._ensureExistingImagesClearOfPending();
@@ -1006,9 +1825,11 @@ export class ChatWindow {
         const onSelectionRemove = (data) => {
             const objectId = data?.object;
             if (objectId) this._composer?.removeAttachmentForObject?.(objectId);
+            this._update3dSendGate();
         };
         const onSelectionClear = () => {
             this._composer?.removeAllBoardAttachments?.();
+            this._update3dSendGate();
         };
         const onBoxSelectStart = () => {
             this._boxSelectActive = true;
@@ -1139,8 +1960,8 @@ export class ChatWindow {
         return null;
     }
 
-    _clampImageGroupAnchorY(y, referenceHeight) {
-        const clearance = Math.round(referenceHeight / 2) + BOARD_IMAGE_LANE_UI_GAP;
+    _clampImageGroupAnchorY(y, referenceHeight, reserveY = 0) {
+        const clearance = Math.round(referenceHeight / 2) + BOARD_IMAGE_LANE_UI_GAP + reserveY;
 
         const errorBlock = this._refs?.errorBlock;
         if (errorBlock && errorBlock.classList.contains('is-visible')) {
@@ -1174,10 +1995,16 @@ export class ChatWindow {
             const existingCenterY = this._getAiImageLaneCenterScreenY();
             const [wr, hr] = parseFormatRatio(this._formatId);
             const actualHeight = Math.round(BOARD_IMAGE_WIDTH / (wr / hr));
-            let y = existingCenterY ?? (composerRect.top - Math.round(actualHeight / 2) - BOARD_IMAGE_LANE_UI_GAP);
+            
+            let reserveY = 0;
+            if (this._refs?.attachmentsPreview && !this._refs.attachmentsPreview.classList.contains('is-visible')) {
+                reserveY = 74; // Резервируем место под ряд вложений (60px + padding)
+            }
+
+            let y = existingCenterY ?? (composerRect.top - reserveY - Math.round(actualHeight / 2) - BOARD_IMAGE_LANE_UI_GAP);
 
             if (existingCenterY == null) {
-                y = this._clampImageGroupAnchorY(y, actualHeight);
+                y = this._clampImageGroupAnchorY(y, actualHeight, reserveY);
             }
 
             return {
@@ -1691,7 +2518,7 @@ function parseImageCount(countId) {
         return 1;
     }
 
-    return Math.min(Math.max(count, 1), 4);
+    return Math.min(Math.max(count, 1), 6);
 }
 
 function findImageGenerationBatch(messages, messageId) {
@@ -1762,7 +2589,7 @@ function rectsOverlap(a, b) {
 
 function isReferenceImageObject(object) {
     return Boolean(object?.id)
-        && (object.type === 'image' || object.type === 'revit-screenshot-img')
+        && (object.type === 'image' || object.type === 'revit-screenshot-img' || object.type === 'model3d-screenshot-img')
         && typeof getImageObjectSource(object) === 'string';
 }