@reopt-ai/opt-ui 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/COMPONENT_CATALOG.md +95 -12
  2. package/dist/app.css +24 -0
  3. package/dist/core/index.cjs +3 -3
  4. package/dist/core/index.d.cts +1 -1
  5. package/dist/core/index.d.ts +1 -1
  6. package/dist/core/index.js +2 -2
  7. package/dist/docs/02-components/03-shells.md +104 -11
  8. package/dist/docs/02-components/index.md +3 -3
  9. package/dist/docs/05-migration/01-breaking-changes.md +18 -1
  10. package/dist/field-sidebar-BTZCBviA.d.cts +1031 -0
  11. package/dist/field-sidebar-BTZCBviA.d.cts.map +1 -0
  12. package/dist/field-sidebar-CB8vjvUM.d.ts +1031 -0
  13. package/dist/field-sidebar-CB8vjvUM.d.ts.map +1 -0
  14. package/dist/{workflow-canvas-BGBAcjf-.js → field-sidebar-Cs-J-5VE.js} +1882 -52
  15. package/dist/field-sidebar-Cs-J-5VE.js.map +1 -0
  16. package/dist/{workflow-canvas-3Jeevkgy.cjs → field-sidebar-CzIQX70-.cjs} +2010 -48
  17. package/dist/id-registry.cjs +41 -1
  18. package/dist/id-registry.d.cts +1 -1
  19. package/dist/id-registry.d.cts.map +1 -1
  20. package/dist/id-registry.d.ts +1 -1
  21. package/dist/id-registry.d.ts.map +1 -1
  22. package/dist/id-registry.js +41 -1
  23. package/dist/id-registry.js.map +1 -1
  24. package/dist/id-registry.json +85 -0
  25. package/dist/index.cjs +142 -56
  26. package/dist/index.d.cts +149 -80
  27. package/dist/index.d.cts.map +1 -1
  28. package/dist/index.d.ts +149 -80
  29. package/dist/index.d.ts.map +1 -1
  30. package/dist/index.js +73 -11
  31. package/dist/index.js.map +1 -1
  32. package/dist/meta.cjs +292 -0
  33. package/dist/meta.d.cts.map +1 -1
  34. package/dist/meta.d.ts.map +1 -1
  35. package/dist/meta.js +292 -0
  36. package/dist/meta.js.map +1 -1
  37. package/dist/{pagination-By7Ozv3U.js → pagination-DWbvACuN.js} +93 -31
  38. package/dist/pagination-DWbvACuN.js.map +1 -0
  39. package/dist/{pagination-Uv3CnGJz.cjs → pagination-DjfxBcjX.cjs} +98 -36
  40. package/dist/query.cjs +386 -0
  41. package/dist/query.d.cts +141 -0
  42. package/dist/query.d.cts.map +1 -0
  43. package/dist/query.d.ts +141 -0
  44. package/dist/query.d.ts.map +1 -0
  45. package/dist/query.js +371 -0
  46. package/dist/query.js.map +1 -0
  47. package/dist/{shader-surface-BWhO2xkk.js → shader-surface-BUPZ0P-n.js} +22 -83
  48. package/dist/shader-surface-BUPZ0P-n.js.map +1 -0
  49. package/dist/{shader-surface-DIVWtpFl.d.ts → shader-surface-BfTP9c1Q.d.ts} +139 -139
  50. package/dist/shader-surface-BfTP9c1Q.d.ts.map +1 -0
  51. package/dist/{shader-surface-BK1GMt5_.d.cts → shader-surface-DRrcLrWf.d.cts} +139 -139
  52. package/dist/shader-surface-DRrcLrWf.d.cts.map +1 -0
  53. package/dist/{shader-surface-DxLLfrE6.cjs → shader-surface-Fav5K9UC.cjs} +20 -87
  54. package/dist/shells/index.cjs +31 -24
  55. package/dist/shells/index.d.cts +2 -2
  56. package/dist/shells/index.d.ts +2 -2
  57. package/dist/shells/index.js +3 -2
  58. package/dist/theme/presets/default.css +2 -2
  59. package/dist/theme/presets/minimal.css +2 -2
  60. package/dist/theme/presets/mono-dark.css +2 -2
  61. package/dist/theme/presets/natural.css +1 -1
  62. package/dist/theme/presets/pro.css +2 -2
  63. package/package.json +17 -6
  64. package/dist/pagination-By7Ozv3U.js.map +0 -1
  65. package/dist/shader-surface-BK1GMt5_.d.cts.map +0 -1
  66. package/dist/shader-surface-BWhO2xkk.js.map +0 -1
  67. package/dist/shader-surface-DIVWtpFl.d.ts.map +0 -1
  68. package/dist/workflow-canvas-BGBAcjf-.js.map +0 -1
  69. package/dist/workflow-canvas-Bar_O2SQ.d.ts +0 -494
  70. package/dist/workflow-canvas-Bar_O2SQ.d.ts.map +0 -1
  71. package/dist/workflow-canvas-DghDRtHn.d.cts +0 -494
  72. package/dist/workflow-canvas-DghDRtHn.d.cts.map +0 -1
@@ -10,9 +10,9 @@
10
10
  | --------- | ------- |
11
11
  | Core | 59 |
12
12
  | Visuals | 0 |
13
- | Shells | 75 |
13
+ | Shells | 80 |
14
14
  | Surfaces | 0 |
15
- | **Total** | **134** |
15
+ | **Total** | **139** |
16
16
 
17
17
  ## Component Selection Guide
18
18
 
@@ -196,7 +196,7 @@
196
196
  | Component | Description | Key Exports |
197
197
  | --------- | ----------- | ----------- |
198
198
 
199
- ## Shell Components (75)
199
+ ## Shell Components (80)
200
200
 
201
201
  ### Navigation & Layout
202
202
 
@@ -328,15 +328,20 @@
328
328
 
329
329
  ### Other
330
330
 
331
- | Component | Description | Key Exports |
332
- | --------------- | -------------------------------------------------------------------------- | ----------------- |
333
- | PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
334
- | FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
335
- | KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
336
- | AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
337
- | ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
338
- | ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
339
- | ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
331
+ | Component | Description | Key Exports |
332
+ | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ |
333
+ | PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
334
+ | FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
335
+ | KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
336
+ | AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
337
+ | ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
338
+ | ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
339
+ | ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
340
+ | TimeRangeControl | date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다. | `TimeRangeControl`, `DEFAULT_TIME_PRESETS` |
341
+ | TimeSeriesPanel | 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다. | `TimeSeriesPanel` |
342
+ | LogTable | 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다. | `LogTable` |
343
+ | QueryBar | 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다. | `QueryBar` |
344
+ | FieldSidebar | 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다. | `FieldSidebar` |
340
345
 
341
346
  ## Surface Components (0)
342
347
 
@@ -3287,4 +3292,82 @@ const messages = [
3287
3292
  <ChatMessageList messages={messages} loading={false} />;
3288
3293
  ```
3289
3294
 
3295
+ #### TimeRangeControl
3296
+
3297
+ **Import:** `import { TimeRangeControl } from "@reopt-ai/opt-ui"`
3298
+
3299
+ | Prop | Type | Required | Default | Description |
3300
+ | ------------------- | -------------------------------- | -------- | ------- | ---------------------------------------- |
3301
+ | `value` | `TimeRange` | Yes | | { from, to } — date math 문자열 또는 ISO |
3302
+ | `onChange` | `(range: TimeRange) => void` | Yes | | 범위가 커밋되었을 때 호출 |
3303
+ | `presets` | `TimeRangePreset[]` | | | 자주 쓰는 범위 목록 |
3304
+ | `recentRanges` | `TimeRangePreset[]` | | | 최근 사용한 범위 (호출자 소유) |
3305
+ | `timeZone` | `string` | | | 라운딩·표시에 쓸 IANA 타임존 |
3306
+ | `showUpdateButton` | `boolean` | | true | 편집을 명시적으로 커밋 |
3307
+ | `showWindowButtons` | `boolean` | | true | 이전/다음 창, 확대/축소 버튼 |
3308
+ | `refresh` | `RefreshSetting` | | | { interval, paused } 자동 갱신 설정 |
3309
+ | `onRefresh` | `() => void \| Promise<unknown>` | | | 갱신 요청 — 프라미스가 끝난 뒤 다음 tick |
3310
+
3311
+ #### TimeSeriesPanel
3312
+
3313
+ **Import:** `import { TimeSeriesPanel } from "@reopt-ai/opt-ui"`
3314
+
3315
+ | Prop | Type | Required | Default | Description |
3316
+ | ------------------ | ---------------------------- | -------- | ------- | --------------------------------------------- |
3317
+ | `data` | `TimeSeriesPoint[]` | Yes | | 시계열 데이터 |
3318
+ | `series` | `TimeSeriesDef[]` | Yes | | 시리즈 정의 |
3319
+ | `range` | `TimeRange` | Yes | | 조회 구간 — 차트 축도 여기에 고정됩니다 |
3320
+ | `onRangeChange` | `(range: TimeRange) => void` | Yes | | 드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출 |
3321
+ | `showRangeControl` | `boolean` | | true | 헤더에 TimeRangeControl 렌더 |
3322
+ | `toggleableLegend` | `boolean` | | false | 범례 클릭으로 시리즈 숨김 |
3323
+ | `annotations` | `TimeSeriesAnnotation[]` | | | 시간축 마커/구간 |
3324
+ | `height` | `number` | | 280 | 차트 높이 |
3325
+
3326
+ #### LogTable
3327
+
3328
+ **Import:** `import { LogTable } from "@reopt-ai/opt-ui"`
3329
+
3330
+ | Prop | Type | Required | Default | Description |
3331
+ | ---------------- | ---------------------------------------- | -------- | -------- | -------------------------------- |
3332
+ | `rows` | `Row[]` | Yes | | 표시할 행 |
3333
+ | `columns` | `LogColumn<Row>[]` | Yes | | 컬럼 정의 (표시 중인 것만) |
3334
+ | `getRowId` | `(row: Row) => string` | Yes | | 행 식별자 |
3335
+ | `selectedId` | `string \| null` | | | 선택된 행 |
3336
+ | `onSelect` | `(id: string) => void` | | | 행 선택 |
3337
+ | `onLoadMore` | `() => void` | | | 다음 페이지 요청 |
3338
+ | `prepending` | `boolean` | | false | 상단에 행이 삽입되는 라이브 목록 |
3339
+ | `onFollowChange` | `(following: boolean) => void` | | | 최신 행 고정 여부 보고 |
3340
+ | `isNew` | `(row: Row) => boolean` | | | 방금 도착한 행 강조 |
3341
+ | `sort` | `LogSort \| null` | | | 정렬 상태 |
3342
+ | `onSortChange` | `(sort: LogSort) => void` | | | 헤더 클릭 정렬 |
3343
+ | `onCellAction` | `(action: LogCellAction) => void` | | | 셀 값 포함/제외 필터 |
3344
+ | `density` | `"compact" \| "normal" \| "comfortable"` | | "normal" | 행 높이와 글자 크기 |
3345
+
3346
+ #### QueryBar
3347
+
3348
+ **Import:** `import { QueryBar } from "@reopt-ai/opt-ui"`
3349
+
3350
+ | Prop | Type | Required | Default | Description |
3351
+ | ------------- | ------------------------ | -------- | ------- | ---------------------------- |
3352
+ | `value` | `Query` | Yes | | 파싱된 쿼리 |
3353
+ | `onChange` | `(query: Query) => void` | Yes | | 커밋 시 호출 (Enter·blur) |
3354
+ | `fields` | `QueryField[]` | | | 자동완성할 필드와 알려진 값 |
3355
+ | `showClauses` | `boolean` | | false | 절을 제거 가능한 칩으로 표시 |
3356
+ | `live` | `boolean` | | false | 키 입력마다 커밋 |
3357
+
3358
+ #### FieldSidebar
3359
+
3360
+ **Import:** `import { FieldSidebar } from "@reopt-ai/opt-ui"`
3361
+
3362
+ | Prop | Type | Required | Default | Description |
3363
+ | ----------------------- | ------------------------------------------------------------------------ | -------- | ------- | ------------------------------ |
3364
+ | `fields` | `FieldSummary[]` | Yes | | 필드 목록 |
3365
+ | `expandedField` | `string \| null` | | | 값을 펼친 필드 |
3366
+ | `onExpandedFieldChange` | `(field: string \| null) => void` | | | 펼침 전환 — 호출자가 값을 조회 |
3367
+ | `values` | `FieldValueCount[]` | | | 펼친 필드의 상위 값 |
3368
+ | `valuesLoading` | `boolean` | | false | 값 조회 중 |
3369
+ | `sampledRows` | `number` | | | 집계 대상 행 수 (분모) |
3370
+ | `onToggleColumn` | `(field: string, next: boolean) => void` | | | 컬럼 추가/제거 |
3371
+ | `onFilter` | `(field: string, value: string, intent: "include" \| "exclude") => void` | | | 값 기준 필터 |
3372
+
3290
3373
  ### Surface Layer
package/dist/app.css CHANGED
@@ -144,3 +144,27 @@
144
144
  transform: translateY(0);
145
145
  }
146
146
  }
147
+
148
+ /*
149
+ * A row that just arrived over a live connection fades its highlight out once.
150
+ * The eye catches what is new without the list turning into a light show —
151
+ * and readers who asked for less motion get the row without the flash.
152
+ */
153
+ @keyframes opt-log-row-enter {
154
+ from {
155
+ background-color: var(--opt-accent-subtle, rgb(59 130 246 / 0.18));
156
+ }
157
+ to {
158
+ background-color: transparent;
159
+ }
160
+ }
161
+
162
+ .opt-log-row-enter {
163
+ animation: opt-log-row-enter 1.5s ease-out 1;
164
+ }
165
+
166
+ @media (prefers-reduced-motion: reduce) {
167
+ .opt-log-row-enter {
168
+ animation: none;
169
+ }
170
+ }
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const require_pagination = require("../pagination-Uv3CnGJz.cjs");
4
- const require_shader_surface = require("../shader-surface-DxLLfrE6.cjs");
3
+ const require_pagination = require("../pagination-DjfxBcjX.cjs");
4
+ const require_shader_surface = require("../shader-surface-Fav5K9UC.cjs");
5
5
  let _reopt_ai_opt_ui_primitives = require("@reopt-ai/opt-ui-primitives");
6
6
  exports.AccordionContent = require_shader_surface.AccordionContent;
7
7
  exports.AccordionItem = require_shader_surface.AccordionItem;
@@ -86,7 +86,7 @@ exports.FormSwitch = require_pagination.FormSwitch;
86
86
  exports.FormTextarea = require_pagination.FormTextarea;
87
87
  exports.Heading = require_shader_surface.Heading;
88
88
  exports.IconPicker = require_pagination.IconPicker;
89
- exports.Input = require_shader_surface.Input;
89
+ exports.Input = require_pagination.Input;
90
90
  exports.Kbd = require_pagination.Kbd;
91
91
  exports.Logo = require_shader_surface.Logo;
92
92
  exports.MenuButtonArrow = require_pagination.MenuButtonArrow;
@@ -1,3 +1,3 @@
1
1
 
2
- import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-BK1GMt5_.cjs";
2
+ import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-DRrcLrWf.cjs";
3
3
  export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, type IconDef, IconPicker, type IconPickerProps, Input, type InputProps, Kbd, type KbdProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
@@ -1,3 +1,3 @@
1
1
 
2
- import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-DIVWtpFl.js";
2
+ import { $ as RadioProps, $i as HeadingProps, $n as ComboboxPopover, $r as SkeletonCard, A as PanelImperativeHandle, Ai as Breadcrumb, An as NumberInputProps, At as FormError, B as Container, Bi as PrimAccordionContentProps, Bn as MenuItemCheckbox, Br as MeterProps, Bt as FormProvider, C as DrawerRoot, Ci as CardHeaderProps, Cn as ColorPicker, Ct as FormCheckbox, D as LogoProps, Di as EmptyState, Dn as Slider, E as Logo, Ei as CardTitleProps, Et as FormControl, F as ResizablePanelGroup, Fi as AccordionContent, Fn as Tooltip, Fr as CompositeItem, G as PageHeaderProps, Gi as ToggleGroupProps, Gn as MenuTrigger, Gr as Avatar, Gt as FormReset, H as ScrollArea, Hi as PrimAccordionTriggerProps, Hn as MenuPopover, Hr as CircularProgressProps, Ht as FormRadio, I as ResizablePanelGroupProps, Ii as AccordionItem, In as TooltipAnchor, Ir as CompositeProvider, It as FormInput, J as BlockLayout, Ji as OtpFieldProps, Jn as ComboboxEmpty, Jr as AvatarProps, Jt as FormSelectItem, K as BlockBaseProps, Ki as ToggleProps, Kn as MenubarContainer, Kr as AvatarGroup, Kt as FormRoot, L as ResizablePanelProps, Li as AccordionRoot, Ln as TooltipProvider, Lr as CompositeRow, Lt as FormLabel, M as ResizableHandle, Mi as BreadcrumbProps, Mn as ToolbarContainer, Mr as DisclosureRoot, Mt as FormGroup, N as ResizableHandleProps, Ni as StatCard, Nn as ToolbarRoot, Nr as DisclosureTrigger, Nt as FormGroupLabel, O as GroupImperativeHandle, Oi as EmptyStateAction, On as SliderProps, Or as TabsRoot, P as ResizablePanel, Pi as StatCardProps, Pn as ToolbarSeparator, Pr as Composite, Q as RadioGroupProps, Qi as HeadingLevel, Qn as ComboboxItem, Qr as SkeletonAvatar, R as Section, Ri as AccordionRootProps, Rn as MenuButtonArrow, Rr as CompositeZone, S as DrawerPanelProps, Si as CardHeader, Sn as IconPickerProps, Sr as TabList, St as StepDef, T as DrawerSize, Ti as CardTitle, U as ScrollAreaProps, Ui as Toggle, Un as MenuRoot, Ur as Progress, Ut as FormRadioGroup, V as ContainerProps, Vi as PrimAccordionItemProps, Vn as MenuItemRadio, Vr as CircularProgress, Vt as FormPush, W as PageHeader, Wi as ToggleGroup, Wn as MenuSeparator, Wr as ProgressProps, Wt as FormRemove, X as Radio, Xi as SeparatorProps, Xn as ComboboxGroupLabel, Xr as TextareaProps, Xt as FormSelectProps, Y as BlockLayoutProps, Yi as Separator, Yn as ComboboxGroup, Yr as Textarea, Yt as FormSelectPopover, Z as RadioGroup, Zi as Heading, Zn as ComboboxInput, Zr as Skeleton, _ as VirtualListProps, _i as CardContentProps, _n as DateRangePreset, _r as SelectLabel, _t as ConditionGroup, a as SHADER_PARAM_FALLBACK, aa as TextTone, ai as Input, ar as DialogDescription, at as DropdownItem, b as DrawerClose, bi as CardFooter, bn as IconDef, br as SelectTrigger, bt as StepBuilder, c as SHADER_PRESET_IDS, ci as AlertProps, cr as DialogFooter, ct as DropdownTrigger, d as ShaderPreset, di as Badge, dn as ComparisonMode, dr as DialogHeaderProps, dt as PopoverContentProps, ea as HeadingRole, ei as SkeletonProps, er as ComboboxRoot, et as Checkbox, f as ShaderPresetCategory, fi as BadgeProps, fn as DEFAULT_PRESETS, fr as DialogHeading, ft as PopoverRoot, g as VirtualList, gi as CardContent, gn as DateRangePickerProps, gr as SelectItem, gt as ConditionDef, h as getShaderPreset, hi as Card, hn as DateRangePicker, hr as DialogSize, ht as ConditionBuilderProps, i as SHADER_OVERLAY_PARAM_KEYS, ia as TextRole, ii as SwitchProps, ir as DialogBodyProps, it as DropdownContent, j as PanelSize, ji as BreadcrumbItem, jn as ToolbarButton, jr as DisclosureContent, jt as FormField, k as Layout, ki as EmptyStateProps, kn as NumberInput, kt as FormDescription, l as ShaderParamKey, li as Spinner, ln as useFormContext, lr as DialogFooterProps, lt as PopoverClose, m as getShaderFragment, mi as ButtonProps, mn as DateRange, mr as DialogRoot, mt as ConditionBuilder, n as ShaderSurfaceHandle, na as TextElement, ni as SkeletonText, nn as FormSwitch, nr as AlertDialogPanelProps, nt as CheckboxGroupProps, o as SHADER_PARAM_KEYS, oa as Kbd, oi as InputProps, on as FormTextarea, or as DialogDisclosure, ot as DropdownMenu, p as ShaderPresetId, pi as Button, pn as DateGranularity, pr as DialogPanel, pt as PopoverTrigger, q as createBlock, qi as OtpField, qn as MenubarRoot, qr as AvatarGroupProps, qt as FormSelect, r as ShaderSurfaceProps, ra as TextProps, ri as Switch, rn as FormSwitchProps, rr as DialogBody, rt as CheckboxProps, s as SHADER_PRESETS, sa as KbdProps, si as Alert, sn as FormTextareaProps, sr as DialogDismiss, st as DropdownSeparator, t as ShaderSurface, ta as Text, ti as SkeletonTable, tn as FormSubmit, tr as AlertDialogPanel, tt as CheckboxGroup, u as ShaderParamSpec, ui as SpinnerProps, un as useFormStore, ur as DialogHeader, ut as PopoverContent, v as Pagination, vi as CardDescription, vn as TagInput, vr as SelectPopover, vt as ConditionOperator, w as DrawerSide, wi as CardProps, wn as ColorPickerProps, wr as TabPanel, x as DrawerPanel, xi as CardFooterProps, xn as IconPicker, xr as Tab, xt as StepBuilderProps, y as PaginationProps, yi as CardDescriptionProps, yn as TagInputProps, yr as SelectRoot, yt as ConditionTypeRenderer, z as SectionProps, zi as AccordionTrigger, zn as MenuItem, zr as Meter } from "../shader-surface-BfTP9c1Q.js";
3
3
  export { AccordionContent, type PrimAccordionContentProps as AccordionContentProps, AccordionItem, type PrimAccordionItemProps as AccordionItemProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type PrimAccordionTriggerProps as AccordionTriggerProps, Alert, AlertDialogPanel, type AlertDialogPanelProps, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BlockBaseProps, type BlockBaseProps as SurfaceBaseProps, BlockLayout, BlockLayout as SurfaceLayout, type BlockLayoutProps, type BlockLayoutProps as SurfaceLayoutProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, type ButtonProps, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, CircularProgress, type CircularProgressProps, ColorPicker, type ColorPickerProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, type ComparisonMode, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, type ConditionBuilderProps, type ConditionDef, type ConditionGroup, type ConditionOperator, type ConditionTypeRenderer, Container, type ContainerProps, DEFAULT_PRESETS, type DateGranularity, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, DialogBody, type DialogBodyProps, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, DialogHeading, DialogPanel, DialogRoot, type DialogSize, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, type DrawerPanelProps, DrawerRoot, type DrawerSide, type DrawerSize, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, type EmptyStateAction, type EmptyStateProps, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, type FormSelectProps, FormSubmit, FormSwitch, type FormSwitchProps, FormTextarea, type FormTextareaProps, Heading, type HeadingLevel, type HeadingProps, type HeadingRole, type IconDef, IconPicker, type IconPickerProps, Input, type InputProps, Kbd, type KbdProps, Logo, type LogoProps, MenuButtonArrow, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuRoot, MenuSeparator, MenuTrigger, MenubarContainer, MenubarRoot, Meter, type MeterProps, NumberInput, type NumberInputProps, OtpField, type OtpFieldProps, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, PopoverClose, PopoverContent, type PopoverContentProps, PopoverRoot, PopoverTrigger, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, type GroupImperativeHandle as ResizablePanelGroupHandle, type ResizablePanelGroupProps, type PanelImperativeHandle as ResizablePanelHandle, type Layout as ResizablePanelLayout, type ResizablePanelProps, type PanelSize as ResizablePanelSize, SHADER_OVERLAY_PARAM_KEYS, SHADER_PARAM_FALLBACK, SHADER_PARAM_KEYS, SHADER_PRESETS, SHADER_PRESET_IDS, ScrollArea, type ScrollAreaProps, Section, type SectionProps, SelectItem, SelectLabel, SelectPopover, SelectRoot, SelectTrigger, Separator, type SeparatorProps, type ShaderParamKey, type ShaderParamSpec, type ShaderPreset, type ShaderPresetCategory, type ShaderPresetId, ShaderSurface, type ShaderSurfaceHandle, type ShaderSurfaceProps, Skeleton, SkeletonAvatar, SkeletonCard, type SkeletonProps, SkeletonTable, SkeletonText, Slider, type SliderProps, Spinner, type SpinnerProps, StatCard, type StatCardProps, StepBuilder, type StepBuilderProps, type StepDef, Switch, type SwitchProps, Tab, TabList, TabPanel, TabsRoot, TagInput, type TagInputProps, Text, type TextElement, type TextProps, type TextRole, type TextTone, Textarea, type TextareaProps, Toggle, ToggleGroup, type ToggleGroupProps, type ToggleProps, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, type VirtualListProps, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
@@ -1,4 +1,4 @@
1
1
  "use client";
2
- import { $ as TooltipAnchor, A as FormSwitch, At as SelectPopover, Bt as Composite, C as FormRoot, Ct as DialogFooter, Dt as DialogRoot, E as FormSelectPopover, Et as DialogPanel, F as useFormStore, Ft as TabPanel, G as PopoverTrigger, H as PopoverClose, Hn as Kbd, Ht as CompositeProvider, I as DEFAULT_PRESETS, It as TabsRoot, J as ToolbarButton, Jt as Spinner, K as Slider, L as DateRangePicker, Lt as DisclosureContent, M as FormTextarea, Mt as SelectTrigger, Nt as Tab, Ot as SelectItem, P as useFormContext, Pt as TabList, Q as Tooltip, R as TagInput, Rt as DisclosureRoot, S as FormReset, St as DialogDismiss, T as FormSelectItem, Tt as DialogHeading, U as PopoverContent, Ut as CompositeRow, V as ColorPicker, Vt as CompositeItem, W as PopoverRoot, Wt as CompositeZone, X as ToolbarRoot, Xt as EmptyState, Y as ToolbarContainer, Yt as Badge, Z as ToolbarSeparator, Zt as Button, _ as FormProvider, _t as ComboboxRoot, at as MenuPopover, b as FormRadioGroup, bt as DialogDescription, c as FormDescription, ct as MenuTrigger, d as FormGroup, dt as ComboboxEmpty, et as TooltipProvider, f as FormGroupLabel, ft as ComboboxGroup, gt as ComboboxPopover, h as FormLabel, ht as ComboboxItem, i as FormCheckbox, it as MenuItemRadio, jt as SelectRoot, k as FormSubmit, kt as SelectLabel, l as FormError, lt as MenubarContainer, m as FormInput, mt as ComboboxInput, n as Checkbox, nt as MenuItem, o as FormControl, ot as MenuRoot, pt as ComboboxGroupLabel, q as NumberInput, qt as Alert, r as CheckboxGroup, rt as MenuItemCheckbox, st as MenuSeparator, t as Pagination, tn as StatCard, tt as MenuButtonArrow, u as FormField, ut as MenubarRoot, v as FormPush, vt as AlertDialogPanel, w as FormSelect, wt as DialogHeader, x as FormRemove, xt as DialogDisclosure, y as FormRadio, yt as DialogBody, z as IconPicker, zt as DisclosureTrigger } from "../pagination-By7Ozv3U.js";
3
- import { $ as CardFooter, A as DropdownTrigger, B as Avatar, D as DropdownItem, E as DropdownContent, G as SkeletonCard, H as Textarea, I as StepBuilder, J as Switch, K as SkeletonTable, L as Meter, O as DropdownMenu, Q as CardDescription, R as CircularProgress, S as BlockLayout, T as RadioGroup, U as Skeleton, V as AvatarGroup, W as SkeletonAvatar, X as Card, Y as Input, Z as CardContent, _ as Section, a as SHADER_PRESETS, at as AccordionRoot, b as PageHeader, c as getShaderPreset, ct as ToggleGroup, d as DrawerPanel, dt as Heading, et as CardHeader, f as DrawerRoot, ft as Text, g as ResizablePanelGroup, h as ResizablePanel, i as SHADER_PARAM_KEYS, it as AccordionItem, j as ConditionBuilder, k as DropdownSeparator, l as VirtualList, lt as OtpField, m as ResizableHandle, n as SHADER_OVERLAY_PARAM_KEYS, nt as Breadcrumb, o as SHADER_PRESET_IDS, ot as AccordionTrigger, p as Logo, q as SkeletonText, r as SHADER_PARAM_FALLBACK, rt as AccordionContent, s as getShaderFragment, st as Toggle, t as ShaderSurface, tt as CardTitle, u as DrawerClose, ut as Separator, v as Container, w as Radio, x as createBlock, y as ScrollArea, z as Progress } from "../shader-surface-BWhO2xkk.js";
2
+ import { $ as TooltipAnchor, A as FormSwitch, At as SelectPopover, Bt as Composite, C as FormRoot, Ct as DialogFooter, Dt as DialogRoot, E as FormSelectPopover, Et as DialogPanel, F as useFormStore, Ft as TabPanel, G as PopoverTrigger, H as PopoverClose, Hn as Kbd, Ht as CompositeProvider, I as DEFAULT_PRESETS, It as TabsRoot, J as ToolbarButton, Jt as Alert, K as Slider, Kt as Input, L as DateRangePicker, Lt as DisclosureContent, M as FormTextarea, Mt as SelectTrigger, Nt as Tab, Ot as SelectItem, P as useFormContext, Pt as TabList, Q as Tooltip, Qt as Button, R as TagInput, Rt as DisclosureRoot, S as FormReset, St as DialogDismiss, T as FormSelectItem, Tt as DialogHeading, U as PopoverContent, Ut as CompositeRow, V as ColorPicker, Vt as CompositeItem, W as PopoverRoot, Wt as CompositeZone, X as ToolbarRoot, Xt as Badge, Y as ToolbarContainer, Yt as Spinner, Z as ToolbarSeparator, Zt as EmptyState, _ as FormProvider, _t as ComboboxRoot, at as MenuPopover, b as FormRadioGroup, bt as DialogDescription, c as FormDescription, ct as MenuTrigger, d as FormGroup, dt as ComboboxEmpty, et as TooltipProvider, f as FormGroupLabel, ft as ComboboxGroup, gt as ComboboxPopover, h as FormLabel, ht as ComboboxItem, i as FormCheckbox, it as MenuItemRadio, jt as SelectRoot, k as FormSubmit, kt as SelectLabel, l as FormError, lt as MenubarContainer, m as FormInput, mt as ComboboxInput, n as Checkbox, nn as StatCard, nt as MenuItem, o as FormControl, ot as MenuRoot, pt as ComboboxGroupLabel, q as NumberInput, r as CheckboxGroup, rt as MenuItemCheckbox, st as MenuSeparator, t as Pagination, tt as MenuButtonArrow, u as FormField, ut as MenubarRoot, v as FormPush, vt as AlertDialogPanel, w as FormSelect, wt as DialogHeader, x as FormRemove, xt as DialogDisclosure, y as FormRadio, yt as DialogBody, z as IconPicker, zt as DisclosureTrigger } from "../pagination-DWbvACuN.js";
3
+ import { $ as CardHeader, A as DropdownTrigger, B as Avatar, D as DropdownItem, E as DropdownContent, G as SkeletonCard, H as Textarea, I as StepBuilder, J as Switch, K as SkeletonTable, L as Meter, O as DropdownMenu, Q as CardFooter, R as CircularProgress, S as BlockLayout, T as RadioGroup, U as Skeleton, V as AvatarGroup, W as SkeletonAvatar, X as CardContent, Y as Card, Z as CardDescription, _ as Section, a as SHADER_PRESETS, at as AccordionTrigger, b as PageHeader, c as getShaderPreset, ct as OtpField, d as DrawerPanel, dt as Text, et as CardTitle, f as DrawerRoot, g as ResizablePanelGroup, h as ResizablePanel, i as SHADER_PARAM_KEYS, it as AccordionRoot, j as ConditionBuilder, k as DropdownSeparator, l as VirtualList, lt as Separator, m as ResizableHandle, n as SHADER_OVERLAY_PARAM_KEYS, nt as AccordionContent, o as SHADER_PRESET_IDS, ot as Toggle, p as Logo, q as SkeletonText, r as SHADER_PARAM_FALLBACK, rt as AccordionItem, s as getShaderFragment, st as ToggleGroup, t as ShaderSurface, tt as Breadcrumb, u as DrawerClose, ut as Heading, v as Container, w as Radio, x as createBlock, y as ScrollArea, z as Progress } from "../shader-surface-BUPZ0P-n.js";
4
4
  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, ColorPicker, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxPopover, ComboboxRoot, Composite, CompositeItem, CompositeProvider, CompositeRow, CompositeZone, ConditionBuilder, Container, DEFAULT_PRESETS, DateRangePicker, DialogBody, DialogDescription, DialogDisclosure, DialogDismiss, DialogFooter, DialogHeader, DialogHeading, DialogPanel, DialogRoot, DisclosureContent, DisclosureRoot, DisclosureTrigger, DrawerClose, DrawerPanel, DrawerRoot, DropdownContent, DropdownItem, DropdownMenu, DropdownSeparator, DropdownTrigger, EmptyState, FormCheckbox, FormControl, FormDescription, FormError, FormField, FormGroup, FormGroupLabel, FormInput, FormLabel, FormProvider, FormPush, FormRadio, FormRadioGroup, FormRemove, FormReset, FormRoot, FormSelect, FormSelectItem, FormSelectPopover, FormSubmit, FormSwitch, FormTextarea, Heading, IconPicker, Input, Kbd, 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, Tab, TabList, TabPanel, TabsRoot, TagInput, Text, Textarea, Toggle, ToggleGroup, ToolbarButton, ToolbarContainer, ToolbarRoot, ToolbarSeparator, Tooltip, TooltipAnchor, TooltipProvider, VirtualList, createBlock, createBlock as createSurface, getShaderFragment, getShaderPreset, useFormContext, useFormStore };
@@ -1,11 +1,11 @@
1
1
  ---
2
2
  title: "Shell Components"
3
- description: "75 Shell layer components — props, examples, keyboard shortcuts."
3
+ description: "80 Shell layer components — props, examples, keyboard shortcuts."
4
4
  version: "1.6.0"
5
5
  generated: true
6
6
  ---
7
7
 
8
- # Shell Components (75)
8
+ # Shell Components (80)
9
9
 
10
10
  ## Navigation & Layout
11
11
 
@@ -1323,15 +1323,20 @@ const fields = [
1323
1323
 
1324
1324
  ## Other
1325
1325
 
1326
- | Component | Description | Key Exports |
1327
- | --------------- | -------------------------------------------------------------------------- | ----------------- |
1328
- | PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
1329
- | FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
1330
- | KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
1331
- | AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
1332
- | ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
1333
- | ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
1334
- | ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
1326
+ | Component | Description | Key Exports |
1327
+ | ---------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------ |
1328
+ | PageAside | Sticky 페이지 사이드 aside chrome. 고정 너비 + header/body/footer 3-slot. | `PageAside` |
1329
+ | FailureList | 실패 목록 패널. severity별 색상 강조, 그룹핑, 액션 슬롯을 지원합니다. | `FailureList` |
1330
+ | KeyValueEditor | 키-값 쌍 편집기. 동적 행 추가/삭제, 비밀값 토글, 유효성 검사를 지원합니다. | `KeyValueEditor` |
1331
+ | AuditTimeline | 변경 이력 타임라인. 액션별 색상 코딩 + 확장 가능한 diff 뷰. | `AuditTimeline` |
1332
+ | ChatSidebar | AI 채팅 사이드바. 대화 목록, 검색, 새 대화 버튼. | `ChatSidebar` |
1333
+ | ChatInput | 채팅 입력 컴포넌트. 자동 리사이즈 textarea, 파일 첨부, 모델/스타일 Select. | `ChatInput` |
1334
+ | ChatMessageList | 채팅 메시지 목록. 역할별 말풍선, 타이핑 인디케이터, 자동 스크롤. | `ChatMessageList` |
1335
+ | TimeRangeControl | date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다. | `TimeRangeControl`, `DEFAULT_TIME_PRESETS` |
1336
+ | TimeSeriesPanel | 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다. | `TimeSeriesPanel` |
1337
+ | LogTable | 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다. | `LogTable` |
1338
+ | QueryBar | 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다. | `QueryBar` |
1339
+ | FieldSidebar | 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다. | `FieldSidebar` |
1335
1340
 
1336
1341
  ### PageAside
1337
1342
 
@@ -1494,3 +1499,91 @@ const messages = [
1494
1499
 
1495
1500
  <ChatMessageList messages={messages} loading={false} />;
1496
1501
  ```
1502
+
1503
+ ### TimeRangeControl
1504
+
1505
+ > date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다.
1506
+
1507
+ **Import:** `import { TimeRangeControl } from "@reopt-ai/opt-ui"`
1508
+
1509
+ | Prop | Type | Required | Default | Description |
1510
+ | ------------------- | -------------------------------- | -------- | ------- | ---------------------------------------- |
1511
+ | `value` | `TimeRange` | Yes | | { from, to } — date math 문자열 또는 ISO |
1512
+ | `onChange` | `(range: TimeRange) => void` | Yes | | 범위가 커밋되었을 때 호출 |
1513
+ | `presets` | `TimeRangePreset[]` | | | 자주 쓰는 범위 목록 |
1514
+ | `recentRanges` | `TimeRangePreset[]` | | | 최근 사용한 범위 (호출자 소유) |
1515
+ | `timeZone` | `string` | | | 라운딩·표시에 쓸 IANA 타임존 |
1516
+ | `showUpdateButton` | `boolean` | | true | 편집을 명시적으로 커밋 |
1517
+ | `showWindowButtons` | `boolean` | | true | 이전/다음 창, 확대/축소 버튼 |
1518
+ | `refresh` | `RefreshSetting` | | | { interval, paused } 자동 갱신 설정 |
1519
+ | `onRefresh` | `() => void \| Promise<unknown>` | | | 갱신 요청 — 프라미스가 끝난 뒤 다음 tick |
1520
+
1521
+ ### TimeSeriesPanel
1522
+
1523
+ > 시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다.
1524
+
1525
+ **Import:** `import { TimeSeriesPanel } from "@reopt-ai/opt-ui"`
1526
+
1527
+ | Prop | Type | Required | Default | Description |
1528
+ | ------------------ | ---------------------------- | -------- | ------- | --------------------------------------------- |
1529
+ | `data` | `TimeSeriesPoint[]` | Yes | | 시계열 데이터 |
1530
+ | `series` | `TimeSeriesDef[]` | Yes | | 시리즈 정의 |
1531
+ | `range` | `TimeRange` | Yes | | 조회 구간 — 차트 축도 여기에 고정됩니다 |
1532
+ | `onRangeChange` | `(range: TimeRange) => void` | Yes | | 드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출 |
1533
+ | `showRangeControl` | `boolean` | | true | 헤더에 TimeRangeControl 렌더 |
1534
+ | `toggleableLegend` | `boolean` | | false | 범례 클릭으로 시리즈 숨김 |
1535
+ | `annotations` | `TimeSeriesAnnotation[]` | | | 시간축 마커/구간 |
1536
+ | `height` | `number` | | 280 | 차트 높이 |
1537
+
1538
+ ### LogTable
1539
+
1540
+ > 계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다.
1541
+
1542
+ **Import:** `import { LogTable } from "@reopt-ai/opt-ui"`
1543
+
1544
+ | Prop | Type | Required | Default | Description |
1545
+ | ---------------- | ---------------------------------------- | -------- | -------- | -------------------------------- |
1546
+ | `rows` | `Row[]` | Yes | | 표시할 행 |
1547
+ | `columns` | `LogColumn<Row>[]` | Yes | | 컬럼 정의 (표시 중인 것만) |
1548
+ | `getRowId` | `(row: Row) => string` | Yes | | 행 식별자 |
1549
+ | `selectedId` | `string \| null` | | | 선택된 행 |
1550
+ | `onSelect` | `(id: string) => void` | | | 행 선택 |
1551
+ | `onLoadMore` | `() => void` | | | 다음 페이지 요청 |
1552
+ | `prepending` | `boolean` | | false | 상단에 행이 삽입되는 라이브 목록 |
1553
+ | `onFollowChange` | `(following: boolean) => void` | | | 최신 행 고정 여부 보고 |
1554
+ | `isNew` | `(row: Row) => boolean` | | | 방금 도착한 행 강조 |
1555
+ | `sort` | `LogSort \| null` | | | 정렬 상태 |
1556
+ | `onSortChange` | `(sort: LogSort) => void` | | | 헤더 클릭 정렬 |
1557
+ | `onCellAction` | `(action: LogCellAction) => void` | | | 셀 값 포함/제외 필터 |
1558
+ | `density` | `"compact" \| "normal" \| "comfortable"` | | "normal" | 행 높이와 글자 크기 |
1559
+
1560
+ ### QueryBar
1561
+
1562
+ > 검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다.
1563
+
1564
+ **Import:** `import { QueryBar } from "@reopt-ai/opt-ui"`
1565
+
1566
+ | Prop | Type | Required | Default | Description |
1567
+ | ------------- | ------------------------ | -------- | ------- | ---------------------------- |
1568
+ | `value` | `Query` | Yes | | 파싱된 쿼리 |
1569
+ | `onChange` | `(query: Query) => void` | Yes | | 커밋 시 호출 (Enter·blur) |
1570
+ | `fields` | `QueryField[]` | | | 자동완성할 필드와 알려진 값 |
1571
+ | `showClauses` | `boolean` | | false | 절을 제거 가능한 칩으로 표시 |
1572
+ | `live` | `boolean` | | false | 키 입력마다 커밋 |
1573
+
1574
+ ### FieldSidebar
1575
+
1576
+ > 데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다.
1577
+
1578
+ **Import:** `import { FieldSidebar } from "@reopt-ai/opt-ui"`
1579
+
1580
+ | Prop | Type | Required | Default | Description |
1581
+ | ----------------------- | ------------------------------------------------------------------------ | -------- | ------- | ------------------------------ |
1582
+ | `fields` | `FieldSummary[]` | Yes | | 필드 목록 |
1583
+ | `expandedField` | `string \| null` | | | 값을 펼친 필드 |
1584
+ | `onExpandedFieldChange` | `(field: string \| null) => void` | | | 펼침 전환 — 호출자가 값을 조회 |
1585
+ | `values` | `FieldValueCount[]` | | | 펼친 필드의 상위 값 |
1586
+ | `valuesLoading` | `boolean` | | false | 값 조회 중 |
1587
+ | `sampledRows` | `number` | | | 집계 대상 행 수 (분모) |
1588
+ | `onToggleColumn` | `(field: string, next: boolean) => void` | | | 컬럼 추가/제거 |
1589
+ | `onFilter` | `(field: string, value: string, intent: "include" \| "exclude") => void` | | | 값 기준 필터 |
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  title: "Component Reference"
3
- description: "Complete reference for 134 @reopt-ai/opt-ui components across 4 layers."
3
+ description: "Complete reference for 139 @reopt-ai/opt-ui components across 4 layers."
4
4
  version: "1.6.0"
5
5
  generated: true
6
6
  ---
@@ -13,9 +13,9 @@ generated: true
13
13
  | --------- | ------- |
14
14
  | Core | 59 |
15
15
  | Visuals | 0 |
16
- | Shells | 75 |
16
+ | Shells | 80 |
17
17
  | Surfaces | 0 |
18
- | **Total** | **134** |
18
+ | **Total** | **139** |
19
19
 
20
20
  ## Component Selection Guide
21
21
 
@@ -5,7 +5,7 @@ description: "opt-ui 버전별 Breaking/Deprecated 변경사항 레지스트리"
5
5
 
6
6
  # Breaking Changes Registry
7
7
 
8
- 버전별 Breaking/Deprecated 변경사항 레지스트리.
8
+ 공개 디자인 패키지의 버전별 Breaking/Deprecated 변경사항 레지스트리.
9
9
 
10
10
  ## Registry Format
11
11
 
@@ -25,6 +25,23 @@ description: "opt-ui 버전별 Breaking/Deprecated 변경사항 레지스트리"
25
25
 
26
26
  ---
27
27
 
28
+ ## opt-editor Version 2.0.0
29
+
30
+ ### Breaking
31
+
32
+ - version: "2.0.0"
33
+ level: B
34
+ component: "opt-editor/server runtime schemas"
35
+ change: "Zod 런타임 스키마를 /schemas 전용 엔트리로 분리"
36
+ detail: "patchOpSchema, patchOpsArraySchema, createEditorOperationSchema, fieldDefToZod 등 런타임 스키마가 @reopt-ai/opt-editor/server에서 제거되고 @reopt-ai/opt-editor/schemas로 이동했습니다. /ai-sdk 재노출과 type-only export는 유지됩니다."
37
+ scan: '@reopt-ai/opt-editor/server'
38
+ fix:
39
+ type: rename
40
+ from: 'import { patchOpSchema } from "@reopt-ai/opt-editor/server"'
41
+ to: 'import { patchOpSchema } from "@reopt-ai/opt-editor/schemas"'
42
+
43
+ ---
44
+
28
45
  ## Version 1.5.0
29
46
 
30
47
  ### Breaking