Merge pull request #16 from teamPaprika/add/response-detail-drawer

Add response detail view docs to help center

Author: Ys-ng

content/docs/en/help-center/result-analysis/individual-responses.mdx

@@ -1,13 +1,24 @@
 ---
 title: "Individual Responses"
-description: "In the 'Individual Responses' tab, you can review all the answers from a single respondent at a glance. You can inspect each response in detail and delete or download it as needed."
+description: "In the 'Individual Responses' tab, you can review all the answers from a single respondent at a glance. You can inspect each response in detail, share links, download, or delete as needed."
 ---
 
 ## Viewing an Individual Response
-1. Go to the Individual Responses tab for the project.
-2. Click a response in the list to see every answer the respondent submitted.
-  - Select `Show all questions` to view every question on one screen, including questions the respondent didn't actually answer.
+
+1. Click the **Results** tab in your project, then select the **Individual Responses** tab.
+2. Responses are displayed in full screen, starting from the most recent.
+3. Use the left and right arrows to move to the previous or next response. The current position is shown at the top, such as "3 / 15".
+
+- Turn on **Show all questions** to view every question, including those the respondent didn't answer.
+- When a workspace member shares a specific response link with you, it will take you directly to this page.
+- At the bottom, you can find a summary of the project name, response time, survey ID, and response ID for easy identification.
 
 ## Managing Responses
-- `Download Response`: Save the selected response as a PDF file.
-- `Delete Response`: Permanently delete a specific response. (Deleted responses cannot be recovered.)
+
+- **Copy link**: Copies the link to this Individual Responses page for the current response. Share it with workspace members who have permission to view responses so they can check it directly on this page.
+- **Download PDF**: Saves the current response as a PDF file.
+- **Delete**: Permanently deletes the response. Deleted responses cannot be recovered.
+
+<Callout title="Tip">
+You can also open a response detail view directly from the Response Sheet by clicking the row icon — without leaving the sheet. See [Response Sheet](/en/docs/help-center/result-analysis/response-sheet#viewing-individual-responses-from-the-sheet) for details.
+</Callout>

content/docs/en/help-center/result-analysis/response-sheet.mdx

@@ -29,6 +29,32 @@ description: "The 'Response Sheet' shows your collected response data in a table
 
 - Select individual responses and click `Delete` to remove them immediately.
 - Deleted responses cannot be recovered, so delete with care.
+## Viewing Individual Responses from the Sheet
+
+You can view the full details of a specific response without leaving the sheet.
+
+1. Hover over the response row you want to check.
+2. Click the icon that appears on the left side of the row to open the response detail view on the right.
+3. To close the detail view, click outside of it.
+
+### Navigating Between Responses
+
+While the detail view is open, use the left and right arrows to move to the previous or next response.
+
+- Any filters and sort order applied to the sheet are preserved, so you can browse only the responses that match your conditions in order.
+- The current position is shown at the top, such as "3 / 15".
+- Pressing next on the last response loops back to the first response.
+- As you navigate, the corresponding row in the sheet is automatically highlighted.
+
+### What You Can Do in the Detail View
+
+- **Show all questions**: Toggle this on to display all questions, including those without answers.
+- **Copy link**: Copies the link to this response's Individual Responses page. Share it with workspace members who have permission to view responses so they can check it directly.
+- **Download PDF**: Saves the current response as a PDF file.
+- **Delete**: Deletes the response. After deletion, it automatically moves to the next response.
+
+At the bottom of the detail view, you can find a summary of the project name, response time, survey ID, and response ID for easy identification.
+
 <Callout title="Tip">
-Use filters to quickly analyze only the data you need by period, field value, keyword, and more.
+Use filters to quickly analyze only the data you need by period, field value, keyword, and more. Open the response detail view with filters applied, and you can browse only the filtered responses in order.
 </Callout>

content/docs/ko/help-center/result-analysis/individual-responses.mdx

@@ -1,15 +1,26 @@
 ---
 title: "개별 응답"
-description: "‘개별 응답’ 탭에서는 응답자 한 명의 전체 응답 내용을 한눈에 확인할 수 있어요. 응답별로 상세 내용을 검토하거나, 필요할 경우 삭제·다운로드도 가능합니다."
+description: "’개별 응답’ 탭에서는 응답자 한 명의 전체 응답 내용을 한눈에 확인할 수 있어요. 응답별로 상세 내용을 검토하거나, 링크 공유·다운로드·삭제도 가능합니다."
 ---
 
 <video src="/videos/individual-response.mp4" autoPlay muted loop playsInline style={{ width: "100%", borderRadius: "8px", marginBottom: "24px" }} />
 
 ## 개별 응답 보기
-1. 프로젝트의 개별 응답 탭으로 이동합니다.
-2. 리스트에서 확인하고 싶은 응답을 클릭하면 해당 응답자가 제출한 모든 답변을 확인할 수 있습니다.
-  - `전체 문항 보기`를 선택하면 응답자가 실제로 답하지 않은 문항까지 포함해 모든 문항을 한 화면에서 볼 수 있어요.
+
+1. 프로젝트에서 **결과 보기** 탭을 클릭한 뒤, **개별 응답** 탭을 선택합니다.
+2. 가장 최근 응답부터 전체 화면으로 표시됩니다.
+3. 좌우 화살표로 이전·다음 응답을 넘길 수 있으며, 상단에 "3 / 15"처럼 현재 위치가 표시됩니다.
+
+- **전체 문항 보기**를 켜면 응답자가 답하지 않은 문항까지 포함해 모든 문항을 볼 수 있어요.
+- 워크스페이스 멤버에게 특정 응답 링크를 공유받았을 때도 이 페이지로 바로 이동합니다.
+- 하단에는 프로젝트명, 응답 시간, 설문 ID, 응답 ID가 요약되어 있어 응답을 식별하는 데 유용합니다.
 
 ## 응답 관리
-- `응답 다운로드`: 선택한 응답을 PDF 파일로 저장할 수 있습니다.
-- `응답 삭제`: 특정 응답을 영구적으로 삭제할 수 있습니다. (삭제된 응답은 복구할 수 없습니다.)
+
+- **링크 복사**: 현재 응답의 개별 응답 페이지 링크를 복사합니다. 응답 확인 권한이 있는 워크스페이스 멤버에게 공유하면 이 페이지에서 해당 응답을 바로 확인할 수 있어요.
+- **PDF 다운로드**: 현재 응답을 PDF 파일로 저장합니다.
+- **삭제**: 응답을 영구적으로 삭제합니다. 삭제된 응답은 복구할 수 없습니다.
+
+<Callout title="팁">
+응답 시트에서 필터나 정렬을 적용한 뒤 행 아이콘을 클릭하면, 시트를 떠나지 않고 개별 응답 상세보기를 열 수 있어요. 자세한 내용은 [응답 시트](/ko/docs/help-center/result-analysis/response-sheet#시트에서-개별-응답-바로-보기)를 참고하세요.
+</Callout>

content/docs/ko/help-center/result-analysis/response-sheet.mdx

@@ -32,6 +32,32 @@ description: "‘응답 시트’에서는 수집된 응답 데이터를 표 형
 
 - 개별 응답을 선택한 뒤 `삭제`를 누르면 즉시 삭제됩니다.
 - 삭제된 응답은 복구가 불가능하므로 주의해서 삭제해야 합니다.
+## 시트에서 개별 응답 바로 보기
+
+시트 화면을 떠나지 않고도 특정 응답의 전체 내용을 바로 확인할 수 있습니다.
+
+1. 확인하고 싶은 응답 행에 마우스를 올립니다.
+2. 행 왼쪽에 나타나는 아이콘을 클릭하면 화면 오른쪽에 개별응답 상세보기가 열립니다.
+3. 상세보기를 닫으려면 바깥 영역을 클릭하세요.
+
+### 응답 간 이동
+
+상세보기가 열린 상태에서 좌우 화살표로 이전·다음 응답을 넘길 수 있습니다.
+
+- 시트에 적용된 필터와 정렬 순서가 그대로 유지되므로, 조건에 맞는 응답만 순서대로 탐색할 수 있어요.
+- 상단에 "3 / 15"처럼 현재 위치가 표시됩니다.
+- 마지막 응답에서 다음을 누르면 첫 번째 응답으로 돌아갑니다.
+- 응답을 이동할 때마다 시트에서 해당 행이 자동으로 하이라이트됩니다.
+
+### 상세보기에서 할 수 있는 것
+
+- **전체 문항 보기**: 토글을 켜면 답변이 없는 문항까지 포함해 모든 문항을 볼 수 있습니다.
+- **링크 복사**: 해당 응답의 개별 응답 페이지 링크를 복사합니다. 응답 확인 권한이 있는 워크스페이스 멤버에게 공유하면 개별 응답 페이지에서 바로 확인할 수 있어요.
+- **PDF 다운로드**: 현재 응답을 PDF 파일로 저장합니다.
+- **삭제**: 응답을 삭제합니다. 삭제 후 자동으로 다음 응답으로 넘어갑니다.
+
+상세보기 하단에는 프로젝트명, 응답 시간, 설문 ID, 응답 ID가 요약되어 있어 응답을 식별하는 데 유용합니다.
+
 <Callout title="팁">
-필터 기능을 사용하면 특정 기간, 문항 값, 키워드 등을 기준으로 원하는 데이터만 빠르게 분석할 수 있어요.
+필터 기능을 사용하면 특정 기간, 문항 값, 키워드 등을 기준으로 원하는 데이터만 빠르게 분석할 수 있어요. 필터를 적용한 상태에서 개별 응답 상세보기를 열면, 필터링된 응답만 순서대로 탐색할 수 있습니다.
 </Callout>