@reopt-ai/opt-ui 1.6.0 → 1.7.0

package/dist/meta.cjs

@@ -7586,6 +7586,298 @@ const messages = [
 
 <ChatMessageList messages={messages} loading={false} />`
 		}]
+	},
+	{
+		name: "TimeRangeControl",
+		category: "shell",
+		description: "date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다.",
+		slug: "time-range-control",
+		exports: ["TimeRangeControl", "DEFAULT_TIME_PRESETS"],
+		props: { TimeRangeControl: [
+			{
+				name: "value",
+				type: "TimeRange",
+				required: true,
+				description: "{ from, to } — date math 문자열 또는 ISO"
+			},
+			{
+				name: "onChange",
+				type: "(range: TimeRange) => void",
+				required: true,
+				description: "범위가 커밋되었을 때 호출"
+			},
+			{
+				name: "presets",
+				type: "TimeRangePreset[]",
+				description: "자주 쓰는 범위 목록"
+			},
+			{
+				name: "recentRanges",
+				type: "TimeRangePreset[]",
+				description: "최근 사용한 범위 (호출자 소유)"
+			},
+			{
+				name: "timeZone",
+				type: "string",
+				description: "라운딩·표시에 쓸 IANA 타임존"
+			},
+			{
+				name: "showUpdateButton",
+				type: "boolean",
+				default: "true",
+				description: "편집을 명시적으로 커밋"
+			},
+			{
+				name: "showWindowButtons",
+				type: "boolean",
+				default: "true",
+				description: "이전/다음 창, 확대/축소 버튼"
+			},
+			{
+				name: "refresh",
+				type: "RefreshSetting",
+				description: "{ interval, paused } 자동 갱신 설정"
+			},
+			{
+				name: "onRefresh",
+				type: "() => void | Promise<unknown>",
+				description: "갱신 요청 — 프라미스가 끝난 뒤 다음 tick"
+			}
+		] },
+		ariaRole: "group",
+		testDescribe: "TimeRangeControl"
+	},
+	{
+		name: "TimeSeriesPanel",
+		category: "shell",
+		description: "시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다.",
+		slug: "time-series-panel",
+		exports: ["TimeSeriesPanel"],
+		props: { TimeSeriesPanel: [
+			{
+				name: "data",
+				type: "TimeSeriesPoint[]",
+				required: true,
+				description: "시계열 데이터"
+			},
+			{
+				name: "series",
+				type: "TimeSeriesDef[]",
+				required: true,
+				description: "시리즈 정의"
+			},
+			{
+				name: "range",
+				type: "TimeRange",
+				required: true,
+				description: "조회 구간 — 차트 축도 여기에 고정됩니다"
+			},
+			{
+				name: "onRangeChange",
+				type: "(range: TimeRange) => void",
+				required: true,
+				description: "드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출"
+			},
+			{
+				name: "showRangeControl",
+				type: "boolean",
+				default: "true",
+				description: "헤더에 TimeRangeControl 렌더"
+			},
+			{
+				name: "toggleableLegend",
+				type: "boolean",
+				default: "false",
+				description: "범례 클릭으로 시리즈 숨김"
+			},
+			{
+				name: "annotations",
+				type: "TimeSeriesAnnotation[]",
+				description: "시간축 마커/구간"
+			},
+			{
+				name: "height",
+				type: "number",
+				default: "280",
+				description: "차트 높이"
+			}
+		] },
+		ariaRole: "region",
+		testDescribe: "TimeSeriesPanel"
+	},
+	{
+		name: "LogTable",
+		category: "shell",
+		description: "계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다.",
+		slug: "log-table",
+		exports: ["LogTable"],
+		props: { LogTable: [
+			{
+				name: "rows",
+				type: "Row[]",
+				required: true,
+				description: "표시할 행"
+			},
+			{
+				name: "columns",
+				type: "LogColumn<Row>[]",
+				required: true,
+				description: "컬럼 정의 (표시 중인 것만)"
+			},
+			{
+				name: "getRowId",
+				type: "(row: Row) => string",
+				required: true,
+				description: "행 식별자"
+			},
+			{
+				name: "selectedId",
+				type: "string | null",
+				description: "선택된 행"
+			},
+			{
+				name: "onSelect",
+				type: "(id: string) => void",
+				description: "행 선택"
+			},
+			{
+				name: "onLoadMore",
+				type: "() => void",
+				description: "다음 페이지 요청"
+			},
+			{
+				name: "prepending",
+				type: "boolean",
+				default: "false",
+				description: "상단에 행이 삽입되는 라이브 목록"
+			},
+			{
+				name: "onFollowChange",
+				type: "(following: boolean) => void",
+				description: "최신 행 고정 여부 보고"
+			},
+			{
+				name: "isNew",
+				type: "(row: Row) => boolean",
+				description: "방금 도착한 행 강조"
+			},
+			{
+				name: "sort",
+				type: "LogSort | null",
+				description: "정렬 상태"
+			},
+			{
+				name: "onSortChange",
+				type: "(sort: LogSort) => void",
+				description: "헤더 클릭 정렬"
+			},
+			{
+				name: "onCellAction",
+				type: "(action: LogCellAction) => void",
+				description: "셀 값 포함/제외 필터"
+			},
+			{
+				name: "density",
+				type: "\"compact\" | \"normal\" | \"comfortable\"",
+				default: "\"normal\"",
+				description: "행 높이와 글자 크기"
+			}
+		] },
+		ariaRole: "listbox",
+		testDescribe: "LogTable"
+	},
+	{
+		name: "QueryBar",
+		category: "shell",
+		description: "검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다.",
+		slug: "query-bar",
+		exports: ["QueryBar"],
+		props: { QueryBar: [
+			{
+				name: "value",
+				type: "Query",
+				required: true,
+				description: "파싱된 쿼리"
+			},
+			{
+				name: "onChange",
+				type: "(query: Query) => void",
+				required: true,
+				description: "커밋 시 호출 (Enter·blur)"
+			},
+			{
+				name: "fields",
+				type: "QueryField[]",
+				description: "자동완성할 필드와 알려진 값"
+			},
+			{
+				name: "showClauses",
+				type: "boolean",
+				default: "false",
+				description: "절을 제거 가능한 칩으로 표시"
+			},
+			{
+				name: "live",
+				type: "boolean",
+				default: "false",
+				description: "키 입력마다 커밋"
+			}
+		] },
+		ariaRole: "combobox",
+		testDescribe: "QueryBar"
+	},
+	{
+		name: "FieldSidebar",
+		category: "shell",
+		description: "데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다.",
+		slug: "field-sidebar",
+		exports: ["FieldSidebar"],
+		props: { FieldSidebar: [
+			{
+				name: "fields",
+				type: "FieldSummary[]",
+				required: true,
+				description: "필드 목록"
+			},
+			{
+				name: "expandedField",
+				type: "string | null",
+				description: "값을 펼친 필드"
+			},
+			{
+				name: "onExpandedFieldChange",
+				type: "(field: string | null) => void",
+				description: "펼침 전환 — 호출자가 값을 조회"
+			},
+			{
+				name: "values",
+				type: "FieldValueCount[]",
+				description: "펼친 필드의 상위 값"
+			},
+			{
+				name: "valuesLoading",
+				type: "boolean",
+				default: "false",
+				description: "값 조회 중"
+			},
+			{
+				name: "sampledRows",
+				type: "number",
+				description: "집계 대상 행 수 (분모)"
+			},
+			{
+				name: "onToggleColumn",
+				type: "(field: string, next: boolean) => void",
+				description: "컬럼 추가/제거"
+			},
+			{
+				name: "onFilter",
+				type: "(field: string, value: string, intent: \"include\" | \"exclude\") => void",
+				description: "값 기준 필터"
+			}
+		] },
+		ariaRole: "complementary",
+		testDescribe: "FieldSidebar"
 	}
 ];
 //#endregion

package/dist/meta.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.cts","names":[],"sources":["../src/core/_meta.ts","../src/visuals/_meta.ts","../src/shells/_meta.ts"],"mappings":";;cAy2Ha,WAAS;;;;cCt2HT,aAAa;;;cC6tGb,YAAU"}
+{"version":3,"file":"meta.d.cts","names":[],"sources":["../src/core/_meta.ts","../src/visuals/_meta.ts","../src/shells/_meta.ts"],"mappings":";;cAy2Ha,WAAS;;;;cCt2HT,aAAa;;;cCwgHb,YAAU"}

package/dist/meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"meta.d.ts","names":[],"sources":["../src/core/_meta.ts","../src/visuals/_meta.ts","../src/shells/_meta.ts"],"mappings":";;cAy2Ha,WAAS;;;;cCt2HT,aAAa;;;cC6tGb,YAAU"}
+{"version":3,"file":"meta.d.ts","names":[],"sources":["../src/core/_meta.ts","../src/visuals/_meta.ts","../src/shells/_meta.ts"],"mappings":";;cAy2Ha,WAAS;;;;cCt2HT,aAAa;;;cCwgHb,YAAU"}

package/dist/meta.js

@@ -7585,6 +7585,298 @@ const messages = [
 
 <ChatMessageList messages={messages} loading={false} />`
 		}]
+	},
+	{
+		name: "TimeRangeControl",
+		category: "shell",
+		description: "date math(now-7d, now/d) 기반 시간 범위 컨트롤. quick select, 프리셋/최근 사용, 명시적 Update, 자동 갱신, 창 이동·확대/축소 버튼을 제공합니다.",
+		slug: "time-range-control",
+		exports: ["TimeRangeControl", "DEFAULT_TIME_PRESETS"],
+		props: { TimeRangeControl: [
+			{
+				name: "value",
+				type: "TimeRange",
+				required: true,
+				description: "{ from, to } — date math 문자열 또는 ISO"
+			},
+			{
+				name: "onChange",
+				type: "(range: TimeRange) => void",
+				required: true,
+				description: "범위가 커밋되었을 때 호출"
+			},
+			{
+				name: "presets",
+				type: "TimeRangePreset[]",
+				description: "자주 쓰는 범위 목록"
+			},
+			{
+				name: "recentRanges",
+				type: "TimeRangePreset[]",
+				description: "최근 사용한 범위 (호출자 소유)"
+			},
+			{
+				name: "timeZone",
+				type: "string",
+				description: "라운딩·표시에 쓸 IANA 타임존"
+			},
+			{
+				name: "showUpdateButton",
+				type: "boolean",
+				default: "true",
+				description: "편집을 명시적으로 커밋"
+			},
+			{
+				name: "showWindowButtons",
+				type: "boolean",
+				default: "true",
+				description: "이전/다음 창, 확대/축소 버튼"
+			},
+			{
+				name: "refresh",
+				type: "RefreshSetting",
+				description: "{ interval, paused } 자동 갱신 설정"
+			},
+			{
+				name: "onRefresh",
+				type: "() => void | Promise<unknown>",
+				description: "갱신 요청 — 프라미스가 끝난 뒤 다음 tick"
+			}
+		] },
+		ariaRole: "group",
+		testDescribe: "TimeRangeControl"
+	},
+	{
+		name: "TimeSeriesPanel",
+		category: "shell",
+		description: "시간 범위 컨트롤과 시계열 차트를 한 단위로 묶은 패널. 드래그 줌과 줌 히스토리(되돌리기), 범례 토글을 포함합니다.",
+		slug: "time-series-panel",
+		exports: ["TimeSeriesPanel"],
+		props: { TimeSeriesPanel: [
+			{
+				name: "data",
+				type: "TimeSeriesPoint[]",
+				required: true,
+				description: "시계열 데이터"
+			},
+			{
+				name: "series",
+				type: "TimeSeriesDef[]",
+				required: true,
+				description: "시리즈 정의"
+			},
+			{
+				name: "range",
+				type: "TimeRange",
+				required: true,
+				description: "조회 구간 — 차트 축도 여기에 고정됩니다"
+			},
+			{
+				name: "onRangeChange",
+				type: "(range: TimeRange) => void",
+				required: true,
+				description: "드래그 줌·컨트롤 변경으로 구간이 바뀔 때 호출"
+			},
+			{
+				name: "showRangeControl",
+				type: "boolean",
+				default: "true",
+				description: "헤더에 TimeRangeControl 렌더"
+			},
+			{
+				name: "toggleableLegend",
+				type: "boolean",
+				default: "false",
+				description: "범례 클릭으로 시리즈 숨김"
+			},
+			{
+				name: "annotations",
+				type: "TimeSeriesAnnotation[]",
+				description: "시간축 마커/구간"
+			},
+			{
+				name: "height",
+				type: "number",
+				default: "280",
+				description: "차트 높이"
+			}
+		] },
+		ariaRole: "region",
+		testDescribe: "TimeSeriesPanel"
+	},
+	{
+		name: "LogTable",
+		category: "shell",
+		description: "계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다.",
+		slug: "log-table",
+		exports: ["LogTable"],
+		props: { LogTable: [
+			{
+				name: "rows",
+				type: "Row[]",
+				required: true,
+				description: "표시할 행"
+			},
+			{
+				name: "columns",
+				type: "LogColumn<Row>[]",
+				required: true,
+				description: "컬럼 정의 (표시 중인 것만)"
+			},
+			{
+				name: "getRowId",
+				type: "(row: Row) => string",
+				required: true,
+				description: "행 식별자"
+			},
+			{
+				name: "selectedId",
+				type: "string | null",
+				description: "선택된 행"
+			},
+			{
+				name: "onSelect",
+				type: "(id: string) => void",
+				description: "행 선택"
+			},
+			{
+				name: "onLoadMore",
+				type: "() => void",
+				description: "다음 페이지 요청"
+			},
+			{
+				name: "prepending",
+				type: "boolean",
+				default: "false",
+				description: "상단에 행이 삽입되는 라이브 목록"
+			},
+			{
+				name: "onFollowChange",
+				type: "(following: boolean) => void",
+				description: "최신 행 고정 여부 보고"
+			},
+			{
+				name: "isNew",
+				type: "(row: Row) => boolean",
+				description: "방금 도착한 행 강조"
+			},
+			{
+				name: "sort",
+				type: "LogSort | null",
+				description: "정렬 상태"
+			},
+			{
+				name: "onSortChange",
+				type: "(sort: LogSort) => void",
+				description: "헤더 클릭 정렬"
+			},
+			{
+				name: "onCellAction",
+				type: "(action: LogCellAction) => void",
+				description: "셀 값 포함/제외 필터"
+			},
+			{
+				name: "density",
+				type: "\"compact\" | \"normal\" | \"comfortable\"",
+				default: "\"normal\"",
+				description: "행 높이와 글자 크기"
+			}
+		] },
+		ariaRole: "listbox",
+		testDescribe: "LogTable"
+	},
+	{
+		name: "QueryBar",
+		category: "shell",
+		description: "검색과 필터를 한 입력으로 합친 쿼리 바. field:value, -부정, (a or b), 비교 연산, 필드·값 자동완성, 절(clause) 칩을 지원합니다.",
+		slug: "query-bar",
+		exports: ["QueryBar"],
+		props: { QueryBar: [
+			{
+				name: "value",
+				type: "Query",
+				required: true,
+				description: "파싱된 쿼리"
+			},
+			{
+				name: "onChange",
+				type: "(query: Query) => void",
+				required: true,
+				description: "커밋 시 호출 (Enter·blur)"
+			},
+			{
+				name: "fields",
+				type: "QueryField[]",
+				description: "자동완성할 필드와 알려진 값"
+			},
+			{
+				name: "showClauses",
+				type: "boolean",
+				default: "false",
+				description: "절을 제거 가능한 칩으로 표시"
+			},
+			{
+				name: "live",
+				type: "boolean",
+				default: "false",
+				description: "키 입력마다 커밋"
+			}
+		] },
+		ariaRole: "combobox",
+		testDescribe: "QueryBar"
+	},
+	{
+		name: "FieldSidebar",
+		category: "shell",
+		description: "데이터에 어떤 필드가 있고 각 필드가 무슨 값을 갖는지 보여주는 사이드바. 값 분포 막대, 컬럼으로 승격, 값 기준 포함/제외 필터를 제공합니다.",
+		slug: "field-sidebar",
+		exports: ["FieldSidebar"],
+		props: { FieldSidebar: [
+			{
+				name: "fields",
+				type: "FieldSummary[]",
+				required: true,
+				description: "필드 목록"
+			},
+			{
+				name: "expandedField",
+				type: "string | null",
+				description: "값을 펼친 필드"
+			},
+			{
+				name: "onExpandedFieldChange",
+				type: "(field: string | null) => void",
+				description: "펼침 전환 — 호출자가 값을 조회"
+			},
+			{
+				name: "values",
+				type: "FieldValueCount[]",
+				description: "펼친 필드의 상위 값"
+			},
+			{
+				name: "valuesLoading",
+				type: "boolean",
+				default: "false",
+				description: "값 조회 중"
+			},
+			{
+				name: "sampledRows",
+				type: "number",
+				description: "집계 대상 행 수 (분모)"
+			},
+			{
+				name: "onToggleColumn",
+				type: "(field: string, next: boolean) => void",
+				description: "컬럼 추가/제거"
+			},
+			{
+				name: "onFilter",
+				type: "(field: string, value: string, intent: \"include\" | \"exclude\") => void",
+				description: "값 기준 필터"
+			}
+		] },
+		ariaRole: "complementary",
+		testDescribe: "FieldSidebar"
 	}
 ];
 //#endregion