UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: дизайн и русификация God Mode

2026-04-29 00:38:04 +03:00
parent 5d336039ba
commit 7f47b85c36
57 changed files with 1104 additions and 588 deletions
@@ -58,9 +58,9 @@ export function InstanceGiteaConfigForm(props: Props) {
    {
      key: "GITEA_HOST",
      type: "text",
-      label: "Gitea Host",
+      label: "Хост Gitea",
      description: (
-        <>Use the URL of your Gitea instance. For the official Gitea instance, use &quot;https://gitea.com&quot;.</>
+        <>Укажите URL вашего Gitea-инстанса. Для официального сервиса используйте &quot;https://gitea.com&quot;.</>
      ),
      placeholder: "https://gitea.com",
      error: Boolean(errors.GITEA_HOST),
@@ -72,7 +72,7 @@ export function InstanceGiteaConfigForm(props: Props) {
      label: "Client ID",
      description: (
        <>
-          You will get this from your{" "}
+          Возьмите значение в настройках{" "}
          <a
            tabIndex={-1}
            href="https://gitea.com/user/settings/applications"
@@ -80,7 +80,7 @@ export function InstanceGiteaConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            Gitea OAuth application settings.
+            Gitea OAuth-приложения.
          </a>
        </>
      ),
@@ -94,7 +94,7 @@ export function InstanceGiteaConfigForm(props: Props) {
      label: "Client secret",
      description: (
        <>
-          Your client secret is also found in your{" "}
+          Секрет клиента находится в настройках{" "}
          <a
            tabIndex={-1}
            href="https://gitea.com/user/settings/applications"
@@ -102,7 +102,7 @@ export function InstanceGiteaConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            Gitea OAuth application settings.
+            Gitea OAuth-приложения.
          </a>
        </>
      ),
@@ -124,8 +124,8 @@ export function InstanceGiteaConfigForm(props: Props) {
      url: `${originURL}/auth/gitea/callback/`,
      description: (
        <>
-          We will auto-generate this. Paste this into your <CodeBlock darkerShade>Authorized Callback URI</CodeBlock>{" "}
-          field{" "}
+          Значение сформировано автоматически. Вставьте его в поле{" "}
+          <CodeBlock darkerShade>Authorized Callback URI</CodeBlock>{" "}
          <a
            tabIndex={-1}
            href={`${control._formValues.GITEA_HOST || "https://gitea.com"}/user/settings/applications`}
@@ -133,7 +133,7 @@ export function InstanceGiteaConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            here.
+            здесь.
          </a>
        </>
      ),
@@ -147,8 +147,8 @@ export function InstanceGiteaConfigForm(props: Props) {
      const response = await updateInstanceConfigurations(payload);
      setToast({
        type: TOAST_TYPE.SUCCESS,
-        title: "Done!",
-        message: "Your Gitea authentication is configured. You should test it now.",
+        title: "Готово",
+        message: "Аутентификация через Gitea настроена. Проверьте вход перед включением в проде.",
      });
      reset({
        GITEA_HOST: response.find((item) => item.key === "GITEA_HOST")?.value,
@@ -178,7 +178,7 @@ export function InstanceGiteaConfigForm(props: Props) {
      <div className="flex flex-col gap-8">
        <div className="grid w-full grid-cols-2 gap-x-12 gap-y-8">
          <div className="col-span-2 flex flex-col gap-y-4 pt-1 md:col-span-1">
-            <div className="pt-2.5 text-18 font-medium">Gitea-provided details for Plane</div>
+            <div className="pt-2.5 text-18 font-medium">Данные Gitea для NODE.DC</div>
            {GITEA_FORM_FIELDS.map((field) => (
              <ControllerInput
                key={field.key}
@@ -202,17 +202,17 @@ export function InstanceGiteaConfigForm(props: Props) {
                  loading={isSubmitting}
                  disabled={!isDirty}
                >
-                  {isSubmitting ? "Saving" : "Save changes"}
+                  {isSubmitting ? "Сохранение" : "Сохранить изменения"}
                </Button>
                <Link href="/authentication" className={getButtonStyling("secondary", "lg")} onClick={handleGoBack}>
-                  Go back
+                  Назад
                </Link>
              </div>
            </div>
          </div>
          <div className="col-span-2 md:col-span-1">
-            <div className="flex flex-col gap-y-4 rounded-lg bg-layer-1 px-6 pt-1.5 pb-4">
-              <div className="pt-2 text-18 font-medium">Plane-provided details for Gitea</div>
+            <div className="nodedc-settings-helper-card flex flex-col gap-y-4 px-6 pt-1.5 pb-4">
+              <div className="pt-2 text-18 font-medium">Данные NODE.DC для Gitea</div>
              {GITEA_SERVICE_FIELD.map((field) => (
                <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
              ))}
@@ -41,14 +41,14 @@ const InstanceGiteaAuthenticationPage = observer(function InstanceGiteaAuthentic
    const updateConfigPromise = updateInstanceConfigurations(payload);

    setPromiseToast(updateConfigPromise, {
-      loading: "Saving Configuration",
+      loading: "Сохранение конфигурации",
      success: {
-        title: "Configuration saved",
-        message: () => `Gitea authentication is now ${value === "1" ? "active" : "disabled"}.`,
+        title: "Конфигурация сохранена",
+        message: () => `Вход через Gitea ${value === "1" ? "включен" : "отключен"}.`,
      },
      error: {
-        title: "Error",
-        message: () => "Failed to save configuration",
+        title: "Ошибка",
+        message: () => "Не удалось сохранить конфигурацию",
      },
    });

@@ -69,7 +69,7 @@ const InstanceGiteaAuthenticationPage = observer(function InstanceGiteaAuthentic
      customHeader={
        <AuthenticationMethodCard
          name="Gitea"
-          description="Allow members to login or sign up to plane with their Gitea accounts."
+          description="Вход и регистрация пользователей через аккаунты Gitea."
          icon={<img src={giteaLogo} height={24} width={24} alt="Gitea Logo" />}
          config={
            <ToggleSwitch
@@ -100,6 +100,6 @@ const InstanceGiteaAuthenticationPage = observer(function InstanceGiteaAuthentic
    </PageWrapper>
  );
 });
-export const meta: Route.MetaFunction = () => [{ title: "Gitea Authentication - God Mode" }];
+export const meta: Route.MetaFunction = () => [{ title: "Gitea OAuth - NODE.DC" }];

 export default InstanceGiteaAuthenticationPage;
@@ -62,7 +62,7 @@ export function InstanceGithubConfigForm(props: Props) {
      label: "Client ID",
      description: (
        <>
-          You will get this from your{" "}
+          Возьмите значение в настройках{" "}
          <a
            tabIndex={-1}
            href="https://github.com/settings/applications/new"
@@ -70,7 +70,7 @@ export function InstanceGithubConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            GitHub OAuth application settings.
+            GitHub OAuth-приложения.
          </a>
        </>
      ),
@@ -84,7 +84,7 @@ export function InstanceGithubConfigForm(props: Props) {
      label: "Client secret",
      description: (
        <>
-          Your client secret is also found in your{" "}
+          Секрет клиента находится в настройках{" "}
          <a
            tabIndex={-1}
            href="https://github.com/settings/applications/new"
@@ -92,7 +92,7 @@ export function InstanceGithubConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            GitHub OAuth application settings.
+            GitHub OAuth-приложения.
          </a>
        </>
      ),
@@ -103,8 +103,8 @@ export function InstanceGithubConfigForm(props: Props) {
    {
      key: "GITHUB_ORGANIZATION_ID",
      type: "text",
-      label: "Organization ID",
-      description: <>The organization github ID.</>,
+      label: "ID организации",
+      description: <>ID организации GitHub.</>,
      placeholder: "123456789",
      error: Boolean(errors.GITHUB_ORGANIZATION_ID),
      required: false,
@@ -123,7 +123,8 @@ export function InstanceGithubConfigForm(props: Props) {
      url: originURL,
      description: (
        <>
-          We will auto-generate this. Paste this into the <CodeBlock darkerShade>Authorized origin URL</CodeBlock> field{" "}
+          Значение сформировано автоматически. Вставьте его в поле{" "}
+          <CodeBlock darkerShade>Authorized origin URL</CodeBlock>{" "}
          <a
            tabIndex={-1}
            href="https://github.com/settings/applications/new"
@@ -131,7 +132,7 @@ export function InstanceGithubConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            here.
+            здесь.
          </a>
        </>
      ),
@@ -145,8 +146,8 @@ export function InstanceGithubConfigForm(props: Props) {
      url: `${originURL}/auth/github/callback/`,
      description: (
        <>
-          We will auto-generate this. Paste this into your <CodeBlock darkerShade>Authorized Callback URI</CodeBlock>{" "}
-          field{" "}
+          Значение сформировано автоматически. Вставьте его в поле{" "}
+          <CodeBlock darkerShade>Authorized Callback URI</CodeBlock>{" "}
          <a
            tabIndex={-1}
            href="https://github.com/settings/applications/new"
@@ -154,7 +155,7 @@ export function InstanceGithubConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            here.
+            здесь.
          </a>
        </>
      ),
@@ -168,8 +169,8 @@ export function InstanceGithubConfigForm(props: Props) {
      const response = await updateInstanceConfigurations(payload);
      setToast({
        type: TOAST_TYPE.SUCCESS,
-        title: "Done!",
-        message: "Your GitHub authentication is configured. You should test it now.",
+        title: "Готово",
+        message: "Аутентификация через GitHub настроена. Проверьте вход перед включением в проде.",
      });
      reset({
        GITHUB_CLIENT_ID: response.find((item) => item.key === "GITHUB_CLIENT_ID")?.value,
@@ -199,7 +200,7 @@ export function InstanceGithubConfigForm(props: Props) {
      <div className="flex flex-col gap-8">
        <div className="grid w-full grid-cols-2 gap-x-12 gap-y-8">
          <div className="col-span-2 flex flex-col gap-y-4 pt-1 md:col-span-1">
-            <div className="pt-2.5 text-18 font-medium">GitHub-provided details for Plane</div>
+            <div className="pt-2.5 text-18 font-medium">Данные GitHub для NODE.DC</div>
            {GITHUB_FORM_FIELDS.map((field) => (
              <ControllerInput
                key={field.key}
@@ -223,32 +224,32 @@ export function InstanceGithubConfigForm(props: Props) {
                  loading={isSubmitting}
                  disabled={!isDirty}
                >
-                  {isSubmitting ? "Saving" : "Save changes"}
+                  {isSubmitting ? "Сохранение" : "Сохранить изменения"}
                </Button>
                <Link href="/authentication" className={getButtonStyling("secondary", "lg")} onClick={handleGoBack}>
-                  Go back
+                  Назад
                </Link>
              </div>
            </div>
          </div>
          <div className="col-span-2 flex flex-col gap-y-6 md:col-span-1">
-            <div className="pt-2 text-18 font-medium">Plane-provided details for GitHub</div>
+            <div className="pt-2 text-18 font-medium">Данные NODE.DC для GitHub</div>

            <div className="flex flex-col gap-y-4">
              {/* common service details */}
-              <div className="flex flex-col gap-y-4 rounded-lg bg-layer-1 px-6 py-4">
+              <div className="nodedc-settings-helper-card flex flex-col gap-y-4 px-6 py-4">
                {GITHUB_COMMON_SERVICE_DETAILS.map((field) => (
                  <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
                ))}
              </div>

              {/* web service details */}
-              <div className="flex flex-col overflow-hidden rounded-lg">
-                <div className="flex items-center gap-x-3 bg-layer-3 px-6 py-3 text-11 font-medium text-secondary uppercase">
+              <div className="nodedc-settings-helper-card flex flex-col overflow-hidden">
+                <div className="nodedc-settings-helper-card-header flex items-center gap-x-3 px-6 py-3 text-11 font-medium uppercase">
                  <Monitor className="h-3 w-3" />
-                  Web
+                  Веб
                </div>
-                <div className="flex flex-col gap-y-4 bg-layer-1 px-6 py-4">
+                <div className="flex flex-col gap-y-4 px-6 py-4">
                  {GITHUB_SERVICE_DETAILS.map((field) => (
                    <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
                  ))}
@@ -49,14 +49,14 @@ const InstanceGithubAuthenticationPage = observer(function InstanceGithubAuthent
    const updateConfigPromise = updateInstanceConfigurations(payload);

    setPromiseToast(updateConfigPromise, {
-      loading: "Saving Configuration",
+      loading: "Сохранение конфигурации",
      success: {
-        title: "Configuration saved",
-        message: () => `GitHub authentication is now ${value === "1" ? "active" : "disabled"}.`,
+        title: "Конфигурация сохранена",
+        message: () => `Вход через GitHub ${value === "1" ? "включен" : "отключен"}.`,
      },
      error: {
-        title: "Error",
-        message: () => "Failed to save configuration",
+        title: "Ошибка",
+        message: () => "Не удалось сохранить конфигурацию",
      },
    });

@@ -77,7 +77,7 @@ const InstanceGithubAuthenticationPage = observer(function InstanceGithubAuthent
      customHeader={
        <AuthenticationMethodCard
          name="GitHub"
-          description="Allow members to login or sign up to plane with their GitHub accounts."
+          description="Вход и регистрация пользователей через аккаунты GitHub."
          icon={
            <img
              src={resolveGeneralTheme(resolvedTheme) === "dark" ? githubDarkModeImage : githubLightModeImage}
@@ -116,6 +116,6 @@ const InstanceGithubAuthenticationPage = observer(function InstanceGithubAuthent
  );
 });

-export const meta: Route.MetaFunction = () => [{ title: "GitHub Authentication - God Mode" }];
+export const meta: Route.MetaFunction = () => [{ title: "GitHub OAuth - NODE.DC" }];

 export default InstanceGithubAuthenticationPage;
@@ -58,10 +58,10 @@ export function InstanceGitlabConfigForm(props: Props) {
    {
      key: "GITLAB_HOST",
      type: "text",
-      label: "Host",
+      label: "Хост",
      description: (
        <>
-          This is either https://gitlab.com or the <CodeBlock>domain.tld</CodeBlock> where you host GitLab.
+          Укажите https://gitlab.com или <CodeBlock>domain.tld</CodeBlock>, если GitLab развернут у вас.
        </>
      ),
      placeholder: "https://gitlab.com",
@@ -74,7 +74,7 @@ export function InstanceGitlabConfigForm(props: Props) {
      label: "Application ID",
      description: (
        <>
-          Get this from your{" "}
+          Возьмите значение в настройках{" "}
          <a
            tabIndex={-1}
            href="https://docs.gitlab.com/ee/integration/oauth_provider.html"
@@ -82,7 +82,7 @@ export function InstanceGitlabConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            GitLab OAuth application settings
+            GitLab OAuth-приложения
          </a>
          .
        </>
@@ -97,7 +97,7 @@ export function InstanceGitlabConfigForm(props: Props) {
      label: "Secret",
      description: (
        <>
-          The client secret is also found in your{" "}
+          Секрет клиента находится в настройках{" "}
          <a
            tabIndex={-1}
            href="https://docs.gitlab.com/ee/integration/oauth_provider.html"
@@ -105,7 +105,7 @@ export function InstanceGitlabConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            GitLab OAuth application settings
+            GitLab OAuth-приложения
          </a>
          .
        </>
@@ -128,7 +128,7 @@ export function InstanceGitlabConfigForm(props: Props) {
      url: `${originURL}/auth/gitlab/callback/`,
      description: (
        <>
-          We will auto-generate this. Paste this into the <CodeBlock darkerShade>Redirect URI</CodeBlock> field of your{" "}
+          Значение сформировано автоматически. Вставьте его в поле <CodeBlock darkerShade>Redirect URI</CodeBlock>{" "}
          <a
            tabIndex={-1}
            href="https://docs.gitlab.com/ee/integration/oauth_provider.html"
@@ -136,7 +136,7 @@ export function InstanceGitlabConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            GitLab OAuth application
+            GitLab OAuth-приложения
          </a>
          .
        </>
@@ -151,8 +151,8 @@ export function InstanceGitlabConfigForm(props: Props) {
      const response = await updateInstanceConfigurations(payload);
      setToast({
        type: TOAST_TYPE.SUCCESS,
-        title: "Done!",
-        message: "Your GitLab authentication is configured. You should test it now.",
+        title: "Готово",
+        message: "Аутентификация через GitLab настроена. Проверьте вход перед включением в проде.",
      });
      reset({
        GITLAB_HOST: response.find((item) => item.key === "GITLAB_HOST")?.value,
@@ -182,7 +182,7 @@ export function InstanceGitlabConfigForm(props: Props) {
      <div className="flex flex-col gap-8">
        <div className="grid w-full grid-cols-2 gap-x-12 gap-y-8">
          <div className="col-span-2 flex flex-col gap-y-4 pt-1 md:col-span-1">
-            <div className="pt-2.5 text-18 font-medium">GitLab-provided details for Plane</div>
+            <div className="pt-2.5 text-18 font-medium">Данные GitLab для NODE.DC</div>
            {GITLAB_FORM_FIELDS.map((field) => (
              <ControllerInput
                key={field.key}
@@ -206,17 +206,17 @@ export function InstanceGitlabConfigForm(props: Props) {
                  loading={isSubmitting}
                  disabled={!isDirty}
                >
-                  {isSubmitting ? "Saving" : "Save changes"}
+                  {isSubmitting ? "Сохранение" : "Сохранить изменения"}
                </Button>
                <Link href="/authentication" className={getButtonStyling("secondary", "lg")} onClick={handleGoBack}>
-                  Go back
+                  Назад
                </Link>
              </div>
            </div>
          </div>
          <div className="col-span-2 md:col-span-1">
-            <div className="flex flex-col gap-y-4 rounded-lg bg-layer-3 px-6 pt-1.5 pb-4">
-              <div className="pt-2 text-18 font-medium">Plane-provided details for GitLab</div>
+            <div className="nodedc-settings-helper-card flex flex-col gap-y-4 px-6 pt-1.5 pb-4">
+              <div className="pt-2 text-18 font-medium">Данные NODE.DC для GitLab</div>
              {GITLAB_SERVICE_FIELD.map((field) => (
                <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
              ))}
@@ -43,14 +43,14 @@ const InstanceGitlabAuthenticationPage = observer(function InstanceGitlabAuthent
    const updateConfigPromise = updateInstanceConfigurations(payload);

    setPromiseToast(updateConfigPromise, {
-      loading: "Saving Configuration",
+      loading: "Сохранение конфигурации",
      success: {
-        title: "Configuration saved",
-        message: () => `GitLab authentication is now ${value === "1" ? "active" : "disabled"}.`,
+        title: "Конфигурация сохранена",
+        message: () => `Вход через GitLab ${value === "1" ? "включен" : "отключен"}.`,
      },
      error: {
-        title: "Error",
-        message: () => "Failed to save configuration",
+        title: "Ошибка",
+        message: () => "Не удалось сохранить конфигурацию",
      },
    });

@@ -68,7 +68,7 @@ const InstanceGitlabAuthenticationPage = observer(function InstanceGitlabAuthent
      customHeader={
        <AuthenticationMethodCard
          name="GitLab"
-          description="Allow members to login or sign up to plane with their GitLab accounts."
+          description="Вход и регистрация пользователей через аккаунты GitLab."
          icon={<img src={GitlabLogo} height={24} width={24} alt="GitLab Logo" />}
          config={
            <ToggleSwitch
@@ -104,6 +104,6 @@ const InstanceGitlabAuthenticationPage = observer(function InstanceGitlabAuthent
  );
 });

-export const meta: Route.MetaFunction = () => [{ title: "GitLab Authentication - God Mode" }];
+export const meta: Route.MetaFunction = () => [{ title: "GitLab OAuth - NODE.DC" }];

 export default InstanceGitlabAuthenticationPage;
@@ -61,7 +61,7 @@ export function InstanceGoogleConfigForm(props: Props) {
      label: "Client ID",
      description: (
        <>
-          Your client ID lives in your Google API Console.{" "}
+          Client ID находится в Google API Console.{" "}
          <a
            tabIndex={-1}
            href="https://developers.google.com/identity/protocols/oauth2/javascript-implicit-flow#creatingcred"
@@ -69,7 +69,7 @@ export function InstanceGoogleConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            Learn more
+            Подробнее
          </a>
        </>
      ),
@@ -83,7 +83,7 @@ export function InstanceGoogleConfigForm(props: Props) {
      label: "Client secret",
      description: (
        <>
-          Your client secret should also be in your Google API Console.{" "}
+          Client secret также находится в Google API Console.{" "}
          <a
            tabIndex={-1}
            href="https://developers.google.com/identity/oauth2/web/guides/get-google-api-clientid"
@@ -91,7 +91,7 @@ export function InstanceGoogleConfigForm(props: Props) {
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            Learn more
+            Подробнее
          </a>
        </>
      ),
@@ -113,15 +113,15 @@ export function InstanceGoogleConfigForm(props: Props) {
      url: originURL,
      description: (
        <p>
-          We will auto-generate this. Paste this into your{" "}
-          <CodeBlock darkerShade>Authorized JavaScript origins</CodeBlock> field. For this OAuth client{" "}
+          Значение сформировано автоматически. Вставьте его в поле{" "}
+          <CodeBlock darkerShade>Authorized JavaScript origins</CodeBlock> для OAuth-клиента{" "}
          <a
            href="https://console.cloud.google.com/apis/credentials/oauthclient"
            target="_blank"
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            here.
+            здесь.
          </a>
        </p>
      ),
@@ -135,15 +135,15 @@ export function InstanceGoogleConfigForm(props: Props) {
      url: `${originURL}/auth/google/callback/`,
      description: (
        <p>
-          We will auto-generate this. Paste this into your <CodeBlock darkerShade>Authorized Redirect URI</CodeBlock>{" "}
-          field. For this OAuth client{" "}
+          Значение сформировано автоматически. Вставьте его в поле{" "}
+          <CodeBlock darkerShade>Authorized Redirect URI</CodeBlock> для OAuth-клиента{" "}
          <a
            href="https://console.cloud.google.com/apis/credentials/oauthclient"
            target="_blank"
            className="text-accent-primary hover:underline"
            rel="noreferrer"
          >
-            here.
+            здесь.
          </a>
        </p>
      ),
@@ -157,8 +157,8 @@ export function InstanceGoogleConfigForm(props: Props) {
      const response = await updateInstanceConfigurations(payload);
      setToast({
        type: TOAST_TYPE.SUCCESS,
-        title: "Done!",
-        message: "Your Google authentication is configured. You should test it now.",
+        title: "Готово",
+        message: "Аутентификация через Google настроена. Проверьте вход перед включением в проде.",
      });
      reset({
        GOOGLE_CLIENT_ID: response.find((item) => item.key === "GOOGLE_CLIENT_ID")?.value,
@@ -187,7 +187,7 @@ export function InstanceGoogleConfigForm(props: Props) {
      <div className="flex flex-col gap-8">
        <div className="grid w-full grid-cols-2 gap-x-12 gap-y-8">
          <div className="col-span-2 flex flex-col gap-y-4 pt-1 md:col-span-1">
-            <div className="pt-2.5 text-18 font-medium">Google-provided details for Plane</div>
+            <div className="pt-2.5 text-18 font-medium">Данные Google для NODE.DC</div>
            {GOOGLE_FORM_FIELDS.map((field) => (
              <ControllerInput
                key={field.key}
@@ -211,32 +211,32 @@ export function InstanceGoogleConfigForm(props: Props) {
                  loading={isSubmitting}
                  disabled={!isDirty}
                >
-                  {isSubmitting ? "Saving" : "Save changes"}
+                  {isSubmitting ? "Сохранение" : "Сохранить изменения"}
                </Button>
                <Link href="/authentication" className={getButtonStyling("secondary", "lg")} onClick={handleGoBack}>
-                  Go back
+                  Назад
                </Link>
              </div>
            </div>
          </div>
          <div className="col-span-2 flex flex-col gap-y-6 md:col-span-1">
-            <div className="pt-2 text-18 font-medium">Plane-provided details for Google</div>
+            <div className="pt-2 text-18 font-medium">Данные NODE.DC для Google</div>

            <div className="flex flex-col gap-y-4">
              {/* common service details */}
-              <div className="flex flex-col gap-y-4 rounded-lg bg-layer-1 px-6 py-4">
+              <div className="nodedc-settings-helper-card flex flex-col gap-y-4 px-6 py-4">
                {GOOGLE_COMMON_SERVICE_DETAILS.map((field) => (
                  <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
                ))}
              </div>

              {/* web service details */}
-              <div className="flex flex-col overflow-hidden rounded-lg">
-                <div className="flex items-center gap-x-3 bg-layer-3 px-6 py-3 text-11 font-medium text-secondary uppercase">
+              <div className="nodedc-settings-helper-card flex flex-col overflow-hidden">
+                <div className="nodedc-settings-helper-card-header flex items-center gap-x-3 px-6 py-3 text-11 font-medium uppercase">
                  <Monitor className="h-3 w-3" />
-                  Web
+                  Веб
                </div>
-                <div className="flex flex-col gap-y-4 bg-layer-1 px-6 py-4">
+                <div className="flex flex-col gap-y-4 px-6 py-4">
                  {GOOGLE_SERVICE_DETAILS.map((field) => (
                    <CopyField key={field.key} label={field.label} url={field.url} description={field.description} />
                  ))}
@@ -43,14 +43,14 @@ const InstanceGoogleAuthenticationPage = observer(function InstanceGoogleAuthent
    const updateConfigPromise = updateInstanceConfigurations(payload);

    setPromiseToast(updateConfigPromise, {
-      loading: "Saving Configuration",
+      loading: "Сохранение конфигурации",
      success: {
-        title: "Configuration saved",
-        message: () => `Google authentication is now ${value === "1" ? "active" : "disabled"}.`,
+        title: "Конфигурация сохранена",
+        message: () => `Вход через Google ${value === "1" ? "включен" : "отключен"}.`,
      },
      error: {
-        title: "Error",
-        message: () => "Failed to save configuration",
+        title: "Ошибка",
+        message: () => "Не удалось сохранить конфигурацию",
      },
    });

@@ -68,8 +68,7 @@ const InstanceGoogleAuthenticationPage = observer(function InstanceGoogleAuthent
      customHeader={
        <AuthenticationMethodCard
          name="Google"
-          description="Allow members to login or sign up to plane with their Google
-            accounts."
+          description="Вход и регистрация пользователей через аккаунты Google."
          icon={<img src={GoogleLogo} height={24} width={24} alt="Google Logo" />}
          config={
            <ToggleSwitch
@@ -105,6 +104,6 @@ const InstanceGoogleAuthenticationPage = observer(function InstanceGoogleAuthent
  );
 });

-export const meta: Route.MetaFunction = () => [{ title: "Google Authentication - God Mode" }];
+export const meta: Route.MetaFunction = () => [{ title: "Google OAuth - NODE.DC" }];

 export default InstanceGoogleAuthenticationPage;
@@ -55,9 +55,8 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
          if (!canDisable) {
            setToast({
              type: TOAST_TYPE.ERROR,
-              title: "Cannot disable authentication",
-              message:
-                "At least one authentication method must remain enabled. Please enable another method before disabling this one.",
+              title: "Нельзя отключить вход",
+              message: "Должен остаться хотя бы один способ входа. Сначала включите другой способ аутентификации.",
            });
            return;
          }
@@ -74,14 +73,14 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
      const updateConfigPromise = updateInstanceConfigurations(payload);

      setPromiseToast(updateConfigPromise, {
-        loading: "Saving configuration",
+        loading: "Сохранение конфигурации",
        success: {
-          title: "Success",
-          message: () => "Configuration saved successfully",
+          title: "Сохранено",
+          message: () => "Конфигурация обновлена",
        },
        error: {
-          title: "Error",
-          message: () => "Failed to save configuration",
+          title: "Ошибка",
+          message: () => "Не удалось сохранить конфигурацию",
        },
      });

@@ -111,8 +110,8 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
  return (
    <PageWrapper
      header={{
-        title: "Manage authentication modes for your instance",
-        description: "Configure authentication modes for your team and restrict sign-ups to be invite only.",
+        title: "Способы входа в инстанс",
+        description: "Настройте email, пароль, OAuth-провайдеры и правила регистрации пользователей.",
      }}
    >
      {formattedConfig ? (
@@ -120,9 +119,9 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
          <div className={cn("flex w-full items-center gap-14 rounded-sm")}>
            <div className="flex grow items-center gap-4">
              <div className="grow">
-                <div className="pb-1 text-16 font-medium">Allow anyone to sign up even without an invite</div>
+                <div className="pb-1 text-16 font-medium">Разрешить регистрацию без приглашения</div>
                <div className={cn("text-11 leading-5 font-regular text-tertiary")}>
-                  Toggling this off will only let users sign up when they are invited.
+                  Если выключить, новые пользователи смогут зарегистрироваться только по приглашению.
                </div>
              </div>
            </div>
@@ -143,7 +142,7 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
              </div>
            </div>
          </div>
-          <div className="text-lg pt-6 font-medium">Available authentication modes</div>
+          <div className="text-lg pt-6 font-medium">Доступные способы входа</div>
          {authenticationModes.map((method) => (
            <AuthenticationMethodCard
              key={method.key}
@@ -169,6 +168,6 @@ const InstanceAuthenticationPage = observer(function InstanceAuthenticationPage(
  );
 });

-export const meta: Route.MetaFunction = () => [{ title: "Authentication Settings - Plane Web" }];
+export const meta: Route.MetaFunction = () => [{ title: "Аутентификация - NODE.DC" }];

 export default InstanceAuthenticationPage;