diff --git a/tests/test_gateway_ui.py b/tests/test_gateway_ui.py index eb1550a..6e45acb 100644 --- a/tests/test_gateway_ui.py +++ b/tests/test_gateway_ui.py @@ -240,6 +240,7 @@ def test_operator_ui_contains_telegram_workspace_page(): def test_operator_ui_contains_unified_messenger_mvp(): app_js = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "app.js").read_text(encoding="utf-8") index_html = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "index.html").read_text(encoding="utf-8") + styles_css = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "styles.css").read_text(encoding="utf-8") assert 'data-operator-view-link="messages"' in index_html assert 'href="#messages"' in index_html assert 'id="messagesView"' in index_html @@ -266,6 +267,11 @@ def test_operator_ui_contains_unified_messenger_mvp(): assert "integrations/telegram/threads/${encodeURIComponent(conversation.thread_id)}/close" in app_js assert "setInterval(() => {" in app_js assert "}, 5000);" in app_js + assert "[hidden] {" in styles_css + assert "display: none !important;" in styles_css + assert ".telegram-composer-shell textarea {" in styles_css + assert ".messenger-composer-shell textarea {" in styles_css + assert "align-content: start;" in styles_css def test_operator_ui_contains_live_call_control_block(): @@ -388,14 +394,15 @@ def test_operator_ui_surfaces_voice_name_state_across_call_views(): assert ".micro-badge.name-confirmed {" in styles_css assert ".micro-badge.name-followup {" in styles_css assert ".micro-badge.name-missing {" in styles_css - assert "/operator/assets/styles.css?v=track24-messenger-mvp1" in index_html - assert "/operator/assets/app.js?v=track43-messenger-mvp1" in index_html + assert "/operator/assets/styles.css?v=track25-messenger-polish1" in index_html + assert "/operator/assets/app.js?v=track44-messenger-polish1" in index_html def test_operator_ui_hides_whatsapp_behind_feature_flag(): app_js = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "app.js").read_text(encoding="utf-8") index_html = (Path(__file__).resolve().parents[1] / "ui" / "operator" / "index.html").read_text(encoding="utf-8") - assert 'data-operator-view-link="whatsapp" data-feature="whatsapp"' in index_html + assert 'data-debug-channel="whatsapp"' in index_html + assert 'data-operator-view-link="whatsapp"' not in index_html assert 'data-feature-option="whatsapp"' in index_html assert 'data-operator-view="whatsapp" data-feature="whatsapp" hidden' in index_html assert "function loadOperatorConfig()" in app_js diff --git a/ui/operator/index.html b/ui/operator/index.html index fda1b02..a8234fd 100644 --- a/ui/operator/index.html +++ b/ui/operator/index.html @@ -8,7 +8,7 @@ - +
@@ -34,7 +34,7 @@ Сообщения Клиенты - + Звонки
@@ -756,6 +756,6 @@ - + diff --git a/ui/operator/styles.css b/ui/operator/styles.css index 6796d5f..c7c83e7 100644 --- a/ui/operator/styles.css +++ b/ui/operator/styles.css @@ -27,6 +27,10 @@ box-sizing: border-box; } +[hidden] { + display: none !important; +} + html, body { margin: 0; @@ -1688,6 +1692,7 @@ textarea::placeholder { background: linear-gradient(135deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0.18)), repeating-linear-gradient(45deg, rgba(51, 102, 232, 0.04) 0 10px, transparent 10px 20px); + align-content: start; } .messenger-composer-wrap { @@ -1697,11 +1702,27 @@ textarea::placeholder { .messenger-composer-shell { grid-template-columns: minmax(0, 1fr) 48px; + max-width: none; + align-items: center; background: #fff; border: 1px solid #dce5f0; box-shadow: 0 12px 30px rgba(16, 33, 61, 0.08); } +.messenger-composer-shell textarea { + min-height: 42px; + max-height: 112px; + height: 42px; + padding: 10px 8px; + border: 0; + background: transparent; + resize: none; + outline: none; + font-size: 15px; + line-height: 1.45; + overflow-y: auto; +} + .messenger-composer-shell textarea:disabled { background: #f6f8fb; color: #94a3b8; @@ -2380,6 +2401,7 @@ textarea::placeholder { padding: 16px; display: grid; gap: 8px; + align-content: start; } .telegram-message { @@ -2528,7 +2550,7 @@ textarea::placeholder { opacity: 1; } -.telegram-composer textarea { +.telegram-composer-shell textarea { min-height: 48px; max-height: 128px; height: 48px;