@things-factory/worklist 9.0.0-beta.8 → 9.0.0

package/helps/worklist/activity-instance-list-page.md

@@ -0,0 +1,90 @@
+# Activity Instance List 사용자 가이드
+
+## 개요
+
+Activity Instance List 페이지는 시스템에 등록된 모든 작업 인스턴스를 조회하고 관리할 수 있는 화면입니다. 이 페이지에서는 작업 인스턴스의 상태 확인, 마감 시간 모니터링, 일괄 중단 등의 작업을 수행할 수 있습니다.
+
+## 화면 구성
+
+Activity Instance List
+
+1. **상단 필터 영역**: 다양한 조건으로 작업 인스턴스를 필터링할 수 있습니다.
+2. **작업 목록 영역**: 작업 인스턴스의 목록을 표시합니다.
+3. **작업 도구 영역**: 선택한 작업 인스턴스에 대한 작업을 수행할 수 있는 버튼들이 위치합니다.
+
+## 주요 기능
+
+### 작업 인스턴스 목록 조회
+
+기본적으로 모든 작업 인스턴스가 목록에 표시됩니다. 목록은 다음과 같은 정보를 포함합니다:
+
+- **이름**: 작업 인스턴스의 이름
+- **설명**: 작업 인스턴스에 대한 설명
+- **우선순위**: 작업의 중요도(별 아이콘으로 표시)
+- **상태**: 현재 작업 인스턴스의 진행 상태
+- **마감까지 남은 시간**: 작업이 완료되어야 하는 시간까지 남은 기간
+- **발행자**: 작업을 시작한 사용자
+- **발행 시간**: 작업이 시작된 시간
+- **마감 시간**: 작업이 완료되어야 하는 시간
+- **시작 시간**: 작업이 실제로 시작된 시간
+- **종료 시간**: 작업이 종료된 시간
+
+### 작업 인스턴스 상태
+
+작업 인스턴스는 다음과 같은 상태를 가질 수 있습니다:
+
+- **Draft**: 초안 상태로, 아직 발행되지 않은 작업
+- **Issued**: 발행되었지만 아직 담당자가 할당되지 않은 작업
+- **Unassigned**: 담당자 할당 대기 중인 작업
+- **Assigned**: 담당자가 할당되었으나 아직 시작되지 않은 작업
+- **Started**: 담당자가 작업을 시작한 상태
+- **Pending**: 작업 중 특정 이벤트를 기다리고 있는 상태
+- **Ended**: 정상적으로 완료된 작업
+- **Aborted**: 중단된 작업
+
+### 필터링 및 검색
+
+1. **내가 발행한 작업만 보기**: 상단의 체크박스를 선택하여 자신이 발행한 작업 인스턴스만 표시할 수 있습니다.
+2. **필터 폼**: 상단의 필터 폼을 사용하여 다양한 조건(상태, 발행자, 날짜 등)으로 작업 인스턴스를 필터링할 수 있습니다.
+3. **검색**: 상단 검색창을 사용하여 작업 이름이나 설명 등의 텍스트를 검색할 수 있습니다.
+
+### 보기 모드
+
+화면은 다음 세 가지 보기 모드를 지원합니다:
+
+- **GRID**: 표 형태로 모든 정보를 상세하게 표시합니다(데스크톱 기본 모드).
+- **CARD**: 카드 형태로 작업 인스턴스를 표시합니다(모바일 기본 모드).
+- **LIST**: 간소화된 목록 형태로 표시합니다.
+
+### 마감 시간 모니터링
+
+진행 중인 작업(Issued, Assigned, Started, Pending 상태)의 경우 "마감까지 남은 시간" 열에서 실시간으로 업데이트되는 카운트다운을 확인할 수 있습니다. 이 타이머는 다음과 같이 표시됩니다:
+
+- **양수 값**: 마감 시간까지 남은 기간(예: "2일 3시간 45분")
+- **음수 값**: 마감 시간이 지난 경우(예: "- 1일 2시간 30분")
+
+타이머는 1분마다 자동으로 업데이트되며, 마감 시간이 가까워지면 시간대별로 다르게 표시됩니다.
+
+### 작업 인스턴스 중단
+
+여러 작업 인스턴스를 일괄적으로 중단하려면:
+
+1. 목록에서 중단하려는 작업 인스턴스를 선택합니다(여러 개 선택 가능).
+2. 상단의 "Abort" 버튼을 클릭합니다.
+3. 확인 메시지에서 "Abort"를 클릭하여 작업 중단을 확정합니다.
+
+> **참고**: 중단된 작업은 다시 시작할 수 없으며, 필요한 경우 새로운 작업 인스턴스를 생성해야 합니다.
+
+## 추가 기능
+
+### 개인화 설정
+
+화면 우측 상단의 설정 아이콘을 클릭하여 목록의 열 구성, 정렬 순서, 페이지당 표시 항목 수 등을 개인 설정할 수 있습니다. 설정한 내용은 자동으로 저장되어 다음 방문 시에도 유지됩니다.
+
+### 데이터 정렬
+
+각 열의 헤더를 클릭하여 해당 열을 기준으로 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 목록은 '발행 시간'을 기준으로 내림차순 정렬됩니다.
+
+### 작업 인스턴스 상세 보기
+
+목록에서 작업 인스턴스를 클릭하면 해당 작업의 상세 정보를 볼 수 있는 페이지로 이동합니다.

package/helps/worklist/activity-instance-search-page.md

@@ -0,0 +1,83 @@
+# Activity Instance Search 사용자 가이드
+
+## 개요
+
+Activity Instance Search 페이지는 특정 활동(Activity) 유형에 속하는 모든 작업 인스턴스를 검색하고 조회할 수 있는 화면입니다. 이 페이지에서는 활동별로 정의된 검색 키를 사용하여 작업 인스턴스를 필터링하고, 상세 내용을 확인할 수 있습니다.
+
+## 화면 구성
+
+Activity Instance Search
+
+1. **상단 필터 영역**: 다양한 조건으로 작업 인스턴스를 필터링할 수 있는 폼이 제공됩니다.
+2. **작업 목록 영역**: 검색 조건에 맞는 작업 인스턴스 목록을 표시합니다.
+3. **작업 도구 영역**: 선택한 작업에 대한 작업을 수행할 수 있는 버튼들이 위치합니다.
+
+## 주요 기능
+
+### 작업 인스턴스 검색
+
+선택한 활동 유형에 속하는 모든 작업 인스턴스가 목록에 표시됩니다. 목록은 다음과 같은 정보를 포함합니다:
+
+- **이름**: 작업 인스턴스의 이름
+- **설명**: 작업 인스턴스에 대한 설명
+- **상태**: 작업 인스턴스의 현재 상태
+- **검색 키**: 활동별로 정의된 사용자 지정 검색 필드(최대 5개)
+- **수정자**: 작업을 마지막으로 수정한 사용자
+- **수정 시간**: 작업이 마지막으로 수정된 시간
+
+### 사용자 정의 검색 키
+
+각 활동 유형마다 최대 5개까지의 사용자 정의 검색 키가 설정될 수 있습니다. 이 검색 키는 활동 설정에서 정의되며, 다음과 같은 속성을 갖습니다:
+
+- **이름**: 검색 키의 이름
+- **설명**: 검색 키에 대한 설명
+- **입력 키**: 작업 인스턴스의 입력 데이터 중 참조할 필드 경로
+- **번역 키**: 화면에 표시될 때 사용될 다국어 지원 키
+
+이 검색 키들은 목록에 별도의 열로 표시되어 해당 필드로 검색하거나 정렬할 수 있습니다.
+
+### 보기 모드
+
+화면은 다음 세 가지 보기 모드를 지원합니다:
+
+- **GRID**: 표 형태로 모든 정보를 상세하게 표시합니다(데스크톱 기본 모드).
+- **CARD**: 카드 형태로 작업을 표시합니다(모바일 기본 모드).
+- **LIST**: 간소화된 목록 형태로 표시합니다.
+
+### 작업 인스턴스 상세 보기
+
+목록에서 작업을 클릭하거나 보기 버튼을 클릭하면 해당 작업 인스턴스의 상세 정보를 볼 수 있는 팝업이 표시됩니다. 이 팝업에서는 다음과 같은 정보를 확인할 수 있습니다:
+
+1. 작업의 기본 정보(이름, 설명, 상태 등)
+2. 작업의 입력 데이터
+3. 작업의 출력 데이터(결과물)
+4. 작업의 진행 이력
+
+## 추가 기능
+
+### 필터링 및 검색
+
+상단의 필터 폼을 사용하여 다양한 조건으로 작업 인스턴스를 필터링할 수 있습니다:
+
+1. **일반 검색**: 이름, 설명 등의 일반 텍스트 필드 검색
+2. **상태 필터**: 특정 상태의 작업만 표시
+3. **검색 키 필터**: 활동별로 정의된 사용자 지정 검색 키를 사용한 필터링
+
+### 데이터 정렬
+
+각 열의 헤더를 클릭하여 해당 열을 기준으로 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 목록은 '생성 시간'을 기준으로 내림차순 정렬되어, 가장 최근에 생성된 작업이 상위에 표시됩니다.
+
+### 데이터 내보내기
+
+목록의 데이터는 다양한 형식(Excel, CSV 등)으로 내보낼 수 있습니다. 내보내기 시 다음과 같은 옵션을 설정할 수 있습니다:
+
+1. **선택한 항목만 내보내기**: 목록에서 선택한 작업 인스턴스만 내보내기
+2. **전체 항목 내보내기**: 현재 필터링된 모든 작업 인스턴스 내보내기
+3. **열 선택**: 내보낼 열(필드) 선택
+
+### 다중 선택 처리
+
+목록에서 여러 작업 인스턴스를 선택하여 일괄 처리할 수 있습니다. 체크박스를 통해 여러 항목을 선택한 후, 상단의 작업 버튼을 사용하여 다음과 같은 일괄 처리가 가능합니다:
+
+1. **일괄 내보내기**: 선택한 작업 인스턴스만 내보내기
+2. **일괄 상태 변경**: 선택한 작업 인스턴스의 상태 일괄 변경(관리자 권한 필요)

package/helps/worklist/activity-instance-start-page.md

@@ -0,0 +1,92 @@
+# Activity Instance Start 사용자 가이드
+
+## 개요
+
+Activity Instance Start 페이지는 새로운 작업 인스턴스를 시작하거나, 초안 상태의 작업 인스턴스를 편집하고 발행하는 화면입니다. 이 페이지에서는 작업에 필요한 데이터를 입력하고, 작업 흐름을 시작할 수 있습니다.
+
+## 화면 구성
+
+Activity Instance Start 페이지는 크게 다음과 같은 요소로 구성됩니다:
+
+1. **작업 정보 리본**: 작업 인스턴스의 기본 정보(이름, 설명, 상태 등)를 표시합니다.
+2. **작업 내용 영역**: 작업 유형에 따라 다양한 형태의 내용이 표시됩니다.
+3. **작업 버튼 영역**: 작업을 초안으로 저장하거나 발행할 수 있는 버튼이 제공됩니다.
+
+## 주요 기능
+
+### 작업 내용 입력
+
+작업 인스턴스의 UI 유형에 따라 다양한 형태의 내용 입력 방식이 제공됩니다:
+
+#### 1. 템플릿 기반 (uiType: 'template')
+
+HTML 템플릿을 기반으로 한 정적인 형태의 내용을 표시합니다. 템플릿 내에서 사용자 입력 요소를 포함할 수 있습니다.
+
+#### 2. 자동 생성 폼 (uiType: 'generated')
+
+활동 모델을 기반으로 자동으로 생성된 입력 폼이 표시됩니다. 다음과 같은 두 섹션으로 구분됩니다:
+
+- **Input**: 작업 시작에 필요한 입력 데이터 필드
+- **Output**: 작업 결과로 생성될 출력 데이터 필드
+
+각 필드는 활동 모델에서 정의된 유형(텍스트, 숫자, 날짜, 선택 등)에 따라 적절한 입력 컴포넌트로 표시됩니다.
+
+#### 3. 보드 뷰어 (uiType: 'board')
+
+보드 형태의 시각적 인터페이스를 통해 작업 내용을 표시합니다. 보드는 다양한 위젯과 컴포넌트를 포함할 수 있으며, 입력값과 출력값이 보드 내에 통합되어 표시됩니다.
+
+#### 4. 사용자 정의 요소 (uiType: 'custom-element')
+
+사용자 정의 웹 컴포넌트를 사용하여 완전히 맞춤화된 인터페이스를 제공합니다. 정의된 태그 이름에 따라 해당 컴포넌트가 로드되어 표시됩니다.
+
+### 작업 저장 및 발행
+
+페이지 상단의 버튼을 통해 다음과 같은 작업을 수행할 수 있습니다:
+
+1. **초안 저장 (Draft)**: 현재 작업 상태를 초안으로 저장합니다. 이후에 다시 수정할 수 있습니다.
+2. **발행 (Issue/Post)**: 작업을 발행하여 실제 업무 흐름을 시작합니다. 활동의 시작 유형에 따라 버튼 이름이 'Issue' 또는 'Post'로 표시됩니다.
+
+### 입력 및 출력 데이터 관리
+
+작업 인스턴스의 UI 유형에 따라 입력 및 출력 데이터가 다음과 같이 처리됩니다:
+
+- **템플릿**: 템플릿 내의 입력 요소를 통해 데이터가 수집됩니다.
+- **자동 생성 폼**: Input 및 Output 섹션의 폼을 통해 데이터가 관리됩니다.
+- **보드 뷰어**: 보드 내의 위젯과 컴포넌트를 통해 데이터가 관리됩니다.
+- **사용자 정의 요소**: 컴포넌트 내부 로직에 따라 데이터가 관리됩니다.
+
+작업 발행 시, 입력 데이터는 작업 인스턴스의 'input' 속성에, 출력 데이터는 'output' 속성에 저장됩니다.
+
+## 추가 기능
+
+### 활동 모델 기반 데이터 구조화
+
+활동에 정의된 모델에 따라 입력 및 출력 데이터의 구조가 결정됩니다. 각 필드는 다음과 같은 속성을 가질 수 있습니다:
+
+- **name**: 필드 이름
+- **description**: 필드 설명
+- **tag**: 데이터 태그(JSON 경로)
+- **inout**: 입력/출력 유형(in, out, inout)
+- **type**: 데이터 유형(string, number, date 등)
+- **unit**: 데이터 단위
+- **options**: 추가 옵션(선택 목록 등)
+- **quantifier**: 수량화 방식
+- **spec**: 추가 명세
+
+### 입출력 필드 연동
+
+'inout' 유형으로 정의된 필드는 입력과 출력이 연동됩니다. 입력 데이터를 변경하면 자동으로 출력 데이터도 함께 변경됩니다.
+
+### 승인 라인 관리
+
+작업 인스턴스에는 승인 라인이 설정될 수 있습니다. 승인 라인은 다음과 같은 속성을 갖습니다:
+
+- **type**: 승인자 유형(user, role, department 등)
+- **value**: 승인자 식별자
+- **approver**: 승인자 정보(이름, 설명 등)
+
+작업 발행 시 설정된 승인 라인에 따라 승인 프로세스가 진행됩니다.
+
+### 마감일 설정
+
+작업 인스턴스에는 마감일(dueAt)이 설정될 수 있습니다. 마감일은 작업이 완료되어야 하는 기한을 나타내며, 달력 컨트롤을 통해 설정할 수 있습니다.

package/helps/worklist/activity-thread-list-page.md

@@ -0,0 +1,87 @@
+# Activity Thread List 사용자 가이드
+
+## 개요
+
+Activity Thread List 페이지는 시스템에 등록된 모든 작업 스레드(Activity Thread)를 조회하고 관리할 수 있는 화면입니다. 작업 스레드는 작업 인스턴스의 세부 진행 단위로, 담당자별로 할당되는 개별 작업 단위입니다.
+
+## 화면 구성
+
+Activity Thread List
+
+1. **상단 필터 영역**: 다양한 조건으로 작업 스레드를 필터링할 수 있는 폼이 제공됩니다.
+2. **작업 목록 영역**: 작업 스레드의 목록을 표시합니다.
+3. **작업 도구 영역**: 선택한 작업 스레드에 대한 작업을 수행할 수 있는 버튼들이 위치합니다.
+
+## 주요 기능
+
+### 작업 스레드 목록 조회
+
+시스템에 등록된 모든 작업 스레드가 목록에 표시됩니다. 목록은 다음과 같은 정보를 포함합니다:
+
+- **이름**: 작업 스레드의 이름
+- **설명**: 작업 스레드에 대한 설명
+- **활성 상태**: 작업 스레드의 활성 여부(체크박스)
+- **수정자**: 작업 스레드를 마지막으로 수정한 사용자
+- **수정 시간**: 작업 스레드가 마지막으로 수정된 시간
+
+### 작업 스레드 관리
+
+페이지 상단의 버튼을 통해 다음과 같은 작업을 수행할 수 있습니다:
+
+1. **저장(Save)**: 변경된 작업 스레드 정보를 저장합니다.
+2. **삭제(Delete)**: 선택한 작업 스레드를 삭제합니다.
+
+### 보기 모드
+
+화면은 다음 세 가지 보기 모드를 지원합니다:
+
+- **GRID**: 표 형태로 모든 정보를 상세하게 표시합니다(데스크톱 기본 모드).
+- **CARD**: 카드 형태로 작업 스레드를 표시합니다.
+- **LIST**: 간소화된 목록 형태로 표시합니다(모바일 기본 모드).
+
+### 다중 선택 처리
+
+목록에서 여러 작업 스레드를 선택하여 일괄 처리할 수 있습니다. 체크박스를 통해 여러 항목을 선택한 후, 상단의 작업 버튼을 사용하여 다음과 같은 일괄 처리가 가능합니다:
+
+1. **일괄 삭제**: 선택한 작업 스레드를 일괄 삭제
+2. **활성 상태 변경**: 선택한 작업 스레드의 활성 상태 일괄 변경
+
+## 추가 기능
+
+### 필터링 및 검색
+
+상단의 필터 폼을 사용하여 다양한 조건으로 작업 스레드를 필터링할 수 있습니다:
+
+1. **일반 검색**: 이름, 설명 등의 일반 텍스트 필드 검색
+2. **활성 상태 필터**: 활성 또는 비활성 상태의 작업 스레드만 표시
+
+### 데이터 정렬
+
+각 열의 헤더를 클릭하여 해당 열을 기준으로 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 목록은 '이름'을 기준으로 오름차순 정렬됩니다.
+
+### 데이터 내보내기
+
+목록의 데이터는 내보내기 버튼을 통해 다양한 형식(Excel, CSV 등)으로 내보낼 수 있습니다. 내보내기 시 다음과 같은 데이터가 포함됩니다:
+
+- 작업 스레드 ID
+- 이름
+- 설명
+- 활성 상태
+
+### 데이터 가져오기
+
+외부 파일에서 작업 스레드 데이터를 가져올 수 있습니다. 가져오기 버튼을 클릭하면 가져오기 팝업이 표시되며, 여기서 다음과 같은 작업을 수행할 수 있습니다:
+
+1. 파일 선택 및 업로드
+2. 데이터 매핑 및 검증
+3. 데이터 가져오기 실행
+
+### 인라인 편집
+
+목록에서 직접 작업 스레드의 정보를 편집할 수 있습니다. 편집 가능한 필드는 다음과 같습니다:
+
+- 이름
+- 설명
+- 활성 상태
+
+변경된 내용은 저장 버튼을 클릭해야 실제로 저장됩니다.

package/helps/worklist/activity-thread-page.md

@@ -0,0 +1,93 @@
+# Activity Thread 사용자 가이드
+
+## 개요
+
+Activity Thread 페이지는 개별 작업 스레드의 상세 정보를 확인하고, 작업을 처리할 수 있는 화면입니다. 이 페이지에서는 작업 내용 확인, 출력 데이터 입력, 작업 상태 변경 등 작업 처리에 필요한 모든 기능을 제공합니다.
+
+## 화면 구성
+
+Activity Thread 페이지는 크게 다음과 같은 요소로 구성됩니다:
+
+1. **작업 정보 리본**: 작업 스레드의 기본 정보(이름, 설명, 상태, 담당자, 마감일 등)를 표시합니다.
+2. **작업 내용 영역**: 작업 유형에 따라 다양한 형태의 내용이 표시됩니다.
+3. **작업 이력 타임라인**: 작업의 진행 이력과 상태 변경 내역을 시간순으로 표시합니다.
+4. **작업 버튼 영역**: 작업을 저장하거나, 제출하거나, 재시작할 수 있는 버튼이 제공됩니다.
+
+## 주요 기능
+
+### 작업 상태 관리
+
+작업 스레드는 다음과 같은 상태를 가질 수 있습니다:
+
+- **Unassigned**: 담당자 할당 대기 중인 작업
+- **Assigned**: 담당자가 할당되었으나 아직 시작되지 않은 작업
+- **Started**: 담당자가 작업을 시작한 상태
+- **Delegated**: 다른 담당자에게 위임된 작업
+- **Rejected**: 반려된 작업
+- **Ended**: 정상적으로 완료된 작업
+- **Aborted**: 중단된 작업
+
+작업의 현재 상태에 따라 수행 가능한 작업이 달라집니다.
+
+### 작업 내용 표시
+
+작업 인스턴스의 UI 유형에 따라 다양한 형태의 내용이 표시됩니다:
+
+#### 1. 템플릿 기반 (uiType: 'template')
+
+HTML 템플릿을 기반으로 한 정적인 형태의 내용을 표시합니다. 템플릿 내에서 사용자 입력 요소를 포함할 수 있습니다.
+
+#### 2. 자동 생성 폼 (uiType: 'generated')
+
+활동 모델을 기반으로 자동으로 생성된 입력/출력 폼이 표시됩니다. 다음과 같은 두 섹션으로 구분됩니다:
+
+- **Input**: 작업 시작 시 입력된 데이터 필드(읽기 전용)
+- **Output**: 작업 결과로 생성될 출력 데이터 필드(편집 가능)
+
+#### 3. 보드 뷰어 (uiType: 'board')
+
+보드 형태의 시각적 인터페이스를 통해 작업 내용을 표시합니다. 보드는 다양한 위젯과 컴포넌트를 포함할 수 있으며, 입력값과 출력값이 보드 내에 통합되어 표시됩니다.
+
+#### 4. 사용자 정의 요소 (uiType: 'custom-element')
+
+사용자 정의 웹 컴포넌트를 사용하여 완전히 맞춤화된 인터페이스를 제공합니다. 정의된 태그 이름에 따라 해당 컴포넌트가 로드되어 표시됩니다.
+
+### 작업 처리 기능
+
+페이지 상단의 버튼을 통해 다음과 같은 작업을 수행할 수 있습니다:
+
+1. **저장(Save)**: 현재까지 입력한 출력 데이터를 저장합니다. 작업 상태는 변경되지 않습니다. (상태: Unassigned, Assigned, Started)
+2. **제출(Submit)**: 작업을 완료하고 승인을 요청합니다. 작업 상태가 'Ended'로 변경됩니다. (상태: Unassigned, Assigned, Started)
+3. **재시작(Restart)**: 반려된 작업을 다시 시작합니다. 작업 상태가 'Started'로 변경됩니다. (상태: Rejected)
+4. **닫기(Close)**: 작업 페이지를 닫고 이전 화면으로 돌아갑니다.
+
+### 작업 이력 확인
+
+작업 이력 타임라인을 통해 작업의 진행 이력을 확인할 수 있습니다. 이력에는 다음과 같은 정보가 포함됩니다:
+
+- 상태 변경 내역 및 시간
+- 작업 처리자 정보
+- 변경 이유(사유)
+- 승인/반려 정보
+
+## 추가 기능
+
+### 입력 및 출력 데이터 관리
+
+작업 인스턴스에서 정의된 모델에 따라 입력 및 출력 데이터가 관리됩니다. 입력 데이터는 작업 시작 시 이미 설정된 값으로 읽기 전용이며, 출력 데이터는 작업 수행 결과로 편집 가능합니다.
+
+### 승인 라인 확인
+
+작업에 설정된 승인 라인을 확인할 수 있습니다. 승인 라인은 작업 인스턴스 생성 시 설정되며, 다음과 같은 정보를 포함합니다:
+
+- 승인자 유형(사용자, 역할, 부서 등)
+- 승인자 정보(이름, 설명 등)
+- 승인 순서
+
+### 마감일 확인
+
+작업의 마감일을 확인할 수 있습니다. 마감일이 가까워지거나 지난 경우, 시각적으로 표시되어 주의를 환기시킵니다.
+
+### 작업 라운드 확인
+
+작업이 반려되어 재시작된 경우, 현재 작업의 라운드 정보를 확인할 수 있습니다. 라운드 정보를 통해 해당 작업이 몇 번째 시도인지 파악할 수 있습니다.

package/helps/worklist/activity-thread-view-page.md

@@ -0,0 +1,86 @@
+# Activity Thread View 사용자 가이드
+
+## 개요
+
+Activity Thread View 페이지는 완료된 작업 스레드의 상세 내용을 조회할 수 있는 화면입니다. 이 페이지에서는 작업의 입력 및 출력 데이터, 진행 이력, 승인 내역 등을 확인할 수 있지만, 내용을 수정할 수는 없습니다.
+
+## 화면 구성
+
+Activity Thread View 페이지는 크게 다음과 같은 요소로 구성됩니다:
+
+1. **작업 정보 리본**: 작업 스레드의 기본 정보(이름, 설명, 상태, 담당자, 마감일 등)를 표시합니다.
+2. **작업 내용 영역**: 작업 유형에 따라 다양한 형태의 내용이 표시됩니다.
+3. **작업 이력 타임라인**: 작업의 진행 이력과 상태 변경 내역을 시간순으로 표시합니다.
+4. **닫기 버튼**: 조회 화면을 닫고 이전 화면으로 돌아갑니다.
+
+## 주요 기능
+
+### 작업 상세 정보 조회
+
+완료된 작업의 다음과 같은 상세 정보를 조회할 수 있습니다:
+
+- 작업 기본 정보(이름, 설명, 상태 등)
+- 담당자 및 처리자 정보
+- 작업 시작 및 종료 시간
+- 작업 처리 결과 및 산출물
+
+### 작업 내용 표시
+
+작업 인스턴스의 View 유형에 따라 다양한 형태의 내용이 표시됩니다:
+
+#### 1. 템플릿 기반 (viewType: 'template')
+
+HTML 템플릿을 기반으로 한 정적인 형태의 내용을 표시합니다. 템플릿은 작업 결과를 시각적으로 표현하는 데 사용됩니다.
+
+#### 2. 자동 생성 폼 (viewType: 'generated')
+
+활동 모델을 기반으로 자동으로 생성된 폼이 표시됩니다. 모든 필드는 읽기 전용이며, 입력 및 출력 데이터를 구조화된 형태로 보여줍니다.
+
+#### 3. 보드 뷰어 (viewType: 'board')
+
+보드 형태의 시각적 인터페이스를 통해 작업 내용을 표시합니다. 보드는 다양한 위젯과 컴포넌트를 포함할 수 있으며, 입력값과 출력값이 보드 내에 통합되어 표시됩니다.
+
+#### 4. 사용자 정의 요소 (viewType: 'custom-element')
+
+사용자 정의 웹 컴포넌트를 사용하여 완전히 맞춤화된 인터페이스를 제공합니다. 정의된 태그 이름에 따라 해당 컴포넌트가 로드되어 표시됩니다.
+
+### 작업 이력 확인
+
+작업 이력 타임라인을 통해 작업의 진행 이력을 확인할 수 있습니다. 이력에는 다음과 같은 정보가 포함됩니다:
+
+- 상태 변경 내역 및 시간
+- 작업 처리자 정보
+- 변경 이유(사유)
+- 승인/반려 정보 및 코멘트
+
+### 인쇄 기능
+
+Activity Thread View 페이지는 인쇄에 최적화되어 있어, 웹 브라우저의 인쇄 기능을 사용하여 작업 내용을 문서화할 수 있습니다. 인쇄 시 다음과 같은 정보가 포함됩니다:
+
+- 작업 기본 정보
+- 작업 내용(입력 및 출력 데이터)
+- 작업 이력 요약
+
+## 추가 기능
+
+### 승인 내역 확인
+
+작업에 대한 승인 내역을 확인할 수 있습니다. 승인 내역에는 다음과 같은 정보가 포함됩니다:
+
+- 승인자 정보
+- 승인 순서 및 라운드
+- 승인 상태(승인, 반려 등)
+- 승인 코멘트
+- 승인 처리 시간
+
+### 라운드 정보 확인
+
+작업이 여러 차례 재시작된 경우, 각 라운드별 처리 내역을 확인할 수 있습니다. 라운드 정보를 통해 작업이 어떤 과정을 거쳐 최종 완료되었는지 파악할 수 있습니다.
+
+### 관련 자료 확인
+
+작업 처리 과정에서 첨부된 관련 자료나 문서를 확인할 수 있습니다. 첨부 자료는 작업 출력 데이터의 일부로 포함되어 있을 수 있습니다.
+
+### 참조 링크
+
+작업과 관련된 다른 시스템이나 문서에 대한 참조 링크가 제공될 수 있습니다. 이러한 링크를 통해 작업과 관련된 추가 정보를 확인할 수 있습니다.

package/helps/worklist/approval-done-list-page.md

@@ -0,0 +1,72 @@
+# Approval Done List 사용자 가이드
+
+## 개요
+
+Approval Done List 페이지는 사용자가 처리 완료한 승인 요청 목록을 확인할 수 있는 화면입니다. 이 페이지에서는 승인, 반려, 상신 등의 처리가 완료된 작업들을 조회하고 필요 시 상세 내용을 확인할 수 있습니다.
+
+## 화면 구성
+
+Approval Done List
+
+1. **상단 필터 영역**: 다양한 조건으로 완료된 승인 작업을 필터링할 수 있는 버튼들이 제공됩니다.
+2. **작업 목록 영역**: 처리 완료된 승인 요청 목록을 표시합니다.
+3. **작업 도구 영역**: 선택한 작업에 대한 작업을 수행할 수 있는 버튼들이 위치합니다.
+
+## 주요 기능
+
+### 승인 완료 목록 조회
+
+사용자가 처리 완료한 모든 승인 요청이 목록에 표시됩니다. 목록은 다음과 같은 정보를 포함합니다:
+
+- **이름**: 작업의 이름
+- **설명**: 작업에 대한 설명
+- **라운드**: 승인 요청이 이루어진 횟수(재제출 횟수)
+- **우선순위**: 작업의 중요도(별 아이콘으로 표시)
+- **판정**: 처리 결과(승인, 반려, 위임, 상신, 중단 등)
+- **코멘트**: 처리 시 입력한 코멘트
+- **생성 시간**: 승인 요청이 생성된 시간
+- **처리 시간**: 승인 요청이 처리된 시간
+
+### 판정 상태
+
+승인 완료 작업은 다음과 같은 판정 상태를 가질 수 있습니다:
+
+- **Approved**: 승인된 요청
+- **Rejected**: 반려된 요청
+- **Escalated**: 상위 결재자에게 상신된 요청
+- **Delegated**: 다른 사용자에게 위임된 요청
+- **Aborted**: 중단된 요청
+
+### 필터링 기능
+
+상단의 필터 버튼을 사용하여 작업 목록을 다양한 조건으로 필터링할 수 있습니다:
+
+1. **중요 작업**: 우선순위가 높은(2점 이상) 작업만 표시합니다.
+2. **마감 임박 작업**: 24시간 이내에 마감 시간이 도래하는 작업만 표시합니다.
+3. **반려된 작업**: 반려 판정을 받은 작업만 표시합니다.
+
+### 보기 모드
+
+화면은 다음 세 가지 보기 모드를 지원합니다:
+
+- **GRID**: 표 형태로 모든 정보를 상세하게 표시합니다(데스크톱 기본 모드).
+- **CARD**: 카드 형태로 작업을 표시합니다(모바일 기본 모드).
+- **LIST**: 간소화된 목록 형태로 표시합니다.
+
+### 승인 작업 상세 보기
+
+목록에서 작업을 클릭하면 해당 작업의 상세 정보를 볼 수 있는 승인 페이지로 이동합니다. 이 페이지에서는 작업 내용, 처리 이력, 코멘트 등을 확인할 수 있습니다.
+
+## 추가 기능
+
+### 데이터 정렬
+
+각 열의 헤더를 클릭하여 해당 열을 기준으로 오름차순 또는 내림차순으로 정렬할 수 있습니다. 기본적으로 목록은 '처리 시간'을 기준으로 내림차순 정렬되어, 가장 최근에 처리된 작업이 상위에 표시됩니다.
+
+### 검색 기능
+
+상단 검색창을 사용하여 작업 이름이나 설명 등의 텍스트를 검색할 수 있습니다.
+
+### 조회 전용 모드
+
+이 목록은 이미 처리가 완료된 작업들을 조회하는 용도로만 사용되므로, 추가적인 작업 처리는 불가능합니다. 하지만 각 작업의 상세 내용과 처리 결과를 확인하는 것은 가능합니다.