Skip to content

Commit db98be4

Browse files
committed
docs(FR-2539): update copy button location in my_environments documentation (#6577)
Resolves #6683 (FR-2539) ## Summary - Update My Environments documentation to reflect the current table columns (added Runtime, Created Date columns) - Document the search and filter functionality and the **Refresh** button - Fix the copy button location description (moved from end of row to image name cell) - Apply reviewer fixes ## Changes - `my_environments/my_environments.md` (en/ko/ja/th): current table columns, search/filter, refresh button, corrected copy button location ## Test plan - [ ] Verify table column list matches the current My Environments page - [ ] Verify copy button location description is accurate 🤖 Generated with [Claude Code](https://claude.com/claude-code)
1 parent 37f6b0b commit db98be4

4 files changed

Lines changed: 188 additions & 48 deletions

File tree

Lines changed: 49 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,62 @@
1+
<a id="my-environments"></a>
2+
13
# My Environments
24

3-
From 24.03, a new \"My Environments\" page for users has been introduced.
4-
This page displays contents such as a list of images created by the user's
5+
Starting from version 24.03, the My Environments page allows you to manage
6+
customized images created through
57
[session commits](#save-session-commit).
68

7-
On the Images tab of the My Environments page, users can manage customized
8-
images used in creating compute sessions. This tab displays metadata information
9-
of images converted from computational sessions to images. User can view details
10-
such as the registry, architecture, namespace, language, version, base,
11-
constraint, digest, and other information for each image.
9+
On the Images tab, you can view and manage images that were converted from
10+
compute sessions. The table displays the following metadata for each image:
1211

12+
- **Full image path**: The complete image path, with a copy icon to quickly
13+
copy it to your clipboard
14+
- **Registry**: The container registry where the image is stored
15+
- **Architecture**: The CPU architecture of the image
16+
- **Namespace**: The namespace the image belongs to
17+
- **Base Image Name**: The name of the base image
18+
- **Version**: The version identifier of the image
19+
- **Tags**: Labels associated with the image
20+
- **Digest**: The unique content hash of the image
21+
- **Control**: Contains the delete button for removing the image
1322

14-
<a id="delete-customized-image"></a>
23+
![](../images/my_environments.png)
1524

16-
To delete an image, click on the red trash button in the control column.
17-
After deletion, you will not be able to create a new session using that image.
25+
## Searching and Refreshing the Image List
1826

19-
![](../images/my_environments.png)
27+
You can filter the image list by typing a keyword in the search bar at the top
28+
of the table. The list updates in real time as you type, showing only the
29+
images that match your search term.
30+
31+
To refresh the image list, click the reload button next to the search bar.
32+
33+
## Copying the Image Path
34+
35+
You can copy the full image path and use it to create a session with a manual
36+
image name.
2037

21-
You can also copy the my environment image and create session with manual image.
22-
Click 'Copy' button in the control column, and go to sessions page and create a session.
23-
Fill the input of manual image by pasting the image that you copied.
38+
1. Click the copy icon next to the image name in the **Full image path** column
39+
to copy it to your clipboard
40+
2. Navigate to the Sessions page and start creating a new session
41+
3. Paste the copied image path into the manual image input field
2442

2543
![](../images/copy_image_name_manual.png)
2644

27-
If you want to hide or show the certain columns, click the gear icon at the
28-
bottom right of the table. Then you can see below dialog to select the columns
29-
you want to see.
45+
<a id="delete-customized-image"></a>
46+
47+
## Deleting a Customized Image
48+
49+
To delete an image, click the red trash icon in the **Control** column.
50+
51+
:::warning
52+
Deleting an image is irreversible. After deletion, you will not be able to
53+
create a new session using that image.
54+
:::
55+
56+
## Customizing Table Columns
57+
58+
If you want to hide or show certain columns, click the gear icon at the
59+
bottom right of the table. A dialog appears where you can select which
60+
columns to display.
3061

31-
![](../images/table_setting.png)
62+
![](../images/table_setting.png)

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

Lines changed: 47 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,60 @@
22

33
# マイ環境
44

5-
From 24.03, a new \"マイ環境\" page for ユーザーs has been introduced.
6-
This page displays contents such as a list of images created by the ユーザー's
7-
[session commits](#save-session-commit).
5+
24.03バージョンから、マイ環境ページで
6+
[セッションコミット](#save-session-commit)を通じて作成された
7+
カスタマイズイメージを管理できます。
8+
9+
イメージタブでは、コンピュートセッションから変換されたイメージを表示・管理
10+
できます。テーブルには各イメージに関する以下のメタデータが表示されます:
11+
12+
- **フルイメージパス(Full image path)**: イメージの完全なパスで、コピー
13+
アイコンをクリックしてクリップボードにすばやくコピーできます
14+
- **レジストリ**: イメージが保存されているコンテナレジストリ
15+
- **アーキテクチャ**: イメージのCPUアーキテクチャ
16+
- **名前空間**: イメージが属する名前空間
17+
- **ベースイメージ名(Base Image Name)**: ベースイメージの名前
18+
- **バージョン**: イメージのバージョン識別子
19+
- **タグ**: イメージに関連付けられたラベル
20+
- **ダイジェスト**: イメージの一意のコンテンツハッシュ
21+
- **コントロール**: イメージを削除するための削除ボタンが含まれています
822

9-
マイ環境ページのImagesタブでは、ユーザーはコンピュートセッションの作成に使用されるカスタマイズされたイメージを管理できます。このタブには、計算セッションからイメージに変換されたイメージのメタデータ情報が表示されます。ユーザーは、各イメージのレジストリ、アーキテクチャ、ネームスペース、言語、バージョン、ベース、制約、ダイジェスト、その他の情報を確認できます。
23+
![](../images/my_environments.png)
1024

25+
## イメージリストの検索と更新
1126

12-
<a id="delete-customized-image"></a>
27+
テーブル上部の検索バーにキーワードを入力して、イメージリストをフィルタリング
28+
できます。入力に応じてリアルタイムでリストが更新され、検索条件に一致する
29+
イメージのみが表示されます。
1330

14-
イメージを削除するには、コントロール列の赤いゴミ箱ボタンをクリックします。削除後は、そのイメージを使用して新しいセッションを作成することはできません。
31+
イメージリストを更新するには、検索バーの横にあるリロードボタンをクリック
32+
します。
1533

16-
![](../images/my_environments.png)
34+
## イメージパスのコピー
1735

18-
マイ環境イメージをコピーし、手動イメージでセッションを作成することもできます。コントロール列の「コピー」ボタンをクリックし、セッションページに移動してセッションを作成します。コピーしたイメージを貼り付けて手動イメージの入力欄に記入します。
36+
完全なイメージパスをコピーして、手動イメージ名でセッションを作成できます。
37+
38+
1. **フルイメージパス(Full image path)**列のイメージ名の横にあるコピーアイコンをクリックして、
39+
クリップボードにコピーします
40+
2. セッションページに移動して、新しいセッションの作成を開始します
41+
3. コピーしたイメージパスを手動イメージの入力欄に貼り付けます
1942

2043
![](../images/copy_image_name_manual.png)
2144

22-
特定の列を非表示にしたり表示したりしたい場合は、テーブルの右下にある歯車アイコンをクリックしてください。すると、以下のダイアログが表示され、表示したい列を選択することができます。
45+
<a id="delete-customized-image"></a>
46+
47+
## カスタマイズイメージの削除
48+
49+
イメージを削除するには、**コントロール**列の赤いゴミ箱アイコンをクリックします。
50+
51+
:::warning
52+
イメージの削除は元に戻すことができません。削除後は、そのイメージを使用して
53+
新しいセッションを作成することはできません。
54+
:::
55+
56+
## テーブル列のカスタマイズ
57+
58+
特定の列を非表示にしたり表示したりするには、テーブルの右下にある歯車アイコン
59+
をクリックしてください。表示する列を選択できるダイアログが表示されます。
2360

24-
![](../images/table_setting.png)
61+
![](../images/table_setting.png)

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

Lines changed: 45 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,58 @@
22

33
# 나의 실행 환경
44

5-
24.03 버전부터 사용자를 위한 새로운 "나의 실행 환경" 페이지가 도입되었습니다.
6-
이 페이지에서는 사용자의
7-
[세션 커밋](#save-session-commit)으로
8-
생성된 이미지 목록 등의 내용을 확인할 수 있습니다.
5+
24.03 버전부터 나의 실행 환경 페이지에서
6+
[세션 커밋](#save-session-commit)을 통해 생성된
7+
사용자 정의 이미지를 관리할 수 있습니다.
8+
9+
이미지 탭에서는 연산 세션으로부터 변환된 이미지를 조회하고 관리할 수 있습니다.
10+
테이블에는 각 이미지에 대한 다음과 같은 메타데이터가 표시됩니다:
11+
12+
- **전체 이미지 경로**: 이미지의 전체 경로이며, 복사 아이콘을 클릭하여 클립보드에
13+
빠르게 복사할 수 있습니다.
14+
- **레지스트리**: 이미지가 저장된 컨테이너 레지스트리.
15+
- **아키텍처**: 이미지의 CPU 아키텍처.
16+
- **네임스페이스**: 이미지가 속한 네임스페이스.
17+
- **기본 이미지 이름**: 기본 이미지의 이름.
18+
- **버전**: 이미지의 버전 식별자.
19+
- **태그**: 이미지에 연결된 레이블.
20+
- **Digest**: 이미지의 고유 콘텐츠 해시.
21+
- **제어**: 이미지를 삭제할 수 있는 삭제 버튼이 포함되어 있습니다.
922

10-
나의 실행 환경 페이지의 이미지 탭에서 사용자는 연산 세션 생성에 사용되는 사용자 정의 이미지를 관리할 수 있습니다. 이 탭은 연산 세션으로부터 변환된 이미지들의 메타 정보가 표시됩니다. 각 이미지에 대한 레지스트리, 아키텍쳐, 네임 스페이스, 언어, 버전, 기반, 제약, digest 등의 정보를 확인할 수 있습니다.
23+
![](../images/my_environments.png)
1124

12-
<a id="delete-customized-image"></a>
25+
## 이미지 목록 검색 및 새로고침
1326

14-
이미지를 삭제하고 싶다면 제어 열의 빨간색 휴지통 버튼을 클릭합니다. 삭제 후에는 해당 이미지로 새로운 세션을 생성할 수 없습니다.
27+
테이블 상단의 검색 바에 키워드를 입력하여 이미지 목록을 필터링할 수 있습니다.
28+
입력하는 즉시 검색어와 일치하는 이미지만 표시됩니다.
1529

16-
![](../images/my_environments.png)
30+
이미지 목록을 새로고침하려면 검색 바 옆의 새로고침 버튼을 클릭합니다.
1731

18-
사용자 정의 이미지를 복사해서 세션을 생성할 수도 있습니다. 제어 열의 '복사' 버튼을 클릭한 뒤, 세션 페이지로 이동해서 세션을 생성합니다. 방금 복사한 이미지를 직접 입력하는 이미지의 입력으로 붙여넣기 하면 됩니다.
32+
## 이미지 경로 복사
33+
34+
전체 이미지 경로를 복사하여 수동 이미지 이름으로 세션을 생성할 수 있습니다.
35+
36+
1. **전체 이미지 경로** 열의 이미지 이름 옆에 있는 복사 아이콘을 클릭하여
37+
클립보드에 복사합니다.
38+
2. 세션 페이지로 이동하여 새 세션 생성을 시작합니다.
39+
3. 복사한 이미지 경로를 수동 이미지 입력 필드에 붙여넣습니다.
1940

2041
![](../images/copy_image_name_manual.png)
2142

22-
특정 열을 숨기거나 보이게 하려면, 테이블 우측 하단의 기어 아이콘을 클릭합니다. 그러면 아래와 같은 다이얼로그가 나타나며, 보고 싶은 열을 선택할 수 있습니다.
43+
<a id="delete-customized-image"></a>
44+
45+
## 사용자 정의 이미지 삭제
46+
47+
이미지를 삭제하려면 **제어** 열의 빨간색 휴지통 아이콘을 클릭합니다.
48+
49+
:::warning
50+
이미지 삭제는 되돌릴 수 없습니다. 삭제 후에는 해당 이미지로 새로운 세션을
51+
생성할 수 없습니다.
52+
:::
53+
54+
## 테이블 열 사용자 정의
55+
56+
특정 열을 숨기거나 보이게 하려면, 테이블 우측 하단의 기어 아이콘을 클릭합니다.
57+
표시할 열을 선택할 수 있는 다이얼로그가 나타납니다.
2358

2459
![](../images/table_setting.png)

packages/backend.ai-webui-docs/src/th/my_environments/my_environments.md

Lines changed: 47 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,60 @@
22

33
# สภาพแวดล้อมของฉัน
44

5-
From 24.03, a new \"สภาพแวดล้อมของฉัน\" page for ผู้ใช้s has been introduced.
6-
This page displays contents such as a list of images created by the ผู้ใช้'s
7-
[session commits](#save-session-commit).
5+
ตั้งแต่เวอร์ชัน 24.03 หน้าสภาพแวดล้อมของฉันช่วยให้คุณสามารถจัดการ
6+
อิมเมจที่กำหนดเองซึ่งสร้างขึ้นผ่าน
7+
[เซสชันคอมมิต](#save-session-commit)
8+
9+
ในแท็บอิมเมจ คุณสามารถดูและจัดการอิมเมจที่แปลงจากเซสชันการคำนวณได้
10+
ตารางจะแสดงข้อมูลเมตาดาต้าต่อไปนี้สำหรับแต่ละอิมเมจ:
11+
12+
- **เส้นทางภาพเต็ม**: เส้นทางอิมเมจแบบเต็ม พร้อมไอคอนคัดลอกสำหรับ
13+
คัดลอกไปยังคลิปบอร์ดอย่างรวดเร็ว
14+
- **ทะเบียน**: คอนเทนเนอร์รีจิสทรีที่จัดเก็บอิมเมจ
15+
- **สถาปัตยกรรม**: สถาปัตยกรรม CPU ของอิมเมจ
16+
- **เนมสเปซ**: เนมสเปซที่อิมเมจสังกัด
17+
- **ชื่อภาพฐาน**: ชื่อของภาพฐาน
18+
- **เวอร์ชัน**: ตัวระบุเวอร์ชันของอิมเมจ
19+
- **แท็ก**: ป้ายกำกับที่เชื่อมโยงกับอิมเมจ
20+
- **ไดเจสต์**: แฮชเนื้อหาเฉพาะของอิมเมจ
21+
- **ควบคุม**: ประกอบด้วยปุ่มลบสำหรับลบอิมเมจ
822

9-
ในแท็บภาพของหน้าสิ่งแวดล้อมของฉัน ผู้ใช้สามารถจัดการภาพที่กำหนดเองซึ่งใช้ในการสร้างเซสชันการคำนวณ แท็บนี้จะแสดงข้อมูลเมตาดาต้าของภาพที่แปลงจากเซสชันการคำนวณเป็นภาพ ผู้ใช้สามารถดูรายละเอียด เช่น รีจิสตรี สถาปัตยกรรม เนมสเปซ ภาษา เวอร์ชัน เบส ข้อจำกัด ดิจสต์ และข้อมูลอื่น ๆ สำหรับแต่ละภาพ
23+
![](../images/my_environments.png)
1024

25+
## การค้นหาและรีเฟรชรายการอิมเมจ
1126

12-
<a id="delete-customized-image"></a>
27+
คุณสามารถกรองรายการอิมเมจได้โดยพิมพ์คำค้นหาในแถบค้นหาที่ด้านบนของตาราง
28+
รายการจะอัปเดตแบบเรียลไทม์ขณะที่คุณพิมพ์ โดยแสดงเฉพาะอิมเมจที่ตรงกับ
29+
คำค้นหาของคุณ
1330

14-
ในการลบภาพ ให้คลิกที่ปุ่มถังขยะสีแดงในคอลัมน์ควบคุม หลังจากที่ทำการลบแล้ว คุณจะไม่สามารถสร้างเซสชันใหม่โดยใช้ภาพนั้นได้
31+
หากต้องการรีเฟรชรายการอิมเมจ ให้คลิกปุ่มรีโหลดที่อยู่ข้างแถบค้นหา
1532

16-
![](../images/my_environments.png)
33+
## การคัดลอกเส้นทางอิมเมจ
1734

18-
คุณยังสามารถคัดลอกภาพสภาพแวดล้อมของฉันและสร้างเซสชันด้วยภาพแบบแมนนวล คลิกปุ่ม 'คัดลอก' ในคอลัมน์ควบคุม จากนั้นไปที่หน้าของเซสชันและสร้างเซสชัน กรอกข้อมูลในภาพแบบแมนนวลโดยการวางภาพที่คุณคัดลอกไว้
35+
คุณสามารถคัดลอกเส้นทางอิมเมจแบบเต็มและใช้สร้างเซสชันด้วยชื่ออิมเมจ
36+
แบบแมนนวลได้
37+
38+
1. คลิกไอคอนคัดลอกข้างชื่ออิมเมจในคอลัมน์ **เส้นทางภาพเต็ม** เพื่อคัดลอก
39+
ไปยังคลิปบอร์ด
40+
2. ไปที่หน้าเซสชันและเริ่มสร้างเซสชันใหม่
41+
3. วางเส้นทางอิมเมจที่คัดลอกไว้ในช่องป้อนอิมเมจแบบแมนนวล
1942

2043
![](../images/copy_image_name_manual.png)
2144

22-
หากคุณต้องการซ่อนหรือแสดงคอลัมน์บางอย่าง ให้คลิกที่ไอคอนเฟืองที่มุมขวาล่างของตาราง จากนั้นคุณจะสามารถเห็นกล่องโต้ตอบด้านล่างเพื่อเลือกคอลัมน์ที่คุณต้องการเห็น
45+
<a id="delete-customized-image"></a>
46+
47+
## การลบอิมเมจที่กำหนดเอง
48+
49+
หากต้องการลบอิมเมจ ให้คลิกไอคอนถังขยะสีแดงในคอลัมน์ **ควบคุม**
50+
51+
:::warning
52+
การลบอิมเมจไม่สามารถย้อนกลับได้ หลังจากลบแล้ว คุณจะไม่สามารถสร้าง
53+
เซสชันใหม่โดยใช้อิมเมจนั้นได้
54+
:::
55+
56+
## การปรับแต่งคอลัมน์ตาราง
57+
58+
หากคุณต้องการซ่อนหรือแสดงคอลัมน์บางอย่าง ให้คลิกไอคอนเฟืองที่มุมขวาล่าง
59+
ของตาราง กล่องโต้ตอบจะปรากฏขึ้นเพื่อให้คุณเลือกคอลัมน์ที่ต้องการแสดง
2360

24-
![](../images/table_setting.png)
61+
![](../images/table_setting.png)

0 commit comments

Comments
 (0)