@reopt-ai/opt-ui 1.12.1 → 1.12.3

package/COMPONENT_CATALOG.md

@@ -2,7 +2,7 @@
 
 <!-- DEPRECATED: Prefer dist/docs/02-components/ for per-layer reference. -->
 <!-- Auto-generated from ComponentMeta. Do not edit. -->
-<!-- Version: 1.12.0 -->
+<!-- Version: 1.12.2 -->
 
 ## Quick Stats
 
@@ -2385,12 +2385,12 @@ const MyDashboard = createBlock<MyDashboardProps>(
 
 **Import:** `import { StatusDot } from "@reopt-ai/opt-ui"`
 
-| Prop       | Type                                                                   | Required | Default   | Description                            |
-| ---------- | ---------------------------------------------------------------------- | -------- | --------- | -------------------------------------- |
-| `tone`     | `"neutral" \| "muted" \| "info" \| "success" \| "warning" \| "danger"` |          | "neutral" | 점 색상                                |
-| `size`     | `"sm" \| "md"`                                                         |          | "md"      | 점과 글자 크기                         |
-| `children` | `ReactNode`                                                            | Yes      |           | 상태 라벨. 필수 — 색은 상태가 아닙니다 |
-| `hint`     | `string`                                                               |          |           | 판정 기준 툴팁                         |
+| Prop       | Type                                                                   | Required | Default   | Description                                                                            |
+| ---------- | ---------------------------------------------------------------------- | -------- | --------- | -------------------------------------------------------------------------------------- |
+| `tone`     | `"neutral" \| "muted" \| "info" \| "success" \| "warning" \| "danger"` |          | "neutral" | 점 색상                                                                                |
+| `size`     | `"sm" \| "md"`                                                         |          | "md"      | 점과 글자 크기                                                                         |
+| `children` | `ReactNode`                                                            | Yes      |           | 상태 라벨. 필수 — 색은 상태가 아닙니다                                                 |
+| `hint`     | `string`                                                               |          |           | 판정 기준. 호버·키보드 포커스로 열리는 툴팁이며, 지정하면 이 항목이 탭 정지점이 됩니다 |
 
 #### CopyButton
 
@@ -2671,22 +2671,24 @@ const fields = [
 
 **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`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음 |
-| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름        |
-| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                              |
-| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                |
+| 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" | 데이터 없을 때 표시할 메시지                                                                                   |
+| `labels`       | `DataTableLabels`    |          |                     | 선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다 |
 
 **ColumnDef:**
 
-| Prop       | Type                 | Required | Default     | Description                                                  |
-| ---------- | -------------------- | -------- | ----------- | ------------------------------------------------------------ |
-| `bar`      | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정 |
-| `barColor` | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                        |
+| Prop           | Type                 | Required | Default     | Description                                                                                         |
+| -------------- | -------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------- |
+| `headerHidden` | `boolean`            |          | false       | 이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다 |
+| `bar`          | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정                                        |
+| `barColor`     | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                                                               |
 
 **Keyboard Shortcuts:**
 
@@ -3130,15 +3132,15 @@ const filters = [
 
 **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 문구                         |
+| 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 문구. iconPlaceholder는 내부 IconPicker로 전달됩니다 |
 
 **EventMetaEditorSection:**
 
@@ -3906,7 +3908,7 @@ const messages = [
 | `onBulkAction`         | `(actionId: string) => void`   |          |         | 일괄 작업 실행                                                    |
 | `error`                | `ReactNode`                    |          |         | 읽기 실패. 빈 목록과 다른 답                                      |
 | `onRetry`              | `() => void`                   |          |         | 재시도                                                            |
-| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구                                            |
+| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)       |
 | `className`            | `string`                       |          |         | 추가 CSS 클래스                                                   |
 
 **CatalogRowActions:**

package/README.md

@@ -214,13 +214,18 @@ import {
 ```ts
 import { matchesQueryObject, parseQuery } from "@reopt-ai/opt-ui/query";
 
-const query = parseQuery("service:api -status:200 duration>250");
+const query = parseQuery("service:api tags:checkout -status:200");
 
 const visibleRows = rows.filter((row) =>
   matchesQueryObject(query, row, { nested: "properties" }),
 );
 ```
 
+문자열·숫자 같은 단일 값과 `tags: ["checkout", "payment"]` 같은 배열 필드는
+같은 쿼리로 다룰 수 있습니다. `tags:checkout`과 `tags:*`는 배열 전체를 문자열로
+바꾸지 않고 각 원소를 비교하며, 빈 배열은 `tags:*`에 일치하지 않습니다. 필드가
+없는 bare term 검색도 문자열·숫자·불리언 배열 원소를 검색합니다.
+
 UI에서는 동일한 <code>Query</code>를 <code>QueryBar</code>에 전달하고,
 <code>LogTable</code>의 cell action을 <code>applyCellAction</code>으로 다시
 쿼리에 합칩니다. <code>FieldSidebar</code>의 값 분포 필터도 같은

package/dist/core/index.cjs

@@ -1,7 +1,7 @@
 "use client";
 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_text_truncate = require("../text-truncate-DsG5UAOY.cjs");
+const require_key_pad_menu = require("../key-pad-menu-1YN221Oi.cjs");
 let _reopt_ai_opt_ui_primitives = require("@reopt-ai/opt-ui-primitives");
 exports.AccordionContent = require_key_pad_menu.AccordionContent;
 exports.AccordionItem = require_key_pad_menu.AccordionItem;

package/dist/core/index.js

@@ -1,4 +1,4 @@
 "use client";
-import { $ as PopoverClose, $t as CompositeProvider, A as FormRadio, At as DialogBody, B as FormSubmit, Bt as SelectLabel, C as FormGroupLabel, Ct as ComboboxGroup, Dt as ComboboxPopover, E as FormLabel, Et as ComboboxItem, F as FormSelect, Ft as DialogHeader, G as useFormContext, Gt as TabList, Ht as SelectRoot, I as FormSelectItem, It as DialogHeading, J as DateRangePicker, Jt as DisclosureContent, K as useFormStore, Kt as TabPanel, L as FormSelectPopover, Lt as DialogPanel, M as FormRemove, Mt as DialogDisclosure, N as FormReset, Nt as DialogDismiss, O as FormProvider, Ot as ComboboxRoot, P as FormRoot, Pt as DialogFooter, Q as ColorPicker, Qt as CompositeItem, Rt as DialogRoot, S as FormGroup, St as ComboboxEmpty, T as FormInput, Tt as ComboboxInput, U as FormTextarea, Ut as SelectTrigger, V as FormSwitch, Vt as SelectPopover, Wt as Tab, X as IconPicker, Xt as DisclosureTrigger, Y as TagInput, Yt as DisclosureRoot, Zt as Composite, _ as FormControl, _n as SkeletonCard, _t as MenuRoot, at as ToolbarButton, b as FormError, bt as MenubarContainer, c as Checkbox, cn as Badge, ct as ToolbarSeparator, dt as TooltipProvider, en as CompositeRow, et as PopoverContent, ft as MenuButtonArrow, gn as SkeletonAvatar, gt as MenuPopover, h as FormCheckbox, hn as Skeleton, ht as MenuItemRadio, i as FieldToken, in as Input, it as NumberInput, j as FormRadioGroup, jt as DialogDescription, k as FormPush, kt as AlertDialogPanel, l as CheckboxGroup, ln as EmptyState, lt as Tooltip, mn as StatCard, mt as MenuItemCheckbox, n as Highlight, nn as Meter, nt as PopoverTrigger, o as resolveFieldType, on as Alert, or as Kbd, ot as ToolbarContainer, pt as MenuItem, q as DEFAULT_PRESETS, qt as TabsRoot, r as FIELD_TYPE_TOKENS, rt as Slider, s as Pagination, sn as Spinner, st as ToolbarRoot, t as TextTruncate, tn as CompositeZone, tt as PopoverRoot, un as Button, ut as TooltipAnchor, vn as SkeletonTable, vt as MenuSeparator, wt as ComboboxGroupLabel, x as FormField, xt as MenubarRoot, y as FormDescription, yn as SkeletonText, yt as MenuTrigger, 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, 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 PopoverClose, $t as ToolbarButton, A as FormRadio, At as DialogPanel, B as FormSubmit, Bt as TabsRoot, C as FormGroupLabel, Ct as DialogBody, Dt as DialogFooter, E as FormLabel, Et as DialogDismiss, F as FormSelect, Ft as SelectRoot, G as useFormContext, Gt as CompositeItem, Ht as DisclosureRoot, I as FormSelectItem, It as SelectTrigger, J as DateRangePicker, Jt as CompositeZone, K as useFormStore, Kt as CompositeProvider, L as FormSelectPopover, Lt as Tab, M as FormRemove, Mt as SelectItem, N as FormReset, Nt as SelectLabel, O as FormProvider, Ot as DialogHeader, P as FormRoot, Pt as SelectPopover, Q as ColorPicker, Rt as TabList, S as FormGroup, St as AlertDialogPanel, T as FormInput, Tt as DialogDisclosure, U as FormTextarea, Ut as DisclosureTrigger, V as FormSwitch, Vt as DisclosureContent, Wt as Composite, X as IconPicker, Y as TagInput, Yt as Meter, Zt as Input, _ as FormControl, _n as SkeletonCard, _t as ComboboxGroupLabel, an as TooltipProvider, at as MenuButtonArrow, b as FormError, bt as ComboboxPopover, c as Checkbox, cn as Badge, ct as MenuItemRadio, dt as MenuSeparator, en as ToolbarContainer, et as PopoverContent, ft as MenuTrigger, gn as SkeletonAvatar, gt as ComboboxGroup, h as FormCheckbox, hn as Skeleton, ht as ComboboxEmpty, i as FieldToken, in as TooltipAnchor, it as NumberInput, j as FormRadioGroup, jt as DialogRoot, k as FormPush, kt as DialogHeading, l as CheckboxGroup, ln as EmptyState, lt as MenuPopover, mn as StatCard, mt as MenubarRoot, n as Highlight, nn as ToolbarSeparator, nt as PopoverTrigger, o as resolveFieldType, on as Alert, or as Kbd, ot as MenuItem, pt as MenubarContainer, q as DEFAULT_PRESETS, qt as CompositeRow, r as FIELD_TYPE_TOKENS, rn as Tooltip, rt as Slider, s as Pagination, sn as Spinner, st as MenuItemCheckbox, t as TextTruncate, tn as ToolbarRoot, tt as PopoverRoot, un as Button, ut as MenuRoot, vn as SkeletonTable, vt as ComboboxInput, wt as DialogDescription, x as FormField, xt as ComboboxRoot, y as FormDescription, yn as SkeletonText, yt as ComboboxItem, zt as TabPanel } from "../text-truncate-BFWd2cE_.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, 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-CUiQ-vKw.js";
 export { AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger, Alert, AlertDialogPanel, Avatar, AvatarGroup, Badge, BlockLayout, BlockLayout as SurfaceLayout, Breadcrumb, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroup, CircularProgress, ColorPaletteDisplay, ColorPalettePicker, ColorPicker, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, Container, DEFAULT_PRESETS, DateRangePicker, DescriptionList, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, Expression, ExpressionGroup, FIELD_TYPE_TOKENS, Facet, FacetGroup, FieldToken, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSubmit, FormSwitch, FormTextarea, Heading, Highlight, IconPicker, Identity, InlineEdit, Input, Kbd, KeyPadMenu, LiveRegion, Logo, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, NumberInput, OtpField, PageHeader, Pagination, PopoverClose, PopoverContent, PopoverRoot, PopoverTrigger, Progress, Radio, RadioGroup, ResizableHandle, ResizablePanel, ResizablePanelGroup, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, Section, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, ShaderSurface, Skeleton, SkeletonAvatar, SkeletonCard, SkeletonTable, SkeletonText, Slider, Spinner, StatCard, StepBuilder, Switch, THEME_PALETTES, Tab, TabList, TabPanel, TabsRoot, TagInput, Text, TextTruncate, Textarea, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, resolveFieldType, useFormContext, useFormStore };

package/dist/docs/02-components/01-core.md

@@ -1,7 +1,7 @@
 ---
 title: "Core Components"
 description: "74 Core layer components — props, examples, keyboard shortcuts."
-version: "1.12.0"
+version: "1.12.2"
 generated: true
 ---
 
@@ -2272,12 +2272,12 @@ const MyDashboard = createBlock<MyDashboardProps>(
 
 **Import:** `import { StatusDot } from "@reopt-ai/opt-ui"`
 
-| Prop       | Type                                                                   | Required | Default   | Description                            |
-| ---------- | ---------------------------------------------------------------------- | -------- | --------- | -------------------------------------- |
-| `tone`     | `"neutral" \| "muted" \| "info" \| "success" \| "warning" \| "danger"` |          | "neutral" | 점 색상                                |
-| `size`     | `"sm" \| "md"`                                                         |          | "md"      | 점과 글자 크기                         |
-| `children` | `ReactNode`                                                            | Yes      |           | 상태 라벨. 필수 — 색은 상태가 아닙니다 |
-| `hint`     | `string`                                                               |          |           | 판정 기준 툴팁                         |
+| Prop       | Type                                                                   | Required | Default   | Description                                                                            |
+| ---------- | ---------------------------------------------------------------------- | -------- | --------- | -------------------------------------------------------------------------------------- |
+| `tone`     | `"neutral" \| "muted" \| "info" \| "success" \| "warning" \| "danger"` |          | "neutral" | 점 색상                                                                                |
+| `size`     | `"sm" \| "md"`                                                         |          | "md"      | 점과 글자 크기                                                                         |
+| `children` | `ReactNode`                                                            | Yes      |           | 상태 라벨. 필수 — 색은 상태가 아닙니다                                                 |
+| `hint`     | `string`                                                               |          |           | 판정 기준. 호버·키보드 포커스로 열리는 툴팁이며, 지정하면 이 항목이 탭 정지점이 됩니다 |
 
 ### CopyButton
 

package/dist/docs/02-components/02-visuals.md

@@ -1,7 +1,7 @@
 ---
 title: "Visual Components"
 description: "0 Visual layer components — props, examples, keyboard shortcuts."
-version: "1.12.0"
+version: "1.12.2"
 generated: true
 ---
 

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

@@ -1,7 +1,7 @@
 ---
 title: "Shell Components"
 description: "86 Shell layer components — props, examples, keyboard shortcuts."
-version: "1.12.0"
+version: "1.12.2"
 generated: true
 ---
 
@@ -322,22 +322,24 @@ import { AppShell } from "@reopt-ai/opt-ui";
 
 **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`             |          |                     | 테이블 위에 표시할 제목. 생략하면 제목 영역을 렌더하지 않음 |
-| `ariaLabel`    | `string`             |          |                     | 보이는 제목이 없을 때 grid에 제공할 접근 가능한 이름        |
-| `onRowClick`   | `(row: T) => void`   |          |                     | 행 클릭 핸들러                                              |
-| `emptyMessage` | `string`             |          | "No data available" | 데이터 없을 때 표시할 메시지                                |
+| 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" | 데이터 없을 때 표시할 메시지                                                                                   |
+| `labels`       | `DataTableLabels`    |          |                     | 선택·리사이즈·펼치기처럼 스크린리더만 듣는 문구. 보이는 문구는 columns와 emptyMessage가 이미 호출자의 것입니다 |
 
 **ColumnDef:**
 
-| Prop       | Type                 | Required | Default     | Description                                                  |
-| ---------- | -------------------- | -------- | ----------- | ------------------------------------------------------------ |
-| `bar`      | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정 |
-| `barColor` | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                        |
+| Prop           | Type                 | Required | Default     | Description                                                                                         |
+| -------------- | -------------------- | -------- | ----------- | --------------------------------------------------------------------------------------------------- |
+| `headerHidden` | `boolean`            |          | false       | 이름은 두되 그리지 않음. 행 액션처럼 제목이 필요 없는 컬럼용 — 빈 header는 컬럼을 익명으로 만듭니다 |
+| `bar`          | `(row: T) => number` |          |             | 인라인 프로그레스 바 비율(0-1) 계산 함수. 범위 밖/NaN은 보정                                        |
+| `barColor`     | `string`             |          | "bg-accent" | 인라인 바 색상 클래스                                                                               |
 
 **Keyboard Shortcuts:**
 
@@ -1180,15 +1182,15 @@ const fields = [
 
 **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 문구                         |
+| 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 문구. iconPlaceholder는 내부 IconPicker로 전달됩니다 |
 
 **EventMetaEditorSection:**
 
@@ -1831,7 +1833,7 @@ const messages = [
 | `onBulkAction`         | `(actionId: string) => void`   |          |         | 일괄 작업 실행                                                    |
 | `error`                | `ReactNode`                    |          |         | 읽기 실패. 빈 목록과 다른 답                                      |
 | `onRetry`              | `() => void`                   |          |         | 재시도                                                            |
-| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구                                            |
+| `labels`               | `CatalogFrameLabels`           |          |         | 빈/필터된 빈/에러 문구와 인스펙터 닫기 버튼(closeInspector)       |
 | `className`            | `string`                       |          |         | 추가 CSS 클래스                                                   |
 
 **CatalogRowActions:**

package/dist/docs/02-components/04-surfaces.md

@@ -1,7 +1,7 @@
 ---
 title: "Surface Components"
 description: "0 Surface layer components — props, examples, keyboard shortcuts."
-version: "1.12.0"
+version: "1.12.2"
 generated: true
 ---
 

package/dist/docs/02-components/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Component Reference"
 description: "Complete reference for 160 @reopt-ai/opt-ui components across 4 layers."
-version: "1.12.0"
+version: "1.12.2"
 generated: true
 ---
 

package/dist/{field-sidebar-uXmoyvd7.d.cts → field-sidebar-BdP0-TMs.d.cts}

@@ -282,6 +282,30 @@ interface ColumnDef<T> {
   bar?: (row: T) => number;
   /** Bar color class (default: "bg-accent") */
   barColor?: string;
+  /**
+   * Name the column without drawing the name.
+   *
+   * A column of row actions or icons needs no visible heading, but a `<th>`
+   * with an empty string leaves the column unnamed to anyone navigating the
+   * grid by header. `header` stays required so there is always a name to say.
+   */
+  headerHidden?: boolean;
+}
+/**
+ * Localized labels for the data table component.
+ *
+ * These were hard-coded English. Everything a caller can see was already
+ * theirs to write — headers, empty message, title — but the strings only a
+ * screen reader hears were not, so a fully translated table still announced
+ * "Select row purchase_completed" in the middle of a Korean page.
+ */
+interface DataTableLabels {
+  selectAll?: string;
+  /** Named per row, because "select row" alone does not say which. */
+  selectRow?: (key: string) => string;
+  resizeColumn?: (header: string) => string;
+  expandRow?: (key: string) => string;
+  collapseRow?: (key: string) => string;
 }
 /** Props for the data table component. */
 interface DataTableProps<T> {
@@ -321,10 +345,11 @@ interface DataTableProps<T> {
   resizableColumns?: boolean;
   /** External (server-side) sort callback */
   onSort?: (columnId: string, direction: "asc" | "desc" | null) => void;
+  labels?: DataTableLabels;
   className?: string;
 }
 /** Renders the data table component. */
-declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, className }: DataTableProps<T>): import("react").JSX.Element;
+declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, labels: customLabels, className }: DataTableProps<T>): import("react").JSX.Element;
 //#endregion
 //#region src/shells/notification-toast.d.ts
 /** Defines the toast action shape. */

package/dist/{field-sidebar-CrYlRZew.d.ts → field-sidebar-CHs8eEzs.d.ts}

@@ -282,6 +282,30 @@ interface ColumnDef<T> {
   bar?: (row: T) => number;
   /** Bar color class (default: "bg-accent") */
   barColor?: string;
+  /**
+   * Name the column without drawing the name.
+   *
+   * A column of row actions or icons needs no visible heading, but a `<th>`
+   * with an empty string leaves the column unnamed to anyone navigating the
+   * grid by header. `header` stays required so there is always a name to say.
+   */
+  headerHidden?: boolean;
+}
+/**
+ * Localized labels for the data table component.
+ *
+ * These were hard-coded English. Everything a caller can see was already
+ * theirs to write — headers, empty message, title — but the strings only a
+ * screen reader hears were not, so a fully translated table still announced
+ * "Select row purchase_completed" in the middle of a Korean page.
+ */
+interface DataTableLabels {
+  selectAll?: string;
+  /** Named per row, because "select row" alone does not say which. */
+  selectRow?: (key: string) => string;
+  resizeColumn?: (header: string) => string;
+  expandRow?: (key: string) => string;
+  collapseRow?: (key: string) => string;
 }
 /** Props for the data table component. */
 interface DataTableProps<T> {
@@ -321,10 +345,11 @@ interface DataTableProps<T> {
   resizableColumns?: boolean;
   /** External (server-side) sort callback */
   onSort?: (columnId: string, direction: "asc" | "desc" | null) => void;
+  labels?: DataTableLabels;
   className?: string;
 }
 /** Renders the data table component. */
-declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, className }: DataTableProps<T>): import("react").JSX.Element;
+declare function DataTable<T>({ data, columns, keyExtractor, title, ariaLabel, onRowClick, emptyMessage, activeRowId, sortable, selectable, selectedKeys, onSelectionChange, expandable, renderExpanded, pageSize, stickyHeader, resizableColumns, onSort: onSortExternal, labels: customLabels, className }: DataTableProps<T>): import("react").JSX.Element;
 //#endregion
 //#region src/shells/notification-toast.d.ts
 /** Defines the toast action shape. */