chore: release v2.2.6

Merge pull request #214 from remnawave/dev

Author: kastov

.env.sample

@@ -0,0 +1,16 @@
+# Local Development
+
+# Domain of backend, local or production
+DOMAIN_BACKEND=http://127.0.0.1:3003
+
+# Tell frontend to use DOMAIN_BACKEND (1/0)
+DOMAIN_OVERRIDE=1
+
+# 
+NODE_ENV=development
+
+
+### CrowdIn
+CROWDIN=0
+#CROWDIN_API_TOKEN=
+#CROWDIN_PROJECT_ID=

README.md

@@ -2,7 +2,7 @@
 
 Frontend for Remnawave Panel..
 
-Learn more about Remnawave Panel [here](https://remna.st/).
+Learn more about Remnawave Panel [here](https://docs.rw/).
 
 # Contributors
 

package-lock.json

@@ -2,7 +2,7 @@
   "name": "@remnawave/frontend",
   "private": false,
   "type": "module",
-  "version": "2.2.5",
+  "version": "2.2.6",
   "license": "AGPL-3.0-only",
   "author": "REMNAWAVE <github.com/remnawave>",
   "homepage": "https://github.com/remnawave",
@@ -59,7 +59,7 @@
     "@monaco-editor/react": "^4.7.0",
     "@noble/post-quantum": "^0.5.2",
     "@paralleldrive/cuid2": "2.2.2",
-    "@remnawave/backend-contract": "2.2.32",
+    "@remnawave/backend-contract": "2.2.34",
     "@simplewebauthn/browser": "^13.2.2",
     "@stablelib/base64": "^2.0.1",
     "@stablelib/x25519": "^2.0.1",
@@ -194,4 +194,4 @@
       "inquirer": "9.3.5"
     }
   }
-}
+}

package.json

@@ -1428,6 +1428,7 @@
             "persian": "Persian",
             "russian": "Russian",
             "chinese": "Chinese",
+            "french": "French",
             "additional-languages": "Additional Languages",
             "english-is-always-enabled": "English is always enabled",
             "english": "English"
@@ -1739,7 +1740,13 @@
             "branding-settings": "Branding Settings",
             "the-title-that-will-be-displayed-on-login-page": "The title that will be displayed on login page",
             "brand-name": "Brand Name",
-            "the-url-to-your-brand-logo-image": "The URL to your brand logo image"
+            "the-url-to-your-brand-logo-image": "The URL to your brand logo image",
+            "colored-title-format": "Colored Title Format",
+            "colored-title-description": "You can color individual words using {color}word syntax. Supports both HEX colors (#RRGGBB) and MantineUI color names.",
+            "example-hex-colors": "Example with HEX colors",
+            "example-mantine-colors": "Example with MantineUI colors",
+            "example-mixed": "Example with mixed colors",
+            "color-format-note": "💡 Color applies only to the word immediately following the marker. Without markers, text will be white."
         }
     },
     "api-tokens-card": {
@@ -1784,5 +1791,10 @@
         "feature": {
             "reset-traffic": "Reset Traffic"
         }
+    },
+    "external-squads-response-headers": {
+        "widget": {
+            "response-headers": "Headers"
+        }
     }
-}
+}

public/locales/en/remnawave.json

@@ -1428,6 +1428,7 @@
             "persian": "فارسی",
             "russian": "روسی",
             "chinese": "چینی",
+            "french": "French",
             "additional-languages": "زبان‌های بیشتر",
             "english-is-always-enabled": "انگلیسی همیشه فعال می‌باشد",
             "english": "انگلیسی"
@@ -1739,7 +1740,13 @@
             "branding-settings": "تنظیمات برندینگ",
             "the-title-that-will-be-displayed-on-login-page": "عنوانی که در صفحه ورود نشان داده خواهد شد",
             "brand-name": "اسم برند",
-            "the-url-to-your-brand-logo-image": "آدرس تصویر لوگوی برند شما"
+            "the-url-to-your-brand-logo-image": "آدرس تصویر لوگوی برند شما",
+            "colored-title-format": "Colored Title Format",
+            "colored-title-description": "You can color individual words using {color}word syntax. Supports both HEX colors (#RRGGBB) and MantineUI color names.",
+            "example-hex-colors": "Example with HEX colors",
+            "example-mantine-colors": "Example with MantineUI colors",
+            "example-mixed": "Example with mixed colors",
+            "color-format-note": "💡 Color applies only to the word immediately following the marker. Without markers, text will be white."
         }
     },
     "api-tokens-card": {
@@ -1784,5 +1791,10 @@
         "feature": {
             "reset-traffic": "Reset Traffic"
         }
+    },
+    "external-squads-response-headers": {
+        "widget": {
+            "response-headers": "Headers"
+        }
     }
-}
+}

public/locales/fa/remnawave.json

@@ -1428,6 +1428,7 @@
             "persian": "Персидский",
             "russian": "Русский",
             "chinese": "Китайский",
+            "french": "French",
             "additional-languages": "Дополнительные языки",
             "english-is-always-enabled": "Английский всегда включен",
             "english": "Английский"
@@ -1739,7 +1740,13 @@
             "branding-settings": "Настройки кастомизации",
             "the-title-that-will-be-displayed-on-login-page": "Заголовок, отображаемый на странице входа",
             "brand-name": "Название бренда",
-            "the-url-to-your-brand-logo-image": "URL-адрес логотипа вашего бренда"
+            "the-url-to-your-brand-logo-image": "URL-адрес логотипа вашего бренда",
+            "colored-title-format": "Цветной формат заголовка",
+            "colored-title-description": "Вы можете окрасить отдельные слова, используя синтаксис {color}. Поддерживает оба цвета HEX (#RRGGBB) и MantineUI цвета.",
+            "example-hex-colors": "Пример цветов HEX",
+            "example-mantine-colors": "Пример цветов MantineUI",
+            "example-mixed": "Пример со смешанными цветами",
+            "color-format-note": "💡 Цвет применяется только к словам, непосредственно следующим за маркером. Без маркеров текст будет белым."
         }
     },
     "api-tokens-card": {
@@ -1784,5 +1791,10 @@
         "feature": {
             "reset-traffic": "Сбросить трафик"
         }
+    },
+    "external-squads-response-headers": {
+        "widget": {
+            "response-headers": "Headers"
+        }
     }
-}
+}

public/locales/ru/remnawave.json

@@ -1428,6 +1428,7 @@
             "persian": "波斯语",
             "russian": "俄语",
             "chinese": "中文",
+            "french": "法语",
             "additional-languages": "其它语言",
             "english-is-always-enabled": "总是使用英语",
             "english": "英语"
@@ -1739,7 +1740,13 @@
             "branding-settings": "商标设置",
             "the-title-that-will-be-displayed-on-login-page": "登录页面显示的标题",
             "brand-name": "品牌名称",
-            "the-url-to-your-brand-logo-image": "品牌标志图片的 URL"
+            "the-url-to-your-brand-logo-image": "品牌标志图片的 URL",
+            "colored-title-format": "彩色标题格式",
+            "colored-title-description": "您可以使用 {color}文字 语法为单个单词着色。支持十六进制颜色 (#RRGGBB) 和 MantineUI 颜色名称。",
+            "example-hex-colors": "十六进制颜色示例",
+            "example-mantine-colors": "MantineUI颜色示例",
+            "example-mixed": "混合颜色示例",
+            "color-format-note": "💡 颜色仅适用于标记后面的单词。没有标记，文本将为白色。"
         }
     },
     "api-tokens-card": {
@@ -1784,5 +1791,10 @@
         "feature": {
             "reset-traffic": "重置流量"
         }
+    },
+    "external-squads-response-headers": {
+        "widget": {
+            "response-headers": "请求头"
+        }
     }
-}
+}

public/locales/zh/remnawave.json

@@ -46,7 +46,7 @@ export function MainLayout() {
 
     return (
         <AppShell
-            className={classes.appShellFadeIn}
+            className={isMobile ? undefined : classes.appShellFadeIn}
             header={{ height: 64, collapsed: isMobile ? false : !pinned, offset: false }}
             layout="alt"
             navbar={{

src/app/layouts/dashboard/main-layout/main.layout.tsx

@@ -24,7 +24,8 @@ const DEFAULT_VISIBILITY: MRT_VisibilityState = {
     telegramId: false,
     email: false,
     subLastOpenedAt: false,
-    uuid: false
+    uuid: false,
+    externalSquadUuid: false
 }
 
 const DEFAULT_COLUMN_SIZE: MRT_ColumnSizingState = {