@principal-ai/subsystems-react 0.17.0 → 0.18.0

package/dist/index.d.ts

@@ -1,50 +1,9 @@
 /**
- * @principal-ai/visual-validation-react
- * React components for graph-based visual validation framework
+ * @principal-ai/subsystems-react
  *
- * This library provides UI building blocks for creating graph visualization panels.
- * The actual "panel" application should be built separately using these components.
+ * React UI for Subsystem Models (graph, Pierre code views, graphify helpers)
+ * plus session-event feeds used by Subsystems Studio.
  */
-export type { GraphConfiguration, GraphEvent, GraphMetrics, Violation, Warning, ValidationResult, EventStream, NodeTypeDefinition, EdgeTypeDefinition, ConnectionRule, NodeState, EdgeState, ConfigurationFile, ConfigurationLoadResult, ComponentLibrary, } from '@principal-ai/subsystems-core';
-export { GraphRenderer } from './components/GraphRenderer';
-export type { GraphRendererProps, GraphRendererHandle, NodePositionChange, PendingChanges, } from './components/GraphRenderer';
-export { SequenceDiagramRenderer } from './components/SequenceDiagramRenderer';
-export type { SequenceDiagramRendererProps } from './components/SequenceDiagramRenderer';
-export { WorkflowSequenceDiagram } from './components/WorkflowSequenceDiagram';
-export type { WorkflowSequenceDiagramProps } from './components/WorkflowSequenceDiagram';
-export { useSequenceLayout } from './hooks/useSequenceLayout';
-export type { SequenceEvent, SequenceEdge, Swimlane, UseSequenceLayoutOptions, UseSequenceLayoutResult, } from './hooks/useSequenceLayout';
-export { MultiCanvasRenderer, mergeCanvases, parseNodeId } from './components/MultiCanvasRenderer';
-export type { MultiCanvasRendererProps, MultiCanvasLayout, CanvasPlacement, } from './components/MultiCanvasRenderer';
-export { ConfigurationSelector } from './components/ConfigurationSelector';
-export type { ConfigurationSelectorProps } from './components/ConfigurationSelector';
-export { GenericNode } from './nodes/GenericNode';
-export type { GenericNodeProps } from './nodes/GenericNode';
-export { CustomNode } from './nodes/CustomNode';
-export type { CustomNodeData } from './nodes/CustomNode';
-export { OtelSpanConventionNode, OtelEventNode, OtelScopeNode, OtelResourceNode, OtelBoundaryNode, } from './nodes/otel';
-export type { OtelSpanConventionNodeData, OtelEventNodeData, OtelScopeNodeData, OtelResourceNodeData, OtelBoundaryNodeData, WorkflowChip, } from './nodes/otel';
-export { GenericEdge } from './edges/GenericEdge';
-export type { GenericEdgeProps } from './edges/GenericEdge';
-export { CustomEdge } from './edges/CustomEdge';
-export type { CustomEdgeData } from './edges/CustomEdge';
-export { NodeTooltip } from './components/NodeTooltip';
-export type { NodeTooltipProps, OtelInfo } from './components/NodeTooltip';
-export { convertToXYFlowNodes, convertToXYFlowEdges, } from './utils/graphConverter';
-export type { EdgeStateWithHandles } from './utils/graphConverter';
-export { Icon, resolveIcon } from './utils/iconResolver';
-export type { IconProps } from './utils/iconResolver';
-export { swapGraphOrientation, swapNodePositions, swapEdgeSides, } from './utils/orientationUtils';
-export { getCanvasBounds, getCanvasDisplaySize, calculateInitialViewport } from './utils/canvasBounds';
-export type { CanvasBounds, Viewport } from './utils/canvasBounds';
-export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
-export type { ElkLayoutOptions, ElkLayoutResult, ElkRoutingStyle } from './utils/elkLayout';
-export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
-export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
-export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
-export type { DashboardDefinition, MetricDefinition, MetricType, MetricSource, MetricQuery, Derivation, TimeGroup, AlertDefinition, MetricDisplay, DisplayComponent, DashboardLayout, DashboardRow, PanelPlacement, TimeRangePreset, TimeRange, RefreshInterval, TimeRangeConfig, MockMetricData, TimeSeriesPoint, HistogramData, MetricData, DataProvider, DashboardRendererProps, MetricPanelProps, MetricCardProps, LineChartProps, BarChartProps, SourceLinkProps, TimeRangeSelectorProps, } from './components/dashboard';
-export { PipelineView, useStateView } from './components/state-view';
-export type { StateEvent, EventSource, StateReducer, StateDiff, TransitionDefinition, ActiveAnimation, AnimationType, ReplayControls, StateViewDefinition, PipelineState, PipelineStage, PipelineRepoState, PipelineEvent, PipelineEventType, ActivityState, RoomState, ActivityEvent, ActivityEventType, QuotaDistributionState, UserQuotaState, QuotaEvent, QuotaEventType, UseStateViewOptions, UseStateViewResult, PipelineViewProps, } from './components/state-view';
 export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
 export type { SessionEventFeedProps, SessionEventFeedGroupedProps, SessionEventFeedRow, } from './components/session-events';
 export type { JsonValue, GraphifyFileType, GraphifyConfidence, GraphifyNodeType, GraphifyRelation, GraphifyNode, GraphifyEdge, GraphifyHyperedge, GraphifyGraphMetadata, GraphifyGraph, } from './graphify';
@@ -52,6 +11,10 @@ export type { GraphifyAnchorResolution, SubsystemGraphifyAnchor, GraphifyMethodI
 export type { GraphifyTypeRefStatus, GraphifyTypeRefResolution, } from './graphify';
 export { normalizeGraphifyLabel, createGraphifyTypeResolver, resolveGraphifyTypeRef, normalizeGraphifyId, makeGraphifyId, graphifyFileStem, normalizeSourcePath, resolveComponentAnchor, symbolLabelVariants, inferGraphifyKind, kindsMatch, extractNamedTypes, extractGraphifySignature, compareSignatures, } from './graphify';
 export type { ComponentAnchorInput, ComponentAnchorResult, InferredGraphifyKind, InferGraphifyKindResult, GraphifyInferredSignature, ClaimedSignature, SignatureCompareResult, } from './graphify';
+export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
+export type { ElkLayoutOptions, ElkLayoutResult, ElkRoutingStyle } from './utils/elkLayout';
+export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
+export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
 export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
 export type { SubsystemComponentGraphProps, ThroughlineViewerContext } from './subsystem/SubsystemComponentGraph';
 export type { ComponentVerificationState, ComponentVerificationPhase, ComponentDeclarationProps, } from './subsystem/ComponentDeclaration';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1,41 +1,15 @@
 /**
- * @principal-ai/visual-validation-react
- * React components for graph-based visual validation framework
+ * @principal-ai/subsystems-react
  *
- * This library provides UI building blocks for creating graph visualization panels.
- * The actual "panel" application should be built separately using these components.
+ * React UI for Subsystem Models (graph, Pierre code views, graphify helpers)
+ * plus session-event feeds used by Subsystems Studio.
  */
-// Export components
-export { GraphRenderer } from './components/GraphRenderer';
-export { SequenceDiagramRenderer } from './components/SequenceDiagramRenderer';
-export { WorkflowSequenceDiagram } from './components/WorkflowSequenceDiagram';
-export { useSequenceLayout } from './hooks/useSequenceLayout';
-export { MultiCanvasRenderer, mergeCanvases, parseNodeId } from './components/MultiCanvasRenderer';
-export { ConfigurationSelector } from './components/ConfigurationSelector';
-// Export node/edge renderers
-export { GenericNode } from './nodes/GenericNode';
-export { CustomNode } from './nodes/CustomNode';
-// Export OTEL node components
-export { OtelSpanConventionNode, OtelEventNode, OtelScopeNode, OtelResourceNode, OtelBoundaryNode, } from './nodes/otel';
-export { GenericEdge } from './edges/GenericEdge';
-export { CustomEdge } from './edges/CustomEdge';
-// Export tooltip component
-export { NodeTooltip } from './components/NodeTooltip';
-// Export utilities
-export { convertToXYFlowNodes, convertToXYFlowEdges, } from './utils/graphConverter';
-export { Icon, resolveIcon } from './utils/iconResolver';
-export { swapGraphOrientation, swapNodePositions, swapEdgeSides, } from './utils/orientationUtils';
-export { getCanvasBounds, getCanvasDisplaySize, calculateInitialViewport } from './utils/canvasBounds';
-// ELK layout utilities for circuit-board style edge routing
-export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
-export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
-// Dashboard components for rendering metrics from dashboard definition files
-export { DashboardRenderer, MetricPanel, MetricCard, LineChart, BarChart, SourceLink, TimeRangeSelector, MockDataProvider, createMockDataProvider, } from './components/dashboard';
-// State View components for event-driven state visualization
-export { PipelineView, useStateView } from './components/state-view';
 // Session event diagnostic feed (raw → repo-normalized → accumulated)
 export { SessionEventFeed, SessionEventFeedGrouped, } from './components/session-events';
 export { normalizeGraphifyLabel, createGraphifyTypeResolver, resolveGraphifyTypeRef, normalizeGraphifyId, makeGraphifyId, graphifyFileStem, normalizeSourcePath, resolveComponentAnchor, symbolLabelVariants, inferGraphifyKind, kindsMatch, extractNamedTypes, extractGraphifySignature, compareSignatures, } from './graphify';
+// ELK layout utilities
+export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
+export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
 // Subsystem component graph
 export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
 export { ComponentDeclaration } from './subsystem/ComponentDeclaration';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,sEAAsE;AACtE,OAAO,EACL,gBAAgB,EAChB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAyCrC,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,sBAAsB,EACtB,mBAAmB,EACnB,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAWpB,uBAAuB;AACvB,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,4BAA4B;AAC5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAO9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,8BAA8B,EAAE,MAAM,0BAA0B,CAAC;AAC3F,OAAO,EACL,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,aAAa,GACd,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAchE,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,UAAU,EACV,UAAU,GACX,MAAM,mBAAmB,CAAC;AAM3B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AAEpC,6CAA6C;AAC7C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@principal-ai/subsystems-react",
-  "version": "0.17.0",
-  "description": "React components for graph-based principal view framework",
+  "version": "0.18.0",
+  "description": "React UI for Subsystem Models — graph, Pierre code views, and session-event feeds",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/index.ts

@@ -1,206 +1,10 @@
 /**
- * @principal-ai/visual-validation-react
- * React components for graph-based visual validation framework
+ * @principal-ai/subsystems-react
  *
- * This library provides UI building blocks for creating graph visualization panels.
- * The actual "panel" application should be built separately using these components.
+ * React UI for Subsystem Models (graph, Pierre code views, graphify helpers)
+ * plus session-event feeds used by Subsystems Studio.
  */
 
-// Re-export types from core
-export type {
-  GraphConfiguration,
-  GraphEvent,
-  GraphMetrics,
-  Violation,
-  Warning,
-  ValidationResult,
-  EventStream,
-  NodeTypeDefinition,
-  EdgeTypeDefinition,
-  ConnectionRule,
-  NodeState,
-  EdgeState,
-  ConfigurationFile,
-  ConfigurationLoadResult,
-  // Library types for loading .principal-views/library.yaml
-  ComponentLibrary,
-} from '@principal-ai/subsystems-core';
-
-// Export components
-export { GraphRenderer } from './components/GraphRenderer';
-export type {
-  GraphRendererProps,
-  GraphRendererHandle,
-  NodePositionChange,
-  PendingChanges,
-} from './components/GraphRenderer';
-
-export { SequenceDiagramRenderer } from './components/SequenceDiagramRenderer';
-export type { SequenceDiagramRendererProps } from './components/SequenceDiagramRenderer';
-
-export { WorkflowSequenceDiagram } from './components/WorkflowSequenceDiagram';
-export type { WorkflowSequenceDiagramProps } from './components/WorkflowSequenceDiagram';
-
-export { useSequenceLayout } from './hooks/useSequenceLayout';
-export type {
-  SequenceEvent,
-  SequenceEdge,
-  Swimlane,
-  UseSequenceLayoutOptions,
-  UseSequenceLayoutResult,
-} from './hooks/useSequenceLayout';
-
-export { MultiCanvasRenderer, mergeCanvases, parseNodeId } from './components/MultiCanvasRenderer';
-export type {
-  MultiCanvasRendererProps,
-  MultiCanvasLayout,
-  CanvasPlacement,
-} from './components/MultiCanvasRenderer';
-
-export { ConfigurationSelector } from './components/ConfigurationSelector';
-export type { ConfigurationSelectorProps } from './components/ConfigurationSelector';
-
-// Export node/edge renderers
-export { GenericNode } from './nodes/GenericNode';
-export type { GenericNodeProps } from './nodes/GenericNode';
-
-export { CustomNode } from './nodes/CustomNode';
-export type { CustomNodeData } from './nodes/CustomNode';
-
-// Export OTEL node components
-export {
-  OtelSpanConventionNode,
-  OtelEventNode,
-  OtelScopeNode,
-  OtelResourceNode,
-  OtelBoundaryNode,
-} from './nodes/otel';
-export type {
-  OtelSpanConventionNodeData,
-  OtelEventNodeData,
-  OtelScopeNodeData,
-  OtelResourceNodeData,
-  OtelBoundaryNodeData,
-  WorkflowChip,
-} from './nodes/otel';
-
-export { GenericEdge } from './edges/GenericEdge';
-export type { GenericEdgeProps } from './edges/GenericEdge';
-
-export { CustomEdge } from './edges/CustomEdge';
-export type { CustomEdgeData } from './edges/CustomEdge';
-
-// Export tooltip component
-export { NodeTooltip } from './components/NodeTooltip';
-export type { NodeTooltipProps, OtelInfo } from './components/NodeTooltip';
-
-// Export utilities
-export {
-  convertToXYFlowNodes,
-  convertToXYFlowEdges,
-} from './utils/graphConverter';
-export type { EdgeStateWithHandles } from './utils/graphConverter';
-export { Icon, resolveIcon } from './utils/iconResolver';
-export type { IconProps } from './utils/iconResolver';
-export {
-  swapGraphOrientation,
-  swapNodePositions,
-  swapEdgeSides,
-} from './utils/orientationUtils';
-export { getCanvasBounds, getCanvasDisplaySize, calculateInitialViewport } from './utils/canvasBounds';
-export type { CanvasBounds, Viewport } from './utils/canvasBounds';
-
-// ELK layout utilities for circuit-board style edge routing
-export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
-export type { ElkLayoutOptions, ElkLayoutResult, ElkRoutingStyle } from './utils/elkLayout';
-export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
-export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
-
-// Dashboard components for rendering metrics from dashboard definition files
-export {
-  DashboardRenderer,
-  MetricPanel,
-  MetricCard,
-  LineChart,
-  BarChart,
-  SourceLink,
-  TimeRangeSelector,
-  MockDataProvider,
-  createMockDataProvider,
-} from './components/dashboard';
-export type {
-  // Dashboard definition types
-  DashboardDefinition,
-  MetricDefinition,
-  MetricType,
-  MetricSource,
-  MetricQuery,
-  Derivation,
-  TimeGroup,
-  AlertDefinition,
-  MetricDisplay,
-  DisplayComponent,
-  DashboardLayout,
-  DashboardRow,
-  PanelPlacement,
-  // Time range types
-  TimeRangePreset,
-  TimeRange,
-  RefreshInterval,
-  TimeRangeConfig,
-  // Mock data types
-  MockMetricData,
-  TimeSeriesPoint,
-  HistogramData,
-  // Runtime types
-  MetricData,
-  DataProvider,
-  // Component props
-  DashboardRendererProps,
-  MetricPanelProps,
-  MetricCardProps,
-  LineChartProps,
-  BarChartProps,
-  SourceLinkProps,
-  TimeRangeSelectorProps,
-} from './components/dashboard';
-
-// State View components for event-driven state visualization
-export { PipelineView, useStateView } from './components/state-view';
-export type {
-  // Core types
-  StateEvent,
-  EventSource,
-  StateReducer,
-  StateDiff,
-  TransitionDefinition,
-  ActiveAnimation,
-  AnimationType,
-  ReplayControls,
-  StateViewDefinition,
-  // Pipeline view types
-  PipelineState,
-  PipelineStage,
-  PipelineRepoState,
-  PipelineEvent,
-  PipelineEventType,
-  // Activity view types
-  ActivityState,
-  RoomState,
-  ActivityEvent,
-  ActivityEventType,
-  // Quota view types
-  QuotaDistributionState,
-  UserQuotaState,
-  QuotaEvent,
-  QuotaEventType,
-  // Hook types
-  UseStateViewOptions,
-  UseStateViewResult,
-  // Component props
-  PipelineViewProps,
-} from './components/state-view';
-
 // Session event diagnostic feed (raw → repo-normalized → accumulated)
 export {
   SessionEventFeed,
@@ -272,6 +76,12 @@ export type {
   SignatureCompareResult,
 } from './graphify';
 
+// ELK layout utilities
+export { computeElkLayout, createElkLayouter } from './utils/elkLayout';
+export type { ElkLayoutOptions, ElkLayoutResult, ElkRoutingStyle } from './utils/elkLayout';
+export { useElkLayout, applyElkPathsToEdges } from './hooks/useElkLayout';
+export type { UseElkLayoutOptions, UseElkLayoutResult } from './hooks/useElkLayout';
+
 // Subsystem component graph
 export { SubsystemComponentGraph } from './subsystem/SubsystemComponentGraph';
 export type { SubsystemComponentGraphProps, ThroughlineViewerContext } from './subsystem/SubsystemComponentGraph';

package/src/components/ConfigurationSelector.tsx

@@ -1,133 +0,0 @@
-import React from 'react';
-import type { ConfigurationFile } from '@principal-ai/subsystems-core';
-
-export interface ConfigurationSelectorProps {
-  /** Available configurations */
-  configurations: ConfigurationFile[];
-
-  /** Currently selected configuration name */
-  selectedConfig: string;
-
-  /** Callback when configuration changes */
-  onConfigChange: (configName: string) => void;
-
-  /** Optional custom className */
-  className?: string;
-
-  /** Optional custom styles */
-  style?: React.CSSProperties;
-
-  /** Whether to show description */
-  showDescription?: boolean;
-
-  /** Label text for the selector */
-  label?: string;
-}
-
-/**
- * Configuration selector component for switching between multiple graph configurations
- *
- * @example
- * ```tsx
- * const [selectedConfig, setSelectedConfig] = useState('simple-service');
- *
- * <ConfigurationSelector
- *   configurations={loadedConfigs}
- *   selectedConfig={selectedConfig}
- *   onConfigChange={setSelectedConfig}
- *   showDescription
- * />
- * ```
- */
-export const ConfigurationSelector: React.FC<ConfigurationSelectorProps> = ({
-  configurations,
-  selectedConfig,
-  onConfigChange,
-  className,
-  style,
-  showDescription = false,
-  label = 'Graph Configuration',
-}) => {
-  const handleChange = (event: React.ChangeEvent<HTMLSelectElement>) => {
-    onConfigChange(event.target.value);
-  };
-
-  const selectedConfigData = configurations.find((c) => c.name === selectedConfig);
-
-  const defaultStyle: React.CSSProperties = {
-    backgroundColor: 'white',
-    padding: '12px 16px',
-    borderRadius: '8px',
-    boxShadow: '0 2px 8px rgba(0,0,0,0.1)',
-    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-    ...style,
-  };
-
-  const labelStyle: React.CSSProperties = {
-    display: 'block',
-    fontSize: '14px',
-    fontWeight: 600,
-    marginBottom: '8px',
-    color: '#333',
-  };
-
-  const selectStyle: React.CSSProperties = {
-    width: '100%',
-    padding: '8px 12px',
-    fontSize: '14px',
-    border: '1px solid #ddd',
-    borderRadius: '4px',
-    backgroundColor: 'white',
-    cursor: 'pointer',
-    outline: 'none',
-    transition: 'border-color 0.2s',
-  };
-
-  const infoStyle: React.CSSProperties = {
-    marginTop: '8px',
-    fontSize: '12px',
-    color: '#666',
-    lineHeight: '1.5',
-  };
-
-  if (configurations.length === 0) {
-    return (
-      <div className={className} style={defaultStyle}>
-        <div style={{ ...labelStyle, color: '#999' }}>No configurations available</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className={className} style={defaultStyle}>
-      <label style={labelStyle} htmlFor="config-selector">
-        {label}
-      </label>
-
-      <select
-        id="config-selector"
-        value={selectedConfig}
-        onChange={handleChange}
-        style={selectStyle}
-        onMouseEnter={(e) => {
-          e.currentTarget.style.borderColor = '#4A90E2';
-        }}
-        onMouseLeave={(e) => {
-          e.currentTarget.style.borderColor = '#ddd';
-        }}
-      >
-        {configurations.map((config) => (
-          <option key={config.name} value={config.name}>
-            {config.config.metadata.name}
-          </option>
-        ))}
-      </select>
-
-      {selectedConfigData && showDescription && selectedConfigData.config.metadata.description && (
-        <div style={infoStyle}>
-          <div>{selectedConfigData.config.metadata.description}</div>
-        </div>
-      )}
-    </div>
-  );
-};