docs(FR-2542): update date selection UI in statistics documentation

packages/backend.ai-webui-docs/src/en/statistics/statistics.md

@@ -1,39 +1,69 @@
 # Statistics Page
 
-## Allocation history
+## Allocation History
 
 On the Statistics page, under the Allocation History tab, you can check simple statistics related to the use of
-compute sessions via a graph. You can check the statistics for a day or a week by selecting the usage period
-from the select period menu on the upper left. Displayed items are as follows.
+compute sessions via graphs. You can select the display period using the **Period** dropdown at the upper left.
+The available options are **1 Day** and **1 Week**. You can also click the refresh button next to the dropdown
+to reload the statistics data. The displayed items are as follows.
 
 - Sessions: The number of compute sessions created.
 - CPU: The number of CPU cores allocated to the compute sessions.
 - Memory: The amount of memory allocated to the compute sessions.
 - GPU: The number of GPU units allocated to the compute sessions.
-  If the Fractional GPU feature is enabled, it may not match the physics GPU.
+  If the fractional GPU (fGPU) feature is enabled, it may not match the physical GPU.
 - IO-Read: The amount of data read from the storage.
 - IO-Write: The amount of data written to the storage.
 
-Note that the statistics shown here are based on terminated compute sessions.
-Also, one week statistics may not be shown for the users whose account is created no
-longer than a week.
+:::note
+The statistics shown here are based on terminated compute sessions.
+Also, one week statistics may not be shown for users whose account was created less than a week ago.
+:::
+
+:::info
+IO-Read and IO-Write graphs may not appear depending on the backend configuration.
+:::
 
 ![](../images/usage_panel.png)
 
-## User session history
+## User Session History
+
+:::note
+The User Session History tab is only available when the backend supports user metrics.
+If you do not see this tab, contact your administrator.
+:::
+
+In the User Session History tab of the Statistics page, you can view statistics on various resources used by
+sessions through graphs. You can select a custom date and time range using the date range picker at the upper
+left. The date range picker also provides the following preset options for quick selection:
+
+- **Today**
+- **Last 1 Hour**
+- **Last 3 Hours**
+- **Last 12 Hours**
+- **Last 1 Day**
+- **Last 7 Days**
 
-In the User Session History tab of the Statistics page, users can view statistics on various resources used by sessions through graphs.
-Users can check the statistics for a selected period using the Select Period menu at the upper left. The displayed items are as follows.
+You can also click the refresh button next to the date range picker to reload the statistics data.
+
+:::warning
+If the selected date range exceeds 30 days, data for some dates may not be available when usage is low.
+Try again with a shorter date range if you encounter missing data.
+:::
+
+The metric graphs displayed are dynamically determined by the backend based on the resources available in
+your environment. Common metrics include:
 
 - CPU Util: The amount of CPU time used by the sessions.
 - Memory: The amount of memory used by the sessions.
 - Net Rx: The rate at which the container is receiving network data.
 - Net Tx: The rate at which the container is sending network data.
-- IO Read: The amount of data read from the storage by the sessions.
-- IO Write: The amount of data written to the storage by the sessions.
 
-In addition, depending on the available resources, additional items such as CUDA-capable GPU Util and CUDA-capable GPU Mem may be displayed.
+Depending on the available resources, additional metrics such as GPU Util and GPU Mem may also be displayed.
+
+The metric graph cards can be rearranged and resized by dragging, allowing you to customize the layout to
+your preference.
 
 More detailed statistics are shown in the admin-only Control-Panel.
 
-![](../images/user_session_history.png)
+![](../images/user_session_history.png)

packages/backend.ai-webui-docs/src/ja/statistics/statistics.md

@@ -1,36 +1,70 @@
 # 統計ページ
 
-## Allocation history
+## 割り当て履歴
 
-On the 統計 page, under the Allocation History tab, you can check simple statistics related to the use of
-compute sessions via a graph. You can check the statistics for a day or a week by selecting the usage period
-from the select period menu on the upper left. Displayed items are as follows.
+統計ページの割り当て履歴タブでは、コンピュートセッションの使用に関する簡単な統計をグラフで
+確認できます。左上の**期間**ドロップダウンを使用して、表示期間を選択できます。選択可能な
+オプションは**1日**と**1週間**です。ドロップダウンの横にある更新ボタンをクリックして、
+統計データを再読み込みすることもできます。表示される項目は以下のとおりです。
 
 - セッション: 作成されたコンピュートセッションの数。
 - CPU: コンピュートセッションに割り当てられたCPUコアの数。
 - メモリ: コンピュートセッションに割り当てられたメモリの量。
-- GPU: コンピュートセッションに割り当てられたGPUユニットの数。Fractional GPU機能が有効になっている場合、物理的なGPUと一致しないことがあります。
+- GPU: コンピュートセッションに割り当てられたGPUユニットの数。フラクショナルGPU（fGPU）
+  機能が有効になっている場合、物理的なGPUと一致しないことがあります。
 - IO-Read: ストレージから読み取られたデータの量。
 - IO-Write: ストレージに書き込まれたデータの量。
 
-ここに表示されている統計は、終了したコンピュートセッションに基づいていることに注意してください。また、アカウントが作成されてから1週間以内のユーザーについては、1週間の統計が表示されない場合があります。
+:::note
+ここに表示されている統計は、終了したコンピュートセッションに基づいています。
+また、アカウントが作成されてから1週間以内のユーザーについては、1週間の統計が表示されない場合があります。
+:::
+
+:::info
+IO-ReadおよびIO-Writeグラフは、バックエンドの構成によっては表示されない場合があります。
+:::
 
 ![](../images/usage_panel.png)
 
-## User session history
+## ユーザーセッション履歴
+
+:::note
+ユーザーセッション履歴タブは、バックエンドがユーザーメトリクス機能をサポートしている場合にのみ
+利用可能です。このタブが表示されない場合は、管理者にお問い合わせください。
+:::
+
+統計ページのユーザーセッション履歴タブでは、セッションが使用したさまざまなリソースに関する
+統計をグラフで確認できます。左上の日付範囲ピッカーを使用して、任意の日付と時間の範囲を指定
+できます。日付範囲ピッカーには、素早く選択するための以下のプリセットオプションも用意されて
+います:
+
+- **今日**
+- **最後の1時間**
+- **最後の3時間**
+- **過去12時間**
+- **最後の1日**
+- **過去7日間**
+
+日付範囲ピッカーの横にある更新ボタンをクリックして、統計データを再読み込みすることもできます。
+
+:::warning
+選択した日付範囲が30日を超えると、使用量が少ない場合に一部の日付のデータが利用できないことが
+あります。データが欠落している場合は、より短い日付範囲で再試行してください。
+:::
+
+表示されるメトリクスグラフは、ご利用環境で利用可能なリソースに基づいてバックエンドによって
+動的に決定されます。一般的に表示されるメトリクスは以下のとおりです:
 
-In the User Session History tab of the 統計 page, ユーザーs can view statistics on various resources used by sessions through graphs.
-Users can check the statistics for a selected period using the Select Period menu at the upper left. The displayed items are as follows.
+- CPU Util: セッションが使用したCPU時間の量。
+- Memory: セッションが使用したメモリの量。
+- Net Rx: コンテナがネットワークデータを受信している速度。
+- Net Tx: コンテナがネットワークデータを送信している速度。
 
-- CPU Util: The amount of CPU time used by the sessions.
-- Memory: The amount of memory used by the sessions.
-- Net Rx: The rate at which the container is receiving network data.
-- Net Tx: The rate at which the container is sending network data.
-- IO Read: The amount of data read from the storage by the sessions.
-- IO Write: The amount of data written to the storage by the sessions.
+利用可能なリソースに応じて、GPU UtilやGPU Memなどの追加メトリクスが表示される場合もあります。
 
-In addition, depending on the available resources, additional items such as CUDA-capable GPU Util and CUDA-capable GPU Mem may be displayed.
+メトリクスグラフカードはドラッグして並べ替えたりサイズを変更したりできるため、お好みの
+レイアウトにカスタマイズできます。
 
 より詳細な統計情報は、管理者専用のコントロールパネルに表示されます。
 
-![](../images/user_session_history.png)
+![](../images/user_session_history.png)

packages/backend.ai-webui-docs/src/ko/statistics/statistics.md

@@ -2,32 +2,69 @@
 
 ## 할당 기록
 
-통계 페이지의 할당 기록 탭에서는 연산 세션 사용과 관련된 간단한 통계를 그래프로 확인할 수 있습니다. 좌측 상단의 기간 선택 메뉴에서 이용 기간을 선택하여 하루 또는 일주일 동안의 통계를 확인할 수 있습니다. 표시되는 항목은 다음과 같습니다.
+통계 페이지의 할당 기록 탭에서는 연산 세션 사용과 관련된 간단한 통계를 그래프로 확인할 수 있습니다.
+좌측 상단의 **기간** 드롭다운을 사용하여 표시 기간을 선택할 수 있습니다. 사용 가능한 옵션은
+**1일**과 **1주**입니다. 드롭다운 옆의 새로고침 버튼을 클릭하여 통계 데이터를 다시 불러올 수도
+있습니다. 표시되는 항목은 다음과 같습니다.
 
 - 세션 (Sessions): 생성된 연산 세션의 수입니다.
 - CPU: 연산 세션이 생성되면서 할당한 CPU 코어의 수입니다.
 - Memory: 연산 세션이 생성되면서 할당한 메모리의 양입니다.
-- GPU: 연산 세션이 생성되면서 할당한 GPU 단위의 수입니다. Fractional GPU 기능이 작동하고 있을 경우, 물리 GPU 와 일치하지 않을 수 있습니다.
+- GPU: 연산 세션이 생성되면서 할당한 GPU 단위의 수입니다. 분할 GPU(fGPU) 기능이 작동하고
+  있을 경우, 물리 GPU와 일치하지 않을 수 있습니다.
 - IO-Read: 스토리지로부터 읽은 데이터의 양입니다.
 - IO-Write: 스토리지에 기록된 데이터의 양입니다.
 
-여기에 나타나는 통계는 종료된 연산 세션을 기준으로 합니다. 또한, 가입 일주일 미만의 사용자에게는 주간 통계 조회 메뉴가 출력되지 않을 수 있습니다.
+:::note
+여기에 나타나는 통계는 종료된 연산 세션을 기준으로 합니다.
+또한, 가입 일주일 미만의 사용자에게는 주간 통계가 표시되지 않을 수 있습니다.
+:::
+
+:::info
+IO-Read 및 IO-Write 그래프는 백엔드 구성에 따라 표시되지 않을 수 있습니다.
+:::
 
 ![](../images/usage_panel.png)
 
 ## 사용자 세션 기록
 
-통계페이지의 사용자 세션 기록 탭에서는 세션이 사용한 다양한 자원에 대한 통계를 그래프로 확인할 수 있습니다.좌측 상단의 기간 선택 메뉴를 통해 선택한 기간 동안의 통계를 확인할 수 있습니다. 표시되는 항목은 다음과 같습니다.
+:::note
+사용자 세션 기록 탭은 백엔드에서 사용자 메트릭 기능을 지원하는 경우에만 사용할 수 있습니다.
+이 탭이 표시되지 않는 경우, 관리자에게 문의하세요.
+:::
+
+통계 페이지의 사용자 세션 기록 탭에서는 세션이 사용한 다양한 자원에 대한 통계를 그래프로
+확인할 수 있습니다. 좌측 상단의 날짜 범위 선택기를 사용하여 원하는 날짜 및 시간 범위를
+직접 지정할 수 있습니다. 날짜 범위 선택기에는 빠른 선택을 위한 다음과 같은 프리셋 옵션도
+제공됩니다:
+
+- **오늘**
+- **최근 1시간**
+- **최근 3시간**
+- **최근 12시간**
+- **최근 1일**
+- **최근 7일**
+
+날짜 범위 선택기 옆의 새로고침 버튼을 클릭하여 통계 데이터를 다시 불러올 수도 있습니다.
+
+:::warning
+선택한 날짜 범위가 30일을 초과하면, 누적 사용량이 많지 않은 경우 일부 날짜의 데이터가
+표시되지 않을 수 있습니다. 데이터가 누락되는 경우 더 짧은 기간으로 다시 시도해 주세요.
+:::
+
+표시되는 메트릭 그래프는 사용 환경에서 제공되는 자원에 따라 백엔드에서 동적으로 결정됩니다.
+일반적으로 표시되는 메트릭은 다음과 같습니다:
 
 - CPU Util: 세션이 사용한 CPU 시간입니다.
 - Memory: 세션이 사용한 메모리의 양입니다.
 - Net Rx: 컨테이너가 수신하고 있는 네트워크 데이터의 속도입니다.
 - Net Tx: 컨테이너가 전송하고 있는 네트워크 데이터의 속도입니다.
-- IO Read: 세션에 의해 스토리지로부터 읽은 데이터의 양입니다.
-- IO Write: 세션에 의해 스토리지로부터 기록된 데이터의 양입니다.
 
-사용가능한 자원에 따라 CUDA-capable GPU Util, CUDA-capable GPU Mem 와 같은 값들도 보여집니다.
+사용 가능한 자원에 따라 GPU Util, GPU Mem 등의 추가 메트릭이 표시될 수도 있습니다.
+
+메트릭 그래프 카드는 드래그하여 재배치하거나 크기를 조절할 수 있어, 원하는 레이아웃으로
+커스터마이즈할 수 있습니다.
 
 보다 자세한 통계 기능은 관리자 전용 Control-Panel에서 제공합니다.
 
-![](../images/user_session_history.png)
+![](../images/user_session_history.png)