@reopt-ai/opt-ui 1.5.0 → 1.6.0

package/dist/shells/index.cjs

@@ -1,65 +1,51 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkNXZJIHEZcjs = require('../chunk-NXZJIHEZ.cjs');
-require('../chunk-AFF2HPE5.cjs');
-require('../chunk-ONE3C5RV.cjs');
-
-// src/shells/index.ts
-
-
-
-
-
-var _optcharts = require('@reopt-ai/opt-charts');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.AppMenubar = _chunkNXZJIHEZcjs.AppMenubar; exports.BranchSelect = _chunkNXZJIHEZcjs.BranchSelect; exports.CommandPalette = _chunkNXZJIHEZcjs.CommandPalette; exports.CommandPaletteTrigger = _chunkNXZJIHEZcjs.CommandPaletteTrigger; exports.ContentTabs = _chunkNXZJIHEZcjs.ContentTabs; exports.DashboardGrid = _chunkNXZJIHEZcjs.DashboardGrid; exports.DataTable = _chunkNXZJIHEZcjs.DataTable; exports.DeploymentTimeline = _chunkNXZJIHEZcjs.DeploymentTimeline; exports.DomainTable = _chunkNXZJIHEZcjs.DomainTable; exports.EditorToolbar = _chunkNXZJIHEZcjs.EditorToolbar; exports.EnvPanel = _chunkNXZJIHEZcjs.EnvPanel; exports.EventSparkline = _optcharts.EventSparkline; exports.FailureList = _chunkNXZJIHEZcjs.FailureList; exports.FaqAccordion = _chunkNXZJIHEZcjs.FaqAccordion; exports.KeyValueEditor = _chunkNXZJIHEZcjs.KeyValueEditor; exports.MetricsCard = _optcharts.MetricsCard; exports.NotificationToast = _chunkNXZJIHEZcjs.NotificationToast; exports.ProjectSwitcher = _chunkNXZJIHEZcjs.ProjectSwitcher; exports.ReportWidget = _optcharts.ReportWidget; exports.SearchCombobox = _chunkNXZJIHEZcjs.SearchCombobox; exports.SettingsForm = _chunkNXZJIHEZcjs.SettingsForm; exports.SidebarNav = _chunkNXZJIHEZcjs.SidebarNav; exports.StatusSelect = _chunkNXZJIHEZcjs.StatusSelect; exports.ToastProvider = _chunkNXZJIHEZcjs.ToastProvider; exports.TrendChart = _optcharts.TrendChart; exports.WorkflowCanvas = _chunkNXZJIHEZcjs.WorkflowCanvas; exports.useToast = _chunkNXZJIHEZcjs.useToast;
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_workflow_canvas = require("../workflow-canvas-3Jeevkgy.cjs");
+let _reopt_ai_opt_charts = require("@reopt-ai/opt-charts");
+exports.AppMenubar = require_workflow_canvas.AppMenubar;
+exports.BranchSelect = require_workflow_canvas.BranchSelect;
+exports.CommandPalette = require_workflow_canvas.CommandPalette;
+exports.CommandPaletteTrigger = require_workflow_canvas.CommandPaletteTrigger;
+exports.ContentTabs = require_workflow_canvas.ContentTabs;
+exports.DashboardGrid = require_workflow_canvas.DashboardGrid;
+exports.DataTable = require_workflow_canvas.DataTable;
+exports.DeploymentTimeline = require_workflow_canvas.DeploymentTimeline;
+exports.DomainTable = require_workflow_canvas.DomainTable;
+exports.EditorToolbar = require_workflow_canvas.EditorToolbar;
+exports.EnvPanel = require_workflow_canvas.EnvPanel;
+Object.defineProperty(exports, "EventSparkline", {
+	enumerable: true,
+	get: function() {
+		return _reopt_ai_opt_charts.EventSparkline;
+	}
+});
+exports.FailureList = require_workflow_canvas.FailureList;
+exports.FaqAccordion = require_workflow_canvas.FaqAccordion;
+exports.KeyValueEditor = require_workflow_canvas.KeyValueEditor;
+Object.defineProperty(exports, "MetricsCard", {
+	enumerable: true,
+	get: function() {
+		return _reopt_ai_opt_charts.MetricsCard;
+	}
+});
+exports.NotificationToast = require_workflow_canvas.NotificationToast;
+exports.ProjectSwitcher = require_workflow_canvas.ProjectSwitcher;
+Object.defineProperty(exports, "ReportWidget", {
+	enumerable: true,
+	get: function() {
+		return _reopt_ai_opt_charts.ReportWidget;
+	}
+});
+exports.SearchCombobox = require_workflow_canvas.SearchCombobox;
+exports.SettingsForm = require_workflow_canvas.SettingsForm;
+exports.SidebarNav = require_workflow_canvas.SidebarNav;
+exports.StatusSelect = require_workflow_canvas.StatusSelect;
+exports.ToastProvider = require_workflow_canvas.ToastProvider;
+Object.defineProperty(exports, "TrendChart", {
+	enumerable: true,
+	get: function() {
+		return _reopt_ai_opt_charts.TrendChart;
+	}
+});
+exports.WorkflowCanvas = require_workflow_canvas.WorkflowCanvas;
+exports.useToast = require_workflow_canvas.useToast;

package/dist/shells/index.d.cts

@@ -1,5 +1,4 @@
-export { A as AppMenubar, a as AppMenubarProps, B as BranchSelect, b as BranchSelectProps, C as ColumnDef, c as CommandPalette, d as CommandPaletteProps, e as CommandPaletteTrigger, f as CommandPaletteTriggerProps, g as ContentTabs, h as ContentTabsProps, D as DashboardGrid, i as DashboardGridProps, j as DataTable, k as DataTableProps, l as DeploymentTimeline, m as DeploymentTimelineProps, n as DomainTable, o as DomainTableProps, E as EditorToolbar, p as EditorToolbarProps, q as EnvPanel, r as EnvPanelProps, F as FailureList, s as FailureListLabels, t as FailureListProps, u as FaqAccordion, v as FaqAccordionProps, K as KeyValueEditor, w as KeyValueEditorLabels, x as KeyValueEditorProps, y as KeyValueEntry, N as NotificationToast, P as ProjectSwitcher, z as ProjectSwitcherProps, S as SearchCombobox, G as SearchComboboxProps, H as SettingsForm, I as SettingsFormProps, J as SidebarNav, L as SidebarNavProps, M as StatusSelect, O as StatusSelectProps, Q as ToastContextValue, R as ToastMessage, U as ToastProvider, V as ToastProviderProps, X as WorkflowCanvas, Y as WorkflowCanvasConnection, Z as WorkflowCanvasProps, _ as WorkflowCanvasStep, a0 as useToast } from '../index-BuvxoWHf.cjs';
-export { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from '@reopt-ai/opt-charts';
-import 'react/jsx-runtime';
-import 'react';
-import '../types-D4-0lwaE.cjs';
+
+import { $ as CommandPaletteTriggerProps, A as ProjectSwitcher, B as EditorToolbar, C as DataTableProps, D as BranchSelectProps, E as BranchSelect, F as SettingsFormProps, G as AppMenubarProps, H as SidebarNav, I as FaqAccordion, J as SearchCombobox, K as StatusSelect, L as FaqAccordionProps, M as DeploymentTimeline, N as DeploymentTimelineProps, O as EnvPanel, P as SettingsForm, Q as CommandPaletteTrigger, R as ContentTabs, S as DataTable, T as DomainTableProps, U as SidebarNavProps, V as EditorToolbarProps, W as AppMenubar, X as DashboardGrid, Y as SearchComboboxProps, Z as DashboardGridProps, _ as ToastProviderProps, a as KeyValueEditor, b as useToast, c as KeyValueEntry, d as FailureListProps, et as CommandPalette, f as NotificationToast, g as ToastProvider, h as ToastMessage, i as WorkflowCanvasStep, j as ProjectSwitcherProps, k as EnvPanelProps, l as FailureList, m as ToastContextValue, n as WorkflowCanvasConnection, o as KeyValueEditorLabels, q as StatusSelectProps, r as WorkflowCanvasProps, s as KeyValueEditorProps, t as WorkflowCanvas, tt as CommandPaletteProps, u as FailureListLabels, w as DomainTable, x as ColumnDef, z as ContentTabsProps } from "../workflow-canvas-DghDRtHn.cjs";
+import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
+export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };

package/dist/shells/index.d.ts

@@ -1,5 +1,4 @@
-export { A as AppMenubar, a as AppMenubarProps, B as BranchSelect, b as BranchSelectProps, C as ColumnDef, c as CommandPalette, d as CommandPaletteProps, e as CommandPaletteTrigger, f as CommandPaletteTriggerProps, g as ContentTabs, h as ContentTabsProps, D as DashboardGrid, i as DashboardGridProps, j as DataTable, k as DataTableProps, l as DeploymentTimeline, m as DeploymentTimelineProps, n as DomainTable, o as DomainTableProps, E as EditorToolbar, p as EditorToolbarProps, q as EnvPanel, r as EnvPanelProps, F as FailureList, s as FailureListLabels, t as FailureListProps, u as FaqAccordion, v as FaqAccordionProps, K as KeyValueEditor, w as KeyValueEditorLabels, x as KeyValueEditorProps, y as KeyValueEntry, N as NotificationToast, P as ProjectSwitcher, z as ProjectSwitcherProps, S as SearchCombobox, G as SearchComboboxProps, H as SettingsForm, I as SettingsFormProps, J as SidebarNav, L as SidebarNavProps, M as StatusSelect, O as StatusSelectProps, Q as ToastContextValue, R as ToastMessage, U as ToastProvider, V as ToastProviderProps, X as WorkflowCanvas, Y as WorkflowCanvasConnection, Z as WorkflowCanvasProps, _ as WorkflowCanvasStep, a0 as useToast } from '../index-BZ_lBlO1.js';
-export { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from '@reopt-ai/opt-charts';
-import 'react/jsx-runtime';
-import 'react';
-import '../types-D4-0lwaE.js';
+
+import { $ as CommandPaletteTriggerProps, A as ProjectSwitcher, B as EditorToolbar, C as DataTableProps, D as BranchSelectProps, E as BranchSelect, F as SettingsFormProps, G as AppMenubarProps, H as SidebarNav, I as FaqAccordion, J as SearchCombobox, K as StatusSelect, L as FaqAccordionProps, M as DeploymentTimeline, N as DeploymentTimelineProps, O as EnvPanel, P as SettingsForm, Q as CommandPaletteTrigger, R as ContentTabs, S as DataTable, T as DomainTableProps, U as SidebarNavProps, V as EditorToolbarProps, W as AppMenubar, X as DashboardGrid, Y as SearchComboboxProps, Z as DashboardGridProps, _ as ToastProviderProps, a as KeyValueEditor, b as useToast, c as KeyValueEntry, d as FailureListProps, et as CommandPalette, f as NotificationToast, g as ToastProvider, h as ToastMessage, i as WorkflowCanvasStep, j as ProjectSwitcherProps, k as EnvPanelProps, l as FailureList, m as ToastContextValue, n as WorkflowCanvasConnection, o as KeyValueEditorLabels, q as StatusSelectProps, r as WorkflowCanvasProps, s as KeyValueEditorProps, t as WorkflowCanvas, tt as CommandPaletteProps, u as FailureListLabels, w as DomainTable, x as ColumnDef, z as ContentTabsProps } from "../workflow-canvas-Bar_O2SQ.js";
+import { EventSparkline, EventSparklineLabels, EventSparklineProps, MetricsCard, MetricsCardProps, ReportWidget, ReportWidgetConfig, ReportWidgetLabels, ReportWidgetProps, ReportWidgetType, TrendChart, TrendChartProps } from "@reopt-ai/opt-charts";
+export { AppMenubar, type AppMenubarProps, BranchSelect, type BranchSelectProps, type ColumnDef, CommandPalette, type CommandPaletteProps, CommandPaletteTrigger, type CommandPaletteTriggerProps, ContentTabs, type ContentTabsProps, DashboardGrid, type DashboardGridProps, DataTable, type DataTableProps, DeploymentTimeline, type DeploymentTimelineProps, DomainTable, type DomainTableProps, EditorToolbar, type EditorToolbarProps, EnvPanel, type EnvPanelProps, EventSparkline, type EventSparklineLabels, type EventSparklineProps, FailureList, type FailureListLabels, type FailureListProps, FaqAccordion, type FaqAccordionProps, KeyValueEditor, type KeyValueEditorLabels, type KeyValueEditorProps, type KeyValueEntry, MetricsCard, type MetricsCardProps, NotificationToast, ProjectSwitcher, type ProjectSwitcherProps, ReportWidget, type ReportWidgetConfig, type ReportWidgetLabels, type ReportWidgetProps, type ReportWidgetType, SearchCombobox, type SearchComboboxProps, SettingsForm, type SettingsFormProps, SidebarNav, type SidebarNavProps, StatusSelect, type StatusSelectProps, type ToastContextValue, type ToastMessage, ToastProvider, type ToastProviderProps, TrendChart, type TrendChartProps, WorkflowCanvas, type WorkflowCanvasConnection, type WorkflowCanvasProps, type WorkflowCanvasStep, useToast };

package/dist/shells/index.js

@@ -1,65 +1,4 @@
 "use client";
-import {
-  AppMenubar,
-  BranchSelect,
-  CommandPalette,
-  CommandPaletteTrigger,
-  ContentTabs,
-  DashboardGrid,
-  DataTable,
-  DeploymentTimeline,
-  DomainTable,
-  EditorToolbar,
-  EnvPanel,
-  FailureList,
-  FaqAccordion,
-  KeyValueEditor,
-  NotificationToast,
-  ProjectSwitcher,
-  SearchCombobox,
-  SettingsForm,
-  SidebarNav,
-  StatusSelect,
-  ToastProvider,
-  WorkflowCanvas,
-  useToast
-} from "../chunk-3XD4HIFL.js";
-import "../chunk-RBM2RNC2.js";
-import "../chunk-3GWWZKX7.js";
-
-// src/shells/index.ts
-import {
-  MetricsCard,
-  TrendChart,
-  EventSparkline,
-  ReportWidget
-} from "@reopt-ai/opt-charts";
-export {
-  AppMenubar,
-  BranchSelect,
-  CommandPalette,
-  CommandPaletteTrigger,
-  ContentTabs,
-  DashboardGrid,
-  DataTable,
-  DeploymentTimeline,
-  DomainTable,
-  EditorToolbar,
-  EnvPanel,
-  EventSparkline,
-  FailureList,
-  FaqAccordion,
-  KeyValueEditor,
-  MetricsCard,
-  NotificationToast,
-  ProjectSwitcher,
-  ReportWidget,
-  SearchCombobox,
-  SettingsForm,
-  SidebarNav,
-  StatusSelect,
-  ToastProvider,
-  TrendChart,
-  WorkflowCanvas,
-  useToast
-};
+import { C as CommandPaletteTrigger, S as DashboardGrid, _ as EditorToolbar, a as ToastProvider, b as StatusSelect, c as DataTable, d as EnvPanel, f as ProjectSwitcher, g as ContentTabs, h as FaqAccordion, i as NotificationToast, l as DomainTable, m as SettingsForm, n as KeyValueEditor, p as DeploymentTimeline, r as FailureList, s as useToast, t as WorkflowCanvas, u as BranchSelect, v as SidebarNav, w as CommandPalette, x as SearchCombobox, y as AppMenubar } from "../workflow-canvas-BGBAcjf-.js";
+import { EventSparkline, MetricsCard, ReportWidget, TrendChart } from "@reopt-ai/opt-charts";
+export { AppMenubar, BranchSelect, CommandPalette, CommandPaletteTrigger, ContentTabs, DashboardGrid, DataTable, DeploymentTimeline, DomainTable, EditorToolbar, EnvPanel, EventSparkline, FailureList, FaqAccordion, KeyValueEditor, MetricsCard, NotificationToast, ProjectSwitcher, ReportWidget, SearchCombobox, SettingsForm, SidebarNav, StatusSelect, ToastProvider, TrendChart, WorkflowCanvas, useToast };

package/dist/tailwind.css

@@ -116,6 +116,55 @@
   --weight-heading: var(--opt-weight-heading, 600);
 }
 
+/* ── Short semantic utility aliases ──
+ *
+ * `@theme inline`의 토큰 이름은 스코프를 접두사로 갖기 때문에(`--color-bg-subtle`,
+ * `--color-text-secondary`) 생성되는 유틸이 `bg-bg-subtle` / `text-text-secondary`
+ * 처럼 접두사가 두 번 반복된다. 소비자는 자연스럽게 짧은 쪽(`bg-subtle`,
+ * `text-secondary`)을 쓰고, 그 클래스는 존재하지 않아 스타일이 조용히 사라진다.
+ * 실제 소비 프로젝트에서 이 무음 실패가 반복 관측됐고(죽은 클래스 20회), 결국
+ * Tailwind를 우회해 CSS Module에서 `var(--opt-*)`를 직접 참조하는 경로로 이어졌다.
+ *
+ * 아래 alias는 그 짧은 이름을 정확한 시맨틱으로 1급 유틸로 만든다. 기존 이중어
+ * 이름(`bg-bg-subtle` 등)은 그대로 유효하다 — 제거가 아니라 추가다.
+ *
+ * 제약: static utility에는 alpha modifier가 붙지 않는다(`bg-subtle/40`은 생성되지
+ * 않음 — Tailwind의 `--modifier()`는 functional utility 전용). 투명도가 필요하면
+ * 정식 토큰 이름을 쓴다: `text-text-secondary/60`, `bg-accent-subtle` 등. */
+@utility bg-subtle {
+  background-color: var(--opt-bg-subtle);
+}
+@utility bg-muted {
+  background-color: var(--opt-bg-muted);
+}
+@utility bg-raised {
+  background-color: var(--opt-surface-raised);
+}
+@utility bg-overlay {
+  background-color: var(--opt-surface-overlay);
+}
+@utility bg-inset {
+  background-color: var(--opt-surface-inset);
+}
+@utility bg-input {
+  background-color: var(--opt-surface-input);
+}
+@utility text-primary {
+  color: var(--opt-text);
+}
+@utility text-secondary {
+  color: var(--opt-text-secondary);
+}
+@utility text-tertiary {
+  color: var(--opt-text-tertiary);
+}
+@utility border-subtle {
+  border-color: var(--opt-border-subtle);
+}
+@utility border-strong {
+  border-color: var(--opt-border-hover);
+}
+
 /* ── Density ── */
 [data-density="compact"],
 [data-harness-density="compact"] {