From 6bd51dc8fb0e180a615378394254568f232d975d Mon Sep 17 00:00:00 2001
From: Dmitriy Petrov <floplopru@gmail.com>
Date: Sun, 12 Jul 2026 14:41:47 +0300
Subject: [PATCH] Raise client layout version and add subscription form height
 cap

---
 src/shared/versions.js                      | 4 ++--
 src/web/components/ClientOverviewPage.jsx   | 2 +-
 src/web/styles.css                          | 5 +++++
 test/web/responsive-layout-contract.test.js | 1 +
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/shared/versions.js b/src/shared/versions.js
index f0596e6..b8f0d0c 100644
--- a/src/shared/versions.js
+++ b/src/shared/versions.js
@@ -1,6 +1,6 @@
 export const HARBOR_VERSIONS = Object.freeze({
-  macClient: '0.7.14',
-  gatewayClient: '0.7.14',
+  macClient: '0.7.15',
+  gatewayClient: '0.7.15',
   gatewayBackend: '0.7.1',
 });
 
diff --git a/src/web/components/ClientOverviewPage.jsx b/src/web/components/ClientOverviewPage.jsx
index 3754e93..7dbcb92 100644
--- a/src/web/components/ClientOverviewPage.jsx
+++ b/src/web/components/ClientOverviewPage.jsx
@@ -1049,7 +1049,7 @@ export function ClientOverviewPage({
           ? 'Сейчас работают правила Gateway'
           : state?.route?.localRulesPendingRestart ? 'Правила ждут перезапуска' : 'Локальные правила'}</span>
       </button>}
-      <main className={`client-panel${showPower ? '' : ' is-setup'}`}>
+      <main className={`client-panel${showPower ? '' : ' is-setup'}${hasSubscription ? ' has-subscription' : ''}`}>
         {showPower && (
         <section className="client-power-section" aria-labelledby="connection-title">
           <button
diff --git a/src/web/styles.css b/src/web/styles.css
index 900e946..55cb872 100644
--- a/src/web/styles.css
+++ b/src/web/styles.css
@@ -1680,6 +1680,10 @@ p {
   justify-self: center;
 }
 
+.client-panel.has-subscription .client-form {
+  height: min(640px, calc(100vh - 120px));
+}
+
 .client-power-section p {
   color: var(--client-muted);
   font-size: 11px;
@@ -3288,6 +3292,7 @@ p {
   }
 
   .client-form {
+    height: auto;
     max-height: none;
     overflow-y: visible;
     overscroll-behavior: auto;
diff --git a/test/web/responsive-layout-contract.test.js b/test/web/responsive-layout-contract.test.js
index be0ea42..74417f0 100644
--- a/test/web/responsive-layout-contract.test.js
+++ b/test/web/responsive-layout-contract.test.js
@@ -21,6 +21,7 @@ test('desktop layout keeps the power control on a symmetric center axis', () =>
   assert.match(form, /grid-column:\s*3/);
   assert.match(form, /position:\s*static/);
   assert.doesNotMatch(form, /\bleft\s*:|translateX|transition:[^;]*(?:left|width|transform)/);
+  assert.match(styles, /\.client-panel\.has-subscription \.client-form \{[\s\S]*height:\s*min\(640px, calc\(100vh - 120px\)\)/);
 });
 
 test('tablet and mobile regions use normal flow with viewport-safe widths', () => {