@reopt-ai/opt-ui 1.12.0 → 1.12.1

package/dist/docs/02-components/03-shells.md

@@ -299,37 +299,38 @@ import { AppShell } from "@reopt-ai/opt-ui";
 
 ## Data Display
 
-| Component           | Description                                                                                                                  | Key Exports                                   |
-| ------------------- | ---------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
-| DataTable           | 제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다. | `DataTable`                                   |
-| InlineEditTable     | 인라인 편집 테이블. 더블클릭으로 셀 편집, Enter 확정, Escape 취소.                                                           | `InlineEditTable`                             |
-| TreeTable           | 계층형 트리 테이블. 재귀 행 렌더링 + 펼침/접기 셰브론.                                                                       | `TreeTable`                                   |
-| DomainTable         | 도메인 테이블. Composite 기반 그리드로 키보드 탐색 지원.                                                                     | `DomainTable`                                 |
-| QueryResultsTable   | 쿼리 결과 테이블. SQL 결과와 스크린 리더에 안내되는 로딩, 에러, 빈 상태를 지원합니다.                                        | `QueryResultsTable`                           |
-| DashboardGrid       | Composite 기반 통계 카드 그리드. 유효한 1–4열 레이아웃과 화살표 키 2D 탐색을 지원합니다.                                     | `DashboardGrid`                               |
-| SummaryRow          | 통계 요약 행. StatCard 그리드 레이아웃을 표준화합니다. loading 시 SkeletonCard 표시.                                         | `SummaryRow`                                  |
-| CodeSnippetViewer   | 코드 스니펫 뷰어. 줄 번호, 복사 버튼, 포커스 가능한 스크롤 영역, syntaxTheme 톤을 지원합니다.                                | `CodeSnippetViewer`                           |
-| CodeDiffViewer      | 코드 비교 뷰어. LCS 알고리즘 기반 unified/split 모드 diff와 포커스 가능한 스크롤 영역을 제공합니다.                          | `CodeDiffViewer`                              |
-| ConnectionIndicator | 연결 상태 표시기. connected, connecting, disconnected, error 상태를 지원합니다.                                              | `ConnectionIndicator`                         |
-| EventIcon           | 이벤트 아이콘. semantic key 또는 ReactNode 아이콘과 배경색을 표시합니다.                                                     | `EventIcon`, `POPULAR_ICONS`, `COLOR_PRESETS` |
+| Component           | Description                                                                                                                              | Key Exports                                   |
+| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
+| DataTable           | 제네릭 데이터 테이블. 제목은 opt-in이고 ariaLabel로 grid를 이름 붙이며, 동적 컬럼·안전 정렬·키보드 리사이즈·Composite 탐색을 지원합니다. | `DataTable`                                   |
+| InlineEditTable     | 인라인 편집 테이블. 더블클릭으로 셀 편집, Enter 확정, Escape 취소.                                                                       | `InlineEditTable`                             |
+| TreeTable           | 계층형 트리 테이블. 재귀 행 렌더링 + 펼침/접기 셰브론.                                                                                   | `TreeTable`                                   |
+| DomainTable         | 도메인 테이블. Composite 기반 그리드로 키보드 탐색 지원.                                                                                 | `DomainTable`                                 |
+| QueryResultsTable   | 쿼리 결과 테이블. SQL 결과와 스크린 리더에 안내되는 로딩, 에러, 빈 상태를 지원합니다.                                                    | `QueryResultsTable`                           |
+| DashboardGrid       | Composite 기반 통계 카드 그리드. 유효한 1–4열 레이아웃과 화살표 키 2D 탐색을 지원합니다.                                                 | `DashboardGrid`                               |
+| SummaryRow          | 통계 요약 행. StatCard 그리드 레이아웃을 표준화합니다. loading 시 SkeletonCard 표시.                                                     | `SummaryRow`                                  |
+| CodeSnippetViewer   | 코드 스니펫 뷰어. 줄 번호, 복사 버튼, 포커스 가능한 스크롤 영역, syntaxTheme 톤을 지원합니다.                                            | `CodeSnippetViewer`                           |
+| CodeDiffViewer      | 코드 비교 뷰어. LCS 알고리즘 기반 unified/split 모드 diff와 포커스 가능한 스크롤 영역을 제공합니다.                                      | `CodeDiffViewer`                              |
+| ConnectionIndicator | 연결 상태 표시기. connected, connecting, disconnected, error 상태를 지원합니다.                                                          | `ConnectionIndicator`                         |
+| EventIcon           | 이벤트 아이콘. semantic key 또는 ReactNode 아이콘과 배경색을 표시합니다.                                                                 | `EventIcon`, `POPULAR_ICONS`, `COLOR_PRESETS` |
 
 ### DataTable
 
-> 제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.
+> 제네릭 데이터 테이블. 제목은 opt-in이고 ariaLabel로 grid를 이름 붙이며, 동적 컬럼·안전 정렬·키보드 리사이즈·Composite 탐색을 지원합니다.
 
 **Import:** `import { DataTable } from "@reopt-ai/opt-ui"`
 **Dependencies:** composite-zone (core), button (core), checkbox (core)
 
 **DataTable:**
 
-| Prop           | Type                 | Required | Default             | Description                                         |
-| -------------- | -------------------- | -------- | ------------------- | --------------------------------------------------- |
-| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                  |
-| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? } |
-| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                           |
-| `title`        | `string`             |          | "데이터 테이블"     | 테이블 제목                                         |
-| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                      |
-| `emptyMessage` | `string`             |          | "데이터가 없습니다" | 데이터 없을 때 표시할 메시지                        |
+| Prop           | Type                 | Required | Default             | Description                                                 |
+| -------------- | -------------------- | -------- | ------------------- | ----------------------------------------------------------- |
+| `data`         | `T[]`                | Yes      |                     | 테이블 데이터 배열                                          |
+| `columns`      | `ColumnDef<T>[]`     | Yes      |                     | 컬럼 정의. { id, header, accessor, width?, align? }         |
+| `keyExtractor` | `(row: T) => string` | Yes      |                     | 각 행의 고유 키 추출 함수                                   |
+| `title`        | `string`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음 |
+| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름        |
+| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                              |
+| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                |
 
 **ColumnDef:**
 
@@ -1135,14 +1136,14 @@ const fields = [
 
 ## Analytics
 
-| Component        | Description                                                                                                      | Key Exports        |
-| ---------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------ |
-| SqlEditor        | SQL 에디터. CodeMirror 기반의 SQL 편집기로 구문 강조와 자동 완성을 지원합니다.                                   | `SqlEditor`        |
-| EventMetaEditor  | 이벤트 메타 에디터. 레이블이 연결된 IconPicker + ColorPicker + TagInput 조합으로 이벤트 메타데이터를 편집합니다. | `EventMetaEditor`  |
-| PropertyExplorer | 프로퍼티 탐색기. 검색 가능한 속성 목록을 그룹별로 표시합니다.                                                    | `PropertyExplorer` |
-| RichTextEditor   | 마크다운 리치 텍스트 에디터. 서식 툴바 + textarea 조합.                                                          | `RichTextEditor`   |
-| ExportButton     | 데이터 내보내기 버튼. CSV/JSON 변환 내장, PDF는 콜백 위임. DropdownMenu 기반.                                    | `ExportButton`     |
-| InsightsPanel    | 이상 탐지 인사이트 패널. severity별 카드, 통계 필터, dismiss 기능, 검출 설정(유형/Z-score/days).                 | `InsightsPanel`    |
+| Component        | Description                                                                                                | Key Exports        |
+| ---------------- | ---------------------------------------------------------------------------------------------------------- | ------------------ |
+| SqlEditor        | SQL 에디터. CodeMirror 기반의 SQL 편집기로 구문 강조와 자동 완성을 지원합니다.                             | `SqlEditor`        |
+| EventMetaEditor  | 기본 이벤트 메타와 호출자 소유 섹션을 한 폼에서 편집하고, footer의 한 액션으로 함께 저장할 수 있습니다.    | `EventMetaEditor`  |
+| PropertyExplorer | 검색 가능한 속성 목록을 그룹별로 표시하고, 숨김 상태와 호출자 소유의 명시적인 편집 액션을 함께 제공합니다. | `PropertyExplorer` |
+| RichTextEditor   | 마크다운 리치 텍스트 에디터. 서식 툴바 + textarea 조합.                                                    | `RichTextEditor`   |
+| ExportButton     | 데이터 내보내기 버튼. CSV/JSON 변환 내장, PDF는 콜백 위임. DropdownMenu 기반.                              | `ExportButton`     |
+| InsightsPanel    | 이상 탐지 인사이트 패널. severity별 카드, 통계 필터, dismiss 기능, 검출 설정(유형/Z-score/days).           | `InsightsPanel`    |
 
 ### SqlEditor
 
@@ -1172,18 +1173,61 @@ const fields = [
 
 ### EventMetaEditor
 
-> 이벤트 메타 에디터. 레이블이 연결된 IconPicker + ColorPicker + TagInput 조합으로 이벤트 메타데이터를 편집합니다.
+> 기본 이벤트 메타와 호출자 소유 섹션을 한 폼에서 편집하고, footer의 한 액션으로 함께 저장할 수 있습니다.
 
 **Import:** `import { EventMetaEditor } from "@reopt-ai/opt-ui"`
 **Dependencies:** input (core), icon-picker (core), color-picker (core), tag-input (core)
 
+**EventMetaEditor:**
+
+| Prop        | Type                        | Required | Default | Description                                            |
+| ----------- | --------------------------- | -------- | ------- | ------------------------------------------------------ |
+| `value`     | `EventMeta`                 | Yes      |         | 편집 중인 이벤트 메타데이터                            |
+| `onChange`  | `(meta: EventMeta) => void` | Yes      |         | 메타데이터 변경                                        |
+| `icons`     | `IconDef[]`                 |          |         | 선택 가능한 아이콘                                     |
+| `sections`  | `EventMetaEditorSection[]`  |          |         | 기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션            |
+| `footer`    | `ReactNode`                 |          |         | 내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역 |
+| `className` | `string`                    |          |         | 추가 CSS 클래스                                        |
+| `labels`    | `EventMetaEditorLabels`     |          |         | 필드 레이블과 placeholder 문구                         |
+
+**EventMetaEditorSection:**
+
+| Prop          | Type        | Required | Default | Description                  |
+| ------------- | ----------- | -------- | ------- | ---------------------------- |
+| `id`          | `string`    | Yes      |         | 섹션 키                      |
+| `title`       | `ReactNode` |          |         | 섹션 제목                    |
+| `description` | `ReactNode` |          |         | 섹션 변경이 미치는 영향 안내 |
+| `children`    | `ReactNode` | Yes      |         | 호출자가 소유하는 필드       |
+
 ### PropertyExplorer
 
-> 프로퍼티 탐색기. 검색 가능한 속성 목록을 그룹별로 표시합니다.
+> 검색 가능한 속성 목록을 그룹별로 표시하고, 숨김 상태와 호출자 소유의 명시적인 편집 액션을 함께 제공합니다.
 
 **Import:** `import { PropertyExplorer } from "@reopt-ai/opt-ui"`
 **Dependencies:** input (core)
 
+**PropertyExplorer:**
+
+| Prop        | Type                              | Required | Default | Description                                                    |
+| ----------- | --------------------------------- | -------- | ------- | -------------------------------------------------------------- |
+| `groups`    | `PropertyGroup[]`                 | Yes      |         | 그룹별 속성 목록. 각 속성은 dataType과 hidden 상태를 포함 가능 |
+| `onSelect`  | `(property: PropertyDef) => void` |          |         | 속성 선택                                                      |
+| `onEdit`    | `(property: PropertyDef) => void` |          |         | 행에 명시적인 편집 버튼을 표시하고 선택한 속성을 전달          |
+| `className` | `string`                          |          |         | 추가 CSS 클래스                                                |
+| `labels`    | `PropertyExplorerLabels`          |          |         | 검색·빈 상태·편집·숨김 문구                                    |
+
+**PropertyDef:**
+
+| Prop           | Type            | Required | Default | Description                                       |
+| -------------- | --------------- | -------- | ------- | ------------------------------------------------- |
+| `name`         | `string`        | Yes      |         | 속성 이름                                         |
+| `type`         | `string`        | Yes      |         | 원본 스키마 타입                                  |
+| `dataType`     | `FieldDataType` |          |         | 호출자가 이미 판정한 opt-ui 필드 타입             |
+| `description`  | `string`        |          |         | 속성 설명                                         |
+| `exampleValue` | `string`        |          |         | 예시 값                                           |
+| `eventCount`   | `number`        |          |         | 관측 이벤트 수                                    |
+| `hidden`       | `boolean`       |          |         | 피커에서는 숨기되 탐색기에서는 흐리게 표시할 상태 |
+
 ### RichTextEditor
 
 > 마크다운 리치 텍스트 에디터. 서식 툴바 + textarea 조합.
@@ -1724,6 +1768,8 @@ const messages = [
 | `footer`      | `ReactNode`             |          |         | 인스펙터 하단                                  |
 | `breakpoint`  | `"lg" \| "xl" \| "2xl"` |          | "xl"    | 이 폭 이상이면 push                            |
 | `width`       | `"sm" \| "md" \| "lg"`  |          | "md"    | push 레이아웃에서의 인스펙터 폭                |
+| `labels`      | `InspectorLayoutLabels` |          |         | 닫기 버튼 등 인스펙터 문구                     |
+| `className`   | `string`                |          |         | 추가 CSS 클래스                                |
 
 ### QueryFilterBar
 
@@ -1742,6 +1788,8 @@ const messages = [
 | `live`           | `boolean`                |          | false   | 매 입력마다 커밋                                                           |
 | `disabled`       | `boolean`                |          | false   | 전체 비활성                                                                |
 | `queryBarLabels` | `QueryBarLabels`         |          |         | QueryBar로 통과되는 나머지 문구. placeholder/ariaLabel은 labels가 이깁니다 |
+| `labels`         | `QueryFilterBarLabels`   |          |         | 검색·필터·초기화 문구                                                      |
+| `className`      | `string`                 |          |         | 추가 CSS 클래스                                                            |
 
 ### CatalogFrame
 
@@ -1784,6 +1832,7 @@ const messages = [
 | `error`                | `ReactNode`                    |          |         | 읽기 실패. 빈 목록과 다른 답                                      |
 | `onRetry`              | `() => void`                   |          |         | 재시도                                                            |
 | `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구                                            |
+| `className`            | `string`                       |          |         | 추가 CSS 클래스                                                   |
 
 **CatalogRowActions:**
 
@@ -1794,6 +1843,16 @@ const messages = [
 | `visibleCount` | `number`                  |          | 2       | 오버플로 전에 노출할 개수. available 필터링 후에 적용됨 |
 | `labels`       | `CatalogRowActionsLabels` |          |         | 그룹·오버플로 라벨                                      |
 
+**CatalogRowAction:**
+
+| Prop        | Type                   | Required | Default | Description                                     |
+| ----------- | ---------------------- | -------- | ------- | ----------------------------------------------- |
+| `id`        | `string`               | Yes      |         | 액션 키                                         |
+| `label`     | `string`               | Yes      |         | 액션 문구                                       |
+| `icon`      | `ReactNode`            |          |         | 선택적 액션 아이콘                              |
+| `onSelect`  | `(item: T) => void`    | Yes      |         | 행과 함께 호출되는 액션                         |
+| `available` | `(item: T) => boolean` |          |         | 이 행에 적용되지 않는 액션을 비활성화 대신 제거 |
+
 **CatalogCellControls:**
 
 | Prop       | Type        | Required | Default | Description                        |

package/dist/{field-sidebar-BYgEmdy0.cjs → field-sidebar-oa6zOmcd.cjs}

@@ -2944,7 +2944,7 @@ function Flyout({ open, onClose, title, description, type = "overlay", side = "r
 	});
 	if (type === "inline") return panel;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [scrim && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "bg-overlay fixed inset-0 z-30",
+		className: "bg-scrim fixed inset-0 z-30",
 		"aria-hidden": "true"
 	}), panel] });
 }

package/dist/{field-sidebar-BuO37l4c.js → field-sidebar-zkkqC7__.js}

@@ -2943,7 +2943,7 @@ function Flyout({ open, onClose, title, description, type = "overlay", side = "r
 	});
 	if (type === "inline") return panel;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [scrim && /* @__PURE__ */ jsx("div", {
-		className: "bg-overlay fixed inset-0 z-30",
+		className: "bg-scrim fixed inset-0 z-30",
 		"aria-hidden": "true"
 	}), panel] });
 }

package/dist/index.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_text_truncate = require("./text-truncate-I1XLWmRa.cjs");
 const require_key_pad_menu = require("./key-pad-menu-SItoHPLu.cjs");
-const require_field_sidebar = require("./field-sidebar-BYgEmdy0.cjs");
+const require_field_sidebar = require("./field-sidebar-oa6zOmcd.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 react = require_text_truncate.__toESM(react, 1);

package/dist/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { $ as PopoverClose, $t as CompositeProvider, A as FormRadio, An as OPT_BADGE_RED, At as DialogBody, B as FormSubmit, Bn as OPT_FOCUS, Bt as SelectLabel, C as FormGroupLabel, Ct as ComboboxGroup, D as FormNumberInput, Dn as OPT_BADGE_BLUE, Dt as ComboboxPopover, E as FormLabel, Et as ComboboxItem, F as FormSelect, Ft as DialogHeader, G as useFormContext, Gt as TabList, H as FormTagInput, Hn as OPT_HOVER_ITEM, Ht as SelectRoot, I as FormSelectItem, In as OPT_DOT_GRAY, It as DialogHeading, J as DateRangePicker, Jt as DisclosureContent, K as useFormStore, Kt as TabPanel, L as FormSelectPopover, Ln as OPT_DOT_GREEN, Lt as DialogPanel, M as FormRemove, Mn as OPT_BORDER, Mt as DialogDisclosure, N as FormReset, Nt as DialogDismiss, O as FormProvider, On as OPT_BADGE_GREEN, Ot as ComboboxRoot, P as FormRoot, Pt as DialogFooter, Q as ColorPicker, Qt as CompositeItem, R as FormSlider, Rn as OPT_DOT_RED, Rt as DialogRoot, S as FormGroup, St as ComboboxEmpty, T as FormInput, Tt as ComboboxInput, U as FormTextarea, Un as OPT_INPUT, Ut as SelectTrigger, V as FormSwitch, Vn as OPT_FOCUS_VISIBLE, Vt as SelectPopover, W as useFieldValue, Wt as Tab, X as IconPicker, Xn as OPT_TD, Xt as DisclosureTrigger, Y as TagInput, Yt as DisclosureRoot, Z as getIconRegistryEntry, Zt as Composite, _ as FormControl, _n as SkeletonCard, _t as MenuRoot, a as FieldTokenLegend, an as useInputId, ar as _objectWithoutProperties, at as ToolbarButton, b as FormError, bn as useControlledState, bt as MenubarContainer, c as Checkbox, cn as Badge, ct as ToolbarSeparator, d as formatOptDateTime, dn as koBreadcrumbLabels, dt as TooltipProvider, en as CompositeRow, er as OPT_TEXT_PRIMARY, et as PopoverContent, f as formatOptNumber, fn as koComboboxLabels, ft as MenuButtonArrow, g as FormColorPicker, gn as SkeletonAvatar, gt as MenuPopover, h as FormCheckbox, hn as Skeleton, ht as MenuItemRadio, i as FieldToken, in as Input, ir as _objectSpread2, it as NumberInput, j as FormRadioGroup, jn as OPT_BADGE_YELLOW, jt as DialogDescription, k as FormPush, kn as OPT_BADGE_NEUTRAL, kt as AlertDialogPanel, l as CheckboxGroup, ln as EmptyState, lt as Tooltip, m as formatOptTime, mn as StatCard, mt as MenuItemCheckbox, n as Highlight, nn as Meter, nr as OPT_TEXT_TERTIARY, nt as PopoverTrigger, o as resolveFieldType, on as Alert, or as Kbd, ot as ToolbarContainer, p as formatOptShortDate, pn as koStarRatingLabels, pt as MenuItem, q as DEFAULT_PRESETS, qt as TabsRoot, r as FIELD_TYPE_TOKENS, rn as StarRating, rr as OPT_TH, rt as Slider, s as Pagination, sn as Spinner, sr as cn, st as ToolbarRoot, t as TextTruncate, tn as CompositeZone, tr as OPT_TEXT_SECONDARY, tt as PopoverRoot, un as Button, ut as TooltipAnchor, v as FormDateRangePicker, vn as SkeletonTable, vt as MenuSeparator, w as FormIconPicker, wt as ComboboxGroupLabel, x as FormField, xt as MenubarRoot, y as FormDescription, yn as SkeletonText, yt as MenuTrigger, z as FormStarRating, zn as OPT_DOT_YELLOW, zt as SelectItem } from "./text-truncate-DSuZECy0.js";
 import { $ as Identity, A as PageHeader, B as DropdownTrigger, C as Logo, D as Section, E as ResizablePanelGroup, F as RadioGroup, G as Textarea, H as StepBuilder, I as DropdownContent, J as CardContent, K as Switch, L as DropdownItem, M as BlockLayout, N as LoadingOverlay, O as Container, P as Radio, Q as CardTitle, R as DropdownMenu, S as DrawerRoot, T as ResizablePanel, U as CircularProgress, V as ConditionBuilder, W as Progress, X as CardFooter, Y as CardDescription, Z as CardHeader, _ as getShaderFragment, a as THEME_PALETTES, at as AccordionItem, b as DrawerClose, c as ExpressionGroup, ct as Toggle, d as ShaderSurface, dt as Separator, et as Avatar, f as SHADER_OVERLAY_PARAM_KEYS, ft as Heading, g as SHADER_PRESET_IDS, h as SHADER_PRESETS, i as ColorPalettePicker, it as AccordionContent, j as createBlock, k as ScrollArea, l as Facet, lt as ToggleGroup, m as SHADER_PARAM_KEYS, n as InlineEdit, nt as DescriptionList, o as LiveRegion, ot as AccordionRoot, p as SHADER_PARAM_FALLBACK, pt as Text, q as Card, r as ColorPaletteDisplay, rt as Breadcrumb, s as Expression, st as AccordionTrigger, t as KeyPadMenu, tt as AvatarGroup, u as FacetGroup, ut as OtpField, v as getShaderPreset, w as ResizableHandle, x as DrawerPanel, y as VirtualList, z as DropdownSeparator } from "./key-pad-menu-Di2aRGbM.js";
-import { $ as CommandGroup, A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, Q as CommandEmpty, R as DeploymentTimeline, S as withoutField, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, X as Command, Y as CommandPalette, Z as CommandDialog, _ as fieldValues, a as TimeRangeControl, b as removeClause, c as describeClause, d as quoteValue, et as CommandInput, f as parseQuery, g as applyCellAction, h as addClause, i as DEFAULT_TIME_PRESETS, it as CommandShortcut, j as toast, k as NotificationToast, l as formatClause, m as EMPTY_QUERY, n as LogTable, nt as CommandList, o as useAutoRefresh, p as parseQueryWithDiagnostics, q as DashboardGrid, r as TimeSeriesPanel, rt as CommandSeparator, s as QueryBar, t as FieldSidebar, tt as CommandItem, u as formatQuery, v as isEmptyQuery, w as ScoreBreakdown, x as withFieldValue, y as queryFields, z as SettingsForm } from "./field-sidebar-BuO37l4c.js";
+import { $ as CommandGroup, A as ToastProvider, B as FaqAccordion, C as Flyout, D as KeyValueEditor, E as WorkflowCanvas, F as BranchSelect, G as StatusSelect, H as EditorToolbar, I as EnvPanel, J as CommandPaletteTrigger, K as SearchCombobox, L as ProjectSwitcher, M as useToast, N as DataTable, O as FailureList, P as DomainTable, Q as CommandEmpty, R as DeploymentTimeline, S as withoutField, T as EventTimeline, U as SidebarNav, V as ContentTabs, W as AppMenubar, X as Command, Y as CommandPalette, Z as CommandDialog, _ as fieldValues, a as TimeRangeControl, b as removeClause, c as describeClause, d as quoteValue, et as CommandInput, f as parseQuery, g as applyCellAction, h as addClause, i as DEFAULT_TIME_PRESETS, it as CommandShortcut, j as toast, k as NotificationToast, l as formatClause, m as EMPTY_QUERY, n as LogTable, nt as CommandList, o as useAutoRefresh, p as parseQueryWithDiagnostics, q as DashboardGrid, r as TimeSeriesPanel, rt as CommandSeparator, s as QueryBar, t as FieldSidebar, tt as CommandItem, u as formatQuery, v as isEmptyQuery, w as ScoreBreakdown, x as withFieldValue, y as queryFields, z as SettingsForm } from "./field-sidebar-zkkqC7__.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Component, createContext, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";

package/dist/meta.cjs

@@ -3,7 +3,7 @@ const coreMetas = [
 	{
 		name: "FieldToken",
 		category: "core",
-		description: "필드 타입을 글리프 하나로 표현하는 토큰. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 고정된 아이콘과 팔레트 슬롯을 부여해 필드 목록·컬럼 헤더·속성 테이블 전역에서 같은 어휘를 쓴다.",
+		description: "필드 타입을 일관된 글리프와 선택적 텍스트 레이블로 표현합니다. 문자열·숫자·날짜·IP·지오 등 분석 스키마 타입마다 같은 아이콘과 팔레트 슬롯을 씁니다.",
 		slug: "field-token",
 		exports: [
 			"FieldToken",
@@ -46,6 +46,17 @@ const coreMetas = [
 				default: "false",
 				description: "인접 텍스트가 타입을 이미 말할 때 접근성 트리에서 제외"
 			},
+			{
+				name: "withLabel",
+				type: "boolean",
+				default: "false",
+				description: "글리프 옆에 타입 이름을 함께 표시"
+			},
+			{
+				name: "label",
+				type: "string",
+				description: "withLabel이 표시할 문구. 기본값은 타입 이름"
+			},
 			{
 				name: "className",
 				type: "string",
@@ -5157,6 +5168,11 @@ const MyDashboard = createBlock<MyDashboardProps>(
 				type: "string",
 				required: true,
 				description: "radiogroup 이름. 필수"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -5767,7 +5783,7 @@ const fields = [
 	{
 		name: "DataTable",
 		category: "shell",
-		description: "제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.",
+		description: "제네릭 데이터 테이블. 제목은 opt-in이고 ariaLabel로 grid를 이름 붙이며, 동적 컬럼·안전 정렬·키보드 리사이즈·Composite 탐색을 지원합니다.",
 		slug: "data-table",
 		exports: ["DataTable"],
 		keyboardShortcuts: [
@@ -5835,8 +5851,12 @@ const fields = [
 				{
 					name: "title",
 					type: "string",
-					default: "\"데이터 테이블\"",
-					description: "테이블 제목"
+					description: "테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음"
+				},
+				{
+					name: "ariaLabel",
+					type: "string",
+					description: "보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름"
 				},
 				{
 					name: "onRowClick",
@@ -5846,7 +5866,7 @@ const fields = [
 				{
 					name: "emptyMessage",
 					type: "string",
-					default: "\"데이터가 없습니다\"",
+					default: "\"No data available\"",
 					description: "데이터 없을 때 표시할 메시지"
 				}
 			],
@@ -6820,10 +6840,78 @@ const filters = [
 	{
 		name: "PropertyExplorer",
 		category: "shell",
-		description: "프로퍼티 탐색기. 검색 가능한 속성 목록을 그룹별로 표시합니다.",
+		description: "검색 가능한 속성 목록을 그룹별로 표시하고, 숨김 상태와 호출자 소유의 명시적인 편집 액션을 함께 제공합니다.",
 		slug: "property-explorer",
 		exports: ["PropertyExplorer"],
-		props: {},
+		props: {
+			PropertyExplorer: [
+				{
+					name: "groups",
+					type: "PropertyGroup[]",
+					required: true,
+					description: "그룹별 속성 목록. 각 속성은 dataType과 hidden 상태를 포함 가능"
+				},
+				{
+					name: "onSelect",
+					type: "(property: PropertyDef) => void",
+					description: "속성 선택"
+				},
+				{
+					name: "onEdit",
+					type: "(property: PropertyDef) => void",
+					description: "행에 명시적인 편집 버튼을 표시하고 선택한 속성을 전달"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
+				},
+				{
+					name: "labels",
+					type: "PropertyExplorerLabels",
+					description: "검색·빈 상태·편집·숨김 문구"
+				}
+			],
+			PropertyDef: [
+				{
+					name: "name",
+					type: "string",
+					required: true,
+					description: "속성 이름"
+				},
+				{
+					name: "type",
+					type: "string",
+					required: true,
+					description: "원본 스키마 타입"
+				},
+				{
+					name: "dataType",
+					type: "FieldDataType",
+					description: "호출자가 이미 판정한 opt-ui 필드 타입"
+				},
+				{
+					name: "description",
+					type: "string",
+					description: "속성 설명"
+				},
+				{
+					name: "exampleValue",
+					type: "string",
+					description: "예시 값"
+				},
+				{
+					name: "eventCount",
+					type: "number",
+					description: "관측 이벤트 수"
+				},
+				{
+					name: "hidden",
+					type: "boolean",
+					description: "피커에서는 숨기되 탐색기에서는 흐리게 표시할 상태"
+				}
+			]
+		},
 		dependencies: [{
 			slug: "input",
 			category: "core"
@@ -6982,10 +7070,74 @@ const filters = [
 	{
 		name: "EventMetaEditor",
 		category: "shell",
-		description: "이벤트 메타 에디터. 레이블이 연결된 IconPicker + ColorPicker + TagInput 조합으로 이벤트 메타데이터를 편집합니다.",
+		description: "기본 이벤트 메타와 호출자 소유 섹션을 한 폼에서 편집하고, footer의 한 액션으로 함께 저장할 수 있습니다.",
 		slug: "event-meta-editor",
 		exports: ["EventMetaEditor"],
-		props: {},
+		props: {
+			EventMetaEditor: [
+				{
+					name: "value",
+					type: "EventMeta",
+					required: true,
+					description: "편집 중인 이벤트 메타데이터"
+				},
+				{
+					name: "onChange",
+					type: "(meta: EventMeta) => void",
+					required: true,
+					description: "메타데이터 변경"
+				},
+				{
+					name: "icons",
+					type: "IconDef[]",
+					description: "선택 가능한 아이콘"
+				},
+				{
+					name: "sections",
+					type: "EventMetaEditorSection[]",
+					description: "기본 여섯 필드 뒤에 렌더할 호출자 소유 섹션"
+				},
+				{
+					name: "footer",
+					type: "ReactNode",
+					description: "내장 필드와 추가 섹션을 함께 저장하는 마지막 액션 영역"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
+				},
+				{
+					name: "labels",
+					type: "EventMetaEditorLabels",
+					description: "필드 레이블과 placeholder 문구"
+				}
+			],
+			EventMetaEditorSection: [
+				{
+					name: "id",
+					type: "string",
+					required: true,
+					description: "섹션 키"
+				},
+				{
+					name: "title",
+					type: "ReactNode",
+					description: "섹션 제목"
+				},
+				{
+					name: "description",
+					type: "ReactNode",
+					description: "섹션 변경이 미치는 영향 안내"
+				},
+				{
+					name: "children",
+					type: "ReactNode",
+					required: true,
+					description: "호출자가 소유하는 필드"
+				}
+			]
+		},
 		dependencies: [
 			{
 				slug: "input",
@@ -9369,6 +9521,16 @@ const messages = [
 				type: "\"sm\" | \"md\" | \"lg\"",
 				default: "\"md\"",
 				description: "push 레이아웃에서의 인스펙터 폭"
+			},
+			{
+				name: "labels",
+				type: "InspectorLayoutLabels",
+				description: "닫기 버튼 등 인스펙터 문구"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -9434,6 +9596,16 @@ const messages = [
 				name: "queryBarLabels",
 				type: "QueryBarLabels",
 				description: "QueryBar로 통과되는 나머지 문구. placeholder/ariaLabel은 labels가 이깁니다"
+			},
+			{
+				name: "labels",
+				type: "QueryFilterBarLabels",
+				description: "검색·필터·초기화 문구"
+			},
+			{
+				name: "className",
+				type: "string",
+				description: "추가 CSS 클래스"
 			}
 		] },
 		usage: {
@@ -9616,6 +9788,11 @@ const messages = [
 					name: "labels",
 					type: "CatalogFrameLabels",
 					description: "빈/필터된 빈/에러 문구"
+				},
+				{
+					name: "className",
+					type: "string",
+					description: "추가 CSS 클래스"
 				}
 			],
 			CatalogRowActions: [
@@ -9643,6 +9820,36 @@ const messages = [
 					description: "그룹·오버플로 라벨"
 				}
 			],
+			CatalogRowAction: [
+				{
+					name: "id",
+					type: "string",
+					required: true,
+					description: "액션 키"
+				},
+				{
+					name: "label",
+					type: "string",
+					required: true,
+					description: "액션 문구"
+				},
+				{
+					name: "icon",
+					type: "ReactNode",
+					description: "선택적 액션 아이콘"
+				},
+				{
+					name: "onSelect",
+					type: "(item: T) => void",
+					required: true,
+					description: "행과 함께 호출되는 액션"
+				},
+				{
+					name: "available",
+					type: "(item: T) => boolean",
+					description: "이 행에 적용되지 않는 액션을 비활성화 대신 제거"
+				}
+			],
 			CatalogCellControls: [{
 				name: "children",
 				type: "ReactNode",