chore(frontend): 예시 질문에서 ALV 리포트 뼈대(CL_SALV_TABLE) 제거

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

2_frontend/src/features/snap/components/Hero.tsx

@@ -1,41 +1,40 @@
-import { LogoMark } from "@/shared/components/LogoMark"
+import { LogoMark } from "@/shared/components/LogoMark"
-
+
-interface Props {
+interface Props {
-  /** 예시 질문 칩을 누르면 그 문장으로 바로 대화 시작. */
+  /** 예시 질문 칩을 누르면 그 문장으로 바로 대화 시작. */
-  onPick?: (text: string) => void
+  onPick?: (text: string) => void
-  disabled?: boolean
+  disabled?: boolean
-}
+}
-
+
-// 실제로 자주 묻는 것들 — 누르면 바로 답이 오는 걸 보여주는 게 빈 화면 설명보다 낫다.
+// 실제로 자주 묻는 것들 — 누르면 바로 답이 오는 걸 보여주는 게 빈 화면 설명보다 낫다.
-const EXAMPLES = [
+const EXAMPLES = [
-  "MARA 에서 자재번호로 자재유형(MTART) 읽는 SELECT SINGLE",
+  "MARA 에서 자재번호로 자재유형(MTART) 읽는 SELECT SINGLE",
-  "셀렉션 화면 있는 ALV 리포트 뼈대 (CL_SALV_TABLE)",
+  "내부 테이블 LOOP 에서 그룹 소계 구하는 관용구",
-  "내부 테이블 LOOP 에서 그룹 소계 구하는 관용구",
+]
-]
+
-
+export function Hero({ onPick, disabled }: Props) {
-export function Hero({ onPick, disabled }: Props) {
+  return (
-  return (
+    <section className="flex w-full max-w-[560px] flex-col items-center py-6 text-center">
-    <section className="flex w-full max-w-[560px] flex-col items-center py-6 text-center">
+      <LogoMark width={56} className="mb-5" />
-      <LogoMark width={56} className="mb-5" />
+      <h1 className="mb-1.5 text-[21px] font-semibold text-balance">무엇을 도와드릴까요?</h1>
-      <h1 className="mb-1.5 text-[21px] font-semibold text-balance">무엇을 도와드릴까요?</h1>
+      <p className="text-muted-foreground mb-6 text-[13px] leading-relaxed">
-      <p className="text-muted-foreground mb-6 text-[13px] leading-relaxed">
+        ABAP · CDS 뷰 · HANA · 에러 분석. 코드나 로그를 붙여넣거나 질문을 입력하면 바로 답해.
-        ABAP · CDS 뷰 · HANA · 에러 분석. 코드나 로그를 붙여넣거나 질문을 입력하면 바로 답해.
+      </p>
-      </p>
+      {onPick && (
-      {onPick && (
+        <div className="flex flex-wrap justify-center gap-2">
-        <div className="flex flex-wrap justify-center gap-2">
+          {EXAMPLES.map((text) => (
-          {EXAMPLES.map((text) => (
+            <button
-            <button
+              key={text}
-              key={text}
+              type="button"
-              type="button"
+              disabled={disabled}
-              disabled={disabled}
+              onClick={() => onPick(text)}
-              onClick={() => onPick(text)}
+              className="border-border bg-card text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring inline-flex items-center rounded-full border px-3 py-1.5 text-[12px] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50"
-              className="border-border bg-card text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:ring-ring inline-flex items-center rounded-full border px-3 py-1.5 text-[12px] transition-colors focus-visible:ring-2 focus-visible:outline-none disabled:opacity-50"
+            >
-            >
+              {text}
-              {text}
+            </button>
-            </button>
+          ))}
-          ))}
+        </div>
-        </div>
+      )}
-      )}
+    </section>
-    </section>
+  )
-  )
+}
-}

z-my-docs/work-log/2026-09/2026-09-21.md

@@ -12,3 +12,4 @@
 | 14:04 | 고객사 -12 를 PostgreSQL 로 전환 — -13 과 같은 외부 PG 서버(8851), 스키마 codeassist 분리. 내부 PG 가 SSL 미지원이라 sslmode 를 env 화(prefer). SAP MCP 도 -12 에 별도 기동, 도구 6개 확인 |
 | 14:13 | 답변 완료 알림 — 창 안 보고 있으면 Windows 토스트 + 트레이 아이콘 파란 점, 창 포커스 받으면 원복. tauri-plugin-notification, 프론트 onDone 에서 chat.done 한 줄 |
 | 14:37 | ABAP 소스 인덱스(ABAP_INDEXING :8100)를 OpenCode 커스텀 툴 3개로 연결(abap_index_search/chunk/source). AGENTS.md 에 출처 규칙 — 인덱스/SAP조회/생성 코드 구분해 코드 위에 표기. 서버 없을 때 '출처: 없음 — 생성 코드' 로 답하는 것 실측 |
+| 14:49 | 새 대화 예시 질문에서 ALV 리포트 뼈대(CL_SALV_TABLE) 버튼 제거 |