reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Blocks/SqlWorkspace

SqlWorkspace

Block

SQL 에디터 + 쿼리 결과 테이블. SqlEditor와 QueryResultsTable 조합.

editor
Related docs
npx @reopt-ai/opt-cli block add sql-workspace
100%

기본 사용

SQL Workspace

Ctrl+Enter to run

No results

컴포넌트 의존 관계

깊이
▼ USES (3)SqlWorkspacesql-editorquery-results-tableloading-overlay

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

SqlWorkspace 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Related components

SqlEditor

SQL 에디터. CodeMirror 기반의 SQL 편집기로 구문 강조와 자동 완성을 지원합니다.

Editor

LoadingOverlay

로딩 오버레이. 중복 status 없이 하나의 aria-busy 라이브 영역으로 콘텐츠 위 로딩 상태를 표시합니다.

FeedbackIndicator

EditorToolbar

리치 텍스트 에디터 스타일 툴바. Toolbar + Tooltip 조합.

Editor

CodeSnippetViewer

코드 스니펫 뷰어. 줄 번호, 복사 버튼, 포커스 가능한 스크롤 영역, syntaxTheme 톤을 지원합니다.

Editor

QueryResultsTable

쿼리 결과 테이블. SQL 결과와 스크린 리더에 안내되는 로딩, 에러, 빈 상태를 지원합니다.

Data

RichTextEditor

마크다운 리치 텍스트 에디터. 서식 툴바 + textarea 조합.

Editor
NextAlertManager
Ctrl+Enter to run

기본 사용

콘텐츠 영역

이 영역 위에 로딩 오버레이가 표시됩니다.

기본 사용



활성: bold

analytics.ts
1import { track } from "@reopt-ai/analytics";
2
3// Track a page view event
4track("page_view", {
5 path: window.location.pathname,
6 referrer: document.referrer,
7 title: document.title,
8});
terminal-theme.ts
1import { track } from "@reopt-ai/analytics";
2
3// Track a page view event
4track("page_view", {
5 path: window.location.pathname,
6 referrer: document.referrer,
7 title: document.title,
8});
9
10const longLine = "가로 스크롤과 키보드 포커스를 확인하기 위한 매우 긴 코드 줄입니다.".repeat(4);
#user_ideventtimestampproperties
1usr_001page_view2026-02-05 10:23:01{"path":"/home"}
2usr_002click2026-02-05 10:23:05{"button":"signup"}
3usr_001purchase2026-02-05 10:24:12{"amount":49}
4usr_003page_view2026-02-05 10:25:00{"path":"/pricing"}
4 row(s)

쿼리를 실행하고 있습니다...

warehouse connection timed out

조건에 맞는 결과가 없습니다