UI/UX D1: examples, image accordion, layout improvements, table select, button size

- app.py: add gr.Examples with 3 sample questions (D1-5)
- app.py: wrap image input in gr.Accordion(open=False) (D1-6)
- app.py: checkboxes left Column(scale=3), reset btn right Column(scale=1) (D1-7)
- app.py: msg_box lines=2, send_btn .send-btn CSS min-height 80px (D1-8)
- app.py: doc_table.select -> select_doc_row auto-fills delete_source (D1-9)
- app.py: ingest_btn scale=0 min_width=200 to avoid full-width stretch (D1-10)
- ROADMAP.md: mark all D1 items complete

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-02 14:28:21 +09:00
parent e08b43c785
commit c1a28bfdcc
2 changed files with 40 additions and 14 deletions
+6 -5
View File
@@ -331,11 +331,12 @@ youlbot-webui/
- [x] `결과` 박스 초기 `visible=False` — `ingest_files`에서 `gr.update(visible=True)` 반환
#### D1
- [ ] 웰컴 메시지 또는 예시 질문 버블 추가
- [ ] 이미지 첨부 영역 `gr.Accordion`으로 접이식 변경
- [ ] 하단 컨트롤 `gr.Row` 균등 배치
- [ ] 문서 관리 탭 — 테이블 행 클릭 → 삭제 경로 자동 채움
- [ ] `문서 수집` 버튼 크기 적정화
- [x] 웰컴 메시지 또는 예시 질문 버블 추가 — `gr.Examples` 3개 예시 질문
- [x] 이미지 첨부 영역 `gr.Accordion`으로 접이식 변경 — `open=False` 기본 접힘
- [x] 하단 컨트롤 `gr.Row` 균등 배치 — 체크박스 좌측 `Column(scale=3)`, 초기화 버튼 우측 `Column(scale=1)`
- [x] 입력창 `lines=2` + 전송 버튼 높이 CSS 맞춤 — `.send-btn { min-height: 80px }`
- [x] 문서 관리 탭 — 테이블 행 클릭 → 삭제 경로 자동 채움 — `doc_table.select` + `select_doc_row`
- [x] `문서 수집` 버튼 크기 적정화 — `scale=0, min_width=200`
#### D2
- [ ] 헤더 아이콘/로고 추가