Refine rail drawer switching and toggle animations

src/web/features/routing/RoutingFeature.tsx

@@ -381,12 +381,14 @@ function RuleTypePicker({ value, ruleKey, index, disabled, onChange }: RuleTypeP
 
 export function RoutingToggle({
   feature,
+  open,
   gatewayDirect,
   isGateway,
   hasSubscription,
   onOpen,
 }: {
   feature: RoutingFeature;
+  open: boolean;
   gatewayDirect: boolean;
   isGateway: boolean;
   hasSubscription: boolean;
@@ -397,25 +399,25 @@ export function RoutingToggle({
     <RailAction
       buttonRef={feature.toggleRef}
       className={`client-local-rules-toggle${feature.pendingRestart ? ' has-pending' : ''}`}
-      open={feature.isOpen}
+      open={open}
       controls="client-local-rules"
       disabled={disabled}
       ariaLabel={disabled
         ? hasSubscription
           ? 'Локальные правила недоступны: сейчас работают правила Harbor Gateway'
           : 'Локальные правила недоступны: сначала добавьте подписку'
-        : feature.isOpen ? 'Закрыть локальные правила' : 'Настроить локальные правила'}
+        : open ? 'Закрыть локальные правила' : 'Настроить локальные правила'}
       label={disabled
         ? hasSubscription
           ? 'Локальные правила недоступны: сейчас работают правила Gateway'
           : 'Сначала добавьте подписку'
         : feature.pendingRestart ? 'Правила ждут перезапуска' : 'Локальные правила'}
-      onClick={() => feature.isOpen ? feature.requestClose() : onOpen()}
+      onClick={() => open ? feature.requestClose() : onOpen()}
     >
       <svg viewBox="0 0 24 24" aria-hidden="true">
-        <path d="M4 7h9M17 7h3M4 17h3M11 17h9" />
-        <circle className="client-rail-rule-knob is-top" cx="15" cy="7" r="2" />
-        <circle className="client-rail-rule-knob is-bottom" cx="9" cy="17" r="2" />
+        <path className="client-rail-rule-track" d="M4 7h16M4 17h16" />
+        <circle className="client-rail-rule-knob is-top" cx="12" cy="7" r="2" />
+        <circle className="client-rail-rule-knob is-bottom" cx="12" cy="17" r="2" />
       </svg>
     </RailAction>
   );