Refactor Dockerfile and Vite configuration to remove VITE_APP_VERSION and streamline build process

- Removed VITE_APP_VERSION from Dockerfile and GitHub workflows.
- Simplified Vite configuration by eliminating the Git version retrieval function and global constant for app version.
- Updated ColorPicker and other components to enhance accessibility with aria-labels.
- Introduced unique identifiers for buttons in the AppEditorModal for better React key management.
- Improved error handling in the Login component to provide user-friendly messages without exposing sensitive data.

src/components/TopUpModal.tsx

@@ -9,23 +9,55 @@ import type { PaymentMethod } from '../types'
 const TELEGRAM_LINK_REGEX = /^https?:\/\/t\.me\//i
 const isTelegramPaymentLink = (url: string): boolean => TELEGRAM_LINK_REGEX.test(url)
 
-const openPaymentLink = (url: string, reservedWindow?: Window | null) => {
-  if (typeof window === 'undefined' || !url) return
+/**
+ * Открывает платёжную ссылку разными способами в зависимости от окружения.
+ * Возвращает true если ссылка успешно открыта, false если все методы не сработали.
+ */
+const openPaymentLink = (url: string, reservedWindow?: Window | null): boolean => {
+  if (typeof window === 'undefined' || !url) return false
   const webApp = window.Telegram?.WebApp
 
+  // Попытка 1: Telegram openTelegramLink для t.me ссылок
   if (isTelegramPaymentLink(url) && webApp?.openTelegramLink) {
-    try { webApp.openTelegramLink(url); return } catch (e) { console.warn('[TopUpModal] openTelegramLink failed:', e) }
+    try {
+      webApp.openTelegramLink(url)
+      return true
+    } catch (e) {
+      console.warn('[TopUpModal] openTelegramLink failed:', e)
+    }
   }
+
+  // Попытка 2: Telegram WebApp openLink
   if (webApp?.openLink) {
-    try { webApp.openLink(url, { try_instant_view: false }); return } catch (e) { console.warn('[TopUpModal] webApp.openLink failed:', e) }
+    try {
+      webApp.openLink(url, { try_instant_view: false })
+      return true
+    } catch (e) {
+      console.warn('[TopUpModal] webApp.openLink failed:', e)
+    }
   }
+
+  // Попытка 3: Зарезервированное окно браузера
   if (reservedWindow && !reservedWindow.closed) {
-    try { reservedWindow.location.href = url; reservedWindow.focus?.() } catch (e) { console.warn('[TopUpModal] Failed to use reserved window:', e) }
-    return
+    try {
+      reservedWindow.location.href = url
+      reservedWindow.focus?.()
+      return true
+    } catch (e) {
+      console.warn('[TopUpModal] Failed to use reserved window:', e)
+    }
   }
+
+  // Попытка 4: window.open
   const w2 = window.open(url, '_blank', 'noopener,noreferrer')
-  if (w2) { w2.opener = null; return }
+  if (w2) {
+    w2.opener = null
+    return true
+  }
+
+  // Последний вариант: редирект текущей страницы
   window.location.href = url
+  return true
 }
 
 interface TopUpModalProps {
@@ -82,24 +114,47 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top
   })
 
   const topUpMutation = useMutation<{
-    payment_id: string; payment_url?: string; invoice_url?: string
-    amount_kopeks: number; amount_rubles: number; status: string; expires_at: string | null
+    payment_id: string
+    payment_url?: string
+    invoice_url?: string
+    amount_kopeks: number
+    amount_rubles: number
+    status: string
+    expires_at: string | null
   }, unknown, number>({
     mutationFn: (amountKopeks: number) => balanceApi.createTopUp(amountKopeks, method.id, selectedOption || undefined),
     onSuccess: (data) => {
-      const redirectUrl = data.payment_url || (data as any).invoice_url
-      if (redirectUrl) openPaymentLink(redirectUrl, popupRef.current)
+      const redirectUrl = data.payment_url || data.invoice_url
+      if (!redirectUrl) {
+        setError(t('balance.noPaymentUrl', 'Сервер не вернул ссылку для оплаты'))
+        closePopupSafely()
+        return
+      }
+      const opened = openPaymentLink(redirectUrl, popupRef.current)
+      if (!opened) {
+        setError(t('balance.openLinkFailed', 'Не удалось открыть страницу оплаты'))
+      }
       popupRef.current = null
       onClose()
     },
     onError: (err: unknown) => {
-      try { if (popupRef.current && !popupRef.current.closed) popupRef.current.close() } catch {}
-      popupRef.current = null
+      closePopupSafely()
       const detail = (err as { response?: { data?: { detail?: string } } })?.response?.data?.detail || ''
       setError(detail.includes('not yet implemented') ? t('balance.useBot') : (detail || t('common.error')))
     },
   })
 
+  const closePopupSafely = () => {
+    try {
+      if (popupRef.current && !popupRef.current.closed) {
+        popupRef.current.close()
+      }
+    } catch (e) {
+      console.warn('[TopUpModal] Failed to close popup:', e)
+    }
+    popupRef.current = null
+  }
+
   const handleSubmit = () => {
     setError(null)
     inputRef.current?.blur()
@@ -139,7 +194,7 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top
         {/* Header */}
         <div className="flex items-center justify-between px-4 py-3 bg-dark-800/50">
           <span className="font-semibold text-dark-100">{methodName}</span>
-          <button onClick={onClose} className="p-1.5 rounded-lg hover:bg-dark-700 text-dark-400">
+          <button onClick={onClose} className="p-1.5 rounded-lg hover:bg-dark-700 text-dark-400" aria-label="Close">
             <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
               <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
             </svg>