@procaaso/alphinity-ui-components 1.4.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 (7) hide show
  1. package/dist/index.cjs +847 -402
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +50 -1
  4. package/dist/index.d.ts +50 -1
  5. package/dist/index.js +842 -398
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/ControlPanel/ControlPanel.tsx","../src/components/Selector/Selector.tsx","../src/components/ValueEntry/ValueEntry.tsx","../src/components/ValueEntry/LegacyValueEntry.tsx","../src/components/StatusIndicator/StatusIndicator.tsx","../src/components/NodeControlsPanel/NodeControlsPanel.tsx","../src/components/DeviceControlPanel/DeviceControlPanel.tsx","../src/theme/statusColors.ts","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.styles.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.overlays.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.visuals.tsx","../src/theme/ThemeContext.tsx","../src/theme/ThemeToggle.tsx","../src/components/PIDCanvas/PIDCanvas.tsx","../src/diagram/symbols/mockSymbolLibrary.ts","../src/components/PIDCanvas/NodeRenderer.tsx","../src/components/PIDCanvas/PipeRenderer.tsx","../src/components/PIDCanvas/DataOverlay.tsx","../src/components/PIDCanvas/PositionPanel.tsx","../src/diagram/hooks/useViewBox.ts","../src/diagram/hooks/useSelection.ts","../src/diagram/hooks/useTelemetry.ts","../src/diagram/hooks/useTelemetryStatus.ts","../src/diagram/hooks/useDrag.ts","../src/diagram/hooks/useKeyboardShortcuts.ts","../src/diagram/utils/portCalculations.ts","../src/components/SymbolLibrary/SymbolLibrary.tsx","../src/components/NodeConfigPanel/NodeConfigPanel.tsx","../src/diagram/utils/serialization.ts","../src/diagram/examples/exampleDiagram.ts","../src/utils/thresholds.ts","../src/diagram/schema/DeviceControlBinding.ts","../src/hooks/useDeviceControls.ts","../src/diagram/schema/DeviceConfigBinding.ts","../src/hooks/useDeviceConfigs.ts","../src/components/DeviceConfigPanel/DeviceConfigPanel.tsx","../src/diagram/hooks/useSimulation.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: 'primary' | 'secondary';\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n variant = 'primary',\r\n children,\r\n className = '',\r\n ...props\r\n}) => {\r\n // Use CSS classes for base and variant styles\r\n const baseClass = 'ui-btn';\r\n const variantClass = variant ? `ui-btn--${variant}` : '';\r\n return (\r\n <button className={`${baseClass} ${variantClass} ${className}`.trim()} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Selector, SelectorOption } from '../Selector';\r\nimport { LegacyValueEntry as ValueEntry } from '../ValueEntry';\r\nimport { Button } from '../Button';\r\nimport type { ScalingMetadata } from '../../diagram/schema/TelemetryBinding';\r\n\r\nexport interface ModeConfig {\r\n /** Units for this mode */\r\n unit?: string;\r\n /** Label for the primary setpoint */\r\n label?: string;\r\n /** Minimum value for primary setpoint */\r\n min?: number;\r\n /** Maximum value for primary setpoint */\r\n max?: number;\r\n /** Precision for primary setpoint */\r\n precision?: number;\r\n /** Whether this mode has a second setpoint (like ramp time) */\r\n hasSecondSetpoint?: boolean;\r\n /** Label for the second setpoint */\r\n secondLabel?: string;\r\n /** Units for the second setpoint */\r\n secondUnit?: string;\r\n /** Min value for second setpoint */\r\n secondMin?: number;\r\n /** Max value for second setpoint */\r\n secondMax?: number;\r\n /** Precision for second setpoint */\r\n secondPrecision?: number;\r\n}\r\n\r\nexport interface ControlPanelProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Panel title/identifier */\r\n title: string;\r\n /** Currently selected mode */\r\n selectedMode: string;\r\n /** Available mode options */\r\n modeOptions: SelectorOption[];\r\n /** Callback when mode changes */\r\n onModeChange: (mode: string) => void;\r\n /** Current setpoint value */\r\n setpointValue: number | string;\r\n /** Callback when setpoint changes */\r\n onSetpointChange: (value: number | string) => void;\r\n /** Current second setpoint value (for ramp mode, etc.) */\r\n secondSetpointValue?: number | string;\r\n /** Callback when second setpoint changes */\r\n onSecondSetpointChange?: (value: number | string) => void;\r\n /** Configuration for each mode */\r\n modeConfigs?: Record<string, ModeConfig>;\r\n /** Default unit when no mode config is found */\r\n defaultUnit?: string;\r\n /** Default label when no mode config is found */\r\n defaultLabel?: string;\r\n /** Default min when no mode config is found */\r\n defaultMin?: number;\r\n /** Default max when no mode config is found */\r\n defaultMax?: number;\r\n /** Default precision when no mode config is found */\r\n defaultPrecision?: number;\r\n /**\r\n * Uniform scaling / EU metadata (#1663). When provided, supplies the\r\n * units / min / max / precision defaults from the live published scaling\r\n * record - used only where an explicit `default*` prop or a mode config does\r\n * not already set the value (modeConfig > explicit default > scaling >\r\n * hardcoded). Lets the consumer drive the panel from the scaling stream\r\n * instead of static diagram config.\r\n */\r\n scaling?: ScalingMetadata;\r\n /** Status state for the entire panel */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Whether the panel is collapsed */\r\n collapsed?: boolean;\r\n /** Callback when collapse state changes */\r\n onCollapseChange?: (collapsed: boolean) => void;\r\n /** Panel size variant */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Whether setpoint is read-only */\r\n setpointReadOnly?: boolean;\r\n /** Whether to show start/stop buttons */\r\n showStartStopButtons?: boolean;\r\n /** Whether the process is currently running */\r\n isRunning?: boolean;\r\n /** Callback when start button is clicked */\r\n onStart?: () => void;\r\n /** Callback when stop button is clicked */\r\n onStop?: () => void;\r\n /** Custom start button text */\r\n startButtonText?: string;\r\n /** Custom stop button text */\r\n stopButtonText?: string;\r\n}\r\n\r\nexport const ControlPanel: React.FC<ControlPanelProps> = ({\r\n title,\r\n selectedMode,\r\n modeOptions,\r\n onModeChange,\r\n setpointValue,\r\n onSetpointChange,\r\n secondSetpointValue,\r\n onSecondSetpointChange,\r\n modeConfigs = {},\r\n defaultUnit,\r\n defaultLabel = 'Setpoint',\r\n defaultMin,\r\n defaultMax,\r\n defaultPrecision,\r\n scaling,\r\n status = 'normal',\r\n collapsed = false,\r\n onCollapseChange,\r\n size = 'medium',\r\n setpointReadOnly = false,\r\n showStartStopButtons = false,\r\n isRunning = false,\r\n onStart,\r\n onStop,\r\n startButtonText = 'Start',\r\n stopButtonText = 'Stop',\r\n className = '',\r\n ...props\r\n}) => {\r\n const [isExpanded, setIsExpanded] = useState(!collapsed);\r\n\r\n const toggleExpanded = () => {\r\n const newExpanded = !isExpanded;\r\n setIsExpanded(newExpanded);\r\n onCollapseChange?.(!newExpanded);\r\n };\r\n\r\n // Get current mode configuration\r\n const currentModeConfig = modeConfigs[selectedMode] || {};\r\n // Resolution order: mode config > explicit default prop > scaling metadata\r\n // (#1663) > hardcoded fallback.\r\n const currentUnit = currentModeConfig.unit || defaultUnit || scaling?.units || 'Units';\r\n const currentLabel = currentModeConfig.label || defaultLabel;\r\n const currentMin = currentModeConfig.min ?? defaultMin ?? scaling?.euLow ?? 0;\r\n const currentMax = currentModeConfig.max ?? defaultMax ?? scaling?.euHigh ?? 100;\r\n const currentPrecision =\r\n currentModeConfig.precision ?? defaultPrecision ?? scaling?.decimals ?? 2;\r\n const hasSecondSetpoint = currentModeConfig.hasSecondSetpoint || false;\r\n\r\n // Use CSS classes for base, status, size, and expanded state\r\n const baseClass = 'ui-control-panel';\r\n const statusClass = status ? `ui-control-panel--${status}` : '';\r\n const sizeClass = size ? `ui-control-panel--${size}` : '';\r\n const expandedClass = isExpanded ? 'is-expanded' : 'is-collapsed';\r\n const collapsibleClass = onCollapseChange ? 'is-collapsible' : '';\r\n\r\n return (\r\n <div\r\n className={`${baseClass} ${statusClass} ${sizeClass} ${expandedClass} ${collapsibleClass} ${className}`.trim()}\r\n {...props}\r\n >\r\n {/* Status Badge */}\r\n <div className={`ui-control-panel-badge ui-control-panel-badge--${status}`} />\r\n\r\n {/* Header */}\r\n <div\r\n className=\"ui-control-panel-header\"\r\n onClick={onCollapseChange ? toggleExpanded : undefined}\r\n >\r\n <h3 className=\"ui-control-panel-title\">{title}</h3>\r\n {onCollapseChange && (\r\n <svg\r\n className=\"ui-control-panel-chevron\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n >\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\r\n </svg>\r\n )}\r\n </div>\r\n\r\n {/* Content */}\r\n <div className=\"ui-control-panel-content\">\r\n {/* Mode Selector */}\r\n <div>\r\n <Selector\r\n value={selectedMode}\r\n onChange={onModeChange}\r\n options={modeOptions}\r\n label=\"Control Mode\"\r\n status={status}\r\n size={size === 'small' ? 'small' : size === 'large' ? 'large' : 'medium'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n\r\n {/* Primary Setpoint Value Entry */}\r\n <div>\r\n <ValueEntry\r\n value={setpointValue}\r\n onChange={onSetpointChange}\r\n label={currentLabel}\r\n unit={currentUnit}\r\n min={currentMin}\r\n max={currentMax}\r\n precision={currentPrecision}\r\n status={status}\r\n readOnly={setpointReadOnly || status === 'disabled'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n\r\n {/* Second Setpoint (for ramp mode, etc.) */}\r\n {hasSecondSetpoint && onSecondSetpointChange && (\r\n <div>\r\n <ValueEntry\r\n value={secondSetpointValue || 0}\r\n onChange={onSecondSetpointChange}\r\n label={currentModeConfig.secondLabel || 'Time'}\r\n unit={currentModeConfig.secondUnit || 'sec'}\r\n min={currentModeConfig.secondMin ?? 0}\r\n max={currentModeConfig.secondMax ?? 999}\r\n precision={currentModeConfig.secondPrecision ?? 0}\r\n status={status}\r\n readOnly={setpointReadOnly || status === 'disabled'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n )}\r\n\r\n {/* Start/Stop Buttons */}\r\n {showStartStopButtons && (onStart || onStop) && (\r\n <div className=\"ui-control-panel-buttons\">\r\n {onStart && (\r\n <Button\r\n variant=\"primary\"\r\n onClick={onStart}\r\n disabled={isRunning || status === 'disabled'}\r\n className={isRunning ? 'is-running' : ''}\r\n >\r\n {startButtonText}\r\n </Button>\r\n )}\r\n {onStop && (\r\n <Button\r\n variant=\"secondary\"\r\n onClick={onStop}\r\n disabled={!isRunning || status === 'disabled'}\r\n className={`ui-control-panel-stop-btn${!isRunning ? ' is-disabled' : ''}`}\r\n >\r\n {stopButtonText}\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Additional Info Row */}\r\n <div className=\"ui-control-panel-info\">\r\n <span>Mode: {selectedMode.toUpperCase()}</span>\r\n <div className=\"ui-control-panel-info-values\">\r\n <span>\r\n SP: {String(setpointValue)}\r\n {currentUnit}\r\n </span>\r\n {hasSecondSetpoint && secondSetpointValue && (\r\n <span>\r\n {currentModeConfig.secondLabel}: {String(secondSetpointValue)}\r\n {currentModeConfig.secondUnit}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useRef, useEffect } from 'react';\r\n\r\nexport interface SelectorOption {\r\n /** Unique value for the option */\r\n value: string;\r\n /** Display label for the option */\r\n label: string;\r\n /** Whether this option is disabled */\r\n disabled?: boolean;\r\n /** Optional description for tooltip or additional context */\r\n description?: string;\r\n}\r\n\r\nexport interface SelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n /** Currently selected value */\r\n value: string;\r\n /** Callback when selection changes */\r\n onChange: (value: string) => void;\r\n /** List of available options */\r\n options: SelectorOption[];\r\n /** Placeholder text when no option is selected */\r\n placeholder?: string;\r\n /** Whether the selector is disabled */\r\n disabled?: boolean;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Size variant */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Label for the selector */\r\n label?: string;\r\n /** Whether the dropdown should open upward */\r\n dropdownUp?: boolean;\r\n}\r\n\r\nexport const Selector: React.FC<SelectorProps> = ({\r\n value,\r\n onChange,\r\n options,\r\n placeholder = 'Select option...',\r\n disabled = false,\r\n status = 'normal',\r\n size = 'medium',\r\n label,\r\n dropdownUp: _dropdownUp = false,\r\n className = '',\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [focusedIndex, setFocusedIndex] = useState(-1);\r\n const selectorRef = useRef<HTMLDivElement>(null);\r\n const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n // Close dropdown when clicking outside\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (selectorRef.current && !selectorRef.current.contains(event.target as Node)) {\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n };\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => document.removeEventListener('mousedown', handleClickOutside);\r\n }, []);\r\n\r\n // Handle keyboard navigation\r\n const handleKeyDown = (e: React.KeyboardEvent) => {\r\n if (disabled) return;\r\n switch (e.key) {\r\n case 'Enter':\r\n case ' ':\r\n e.preventDefault();\r\n if (!isOpen) {\r\n setIsOpen(true);\r\n setFocusedIndex(\r\n Math.max(\r\n 0,\r\n options.findIndex((opt) => opt.value === value)\r\n )\r\n );\r\n } else if (focusedIndex >= 0) {\r\n const selectedOption = options[focusedIndex];\r\n if (!selectedOption.disabled) {\r\n onChange(selectedOption.value);\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n }\r\n break;\r\n case 'Escape':\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n break;\r\n case 'ArrowDown':\r\n e.preventDefault();\r\n if (!isOpen) {\r\n setIsOpen(true);\r\n setFocusedIndex(\r\n Math.max(\r\n 0,\r\n options.findIndex((opt) => opt.value === value)\r\n )\r\n );\r\n } else {\r\n setFocusedIndex((prev) => {\r\n const nextIndex = Math.min(prev + 1, options.length - 1);\r\n return options[nextIndex]?.disabled ? prev : nextIndex;\r\n });\r\n }\r\n break;\r\n case 'ArrowUp':\r\n e.preventDefault();\r\n if (isOpen) {\r\n setFocusedIndex((prev) => {\r\n const nextIndex = Math.max(prev - 1, 0);\r\n return options[nextIndex]?.disabled ? prev : nextIndex;\r\n });\r\n }\r\n break;\r\n }\r\n };\r\n\r\n // CSS class names for base, status, and size\r\n const baseClass = 'ui-selector';\r\n const statusClass = status ? `ui-selector--${status}` : '';\r\n const sizeClass = size ? `ui-selector--${size}` : '';\r\n\r\n // Get current selected option\r\n const selectedOption = options.find((opt) => opt.value === value);\r\n\r\n return (\r\n <div className={`ui-selector-container ${className}`.trim()}>\r\n {label && <label className=\"ui-selector-label\">{label}</label>}\r\n <div ref={selectorRef} style={{ position: 'relative' }}>\r\n <div\r\n className={`${baseClass} ${statusClass} ${sizeClass}`.trim()}\r\n onClick={() => !disabled && setIsOpen(!isOpen)}\r\n onKeyDown={handleKeyDown}\r\n tabIndex={disabled ? -1 : 0}\r\n role=\"combobox\"\r\n aria-expanded={isOpen}\r\n aria-haspopup=\"listbox\"\r\n {...props}\r\n >\r\n <span className=\"ui-selector-value\">\r\n {selectedOption ? selectedOption.label : placeholder}\r\n </span>\r\n {/* Arrow Icon */}\r\n <svg className=\"ui-selector-arrow\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\r\n </svg>\r\n </div>\r\n\r\n {/* Dropdown */}\r\n {isOpen && (\r\n <div ref={dropdownRef} className=\"ui-selector-dropdown\" role=\"listbox\">\r\n {options.map((option, index) => (\r\n <div\r\n key={option.value}\r\n className={`ui-selector-option${option.disabled ? ' is-disabled' : ''}${option.value === value ? ' is-selected' : ''}`}\r\n onClick={() => {\r\n if (!option.disabled) {\r\n onChange(option.value);\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n }}\r\n onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\r\n role=\"option\"\r\n aria-selected={option.value === value}\r\n aria-disabled={option.disabled}\r\n title={option.description}\r\n >\r\n <div className=\"ui-selector-option-label\">\r\n <span>{option.label}</span>\r\n {option.value === value && (\r\n <svg className=\"ui-selector-check\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {option.description && (\r\n <div className=\"ui-selector-option-desc\">{option.description}</div>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useCallback } from 'react';\r\n\r\nexport interface ValueEntryProps\r\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\r\n /** Current value */\r\n value: number | string;\r\n /** Callback when value changes */\r\n onChange: (value: number | string) => void;\r\n /** Unit of measurement to display */\r\n unit?: string;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Minimum allowed value (for numeric inputs) */\r\n min?: number;\r\n /** Maximum allowed value (for numeric inputs) */\r\n max?: number;\r\n /** Number of decimal places (for numeric inputs) */\r\n precision?: number;\r\n /** Input type - numeric or text */\r\n inputType?: 'numeric' | 'text';\r\n /** Label for the input */\r\n label?: string;\r\n /** Whether the input is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport const ValueEntry: React.FC<ValueEntryProps> = ({\r\n value,\r\n onChange,\r\n unit,\r\n status = 'normal',\r\n min,\r\n max,\r\n precision = 2,\r\n inputType = 'numeric',\r\n label,\r\n readOnly = false,\r\n className = '',\r\n disabled,\r\n ...props\r\n}) => {\r\n const [displayValue, setDisplayValue] = useState(String(value));\r\n const [isEditing, setIsEditing] = useState(false);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsEditing(true);\r\n setDisplayValue(String(value));\r\n }, [value]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsEditing(false);\r\n let newValue: number | string = displayValue;\r\n\r\n if (inputType === 'numeric') {\r\n const numValue = parseFloat(displayValue);\r\n if (!isNaN(numValue)) {\r\n // Apply min/max constraints\r\n let constrainedValue = numValue;\r\n if (min !== undefined) constrainedValue = Math.max(min, constrainedValue);\r\n if (max !== undefined) constrainedValue = Math.min(max, constrainedValue);\r\n\r\n // Apply precision\r\n constrainedValue = parseFloat(constrainedValue.toFixed(precision));\r\n newValue = constrainedValue;\r\n setDisplayValue(String(constrainedValue));\r\n } else {\r\n // Invalid number, revert to original value\r\n setDisplayValue(String(value));\r\n return;\r\n }\r\n }\r\n\r\n if (newValue !== value) {\r\n onChange(newValue);\r\n }\r\n }, [displayValue, inputType, min, max, precision, value, onChange]);\r\n\r\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setDisplayValue(e.target.value);\r\n }, []);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n e.currentTarget.blur();\r\n }\r\n if (e.key === 'Escape') {\r\n setDisplayValue(String(value));\r\n e.currentTarget.blur();\r\n }\r\n },\r\n [value]\r\n );\r\n\r\n // Use CSS classes for base, status, and unit styles\r\n const baseClass = 'ui-value-entry';\r\n const unitClass = unit ? 'ui-value-entry--with-unit' : '';\r\n const currentStatus = disabled || readOnly ? 'disabled' : status;\r\n const statusVariantClass = currentStatus ? `ui-value-entry--${currentStatus}` : '';\r\n\r\n const displayText = isEditing\r\n ? displayValue\r\n : inputType === 'numeric'\r\n ? Number(value).toFixed(precision)\r\n : String(value);\r\n\r\n return (\r\n <div className=\"ui-value-entry-container\">\r\n {label && <label className=\"ui-value-entry-label\">{label}</label>}\r\n <div className=\"ui-value-entry-wrapper\">\r\n <input\r\n type={inputType === 'numeric' ? 'text' : 'text'}\r\n value={displayText}\r\n onChange={handleChange}\r\n onFocus={handleFocus}\r\n onBlur={handleBlur}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n className={`${baseClass} ${statusVariantClass} ${unitClass} ${className}`.trim()}\r\n {...props}\r\n />\r\n {unit && <span className=\"ui-value-entry-unit\">{unit}</span>}\r\n {status === 'alarm' && <div className=\"ui-value-entry-badge ui-value-entry-badge--alarm\" />}\r\n {status === 'warning' && (\r\n <div className=\"ui-value-entry-badge ui-value-entry-badge--warning\" />\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useCallback } from 'react';\r\n\r\nexport interface LegacyValueEntryProps\r\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\r\n /** Current value */\r\n value: number | string;\r\n /** Callback when value changes */\r\n onChange: (value: number | string) => void;\r\n /** Unit of measurement to display */\r\n unit?: string;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Minimum allowed value (for numeric inputs) */\r\n min?: number;\r\n /** Maximum allowed value (for numeric inputs) */\r\n max?: number;\r\n /** Number of decimal places (for numeric inputs) */\r\n precision?: number;\r\n /** Input type - numeric or text */\r\n inputType?: 'numeric' | 'text';\r\n /** Label for the input */\r\n label?: string;\r\n /** Whether the input is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport const LegacyValueEntry: React.FC<LegacyValueEntryProps> = ({\r\n value,\r\n onChange,\r\n unit,\r\n status = 'normal',\r\n min,\r\n max,\r\n precision = 2,\r\n inputType = 'numeric',\r\n label,\r\n readOnly = false,\r\n className = '',\r\n disabled,\r\n ...props\r\n}) => {\r\n const [displayValue, setDisplayValue] = useState(String(value));\r\n const [isEditing, setIsEditing] = useState(false);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsEditing(true);\r\n setDisplayValue(String(value));\r\n }, [value]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsEditing(false);\r\n let newValue: number | string = displayValue;\r\n\r\n if (inputType === 'numeric') {\r\n const numValue = parseFloat(displayValue);\r\n if (!isNaN(numValue)) {\r\n // Apply min/max constraints\r\n let constrainedValue = numValue;\r\n if (min !== undefined) constrainedValue = Math.max(min, constrainedValue);\r\n if (max !== undefined) constrainedValue = Math.min(max, constrainedValue);\r\n\r\n // Apply precision\r\n constrainedValue = parseFloat(constrainedValue.toFixed(precision));\r\n newValue = constrainedValue;\r\n setDisplayValue(String(constrainedValue));\r\n } else {\r\n // Invalid number, revert to original value\r\n setDisplayValue(String(value));\r\n return;\r\n }\r\n }\r\n\r\n if (newValue !== value) {\r\n onChange(newValue);\r\n }\r\n }, [displayValue, inputType, min, max, precision, value, onChange]);\r\n\r\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setDisplayValue(e.target.value);\r\n }, []);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n e.currentTarget.blur();\r\n }\r\n if (e.key === 'Escape') {\r\n setDisplayValue(String(value));\r\n e.currentTarget.blur();\r\n }\r\n },\r\n [value]\r\n );\r\n\r\n // Create the display text\r\n const displayText = isEditing\r\n ? displayValue\r\n : inputType === 'numeric'\r\n ? Number(value).toFixed(precision)\r\n : String(value);\r\n\r\n // Status-based styling with modern industrial colors\r\n const getStatusStyles = () => {\r\n switch (status) {\r\n case 'alarm':\r\n return {\r\n borderColor: '#ef4444',\r\n backgroundColor: 'rgba(239, 68, 68, 0.15)',\r\n color: '#fecaca',\r\n boxShadow: '0 0 20px rgba(239, 68, 68, 0.3)',\r\n };\r\n case 'warning':\r\n return {\r\n borderColor: '#f59e0b',\r\n backgroundColor: 'rgba(245, 158, 11, 0.15)',\r\n color: '#fed7aa',\r\n boxShadow: '0 0 20px rgba(245, 158, 11, 0.3)',\r\n };\r\n case 'disabled':\r\n return {\r\n borderColor: '#6b7280',\r\n backgroundColor: 'rgba(107, 114, 128, 0.1)',\r\n color: '#9ca3af',\r\n cursor: 'not-allowed',\r\n };\r\n default:\r\n return {\r\n borderColor: '#64748b',\r\n backgroundColor: 'rgba(30, 41, 59, 0.9)',\r\n color: '#f1f5f9',\r\n boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\r\n };\r\n }\r\n };\r\n\r\n const statusStyles = getStatusStyles();\r\n\r\n const inputStyle: React.CSSProperties = {\r\n width: '12rem',\r\n height: '4rem',\r\n padding: unit ? '1rem 4rem 1rem 1.5rem' : '1rem 1.5rem',\r\n border: '2px solid',\r\n borderRadius: '1.5rem',\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'center',\r\n outline: 'none',\r\n transition: 'all 300ms ease',\r\n backdropFilter: 'blur(8px)',\r\n ...statusStyles,\r\n };\r\n\r\n const inputStyleFocus: React.CSSProperties = {\r\n ...inputStyle,\r\n borderColor: '#60a5fa',\r\n boxShadow:\r\n '0 0 0 4px rgba(96, 165, 250, 0.3), ' +\r\n (statusStyles.boxShadow || '0 8px 32px rgba(0, 0, 0, 0.3)'),\r\n transform: 'scale(1.02)',\r\n };\r\n\r\n const unitStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n right: '0.75rem',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n padding: '0.5rem 0.75rem',\r\n fontSize: '1rem',\r\n fontWeight: 'bold',\r\n color: '#ffffff',\r\n backgroundColor: '#3b82f6',\r\n borderRadius: '0.5rem',\r\n border: '2px solid #60a5fa',\r\n backdropFilter: 'blur(4px)',\r\n pointerEvents: 'none' as const,\r\n zIndex: 10,\r\n boxShadow: '0 2px 8px rgba(59, 130, 246, 0.4)',\r\n };\r\n\r\n return (\r\n <div\r\n style={{\r\n display: 'inline-flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n gap: '0.75rem',\r\n }}\r\n >\r\n {label && (\r\n <label\r\n style={{\r\n fontSize: '0.875rem',\r\n fontWeight: '600',\r\n color: '#cbd5e1',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.05em',\r\n }}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n <div style={{ position: 'relative', display: 'inline-flex', alignItems: 'center' }}>\r\n <input\r\n type=\"text\"\r\n value={displayText}\r\n onChange={handleChange}\r\n onFocus={(e) => {\r\n Object.assign(e.target.style, inputStyleFocus);\r\n handleFocus();\r\n }}\r\n onBlur={(e) => {\r\n Object.assign(e.target.style, inputStyle);\r\n handleBlur();\r\n }}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n style={inputStyle}\r\n {...props}\r\n />\r\n {unit && <span style={unitStyle}>{unit}</span>}\r\n {status === 'alarm' && (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '-8px',\r\n right: '-8px',\r\n width: '1rem',\r\n height: '1rem',\r\n backgroundColor: '#ef4444',\r\n borderRadius: '50%',\r\n boxShadow: '0 0 10px rgba(239, 68, 68, 0.8)',\r\n animation: 'pulse 2s infinite',\r\n }}\r\n />\r\n )}\r\n {status === 'warning' && (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '-8px',\r\n right: '-8px',\r\n width: '1rem',\r\n height: '1rem',\r\n backgroundColor: '#f59e0b',\r\n borderRadius: '50%',\r\n boxShadow: '0 0 10px rgba(245, 158, 11, 0.8)',\r\n }}\r\n />\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\nconst getStatusDescription = (status: string): string => {\r\n switch (status) {\r\n case 'alarm':\r\n return 'Critical alarm condition requiring attention';\r\n case 'warning':\r\n return 'Warning condition that should be monitored';\r\n case 'fault':\r\n return 'Equipment fault detected';\r\n case 'active':\r\n return 'Equipment is actively running';\r\n case 'normal':\r\n return 'Operating normally';\r\n case 'off':\r\n return 'Equipment is off';\r\n default:\r\n return '';\r\n }\r\n};\r\n\r\nexport interface StatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Status state determining color and behavior */\r\n status: 'off' | 'normal' | 'alarm' | 'warning' | 'active' | 'fault';\r\n /** Size of the indicator */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Animation behavior */\r\n animation?: 'none' | 'pulse' | 'blink' | 'flash';\r\n /** Label text to display next to indicator */\r\n label?: string;\r\n /** Position of label relative to indicator */\r\n labelPosition?: 'left' | 'right' | 'top' | 'bottom';\r\n /** Shape of the indicator */\r\n shape?: 'circle' | 'square' | 'diamond';\r\n /** Whether the indicator should have a 3D LED effect */\r\n led?: boolean;\r\n}\r\n\r\nexport const StatusIndicator: React.FC<StatusIndicatorProps> = ({\r\n status,\r\n size = 'medium',\r\n animation = 'none',\r\n label,\r\n labelPosition = 'right',\r\n shape = 'circle',\r\n led = true,\r\n className = '',\r\n ...props\r\n}) => {\r\n // Use CSS classes for base, status, size, shape, animation, led\r\n const baseClass = 'ui-status-indicator';\r\n const statusClass = status ? `ui-status-indicator--${status}` : '';\r\n const sizeClass = size ? `ui-status-indicator--${size}` : '';\r\n const shapeClass = shape ? `ui-status-indicator--${shape}` : '';\r\n const animationClass = animation ? `ui-status-indicator--${animation}` : '';\r\n const ledClass = led ? 'ui-status-indicator--led' : '';\r\n\r\n // Container layout based on label position\r\n const getContainerLayout = () => {\r\n switch (labelPosition) {\r\n case 'left':\r\n return 'ui-status-indicator-container ui-status-indicator-label-left';\r\n case 'right':\r\n return 'ui-status-indicator-container ui-status-indicator-label-right';\r\n case 'top':\r\n return 'ui-status-indicator-container ui-status-indicator-label-top';\r\n case 'bottom':\r\n return 'ui-status-indicator-container ui-status-indicator-label-bottom';\r\n default:\r\n return 'ui-status-indicator-container ui-status-indicator-label-right';\r\n }\r\n };\r\n\r\n return (\r\n <span className={getContainerLayout()}>\r\n {label && (labelPosition === 'left' || labelPosition === 'top') && (\r\n <span className=\"ui-status-indicator-label\">{label}</span>\r\n )}\r\n <span\r\n role=\"status\"\r\n aria-label={label || `Status: ${status}`}\r\n aria-description={getStatusDescription(status)}\r\n data-status={status}\r\n className={`\r\n ${baseClass}\r\n ${statusClass}\r\n ${sizeClass}\r\n ${shapeClass}\r\n ${animationClass}\r\n ${ledClass}\r\n ${className}\r\n `\r\n .replace(/\\s+/g, ' ')\r\n .trim()}\r\n {...props}\r\n />\r\n {label && (labelPosition === 'right' || labelPosition === 'bottom') && (\r\n <span className=\"ui-status-indicator-label\">{label}</span>\r\n )}\r\n </span>\r\n );\r\n};\r\n","import React from 'react';\r\nimport { ControlPanel, type ModeConfig } from '../ControlPanel';\r\nimport type { SelectorOption } from '../Selector';\r\n\r\nexport interface NodeControlConfig {\r\n /** Node ID */\r\n nodeId: string;\r\n /** Display title for the control panel */\r\n title: string;\r\n /** Available mode options */\r\n modes: SelectorOption[];\r\n /** Current selected mode */\r\n currentMode: string;\r\n /** Callback when mode changes */\r\n onModeChange: (mode: string) => void;\r\n /** Current setpoint value */\r\n setpoint: number | string;\r\n /** Callback when setpoint changes */\r\n onSetpointChange: (value: number | string) => void;\r\n /** Optional second setpoint value */\r\n secondSetpoint?: number | string;\r\n /** Callback for second setpoint */\r\n onSecondSetpointChange?: (value: number | string) => void;\r\n /** Configuration for each mode */\r\n modeConfigs?: Record<string, ModeConfig>;\r\n /** Whether device is currently running */\r\n isRunning?: boolean;\r\n /** Start command handler */\r\n onStart?: () => void;\r\n /** Stop command handler */\r\n onStop?: () => void;\r\n /** Custom start button text */\r\n startButtonText?: string;\r\n /** Custom stop button text */\r\n stopButtonText?: string;\r\n /** Current status */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Whether setpoint is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport interface NodeControlsPanelProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Control configuration for the selected node */\r\n config: NodeControlConfig | null;\r\n /** Callback to close the panel */\r\n onClose: () => void;\r\n /** Panel position - bottom (mobile) or side (desktop/large touch screens) */\r\n position?: 'bottom' | 'side';\r\n /** Whether to show in touch-optimized mode (larger targets) */\r\n touchOptimized?: boolean;\r\n}\r\n\r\n/**\r\n * NodeControlsPanel - Touch-friendly slide-out panel for device manual controls\r\n *\r\n * Optimized for industrial touch screens with:\r\n * - Large touch targets (minimum 44px)\r\n * - Single-tap interactions\r\n * - Clear visual feedback\r\n * - Bottom or side slide-in animation\r\n */\r\nexport const NodeControlsPanel: React.FC<NodeControlsPanelProps> = ({\r\n config,\r\n onClose,\r\n position = 'bottom',\r\n touchOptimized = true,\r\n className = '',\r\n style,\r\n ...props\r\n}) => {\r\n if (!config) return null;\r\n\r\n const isBottom = position === 'bottom';\r\n const touchClass = touchOptimized ? 'touch-optimized' : '';\r\n\r\n // Container styles\r\n const containerStyle: React.CSSProperties = {\r\n position: 'fixed',\r\n zIndex: 9999,\r\n background: 'white',\r\n boxShadow: '0 -4px 16px rgba(0, 0, 0, 0.15)',\r\n borderRadius: isBottom ? '16px 16px 0 0' : '0',\r\n animation: isBottom ? 'slideUp 0.3s ease-out' : 'slideInRight 0.3s ease-out',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...(isBottom\r\n ? {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n maxHeight: '70vh',\r\n borderTop: '1px solid #e5e7eb',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: touchOptimized ? '400px' : '320px',\r\n borderLeft: '1px solid #e5e7eb',\r\n }),\r\n ...style,\r\n };\r\n\r\n // Header styles\r\n const headerStyle: React.CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n padding: touchOptimized ? '1.25rem 1.5rem' : '1rem',\r\n borderBottom: '2px solid #e5e7eb',\r\n background: '#f9fafb',\r\n flexShrink: 0,\r\n };\r\n\r\n const titleStyle: React.CSSProperties = {\r\n margin: 0,\r\n fontSize: touchOptimized ? '1.5rem' : '1.25rem',\r\n fontWeight: 600,\r\n color: '#111827',\r\n };\r\n\r\n // Close button styles (large touch target)\r\n const closeButtonStyle: React.CSSProperties = {\r\n background: '#ef4444',\r\n color: 'white',\r\n border: 'none',\r\n borderRadius: '8px',\r\n width: touchOptimized ? '56px' : '44px',\r\n height: touchOptimized ? '56px' : '44px',\r\n fontSize: touchOptimized ? '1.75rem' : '1.5rem',\r\n fontWeight: 'bold',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n transition: 'all 0.2s ease',\r\n flexShrink: 0,\r\n };\r\n\r\n const contentStyle: React.CSSProperties = {\r\n padding: touchOptimized ? '1.5rem' : '1rem',\r\n overflowY: 'auto',\r\n flex: 1,\r\n };\r\n\r\n return (\r\n <>\r\n {/* Backdrop */}\r\n <div\r\n style={{\r\n position: 'fixed',\r\n inset: 0,\r\n background: 'rgba(0, 0, 0, 0.3)',\r\n zIndex: 9998,\r\n animation: 'fadeIn 0.3s ease-out',\r\n }}\r\n onClick={onClose}\r\n />\r\n\r\n {/* Panel */}\r\n <div\r\n className={`node-controls-panel ${touchClass} ${className}`.trim()}\r\n style={containerStyle}\r\n {...props}\r\n >\r\n {/* Header */}\r\n <div style={headerStyle}>\r\n <h2 style={titleStyle}>{config.title}</h2>\r\n <button\r\n style={closeButtonStyle}\r\n onClick={onClose}\r\n onMouseEnter={(e) => {\r\n e.currentTarget.style.background = '#dc2626';\r\n e.currentTarget.style.transform = 'scale(1.05)';\r\n }}\r\n onMouseLeave={(e) => {\r\n e.currentTarget.style.background = '#ef4444';\r\n e.currentTarget.style.transform = 'scale(1)';\r\n }}\r\n aria-label=\"Close\"\r\n >\r\n ✕\r\n </button>\r\n </div>\r\n\r\n {/* Content */}\r\n <div style={contentStyle}>\r\n <ControlPanel\r\n title={config.nodeId}\r\n selectedMode={config.currentMode}\r\n modeOptions={config.modes}\r\n onModeChange={config.onModeChange}\r\n setpointValue={config.setpoint}\r\n onSetpointChange={config.onSetpointChange}\r\n secondSetpointValue={config.secondSetpoint}\r\n onSecondSetpointChange={config.onSecondSetpointChange}\r\n modeConfigs={config.modeConfigs}\r\n status={config.status}\r\n setpointReadOnly={config.readOnly}\r\n showStartStopButtons={!!(config.onStart || config.onStop)}\r\n isRunning={config.isRunning}\r\n onStart={config.onStart}\r\n onStop={config.onStop}\r\n startButtonText={config.startButtonText}\r\n stopButtonText={config.stopButtonText}\r\n size={touchOptimized ? 'large' : 'medium'}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Animations */}\r\n <style>{`\r\n @keyframes slideUp {\r\n from {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .node-controls-panel.touch-optimized button {\r\n min-height: 56px;\r\n font-size: 1.125rem;\r\n }\r\n\r\n .node-controls-panel.touch-optimized input {\r\n min-height: 56px;\r\n font-size: 1.125rem;\r\n }\r\n `}</style>\r\n </>\r\n );\r\n};\r\n","/* eslint-disable react-hooks/set-state-in-effect */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useEffect } from 'react';\r\nimport type { DeviceControlBinding } from '../../diagram/schema/DeviceControlBinding';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\n\r\nexport interface DeviceControlPanelProps {\r\n /** Control binding to display */\r\n binding: DeviceControlBinding | null;\r\n /** Called when panel should close */\r\n onClose: () => void;\r\n /** Panel position */\r\n position?: 'bottom' | 'side';\r\n /** Horizontal alignment for bottom position (default: center) */\r\n align?: 'left' | 'center' | 'right';\r\n /** Optimize for touch (larger targets) */\r\n touchOptimized?: boolean;\r\n /** Compact mode - reduces padding and spacing */\r\n compact?: boolean;\r\n /** Font size scale (default: 1.0, smaller: 0.8, larger: 1.2) */\r\n fontScale?: number;\r\n /** Maximum height for bottom position (default: 70vh) */\r\n maxHeight?: string;\r\n /** Maximum width for bottom position (default: none) */\r\n maxWidth?: string;\r\n /** Toast notification duration in milliseconds (default: 3000) */\r\n toastDuration?: number;\r\n /** Called when mode changes */\r\n onModeChange?: (mode: string) => void;\r\n /** Called when parameter changes */\r\n onParameterChange?: (parameterId: string, value: any) => void;\r\n /**\r\n * Called when the operator activates (taps) a numeric/text parameter's value.\r\n * When provided, that parameter renders as a tappable value instead of an\r\n * inline input, so the consumer can open its own editor (e.g. a numpad dialog)\r\n * and commit via `onParameterChange`. Read-only params are never activatable.\r\n * When omitted, parameters use the default inline-edit behavior.\r\n */\r\n onParameterActivate?: (parameterId: string, value: number | string | boolean) => void;\r\n /** Called when start button clicked */\r\n onStart?: () => void;\r\n /** Called when stop button clicked */\r\n onStop?: () => void;\r\n /**\r\n * Start command is in flight (awaiting ack). Shows a busy affordance on the\r\n * START button and disables it, without locking STOP — wire from the hook's\r\n * `isCommandPending(nodeId, 'start')`.\r\n */\r\n startPending?: boolean;\r\n /** Stop command is in flight (awaiting ack). See `startPending`. */\r\n stopPending?: boolean;\r\n /** Called when custom action clicked */\r\n onCustomAction?: (actionId: string) => void;\r\n /** Called when config button clicked (opens config panel for this device) */\r\n onOpenConfig?: () => void;\r\n /** Show configuration button in header */\r\n showConfigButton?: boolean;\r\n /** Called when undock button clicked (optional, shows undock button if provided) */\r\n onUndock?: () => void;\r\n /** Icon to display in undock button (default: '⇱') */\r\n undockIcon?: string;\r\n /** Style for mode selector: 'buttons' (horizontal scroll), 'dropdown' (select), or 'modal' (click to open modal) */\r\n modeSelectionStyle?: 'buttons' | 'dropdown' | 'modal';\r\n /** Embedded mode - uses static positioning for rendering in containers (default: false) */\r\n embedded?: boolean;\r\n}\r\n\r\nexport function DeviceControlPanel({\r\n binding,\r\n onClose,\r\n position = 'bottom',\r\n align = 'center',\r\n touchOptimized = true,\r\n compact = false,\r\n fontScale = 1.0,\r\n maxHeight,\r\n maxWidth,\r\n toastDuration = 3000,\r\n onModeChange,\r\n onParameterChange,\r\n onParameterActivate,\r\n onStart,\r\n onStop,\r\n startPending = false,\r\n stopPending = false,\r\n onCustomAction,\r\n onOpenConfig,\r\n showConfigButton = true,\r\n onUndock,\r\n undockIcon = '⇱',\r\n modeSelectionStyle = 'buttons',\r\n embedded = false,\r\n}: DeviceControlPanelProps) {\r\n const [localParameterValues, setLocalParameterValues] = useState<Record<string, any>>({});\r\n const [showModeModal, setShowModeModal] = useState(false);\r\n const [pendingMode, setPendingMode] = useState<string | null>(null);\r\n const [showToast, setShowToast] = useState(true);\r\n\r\n // Sync local parameter values with binding\r\n useEffect(() => {\r\n if (binding) {\r\n const currentParams = binding.parameters[binding.state.currentMode] || [];\r\n const values: Record<string, any> = {};\r\n currentParams.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n setLocalParameterValues(values);\r\n }\r\n }, [binding, binding?.state.currentMode]);\r\n\r\n // Auto-dismiss toast after configured duration\r\n useEffect(() => {\r\n if (binding?.state.lastCommandResult) {\r\n setShowToast(true);\r\n const timer = setTimeout(() => {\r\n setShowToast(false);\r\n }, toastDuration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [binding?.state.lastCommandResult, toastDuration]);\r\n\r\n if (!binding) return null;\r\n\r\n const currentMode = binding.state.currentMode;\r\n const currentParams = binding.parameters[currentMode] || [];\r\n const touchSize = touchOptimized ? 56 : 40;\r\n\r\n // Spacing and sizing based on compact mode\r\n const spacing = {\r\n padding: compact ? '12px' : '20px',\r\n gap: compact ? '6px' : '8px',\r\n marginBottom: compact ? '10px' : '16px',\r\n itemPadding: compact ? '8px 10px' : '10px 12px',\r\n };\r\n\r\n // Font sizes with scale applied\r\n const fontSize = {\r\n title: Math.round(14 * fontScale),\r\n label: Math.round(11 * fontScale),\r\n value: Math.round(13 * fontScale),\r\n input: Math.round(14 * fontScale),\r\n button: Math.round(12 * fontScale),\r\n status: Math.round(10 * fontScale),\r\n description: Math.round(13 * fontScale),\r\n };\r\n\r\n // Get current mode object to check for mode-specific capabilities\r\n const currentModeObj = binding.modes.find((m) => m.value === currentMode);\r\n\r\n // Use mode-specific capabilities if defined, otherwise fall back to binding-level capabilities\r\n const activeCapabilities = currentModeObj?.capabilities ?? binding.capabilities ?? {};\r\n\r\n // ISA-101 High Performance HMI colors - matched to telemetry theme\r\n // Standard: Gray backgrounds, minimal color except for alarms\r\n const backgroundColor = binding.theme?.backgroundColor || '#edeeef'; // Match telemetry background\r\n const surfaceColor = '#f5f6f7'; // Slightly lighter than background\r\n const borderColor = '#d2d2d2'; // Match canvas background\r\n const textColor = binding.theme?.textColor || '#000000'; // Black text\r\n const mutedTextColor = '#666666'; // Muted text\r\n const selectedColor = '#b4d0fe'; // Light blue accent (match trendlines)\r\n\r\n // ISA-101: Resolve status color from shared defaults, with per-binding theme overrides\r\n const statusEntry = resolveStatusColor(binding.state.status, binding.theme?.statusColors as any);\r\n const statusColor = statusEntry.bg;\r\n\r\n // Fail open: START and STOP are ALWAYS enabled. We never disable on telemetry\r\n // running-state (which can lag) or on an in-flight command — a wrongly-enabled\r\n // button (the operator can still act; telemetry reconciles) is far cheaper\r\n // than a wrongly-disabled one that locks the operator out. `startPending` /\r\n // `stopPending` only drive a \"sending…\" label for visibility; they never\r\n // disable. (See the fail-open principle.)\r\n\r\n const handleModeChange = (mode: string) => {\r\n onModeChange?.(mode);\r\n };\r\n\r\n const handleParameterCommit = (parameterId: string, value: any) => {\r\n onParameterChange?.(parameterId, value);\r\n };\r\n\r\n const handleParameterInput = (parameterId: string, value: any) => {\r\n setLocalParameterValues((prev) => ({ ...prev, [parameterId]: value }));\r\n };\r\n\r\n // Panel styles\r\n const panelStyle: React.CSSProperties = embedded\r\n ? {\r\n // Embedded mode: static positioning for container layouts\r\n position: 'static',\r\n width: '100%',\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: '8px 8px 0 0',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n maxHeight: maxHeight || '70vh',\r\n overflowY: 'auto',\r\n ...binding.display?.style,\r\n }\r\n : {\r\n // Fixed mode: traditional overlay positioning\r\n position: 'fixed',\r\n ...(position === 'bottom'\r\n ? {\r\n bottom: 0,\r\n ...(align === 'left'\r\n ? { left: 0, right: 'auto', width: maxWidth }\r\n : align === 'right'\r\n ? { right: 0, left: 'auto', width: maxWidth }\r\n : {\r\n left: 0,\r\n right: 0,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n maxWidth: maxWidth,\r\n }),\r\n animation: 'slideUp 0.3s ease-out',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: maxWidth || '400px',\r\n animation: 'slideIn 0.3s ease-out',\r\n }),\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: position === 'bottom' ? '8px 8px 0 0' : '8px 0 0 8px',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n zIndex: 9999,\r\n maxHeight: maxHeight || (position === 'bottom' ? '70vh' : '100vh'),\r\n overflowY: 'auto',\r\n ...binding.display?.style,\r\n };\r\n\r\n const titleText = binding.display?.title || binding.deviceName || binding.tag || binding.nodeId;\r\n\r\n return (\r\n <>\r\n {/* Panel */}\r\n <div style={panelStyle} className={binding.display?.className}>\r\n {/* Header */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: '16px',\r\n paddingBottom: '12px',\r\n borderBottom: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <div>\r\n <h3\r\n style={{\r\n margin: 0,\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n color: textColor,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n maxWidth: '200px',\r\n }}\r\n title={titleText.length > 25 ? titleText : undefined}\r\n >\r\n {titleText.length > 25 ? titleText.slice(0, 25) + '...' : titleText}\r\n </h3>\r\n {binding.deviceType && (\r\n <div\r\n style={{\r\n fontSize: '11px',\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.deviceType}\r\n </div>\r\n )}\r\n </div>\r\n <div style={{ display: 'flex', gap: '8px' }}>\r\n {/* Config button */}\r\n {showConfigButton && onOpenConfig && (\r\n <button\r\n onClick={onOpenConfig}\r\n title=\"Open Configuration\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n ⚙\r\n </button>\r\n )}\r\n {/* Undock button */}\r\n {onUndock && (\r\n <button\r\n onClick={onUndock}\r\n title=\"Undock panel\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n {undockIcon}\r\n </button>\r\n )}\r\n {/* Close button */}\r\n <button\r\n onClick={onClose}\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '18px',\r\n cursor: 'pointer',\r\n fontWeight: 'bold',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n ×\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Status Indicator */}\r\n {binding.state.status && (\r\n <div\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '12px',\r\n padding: spacing.itemPadding,\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n marginBottom: spacing.marginBottom,\r\n }}\r\n >\r\n <div\r\n style={{\r\n width: '10px',\r\n height: '10px',\r\n borderRadius: '50%',\r\n backgroundColor: statusColor,\r\n border: '1px solid #333',\r\n }}\r\n />\r\n <div style={{ flex: 1 }}>\r\n <div\r\n style={{\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n fontSize: `${fontSize.label}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n color: textColor,\r\n }}\r\n >\r\n {binding.state.status}\r\n </div>\r\n {binding.state.statusMessage && (\r\n <div\r\n style={{\r\n fontSize: '10px',\r\n color: mutedTextColor,\r\n marginTop: '2px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.state.statusMessage}\r\n </div>\r\n )}\r\n </div>\r\n {binding.state.isRunning !== undefined && (\r\n <div\r\n style={{\r\n padding: '4px 10px',\r\n backgroundColor: binding.state.isRunning ? selectedColor : surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '10px',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n color: textColor,\r\n }}\r\n >\r\n {binding.state.isRunning ? 'RUNNING' : 'STOPPED'}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Mode Selector */}\r\n {binding.display?.showModeSelector !== false && binding.modes.length > 0 && (\r\n <div style={{ marginBottom: '16px' }}>\r\n <label\r\n style={{\r\n display: 'block',\r\n marginBottom: '8px',\r\n fontSize: '11px',\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n Mode\r\n </label>\r\n {modeSelectionStyle === 'dropdown' ? (\r\n <select\r\n value={currentMode}\r\n onChange={(e) => handleModeChange(e.target.value)}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n paddingLeft: '12px',\r\n paddingRight: '12px',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {binding.modes.map((mode) => (\r\n <option key={mode.value} value={mode.value} disabled={mode.enabled === false}>\r\n {mode.label}\r\n </option>\r\n ))}\r\n </select>\r\n ) : modeSelectionStyle === 'modal' ? (\r\n <>\r\n <div\r\n onClick={() => {\r\n setPendingMode(currentMode);\r\n setShowModeModal(true);\r\n }}\r\n style={{\r\n padding: '12px',\r\n backgroundColor: surfaceColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <span>\r\n {binding.modes.find((m) => m.value === currentMode)?.label || currentMode}\r\n </span>\r\n <span style={{ fontSize: '20px', marginLeft: '8px' }}>▼</span>\r\n </div>\r\n {showModeModal && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n zIndex: 20000,\r\n }}\r\n onClick={() => {\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n >\r\n <div\r\n onClick={(e) => e.stopPropagation()}\r\n style={{\r\n backgroundColor: backgroundColor,\r\n borderRadius: '8px',\r\n padding: '24px',\r\n minWidth: '300px',\r\n maxWidth: '400px',\r\n border: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <h3\r\n style={{\r\n margin: '0 0 4px 0',\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n color: textColor,\r\n }}\r\n >\r\n Select Mode\r\n </h3>\r\n <div\r\n style={{\r\n marginBottom: '16px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n textTransform: 'uppercase',\r\n }}\r\n >\r\n {binding.display?.title ||\r\n binding.deviceName ||\r\n binding.tag ||\r\n binding.nodeId}\r\n </div>\r\n <select\r\n value={pendingMode || currentMode}\r\n onChange={(e) => setPendingMode(e.target.value)}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize}px`,\r\n marginBottom: '8px',\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n paddingLeft: '12px',\r\n paddingRight: '12px',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {binding.modes.map((mode) => (\r\n <option\r\n key={mode.value}\r\n value={mode.value}\r\n disabled={mode.enabled === false}\r\n >\r\n {mode.label}\r\n </option>\r\n ))}\r\n </select>\r\n {(() => {\r\n const selectedMode = binding.modes.find(\r\n (m) => m.value === (pendingMode || currentMode)\r\n );\r\n return selectedMode?.description ? (\r\n <div\r\n style={{\r\n marginBottom: '16px',\r\n padding: '12px',\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n fontFamily: 'Arial, sans-serif',\r\n lineHeight: '1.4',\r\n }}\r\n >\r\n {selectedMode.description}\r\n </div>\r\n ) : null;\r\n })()}\r\n <div style={{ display: 'flex', gap: '12px' }}>\r\n <button\r\n onClick={() => {\r\n // Always send the displayed mode on confirm — either the\r\n // user's explicit selection (pendingMode) or the current\r\n // dropdown value (currentMode / first available mode).\r\n // This lets operators re-issue the same command without\r\n // toggling away and back.\r\n const modeToSend = pendingMode || currentMode || binding.modes[0]?.value;\r\n if (modeToSend) {\r\n handleModeChange(modeToSend);\r\n }\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n style={{\r\n flex: 1,\r\n height: `${touchSize}px`,\r\n backgroundColor: '#4ade80',\r\n color: '#000000',\r\n border: '2px solid #22c55e',\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n Confirm\r\n </button>\r\n <button\r\n onClick={() => {\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n style={{\r\n flex: 1,\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n Cancel\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n ) : (\r\n <div\r\n style={{\r\n display: 'flex',\r\n gap: spacing.gap,\r\n overflowX: 'auto',\r\n overflowY: 'hidden',\r\n scrollbarWidth: 'thin',\r\n scrollbarColor: `${borderColor} transparent`,\r\n paddingBottom: '4px',\r\n marginBottom: '-4px',\r\n }}\r\n >\r\n {binding.modes.map((mode) => {\r\n const isSelected = mode.value === currentMode;\r\n const isEnabled = mode.enabled !== false;\r\n\r\n return (\r\n <button\r\n key={mode.value}\r\n onClick={() => isEnabled && handleModeChange(mode.value)}\r\n disabled={!isEnabled}\r\n style={{\r\n flex: '0 0 auto',\r\n minWidth: '90px',\r\n height: touchSize,\r\n backgroundColor: isSelected ? selectedColor : surfaceColor,\r\n color: isSelected ? '#000000' : textColor,\r\n border: `1px solid ${isSelected ? '#b4d0fe' : borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: isEnabled ? 'pointer' : 'not-allowed',\r\n opacity: isEnabled ? 1 : 0.4,\r\n whiteSpace: 'nowrap',\r\n }}\r\n >\r\n {mode.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Parameters */}\r\n {currentParams.length > 0 && (\r\n <div style={{ marginBottom: spacing.marginBottom }}>\r\n <label\r\n style={{\r\n display: 'block',\r\n marginBottom: spacing.gap,\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n Parameters\r\n </label>\r\n {currentParams.map((param) => (\r\n <div\r\n key={param.id}\r\n style={{\r\n marginBottom: spacing.gap,\r\n padding: spacing.itemPadding,\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n }}\r\n >\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n marginBottom: spacing.gap,\r\n }}\r\n >\r\n <span\r\n style={{\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n {param.label}\r\n </span>\r\n <span\r\n style={{\r\n fontSize: `${fontSize.value}px`,\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n color: textColor,\r\n }}\r\n >\r\n {localParameterValues[param.id] ?? param.value}{' '}\r\n {param.unit && (\r\n <span style={{ color: mutedTextColor, fontSize: '10px', fontWeight: 600 }}>\r\n {param.unit}\r\n </span>\r\n )}\r\n </span>\r\n </div>\r\n\r\n {param.type === 'boolean' ? (\r\n <button\r\n onClick={() => {\r\n const newValue = !localParameterValues[param.id];\r\n handleParameterInput(param.id, newValue);\r\n handleParameterCommit(param.id, newValue);\r\n }}\r\n disabled={param.readOnly}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: localParameterValues[param.id] ? '#3f3f46' : surfaceColor,\r\n color: localParameterValues[param.id] ? textColor : mutedTextColor,\r\n border: `1px solid ${localParameterValues[param.id] ? '#52525b' : borderColor}`,\r\n borderRadius: '4px',\r\n fontSize: '12px',\r\n fontWeight: 600,\r\n fontFamily: 'monospace',\r\n letterSpacing: '0.5px',\r\n cursor: param.readOnly ? 'not-allowed' : 'pointer',\r\n transition: 'all 0.15s',\r\n }}\r\n >\r\n {localParameterValues[param.id] ? 'ON' : 'OFF'}\r\n </button>\r\n ) : param.type === 'select' ? (\r\n <select\r\n value={localParameterValues[param.id] || param.value}\r\n onChange={(e) => {\r\n handleParameterInput(param.id, e.target.value);\r\n handleParameterCommit(param.id, e.target.value);\r\n }}\r\n disabled={param.readOnly}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '4px',\r\n padding: '0 12px',\r\n fontSize: '12px',\r\n fontFamily: 'monospace',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {param.options?.map((opt) => (\r\n <option key={opt.value} value={opt.value}>\r\n {opt.label}\r\n </option>\r\n ))}\r\n </select>\r\n ) : onParameterActivate && !param.readOnly ? (\r\n // Tappable value: defer editing to the consumer's editor (e.g. a\r\n // numpad dialog). Commit happens via onParameterChange.\r\n <button\r\n type=\"button\"\r\n onClick={() =>\r\n onParameterActivate(param.id, localParameterValues[param.id] ?? param.value)\r\n }\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor: '#ffffff',\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n padding: '0 12px',\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n textAlign: 'left',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {localParameterValues[param.id] ?? param.value}\r\n {param.unit ? ` ${param.unit}` : ''}\r\n </button>\r\n ) : (\r\n <input\r\n type={param.type === 'number' ? 'number' : 'text'}\r\n value={localParameterValues[param.id] ?? param.value}\r\n onChange={(e) =>\r\n handleParameterInput(\r\n param.id,\r\n param.type === 'number' ? +e.target.value : e.target.value\r\n )\r\n }\r\n onBlur={() => handleParameterCommit(param.id, localParameterValues[param.id])}\r\n disabled={param.readOnly}\r\n min={param.min}\r\n max={param.max}\r\n step={param.step}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: '#ffffff',\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n padding: '0 12px',\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n }}\r\n />\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n\r\n {/* Start/Stop Buttons */}\r\n {binding.display?.showStartStop !== false &&\r\n (activeCapabilities?.canStart || activeCapabilities?.canStop) && (\r\n <div style={{ display: 'flex', gap: spacing.gap, marginBottom: spacing.marginBottom }}>\r\n {activeCapabilities?.canStart && (\r\n <button\r\n onClick={onStart}\r\n style={{\r\n flex: 1,\r\n height: touchSize,\r\n backgroundColor: '#10b981',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '6px',\r\n fontSize: '12px',\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n cursor: 'pointer',\r\n opacity: 1,\r\n }}\r\n >\r\n {startPending ? 'STARTING…' : 'START'}\r\n </button>\r\n )}\r\n {activeCapabilities?.canStop && (\r\n <button\r\n onClick={onStop}\r\n style={{\r\n flex: 1,\r\n height: touchSize,\r\n backgroundColor: '#ef4444',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '6px',\r\n fontSize: '12px',\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n cursor: 'pointer',\r\n opacity: 1,\r\n }}\r\n >\r\n {stopPending ? 'STOPPING…' : 'STOP'}\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Custom Actions */}\r\n {activeCapabilities?.customActions && activeCapabilities.customActions.length > 0 && (\r\n <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>\r\n {activeCapabilities.customActions.map((action) => (\r\n <button\r\n key={action.id}\r\n onClick={() => onCustomAction?.(action.id)}\r\n style={{\r\n flex: 1,\r\n minWidth: '120px',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: '11px',\r\n fontWeight: 600,\r\n fontFamily: 'monospace',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n transition: 'all 0.15s',\r\n }}\r\n >\r\n {action.icon && <span style={{ marginRight: '6px' }}>{action.icon}</span>}\r\n {action.label}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Toast Notification for Command Result */}\r\n {binding.state.lastCommandResult && showToast && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n bottom: '20px',\r\n ...(position === 'bottom' && align === 'right'\r\n ? { left: '20px', right: 'auto' } // Show on left if panel is aligned right\r\n : { right: '20px', left: 'auto' }), // Default to right\r\n maxWidth: '400px',\r\n padding: '12px 16px',\r\n backgroundColor: binding.state.lastCommandResult.success ? '#10b981' : '#ef4444',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '8px',\r\n fontSize: `${fontSize.label}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\r\n zIndex: 10000,\r\n animation:\r\n position === 'bottom' && align === 'right'\r\n ? 'slideInToastLeft 0.3s ease-out'\r\n : 'slideInToast 0.3s ease-out',\r\n }}\r\n >\r\n {binding.state.lastCommandResult.message}\r\n </div>\r\n )}\r\n\r\n <style>{`\r\n @keyframes slideInToast {\r\n from { \r\n opacity: 0;\r\n transform: translateX(20px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n @keyframes slideInToastLeft {\r\n from { \r\n opacity: 0;\r\n transform: translateX(-20px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n @keyframes slideUp {\r\n from { transform: translateY(100%); }\r\n to { transform: translateY(0); }\r\n }\r\n @keyframes slideIn {\r\n from { transform: translateX(100%); }\r\n to { transform: translateX(0); }\r\n }\r\n `}</style>\r\n </>\r\n );\r\n}\r\n","/**\r\n * ISA-101 High Performance HMI — Unified Status Color System\r\n *\r\n * Single source of truth for mapping device status to visual colors.\r\n * Used by NodeRenderer (SVG fill/stroke), DeviceControlPanel (status indicator),\r\n * and DataOverlay (telemetry badge).\r\n */\r\n\r\n/** Canonical device status vocabulary */\r\nexport type DeviceStatus =\r\n | 'normal'\r\n | 'warning'\r\n | 'alarm'\r\n | 'fault'\r\n | 'off'\r\n | 'starting'\r\n | 'stopping';\r\n\r\n/** Color entry covering both SVG node and overlay/panel needs */\r\nexport interface StatusColorEntry {\r\n /** Fill color for SVG node symbols */\r\n fill: string;\r\n /** Stroke color for SVG node symbols */\r\n stroke: string;\r\n /** Background color for overlays and panel indicators */\r\n bg: string;\r\n /** Text color for overlays */\r\n text: string;\r\n /** Border color for overlays */\r\n border: string;\r\n}\r\n\r\n/** Partial map for consumer overrides — only specify statuses you want to change */\r\nexport type StatusColorMap = Partial<Record<DeviceStatus, Partial<StatusColorEntry>>>;\r\n\r\n/**\r\n * ISA-101 defaults.\r\n *\r\n * - normal: muted grey (ISA-101: no color for normal operation)\r\n * - warning: amber/yellow\r\n * - alarm: red\r\n * - fault: dark red\r\n * - off: light grey (matches canvas default #edeeef)\r\n * - starting: light green (transitional)\r\n * - stopping: amber (transitional)\r\n */\r\nexport const DEFAULT_STATUS_COLORS: Record<DeviceStatus, StatusColorEntry> = {\r\n normal: { fill: '#888888', stroke: '#6b6b6b', bg: '#888888', text: '#ffffff', border: '#6b6b6b' },\r\n warning: { fill: '#f59e0b', stroke: '#d97706', bg: '#FFD700', text: '#000000', border: '#d97706' },\r\n alarm: { fill: '#ef4444', stroke: '#dc2626', bg: '#FF0000', text: '#ffffff', border: '#dc2626' },\r\n fault: { fill: '#dc2626', stroke: '#b91c1c', bg: '#FF0000', text: '#ffffff', border: '#b91c1c' },\r\n off: { fill: '#edeeef', stroke: '#000000', bg: '#666666', text: '#ffffff', border: '#4b5563' },\r\n starting: { fill: '#90EE90', stroke: '#22c55e', bg: '#90EE90', text: '#000000', border: '#22c55e' },\r\n stopping: { fill: '#FFD700', stroke: '#d97706', bg: '#FFD700', text: '#000000', border: '#d97706' },\r\n};\r\n\r\n/** Backward-compatible aliases for old status vocabulary */\r\nconst STATUS_ALIASES: Record<string, DeviceStatus> = {\r\n running: 'normal',\r\n stopped: 'off',\r\n};\r\n\r\n/**\r\n * Resolve a status string to a full color entry.\r\n *\r\n * Priority: customMap[status] (merged) > DEFAULT_STATUS_COLORS[status] > off fallback.\r\n * Supports aliases ('running' -> 'normal', 'stopped' -> 'off').\r\n */\r\nexport function resolveStatusColor(\r\n status: string | undefined,\r\n customMap?: StatusColorMap,\r\n): StatusColorEntry {\r\n const raw = (status || 'off').toLowerCase();\r\n const key = (STATUS_ALIASES[raw] ?? raw) as DeviceStatus;\r\n const defaults = DEFAULT_STATUS_COLORS[key] ?? DEFAULT_STATUS_COLORS.off;\r\n const overrides = customMap?.[key];\r\n if (!overrides) return defaults;\r\n return { ...defaults, ...overrides };\r\n}\r\n","import React from 'react';\r\nimport { Tab } from '@mui/material';\r\nimport {\r\n ChevronLeft,\r\n ChevronRight,\r\n DisplayModeToggle,\r\n FixedSVGContainer,\r\n FooterPanel,\r\n FullscreenContainer,\r\n LeftPanel,\r\n LeftToggleButton,\r\n PanelContent,\r\n PanelTabs,\r\n RightPanel,\r\n RightToggleButton,\r\n SVGArea,\r\n ScrollableSVGWrapper,\r\n ZoomButton,\r\n ZoomControls,\r\n} from './FullscreenWorkspace.styles';\r\nimport type { DisplayMode, FullscreenWorkspaceProps } from './types';\r\n\r\nexport function FullscreenWorkspace({\r\n svgContent,\r\n overlays,\r\n leftPanel,\r\n rightPanel,\r\n footer,\r\n tabs,\r\n activeTab,\r\n onTabChange,\r\n defaultLeftCollapsed = false,\r\n defaultRightCollapsed = false,\r\n leftCollapsed: leftCollapsedProp,\r\n rightCollapsed: rightCollapsedProp,\r\n onLeftCollapseChange,\r\n onRightCollapseChange,\r\n displayMode,\r\n defaultDisplayMode = 'standard',\r\n onDisplayModeChange,\r\n showDisplayModeToggle = true,\r\n showZoomControls = false,\r\n onZoomIn,\r\n onZoomOut,\r\n onResetZoom,\r\n zoomDisabled = false,\r\n className = '',\r\n ...rest\r\n}: FullscreenWorkspaceProps): React.ReactElement {\r\n const [leftCollapsedState, setLeftCollapsedState] = React.useState(defaultLeftCollapsed);\r\n const [rightCollapsedState, setRightCollapsedState] = React.useState(defaultRightCollapsed);\r\n const [internalDisplayMode, setInternalDisplayMode] =\r\n React.useState<DisplayMode>(displayMode ?? defaultDisplayMode);\r\n const [internalTab, setInternalTab] = React.useState<string>(\r\n tabs && tabs.length > 0 ? tabs[0].value : ''\r\n );\r\n\r\n const leftCollapsed = leftCollapsedProp ?? leftCollapsedState;\r\n const rightCollapsed = rightCollapsedProp ?? rightCollapsedState;\r\n const isDisplayModeControlled = displayMode !== undefined;\r\n const currentDisplayMode = isDisplayModeControlled ? displayMode : internalDisplayMode;\r\n const isTabControlled = activeTab !== undefined && activeTab !== null;\r\n\r\n const resolvedTabs = React.useMemo(() => tabs ?? [], [tabs]);\r\n const defaultTabValue = resolvedTabs.length > 0 ? resolvedTabs[0].value : '';\r\n const currentTab = isTabControlled ? (activeTab as string) : internalTab || defaultTabValue;\r\n\r\n React.useEffect(() => {\r\n if (resolvedTabs.length > 0) {\r\n const values = resolvedTabs.map((tab) => tab.value);\r\n if (!values.includes(currentTab)) {\r\n const fallback = activeTab ?? defaultTabValue;\r\n setInternalTab(fallback);\r\n }\r\n }\r\n }, [resolvedTabs, activeTab, currentTab, defaultTabValue]);\r\n\r\n React.useEffect(() => {\r\n if (displayMode !== undefined) {\r\n setInternalDisplayMode(displayMode);\r\n }\r\n }, [displayMode]);\r\n\r\n const handleLeftToggle = () => {\r\n const next = !leftCollapsed;\r\n if (leftCollapsedProp === undefined) {\r\n setLeftCollapsedState(next);\r\n }\r\n onLeftCollapseChange?.(next);\r\n };\r\n\r\n const handleRightToggle = () => {\r\n const next = !rightCollapsed;\r\n if (rightCollapsedProp === undefined) {\r\n setRightCollapsedState(next);\r\n }\r\n onRightCollapseChange?.(next);\r\n };\r\n\r\n const handleModeToggle = () => {\r\n const nextMode = currentDisplayMode === 'standard' ? 'dashboard' : 'standard';\r\n if (!isDisplayModeControlled) {\r\n setInternalDisplayMode(nextMode);\r\n }\r\n onDisplayModeChange?.(nextMode);\r\n };\r\n\r\n const handleTabChangeInternal = (_: React.SyntheticEvent, value: string) => {\r\n if (!isTabControlled) {\r\n setInternalTab(value);\r\n }\r\n onTabChange?.(value);\r\n };\r\n\r\n const currentTabContent =\r\n resolvedTabs.find((tab) => tab.value === currentTab)?.content ?? null;\r\n\r\n const showLeftToggle = Boolean(leftPanel);\r\n const showRightToggle = Boolean(rightPanel);\r\n\r\n return (\r\n <FullscreenContainer\r\n leftCollapsed={leftCollapsed}\r\n rightCollapsed={rightCollapsed}\r\n className={`tff-svg-container ${className}`.trim()}\r\n {...rest}\r\n >\r\n {showLeftToggle && (\r\n <LeftToggleButton\r\n collapsed={leftCollapsed}\r\n onClick={handleLeftToggle}\r\n aria-label={leftCollapsed ? 'Expand left panel' : 'Collapse left panel'}\r\n >\r\n {leftCollapsed ? <ChevronRight /> : <ChevronLeft />}\r\n </LeftToggleButton>\r\n )}\r\n\r\n {showRightToggle && (\r\n <RightToggleButton\r\n collapsed={rightCollapsed}\r\n onClick={handleRightToggle}\r\n aria-label={rightCollapsed ? 'Expand right panel' : 'Collapse right panel'}\r\n >\r\n {rightCollapsed ? <ChevronLeft /> : <ChevronRight />}\r\n </RightToggleButton>\r\n )}\r\n\r\n {showDisplayModeToggle && (\r\n <DisplayModeToggle\r\n mode={currentDisplayMode}\r\n onClick={handleModeToggle}\r\n aria-label=\"Toggle display mode\"\r\n >\r\n {currentDisplayMode === 'dashboard' ? 'Dashboard Mode' : 'Standard Mode'}\r\n </DisplayModeToggle>\r\n )}\r\n\r\n <SVGArea>\r\n {showZoomControls && (\r\n <ZoomControls>\r\n <ZoomButton\r\n onClick={onZoomIn}\r\n disabled={zoomDisabled || !onZoomIn}\r\n size=\"small\"\r\n aria-label=\"Zoom in\"\r\n >\r\n +\r\n </ZoomButton>\r\n <ZoomButton\r\n onClick={onZoomOut}\r\n disabled={zoomDisabled || !onZoomOut}\r\n size=\"small\"\r\n aria-label=\"Zoom out\"\r\n >\r\n -\r\n </ZoomButton>\r\n {onResetZoom && (\r\n <ZoomButton\r\n onClick={onResetZoom}\r\n disabled={zoomDisabled}\r\n size=\"small\"\r\n aria-label=\"Reset zoom\"\r\n >\r\n Reset\r\n </ZoomButton>\r\n )}\r\n </ZoomControls>\r\n )}\r\n\r\n <ScrollableSVGWrapper className=\"svg-scroll-wrapper\">\r\n <FixedSVGContainer className=\"svg-container\">\r\n {svgContent}\r\n {overlays}\r\n </FixedSVGContainer>\r\n </ScrollableSVGWrapper>\r\n </SVGArea>\r\n\r\n <LeftPanel collapsed={leftCollapsed}>\r\n {resolvedTabs.length > 0 ? (\r\n <>\r\n <PanelTabs\r\n value={currentTab}\r\n onChange={handleTabChangeInternal}\r\n aria-label=\"Left panel tabs\"\r\n >\r\n {resolvedTabs.map((tab) => (\r\n <Tab key={tab.value} label={tab.label} value={tab.value} />\r\n ))}\r\n </PanelTabs>\r\n <PanelContent>{currentTabContent}</PanelContent>\r\n </>\r\n ) : (\r\n leftPanel\r\n )}\r\n </LeftPanel>\r\n\r\n <RightPanel collapsed={rightCollapsed}>{rightPanel}</RightPanel>\r\n\r\n <FooterPanel>{footer}</FooterPanel>\r\n </FullscreenContainer>\r\n );\r\n}\r\n\r\nexport type {\r\n DisplayMode,\r\n FullscreenContainerProps,\r\n FullscreenWorkspaceProps,\r\n FullscreenWorkspaceTab,\r\n OverlayTheme,\r\n SVGLockedOverlayProps,\r\n TrendLineProps,\r\n CircularGaugeProps,\r\n SparklineProps,\r\n EquipmentIndicatorProps,\r\n EquipmentIndicatorWithSparklineProps,\r\n} from './types';\r\n\r\nexport {\r\n FullscreenContainer,\r\n LeftPanel,\r\n RightPanel,\r\n SVGArea,\r\n LeftToggleButton,\r\n RightToggleButton,\r\n DisplayModeToggle,\r\n ZoomControls,\r\n ZoomButton,\r\n FooterPanel,\r\n PanelTabs,\r\n PanelContent,\r\n FixedSVGContainer,\r\n ScrollableSVGWrapper,\r\n ChevronLeft,\r\n ChevronRight,\r\n} from './FullscreenWorkspace.styles';\r\n\r\nexport {\r\n overlayStyles,\r\n SVGLockedOverlay,\r\n DashboardCard,\r\n CardHeader,\r\n CardValue,\r\n CardUnit,\r\n} from './FullscreenWorkspace.overlays';\r\n\r\nexport {\r\n TrendLine,\r\n Sparkline,\r\n CircularGauge,\r\n EquipmentIndicator,\r\n EquipmentIndicatorWithSparkline,\r\n} from './FullscreenWorkspace.visuals';\r\n","import { Box, IconButton, Tabs } from '@mui/material';\r\nimport styled from '@emotion/styled';\r\nimport type { DisplayMode, FullscreenContainerProps } from './types';\r\n\r\nexport const FullscreenContainer = styled(Box)<FullscreenContainerProps>(\r\n ({ leftCollapsed, rightCollapsed }) => {\r\n const getGridTemplateAreas = () => {\r\n if (leftCollapsed && rightCollapsed) {\r\n return `\"svg-area\" \"footer\"`;\r\n }\r\n if (leftCollapsed) {\r\n return `\"svg-area right-panel\" \"footer footer\"`;\r\n }\r\n if (rightCollapsed) {\r\n return `\"left-panel svg-area\" \"footer footer\"`;\r\n }\r\n return `\"left-panel svg-area right-panel\" \"footer footer footer\"`;\r\n };\r\n\r\n const getGridTemplateColumns = () => {\r\n if (leftCollapsed && rightCollapsed) {\r\n return '1fr';\r\n }\r\n if (leftCollapsed) {\r\n return '1fr 380px';\r\n }\r\n if (rightCollapsed) {\r\n return '420px 1fr';\r\n }\r\n return '420px 1fr 380px';\r\n };\r\n\r\n return {\r\n width: '100vw',\r\n height: '100vh',\r\n background: '#f5f5f5',\r\n display: 'grid',\r\n gridTemplateAreas: getGridTemplateAreas(),\r\n gridTemplateRows: '1fr 100px',\r\n gridTemplateColumns: getGridTemplateColumns(),\r\n gap: '10px',\r\n padding: '10px',\r\n boxSizing: 'border-box',\r\n transition: 'grid-template-columns 0.3s ease-in-out',\r\n };\r\n }\r\n);\r\n\r\nexport const LeftPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\r\n gridArea: 'left-panel',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: collapsed ? '0' : '15px',\r\n overflowY: 'auto',\r\n display: collapsed ? 'none' : 'block',\r\n transition: 'all 0.3s ease-in-out',\r\n}));\r\n\r\nexport const RightPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\r\n gridArea: 'right-panel',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: collapsed ? '0' : '15px',\r\n overflowY: 'auto',\r\n display: collapsed ? 'none' : 'block',\r\n transition: 'all 0.3s ease-in-out',\r\n}));\r\n\r\nexport const SVGArea = styled(Box)({\r\n gridArea: 'svg-area',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start',\r\n position: 'relative',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n overflow: 'auto',\r\n width: '100%',\r\n height: '100%',\r\n});\r\n\r\nexport const LeftToggleButton = styled(IconButton)<{ collapsed: boolean }>(\r\n ({ collapsed }) => ({\r\n position: 'absolute',\r\n left: collapsed ? '10px' : '410px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n zIndex: 1000,\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n transition: 'left 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n })\r\n);\r\n\r\nexport const RightToggleButton = styled(IconButton)<{ collapsed: boolean }>(\r\n ({ collapsed }) => ({\r\n position: 'absolute',\r\n right: collapsed ? '10px' : '370px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n zIndex: 1000,\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n transition: 'right 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n })\r\n);\r\n\r\nexport const DisplayModeToggle = styled(IconButton)<{ mode: DisplayMode }>(({ mode }) => ({\r\n position: 'absolute',\r\n top: '50px',\r\n left: '75%',\r\n transform: 'translateX(-50%)',\r\n zIndex: 1000,\r\n backgroundColor:\r\n mode === 'dashboard' ? 'rgba(52, 152, 219, 0.9)' : 'rgba(255, 255, 255, 0.9)',\r\n color: mode === 'dashboard' ? 'white' : '#333',\r\n border: '1px solid #ddd',\r\n borderRadius: '20px',\r\n padding: '8px 16px',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n minWidth: '120px',\r\n transition: 'all 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor:\r\n mode === 'dashboard' ? 'rgba(52, 152, 219, 1)' : 'rgba(255, 255, 255, 1)',\r\n transform: 'translateX(-50%) scale(1.05)',\r\n },\r\n}));\r\n\r\nexport const ChevronLeft = () => (\r\n <div\r\n style={{\r\n width: 0,\r\n height: 0,\r\n borderTop: '6px solid transparent',\r\n borderBottom: '6px solid transparent',\r\n borderRight: '8px solid #666',\r\n }}\r\n />\r\n);\r\n\r\nexport const ChevronRight = () => (\r\n <div\r\n style={{\r\n width: 0,\r\n height: 0,\r\n borderTop: '6px solid transparent',\r\n borderBottom: '6px solid transparent',\r\n borderLeft: '8px solid #666',\r\n }}\r\n />\r\n);\r\n\r\nexport const ZoomControls = styled(Box)({\r\n position: 'absolute',\r\n top: '10px',\r\n right: '10px',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '5px',\r\n zIndex: 1000,\r\n});\r\n\r\nexport const ZoomButton = styled(IconButton)({\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n width: '32px',\r\n height: '32px',\r\n fontSize: '14px',\r\n fontWeight: 'bold',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n});\r\n\r\nexport const FooterPanel = styled(Box)({\r\n gridArea: 'footer',\r\n background: 'rgba(255, 255, 255, 0.95)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: '10px',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignItems: 'center',\r\n});\r\n\r\nexport const PanelTabs = styled(Tabs)({\r\n minHeight: '36px',\r\n '& .MuiTabs-indicator': {\r\n backgroundColor: '#546e7a',\r\n },\r\n '& .MuiTab-root': {\r\n minHeight: '36px',\r\n padding: '6px 12px',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n textTransform: 'none',\r\n color: '#666',\r\n '&.Mui-selected': {\r\n color: '#546e7a',\r\n },\r\n },\r\n});\r\n\r\nexport const PanelContent = styled(Box)({\r\n flex: 1,\r\n overflow: 'auto',\r\n padding: '10px',\r\n});\r\n\r\nexport const FixedSVGContainer = styled('div')({\r\n position: 'relative',\r\n width: '1300px',\r\n height: '400px',\r\n minWidth: '1300px',\r\n minHeight: '400px',\r\n maxWidth: '1300px',\r\n maxHeight: '400px',\r\n border: 'none',\r\n backgroundColor: 'transparent',\r\n overflow: 'visible',\r\n '& .svg-locked-overlay': {\r\n position: 'absolute',\r\n pointerEvents: 'auto',\r\n zIndex: 10,\r\n },\r\n '& svg': {\r\n position: 'absolute',\r\n left: 0,\r\n top: 0,\r\n width: '1300px',\r\n height: '280px',\r\n minWidth: '1300px',\r\n minHeight: '280px',\r\n maxWidth: 'none',\r\n maxHeight: 'none',\r\n objectFit: 'none',\r\n transform: 'none',\r\n border: 'none',\r\n },\r\n});\r\n\r\nexport const ScrollableSVGWrapper = styled('div')({\r\n position: 'relative',\r\n width: '100%',\r\n height: '100%',\r\n overflow: 'auto',\r\n transform: 'rotateX(180deg)',\r\n padding: '250px',\r\n paddingTop: '200px',\r\n boxSizing: 'border-box',\r\n '& > *': {\r\n display: 'block',\r\n transform: 'rotateX(180deg)',\r\n },\r\n});\r\n","import { useEffect, useState } from 'react';\r\nimport { Box } from '@mui/material';\r\nimport styled from '@emotion/styled';\r\nimport type { OverlayTheme, SVGLockedOverlayProps } from './types';\r\n\r\nconst baseOverlayStyles = {\r\n tank: {\r\n background:\r\n 'linear-gradient(135deg, rgba(69, 90, 120, 0.95) 0%, rgba(52, 73, 94, 0.95) 100%)',\r\n border: '1px solid #455a64',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '12px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '8px',\r\n minWidth: '60px',\r\n boxShadow: '0 1px 4px rgba(69, 90, 120, 0.2)',\r\n },\r\n pressure: {\r\n background:\r\n 'linear-gradient(135deg, rgba(30, 50, 90, 0.75) 0%, rgba(20, 35, 70, 0.75) 100%)',\r\n border: '1px solid #1e3a8a',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '11px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '6px',\r\n minWidth: '50px',\r\n boxShadow: '0 1px 4px rgba(30, 50, 90, 0.15)',\r\n },\r\n vessel: {\r\n background:\r\n 'linear-gradient(135deg, rgba(84, 110, 122, 0.95) 0%, rgba(69, 90, 100, 0.95) 100%)',\r\n border: '1px solid #546e7a',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '13px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '8px',\r\n minWidth: '70px',\r\n boxShadow: '0 1px 4px rgba(84, 110, 122, 0.2)',\r\n },\r\n flow: {\r\n background:\r\n 'linear-gradient(135deg, rgba(102, 125, 102, 0.95) 0%, rgba(85, 107, 85, 0.95) 100%)',\r\n border: '1px solid #689f38',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '11px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '5px',\r\n minWidth: '60px',\r\n boxShadow: '0 1px 4px rgba(102, 125, 102, 0.2)',\r\n },\r\n} as const;\r\n\r\nexport const overlayStyles: Record<OverlayTheme, typeof baseOverlayStyles[OverlayTheme]> =\r\n baseOverlayStyles;\r\n\r\nexport const SVGLockedOverlay = ({\r\n svgX,\r\n svgY,\r\n children,\r\n theme,\r\n style = {},\r\n className = '',\r\n onClick,\r\n containerSelector = '.tff-svg-container',\r\n}: SVGLockedOverlayProps) => {\r\n const [svgOffset, setSvgOffset] = useState({ x: 0, y: 0 });\r\n\r\n useEffect(() => {\r\n const updateSvgOffset = () => {\r\n const containerElement = document.querySelector(containerSelector);\r\n const svgElement = containerElement?.querySelector('svg');\r\n\r\n if (svgElement && containerElement) {\r\n const svgRect = svgElement.getBoundingClientRect();\r\n const containerRect = containerElement.getBoundingClientRect();\r\n\r\n setSvgOffset({\r\n x: svgRect.left - containerRect.left,\r\n y: svgRect.top - containerRect.top,\r\n });\r\n }\r\n };\r\n\r\n updateSvgOffset();\r\n window.addEventListener('resize', updateSvgOffset);\r\n return () => window.removeEventListener('resize', updateSvgOffset);\r\n }, [containerSelector]);\r\n\r\n const pixelX = svgX + svgOffset.x;\r\n const pixelY = svgY + svgOffset.y;\r\n\r\n const appliedStyle = theme ? { ...overlayStyles[theme], ...style } : style;\r\n\r\n return (\r\n <Box\r\n className={`svg-locked-overlay ${className}`.trim()}\r\n onClick={onClick}\r\n sx={{\r\n position: 'absolute',\r\n left: `${pixelX}px`,\r\n top: `${pixelY}px`,\r\n cursor: onClick ? 'pointer' : 'default',\r\n zIndex: 10,\r\n pointerEvents: 'auto',\r\n ...appliedStyle,\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n );\r\n};\r\n\r\nexport const DashboardCard = styled(Box)<{ svgX: number; svgY: number; cardType?: string }>(\r\n ({ svgX, svgY, cardType }) => ({\r\n position: 'absolute',\r\n left: svgX,\r\n top: svgY,\r\n background:\r\n cardType === 'critical'\r\n ? 'linear-gradient(135deg, rgba(220, 53, 69, 0.95) 0%, rgba(173, 20, 87, 0.95) 100%)'\r\n : cardType === 'warning'\r\n ? 'linear-gradient(135deg, rgba(255, 193, 7, 0.95) 0%, rgba(255, 143, 0, 0.95) 100%)'\r\n : cardType === 'vessel'\r\n ? 'linear-gradient(135deg, rgba(46, 204, 113, 0.95) 0%, rgba(39, 174, 96, 0.95) 100%)'\r\n : cardType === 'process'\r\n ? 'linear-gradient(135deg, rgba(155, 89, 182, 0.95) 0%, rgba(142, 68, 173, 0.95) 100%)'\r\n : cardType === 'control'\r\n ? 'linear-gradient(135deg, rgba(26, 188, 156, 0.95) 0%, rgba(22, 160, 133, 0.95) 100%)'\r\n : 'linear-gradient(135deg, rgba(52, 152, 219, 0.95) 0%, rgba(41, 128, 185, 0.95) 100%)',\r\n border: '1px solid rgba(255, 255, 255, 0.2)',\r\n borderRadius: '12px',\r\n padding: '12px',\r\n minWidth: '140px',\r\n boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\r\n backdropFilter: 'blur(10px)',\r\n color: 'white',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n textAlign: 'center',\r\n transform: 'translate(-50%, -50%)',\r\n transition: 'all 0.3s ease-in-out',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n transform: 'translate(-50%, -50%) scale(1.05)',\r\n boxShadow: '0 12px 40px rgba(0, 0, 0, 0.4)',\r\n },\r\n })\r\n);\r\n\r\nexport const CardHeader = styled('div')<{ color?: string }>(({ color }) => ({\r\n fontSize: '10px',\r\n opacity: 0.9,\r\n marginBottom: '4px',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n color: color || 'inherit',\r\n borderBottom: color ? `1px solid ${color}40` : 'none',\r\n paddingBottom: color ? '2px' : '0',\r\n}));\r\n\r\nexport const CardValue = styled('div')({\r\n fontSize: '16px',\r\n fontWeight: '700',\r\n marginBottom: '2px',\r\n});\r\n\r\nexport const CardUnit = styled('div')({\r\n fontSize: '9px',\r\n opacity: 0.8,\r\n});\r\n\r\n","import type {\r\n CircularGaugeProps,\r\n EquipmentIndicatorProps,\r\n EquipmentIndicatorWithSparklineProps,\r\n SparklineProps,\r\n TrendLineProps,\r\n} from './types';\r\nimport { SVGLockedOverlay } from './FullscreenWorkspace.overlays';\r\n\r\nexport const TrendLine = ({\r\n values,\r\n width = 60,\r\n height = 20,\r\n color = '#4fc3f7',\r\n strokeWidth = 1.5,\r\n backgroundColor = 'rgba(255, 255, 255, 0.1)',\r\n}: TrendLineProps) => {\r\n if (!values || values.length < 2) {\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor,\r\n borderRadius: '2px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <span style={{ fontSize: '8px', color: '#ccc' }}>No data</span>\r\n </div>\r\n );\r\n }\r\n\r\n const minValue = Math.min(...values);\r\n const maxValue = Math.max(...values);\r\n const range = maxValue - minValue;\r\n\r\n const normalizedValues =\r\n range === 0\r\n ? values.map(() => height / 2)\r\n : values.map((v) => height - 4 - ((v - minValue) / range) * (height - 8));\r\n\r\n const pathData = normalizedValues\r\n .map((y, i) => {\r\n const x = 4 + (i / (values.length - 1)) * (width - 8);\r\n return i === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;\r\n })\r\n .join(' ');\r\n\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor,\r\n borderRadius: '2px',\r\n position: 'relative',\r\n overflow: 'hidden',\r\n }}\r\n >\r\n <svg width={width} height={height} style={{ position: 'absolute', top: 0, left: 0 }}>\r\n <path\r\n d={pathData}\r\n fill=\"none\"\r\n stroke={color}\r\n strokeWidth={strokeWidth}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n />\r\n <circle\r\n cx={4 + (width - 8)}\r\n cy={normalizedValues[normalizedValues.length - 1]}\r\n r={1.5}\r\n fill={color}\r\n />\r\n </svg>\r\n </div>\r\n );\r\n};\r\n\r\nconst hexToRgba = (hex: string, alpha: number) => {\r\n const r = parseInt(hex.slice(1, 3), 16);\r\n const g = parseInt(hex.slice(3, 5), 16);\r\n const b = parseInt(hex.slice(5, 7), 16);\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n};\r\n\r\nexport const CircularGauge = ({\r\n value,\r\n max,\r\n unit,\r\n label,\r\n size = 60,\r\n color = 'rgba(255, 255, 255, 0.9)',\r\n}: CircularGaugeProps) => {\r\n const percentage = Math.min((value / max) * 100, 100);\r\n const strokeWidth = 4;\r\n const radius = (size - strokeWidth) / 2;\r\n const circumference = radius * 2 * Math.PI;\r\n const strokeDasharray = circumference;\r\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\r\n\r\n const isHex = color.startsWith('#');\r\n const innerCircleColor = isHex ? hexToRgba(color, 0.8) : color;\r\n const borderColor = isHex ? hexToRgba(color, 0.9) : color;\r\n const backgroundColor = isHex ? hexToRgba(color, 0.15) : color;\r\n const borderStrokeColor = isHex ? hexToRgba(color, 0.4) : color;\r\n\r\n return (\r\n <div\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <div\r\n style={{\r\n position: 'relative',\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor,\r\n border: `1px solid ${borderStrokeColor}`,\r\n }}\r\n >\r\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius - strokeWidth - 2}\r\n fill={innerCircleColor}\r\n stroke={borderColor}\r\n strokeWidth={1}\r\n />\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius}\r\n stroke=\"rgba(255, 255, 255, 0.2)\"\r\n strokeWidth={strokeWidth}\r\n fill=\"transparent\"\r\n />\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius}\r\n stroke={color}\r\n strokeWidth={strokeWidth}\r\n fill=\"transparent\"\r\n strokeDasharray={strokeDasharray}\r\n strokeDashoffset={strokeDashoffset}\r\n strokeLinecap=\"round\"\r\n style={{ transition: 'stroke-dashoffset 0.5s ease-in-out' }}\r\n />\r\n </svg>\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n fontSize: '11px',\r\n fontWeight: '700',\r\n color: 'white',\r\n textAlign: 'center',\r\n textShadow: '0 1px 2px rgba(0, 0, 0, 0.5)',\r\n }}\r\n >\r\n {value.toFixed(1)}\r\n <div style={{ fontSize: '8px', opacity: 0.9, color: 'white' }}>{unit}</div>\r\n </div>\r\n </div>\r\n <div\r\n style={{\r\n fontSize: '9px',\r\n marginTop: '4px',\r\n opacity: 0.9,\r\n color: 'white',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport const Sparkline = ({ data, width, height, color }: SparklineProps) => {\r\n if (!data || data.length < 2) {\r\n return null;\r\n }\r\n\r\n const max = Math.max(...data);\r\n const min = Math.min(...data);\r\n const range = max - min;\r\n\r\n if (range === 0) {\r\n return null;\r\n }\r\n\r\n const points = data\r\n .map((value, index) => {\r\n const x = (index / (data.length - 1)) * (width - 8);\r\n const y = height - 8 - ((value - min) / range) * (height - 8);\r\n return `${x + 4},${y + 4}`;\r\n })\r\n .join(' ');\r\n\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor: 'rgba(0, 0, 0, 0.7)',\r\n border: '1px solid rgba(255, 255, 255, 0.3)',\r\n borderRadius: '4px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\r\n }}\r\n >\r\n <svg width={width} height={height}>\r\n <polyline points={points} fill=\"none\" stroke={color} strokeWidth=\"1.5\" opacity=\"0.9\" />\r\n </svg>\r\n </div>\r\n );\r\n};\r\n\r\nexport const EquipmentIndicatorWithSparkline = ({\r\n svgX,\r\n svgY,\r\n color,\r\n label,\r\n size = 30,\r\n sparklineData,\r\n sparklineOffset = { x: 40, y: 0 },\r\n}: EquipmentIndicatorWithSparklineProps) => {\r\n const hasSparkline =\r\n sparklineData &&\r\n sparklineData.length > 1 &&\r\n Math.max(...sparklineData) !== Math.min(...sparklineData);\r\n\r\n return (\r\n <>\r\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={{ transform: 'translate(-50%, -50%)' }}>\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor: color,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: 'white',\r\n fontSize: '7px',\r\n fontWeight: '700',\r\n textAlign: 'center',\r\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\r\n border: '2px solid rgba(255, 255, 255, 0.3)',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </SVGLockedOverlay>\r\n\r\n {hasSparkline && (\r\n <SVGLockedOverlay svgX={svgX + sparklineOffset.x} svgY={svgY + sparklineOffset.y}>\r\n <Sparkline data={sparklineData!} width={60} height={20} color={color} />\r\n </SVGLockedOverlay>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport const EquipmentIndicator = ({\r\n svgX,\r\n svgY,\r\n color,\r\n label,\r\n size = 30,\r\n style,\r\n className,\r\n}: EquipmentIndicatorProps) => {\r\n const overlayStyle =\r\n style !== undefined\r\n ? { transform: 'translate(-50%, -50%)', ...style }\r\n : { transform: 'translate(-50%, -50%)' };\r\n\r\n return (\r\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={overlayStyle} className={className}>\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor: color,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: 'white',\r\n fontSize: '7px',\r\n fontWeight: '700',\r\n textAlign: 'center',\r\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\r\n border: '2px solid rgba(255, 255, 255, 0.3)',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </SVGLockedOverlay>\r\n );\r\n};\r\n","import React, { createContext, useContext, useState, useEffect } from 'react';\r\n\r\ntype Theme = 'modern' | 'hmi';\r\n\r\ninterface ThemeContextType {\r\n theme: Theme;\r\n toggleTheme: () => void;\r\n setTheme: (theme: Theme) => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const useTheme = () => {\r\n const context = useContext(ThemeContext);\r\n if (!context) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n return context;\r\n};\r\n\r\ninterface ThemeProviderProps {\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {\r\n const [theme, setThemeState] = useState<Theme>('modern');\r\n\r\n useEffect(() => {\r\n // Apply theme classes to document body\r\n document.body.className = '';\r\n document.body.classList.add(`theme-${theme}`);\r\n\r\n // Also apply to html element for global styling\r\n document.documentElement.className = '';\r\n document.documentElement.classList.add(`theme-${theme}`);\r\n }, [theme]);\r\n\r\n const toggleTheme = () => {\r\n setTheme(theme === 'modern' ? 'hmi' : 'modern');\r\n };\r\n\r\n const setTheme = (newTheme: Theme) => {\r\n setThemeState(newTheme);\r\n };\r\n\r\n return (\r\n <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>\r\n {children}\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n","import React from 'react';\r\nimport { useTheme } from './ThemeContext';\r\n\r\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Size of the toggle */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Position of the toggle */\r\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'inline';\r\n}\r\n\r\nexport const ThemeToggle: React.FC<ThemeToggleProps> = ({\r\n size = 'medium',\r\n position = 'top-right',\r\n className = '',\r\n ...props\r\n}) => {\r\n const { theme, toggleTheme } = useTheme();\r\n\r\n const sizeStyles = {\r\n small: { padding: '0.5rem 1rem', fontSize: '0.75rem' },\r\n medium: { padding: '0.75rem 1.5rem', fontSize: '0.875rem' },\r\n large: { padding: '1rem 2rem', fontSize: '1rem' },\r\n };\r\n\r\n const positionStyles = {\r\n 'top-left': { position: 'fixed' as const, top: '1rem', left: '1rem', zIndex: 1000 },\r\n 'top-right': { position: 'fixed' as const, top: '1rem', right: '1rem', zIndex: 1000 },\r\n 'bottom-left': { position: 'fixed' as const, bottom: '1rem', left: '1rem', zIndex: 1000 },\r\n 'bottom-right': { position: 'fixed' as const, bottom: '1rem', right: '1rem', zIndex: 1000 },\r\n inline: { position: 'relative' as const },\r\n };\r\n\r\n const baseStyle: React.CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '0.75rem',\r\n cursor: 'pointer',\r\n borderRadius: '0.5rem',\r\n border: '2px solid',\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.05em',\r\n transition: 'all 0.2s ease',\r\n userSelect: 'none',\r\n ...sizeStyles[size],\r\n ...positionStyles[position],\r\n };\r\n\r\n const modernStyle: React.CSSProperties = {\r\n ...baseStyle,\r\n background: 'linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%)',\r\n borderColor: 'rgba(59, 130, 246, 0.4)',\r\n color: '#ffffff',\r\n boxShadow: '0 8px 32px rgba(59, 130, 246, 0.3)',\r\n };\r\n\r\n const hmiStyle: React.CSSProperties = {\r\n ...baseStyle,\r\n backgroundColor: '#666666',\r\n borderColor: '#999999',\r\n color: '#ffffff',\r\n boxShadow: 'none',\r\n };\r\n\r\n const currentStyle = theme === 'modern' ? modernStyle : hmiStyle;\r\n\r\n const toggleStyle: React.CSSProperties = {\r\n position: 'relative',\r\n width: '3rem',\r\n height: '1.5rem',\r\n borderRadius: '0.75rem',\r\n transition: 'all 0.2s ease',\r\n backgroundColor: theme === 'modern' ? '#3b82f6' : '#808080',\r\n border: `2px solid ${theme === 'modern' ? '#2563eb' : '#666666'}`,\r\n };\r\n\r\n const thumbStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n top: '0.125rem',\r\n left: theme === 'modern' ? '0.125rem' : '1.375rem',\r\n width: '1rem',\r\n height: '1rem',\r\n borderRadius: '50%',\r\n backgroundColor: '#ffffff',\r\n transition: 'all 0.2s ease',\r\n boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)',\r\n };\r\n\r\n return (\r\n <div style={currentStyle} onClick={toggleTheme} className={className} {...props}>\r\n <span>{theme === 'modern' ? '🎨 Modern' : '🏭 HMI'}</span>\r\n <div style={toggleStyle}>\r\n <div style={thumbStyle} />\r\n </div>\r\n <span style={{ fontSize: '0.75rem', opacity: 0.8 }}>\r\n {theme === 'modern' ? 'Industrial Design' : 'High Performance'}\r\n </span>\r\n </div>\r\n );\r\n};\r\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\r\nimport type { Diagram } from '../../diagram/schema';\r\nimport type { TelemetryMap } from '../../diagram/schema';\r\nimport { NodeRenderer } from './NodeRenderer';\r\nimport { PipeRenderer } from './PipeRenderer';\r\nimport { DataOverlay } from './DataOverlay';\r\nimport { PositionPanel } from './PositionPanel';\r\nimport { useViewBox, useSelection, useDrag, useKeyboardShortcuts } from '../../diagram/hooks';\r\nimport type { SelectionState } from '../../diagram/hooks';\r\nimport { getSymbolDefinition } from '../../diagram/symbols';\r\nimport { generateRoutePoints, getPortWorldPosition } from '../../diagram/utils/portCalculations';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface PIDCanvasFeatures {\r\n /** Enable pan interaction (default: true) */\r\n pan?: boolean;\r\n /** Enable zoom interaction (default: true) */\r\n zoom?: boolean;\r\n /** Enable selection interaction (default: false) */\r\n selection?: boolean;\r\n /** Allow multi-selection with Ctrl/Cmd key (default: true) */\r\n multiSelect?: boolean;\r\n /** Enable telemetry data overlays (default: false) */\r\n telemetry?: boolean;\r\n /** Scale factor for telemetry displays (default: 1.0, range: 0.5-2.0) */\r\n telemetryScale?: number;\r\n /** Enable drag-and-drop for nodes (default: false) */\r\n dragNodes?: boolean;\r\n /** Snap dragged nodes to grid (0 = no snap) */\r\n snapToGrid?: number;\r\n /** Enable keyboard shortcuts for delete/copy/paste (default: false) */\r\n keyboardShortcuts?: boolean;\r\n /** Enable pipe waypoint editing (drag waypoints, add/remove) (default: false) */\r\n editPipeRoutes?: boolean;\r\n /** Enable dropping symbols from library to add nodes (default: false) */\r\n allowSymbolDrop?: boolean;\r\n /** Enable connection drawing mode to create pipes between nodes (default: false) */\r\n connectionMode?: boolean;\r\n /** Show background grid (default: true) */\r\n showGrid?: boolean;\r\n /** Background color for canvas (default: '#ffffff') */\r\n backgroundColor?: string;\r\n}\r\n\r\nexport interface PIDCanvasProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** The diagram to render */\r\n diagram: Diagram;\r\n /** Optional className for the container */\r\n className?: string;\r\n /** Optional inline styles for the container */\r\n style?: React.CSSProperties;\r\n /** Enable interactive features (pan, zoom, selection, telemetry, dragNodes) */\r\n features?: PIDCanvasFeatures;\r\n /** Callback when selection changes */\r\n onSelectionChange?: (selection: SelectionState) => void;\r\n /** Callback when a node is clicked */\r\n onNodeClick?: (nodeId: string) => void;\r\n /** Callback when a pipe is clicked */\r\n onPipeClick?: (pipeId: string) => void;\r\n /** Callback when a node is moved (drag-and-drop) */\r\n onNodeMove?: (nodeId: string, newX: number, newY: number) => void;\r\n /** Callback when diagram changes (for internal state updates) */\r\n onDiagramChange?: (diagram: Diagram) => void;\r\n /** Callback when items are deleted */\r\n onDelete?: (nodeIds: string[], pipeIds: string[]) => void;\r\n /** Callback when items are copied (returns copied data for external storage) */\r\n onItemsCopied?: (nodeIds: string[], pipeIds: string[]) => void;\r\n /** Callback when paste is requested (external code should handle the paste logic) */\r\n onPaste?: () => void;\r\n /** Callback when a symbol is dropped onto canvas (returns symbol ID and position) */\r\n onSymbolDrop?: (symbolId: string, position: { x: number; y: number }) => void;\r\n /** Callback when a pipe is created via connection mode */\r\n onPipeCreated?: (\r\n sourceNodeId: string,\r\n targetNodeId: string,\r\n sourcePortId?: string,\r\n targetPortId?: string\r\n ) => void;\r\n /** Callback when canvas is mounted, provides control functions */\r\n onMounted?: (controls: PIDCanvasControls) => void;\r\n /** Telemetry data bindings for live values */\r\n telemetry?: TelemetryMap;\r\n /** Custom status-to-color map for node rendering (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\nexport interface PIDCanvasControls {\r\n /** Fit view to show all diagram content */\r\n fitToContent: (padding?: number) => void;\r\n /** Set zoom level (1 = 100%, 2 = 200%, etc.) */\r\n setZoom: (zoomLevel: number) => void;\r\n /** Get current zoom level */\r\n getZoom: () => number;\r\n}\r\n\r\n/**\r\n * PIDCanvas - Interactive canvas for rendering P&ID diagrams\r\n *\r\n * Features:\r\n * - Renders nodes (PR #3) and pipes (PR #4) with static layout\r\n * - Drag-and-drop: Drag nodes to reposition (PR #8)\r\n *\r\n * Future: Editing tools, symbol library UI\r\n */\r\nexport function PIDCanvas({\r\n diagram,\r\n className = '',\r\n style,\r\n features = {\r\n pan: true,\r\n zoom: true,\r\n selection: false,\r\n multiSelect: true,\r\n telemetry: false,\r\n dragNodes: false,\r\n },\r\n onSelectionChange,\r\n onNodeClick,\r\n onPipeClick,\r\n onNodeMove,\r\n onDiagramChange,\r\n onDelete,\r\n onItemsCopied,\r\n onPaste,\r\n onSymbolDrop,\r\n onPipeCreated,\r\n onMounted,\r\n telemetry,\r\n statusColorMap,\r\n ...props\r\n}: PIDCanvasProps): React.ReactElement {\r\n const [localDiagram, setLocalDiagram] = useState(diagram);\r\n const [dragOverPosition, setDragOverPosition] = useState<{ x: number; y: number } | null>(null);\r\n\r\n // Connection mode state\r\n const [isConnecting, setIsConnecting] = useState(false);\r\n const [connectionSource, setConnectionSource] = useState<string | null>(null);\r\n const [connectionSourcePort, setConnectionSourcePort] = useState<string | null>(null);\r\n const [connectionCursor, setConnectionCursor] = useState<{ x: number; y: number } | null>(null);\r\n const [hoveredNode, setHoveredNode] = useState<string | null>(null);\r\n const [hoveredPort, setHoveredPort] = useState<string | null>(null);\r\n\r\n // Waypoint selection state (separate from node/pipe selection)\r\n const [selectedWaypoint, setSelectedWaypoint] = useState<{\r\n pipeId: string;\r\n pointIndex: number;\r\n } | null>(null);\r\n\r\n // Undo/Redo state - using refs to avoid re-renders\r\n const historyStack = useRef<Diagram[]>([]);\r\n const redoStack = useRef<Diagram[]>([]);\r\n const isUndoRedoAction = useRef(false);\r\n const isInternalChange = useRef(false);\r\n const lastInternalDiagram = useRef<Diagram | null>(null);\r\n\r\n // Sync external diagram changes to local state\r\n useEffect(() => {\r\n // Only reset history if this is a truly external change (not from our callbacks)\r\n const isExternal = !isInternalChange.current && diagram !== lastInternalDiagram.current;\r\n\r\n // Only update state if this is an external change\r\n // This is a legitimate use of setState in effect - syncing external prop to local state\r\n if (isExternal) {\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setLocalDiagram(diagram);\r\n\r\n // Reset history for external changes\r\n if (!isUndoRedoAction.current) {\r\n historyStack.current = [];\r\n redoStack.current = [];\r\n }\r\n }\r\n\r\n // Reset the internal change flag\r\n isInternalChange.current = false;\r\n }, [diagram]);\r\n\r\n const {\r\n viewBox: controlledViewBox,\r\n svgRef,\r\n screenToWorld,\r\n fitToContent: fitToContentViewBox,\r\n setViewBox,\r\n } = useViewBox({\r\n initialViewBox: diagram.viewBox,\r\n enablePan: features.pan ?? true,\r\n enableZoom: features.zoom ?? true,\r\n });\r\n\r\n // Calculate content bounds\r\n const calculateContentBounds = useCallback(() => {\r\n const nodes = localDiagram.nodes.filter((n) => n.visible !== false);\r\n if (nodes.length === 0) {\r\n return null;\r\n }\r\n\r\n let minX = Infinity;\r\n let minY = Infinity;\r\n let maxX = -Infinity;\r\n let maxY = -Infinity;\r\n\r\n nodes.forEach((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return;\r\n\r\n const nodeMinX = node.transform.x;\r\n const nodeMinY = node.transform.y;\r\n const nodeMaxX = node.transform.x + symbol.viewBox.width;\r\n const nodeMaxY = node.transform.y + symbol.viewBox.height;\r\n\r\n minX = Math.min(minX, nodeMinX);\r\n minY = Math.min(minY, nodeMinY);\r\n maxX = Math.max(maxX, nodeMaxX);\r\n maxY = Math.max(maxY, nodeMaxY);\r\n });\r\n\r\n return { minX, minY, maxX, maxY };\r\n }, [localDiagram.nodes]);\r\n\r\n // Expose controls via onMounted callback\r\n useEffect(() => {\r\n if (onMounted) {\r\n const controls: PIDCanvasControls = {\r\n fitToContent: (padding = 50) => {\r\n const bounds = calculateContentBounds();\r\n if (bounds) {\r\n fitToContentViewBox(bounds, padding);\r\n }\r\n },\r\n setZoom: (zoomLevel: number) => {\r\n const centerX = controlledViewBox.x + controlledViewBox.width / 2;\r\n const centerY = controlledViewBox.y + controlledViewBox.height / 2;\r\n const newWidth = diagram.viewBox.width / zoomLevel;\r\n const newHeight = diagram.viewBox.height / zoomLevel;\r\n setViewBox({\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n });\r\n },\r\n getZoom: () => {\r\n return diagram.viewBox.width / controlledViewBox.width;\r\n },\r\n };\r\n onMounted(controls);\r\n }\r\n }, [\r\n onMounted,\r\n calculateContentBounds,\r\n fitToContentViewBox,\r\n setViewBox,\r\n controlledViewBox,\r\n diagram.viewBox,\r\n ]);\r\n\r\n const { selection, selectNode, selectPipe, clearSelection } = useSelection({\r\n multiSelect: features.multiSelect ?? true,\r\n onSelectionChange,\r\n });\r\n\r\n const dragEnabled = features.dragNodes ?? false;\r\n const selectionEnabled = features.selection ?? false;\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n // Push current state to history (for undo)\r\n const pushToHistory = useCallback((currentDiagram: Diagram) => {\r\n if (isUndoRedoAction.current) return; // Don't add to history during undo/redo\r\n\r\n // Deep clone to avoid reference issues\r\n const snapshot = JSON.parse(JSON.stringify(currentDiagram));\r\n historyStack.current.push(snapshot);\r\n\r\n // Limit history size to 15 states\r\n if (historyStack.current.length > 15) {\r\n historyStack.current.shift();\r\n }\r\n\r\n // Clear redo stack on new action\r\n redoStack.current = [];\r\n }, []);\r\n\r\n // Undo function\r\n const undo = useCallback(() => {\r\n if (historyStack.current.length === 0) return;\r\n\r\n isUndoRedoAction.current = true;\r\n\r\n // Save current state to redo stack\r\n const currentSnapshot = JSON.parse(JSON.stringify(localDiagram));\r\n redoStack.current.push(currentSnapshot);\r\n\r\n // Pop from history and restore\r\n const previousState = historyStack.current.pop()!;\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = previousState;\r\n setLocalDiagram(previousState);\r\n onDiagramChange?.(previousState);\r\n\r\n // Reset flag after state updates\r\n setTimeout(() => {\r\n isUndoRedoAction.current = false;\r\n }, 0);\r\n }, [localDiagram, onDiagramChange]);\r\n\r\n // Redo function\r\n const redo = useCallback(() => {\r\n if (redoStack.current.length === 0) return;\r\n\r\n isUndoRedoAction.current = true;\r\n\r\n // Save current state to history\r\n const currentSnapshot = JSON.parse(JSON.stringify(localDiagram));\r\n historyStack.current.push(currentSnapshot);\r\n\r\n // Pop from redo stack and restore\r\n const nextState = redoStack.current.pop()!;\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = nextState;\r\n setLocalDiagram(nextState);\r\n onDiagramChange?.(nextState);\r\n\r\n // Reset flag after state updates\r\n setTimeout(() => {\r\n isUndoRedoAction.current = false;\r\n }, 0);\r\n }, [localDiagram, onDiagramChange]);\r\n\r\n // Keyboard shortcuts for undo/redo\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n // Check for Ctrl+Z (Windows/Linux) or Cmd+Z (Mac)\r\n const isCtrlOrCmd = e.ctrlKey || e.metaKey;\r\n\r\n if (isCtrlOrCmd && e.key === 'z' && !e.shiftKey) {\r\n e.preventDefault();\r\n undo();\r\n } else if (isCtrlOrCmd && e.key === 'z' && e.shiftKey) {\r\n e.preventDefault();\r\n redo();\r\n } else if (isCtrlOrCmd && e.key === 'y') {\r\n // Ctrl+Y is also a common redo shortcut\r\n e.preventDefault();\r\n redo();\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [undo, redo]);\r\n\r\n // Keyboard nudging for selected nodes and waypoints\r\n useEffect(() => {\r\n if (!features.dragNodes) return;\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n // Only handle arrow keys when something is selected\r\n if (selection.selectedNodeIds.size === 0 && !selectedWaypoint) return;\r\n\r\n // Ignore if user is typing in an input\r\n if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\r\n return;\r\n }\r\n\r\n const nudgeAmount = e.shiftKey ? 10 : 1; // Shift for larger nudge\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n switch (e.key) {\r\n case 'ArrowLeft':\r\n dx = -nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowRight':\r\n dx = nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowUp':\r\n dy = -nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowDown':\r\n dy = nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n // Update selected waypoint if one is selected\r\n if (selectedWaypoint) {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id === selectedWaypoint.pipeId) {\r\n const updatedRoutePoints = pipe.routePoints.map((point, idx) =>\r\n idx === selectedWaypoint.pointIndex ? { x: point.x + dx, y: point.y + dy } : point\r\n );\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n }\r\n return pipe;\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n return;\r\n }\r\n\r\n // Update all selected nodes\r\n if (selectionEnabled && selection.selectedNodeIds.size > 0) {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n selection.selectedNodeIds.has(node.id)\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x: node.transform.x + dx,\r\n y: node.transform.y + dy,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n const updatedDiagram = { ...localDiagram, nodes: updatedNodes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n\r\n // Call onNodeMove for each moved node\r\n selection.selectedNodeIds.forEach((nodeId) => {\r\n const node = updatedNodes.find((n) => n.id === nodeId);\r\n if (node) {\r\n onNodeMove?.(nodeId, node.transform.x, node.transform.y);\r\n }\r\n });\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [\r\n selectionEnabled,\r\n features.dragNodes,\r\n selection.selectedNodeIds,\r\n selectedWaypoint,\r\n localDiagram,\r\n onDiagramChange,\r\n onNodeMove,\r\n pushToHistory,\r\n ]);\r\n\r\n // Handler for node position panel changes\r\n const handlePositionChange = useCallback(\r\n (nodeId: string, x: number, y: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n node.id === nodeId\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x,\r\n y,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n const updatedDiagram = { ...localDiagram, nodes: updatedNodes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n onNodeMove?.(nodeId, x, y);\r\n },\r\n [localDiagram, onDiagramChange, onNodeMove, pushToHistory]\r\n );\r\n\r\n // Handler for waypoint position panel changes\r\n const handleWaypointPositionChange = useCallback(\r\n (pipeId: string, pointIndex: number, x: number, y: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id === pipeId) {\r\n const updatedRoutePoints = pipe.routePoints.map((point, idx) =>\r\n idx === pointIndex ? { x, y } : point\r\n );\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n }\r\n return pipe;\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n [localDiagram, onDiagramChange, pushToHistory]\r\n );\r\n\r\n const handleDragEnd = useCallback(\r\n (nodeId: string, offset: { x: number; y: number }, finalPosition: { x: number; y: number }) => {\r\n // If drag offset is zero or very small, treat as a click for selection\r\n const dragDistance = Math.sqrt(offset.x ** 2 + offset.y ** 2);\r\n if (dragDistance < 2) {\r\n // This was a click, not a drag - handle selection\r\n if (selectionEnabled) {\r\n // We need to check if this was a Ctrl/Cmd click, but we don't have the event here\r\n // For now, just select without modifier\r\n selectNode(nodeId, false);\r\n }\r\n return;\r\n }\r\n\r\n pushToHistory(localDiagram);\r\n\r\n // Update node position in diagram\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n node.id === nodeId\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x: finalPosition.x,\r\n y: finalPosition.y,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n // Find affected pipes (pipes connected to this node)\r\n const affectedPipes = localDiagram.pipes.filter(\r\n (pipe) => pipe.fromNodeId === nodeId || pipe.toNodeId === nodeId\r\n );\r\n\r\n // Recalculate routes for affected pipes\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (!affectedPipes.find((p) => p.id === pipe.id)) return pipe;\r\n\r\n const sourceNode = updatedNodes.find((n) => n.id === pipe.fromNodeId);\r\n const targetNode = updatedNodes.find((n) => n.id === pipe.toNodeId);\r\n\r\n if (!sourceNode || !targetNode) return pipe;\r\n\r\n // If pipe has custom waypoints (more than 2 points), preserve ALL waypoints\r\n // including endpoints - user has manually positioned them\r\n if (pipe.routePoints.length > 2) {\r\n return pipe; // Keep all waypoints as-is, including endpoints\r\n }\r\n\r\n // For simple pipes (2 points), recalculate to follow node ports\r\n const newRoutePoints = generateRoutePoints(\r\n sourceNode,\r\n pipe.fromPortId ?? 'output',\r\n targetNode,\r\n pipe.toPortId ?? 'input'\r\n );\r\n\r\n return {\r\n ...pipe,\r\n routePoints: newRoutePoints,\r\n };\r\n });\r\n\r\n const updatedDiagram: Diagram = {\r\n ...localDiagram,\r\n nodes: updatedNodes,\r\n pipes: updatedPipes,\r\n };\r\n\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n onNodeMove?.(nodeId, finalPosition.x, finalPosition.y);\r\n },\r\n [localDiagram, onDiagramChange, onNodeMove, selectionEnabled, selectNode, pushToHistory]\r\n );\r\n\r\n const { dragState, startDrag } = useDrag({\r\n snapToGrid: features.snapToGrid ?? 0,\r\n screenToWorld,\r\n onDragEnd: handleDragEnd,\r\n });\r\n\r\n // Separate drag state for waypoints\r\n const { dragState: waypointDragState, startDrag: startWaypointDrag } = useDrag({\r\n snapToGrid: features.snapToGrid ?? 0,\r\n screenToWorld,\r\n onDragEnd: (\r\n pipeId: string,\r\n _offset: { x: number; y: number },\r\n finalPosition: { x: number; y: number }\r\n ) => {\r\n pushToHistory(localDiagram);\r\n\r\n // Update waypoint position\r\n const [actualPipeId, pointIndex] = pipeId.split(':');\r\n const idx = parseInt(pointIndex, 10);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id !== actualPipeId) return pipe;\r\n\r\n const updatedRoutePoints = pipe.routePoints.map((point, i) =>\r\n i === idx ? { x: finalPosition.x, y: finalPosition.y } : point\r\n );\r\n\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n });\r\n\r\n const handleNodeDragStart = useCallback(\r\n (nodeId: string, event: React.MouseEvent | React.TouchEvent) => {\r\n const node = localDiagram.nodes.find((n) => n.id === nodeId);\r\n if (!node) return;\r\n startDrag(nodeId, event, { x: node.transform.x, y: node.transform.y });\r\n },\r\n [localDiagram.nodes, startDrag]\r\n );\r\n\r\n const handleWaypointClick = useCallback(\r\n (pipeId: string, pointIndex: number) => {\r\n // Select this waypoint\r\n setSelectedWaypoint({ pipeId, pointIndex });\r\n\r\n // Clear node/pipe selection\r\n if (selectionEnabled) {\r\n clearSelection();\r\n }\r\n },\r\n [selectionEnabled, clearSelection]\r\n );\r\n\r\n const handleWaypointDragStart = useCallback(\r\n (pipeId: string, pointIndex: number, event: React.MouseEvent | React.TouchEvent) => {\r\n const pipe = localDiagram.pipes.find((p) => p.id === pipeId);\r\n if (!pipe || pointIndex >= pipe.routePoints.length) return;\r\n\r\n const point = pipe.routePoints[pointIndex];\r\n\r\n // Use compound ID to track both pipe and point\r\n startWaypointDrag(`${pipeId}:${pointIndex}`, event, { x: point.x, y: point.y });\r\n },\r\n [localDiagram.pipes, startWaypointDrag]\r\n );\r\n\r\n const handlePipeSegmentClick = useCallback(\r\n (pipeId: string, position: { x: number; y: number }, segmentIndex: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id !== pipeId) return pipe;\r\n\r\n // Insert new waypoint after segmentIndex\r\n const updatedRoutePoints = [\r\n ...pipe.routePoints.slice(0, segmentIndex + 1),\r\n position,\r\n ...pipe.routePoints.slice(segmentIndex + 1),\r\n ];\r\n\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n [localDiagram, onDiagramChange, pushToHistory]\r\n );\r\n\r\n const telemetryEnabled = features.telemetry ?? false;\r\n\r\n const handleDelete = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n const { selectedNodeIds, selectedPipeIds } = selection;\r\n\r\n if (selectedNodeIds.size === 0 && selectedPipeIds.size === 0) return;\r\n\r\n pushToHistory(localDiagram);\r\n\r\n // Remove selected nodes\r\n const updatedNodes = localDiagram.nodes.filter((node) => !selectedNodeIds.has(node.id));\r\n\r\n // Remove selected pipes and pipes connected to deleted nodes\r\n const updatedPipes = localDiagram.pipes.filter(\r\n (pipe) =>\r\n !selectedPipeIds.has(pipe.id) &&\r\n !selectedNodeIds.has(pipe.fromNodeId) &&\r\n !selectedNodeIds.has(pipe.toNodeId)\r\n );\r\n\r\n const updatedDiagram = {\r\n ...localDiagram,\r\n nodes: updatedNodes,\r\n pipes: updatedPipes,\r\n };\r\n\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n clearSelection();\r\n onDiagramChange?.(updatedDiagram);\r\n onDelete?.(Array.from(selectedNodeIds), Array.from(selectedPipeIds));\r\n }, [\r\n selection,\r\n localDiagram,\r\n selectionEnabled,\r\n clearSelection,\r\n onDiagramChange,\r\n onDelete,\r\n pushToHistory,\r\n ]);\r\n\r\n const handleCopy = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n const { selectedNodeIds, selectedPipeIds } = selection;\r\n\r\n if (selectedNodeIds.size === 0 && selectedPipeIds.size === 0) return;\r\n\r\n onItemsCopied?.(Array.from(selectedNodeIds), Array.from(selectedPipeIds));\r\n }, [selection, selectionEnabled, onItemsCopied]);\r\n\r\n const handlePaste = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n onPaste?.();\r\n }, [selectionEnabled, onPaste]);\r\n\r\n const handleNodeDoubleClick = (nodeId: string, event: React.MouseEvent) => {\r\n if (!selectionEnabled) return;\r\n console.log('Node double-clicked:', nodeId);\r\n selectNode(nodeId, event.ctrlKey || event.metaKey);\r\n };\r\n\r\n useKeyboardShortcuts({\r\n enabled: features.keyboardShortcuts ?? false,\r\n onDelete: handleDelete,\r\n onCopy: handleCopy,\r\n onPaste: handlePaste,\r\n });\r\n\r\n const handleNodeClick = (nodeId: string, event: React.MouseEvent) => {\r\n // Connection mode takes priority\r\n const connectionModeEnabled = features.connectionMode ?? false;\r\n\r\n if (connectionModeEnabled && isConnecting) {\r\n // Second click - complete connection\r\n if (connectionSource && connectionSource !== nodeId) {\r\n // Use hovered port if available, otherwise let handler choose\r\n onPipeCreated?.(\r\n connectionSource,\r\n nodeId,\r\n connectionSourcePort || undefined,\r\n hoveredPort || undefined\r\n );\r\n setIsConnecting(false);\r\n setConnectionSource(null);\r\n setConnectionSourcePort(null);\r\n setConnectionCursor(null);\r\n setHoveredPort(null);\r\n }\r\n return;\r\n }\r\n\r\n if (connectionModeEnabled && !isConnecting) {\r\n // First click - start connection\r\n setIsConnecting(true);\r\n setConnectionSource(nodeId);\r\n setConnectionSourcePort(hoveredPort);\r\n return;\r\n }\r\n\r\n // Normal selection mode\r\n if (selectionEnabled) {\r\n selectNode(nodeId, event.ctrlKey || event.metaKey);\r\n }\r\n onNodeClick?.(nodeId);\r\n };\r\n\r\n const handlePipeClick = (pipeId: string, event: React.MouseEvent) => {\r\n if (selectionEnabled) {\r\n selectPipe(pipeId, event.ctrlKey || event.metaKey);\r\n }\r\n onPipeClick?.(pipeId);\r\n };\r\n\r\n const handleCanvasClick = (e: React.MouseEvent<SVGSVGElement>) => {\r\n // Don't clear selection if clicking on a waypoint or its parent elements\r\n const target = e.target as Element;\r\n\r\n // Check if target or any parent has the pipe-route-point class\r\n if (target.closest('.pipe-route-point')) {\r\n return;\r\n }\r\n\r\n if (selectionEnabled) {\r\n clearSelection();\r\n }\r\n setSelectedWaypoint(null);\r\n };\r\n\r\n const handleDragOver = useCallback(\r\n (event: React.DragEvent) => {\r\n if (!features.allowSymbolDrop) return;\r\n\r\n event.preventDefault();\r\n event.dataTransfer.dropEffect = 'copy';\r\n\r\n // Convert screen coordinates to world coordinates\r\n if (!svgRef.current) return;\r\n\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n setDragOverPosition(worldPos);\r\n },\r\n [features.allowSymbolDrop, screenToWorld, svgRef]\r\n );\r\n\r\n const handleDrop = useCallback(\r\n (event: React.DragEvent) => {\r\n if (!features.allowSymbolDrop) return;\r\n\r\n event.preventDefault();\r\n setDragOverPosition(null);\r\n\r\n // Get symbol ID from drag data\r\n const symbolId = event.dataTransfer.getData('application/symbol-id');\r\n if (!symbolId) return;\r\n\r\n // Convert drop position to world coordinates\r\n if (!svgRef.current) return;\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n onSymbolDrop?.(symbolId, worldPos);\r\n },\r\n [features.allowSymbolDrop, screenToWorld, onSymbolDrop, svgRef]\r\n );\r\n\r\n const handleDragLeave = useCallback(() => {\r\n setDragOverPosition(null);\r\n }, []);\r\n\r\n const handleMouseMove = useCallback(\r\n (event: React.MouseEvent<SVGSVGElement>) => {\r\n const connectionModeEnabled = features.connectionMode ?? false;\r\n\r\n if (connectionModeEnabled) {\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n // Update cursor position if connecting\r\n if (isConnecting && connectionSource) {\r\n setConnectionCursor(worldPos);\r\n }\r\n\r\n // Always track hovered port in connection mode (for both source and target selection)\r\n let foundPort: string | null = null;\r\n let foundNode: string | null = null;\r\n\r\n for (const node of localDiagram.nodes) {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol || !symbol.ports) continue;\r\n\r\n for (const port of symbol.ports) {\r\n const portPos = getPortWorldPosition(node, port.id);\r\n if (!portPos) continue;\r\n\r\n const distance = Math.sqrt(\r\n (worldPos.x - portPos.x) ** 2 + (worldPos.y - portPos.y) ** 2\r\n );\r\n\r\n // Increased detection radius to 15 for better clickability (visual port is radius 5-8)\r\n if (distance < 15) {\r\n foundPort = port.id;\r\n foundNode = node.id;\r\n break;\r\n }\r\n }\r\n if (foundPort) break;\r\n }\r\n\r\n setHoveredPort(foundPort);\r\n setHoveredNode(foundNode);\r\n }\r\n },\r\n [isConnecting, connectionSource, screenToWorld, localDiagram.nodes, features.connectionMode]\r\n );\r\n\r\n const { name } = diagram;\r\n const viewBox = controlledViewBox;\r\n const displayDiagram = localDiagram;\r\n\r\n // Get first selected node for position panel\r\n const selectedNode =\r\n selectionEnabled && selection.selectedNodeIds.size === 1\r\n ? localDiagram.nodes.find((n) => selection.selectedNodeIds.has(n.id)) || null\r\n : null;\r\n\r\n return (\r\n <div\r\n ref={containerRef}\r\n className={`pid-canvas ${className}`.trim()}\r\n style={{\r\n width: '100%',\r\n height: '100%',\r\n position: 'relative',\r\n overflow: 'hidden',\r\n backgroundColor: '#f5f5f5',\r\n ...style,\r\n }}\r\n {...props}\r\n >\r\n <svg\r\n ref={svgRef}\r\n width=\"100%\"\r\n height=\"100%\"\r\n viewBox={`${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`}\r\n preserveAspectRatio=\"xMidYMid meet\"\r\n style={{\r\n display: 'block',\r\n }}\r\n aria-label={`P&ID diagram: ${name}`}\r\n role=\"img\"\r\n onClick={handleCanvasClick}\r\n onMouseMove={handleMouseMove}\r\n onDragOver={handleDragOver}\r\n onDrop={handleDrop}\r\n onDragLeave={handleDragLeave}\r\n >\r\n {/* Background - solid color or grid */}\r\n {features.showGrid !== false ? (\r\n <>\r\n <defs>\r\n {/* Minor grid - 5 unit increments */}\r\n <pattern id=\"grid-minor\" width=\"5\" height=\"5\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M 5 0 L 0 0 0 5\" fill=\"none\" stroke=\"#e5e7eb\" strokeWidth=\"0.5\" />\r\n </pattern>\r\n {/* Major grid - 25 unit increments */}\r\n <pattern id=\"grid-major\" width=\"25\" height=\"25\" patternUnits=\"userSpaceOnUse\">\r\n <rect width=\"25\" height=\"25\" fill=\"url(#grid-minor)\" />\r\n <path d=\"M 25 0 L 0 0 0 25\" fill=\"none\" stroke=\"#d1d5db\" strokeWidth=\"1\" />\r\n </pattern>\r\n </defs>\r\n <rect\r\n x={Math.floor(viewBox.x / 25) * 25 - viewBox.width}\r\n y={Math.floor(viewBox.y / 25) * 25 - viewBox.height}\r\n width={Math.ceil((viewBox.width * 3) / 25) * 25}\r\n height={Math.ceil((viewBox.height * 3) / 25) * 25}\r\n fill=\"url(#grid-major)\"\r\n />\r\n </>\r\n ) : (\r\n <rect\r\n x={Math.floor(viewBox.x / 25) * 25 - viewBox.width}\r\n y={Math.floor(viewBox.y / 25) * 25 - viewBox.height}\r\n width={Math.ceil((viewBox.width * 3) / 25) * 25}\r\n height={Math.ceil((viewBox.height * 3) / 25) * 25}\r\n fill={features.backgroundColor ?? '#ffffff'}\r\n />\r\n )}\r\n\r\n {/* Render pipes (behind nodes for proper layering) */}\r\n <PipeRenderer\r\n pipes={displayDiagram.pipes}\r\n selectedPipeIds={selectionEnabled ? selection.selectedPipeIds : undefined}\r\n onPipeClick={selectionEnabled ? handlePipeClick : undefined}\r\n enableWaypointEditing={false}\r\n onWaypointDragStart={undefined}\r\n editingPipeId={null}\r\n draggingWaypointIndex={null}\r\n waypointDragOffset={undefined}\r\n onPipeSegmentClick={undefined}\r\n />\r\n\r\n {/* Render nodes */}\r\n <NodeRenderer\r\n nodes={displayDiagram.nodes}\r\n selectedNodeIds={selectionEnabled ? selection.selectedNodeIds : undefined}\r\n onNodeClick={\r\n onNodeClick\r\n ? handleNodeClick\r\n : selectionEnabled || features.connectionMode\r\n ? handleNodeClick\r\n : undefined\r\n }\r\n onNodeDoubleClick={selectionEnabled ? handleNodeDoubleClick : undefined}\r\n enableDrag={dragEnabled && !isConnecting}\r\n onNodeDragStart={dragEnabled && !isConnecting ? handleNodeDragStart : undefined}\r\n draggingNodeId={dragState.draggedId}\r\n dragOffset={dragState.offset}\r\n statusColorMap={statusColorMap}\r\n />\r\n\r\n {/* Render waypoint editing controls on top of nodes */}\r\n {(features.editPipeRoutes ?? false) && (\r\n <PipeRenderer\r\n pipes={displayDiagram.pipes}\r\n selectedPipeIds={selectionEnabled ? selection.selectedPipeIds : undefined}\r\n onPipeClick={undefined}\r\n enableWaypointEditing={true}\r\n onWaypointClick={handleWaypointClick}\r\n onWaypointDragStart={handleWaypointDragStart}\r\n selectedWaypointPipeId={selectedWaypoint?.pipeId || null}\r\n selectedWaypointIndex={selectedWaypoint?.pointIndex ?? null}\r\n editingPipeId={waypointDragState.draggedId?.split(':')[0] || null}\r\n draggingWaypointIndex={\r\n waypointDragState.draggedId\r\n ? parseInt(waypointDragState.draggedId.split(':')[1], 10)\r\n : null\r\n }\r\n waypointDragOffset={waypointDragState.offset}\r\n onPipeSegmentClick={handlePipeSegmentClick}\r\n />\r\n )}\r\n\r\n {/* Render telemetry data overlays */}\r\n {telemetryEnabled && telemetry && (\r\n <g id=\"layer-telemetry\">\r\n {displayDiagram.nodes.map((node) => {\r\n const binding = telemetry.get(node.id);\r\n if (!binding) return null;\r\n\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return null;\r\n\r\n // Position overlay centered horizontally and below the node by default\r\n const overlayX = node.transform.x + symbol.viewBox.width / 2;\r\n const overlayY = node.transform.y + symbol.viewBox.height + 50;\r\n\r\n return (\r\n <DataOverlay\r\n key={`telemetry-${node.id}`}\r\n nodeId={node.id}\r\n x={overlayX}\r\n y={overlayY}\r\n telemetry={binding}\r\n scale={features.telemetryScale ?? 1.0}\r\n statusColorMap={statusColorMap}\r\n />\r\n );\r\n })}\r\n </g>\r\n )}\r\n\r\n {/* Drop indicator */}\r\n {dragOverPosition && (\r\n <circle\r\n cx={dragOverPosition.x}\r\n cy={dragOverPosition.y}\r\n r={20}\r\n fill=\"#3b82f6\"\r\n opacity={0.3}\r\n stroke=\"#3b82f6\"\r\n strokeWidth={2}\r\n pointerEvents=\"none\"\r\n />\r\n )}\r\n\r\n {/* Connection mode rubber-band line */}\r\n {isConnecting && connectionSource && connectionCursor && (\r\n <g id=\"connection-preview\" pointerEvents=\"none\">\r\n {(() => {\r\n const sourceNode = displayDiagram.nodes.find((n) => n.id === connectionSource);\r\n if (!sourceNode) return null;\r\n\r\n // If a source port was selected, draw line from that port\r\n const symbol = getSymbolDefinition(sourceNode.symbolId);\r\n let lineStartX = sourceNode.transform.x;\r\n let lineStartY = sourceNode.transform.y;\r\n\r\n if (connectionSourcePort && symbol?.ports) {\r\n const port = symbol.ports.find((p) => p.id === connectionSourcePort);\r\n if (port) {\r\n const portPos = getPortWorldPosition(sourceNode, connectionSourcePort);\r\n if (portPos) {\r\n lineStartX = portPos.x;\r\n lineStartY = portPos.y;\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {/* Highlight source port */}\r\n <circle\r\n cx={lineStartX}\r\n cy={lineStartY}\r\n r={30}\r\n fill=\"none\"\r\n stroke=\"#10b981\"\r\n strokeWidth={3}\r\n opacity={0.6}\r\n />\r\n {/* Rubber-band line */}\r\n <line\r\n x1={lineStartX}\r\n y1={lineStartY}\r\n x2={connectionCursor.x}\r\n y2={connectionCursor.y}\r\n stroke=\"#10b981\"\r\n strokeWidth={2}\r\n strokeDasharray=\"5,5\"\r\n opacity={0.8}\r\n />\r\n {/* Cursor indicator */}\r\n <circle\r\n cx={connectionCursor.x}\r\n cy={connectionCursor.y}\r\n r={8}\r\n fill=\"#10b981\"\r\n opacity={0.6}\r\n />\r\n </>\r\n );\r\n })()}\r\n </g>\r\n )}\r\n\r\n {/* Port indicators in connection mode */}\r\n {features.connectionMode && (\r\n <g id=\"port-indicators\">\r\n {displayDiagram.nodes.map((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol?.ports) return null;\r\n\r\n return symbol.ports.map((port) => {\r\n const portPos = getPortWorldPosition(node, port.id);\r\n if (!portPos) return null;\r\n\r\n const isHovered = hoveredPort === port.id && hoveredNode === node.id;\r\n const isSourcePort =\r\n node.id === connectionSource && port.id === connectionSourcePort;\r\n\r\n return (\r\n <g key={`${node.id}-${port.id}`}>\r\n {/* Invisible larger hit area for easier clicking */}\r\n <circle\r\n cx={portPos.x}\r\n cy={portPos.y}\r\n r={15}\r\n fill=\"transparent\"\r\n style={{ cursor: 'pointer' }}\r\n pointerEvents=\"auto\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n // Trigger the same logic as clicking on the node\r\n if (isConnecting && connectionSource) {\r\n // Second click - complete connection\r\n if (connectionSource !== node.id) {\r\n onPipeCreated?.(\r\n connectionSource,\r\n node.id,\r\n connectionSourcePort || undefined,\r\n port.id\r\n );\r\n setIsConnecting(false);\r\n setConnectionSource(null);\r\n setConnectionSourcePort(null);\r\n setConnectionCursor(null);\r\n setHoveredPort(null);\r\n }\r\n } else {\r\n // First click - start connection\r\n setIsConnecting(true);\r\n setConnectionSource(node.id);\r\n setConnectionSourcePort(port.id);\r\n }\r\n }}\r\n />\r\n {/* Visible port indicator */}\r\n <circle\r\n cx={portPos.x}\r\n cy={portPos.y}\r\n r={isHovered ? 8 : 5}\r\n fill={isSourcePort ? '#10b981' : isHovered ? '#3b82f6' : '#94a3b8'}\r\n stroke={isSourcePort ? '#059669' : isHovered ? '#2563eb' : '#64748b'}\r\n strokeWidth={isHovered || isSourcePort ? 2 : 1}\r\n opacity={isHovered || isSourcePort ? 1 : 0.6}\r\n pointerEvents=\"none\"\r\n />\r\n </g>\r\n );\r\n });\r\n })}\r\n </g>\r\n )}\r\n </svg>\r\n\r\n {/* Position Panel - shows when single node is selected */}\r\n {features.dragNodes && (\r\n <PositionPanel\r\n selectedNode={selectedNode}\r\n selectedWaypoint={\r\n selectedWaypoint\r\n ? {\r\n pipeId: selectedWaypoint.pipeId,\r\n pointIndex: selectedWaypoint.pointIndex,\r\n position: localDiagram.pipes.find((p) => p.id === selectedWaypoint.pipeId)\r\n ?.routePoints[selectedWaypoint.pointIndex] || { x: 0, y: 0 },\r\n }\r\n : null\r\n }\r\n onPositionChange={handlePositionChange}\r\n onWaypointPositionChange={handleWaypointPositionChange}\r\n position=\"top-right\"\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n","import type { SymbolDefinition } from '../schema';\r\n\r\n/**\r\n * Mock symbol library with basic P&ID shapes\r\n * Phase 4 will add proper symbol library management\r\n */\r\nexport const mockSymbolLibrary: Record<string, SymbolDefinition> = {\r\n 'valve-gate': {\r\n id: 'valve-gate',\r\n name: 'Gate Valve (Powered)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 26, height: 26 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 18, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 26, y: 18, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Actuator box -->\r\n <rect x=\"16.74\" y=\"0\" width=\"18.02\" height=\"18.02\" fill=\"var(--symbol-fill, #edeeef)\" stroke=\"var(--symbol-stroke, #666666)\" pointer-events=\"all\"/>\r\n <!-- Actuator stem -->\r\n <path d=\"M 25.75 18.02 L 25.75 36.05\" fill=\"none\" stroke=\"var(--symbol-stroke, #666666)\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" pointer-events=\"all\"/>\r\n <!-- Valve body (two triangles forming diamond) -->\r\n <path d=\"M 0 20.6 L 25.75 36.05 L 0 51.5 Z M 51.5 20.6 L 25.75 36.05 L 51.5 51.5 Z\" fill=\"var(--symbol-fill, #edeeef)\" stroke=\"var(--symbol-stroke, #666666)\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" pointer-events=\"all\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Gate valve with powered actuator',\r\n tags: ['valve', 'gate', 'powered', 'actuator'],\r\n },\r\n },\r\n\r\n 'pump-positive-displacement': {\r\n id: 'pump-positive-displacement',\r\n name: 'Positive Displacement Pump',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 28.125, height: 28.125 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 14.0625, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 28.125, y: 14.0625, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.28125)\">\r\n <!-- Outer circle -->\r\n <ellipse \r\n cx=\"50\" \r\n cy=\"50\" \r\n rx=\"50\" \r\n ry=\"50\" \r\n fill=\"var(--symbol-fill, #edeeef)\"\r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Diagonal line from top to bottom-right -->\r\n <path \r\n d=\"M 50 0 L 100 50 L 50 100\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Center square -->\r\n <rect \r\n x=\"35\" \r\n y=\"35\" \r\n width=\"30\" \r\n height=\"30\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Positive displacement pump (ISO standard)',\r\n tags: ['pump', 'positive-displacement', 'iso'],\r\n },\r\n },\r\n\r\n 'vannefold-bottom': {\r\n id: 'vannefold-bottom',\r\n name: 'Vannefold Block (Bottom)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 44, height: 33.892578 },\r\n ports: [\r\n { id: 'bottom-inlet', x: 0, y: 12.5, type: 'control', direction: 'in' },\r\n { id: 'top-outlet', x: 24, y: 32.5, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Bottom inlet pipe -->\r\n <path \r\n d=\"M 3,29.785156 H 0 v -10 h 3 m 14,10 h 3 v -10 h -3 m -15,8 h 16 m -16,-6 h 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Top outlet pipe -->\r\n <path \r\n d=\"m 43,49.785156 v -3 h 10 v 3 m -10,14 v 3 h 10 v -3 m -8,-15 v 16 m 6,-16 v 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2\" \r\n width=\"76\" \r\n height=\"55.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"7\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"7\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"7\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"7\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"51.785156\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"51.785156\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"51.785156\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"51.785156\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with bottom inlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'bottom'],\r\n },\r\n },\r\n\r\n 'vannefold-middle': {\r\n id: 'vannefold-middle',\r\n name: 'Vannefold Block (Middle)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 47.5, height: 26.548828 },\r\n ports: [\r\n { id: 'left-inlet', x: 0, y: 13.65625, type: 'control', direction: 'in' },\r\n { id: 'right-outlet', x: 47.5, y: 13.65625, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Left inlet pipe -->\r\n <path \r\n d=\"M 3,22.3125 H 0 v 10 H 3 m 14,-10 h 3 v 10 h -3 m -15,-8 h 16 m -16,6 h 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"52.097656\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"0\" \r\n width=\"76\" \r\n height=\"52.097656\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"5.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"5.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"5.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"5.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"47.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"47.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"47.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"47.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with side inlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'middle'],\r\n },\r\n },\r\n\r\n 'vannefold-top': {\r\n id: 'vannefold-top',\r\n name: 'Vannefold Block (Top)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 47.5, height: 30.392578 },\r\n ports: [\r\n { id: 'bottom-inlet', x: 0, y: 17.5, type: 'control', direction: 'in' },\r\n { id: 'top-outlet', x: 24, y: 0, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Bottom inlet pipe -->\r\n <path \r\n d=\"M 3,30 H 0 V 40 H 3 M 17,30 h 3 V 40 H 17 M 2,32 H 18 M 2,38 H 18\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2\" \r\n width=\"76\" \r\n height=\"57.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"8\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"8\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"8\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"8\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"55\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"55\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"55\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"55\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with bottom inlet and top outlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'top'],\r\n },\r\n },\r\n\r\n 'vannefold-top-top-inlet': {\r\n id: 'vannefold-top-top-inlet',\r\n name: 'Vannefold Block (Top, Top Inlet)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 44, height: 33.788002 },\r\n ports: [\r\n { id: 'top-inlet', x: 23.5, y: 0, type: 'control', direction: 'in' },\r\n { id: 'bottom-outlet', x: 0, y: 21, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Top inlet pipe flange -->\r\n <path \r\n d=\"M 52,3 V 1.3598666e-8 H 42 V 3 m 10,14 v 3 H 42 V 17 M 50,2 V 18 M 44,2 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Bottom outlet pipe flange -->\r\n <path \r\n d=\"M 3,36.79085 H 0 v 10 h 3 m 14,-10 h 3 v 10 h -3 m -15,-8 h 16 m -16,6 h 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"6.7908498\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"8.7908498\" \r\n width=\"76\" \r\n height=\"57.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"14.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"14.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"61.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"61.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"14.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"14.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"61.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"61.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with top inlet and bottom outlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'top', 'top-inlet'],\r\n },\r\n },\r\n\r\n 'vannefold-left': {\r\n id: 'vannefold-left',\r\n name: 'Vannefold Block (Left)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 33.892578, height: 44.25 },\r\n ports: [\r\n { id: 'left-inlet', x: 0, y: 20.75, type: 'control', direction: 'in' },\r\n { id: 'right-outlet', x: 21, y: 43.5, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Left inlet pipe flange -->\r\n <path \r\n d=\"M 3,46.5 H 2.8789924e-8 v -10 H 3 m 14,10 h 3 v -10 h -3 m -15,8 h 16 m -16,-6 h 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Right outlet pipe flange -->\r\n <path \r\n d=\"m 37,70.5 v -3 h 10 v 3 m -10,14 v 3 h 10 v -3 m -8,-15 v 16 m 6,-16 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0.5\" \r\n width=\"59.785156\" \r\n height=\"80\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2.5\" \r\n width=\"57.785156\" \r\n height=\"76\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with left inlet and right outlet, vertical orientation',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'left', 'vertical'],\r\n },\r\n },\r\n \r\n 'vannefold-right': {\r\n id: 'vannefold-right',\r\n name: 'Vannefold Block (Right)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 33.892578, height: 44.25 },\r\n ports: [\r\n { id: 'right-inlet', x: 33.892578, y: 20.75, type: 'control', direction: 'in' },\r\n { id: 'left-outlet', x: 12.392578, y: 43.75, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Right inlet pipe flange -->\r\n <path \r\n d=\"m 63.785156,46.5 h 3 v -10 h -3 m -14,10 h -3 v -10 h 3 m 15,8 h -16 m 16,-6 h -16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Left outlet pipe flange -->\r\n <path \r\n d=\"m 29.785156,70.5 v -3 h -10 v 3 m 10,14 v 3 h -10 v -3 m 8,-15 v 16 m -6,-16 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"0\" \r\n y=\"0.5\" \r\n width=\"59.785156\" \r\n height=\"80\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"0\" \r\n y=\"2.5\" \r\n width=\"57.785156\" \r\n height=\"76\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"51.785156\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with right inlet and left outlet, vertical orientation',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'right', 'vertical'],\r\n },\r\n },\r\n\r\n 'pixer': {\r\n id: 'pixer',\r\n name: 'Pixer',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 23.34375 },\r\n ports: [\r\n { id: 'right-outlet', x: 25.3125, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-outlet', x: 0, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-inlet', x: 25.3125, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'right-inlet', x: 0, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'top-inlet', x: 12.65625, y: 0, type: 'control', direction: 'in' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -186)\">\r\n <!-- Top mounting flange -->\r\n <rect \r\n width=\"141.313\" \r\n height=\"9.872\" \r\n transform=\"translate(252.392 185.89)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Motor housing top -->\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 199.918)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"5.835\" \r\n transform=\"translate(269.742 202.384)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 208.222)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom mounting flange -->\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.401\" \r\n transform=\"translate(212.199 395.587)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"6.269\" \r\n transform=\"translate(212.199 397.988)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.65\" \r\n transform=\"translate(212.199 404.257)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Motor housing transition -->\r\n <path \r\n d=\"M444.7,228.776l17.117,4.1H568.429l17.089-4.085a.032.032,0,0,0,0-.062H444.705a.028.028,0,0,0-.007.046Z\" \r\n transform=\"translate(-192.059 -32.959)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange -->\r\n <rect \r\n width=\"256\" \r\n height=\"9.872\" \r\n transform=\"translate(195.05 411.066)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <path \r\n d=\"M195.05,1148.286l17.149-4.156H433.9l17.149,4.156Z\" \r\n transform=\"translate(0 -737.221)\" \r\n fill=\"var(--symbol-fill, #e2e2e2)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Vessel top cone -->\r\n <path \r\n d=\"M451.05,328.356h-256l74.692-34.946H376.358Z\" \r\n transform=\"translate(0 -82.72)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Main vessel body -->\r\n <rect \r\n width=\"256\" \r\n height=\"59.803\" \r\n transform=\"translate(195.05 245.636)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <rect \r\n width=\"256\" \r\n height=\"76.892\" \r\n transform=\"translate(195.05 308.417)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Vessel bottom transitions -->\r\n <path \r\n d=\"M449.265,705.7H196.773l-1.654-1.465a.014.014,0,0,1,0-.023H451.078Z\" \r\n transform=\"translate(-0.049 -398.769)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M449.278,710.66H196.793l-1.663,1.462v.016H451.086s.012,0,0-.016Z\" \r\n transform=\"translate(-0.062 -403.731)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M433.9,1060.758H212.2L195.05,1050.48h256Z\" \r\n transform=\"translate(0 -665.171)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Agitator blades/impellers (simplified without gradients) -->\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"6.096\" \r\n rx=\"15.454\" \r\n ry=\"6.096\" \r\n transform=\"translate(307.486 228.161)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #c0c0c0)\"\r\n />\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"5.3\" \r\n rx=\"15.454\" \r\n ry=\"5.3\" \r\n transform=\"translate(307.486 229.753)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <ellipse \r\n cx=\"5.174\" \r\n cy=\"15.117\" \r\n rx=\"5.174\" \r\n ry=\"15.117\" \r\n transform=\"translate(367.144 236.079) rotate(-77.61)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M947,380.271s1.631-2.83,8.084-2.235c5.427.5,16.927,2.855,20.574,8.26\" \r\n transform=\"translate(-578.512 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.117\" \r\n cy=\"5.174\" \r\n rx=\"15.117\" \r\n ry=\"5.174\" \r\n transform=\"translate(247 232.438) rotate(-12.39)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M456.439,380.271s-1.631-2.83-8.073-2.235c-5.43.5-16.93,2.855-20.576,8.26\" \r\n transform=\"translate(-179.058 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"1.651\" \r\n cy=\"15.082\" \r\n rx=\"1.651\" \r\n ry=\"15.082\" \r\n transform=\"translate(406.71 230.174) rotate(-68.13)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M1119,375.62a119.876,119.876,0,0,1,26.193,10.419\" \r\n transform=\"translate(-710.84 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.082\" \r\n cy=\"1.651\" \r\n rx=\"15.082\" \r\n ry=\"1.651\" \r\n transform=\"translate(210.225 238.342) rotate(-21.87)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M293.943,375.62a119.829,119.829,0,0,0-26.193,10.419\" \r\n transform=\"translate(-55.932 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Pixer mixer/agitator vessel with top-mounted drive',\r\n tags: ['vessel', 'mixer', 'agitator', 'pixer', 'tank'],\r\n },\r\n },\r\n\r\n 'pixer-barb': {\r\n id: 'pixer-barb',\r\n name: 'Pixer (Hose Barb)',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 23.34375 },\r\n ports: [\r\n { id: 'right-outlet', x: 25.3125, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-outlet', x: 0, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-inlet', x: 25.3125, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'right-inlet', x: 0, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'top-inlet', x: 12.65625, y: 0, type: 'control', direction: 'in' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -186)\">\r\n <!-- Hose barb ridges at top -->\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 173)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 177)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 181)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n \r\n <!-- Taper from barb to motor housing -->\r\n <path \r\n d=\"M 313,183 L 269.742,199.918 L 376.356,199.918 L 333,183 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n \r\n <!-- Motor housing top -->\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 199.918)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"5.835\" \r\n transform=\"translate(269.742 202.384)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 208.222)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom mounting flange -->\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.401\" \r\n transform=\"translate(212.199 395.587)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"6.269\" \r\n transform=\"translate(212.199 397.988)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.65\" \r\n transform=\"translate(212.199 404.257)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange -->\r\n <rect \r\n width=\"256\" \r\n height=\"9.872\" \r\n transform=\"translate(195.05 411.066)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <path \r\n d=\"M195.05,1148.286l17.149-4.156H433.9l17.149,4.156Z\" \r\n transform=\"translate(0 -737.221)\" \r\n fill=\"var(--symbol-fill, #e2e2e2)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Vessel top cone -->\r\n <path \r\n d=\"M451.05,328.356h-256l74.692-34.946H376.358Z\" \r\n transform=\"translate(0 -82.72)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Main vessel body -->\r\n <rect \r\n width=\"256\" \r\n height=\"59.803\" \r\n transform=\"translate(195.05 245.636)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <rect \r\n width=\"256\" \r\n height=\"76.892\" \r\n transform=\"translate(195.05 308.417)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Vessel bottom transitions -->\r\n <path \r\n d=\"M449.265,705.7H196.773l-1.654-1.465a.014.014,0,0,1,0-.023H451.078Z\" \r\n transform=\"translate(-0.049 -398.769)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M449.278,710.66H196.793l-1.663,1.462v.016H451.086s.012,0,0-.016Z\" \r\n transform=\"translate(-0.062 -403.731)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M433.9,1060.758H212.2L195.05,1050.48h256Z\" \r\n transform=\"translate(0 -665.171)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Agitator blades/impellers (simplified without gradients) -->\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"6.096\" \r\n rx=\"15.454\" \r\n ry=\"6.096\" \r\n transform=\"translate(307.486 228.161)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #c0c0c0)\"\r\n />\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"5.3\" \r\n rx=\"15.454\" \r\n ry=\"5.3\" \r\n transform=\"translate(307.486 229.753)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <ellipse \r\n cx=\"5.174\" \r\n cy=\"15.117\" \r\n rx=\"5.174\" \r\n ry=\"15.117\" \r\n transform=\"translate(367.144 236.079) rotate(-77.61)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M947,380.271s1.631-2.83,8.084-2.235c5.427.5,16.927,2.855,20.574,8.26\" \r\n transform=\"translate(-578.512 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.117\" \r\n cy=\"5.174\" \r\n rx=\"15.117\" \r\n ry=\"5.174\" \r\n transform=\"translate(247 232.438) rotate(-12.39)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M456.439,380.271s-1.631-2.83-8.073-2.235c-5.43.5-16.93,2.855-20.576,8.26\" \r\n transform=\"translate(-179.058 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"1.651\" \r\n cy=\"15.082\" \r\n rx=\"1.651\" \r\n ry=\"15.082\" \r\n transform=\"translate(406.71 230.174) rotate(-68.13)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M1119,375.62a119.876,119.876,0,0,1,26.193,10.419\" \r\n transform=\"translate(-710.84 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.082\" \r\n cy=\"1.651\" \r\n rx=\"15.082\" \r\n ry=\"1.651\" \r\n transform=\"translate(210.225 238.342) rotate(-21.87)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M293.943,375.62a119.829,119.829,0,0,0-26.193,10.419\" \r\n transform=\"translate(-55.932 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Pixer mixer/agitator vessel with tapered hose barb connection at top',\r\n tags: ['vessel', 'mixer', 'agitator', 'pixer', 'tank', 'hose-barb'],\r\n },\r\n },\r\n \r\n 'vessel-balloon': {\r\n id: 'vessel-balloon',\r\n name: 'Vessel',\r\n category: 'vessel',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 45.5 },\r\n ports: [\r\n { id: 'top', type: 'inlet', x: 12.65625, y: 0 },\r\n { id: 'left', type: 'inlet', x: 2.5, y: 19.5 },\r\n { id: 'right', type: 'outlet', x: 22.8125, y: 19.5 },\r\n { id: 'bottom', type: 'outlet', x: 12.65625, y: 45.5 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -100)\">\r\n <!-- Top opening nozzle -->\r\n <rect \r\n width=\"65\" \r\n height=\"19.5\" \r\n transform=\"translate(290.5, 100)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Transition from nozzle to dome -->\r\n <path \r\n d=\"M 290.5,119.5 L 238,152 L 408,152 L 355.5,119.5 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Upper balloon dome - rounded bulge -->\r\n <path \r\n d=\"M 238,152 C 185,210 150,320 180,395 L 466,395 C 496,320 461,210 408,152 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Tapered vessel body -->\r\n <path \r\n d=\"M 180,395 L 269.742,530 L 376.356,530 L 466,395 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Bottom cone -->\r\n <path \r\n d=\"M 269.742,530 L 280,555 L 366,555 L 376.356,530 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange matching pixer top dimensions -->\r\n <rect \r\n width=\"141.313\" \r\n height=\"9.872\" \r\n transform=\"translate(252.392, 555)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Balloon-shaped vessel with rounded top and tapered bottom, designed to fit on standard pixer',\r\n tags: ['vessel', 'storage', 'tank', 'balloon'],\r\n },\r\n },\r\n\r\n 'hollow-fiber': {\r\n id: 'hollow-fiber',\r\n name: 'Hollow Fiber',\r\n category: 'other',\r\n viewBox: { x: 0, y: 0, width: 30, height: 109 },\r\n ports: [\r\n { id: 'top-left', type: 'outlet', x: 10, y: 2.75 },\r\n { id: 'top-right', type: 'outlet', x: 24.5, y: 22.25 },\r\n { id: 'bottom-left', type: 'inlet', x: 10, y: 106.25 },\r\n { id: 'bottom-right', type: 'inlet', x: 24.5, y: 87.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Top left flange -->\r\n <rect x=\"10.5\" y=\"0.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Top right flange -->\r\n <rect x=\"39.5\" y=\"39.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Bottom left flange -->\r\n <rect x=\"10.5\" y=\"207.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Bottom right flange -->\r\n <rect x=\"39.5\" y=\"169.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Main vessel body -->\r\n <rect x=\"0.5\" y=\"9.5\" width=\"40\" height=\"199.5\" rx=\"6\" ry=\"6\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Hollow fiber filter module with multiple inlet/outlet connections',\r\n tags: ['filter', 'hollow-fiber', 'filtration', 'separation', 'membrane'],\r\n },\r\n },\r\n \r\n 'psr-f': {\r\n id: 'psr-f',\r\n name: 'PSR F',\r\n category: 'instrument',\r\n viewBox: { x: 0, y: 0, width: 28.5, height: 28.5 },\r\n ports: [\r\n { id: 'top', type: 'signal', x: 14.25, y: 7.125 },\r\n { id: 'right', type: 'signal', x: 21.375, y: 14.25 },\r\n { id: 'bottom', type: 'signal', x: 14.25, y: 21.375 },\r\n { id: 'left', type: 'signal', x: 7.125, y: 14.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.25) translate(28.5, 28.5)\">\r\n <!-- Circle background -->\r\n <ellipse \r\n cx=\"28.5\" \r\n cy=\"28.5\" \r\n rx=\"28.5\" \r\n ry=\"28.5\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #ffffff)\"\r\n />\r\n \r\n <!-- Letter F -->\r\n <text \r\n x=\"28.5\" \r\n y=\"38\" \r\n text-anchor=\"middle\" \r\n font-family=\"'Times New Roman', Georgia, serif\" \r\n font-size=\"34\" \r\n font-weight=\"normal\" \r\n font-style=\"italic\" \r\n fill=\"var(--symbol-stroke, #000000)\"\r\n >F</text>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'PSR F instrument symbol - Flow indicator',\r\n tags: ['instrument', 'psr', 'flow', 'indicator'],\r\n },\r\n },\r\n \r\n 'psr-p': {\r\n id: 'psr-p',\r\n name: 'PSR P',\r\n category: 'instrument',\r\n viewBox: { x: 0, y: 0, width: 28.5, height: 28.5 },\r\n ports: [\r\n { id: 'top', type: 'signal', x: 14.25, y: 7.125 },\r\n { id: 'right', type: 'signal', x: 21.375, y: 14.25 },\r\n { id: 'bottom', type: 'signal', x: 14.25, y: 21.375 },\r\n { id: 'left', type: 'signal', x: 7.125, y: 14.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.25) translate(28.5, 28.5)\">\r\n <!-- Circle background -->\r\n <ellipse \r\n cx=\"28.5\" \r\n cy=\"28.5\" \r\n rx=\"28.5\" \r\n ry=\"28.5\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #ffffff)\"\r\n />\r\n \r\n <!-- Letter P -->\r\n <text \r\n x=\"28.5\" \r\n y=\"38\" \r\n text-anchor=\"middle\" \r\n font-family=\"'Times New Roman', Georgia, serif\" \r\n font-size=\"34\" \r\n font-weight=\"normal\" \r\n font-style=\"italic\" \r\n fill=\"var(--symbol-stroke, #000000)\"\r\n >P</text>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'PSR P instrument symbol - Pressure indicator',\r\n tags: ['instrument', 'psr', 'pressure', 'indicator'],\r\n },\r\n },\r\n};\r\n\r\n/**\r\n * Custom symbol registry for user-defined symbols\r\n */\r\nconst customSymbols: Record<string, SymbolDefinition> = {};\r\n\r\n/**\r\n * Register a custom symbol definition\r\n * @param symbol - The symbol definition to register\r\n * @example\r\n * registerSymbol({\r\n * id: 'my-custom-valve',\r\n * name: 'My Custom Valve',\r\n * category: 'valve',\r\n * viewBox: { x: 0, y: 0, width: 100, height: 100 },\r\n * ports: [...],\r\n * svgContent: '...',\r\n * });\r\n */\r\nexport function registerSymbol(symbol: SymbolDefinition): void {\r\n customSymbols[symbol.id] = symbol;\r\n}\r\n\r\n/**\r\n * Register multiple custom symbols at once\r\n * @param symbols - Array of symbol definitions or a record of symbols\r\n */\r\nexport function registerSymbols(symbols: SymbolDefinition[] | Record<string, SymbolDefinition>): void {\r\n if (Array.isArray(symbols)) {\r\n symbols.forEach((symbol) => registerSymbol(symbol));\r\n } else {\r\n Object.values(symbols).forEach((symbol) => registerSymbol(symbol));\r\n }\r\n}\r\n\r\n/**\r\n * Get symbol definition by ID (checks both mock library and custom symbols)\r\n */\r\nexport function getSymbolDefinition(symbolId: string): SymbolDefinition | undefined {\r\n return customSymbols[symbolId] ?? mockSymbolLibrary[symbolId];\r\n}\r\n\r\n/**\r\n * Get all available symbol IDs (includes both mock library and custom symbols)\r\n */\r\nexport function getAvailableSymbols(): string[] {\r\n return [...Object.keys(customSymbols), ...Object.keys(mockSymbolLibrary)];\r\n}\r\n","import React from 'react';\r\nimport type { NodeInstance } from '../../diagram/schema';\r\nimport { getSymbolDefinition } from '../../diagram/symbols';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface NodeRendererProps {\r\n /** Array of node instances to render */\r\n nodes: NodeInstance[];\r\n /** IDs of selected nodes */\r\n selectedNodeIds?: Set<string>;\r\n /** Callback when a node is clicked */\r\n onNodeClick?: (nodeId: string, event: React.MouseEvent) => void;\r\n /** Callback when a node is double-clicked */\r\n onNodeDoubleClick?: (nodeId: string, event: React.MouseEvent) => void;\r\n /** Callback when a node drag starts */\r\n onNodeDragStart?: (nodeId: string, event: React.MouseEvent | React.TouchEvent) => void;\r\n /** ID of node being dragged */\r\n draggingNodeId?: string | null;\r\n /** Drag offset for the dragging node */\r\n dragOffset?: { x: number; y: number };\r\n /** Whether dragging is enabled (default: false) */\r\n enableDrag?: boolean;\r\n /** Custom status-to-color map (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\n/**\r\n * NodeRenderer - Renders symbol instances with transforms and selection support\r\n *\r\n * Applies translate, rotate, and scale transforms to each node\r\n * Supports click selection with visual feedback\r\n */\r\nexport function NodeRenderer({\r\n nodes,\r\n selectedNodeIds,\r\n onNodeClick,\r\n onNodeDoubleClick,\r\n onNodeDragStart,\r\n draggingNodeId,\r\n dragOffset = { x: 0, y: 0 },\r\n enableDrag = false,\r\n statusColorMap,\r\n}: NodeRendererProps): React.ReactElement {\r\n return (\r\n <g id=\"layer-nodes\">\r\n {nodes\r\n .filter((node) => node.visible !== false) // Filter hidden nodes\r\n .map((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n const isSelected = selectedNodeIds?.has(node.id) ?? false;\r\n const isDragging = draggingNodeId === node.id;\r\n\r\n if (!symbol) {\r\n // Symbol not found - render placeholder\r\n return (\r\n <g key={node.id}>\r\n <circle\r\n cx={node.transform.x}\r\n cy={node.transform.y}\r\n r=\"15\"\r\n fill=\"#ff0000\"\r\n opacity=\"0.3\"\r\n stroke=\"#ff0000\"\r\n strokeWidth=\"2\"\r\n />\r\n <text\r\n x={node.transform.x}\r\n y={node.transform.y}\r\n textAnchor=\"middle\"\r\n dominantBaseline=\"middle\"\r\n fontSize=\"10\"\r\n fill=\"#ff0000\"\r\n >\r\n ?\r\n </text>\r\n </g>\r\n );\r\n }\r\n\r\n // Build transform string\r\n const transforms: string[] = [];\r\n\r\n // Apply drag offset if this node is being dragged\r\n const effectiveX = isDragging ? node.transform.x + dragOffset.x : node.transform.x;\r\n const effectiveY = isDragging ? node.transform.y + dragOffset.y : node.transform.y;\r\n\r\n // Translate\r\n transforms.push(`translate(${effectiveX}, ${effectiveY})`);\r\n\r\n // Rotate (around center of symbol)\r\n if (node.transform.rotation) {\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(`rotate(${node.transform.rotation}, ${centerX}, ${centerY})`);\r\n }\r\n\r\n // Scale\r\n if (node.transform.scale && node.transform.scale !== 1) {\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(\r\n `translate(${centerX}, ${centerY}) scale(${node.transform.scale}) translate(${-centerX}, ${-centerY})`\r\n );\r\n }\r\n\r\n // Flip\r\n if (node.transform.flipX || node.transform.flipY) {\r\n const scaleX = node.transform.flipX ? -1 : 1;\r\n const scaleY = node.transform.flipY ? -1 : 1;\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(\r\n `translate(${centerX}, ${centerY}) scale(${scaleX}, ${scaleY}) translate(${-centerX}, ${-centerY})`\r\n );\r\n }\r\n\r\n // Determine colors: customColors (explicit) > statusColorMap > ISA-101 defaults\r\n const statusEntry = resolveStatusColor(node.status, statusColorMap);\r\n const fillColor = node.customColors?.fill ?? statusEntry.fill;\r\n const strokeColor = node.customColors?.stroke ?? statusEntry.stroke;\r\n\r\n return (\r\n <g\r\n key={node.id}\r\n data-node-id={node.id}\r\n data-symbol-id={node.symbolId}\r\n data-selected={isSelected}\r\n data-dragging={isDragging}\r\n transform={transforms.join(' ')}\r\n style={\r\n {\r\n '--symbol-fill': fillColor,\r\n '--symbol-stroke': strokeColor,\r\n cursor: enableDrag\r\n ? isDragging\r\n ? 'grabbing'\r\n : 'grab'\r\n : onNodeClick\r\n ? 'pointer'\r\n : 'default',\r\n } as React.CSSProperties\r\n }\r\n onClick={(e) => {\r\n // Always fire onClick - drag system will handle whether to drag\r\n e.stopPropagation();\r\n onNodeClick?.(node.id, e);\r\n }}\r\n onDoubleClick={(e) => {\r\n e.stopPropagation();\r\n onNodeDoubleClick?.(node.id, e);\r\n }}\r\n onMouseDown={(e) => {\r\n if (enableDrag) {\r\n // Don't stop propagation - let click still fire\r\n onNodeDragStart?.(node.id, e);\r\n }\r\n }}\r\n onTouchStart={(e) => {\r\n if (enableDrag) {\r\n e.stopPropagation();\r\n onNodeDragStart?.(node.id, e);\r\n }\r\n }}\r\n >\r\n {/* Selection indicator - bounding box */}\r\n {isSelected && (\r\n <rect\r\n x=\"-5\"\r\n y=\"-5\"\r\n width={symbol.viewBox.width + 10}\r\n height={symbol.viewBox.height + 10}\r\n fill=\"none\"\r\n stroke={isDragging ? '#10b981' : '#3b82f6'}\r\n strokeWidth={isDragging ? '3' : '2'}\r\n strokeDasharray=\"4 2\"\r\n rx=\"2\"\r\n pointerEvents=\"none\"\r\n />\r\n )}\r\n\r\n {/* Render symbol inline (future: use <use> with <defs>) */}\r\n <g\r\n dangerouslySetInnerHTML={{ __html: symbol.svgContent }}\r\n data-symbol-content={symbol.id}\r\n style={{ pointerEvents: 'auto' }}\r\n />\r\n\r\n {/* Node label */}\r\n <text\r\n x={symbol.viewBox.width / 2 + (node.labelOffset?.x ?? 0)}\r\n y={symbol.viewBox.height + 12 + (node.labelOffset?.y ?? 0)}\r\n textAnchor=\"middle\"\r\n fontSize={node.labelFontSize ?? 10}\r\n fontWeight=\"600\"\r\n fill={isSelected ? '#3b82f6' : '#1f2937'}\r\n transform={\r\n node.transform.rotation\r\n ? `rotate(${-node.transform.rotation}, ${symbol.viewBox.width / 2 + (node.labelOffset?.x ?? 0)}, ${symbol.viewBox.height + 12 + (node.labelOffset?.y ?? 0)})`\r\n : undefined\r\n }\r\n >\r\n {node.label || node.id}\r\n </text>\r\n </g>\r\n );\r\n })}\r\n </g>\r\n );\r\n}\r\n","import React from 'react';\r\nimport type { PipeEdge, PipeStyle } from '../../diagram/schema';\r\n\r\nexport interface PipeRendererProps {\r\n /** Array of pipe edges to render */\r\n pipes: PipeEdge[];\r\n /** IDs of selected pipes */\r\n selectedPipeIds?: Set<string>;\r\n /** Callback when a pipe is clicked */\r\n onPipeClick?: (pipeId: string, event: React.MouseEvent) => void;\r\n /** Enable waypoint editing mode */\r\n enableWaypointEditing?: boolean;\r\n /** Callback when waypoint drag starts */\r\n onWaypointDragStart?: (\r\n pipeId: string,\r\n pointIndex: number,\r\n event: React.MouseEvent | React.TouchEvent\r\n ) => void;\r\n /** Callback when waypoint is clicked (for selection) */\r\n onWaypointClick?: (pipeId: string, pointIndex: number) => void;\r\n /** Selected waypoint pipe ID */\r\n selectedWaypointPipeId?: string | null;\r\n /** Selected waypoint point index */\r\n selectedWaypointIndex?: number | null;\r\n /** ID of pipe being edited */\r\n editingPipeId?: string | null;\r\n /** Index of waypoint being dragged */\r\n draggingWaypointIndex?: number | null;\r\n /** Offset for dragged waypoint */\r\n waypointDragOffset?: { x: number; y: number };\r\n /** Callback when pipe segment is clicked (to add waypoint) */\r\n onPipeSegmentClick?: (\r\n pipeId: string,\r\n position: { x: number; y: number },\r\n segmentIndex: number\r\n ) => void;\r\n}\r\n\r\n/**\r\n * PipeRenderer - Renders pipe connections between nodes with selection support\r\n *\r\n * Uses SVG polyline elements to render pipes with route points\r\n * Supports click selection with visual feedback\r\n */\r\nexport function PipeRenderer({\r\n pipes,\r\n selectedPipeIds,\r\n onPipeClick,\r\n enableWaypointEditing = false,\r\n onWaypointDragStart,\r\n onWaypointClick,\r\n selectedWaypointPipeId,\r\n selectedWaypointIndex,\r\n editingPipeId,\r\n draggingWaypointIndex,\r\n waypointDragOffset,\r\n onPipeSegmentClick,\r\n}: PipeRendererProps): React.ReactElement {\r\n return (\r\n <g id=\"layer-pipes\">\r\n {pipes\r\n .filter((pipe) => pipe.visible !== false) // Filter hidden pipes\r\n .map((pipe) => {\r\n const isSelected = selectedPipeIds?.has(pipe.id) ?? false;\r\n const isEditing = enableWaypointEditing && editingPipeId === pipe.id;\r\n const showEditingControls = enableWaypointEditing && isSelected;\r\n\r\n // Apply waypoint drag offset if dragging\r\n const displayPoints = pipe.routePoints.map((point, idx) => {\r\n if (isEditing && draggingWaypointIndex === idx && waypointDragOffset) {\r\n return {\r\n x: point.x + waypointDragOffset.x,\r\n y: point.y + waypointDragOffset.y,\r\n };\r\n }\r\n return point;\r\n });\r\n\r\n // Convert route points to polyline points string\r\n const pointsString = displayPoints.map((point) => `${point.x},${point.y}`).join(' ');\r\n\r\n // Apply pipe style with defaults\r\n const pipeStyle: Partial<PipeStyle> = pipe.style || {};\r\n const stroke = isSelected ? '#3b82f6' : pipeStyle.stroke || '#94a1b8';\r\n const strokeWidth = isSelected\r\n ? (pipeStyle.strokeWidth || 3) + 2\r\n : pipeStyle.strokeWidth || 3;\r\n const strokeDasharray = pipeStyle.strokeDasharray;\r\n const opacity = pipeStyle.opacity !== undefined ? pipeStyle.opacity : 1;\r\n\r\n return (\r\n <g\r\n key={pipe.id}\r\n data-pipe-id={pipe.id}\r\n data-selected={isSelected}\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n onPipeClick?.(pipe.id, e);\r\n }}\r\n style={{\r\n cursor: onPipeClick ? 'pointer' : 'default',\r\n }}\r\n >\r\n {/* Only render pipe lines when NOT in waypoint-only mode */}\r\n {!enableWaypointEditing && (\r\n <>\r\n {/* Selection indicator - wider transparent clickable area */}\r\n {onPipeClick && (\r\n <polyline\r\n points={pointsString}\r\n fill=\"none\"\r\n stroke=\"transparent\"\r\n strokeWidth={strokeWidth + 8}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n pointerEvents=\"stroke\"\r\n />\r\n )}\r\n\r\n {/* Main pipe line */}\r\n <polyline\r\n points={pointsString}\r\n fill=\"none\"\r\n stroke={stroke}\r\n strokeWidth={strokeWidth}\r\n strokeDasharray={strokeDasharray}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n opacity={opacity}\r\n data-from={pipe.fromNodeId}\r\n data-to={pipe.toNodeId}\r\n pointerEvents={onPipeClick ? 'none' : 'auto'}\r\n />\r\n </>\r\n )}\r\n\r\n {/* Connection points indicators */}\r\n {displayPoints.map((point, idx) => {\r\n // Show all waypoints including endpoints\r\n const isEndpoint = idx === 0 || idx === displayPoints.length - 1;\r\n const isSelectedWaypoint =\r\n selectedWaypointPipeId === pipe.id && selectedWaypointIndex === idx;\r\n\r\n const isDragging = isEditing && draggingWaypointIndex === idx;\r\n const waypointSize = isSelectedWaypoint\r\n ? 8\r\n : isDragging\r\n ? 8\r\n : showEditingControls\r\n ? 6\r\n : isSelected\r\n ? 3\r\n : 2;\r\n const waypointOpacity = isSelectedWaypoint\r\n ? 1\r\n : isDragging\r\n ? 1\r\n : showEditingControls\r\n ? 0.9\r\n : isSelected\r\n ? 0.8\r\n : 0.5;\r\n\r\n // Color priority: selected > dragging > endpoint > default\r\n const waypointColor = isSelectedWaypoint\r\n ? '#3b82f6' // Blue for selected\r\n : isEndpoint && showEditingControls\r\n ? '#f59e0b' // Amber for endpoints\r\n : isDragging\r\n ? '#10b981' // Green for dragging\r\n : stroke; // Default pipe color\r\n\r\n return (\r\n <circle\r\n key={`${pipe.id}-point-${idx}`}\r\n cx={point.x}\r\n cy={point.y}\r\n r={waypointSize}\r\n fill={waypointColor}\r\n stroke={showEditingControls ? '#ffffff' : 'none'}\r\n strokeWidth={showEditingControls ? 2 : 0}\r\n opacity={waypointOpacity}\r\n className=\"pipe-route-point\"\r\n style={{\r\n cursor: showEditingControls ? (isDragging ? 'grabbing' : 'grab') : 'default',\r\n }}\r\n pointerEvents={showEditingControls ? 'all' : 'none'}\r\n onClick={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointClick?.(pipe.id, idx);\r\n }\r\n }}\r\n onMouseDown={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointDragStart?.(pipe.id, idx, e);\r\n }\r\n }}\r\n onTouchStart={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointDragStart?.(pipe.id, idx, e);\r\n }\r\n }}\r\n />\r\n );\r\n })}\r\n\r\n {/* Pipe segment click areas (for adding waypoints) */}\r\n {showEditingControls && onPipeSegmentClick && displayPoints.length >= 2 && (\r\n <>\r\n {displayPoints.slice(0, -1).map((point, idx) => {\r\n const nextPoint = displayPoints[idx + 1];\r\n const midX = (point.x + nextPoint.x) / 2;\r\n const midY = (point.y + nextPoint.y) / 2;\r\n\r\n return (\r\n <g key={`${pipe.id}-segment-${idx}`}>\r\n {/* Larger clickable area */}\r\n <circle\r\n cx={midX}\r\n cy={midY}\r\n r={8}\r\n fill=\"transparent\"\r\n className=\"pipe-segment-add-area\"\r\n style={{ cursor: 'crosshair' }}\r\n pointerEvents=\"all\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n onPipeSegmentClick?.(pipe.id, { x: midX, y: midY }, idx);\r\n }}\r\n />\r\n {/* Visible indicator */}\r\n <circle\r\n cx={midX}\r\n cy={midY}\r\n r={4}\r\n fill=\"#3b82f6\"\r\n stroke=\"#ffffff\"\r\n strokeWidth={2}\r\n opacity={0.6}\r\n className=\"pipe-segment-add\"\r\n pointerEvents=\"none\"\r\n />\r\n </g>\r\n );\r\n })}\r\n </>\r\n )}\r\n\r\n {/* Pipe label (optional) */}\r\n {pipe.showLabel !== false && pipe.label && pipe.routePoints.length >= 2 && (\r\n <text\r\n x={\r\n pipe.routePoints[Math.floor(pipe.routePoints.length / 2)].x +\r\n (pipe.labelOffset?.x ?? 0)\r\n }\r\n y={\r\n pipe.routePoints[Math.floor(pipe.routePoints.length / 2)].y -\r\n 8 +\r\n (pipe.labelOffset?.y ?? 0)\r\n }\r\n textAnchor=\"middle\"\r\n fontSize=\"10\"\r\n fontWeight={isSelected ? '600' : '500'}\r\n fill={stroke}\r\n opacity={opacity * 0.8}\r\n pointerEvents=\"none\"\r\n >\r\n {pipe.label}\r\n </text>\r\n )}\r\n </g>\r\n );\r\n })}\r\n </g>\r\n );\r\n}\r\n","import React from 'react';\r\nimport type { TelemetryBinding } from '../../diagram/schema/TelemetryBinding';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface DataOverlayProps {\r\n /** Node ID this overlay is for */\r\n nodeId: string;\r\n /** X position in SVG coordinates */\r\n x: number;\r\n /** Y position in SVG coordinates */\r\n y: number;\r\n /** Telemetry binding data */\r\n telemetry: TelemetryBinding;\r\n /** Scale factor for display size (default: 1.0) */\r\n scale?: number;\r\n /** Custom status-to-color map (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\n/**\r\n * DataOverlay - Renders live telemetry values above P&ID nodes\r\n *\r\n * Shows:\r\n * - Current value with unit\r\n * - Status-based color coding\r\n * - Optional label\r\n */\r\nexport function DataOverlay({\r\n nodeId,\r\n x,\r\n y,\r\n telemetry,\r\n scale = 1.0,\r\n statusColorMap,\r\n}: DataOverlayProps): React.ReactElement {\r\n const { value, display, history, scaling } = telemetry;\r\n const showValue = display?.showValue ?? true;\r\n const showStatus = display?.showStatus ?? true;\r\n const showSparkline = display?.showSparkline ?? false;\r\n const label = display?.label;\r\n // Scaling metadata (#1663) is the authoritative source when present:\r\n // decimals -> precision, units -> unit label, eu range -> sparkline axis.\r\n // Falls back to the static display.precision / value.unit when absent.\r\n const precision = scaling?.decimals ?? display?.precision;\r\n const unit = scaling?.units ?? value.unit;\r\n const sparklineColor = display?.sparklineColor;\r\n const textColor = display?.textColor;\r\n const backgroundColor = display?.backgroundColor;\r\n const offsetX = display?.offsetX ?? 0;\r\n const offsetY = display?.offsetY ?? 0;\r\n\r\n if (!showValue) {\r\n return <></>;\r\n }\r\n\r\n // Format value based on type and precision\r\n const formatValue = (val: number | string | boolean): string => {\r\n if (typeof val === 'number') {\r\n return precision !== undefined ? val.toFixed(precision) : val.toString();\r\n }\r\n if (typeof val === 'boolean') {\r\n return val ? 'ON' : 'OFF';\r\n }\r\n return val.toString();\r\n };\r\n\r\n // Resolve status colors: per-binding override > statusColorMap > ISA-101 defaults\r\n const resolvedEntry = resolveStatusColor(value.status, statusColorMap);\r\n const customColor = telemetry.statusColors?.[value.status];\r\n const statusColors = customColor\r\n ? { bg: customColor, text: '#ffffff', border: customColor }\r\n : { bg: resolvedEntry.bg, text: resolvedEntry.text, border: resolvedEntry.border };\r\n\r\n // Apply explicit backgroundColor override if provided (and not 'status')\r\n const colors =\r\n backgroundColor && backgroundColor !== 'status'\r\n ? { bg: backgroundColor, text: textColor || '#ffffff', border: backgroundColor }\r\n : statusColors;\r\n\r\n // Override text color if explicitly set\r\n const finalTextColor = textColor || colors.text;\r\n\r\n const formattedValue = formatValue(value.value);\r\n const displayText = unit ? `${formattedValue} ${unit}` : formattedValue;\r\n\r\n // Calculate sparkline path if history is provided\r\n const sparklinePath = (() => {\r\n if (!showSparkline || !history || history.length < 2) return '';\r\n\r\n const width = 70 * scale;\r\n const height = 20 * scale;\r\n const padding = 5 * scale;\r\n const effectiveWidth = width - padding * 2;\r\n const effectiveHeight = height - padding * 2;\r\n\r\n // Plot against the EU range when scaling metadata provides one (a fixed,\r\n // meaningful trend axis), else fall back to the history min/max (#1663).\r\n const hasEuRange =\r\n scaling?.euLow !== undefined &&\r\n scaling?.euHigh !== undefined &&\r\n scaling.euHigh !== scaling.euLow;\r\n const min = hasEuRange ? (scaling.euLow as number) : Math.min(...history);\r\n const max = hasEuRange ? (scaling.euHigh as number) : Math.max(...history);\r\n const range = max - min || 1; // Avoid division by zero\r\n\r\n const points = history.map((val, i) => {\r\n const xPos = (i / (history.length - 1)) * effectiveWidth + padding;\r\n const yPos = height - padding - ((val - min) / range) * effectiveHeight;\r\n return `${xPos.toFixed(2)},${yPos.toFixed(2)}`;\r\n });\r\n\r\n return `M ${points.join(' L ')}`;\r\n })();\r\n\r\n const hasSparkline = showSparkline && sparklinePath;\r\n const overlayHeight = (label ? (hasSparkline ? 55 : 30) : hasSparkline ? 47 : 22) * scale;\r\n const overlayWidth = 80 * scale;\r\n\r\n // Apply position offsets\r\n const displayX = x + offsetX;\r\n const displayY = y + offsetY;\r\n\r\n return (\r\n <g data-overlay-node={nodeId} data-status={value.status}>\r\n {/* Background rect */}\r\n <rect\r\n x={displayX - overlayWidth / 2}\r\n y={displayY - 25 * scale}\r\n width={overlayWidth}\r\n height={overlayHeight}\r\n rx={4 * scale}\r\n fill={colors.bg}\r\n stroke={colors.border}\r\n strokeWidth={1 * scale}\r\n opacity=\"0.95\"\r\n filter=\"drop-shadow(0 2px 4px rgba(0,0,0,0.2))\"\r\n />\r\n\r\n {/* Label (optional) */}\r\n {label && (\r\n <text\r\n x={displayX}\r\n y={displayY - 15 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={8 * scale}\r\n fontWeight=\"600\"\r\n fill={finalTextColor}\r\n opacity=\"0.9\"\r\n >\r\n {label}\r\n </text>\r\n )}\r\n\r\n {/* Value text */}\r\n <text\r\n x={displayX}\r\n y={label ? displayY - 3 * scale : displayY - 9 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={11 * scale}\r\n fontWeight=\"700\"\r\n fill={finalTextColor}\r\n letterSpacing=\"0.02em\"\r\n >\r\n {displayText}\r\n </text>\r\n\r\n {/* Status indicator dot (optional) */}\r\n {showStatus && value.status !== 'normal' && (\r\n <circle\r\n cx={displayX + 35 * scale}\r\n cy={displayY - 18 * scale}\r\n r={3 * scale}\r\n fill={finalTextColor}\r\n opacity=\"0.9\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.9;0.3;0.9\"\r\n dur=\"1.5s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </circle>\r\n )}\r\n\r\n {/* Quality indicator (if provided and < 100) */}\r\n {value.quality !== undefined && value.quality < 100 && (\r\n <text\r\n x={displayX}\r\n y={displayY + 5 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={7 * scale}\r\n fontWeight=\"500\"\r\n fill={finalTextColor}\r\n opacity=\"0.7\"\r\n >\r\n Q: {value.quality}%\r\n </text>\r\n )}\r\n\r\n {/* Sparkline trend (if history provided) */}\r\n {hasSparkline && (\r\n <g transform={`translate(${displayX - 35 * scale}, ${displayY + (label ? 5 : 0) * scale})`}>\r\n <path\r\n d={sparklinePath}\r\n fill=\"none\"\r\n stroke={sparklineColor || finalTextColor}\r\n strokeWidth={1.5 * scale}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n opacity=\"0.9\"\r\n />\r\n </g>\r\n )}\r\n </g>\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport type { NodeInstance, Point } from '../../diagram/schema';\r\n\r\nexport interface PositionPanelProps {\r\n /** The selected node to display/edit position for */\r\n selectedNode?: NodeInstance | null;\r\n /** The selected waypoint to display/edit position for */\r\n selectedWaypoint?: { pipeId: string; pointIndex: number; position: Point } | null;\r\n /** Callback when node position is changed */\r\n onPositionChange?: (nodeId: string, x: number, y: number) => void;\r\n /** Callback when waypoint position is changed */\r\n onWaypointPositionChange?: (pipeId: string, pointIndex: number, x: number, y: number) => void;\r\n /** Position of the panel (default: top-right) */\r\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\r\n}\r\n\r\n/**\r\n * PositionPanel - Displays and allows editing of selected node or waypoint position\r\n */\r\nexport function PositionPanel({\r\n selectedNode,\r\n selectedWaypoint,\r\n onPositionChange,\r\n onWaypointPositionChange,\r\n position = 'top-right',\r\n}: PositionPanelProps): React.ReactElement | null {\r\n const [x, setX] = useState<string>('');\r\n const [y, setY] = useState<string>('');\r\n\r\n // Update inputs when selected node or waypoint changes\r\n useEffect(() => {\r\n if (selectedNode) {\r\n setX(selectedNode.transform.x.toFixed(2));\r\n setY(selectedNode.transform.y.toFixed(2));\r\n } else if (selectedWaypoint) {\r\n setX(selectedWaypoint.position.x.toFixed(2));\r\n setY(selectedWaypoint.position.y.toFixed(2));\r\n }\r\n }, [selectedNode, selectedWaypoint]);\r\n\r\n if (!selectedNode && !selectedWaypoint) {\r\n return null;\r\n }\r\n\r\n const handleXChange = (value: string) => {\r\n setX(value);\r\n const numValue = parseFloat(value);\r\n if (!isNaN(numValue)) {\r\n if (selectedNode && onPositionChange) {\r\n onPositionChange(selectedNode.id, numValue, selectedNode.transform.y);\r\n } else if (selectedWaypoint && onWaypointPositionChange) {\r\n onWaypointPositionChange(\r\n selectedWaypoint.pipeId,\r\n selectedWaypoint.pointIndex,\r\n numValue,\r\n selectedWaypoint.position.y\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleYChange = (value: string) => {\r\n setY(value);\r\n const numValue = parseFloat(value);\r\n if (!isNaN(numValue)) {\r\n if (selectedNode && onPositionChange) {\r\n onPositionChange(selectedNode.id, selectedNode.transform.x, numValue);\r\n } else if (selectedWaypoint && onWaypointPositionChange) {\r\n onWaypointPositionChange(\r\n selectedWaypoint.pipeId,\r\n selectedWaypoint.pointIndex,\r\n selectedWaypoint.position.x,\r\n numValue\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleBlur = () => {\r\n // Reset to actual position on blur (handles invalid input)\r\n if (selectedNode) {\r\n setX(selectedNode.transform.x.toFixed(2));\r\n setY(selectedNode.transform.y.toFixed(2));\r\n } else if (selectedWaypoint) {\r\n setX(selectedWaypoint.position.x.toFixed(2));\r\n setY(selectedWaypoint.position.y.toFixed(2));\r\n }\r\n };\r\n\r\n const positionStyles: Record<string, React.CSSProperties> = {\r\n 'top-left': { top: 10, left: 10 },\r\n 'top-right': { top: 10, right: 10 },\r\n 'bottom-left': { bottom: 10, left: 10 },\r\n 'bottom-right': { bottom: 10, right: 10 },\r\n };\r\n\r\n return (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n ...positionStyles[position],\r\n backgroundColor: 'white',\r\n border: '1px solid #ccc',\r\n borderRadius: '4px',\r\n padding: '12px',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\r\n zIndex: 1000,\r\n minWidth: '180px',\r\n fontFamily: 'system-ui, -apple-system, sans-serif',\r\n fontSize: '13px',\r\n }}\r\n >\r\n <div style={{ marginBottom: '8px', fontWeight: 600, color: '#333' }}>Position</div>\r\n <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\r\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\r\n <label style={{ width: '16px', color: '#666' }}>X:</label>\r\n <input\r\n type=\"number\"\r\n value={x}\r\n onChange={(e) => handleXChange(e.target.value)}\r\n onBlur={handleBlur}\r\n style={{\r\n flex: 1,\r\n padding: '4px 8px',\r\n border: '1px solid #ddd',\r\n borderRadius: '3px',\r\n fontSize: '13px',\r\n }}\r\n step=\"1\"\r\n />\r\n </div>\r\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\r\n <label style={{ width: '16px', color: '#666' }}>Y:</label>\r\n <input\r\n type=\"number\"\r\n value={y}\r\n onChange={(e) => handleYChange(e.target.value)}\r\n onBlur={handleBlur}\r\n style={{\r\n flex: 1,\r\n padding: '4px 8px',\r\n border: '1px solid #ddd',\r\n borderRadius: '3px',\r\n fontSize: '13px',\r\n }}\r\n step=\"1\"\r\n />\r\n </div>\r\n </div>\r\n <div style={{ marginTop: '8px', fontSize: '11px', color: '#888' }}>\r\n Use arrow keys to nudge (±1px)\r\n </div>\r\n </div>\r\n );\r\n}\r\n","import { useState, useCallback, useRef, useEffect } from 'react';\r\nimport type { ViewBox } from '../schema';\r\n\r\nexport interface UseViewBoxOptions {\r\n /** Initial viewBox configuration */\r\n initialViewBox: ViewBox;\r\n /** Enable pan interaction (default: true) */\r\n enablePan?: boolean;\r\n /** Enable zoom interaction (default: true) */\r\n enableZoom?: boolean;\r\n /** Minimum zoom level (smaller = more zoomed in, default: 0.1) */\r\n minZoom?: number;\r\n /** Maximum zoom level (larger = more zoomed out, default: 10) */\r\n maxZoom?: number;\r\n /** Zoom sensitivity (default: 0.001) */\r\n zoomSensitivity?: number;\r\n /** Allow left-click drag for panning (default: true for touch-friendly) */\r\n allowLeftClickPan?: boolean;\r\n}\r\n\r\nexport interface UseViewBoxResult {\r\n /** Current viewBox state */\r\n viewBox: ViewBox;\r\n /** Reset viewBox to initial state */\r\n resetViewBox: () => void;\r\n /** Zoom in (decrease viewBox size) */\r\n zoomIn: () => void;\r\n /** Zoom out (increase viewBox size) */\r\n zoomOut: () => void;\r\n /** Fit viewBox to content bounds with optional padding */\r\n fitToContent: (bounds: { minX: number; minY: number; maxX: number; maxY: number }, padding?: number) => void;\r\n /** Set viewBox directly */\r\n setViewBox: (viewBox: ViewBox) => void;\r\n /** Convert screen coordinates to world (SVG) coordinates */\r\n screenToWorld: (screenX: number, screenY: number) => { x: number; y: number };\r\n /** SVG element ref to attach event listeners */\r\n svgRef: React.RefObject<SVGSVGElement | null>;\r\n}\r\n\r\n/**\r\n * Custom hook for managing ViewBox state with pan and zoom interactions\r\n * \r\n * Pan controls:\r\n * - Left mouse button + drag (if allowLeftClickPan=true, default)\r\n * - Middle mouse button + drag (always)\r\n * - Space + left mouse button + drag (always)\r\n * - Touch drag (single finger)\r\n * \r\n * Zoom controls:\r\n * - Mouse wheel (zoom to cursor position)\r\n * - Pinch gesture (touch devices)\r\n * - Programmatic zoomIn/zoomOut functions\r\n */\r\nexport function useViewBox(options: UseViewBoxOptions): UseViewBoxResult {\r\n const {\r\n initialViewBox,\r\n enablePan = true,\r\n enableZoom = true,\r\n minZoom = 0.1,\r\n maxZoom = 10,\r\n zoomSensitivity = 0.001,\r\n allowLeftClickPan = true,\r\n } = options;\r\n\r\n const [viewBox, setViewBox] = useState<ViewBox>(initialViewBox);\r\n const svgRef = useRef<SVGSVGElement | null>(null);\r\n const isPanningRef = useRef(false);\r\n const lastMousePosRef = useRef({ x: 0, y: 0 });\r\n const spaceKeyDownRef = useRef(false);\r\n const lastTouchDistanceRef = useRef<number | null>(null);\r\n\r\n // Reset to initial viewBox\r\n const resetViewBox = useCallback(() => {\r\n setViewBox(initialViewBox);\r\n }, [initialViewBox]);\r\n\r\n // Zoom in (25% closer)\r\n const zoomIn = useCallback(() => {\r\n setViewBox((prev) => {\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = Math.min(1 / minZoom, currentZoom * 1.25);\r\n const scale = initialViewBox.width / newZoom;\r\n \r\n const centerX = prev.x + prev.width / 2;\r\n const centerY = prev.y + prev.height / 2;\r\n const newWidth = scale;\r\n const newHeight = (prev.height / prev.width) * scale;\r\n\r\n return {\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }, [initialViewBox, minZoom]);\r\n\r\n // Zoom out (25% farther)\r\n const zoomOut = useCallback(() => {\r\n setViewBox((prev) => {\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = Math.max(1 / maxZoom, currentZoom * 0.8);\r\n const scale = initialViewBox.width / newZoom;\r\n \r\n const centerX = prev.x + prev.width / 2;\r\n const centerY = prev.y + prev.height / 2;\r\n const newWidth = scale;\r\n const newHeight = (prev.height / prev.width) * scale;\r\n\r\n return {\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }, [initialViewBox, maxZoom]);\r\n\r\n // Fit to content bounds\r\n const fitToContent = useCallback((bounds: { minX: number; minY: number; maxX: number; maxY: number }, padding: number = 50) => {\r\n const contentWidth = bounds.maxX - bounds.minX;\r\n const contentHeight = bounds.maxY - bounds.minY;\r\n \r\n if (contentWidth === 0 || contentHeight === 0) {\r\n // No content or invalid bounds\r\n return;\r\n }\r\n\r\n // Add padding\r\n const paddedWidth = contentWidth + padding * 2;\r\n const paddedHeight = contentHeight + padding * 2;\r\n \r\n // Maintain aspect ratio of initial viewBox\r\n const aspectRatio = initialViewBox.width / initialViewBox.height;\r\n const contentAspectRatio = paddedWidth / paddedHeight;\r\n \r\n let newWidth: number;\r\n let newHeight: number;\r\n \r\n if (contentAspectRatio > aspectRatio) {\r\n // Content is wider - fit to width\r\n newWidth = paddedWidth;\r\n newHeight = paddedWidth / aspectRatio;\r\n } else {\r\n // Content is taller - fit to height\r\n newHeight = paddedHeight;\r\n newWidth = paddedHeight * aspectRatio;\r\n }\r\n \r\n const centerX = bounds.minX + contentWidth / 2;\r\n const centerY = bounds.minY + contentHeight / 2;\r\n \r\n setViewBox({\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n });\r\n }, [initialViewBox]);\r\n\r\n // Handle mouse wheel zoom\r\n useEffect(() => {\r\n if (!enableZoom || !svgRef.current) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n e.preventDefault();\r\n\r\n // Get mouse position in SVG coordinate space\r\n const rect = svg.getBoundingClientRect();\r\n const mouseX = e.clientX - rect.left;\r\n const mouseY = e.clientY - rect.top;\r\n\r\n setViewBox((prev) => {\r\n // Convert mouse position to viewBox coordinates\r\n const svgX = prev.x + (mouseX / rect.width) * prev.width;\r\n const svgY = prev.y + (mouseY / rect.height) * prev.height;\r\n\r\n // Calculate zoom factor\r\n const delta = -e.deltaY * zoomSensitivity;\r\n const zoom = Math.exp(delta);\r\n\r\n // Calculate new viewBox dimensions\r\n let newWidth = prev.width / zoom;\r\n let newHeight = prev.height / zoom;\r\n\r\n // Clamp zoom level\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = currentZoom * zoom;\r\n if (newZoom < minZoom || newZoom > 1 / minZoom) {\r\n return prev; // Don't zoom beyond limits\r\n }\r\n\r\n // Adjust viewBox position to zoom towards mouse cursor\r\n const newX = svgX - (mouseX / rect.width) * newWidth;\r\n const newY = svgY - (mouseY / rect.height) * newHeight;\r\n\r\n return {\r\n x: newX,\r\n y: newY,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n };\r\n\r\n svg.addEventListener('wheel', handleWheel, { passive: false });\r\n return () => svg.removeEventListener('wheel', handleWheel);\r\n }, [enableZoom, zoomSensitivity, minZoom, initialViewBox]);\r\n\r\n // Handle panning\r\n useEffect(() => {\r\n if (!enablePan || !svgRef.current) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleMouseDown = (e: MouseEvent) => {\r\n // Check if clicking on a draggable element (node, waypoint, pipe segment)\r\n const target = e.target as Element;\r\n const isDraggableNode = target.closest('[data-node-id]');\r\n const isWaypoint = target.classList.contains('pipe-route-point');\r\n const isPipeSegment = target.classList.contains('pipe-segment-add') || target.classList.contains('pipe-segment-add-area');\r\n \r\n if (isDraggableNode || isWaypoint || isPipeSegment) {\r\n return; // Let drag handler take over\r\n }\r\n\r\n // Left button (if allowed), middle button, or space + left button\r\n const isLeftClick = e.button === 0 && allowLeftClickPan;\r\n const isMiddleClick = e.button === 1;\r\n const isSpaceLeftClick = e.button === 0 && spaceKeyDownRef.current;\r\n \r\n if (isLeftClick || isMiddleClick || isSpaceLeftClick) {\r\n e.preventDefault();\r\n isPanningRef.current = true;\r\n lastMousePosRef.current = { x: e.clientX, y: e.clientY };\r\n svg.style.cursor = 'grabbing';\r\n }\r\n };\r\n\r\n const handleMouseMove = (e: MouseEvent) => {\r\n if (!isPanningRef.current) return;\r\n\r\n const dx = e.clientX - lastMousePosRef.current.x;\r\n const dy = e.clientY - lastMousePosRef.current.y;\r\n lastMousePosRef.current = { x: e.clientX, y: e.clientY };\r\n\r\n setViewBox((prev) => {\r\n const rect = svg.getBoundingClientRect();\r\n const scaleX = prev.width / rect.width;\r\n const scaleY = prev.height / rect.height;\r\n\r\n return {\r\n ...prev,\r\n x: prev.x - dx * scaleX,\r\n y: prev.y - dy * scaleY,\r\n };\r\n });\r\n };\r\n\r\n const handleMouseUp = () => {\r\n if (isPanningRef.current) {\r\n isPanningRef.current = false;\r\n svg.style.cursor = (allowLeftClickPan || spaceKeyDownRef.current) ? 'grab' : '';\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.code === 'Space' && !spaceKeyDownRef.current) {\r\n e.preventDefault();\r\n spaceKeyDownRef.current = true;\r\n if (!isPanningRef.current && !allowLeftClickPan) {\r\n svg.style.cursor = 'grab';\r\n }\r\n }\r\n };\r\n\r\n const handleKeyUp = (e: KeyboardEvent) => {\r\n if (e.code === 'Space') {\r\n spaceKeyDownRef.current = false;\r\n if (!isPanningRef.current && !allowLeftClickPan) {\r\n svg.style.cursor = '';\r\n }\r\n }\r\n };\r\n\r\n // Set initial cursor if left-click pan is enabled\r\n if (allowLeftClickPan && !isPanningRef.current) {\r\n svg.style.cursor = 'grab';\r\n }\r\n\r\n svg.addEventListener('mousedown', handleMouseDown);\r\n window.addEventListener('mousemove', handleMouseMove);\r\n window.addEventListener('mouseup', handleMouseUp);\r\n window.addEventListener('keydown', handleKeyDown);\r\n window.addEventListener('keyup', handleKeyUp);\r\n\r\n return () => {\r\n svg.removeEventListener('mousedown', handleMouseDown);\r\n window.removeEventListener('mousemove', handleMouseMove);\r\n window.removeEventListener('mouseup', handleMouseUp);\r\n window.removeEventListener('keydown', handleKeyDown);\r\n window.removeEventListener('keyup', handleKeyUp);\r\n };\r\n }, [enablePan, allowLeftClickPan]);\r\n\r\n // Handle touch gestures (pan and pinch-to-zoom)\r\n useEffect(() => {\r\n if (!svgRef.current) return;\r\n if (!enablePan && !enableZoom) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleTouchStart = (e: TouchEvent) => {\r\n // Check if touching a draggable element (node, waypoint, pipe segment)\r\n const target = e.target as Element;\r\n const isDraggableNode = target.closest('[data-node-id]');\r\n const isWaypoint = target.classList.contains('pipe-route-point');\r\n const isPipeSegment = target.classList.contains('pipe-segment-add') || target.classList.contains('pipe-segment-add-area');\r\n \r\n if ((isDraggableNode || isWaypoint || isPipeSegment) && e.touches.length === 1) {\r\n return; // Let drag handler take over for single touch\r\n }\r\n\r\n if (e.touches.length === 1 && enablePan) {\r\n // Single touch - pan\r\n isPanningRef.current = true;\r\n lastMousePosRef.current = {\r\n x: e.touches[0].clientX,\r\n y: e.touches[0].clientY,\r\n };\r\n } else if (e.touches.length === 2 && enableZoom) {\r\n // Two touches - prepare for pinch zoom\r\n const touch1 = e.touches[0];\r\n const touch2 = e.touches[1];\r\n const distance = Math.hypot(\r\n touch2.clientX - touch1.clientX,\r\n touch2.clientY - touch1.clientY\r\n );\r\n lastTouchDistanceRef.current = distance;\r\n }\r\n };\r\n\r\n const handleTouchMove = (e: TouchEvent) => {\r\n e.preventDefault();\r\n\r\n if (e.touches.length === 1 && isPanningRef.current && enablePan) {\r\n // Single touch pan\r\n const touch = e.touches[0];\r\n const dx = touch.clientX - lastMousePosRef.current.x;\r\n const dy = touch.clientY - lastMousePosRef.current.y;\r\n lastMousePosRef.current = { x: touch.clientX, y: touch.clientY };\r\n\r\n setViewBox((prev) => {\r\n const rect = svg.getBoundingClientRect();\r\n const scaleX = prev.width / rect.width;\r\n const scaleY = prev.height / rect.height;\r\n\r\n return {\r\n ...prev,\r\n x: prev.x - dx * scaleX,\r\n y: prev.y - dy * scaleY,\r\n };\r\n });\r\n } else if (e.touches.length === 2 && enableZoom && lastTouchDistanceRef.current) {\r\n // Pinch zoom\r\n const touch1 = e.touches[0];\r\n const touch2 = e.touches[1];\r\n const distance = Math.hypot(\r\n touch2.clientX - touch1.clientX,\r\n touch2.clientY - touch1.clientY\r\n );\r\n\r\n const scale = distance / lastTouchDistanceRef.current;\r\n lastTouchDistanceRef.current = distance;\r\n\r\n // Get center point between two touches\r\n const centerX = (touch1.clientX + touch2.clientX) / 2;\r\n const centerY = (touch1.clientY + touch2.clientY) / 2;\r\n const rect = svg.getBoundingClientRect();\r\n\r\n setViewBox((prev) => {\r\n // Convert touch center to viewBox coordinates\r\n const svgX = prev.x + ((centerX - rect.left) / rect.width) * prev.width;\r\n const svgY = prev.y + ((centerY - rect.top) / rect.height) * prev.height;\r\n\r\n // Calculate new dimensions\r\n let newWidth = prev.width / scale;\r\n let newHeight = prev.height / scale;\r\n\r\n // Clamp zoom level\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = currentZoom * scale;\r\n if (newZoom < minZoom || newZoom > 1 / minZoom) {\r\n return prev;\r\n }\r\n\r\n // Adjust position to zoom toward touch center\r\n const newX = svgX - ((centerX - rect.left) / rect.width) * newWidth;\r\n const newY = svgY - ((centerY - rect.top) / rect.height) * newHeight;\r\n\r\n return {\r\n x: newX,\r\n y: newY,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }\r\n };\r\n\r\n const handleTouchEnd = () => {\r\n isPanningRef.current = false;\r\n lastTouchDistanceRef.current = null;\r\n };\r\n\r\n svg.addEventListener('touchstart', handleTouchStart);\r\n svg.addEventListener('touchmove', handleTouchMove, { passive: false });\r\n svg.addEventListener('touchend', handleTouchEnd);\r\n\r\n return () => {\r\n svg.removeEventListener('touchstart', handleTouchStart);\r\n svg.removeEventListener('touchmove', handleTouchMove);\r\n svg.removeEventListener('touchend', handleTouchEnd);\r\n };\r\n }, [enablePan, enableZoom, minZoom, initialViewBox]);\r\n\r\n const screenToWorld = useCallback(\r\n (screenX: number, screenY: number): { x: number; y: number } => {\r\n const svg = svgRef.current;\r\n if (!svg) return { x: screenX, y: screenY };\r\n\r\n const rect = svg.getBoundingClientRect();\r\n \r\n // Account for preserveAspectRatio=\"xMidYMid meet\"\r\n const svgAspect = rect.width / rect.height;\r\n const viewBoxAspect = viewBox.width / viewBox.height;\r\n \r\n let actualWidth = rect.width;\r\n let actualHeight = rect.height;\r\n let offsetX = 0;\r\n let offsetY = 0;\r\n \r\n if (svgAspect > viewBoxAspect) {\r\n // SVG is wider - pillarboxing on sides\r\n actualWidth = rect.height * viewBoxAspect;\r\n offsetX = (rect.width - actualWidth) / 2;\r\n } else {\r\n // SVG is taller - letterboxing on top/bottom\r\n actualHeight = rect.width / viewBoxAspect;\r\n offsetY = (rect.height - actualHeight) / 2;\r\n }\r\n \r\n const relativeX = (screenX - rect.left - offsetX) / actualWidth;\r\n const relativeY = (screenY - rect.top - offsetY) / actualHeight;\r\n\r\n const worldX = viewBox.x + relativeX * viewBox.width;\r\n const worldY = viewBox.y + relativeY * viewBox.height;\r\n\r\n return { x: worldX, y: worldY };\r\n },\r\n [viewBox]\r\n );\r\n\r\n return {\r\n viewBox,\r\n resetViewBox,\r\n zoomIn,\r\n zoomOut,\r\n fitToContent,\r\n setViewBox,\r\n screenToWorld,\r\n svgRef,\r\n };\r\n}\r\n","import { useState, useCallback } from 'react';\r\n\r\nexport interface SelectionState {\r\n /** IDs of selected nodes */\r\n selectedNodeIds: Set<string>;\r\n /** IDs of selected pipes */\r\n selectedPipeIds: Set<string>;\r\n}\r\n\r\nexport interface UseSelectionOptions {\r\n /** Allow multiple selection with Ctrl/Cmd key (default: true) */\r\n multiSelect?: boolean;\r\n /** Initial selection state */\r\n initialSelection?: SelectionState;\r\n /** Callback when selection changes */\r\n onSelectionChange?: (selection: SelectionState) => void;\r\n}\r\n\r\nexport interface UseSelectionResult {\r\n /** Current selection state */\r\n selection: SelectionState;\r\n /** Check if a node is selected */\r\n isNodeSelected: (nodeId: string) => boolean;\r\n /** Check if a pipe is selected */\r\n isPipeSelected: (pipeId: string) => boolean;\r\n /** Select a node */\r\n selectNode: (nodeId: string, multiSelect?: boolean) => void;\r\n /** Select a pipe */\r\n selectPipe: (pipeId: string, multiSelect?: boolean) => void;\r\n /** Clear all selections */\r\n clearSelection: () => void;\r\n /** Select multiple nodes */\r\n selectNodes: (nodeIds: string[]) => void;\r\n /** Select multiple pipes */\r\n selectPipes: (pipeIds: string[]) => void;\r\n}\r\n\r\n/**\r\n * Custom hook for managing selection state in P&ID diagrams\r\n * \r\n * Supports:\r\n * - Single selection (click)\r\n * - Multi-selection (Ctrl+click)\r\n * - Programmatic selection\r\n * - Selection callbacks\r\n */\r\nexport function useSelection(options: UseSelectionOptions = {}): UseSelectionResult {\r\n const {\r\n multiSelect = true,\r\n initialSelection = { selectedNodeIds: new Set(), selectedPipeIds: new Set() },\r\n onSelectionChange,\r\n } = options;\r\n\r\n const [selection, setSelection] = useState<SelectionState>(initialSelection);\r\n\r\n const notifyChange = useCallback(\r\n (newSelection: SelectionState) => {\r\n if (onSelectionChange) {\r\n onSelectionChange(newSelection);\r\n }\r\n },\r\n [onSelectionChange]\r\n );\r\n\r\n const isNodeSelected = useCallback(\r\n (nodeId: string) => selection.selectedNodeIds.has(nodeId),\r\n [selection.selectedNodeIds]\r\n );\r\n\r\n const isPipeSelected = useCallback(\r\n (pipeId: string) => selection.selectedPipeIds.has(pipeId),\r\n [selection.selectedPipeIds]\r\n );\r\n\r\n const selectNode = useCallback(\r\n (nodeId: string, isMultiSelect = false) => {\r\n setSelection((prev) => {\r\n const newNodeIds = new Set<string>(isMultiSelect && multiSelect ? prev.selectedNodeIds : []);\r\n \r\n if (newNodeIds.has(nodeId)) {\r\n // Deselect if already selected in multi-select mode\r\n newNodeIds.delete(nodeId);\r\n } else {\r\n newNodeIds.add(nodeId);\r\n }\r\n\r\n const newSelection: SelectionState = {\r\n selectedNodeIds: newNodeIds,\r\n selectedPipeIds: isMultiSelect && multiSelect ? prev.selectedPipeIds : new Set<string>(),\r\n };\r\n\r\n notifyChange(newSelection);\r\n return newSelection;\r\n });\r\n },\r\n [multiSelect, notifyChange]\r\n );\r\n\r\n const selectPipe = useCallback(\r\n (pipeId: string, isMultiSelect = false) => {\r\n setSelection((prev) => {\r\n const newPipeIds = new Set<string>(isMultiSelect && multiSelect ? prev.selectedPipeIds : []);\r\n \r\n if (newPipeIds.has(pipeId)) {\r\n // Deselect if already selected in multi-select mode\r\n newPipeIds.delete(pipeId);\r\n } else {\r\n newPipeIds.add(pipeId);\r\n }\r\n\r\n const newSelection: SelectionState = {\r\n selectedNodeIds: isMultiSelect && multiSelect ? prev.selectedNodeIds : new Set<string>(),\r\n selectedPipeIds: newPipeIds,\r\n };\r\n\r\n notifyChange(newSelection);\r\n return newSelection;\r\n });\r\n },\r\n [multiSelect, notifyChange]\r\n );\r\n\r\n const clearSelection = useCallback(() => {\r\n const newSelection = {\r\n selectedNodeIds: new Set<string>(),\r\n selectedPipeIds: new Set<string>(),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n }, [notifyChange]);\r\n\r\n const selectNodes = useCallback(\r\n (nodeIds: string[]) => {\r\n const newSelection = {\r\n selectedNodeIds: new Set(nodeIds),\r\n selectedPipeIds: new Set<string>(),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const selectPipes = useCallback(\r\n (pipeIds: string[]) => {\r\n const newSelection = {\r\n selectedNodeIds: new Set<string>(),\r\n selectedPipeIds: new Set(pipeIds),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n return {\r\n selection,\r\n isNodeSelected,\r\n isPipeSelected,\r\n selectNode,\r\n selectPipe,\r\n clearSelection,\r\n selectNodes,\r\n selectPipes,\r\n };\r\n}\r\n","import { useState, useCallback, useEffect, useRef } from 'react';\r\nimport type { TelemetryBinding, TelemetryMap, TelemetryValue } from '../schema/TelemetryBinding';\r\n\r\n// Re-export types for consumer convenience\r\nexport type { TelemetryBinding, TelemetryMap, TelemetryValue };\r\n\r\nexport interface UseTelemetryOptions {\r\n /** Initial telemetry bindings */\r\n initialBindings?: TelemetryBinding[];\r\n /** Callback when telemetry values change */\r\n onTelemetryChange?: (bindings: TelemetryMap) => void;\r\n /** Auto-refresh interval in milliseconds (0 = disabled) */\r\n refreshInterval?: number;\r\n}\r\n\r\nexport interface UseTelemetryResult {\r\n /** Current telemetry bindings map */\r\n telemetry: TelemetryMap;\r\n /** Update a single telemetry value */\r\n updateTelemetry: (nodeId: string, value: TelemetryValue) => void;\r\n /** Update multiple telemetry values at once */\r\n updateTelemetryBatch: (updates: Array<{ nodeId: string; value: TelemetryValue; history?: number[] }>) => void;\r\n /** Get telemetry for a specific node */\r\n getTelemetry: (nodeId: string) => TelemetryBinding | undefined;\r\n /** Clear all telemetry data */\r\n clearTelemetry: () => void;\r\n /** Set telemetry bindings */\r\n setBindings: (bindings: TelemetryBinding[]) => void;\r\n}\r\n\r\n/**\r\n * Custom hook for managing telemetry data bindings\r\n * \r\n * Supports:\r\n * - Real-time value updates\r\n * - Status monitoring (normal, warning, alarm, fault, off)\r\n * - Batch updates for performance\r\n * - Auto-refresh capability\r\n * - Quality indicators\r\n */\r\nexport function useTelemetry(options: UseTelemetryOptions = {}): UseTelemetryResult {\r\n const {\r\n initialBindings = [],\r\n onTelemetryChange,\r\n refreshInterval = 0,\r\n } = options;\r\n\r\n // Initialize telemetry map from bindings\r\n const [telemetry, setTelemetry] = useState<TelemetryMap>(() => {\r\n const map = new Map<string, TelemetryBinding>();\r\n initialBindings.forEach((binding) => {\r\n map.set(binding.nodeId, binding);\r\n });\r\n return map;\r\n });\r\n\r\n const telemetryRef = useRef(telemetry);\r\n telemetryRef.current = telemetry;\r\n\r\n const notifyChange = useCallback(\r\n (newTelemetry: TelemetryMap) => {\r\n if (onTelemetryChange) {\r\n onTelemetryChange(newTelemetry);\r\n }\r\n },\r\n [onTelemetryChange]\r\n );\r\n\r\n const updateTelemetry = useCallback(\r\n (nodeId: string, value: TelemetryValue) => {\r\n setTelemetry((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n // Update existing binding\r\n newMap.set(nodeId, {\r\n ...existing,\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n });\r\n } else {\r\n // Create new binding\r\n newMap.set(nodeId, {\r\n nodeId,\r\n tag: nodeId, // Default tag to nodeId\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n });\r\n }\r\n\r\n notifyChange(newMap);\r\n return newMap;\r\n });\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const updateTelemetryBatch = useCallback(\r\n (updates: Array<{ \r\n nodeId: string; \r\n tag?: string; \r\n value?: TelemetryValue; \r\n history?: number[]; \r\n display?: any; \r\n thresholds?: any; \r\n statusColors?: any;\r\n remove?: boolean \r\n }>) => {\r\n setTelemetry((prev) => {\r\n const newMap = new Map(prev);\r\n let hasChanges = false;\r\n\r\n updates.forEach(({ nodeId, tag, value, history, display, thresholds, statusColors, remove }) => {\r\n if (remove) {\r\n // Remove telemetry binding\r\n if (newMap.has(nodeId)) {\r\n newMap.delete(nodeId);\r\n hasChanges = true;\r\n }\r\n return;\r\n }\r\n\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n ...(tag !== undefined && { tag }),\r\n ...(value !== undefined && {\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n }),\r\n ...(history !== undefined && { history }),\r\n ...(display !== undefined && { display }),\r\n ...(thresholds !== undefined && { thresholds }),\r\n ...(statusColors !== undefined && { statusColors }),\r\n });\r\n hasChanges = true;\r\n } else if (value) {\r\n newMap.set(nodeId, {\r\n nodeId,\r\n tag: tag ?? nodeId,\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n ...(history !== undefined && { history }),\r\n ...(display !== undefined && { display }),\r\n ...(thresholds !== undefined && { thresholds }),\r\n ...(statusColors !== undefined && { statusColors }),\r\n });\r\n hasChanges = true;\r\n }\r\n });\r\n\r\n if (hasChanges) {\r\n notifyChange(newMap);\r\n }\r\n return newMap;\r\n });\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const getTelemetry = useCallback(\r\n (nodeId: string) => telemetryRef.current.get(nodeId),\r\n []\r\n );\r\n\r\n const clearTelemetry = useCallback(() => {\r\n const newMap = new Map<string, TelemetryBinding>();\r\n setTelemetry(newMap);\r\n notifyChange(newMap);\r\n }, [notifyChange]);\r\n\r\n const setBindings = useCallback(\r\n (bindings: TelemetryBinding[]) => {\r\n const newMap = new Map<string, TelemetryBinding>();\r\n bindings.forEach((binding) => {\r\n newMap.set(binding.nodeId, binding);\r\n });\r\n setTelemetry(newMap);\r\n notifyChange(newMap);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n // Auto-refresh functionality\r\n useEffect(() => {\r\n if (refreshInterval <= 0) return;\r\n\r\n const intervalId = setInterval(() => {\r\n // Trigger change notification to allow external refresh logic\r\n notifyChange(telemetryRef.current);\r\n }, refreshInterval);\r\n\r\n return () => clearInterval(intervalId);\r\n }, [refreshInterval, notifyChange]);\r\n\r\n return {\r\n telemetry,\r\n updateTelemetry,\r\n updateTelemetryBatch,\r\n getTelemetry,\r\n clearTelemetry,\r\n setBindings,\r\n };\r\n}\r\n","import { useEffect } from 'react';\r\nimport type { TelemetryMap } from './useTelemetry';\r\nimport type { Diagram } from '../schema';\r\n\r\n/**\r\n * Options for syncing telemetry status to node status\r\n */\r\nexport interface UseTelemetryStatusOptions {\r\n /** Whether status sync is enabled (default: true) */\r\n enabled?: boolean;\r\n /** Custom status mapping function */\r\n mapStatus?: (telemetryStatus: string) => string;\r\n}\r\n\r\n/**\r\n * Hook to sync telemetry status to node instance status for dynamic coloring\r\n * \r\n * Updates node.status based on telemetry status values:\r\n * - 'normal' → 'running'\r\n * - 'warning' → 'warning'\r\n * - 'alarm' / 'fault' → 'alarm'\r\n * - 'off' → 'stopped'\r\n * \r\n * @param telemetry - Telemetry map from useTelemetry\r\n * @param diagram - Current diagram state\r\n * @param setDiagram - Diagram state setter\r\n * @param options - Configuration options\r\n * \r\n * @example\r\n * ```tsx\r\n * const { telemetry } = useTelemetry();\r\n * const [diagram, setDiagram] = useState<Diagram>({...});\r\n * \r\n * useTelemetryStatus(telemetry, diagram, setDiagram, {\r\n * enabled: mode === 'runtime'\r\n * });\r\n * ```\r\n */\r\nexport function useTelemetryStatus(\r\n telemetry: TelemetryMap,\r\n diagram: Diagram,\r\n setDiagram: (diagram: Diagram) => void,\r\n options: UseTelemetryStatusOptions = {}\r\n) {\r\n const { enabled = true, mapStatus } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n // Map telemetry status to node status\r\n const defaultMapStatus = (telemetryStatus: string): string => {\r\n switch (telemetryStatus) {\r\n case 'normal':\r\n return 'running';\r\n case 'warning':\r\n return 'warning';\r\n case 'alarm':\r\n case 'fault':\r\n return 'alarm';\r\n case 'off':\r\n return 'stopped';\r\n default:\r\n return 'stopped';\r\n }\r\n };\r\n\r\n const statusMapper = mapStatus || defaultMapStatus;\r\n\r\n // Check if any node status needs updating\r\n let needsUpdate = false;\r\n const updatedNodes = diagram.nodes.map((node) => {\r\n const binding = telemetry.get(node.id);\r\n if (!binding) return node;\r\n\r\n const newStatus = statusMapper(binding.value.status);\r\n if (node.status !== newStatus) {\r\n needsUpdate = true;\r\n return { ...node, status: newStatus };\r\n }\r\n return node;\r\n });\r\n\r\n if (needsUpdate) {\r\n setDiagram({\r\n ...diagram,\r\n nodes: updatedNodes,\r\n });\r\n }\r\n }, [telemetry, diagram, setDiagram, enabled, mapStatus]);\r\n}\r\n","import { useState, useCallback, useRef, useEffect } from 'react';\r\n\r\nexport interface DragPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport interface DragState {\r\n /** Whether drag is currently active */\r\n isDragging: boolean;\r\n /** Initial position when drag started */\r\n startPosition: DragPoint | null;\r\n /** Current drag offset from start */\r\n offset: DragPoint;\r\n /** ID of the item being dragged */\r\n draggedId: string | null;\r\n}\r\n\r\nexport interface UseDragOptions {\r\n /** Callback when drag starts */\r\n onDragStart?: (id: string, position: DragPoint) => void;\r\n /** Callback during drag movement */\r\n onDragMove?: (id: string, offset: DragPoint, position: DragPoint) => void;\r\n /** Callback when drag ends */\r\n onDragEnd?: (id: string, offset: DragPoint, finalPosition: DragPoint) => void;\r\n /** Snap to grid size (0 = no snap) */\r\n snapToGrid?: number;\r\n /** Minimum drag distance before triggering (prevents accidental drags) */\r\n dragThreshold?: number;\r\n /** Convert screen coordinates to world coordinates */\r\n screenToWorld?: (screenX: number, screenY: number) => DragPoint;\r\n}\r\n\r\nexport interface UseDragResult {\r\n /** Current drag state */\r\n dragState: DragState;\r\n /** Start dragging an item */\r\n startDrag: (id: string, event: React.MouseEvent | React.TouchEvent, itemPosition: DragPoint) => void;\r\n /** Cancel current drag */\r\n cancelDrag: () => void;\r\n /** Check if a specific item is being dragged */\r\n isDraggingItem: (id: string) => boolean;\r\n}\r\n\r\n/**\r\n * Custom hook for drag-and-drop functionality in P&ID diagrams\r\n * \r\n * Supports:\r\n * - Mouse drag\r\n * - Touch drag\r\n * - Snap-to-grid\r\n * - World coordinate conversion (for SVG viewBox)\r\n * - Drag threshold to prevent accidental drags\r\n */\r\nexport function useDrag(options: UseDragOptions = {}): UseDragResult {\r\n const {\r\n onDragStart,\r\n onDragMove,\r\n onDragEnd,\r\n snapToGrid = 0,\r\n dragThreshold = 3,\r\n screenToWorld = (x, y) => ({ x, y }),\r\n } = options;\r\n\r\n const [dragState, setDragState] = useState<DragState>({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n const [isListening, setIsListening] = useState(false);\r\n const dragStartRef = useRef<{ id: string; screenStart: DragPoint; worldStart: DragPoint; itemPosition: DragPoint; clickOffset: DragPoint } | null>(null);\r\n const hasMovedRef = useRef(false);\r\n\r\n const applySnap = useCallback(\r\n (value: number): number => {\r\n if (snapToGrid <= 0) return value;\r\n return Math.round(value / snapToGrid) * snapToGrid;\r\n },\r\n [snapToGrid]\r\n );\r\n\r\n const handleMouseMove = useCallback(\r\n (event: MouseEvent) => {\r\n if (!dragStartRef.current) return;\r\n\r\n const { id, screenStart: _screenStart, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(event.clientX, event.clientY);\r\n\r\n // New position = current cursor - click offset\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n // Check if we've exceeded the drag threshold\r\n const distance = Math.sqrt(rawOffset.x ** 2 + rawOffset.y ** 2);\r\n if (!hasMovedRef.current && distance < dragThreshold) {\r\n return;\r\n }\r\n\r\n if (!hasMovedRef.current) {\r\n hasMovedRef.current = true;\r\n setDragState({\r\n isDragging: true,\r\n startPosition: itemPosition,\r\n offset: { x: 0, y: 0 },\r\n draggedId: id,\r\n });\r\n onDragStart?.(id, itemPosition);\r\n }\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const newPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n setDragState((prev) => ({\r\n ...prev,\r\n offset: snappedOffset,\r\n }));\r\n\r\n onDragMove?.(id, snappedOffset, newPosition);\r\n },\r\n [screenToWorld, dragThreshold, applySnap, onDragStart, onDragMove]\r\n );\r\n\r\n const handleMouseUp = useCallback(\r\n (event: MouseEvent) => {\r\n if (!dragStartRef.current || !hasMovedRef.current) {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n return;\r\n }\r\n\r\n const { id, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(event.clientX, event.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const finalPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n onDragEnd?.(id, snappedOffset, finalPosition);\r\n\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n },\r\n [screenToWorld, applySnap, onDragEnd]\r\n );\r\n\r\n const handleTouchMove = useCallback(\r\n (event: TouchEvent) => {\r\n if (!dragStartRef.current || event.touches.length !== 1) return;\r\n\r\n const touch = event.touches[0];\r\n const { id, screenStart: _screenStart2, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(touch.clientX, touch.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const distance = Math.sqrt(rawOffset.x ** 2 + rawOffset.y ** 2);\r\n if (!hasMovedRef.current && distance < dragThreshold) {\r\n return;\r\n }\r\n\r\n event.preventDefault(); // Prevent scrolling\r\n\r\n if (!hasMovedRef.current) {\r\n hasMovedRef.current = true;\r\n setDragState({\r\n isDragging: true,\r\n startPosition: itemPosition,\r\n offset: { x: 0, y: 0 },\r\n draggedId: id,\r\n });\r\n onDragStart?.(id, itemPosition);\r\n }\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const newPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n setDragState((prev) => ({\r\n ...prev,\r\n offset: snappedOffset,\r\n }));\r\n\r\n onDragMove?.(id, snappedOffset, newPosition);\r\n },\r\n [screenToWorld, dragThreshold, applySnap, onDragStart, onDragMove]\r\n );\r\n\r\n const handleTouchEnd = useCallback(\r\n (event: TouchEvent) => {\r\n if (!dragStartRef.current || !hasMovedRef.current) {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n return;\r\n }\r\n\r\n const { id, itemPosition, clickOffset } = dragStartRef.current;\r\n const touch = event.changedTouches[0];\r\n const currentWorld = screenToWorld(touch.clientX, touch.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const finalPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n onDragEnd?.(id, snappedOffset, finalPosition);\r\n\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n },\r\n [screenToWorld, applySnap, onDragEnd]\r\n );\r\n\r\n useEffect(() => {\r\n // Only attach listeners when actively listening for drag events\r\n if (!isListening) return;\r\n\r\n document.addEventListener('mousemove', handleMouseMove);\r\n document.addEventListener('mouseup', handleMouseUp);\r\n document.addEventListener('touchmove', handleTouchMove, { passive: false });\r\n document.addEventListener('touchend', handleTouchEnd);\r\n document.addEventListener('touchcancel', handleTouchEnd);\r\n\r\n return () => {\r\n document.removeEventListener('mousemove', handleMouseMove);\r\n document.removeEventListener('mouseup', handleMouseUp);\r\n document.removeEventListener('touchmove', handleTouchMove);\r\n document.removeEventListener('touchend', handleTouchEnd);\r\n document.removeEventListener('touchcancel', handleTouchEnd);\r\n };\r\n }, [isListening, handleMouseMove, handleMouseUp, handleTouchMove, handleTouchEnd]);\r\n\r\n const startDrag = useCallback(\r\n (id: string, event: React.MouseEvent | React.TouchEvent, itemPosition: DragPoint) => {\r\n event.stopPropagation();\r\n\r\n let clientX: number;\r\n let clientY: number;\r\n\r\n if ('touches' in event) {\r\n if (event.touches.length !== 1) return;\r\n clientX = event.touches[0].clientX;\r\n clientY = event.touches[0].clientY;\r\n } else {\r\n clientX = event.clientX;\r\n clientY = event.clientY;\r\n }\r\n\r\n const worldStart = screenToWorld(clientX, clientY);\r\n \r\n // Calculate offset from click position to item position\r\n const clickOffset = {\r\n x: worldStart.x - itemPosition.x,\r\n y: worldStart.y - itemPosition.y,\r\n };\r\n\r\n dragStartRef.current = {\r\n id,\r\n screenStart: { x: clientX, y: clientY },\r\n worldStart,\r\n itemPosition,\r\n clickOffset,\r\n };\r\n hasMovedRef.current = false;\r\n setIsListening(true); // Start listening for move/up events\r\n },\r\n [screenToWorld]\r\n );\r\n\r\n const cancelDrag = useCallback(() => {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n }, []);\r\n\r\n const isDraggingItem = useCallback(\r\n (id: string) => dragState.isDragging && dragState.draggedId === id,\r\n [dragState.isDragging, dragState.draggedId]\r\n );\r\n\r\n return {\r\n dragState,\r\n startDrag,\r\n cancelDrag,\r\n isDraggingItem,\r\n };\r\n}\r\n","import { useEffect } from 'react';\r\n\r\nexport interface KeyboardShortcutsOptions {\r\n /** Callback when Delete or Backspace is pressed */\r\n onDelete?: () => void;\r\n /** Callback when Ctrl+C is pressed */\r\n onCopy?: () => void;\r\n /** Callback when Ctrl+V is pressed */\r\n onPaste?: () => void;\r\n /** Callback when Ctrl+Z is pressed (undo) */\r\n onUndo?: () => void;\r\n /** Callback when Ctrl+Y or Ctrl+Shift+Z is pressed (redo) */\r\n onRedo?: () => void;\r\n /** Callback when Ctrl+A is pressed (select all) */\r\n onSelectAll?: () => void;\r\n /** Enable keyboard shortcuts (default: true) */\r\n enabled?: boolean;\r\n}\r\n\r\n/**\r\n * Custom hook for handling keyboard shortcuts in P&ID diagrams\r\n * \r\n * Supported shortcuts:\r\n * - Delete/Backspace: Delete selected items\r\n * - Ctrl+C: Copy selected items\r\n * - Ctrl+V: Paste copied items\r\n * - Ctrl+Z: Undo last action\r\n * - Ctrl+Y / Ctrl+Shift+Z: Redo\r\n * - Ctrl+A: Select all\r\n */\r\nexport function useKeyboardShortcuts(options: KeyboardShortcutsOptions): void {\r\n const {\r\n onDelete,\r\n onCopy,\r\n onPaste,\r\n onUndo,\r\n onRedo,\r\n onSelectAll,\r\n enabled = true,\r\n } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n // Ignore if user is typing in an input field\r\n const target = event.target as HTMLElement;\r\n if (\r\n target.tagName === 'INPUT' ||\r\n target.tagName === 'TEXTAREA' ||\r\n target.isContentEditable\r\n ) {\r\n return;\r\n }\r\n\r\n const isCtrl = event.ctrlKey || event.metaKey;\r\n const isShift = event.shiftKey;\r\n\r\n // Delete or Backspace\r\n if ((event.key === 'Delete' || event.key === 'Backspace') && !isCtrl) {\r\n event.preventDefault();\r\n onDelete?.();\r\n return;\r\n }\r\n\r\n // Ctrl+C - Copy\r\n if (isCtrl && event.key === 'c') {\r\n event.preventDefault();\r\n onCopy?.();\r\n return;\r\n }\r\n\r\n // Ctrl+V - Paste\r\n if (isCtrl && event.key === 'v') {\r\n event.preventDefault();\r\n onPaste?.();\r\n return;\r\n }\r\n\r\n // Ctrl+Z - Undo\r\n if (isCtrl && event.key === 'z' && !isShift) {\r\n event.preventDefault();\r\n onUndo?.();\r\n return;\r\n }\r\n\r\n // Ctrl+Y or Ctrl+Shift+Z - Redo\r\n if (isCtrl && (event.key === 'y' || (event.key === 'z' && isShift))) {\r\n event.preventDefault();\r\n onRedo?.();\r\n return;\r\n }\r\n\r\n // Ctrl+A - Select all\r\n if (isCtrl && event.key === 'a') {\r\n event.preventDefault();\r\n onSelectAll?.();\r\n return;\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [enabled, onDelete, onCopy, onPaste, onUndo, onRedo, onSelectAll]);\r\n}\r\n","import type { NodeInstance, Point } from '../schema';\r\nimport { getSymbolDefinition } from '../symbols';\r\n\r\n/**\r\n * Calculate the world position of a port on a node instance\r\n * \r\n * Takes into account the node's transform (position, rotation, scale, flip)\r\n * and the port's position within the symbol's viewBox\r\n */\r\nexport function getPortWorldPosition(\r\n node: NodeInstance,\r\n portId: string\r\n): Point | null {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return null;\r\n\r\n const port = symbol.ports.find((p) => p.id === portId);\r\n if (!port) return null;\r\n\r\n const { x: nodeX, y: nodeY, rotation = 0, scale = 1, flipX = false, flipY = false } = node.transform;\r\n\r\n // Start with port position relative to symbol\r\n let portX = port.x;\r\n let portY = port.y;\r\n\r\n // Apply flip transforms (relative to symbol center)\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n \r\n if (flipX) {\r\n portX = symbol.viewBox.width - portX;\r\n }\r\n if (flipY) {\r\n portY = symbol.viewBox.height - portY;\r\n }\r\n\r\n // Apply scale (relative to symbol center)\r\n portX = centerX + (portX - centerX) * scale;\r\n portY = centerY + (portY - centerY) * scale;\r\n\r\n // Apply rotation (relative to symbol center)\r\n if (rotation !== 0) {\r\n const rad = (rotation * Math.PI) / 180;\r\n const cos = Math.cos(rad);\r\n const sin = Math.sin(rad);\r\n \r\n const dx = portX - centerX;\r\n const dy = portY - centerY;\r\n \r\n portX = centerX + dx * cos - dy * sin;\r\n portY = centerY + dx * sin + dy * cos;\r\n }\r\n\r\n // Translate to world position\r\n return {\r\n x: nodeX + portX,\r\n y: nodeY + portY,\r\n };\r\n}\r\n\r\n/**\r\n * Generate route points for a pipe from source port to destination port\r\n * \r\n * Options:\r\n * - direct: Straight line from source to destination\r\n * - orthogonal: Right-angle routing (future enhancement)\r\n * - custom: Provide your own waypoints\r\n */\r\nexport function generateRoutePoints(\r\n fromNode: NodeInstance,\r\n fromPortId: string,\r\n toNode: NodeInstance,\r\n toPortId: string,\r\n options?: {\r\n style?: 'direct' | 'orthogonal';\r\n waypoints?: Point[];\r\n }\r\n): Point[] {\r\n const startPoint = getPortWorldPosition(fromNode, fromPortId);\r\n const endPoint = getPortWorldPosition(toNode, toPortId);\r\n\r\n if (!startPoint || !endPoint) {\r\n return [];\r\n }\r\n\r\n const style = options?.style || 'direct';\r\n\r\n if (style === 'direct') {\r\n // Straight line from start to end\r\n return [startPoint, endPoint];\r\n }\r\n\r\n if (style === 'orthogonal' && options?.waypoints) {\r\n // Start → waypoints → end\r\n return [startPoint, ...options.waypoints, endPoint];\r\n }\r\n\r\n if (style === 'orthogonal') {\r\n // Simple orthogonal routing: horizontal then vertical\r\n const midX = (startPoint.x + endPoint.x) / 2;\r\n return [\r\n startPoint,\r\n { x: midX, y: startPoint.y },\r\n { x: midX, y: endPoint.y },\r\n endPoint,\r\n ];\r\n }\r\n\r\n return [startPoint, endPoint];\r\n}\r\n\r\n/**\r\n * Validate that a node has a specific port\r\n */\r\nexport function nodeHasPort(node: NodeInstance, portId: string): boolean {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return false;\r\n return symbol.ports.some((p) => p.id === portId);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { getAvailableSymbols, getSymbolDefinition } from '../../diagram/symbols';\r\nimport type { SymbolDefinition } from '../../diagram/schema';\r\n\r\nexport interface SymbolLibraryProps {\r\n /** Optional className for styling */\r\n className?: string;\r\n /** Callback when a symbol drag starts */\r\n onSymbolDragStart?: (symbolId: string, event: React.DragEvent) => void;\r\n /** Show category filter */\r\n showCategories?: boolean;\r\n /** Custom symbol categories */\r\n categories?: string[];\r\n}\r\n\r\n/**\r\n * SymbolLibrary - Browse and drag symbols onto the canvas\r\n *\r\n * Displays available symbols organized by category\r\n * Supports drag-and-drop to add new nodes to diagrams\r\n */\r\nexport function SymbolLibrary({\r\n className = '',\r\n onSymbolDragStart,\r\n showCategories = true,\r\n categories = ['Valves', 'Pumps', 'Tanks', 'Instruments', 'Displays'],\r\n}: SymbolLibraryProps): React.ReactElement {\r\n const [selectedCategory, setSelectedCategory] = useState<string>('all');\r\n const [searchQuery, setSearchQuery] = useState('');\r\n\r\n const symbolIds = getAvailableSymbols();\r\n const allSymbols: SymbolDefinition[] = symbolIds\r\n .map((id) => getSymbolDefinition(id))\r\n .filter((symbol): symbol is SymbolDefinition => symbol !== undefined);\r\n\r\n // Map display category names to actual category values\r\n const categoryMap: Record<string, string> = {\r\n Valves: 'valve',\r\n Pumps: 'pump',\r\n Tanks: 'vessel',\r\n Instruments: 'instrument',\r\n Displays: 'display',\r\n };\r\n\r\n // Filter symbols by category and search\r\n const filteredSymbols = allSymbols.filter((symbol) => {\r\n const actualCategory = categoryMap[selectedCategory] || selectedCategory;\r\n const matchesCategory = selectedCategory === 'all' || symbol.category === actualCategory;\r\n\r\n const matchesSearch =\r\n searchQuery === '' ||\r\n symbol.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\r\n symbol.id.toLowerCase().includes(searchQuery.toLowerCase());\r\n\r\n return matchesCategory && matchesSearch;\r\n });\r\n\r\n const handleDragStart = (symbol: SymbolDefinition, event: React.DragEvent) => {\r\n // Store symbol ID in drag data\r\n event.dataTransfer.setData('application/symbol-id', symbol.id);\r\n event.dataTransfer.effectAllowed = 'copy';\r\n onSymbolDragStart?.(symbol.id, event);\r\n };\r\n\r\n return (\r\n <div className={`symbol-library ${className}`.trim()} style={styles.container}>\r\n {/* Header */}\r\n <div style={styles.header}>\r\n <h3 style={styles.title}>Symbol Library</h3>\r\n </div>\r\n\r\n {/* Search */}\r\n <div style={styles.searchContainer}>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search symbols...\"\r\n value={searchQuery}\r\n onChange={(e) => setSearchQuery(e.target.value)}\r\n style={styles.searchInput}\r\n />\r\n </div>\r\n\r\n {/* Category Filter */}\r\n {showCategories && (\r\n <div style={styles.categories}>\r\n <button\r\n onClick={() => setSelectedCategory('all')}\r\n style={{\r\n ...styles.categoryButton,\r\n ...(selectedCategory === 'all' ? styles.categoryButtonActive : {}),\r\n }}\r\n >\r\n All\r\n </button>\r\n {categories.map((category) => (\r\n <button\r\n key={category}\r\n onClick={() => setSelectedCategory(category)}\r\n style={{\r\n ...styles.categoryButton,\r\n ...(selectedCategory === category ? styles.categoryButtonActive : {}),\r\n }}\r\n >\r\n {category}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n\r\n {/* Symbol Grid */}\r\n <div style={styles.symbolGrid}>\r\n {filteredSymbols.length === 0 ? (\r\n <div style={styles.emptyState}>No symbols found</div>\r\n ) : (\r\n filteredSymbols.map((symbol) => (\r\n <div\r\n key={symbol.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(symbol, e)}\r\n style={styles.symbolCard}\r\n title={symbol.metadata?.description || symbol.name}\r\n >\r\n {/* Symbol Preview */}\r\n <div style={styles.symbolPreview}>\r\n <svg\r\n viewBox={`${symbol.viewBox.x} ${symbol.viewBox.y} ${symbol.viewBox.width} ${symbol.viewBox.height}`}\r\n style={styles.symbolSvg}\r\n >\r\n <g dangerouslySetInnerHTML={{ __html: symbol.svgContent }} />\r\n </svg>\r\n </div>\r\n\r\n {/* Symbol Name */}\r\n <div style={styles.symbolName}>{symbol.name}</div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n container: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n backgroundColor: '#ffffff',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '8px',\r\n overflow: 'hidden',\r\n },\r\n header: {\r\n padding: '16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n backgroundColor: '#f5f5f5',\r\n },\r\n title: {\r\n margin: 0,\r\n fontSize: '16px',\r\n fontWeight: 600,\r\n color: '#263238',\r\n },\r\n searchContainer: {\r\n padding: '12px 16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n },\r\n searchInput: {\r\n width: '100%',\r\n padding: '8px 12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '4px',\r\n fontSize: '14px',\r\n outline: 'none',\r\n },\r\n categories: {\r\n display: 'flex',\r\n gap: '8px',\r\n padding: '12px 16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n flexWrap: 'wrap',\r\n },\r\n categoryButton: {\r\n padding: '6px 12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '4px',\r\n backgroundColor: '#ffffff',\r\n fontSize: '13px',\r\n cursor: 'pointer',\r\n transition: 'all 0.2s',\r\n },\r\n categoryButtonActive: {\r\n backgroundColor: '#3b82f6',\r\n color: '#ffffff',\r\n borderColor: '#3b82f6',\r\n },\r\n symbolGrid: {\r\n flex: 1,\r\n padding: '16px',\r\n display: 'grid',\r\n gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))',\r\n gap: '12px',\r\n overflowY: 'auto',\r\n alignContent: 'start',\r\n },\r\n emptyState: {\r\n gridColumn: '1 / -1',\r\n textAlign: 'center',\r\n padding: '32px',\r\n color: '#999',\r\n },\r\n symbolCard: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: '12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '6px',\r\n backgroundColor: '#ffffff',\r\n cursor: 'grab',\r\n transition: 'all 0.2s',\r\n },\r\n symbolPreview: {\r\n width: '60px',\r\n height: '60px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n marginBottom: '8px',\r\n },\r\n symbolSvg: {\r\n maxWidth: '100%',\r\n maxHeight: '100%',\r\n },\r\n symbolName: {\r\n fontSize: '12px',\r\n color: '#263238',\r\n textAlign: 'center',\r\n wordBreak: 'break-word',\r\n lineHeight: '1.3',\r\n },\r\n};\r\n","import React from 'react';\r\nimport type { NodeInstance } from '../../diagram/schema';\r\nimport type { TelemetryBinding } from '../../diagram/hooks/useTelemetry';\r\n\r\nexport interface NodeConfigPanelProps {\r\n /** Selected node to configure */\r\n node: NodeInstance;\r\n /** Telemetry binding for the node (if any) */\r\n binding: TelemetryBinding | null;\r\n /** Callback when node properties are updated */\r\n onUpdateNode: (updates: Partial<NodeInstance>) => void;\r\n /** Callback when telemetry is added/updated */\r\n onUpdateTelemetry: (updates: any) => void;\r\n /** Callback when telemetry binding is added for the first time */\r\n onAddTelemetry?: () => void;\r\n /** Callback when node is removed */\r\n onRemove: () => void;\r\n /** Additional CSS class name */\r\n className?: string;\r\n /** Custom styles */\r\n style?: React.CSSProperties;\r\n}\r\n\r\n/**\r\n * NodeConfigPanel - Reusable configuration panel for editing node properties and telemetry\r\n *\r\n * @example\r\n * ```tsx\r\n * <NodeConfigPanel\r\n * node={selectedNode}\r\n * binding={telemetry.get(selectedNode.id)}\r\n * onUpdateNode={(updates) => updateNode(selectedNode.id, updates)}\r\n * onUpdateTelemetry={(updates) => updateTelemetryBatch([updates])}\r\n * onRemove={() => removeNode(selectedNode.id)}\r\n * />\r\n * ```\r\n */\r\nexport function NodeConfigPanel({\r\n node,\r\n binding,\r\n onUpdateNode,\r\n onUpdateTelemetry,\r\n onAddTelemetry,\r\n onRemove,\r\n className = '',\r\n style = {},\r\n}: NodeConfigPanelProps) {\r\n const defaultStyle: React.CSSProperties = {\r\n width: '320px',\r\n backgroundColor: '#f8fafc',\r\n borderLeft: '1px solid #e2e8f0',\r\n overflow: 'auto',\r\n padding: '20px',\r\n ...style,\r\n };\r\n\r\n return (\r\n <div className={className} style={defaultStyle}>\r\n <h2 style={{ margin: '0 0 16px 0', fontSize: '1rem', fontWeight: 600 }}>\r\n Configure: {node.id}\r\n </h2>\r\n\r\n {/* Node Settings */}\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Node Settings\r\n </h3>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>Label:</label>\r\n <input\r\n type=\"text\"\r\n value={node.label || node.id}\r\n onChange={(e) => onUpdateNode({ label: e.target.value })}\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Offset X:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={node.labelOffset?.x ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelOffset: {\r\n x: parseFloat(e.target.value) || 0,\r\n y: node.labelOffset?.y ?? 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Offset Y:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={node.labelOffset?.y ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelOffset: {\r\n x: node.labelOffset?.x ?? 0,\r\n y: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Font Size:\r\n </label>\r\n <input\r\n type=\"number\"\r\n min=\"6\"\r\n max=\"24\"\r\n value={node.labelFontSize ?? 10}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelFontSize: parseFloat(e.target.value) || 10,\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Rotation (degrees):\r\n </label>\r\n <input\r\n type=\"number\"\r\n min=\"0\"\r\n max=\"360\"\r\n step=\"15\"\r\n value={node.transform.rotation ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n transform: {\r\n ...node.transform,\r\n rotation: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Telemetry Configuration */}\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Telemetry Data\r\n </h3>\r\n\r\n {!binding ? (\r\n <button\r\n onClick={() => {\r\n if (onAddTelemetry) {\r\n onAddTelemetry();\r\n } else {\r\n // Default telemetry initialization\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: node.id,\r\n value: {\r\n value: 50,\r\n status: 'normal',\r\n unit: 'PSI',\r\n timestamp: Date.now(),\r\n },\r\n history: [45, 47, 48, 50, 52, 51, 49, 50],\r\n display: {\r\n showValue: true,\r\n showSparkline: false,\r\n precision: 1,\r\n backgroundColor: 'status',\r\n },\r\n thresholds: {\r\n highHigh: 85,\r\n high: 70,\r\n low: 30,\r\n lowLow: 15,\r\n },\r\n });\r\n }\r\n }}\r\n style={{\r\n padding: '8px 16px',\r\n backgroundColor: '#3b82f6',\r\n color: '#fff',\r\n border: 'none',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n width: '100%',\r\n }}\r\n >\r\n + Add Telemetry\r\n </button>\r\n ) : (\r\n <>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Initial Value:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.value.value as number}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n value: {\r\n ...binding.value,\r\n value: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Unit:\r\n </label>\r\n <input\r\n type=\"text\"\r\n value={binding.value.unit || ''}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n value: {\r\n ...binding.value,\r\n unit: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n <input\r\n type=\"checkbox\"\r\n checked={binding.display?.showSparkline ?? false}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n showSparkline: e.target.checked,\r\n },\r\n })\r\n }\r\n style={{ marginRight: '6px' }}\r\n />\r\n Show Sparkline\r\n </label>\r\n\r\n <div style={{ marginTop: '12px' }}>\r\n <label\r\n style={{\r\n fontSize: '0.75rem',\r\n fontWeight: 600,\r\n display: 'block',\r\n marginBottom: '8px',\r\n }}\r\n >\r\n Telemetry Position Offset:\r\n </label>\r\n <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>\r\n <div>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n X Offset:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.display?.offsetX ?? 0}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n offsetX: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n }}\r\n />\r\n </div>\r\n <div>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Y Offset:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.display?.offsetY ?? 0}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n offsetY: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n {/* Text & Sparkline Colors */}\r\n <div style={{ marginTop: '16px' }}>\r\n <label\r\n style={{\r\n fontSize: '0.75rem',\r\n fontWeight: 600,\r\n display: 'block',\r\n marginBottom: '8px',\r\n }}\r\n >\r\n Display Colors:\r\n </label>\r\n\r\n {/* Text Color */}\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Text Color:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.display?.textColor ?? '#000000'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n textColor: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '40px',\r\n height: '28px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.display?.textColor ?? '#000000'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n textColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"#000000\"\r\n style={{\r\n flex: 1,\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Sparkline Color */}\r\n {binding.display?.showSparkline && (\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Sparkline Color:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.display?.sparklineColor ?? '#3b82f6'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n sparklineColor: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '40px',\r\n height: '28px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.display?.sparklineColor ?? '#3b82f6'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n sparklineColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"#3b82f6\"\r\n style={{\r\n flex: 1,\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* Background Color */}\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Background:\r\n </label>\r\n <input\r\n type=\"text\"\r\n value={binding.display?.backgroundColor ?? 'status'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n backgroundColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"status or #ffffff\"\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n <div style={{ fontSize: '0.65rem', color: '#6b7280', marginTop: '2px' }}>\r\n Use 'status' for status-based color or hex code\r\n </div>\r\n </div>\r\n </div>{' '}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n\r\n {/* Thresholds (if telemetry exists) */}\r\n {binding && (\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>Thresholds</h3>\r\n\r\n {(['highHigh', 'high', 'low', 'lowLow'] as const).map((key) => {\r\n const label =\r\n key === 'highHigh'\r\n ? 'High-High (≥)'\r\n : key === 'high'\r\n ? 'High (≥)'\r\n : key === 'low'\r\n ? 'Low (≤)'\r\n : 'Low-Low (≤)';\r\n return (\r\n <div key={key} style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n {label}\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={\r\n binding.thresholds?.[key] ??\r\n (key === 'highHigh' ? 85 : key === 'high' ? 70 : key === 'low' ? 30 : 15)\r\n }\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n thresholds: {\r\n ...binding.thresholds,\r\n [key]: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n\r\n {/* Status Colors (if telemetry exists) */}\r\n {binding && (\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Status Colors\r\n </h3>\r\n\r\n {(['normal', 'warning', 'alarm', 'fault', 'off'] as const).map((status) => {\r\n const defaultColors = {\r\n normal: '#10b981',\r\n warning: '#f59e0b',\r\n alarm: '#ef4444',\r\n fault: '#8b5cf6',\r\n off: '#6b7280',\r\n };\r\n const label =\r\n status === 'normal'\r\n ? 'Normal'\r\n : status === 'warning'\r\n ? 'Warning'\r\n : status === 'alarm'\r\n ? 'Alarm'\r\n : status === 'fault'\r\n ? 'Fault'\r\n : 'Off';\r\n return (\r\n <div key={status} style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n {label}:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.statusColors?.[status] ?? defaultColors[status]}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n statusColors: {\r\n ...binding.statusColors,\r\n [status]: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '50px',\r\n height: '32px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.statusColors?.[status] ?? defaultColors[status]}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n statusColors: {\r\n ...binding.statusColors,\r\n [status]: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder={defaultColors[status]}\r\n style={{\r\n flex: 1,\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n\r\n {/* Remove Node */}\r\n <div style={{ marginTop: '20px', paddingTop: '20px', borderTop: '1px solid #cbd5e1' }}>\r\n <button\r\n onClick={onRemove}\r\n style={{\r\n padding: '8px 16px',\r\n backgroundColor: '#ef4444',\r\n color: '#fff',\r\n border: 'none',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n width: '100%',\r\n }}\r\n >\r\n Remove Node\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n","import type { Diagram } from '../schema';\r\n\r\n/**\r\n * Validates a diagram object structure\r\n */\r\nexport function validateDiagram(diagram: unknown): { valid: boolean; errors: string[] } {\r\n const errors: string[] = [];\r\n\r\n if (!diagram || typeof diagram !== 'object') {\r\n errors.push('Diagram must be an object');\r\n return { valid: false, errors };\r\n }\r\n\r\n const d = diagram as Partial<Diagram>;\r\n\r\n // Required fields\r\n if (!d.id || typeof d.id !== 'string') {\r\n errors.push('Diagram must have a valid id (string)');\r\n }\r\n if (!d.name || typeof d.name !== 'string') {\r\n errors.push('Diagram must have a valid name (string)');\r\n }\r\n if (!d.version || typeof d.version !== 'string') {\r\n errors.push('Diagram must have a valid version (string)');\r\n }\r\n\r\n // ViewBox validation\r\n if (!d.viewBox) {\r\n errors.push('Diagram must have a viewBox');\r\n } else if (\r\n typeof d.viewBox.x !== 'number' ||\r\n typeof d.viewBox.y !== 'number' ||\r\n typeof d.viewBox.width !== 'number' ||\r\n typeof d.viewBox.height !== 'number'\r\n ) {\r\n errors.push('ViewBox must have numeric x, y, width, height properties');\r\n }\r\n\r\n // Array validations\r\n if (!Array.isArray(d.nodes)) {\r\n errors.push('Diagram.nodes must be an array');\r\n }\r\n if (!Array.isArray(d.pipes)) {\r\n errors.push('Diagram.pipes must be an array');\r\n }\r\n if (!Array.isArray(d.overlays)) {\r\n errors.push('Diagram.overlays must be an array');\r\n }\r\n\r\n return {\r\n valid: errors.length === 0,\r\n errors,\r\n };\r\n}\r\n\r\n/**\r\n * Serializes a diagram to JSON string\r\n */\r\nexport function exportDiagram(diagram: Diagram): string {\r\n return JSON.stringify(diagram, null, 2);\r\n}\r\n\r\n/**\r\n * Parses a diagram from JSON string\r\n */\r\nexport function importDiagram(json: string): Diagram {\r\n try {\r\n const parsed = JSON.parse(json);\r\n const validation = validateDiagram(parsed);\r\n\r\n if (!validation.valid) {\r\n throw new Error(`Invalid diagram: ${validation.errors.join(', ')}`);\r\n }\r\n\r\n return parsed as Diagram;\r\n } catch (error) {\r\n if (error instanceof SyntaxError) {\r\n throw new Error(`Invalid JSON: ${error.message}`);\r\n }\r\n throw error;\r\n }\r\n}\r\n","import type { Diagram } from '../schema';\r\nimport { generateRoutePoints } from '../utils/portCalculations';\r\n\r\n// Define nodes first so we can calculate pipe routes\r\nconst nodes = [\r\n {\r\n id: 'V-101',\r\n symbolId: 'valve-ball',\r\n transform: {\r\n x: 100,\r\n y: 150,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: -25, y: 0, type: 'inlet' as const },\r\n { id: 'outlet', x: 25, y: 0, type: 'outlet' as const },\r\n ],\r\n },\r\n {\r\n id: 'P-101',\r\n symbolId: 'pump-centrifugal',\r\n transform: {\r\n x: 250,\r\n y: 150,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: -40, y: 0, type: 'inlet' as const },\r\n { id: 'outlet', x: 40, y: 0, type: 'outlet' as const },\r\n ],\r\n },\r\n {\r\n id: 'T-101',\r\n symbolId: 'vessel-tank',\r\n transform: {\r\n x: 450,\r\n y: 120,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: 0, y: -40, type: 'inlet' as const },\r\n { id: 'outlet', x: 0, y: 40, type: 'outlet' as const },\r\n ],\r\n },\r\n];\r\n\r\n/**\r\n * Example P&ID diagram with a simple valve-pump-tank flow\r\n * Uses automatic port-to-port connection routing\r\n */\r\nexport const exampleDiagram: Diagram = {\r\n id: 'example-001',\r\n name: 'Simple Process Flow',\r\n version: '1.0.0',\r\n viewBox: {\r\n x: -100,\r\n y: -50,\r\n width: 1200,\r\n height: 600,\r\n },\r\n nodes,\r\n pipes: [\r\n {\r\n id: 'pipe-001',\r\n fromNodeId: 'V-101',\r\n fromPortId: 'outlet',\r\n toNodeId: 'P-101',\r\n toPortId: 'inlet',\r\n routePoints: generateRoutePoints(nodes[0], 'outlet', nodes[1], 'inlet'),\r\n style: {\r\n stroke: '#0277bd',\r\n strokeWidth: 4,\r\n },\r\n },\r\n {\r\n id: 'pipe-002',\r\n fromNodeId: 'P-101',\r\n fromPortId: 'outlet',\r\n toNodeId: 'T-101',\r\n toPortId: 'inlet',\r\n routePoints: generateRoutePoints(nodes[1], 'outlet', nodes[2], 'inlet', {\r\n style: 'orthogonal',\r\n }),\r\n style: {\r\n stroke: '#2e7d32',\r\n strokeWidth: 4,\r\n },\r\n },\r\n ],\r\n overlays: [\r\n {\r\n id: 'overlay-v101',\r\n type: 'value',\r\n anchorType: 'node',\r\n anchorId: 'V-101',\r\n offset: { x: 0, y: -40 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'V101.position',\r\n format: '0.0%',\r\n },\r\n content: {\r\n text: 'Valve Position',\r\n },\r\n },\r\n {\r\n id: 'overlay-p101',\r\n type: 'value',\r\n anchorType: 'node',\r\n anchorId: 'P-101',\r\n offset: { x: 0, y: -50 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'P101.flow',\r\n format: '0.0 LPM',\r\n },\r\n content: {\r\n text: 'Flow Rate',\r\n },\r\n },\r\n {\r\n id: 'overlay-t101',\r\n type: 'gauge',\r\n anchorType: 'node',\r\n anchorId: 'T-101',\r\n offset: { x: 60, y: 0 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'T101.level',\r\n },\r\n content: {\r\n component: 'CircularGauge',\r\n props: {\r\n max: 100,\r\n unit: '%',\r\n label: 'Level',\r\n },\r\n },\r\n },\r\n ],\r\n metadata: {\r\n author: 'System',\r\n created: '2025-12-31T00:00:00Z',\r\n description: 'Example P&ID diagram demonstrating schema structure',\r\n tags: ['example', 'tutorial'],\r\n },\r\n};\r\n","/**\r\n * Telemetry status type\r\n */\r\nexport type TelemetryStatus = 'normal' | 'warning' | 'alarm' | 'fault' | 'off';\r\n\r\n/**\r\n * Threshold configuration\r\n */\r\nexport interface Thresholds {\r\n highHigh?: number;\r\n high?: number;\r\n low?: number;\r\n lowLow?: number;\r\n}\r\n\r\n/**\r\n * Calculate status based on value and thresholds\r\n * @param value - Current numeric value\r\n * @param thresholds - Threshold configuration\r\n * @returns Status string\r\n */\r\nexport function calculateThresholdStatus(\r\n value: number,\r\n thresholds?: Thresholds\r\n): TelemetryStatus {\r\n if (!thresholds) return 'normal';\r\n\r\n const { highHigh, high, low, lowLow } = thresholds;\r\n\r\n // Check high-high alarm (highest priority)\r\n if (highHigh !== undefined && value >= highHigh) {\r\n return 'alarm';\r\n }\r\n\r\n // Check low-low fault\r\n if (lowLow !== undefined && value <= lowLow) {\r\n return 'fault';\r\n }\r\n\r\n // Check high warning\r\n if (high !== undefined && value >= high) {\r\n return 'warning';\r\n }\r\n\r\n // Check low warning\r\n if (low !== undefined && value <= low) {\r\n return 'warning';\r\n }\r\n\r\n return 'normal';\r\n}\r\n\r\n/**\r\n * Default thresholds for typical industrial processes (percentage-based)\r\n */\r\nexport const DEFAULT_THRESHOLDS: Thresholds = {\r\n highHigh: 85,\r\n high: 70,\r\n low: 30,\r\n lowLow: 15,\r\n};\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/**\r\n * Device control capabilities and commands\r\n */\r\nexport interface ControlCapabilities {\r\n /** Can the device be started? */\r\n canStart?: boolean;\r\n /** Can the device be stopped? */\r\n canStop?: boolean;\r\n /** Can the device be paused? */\r\n canPause?: boolean;\r\n /** Can the device be reset? */\r\n canReset?: boolean;\r\n /** Custom actions available */\r\n customActions?: Array<{\r\n id: string;\r\n label: string;\r\n icon?: string;\r\n variant?: 'primary' | 'secondary' | 'alarm' | 'warning';\r\n }>;\r\n}\r\n\r\n/**\r\n * Device control mode option\r\n */\r\nexport interface ControlMode {\r\n /** Mode value/ID */\r\n value: string;\r\n /** Display label */\r\n label: string;\r\n /** Description or context about this mode */\r\n description?: string;\r\n /** Whether this mode is currently available */\r\n enabled?: boolean;\r\n /** Icon or emoji to display (optional) */\r\n icon?: string;\r\n /** Mode-specific capabilities (overrides binding-level capabilities when mode is active) */\r\n capabilities?: ControlCapabilities;\r\n}\r\n\r\n/**\r\n * Control parameter definition (setpoint, adjustment, etc.)\r\n */\r\nexport interface ControlParameter {\r\n /** Parameter ID */\r\n id: string;\r\n /** Display label */\r\n label: string;\r\n /** Unit of measurement */\r\n unit?: string;\r\n /** Minimum allowed value */\r\n min?: number;\r\n /** Maximum allowed value */\r\n max?: number;\r\n /** Step increment */\r\n step?: number;\r\n /** Decimal precision for display */\r\n precision?: number;\r\n /** Current value */\r\n value: number | string | boolean;\r\n /** Whether parameter is read-only */\r\n readOnly?: boolean;\r\n /** Parameter type */\r\n type?: 'number' | 'string' | 'boolean' | 'select';\r\n /** Options for select type */\r\n options?: Array<{ value: string | number; label: string }>;\r\n /** Custom validation function */\r\n validate?: (value: any) => boolean | string;\r\n /** Modes where this parameter is visible (if empty/undefined, visible in all modes) */\r\n modes?: string[];\r\n}\r\n\r\n/**\r\n * Device control state\r\n */\r\nexport interface ControlState {\r\n /** Current operational mode */\r\n currentMode: string;\r\n /** Is device currently running? */\r\n isRunning?: boolean;\r\n /** Is device in alarm state? */\r\n hasAlarm?: boolean;\r\n /** Current status */\r\n status?: 'normal' | 'warning' | 'alarm' | 'fault' | 'off' | 'starting' | 'stopping';\r\n /** Status message */\r\n statusMessage?: string;\r\n /** Last command timestamp */\r\n lastCommandTime?: number;\r\n /** Last command result */\r\n lastCommandResult?: {\r\n success: boolean;\r\n message?: string;\r\n };\r\n}\r\n\r\n/**\r\n * Device control binding - maps a node to device control capabilities\r\n * \r\n * Similar to TelemetryBinding but for device commands and setpoints\r\n */\r\nexport interface DeviceControlBinding {\r\n /** Node ID this control is bound to */\r\n nodeId: string;\r\n \r\n /** Device tag/ID for backend communication */\r\n tag: string;\r\n \r\n /** Human-readable device name */\r\n deviceName?: string;\r\n \r\n /** Device type (pump, valve, mixer, etc.) */\r\n deviceType?: string;\r\n \r\n /** Available control modes */\r\n modes: ControlMode[];\r\n \r\n /** Current device state */\r\n state: ControlState;\r\n \r\n /** Control parameters (setpoints, adjustments) organized by mode */\r\n parameters: Record<string, ControlParameter[]>;\r\n \r\n /** Device capabilities (what commands are available) */\r\n capabilities?: ControlCapabilities;\r\n \r\n /** Callbacks for control actions */\r\n actions: {\r\n /** Called when mode changes */\r\n onModeChange?: (mode: string) => void | Promise<void>;\r\n /** Called when parameter value changes */\r\n onParameterChange?: (parameterId: string, value: any) => void | Promise<void>;\r\n /** Called when start button clicked */\r\n onStart?: () => void | Promise<void>;\r\n /** Called when stop button clicked */\r\n onStop?: () => void | Promise<void>;\r\n /** Called when pause button clicked */\r\n onPause?: () => void | Promise<void>;\r\n /** Called when reset button clicked */\r\n onReset?: () => void | Promise<void>;\r\n /** Called for custom actions */\r\n onCustomAction?: (actionId: string) => void | Promise<void>;\r\n };\r\n \r\n /** Display customization */\r\n display?: {\r\n /** Panel title (defaults to deviceName or nodeId) */\r\n title?: string;\r\n /** Show mode selector */\r\n showModeSelector?: boolean;\r\n /** Show start/stop buttons */\r\n showStartStop?: boolean;\r\n /** Panel size */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Custom CSS class name */\r\n className?: string;\r\n /** Custom inline styles */\r\n style?: React.CSSProperties;\r\n /** Group parameters by category */\r\n groupParameters?: boolean;\r\n };\r\n \r\n /** Styling overrides */\r\n theme?: {\r\n /** Primary color */\r\n primaryColor?: string;\r\n /** Secondary color */\r\n secondaryColor?: string;\r\n /** Accent color */\r\n accentColor?: string;\r\n /** Background color */\r\n backgroundColor?: string;\r\n /** Text color */\r\n textColor?: string;\r\n /** Status colors */\r\n statusColors?: {\r\n normal?: string;\r\n warning?: string;\r\n alarm?: string;\r\n fault?: string;\r\n off?: string;\r\n starting?: string;\r\n stopping?: string;\r\n };\r\n };\r\n}\r\n\r\n/**\r\n * Map of device control bindings by node ID\r\n */\r\nexport type DeviceControlMap = Map<string, DeviceControlBinding>;\r\n\r\n/**\r\n * Helper to create a control binding from backend device configuration\r\n */\r\nexport function createControlBinding(\r\n nodeId: string,\r\n deviceConfig: {\r\n tag: string;\r\n name?: string;\r\n type?: string;\r\n modes: Array<{ value: string; label: string; enabled?: boolean }>;\r\n currentMode: string;\r\n parameters: Array<{\r\n id: string;\r\n label: string;\r\n unit?: string;\r\n min?: number;\r\n max?: number;\r\n value: any;\r\n modes?: string[]; // Which modes this parameter applies to\r\n }>;\r\n capabilities?: {\r\n canStart?: boolean;\r\n canStop?: boolean;\r\n customActions?: Array<{ id: string; label: string }>;\r\n };\r\n status?: string;\r\n isRunning?: boolean;\r\n },\r\n actions: DeviceControlBinding['actions']\r\n): DeviceControlBinding {\r\n // Organize parameters by mode\r\n const parametersByMode: Record<string, ControlParameter[]> = {};\r\n \r\n deviceConfig.parameters.forEach((param) => {\r\n const modes = param.modes || deviceConfig.modes.map((m) => m.value);\r\n \r\n modes.forEach((mode) => {\r\n if (!parametersByMode[mode]) {\r\n parametersByMode[mode] = [];\r\n }\r\n \r\n parametersByMode[mode].push({\r\n id: param.id,\r\n label: param.label,\r\n unit: param.unit,\r\n min: param.min,\r\n max: param.max,\r\n value: param.value,\r\n type: typeof param.value === 'number' ? 'number' : 'string',\r\n });\r\n });\r\n });\r\n\r\n return {\r\n nodeId,\r\n tag: deviceConfig.tag,\r\n deviceName: deviceConfig.name,\r\n deviceType: deviceConfig.type,\r\n modes: deviceConfig.modes,\r\n state: {\r\n currentMode: deviceConfig.currentMode,\r\n isRunning: deviceConfig.isRunning,\r\n status: deviceConfig.status as any,\r\n },\r\n parameters: parametersByMode,\r\n capabilities: deviceConfig.capabilities,\r\n actions,\r\n };\r\n}\r\n","import { useState, useCallback, useRef } from 'react';\r\nimport type { DeviceControlBinding, DeviceControlMap } from '../diagram/schema/DeviceControlBinding';\r\n\r\n/** Kinds of command a node can have in flight at once. */\r\nexport type CommandKind = 'start' | 'stop' | 'mode' | 'parameter' | 'action';\r\n\r\nexport interface UseDeviceControlsOptions {\r\n /**\r\n * If set (> 0), a command whose action callback does not settle within this\r\n * many milliseconds is abandoned: the in-flight marker clears and a timeout\r\n * result is recorded as command feedback. This only bounds how long the\r\n * optional \"sending…\" hint shows — controls are never disabled, so a hung\r\n * command can never lock anyone out regardless of this value.\r\n *\r\n * Note: this is a UI-level abort — it stops the HMI from *waiting*, but does\r\n * not cancel an already-dispatched command (that would require the action to\r\n * honor an AbortSignal). The command may still land; telemetry remains the\r\n * source of truth for the resulting device state.\r\n */\r\n commandTimeoutMs?: number;\r\n}\r\n\r\n/** Stable in-flight key for a (node, command) pair. */\r\nfunction commandKey(nodeId: string, kind: CommandKind, suffix?: string): string {\r\n return suffix ? `${nodeId}:${kind}:${suffix}` : `${nodeId}:${kind}`;\r\n}\r\n\r\n/**\r\n * Hook for managing device control bindings\r\n * Similar pattern to useTelemetry\r\n */\r\nexport function useDeviceControls(\r\n initialBindings?: DeviceControlBinding[],\r\n options?: UseDeviceControlsOptions\r\n) {\r\n const { commandTimeoutMs } = options ?? {};\r\n\r\n const [controls, setControls] = useState<DeviceControlMap>(() => {\r\n const map = new Map();\r\n if (initialBindings) {\r\n initialBindings.forEach((binding) => {\r\n map.set(binding.nodeId, binding);\r\n });\r\n }\r\n return map;\r\n });\r\n\r\n // In-flight command tracking. This is a VISIBILITY hint only — interaction\r\n // state, never device state, and it never gates operator agency: it does not\r\n // disable buttons or block commands (the HMI fails open; see the fail-open\r\n // principle). It exists solely so a caller can show a \"sending…\" affordance.\r\n // `pendingRef` is a per-key in-flight count (commands re-send freely, so the\r\n // same command can be in flight more than once); `pendingCommands` is the\r\n // reactive set of keys with a non-zero count, exposed via `isCommandPending`.\r\n const pendingRef = useRef<Map<string, number>>(new Map());\r\n const [pendingCommands, setPendingCommands] = useState<Set<string>>(() => new Set());\r\n\r\n const syncPending = useCallback(() => {\r\n setPendingCommands(new Set(pendingRef.current.keys()));\r\n }, []);\r\n\r\n /**\r\n * Update a specific control binding\r\n */\r\n const updateControl = useCallback((nodeId: string, updates: Partial<DeviceControlBinding>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...updates });\r\n } else {\r\n // If binding doesn't exist, we need at least nodeId, tag, modes, state, parameters, actions\r\n if ('tag' in updates && 'modes' in updates && 'state' in updates && 'parameters' in updates && 'actions' in updates) {\r\n newMap.set(nodeId, { nodeId, ...updates } as DeviceControlBinding);\r\n }\r\n }\r\n \r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update multiple bindings at once\r\n */\r\n const updateControlBatch = useCallback((updates: Record<string, Partial<DeviceControlBinding>>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n \r\n Object.entries(updates).forEach(([nodeId, update]) => {\r\n const existing = newMap.get(nodeId);\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...update });\r\n }\r\n });\r\n \r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update device state (mode, status, running state, etc.)\r\n */\r\n const updateDeviceState = useCallback(\r\n (nodeId: string, stateUpdates: Partial<DeviceControlBinding['state']>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n state: { ...existing.state, ...stateUpdates },\r\n });\r\n }\r\n \r\n return newMap;\r\n });\r\n },\r\n []\r\n );\r\n\r\n /**\r\n * Update a single parameter value\r\n */\r\n const updateParameter = useCallback(\r\n (nodeId: string, parameterId: string, value: any) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n const updatedParameters = { ...existing.parameters };\r\n \r\n // Update parameter in all modes where it exists\r\n Object.keys(updatedParameters).forEach((mode) => {\r\n const paramIndex = updatedParameters[mode].findIndex((p) => p.id === parameterId);\r\n if (paramIndex !== -1) {\r\n updatedParameters[mode] = [...updatedParameters[mode]];\r\n updatedParameters[mode][paramIndex] = {\r\n ...updatedParameters[mode][paramIndex],\r\n value,\r\n };\r\n }\r\n });\r\n \r\n newMap.set(nodeId, {\r\n ...existing,\r\n parameters: updatedParameters,\r\n });\r\n }\r\n \r\n return newMap;\r\n });\r\n },\r\n []\r\n );\r\n\r\n /**\r\n * Set control binding (add or replace)\r\n */\r\n const setControlBinding = useCallback((binding: DeviceControlBinding) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.set(binding.nodeId, binding);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Remove control binding\r\n */\r\n const removeControlBinding = useCallback((nodeId: string) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.delete(nodeId);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Get control binding for a specific node\r\n */\r\n const getControlBinding = useCallback(\r\n (nodeId: string): DeviceControlBinding | undefined => {\r\n return controls.get(nodeId);\r\n },\r\n [controls]\r\n );\r\n\r\n /**\r\n * Is there a command in flight for this node?\r\n *\r\n * Pass a `kind` to ask about a specific command (e.g. `'start'`), or omit it\r\n * to ask whether *any* command is pending for the node. Backed by reactive\r\n * state so components re-render when a command starts/settles.\r\n */\r\n const isCommandPending = useCallback(\r\n (nodeId: string, kind?: CommandKind): boolean => {\r\n if (kind) {\r\n const prefix = `${nodeId}:${kind}`;\r\n for (const key of pendingCommands) {\r\n if (key === prefix || key.startsWith(`${prefix}:`)) return true;\r\n }\r\n return false;\r\n }\r\n const prefix = `${nodeId}:`;\r\n for (const key of pendingCommands) {\r\n if (key.startsWith(prefix)) return true;\r\n }\r\n return false;\r\n },\r\n [pendingCommands]\r\n );\r\n\r\n // Increment/decrement the per-key in-flight count and publish the reactive set.\r\n const markPending = useCallback(\r\n (key: string, delta: 1 | -1) => {\r\n const next = (pendingRef.current.get(key) ?? 0) + delta;\r\n if (next > 0) pendingRef.current.set(key, next);\r\n else pendingRef.current.delete(key);\r\n syncPending();\r\n },\r\n [syncPending]\r\n );\r\n\r\n /**\r\n * Shared command runner. Every command helper routes through here so they all\r\n * share one contract:\r\n * - The HMI never authors device state. `isRunning`, `status`, `currentMode`\r\n * and parameter values are process truth reconciled from telemetry; a\r\n * command only *sends* and records its own outcome in `lastCommandResult`.\r\n * - Commands always dispatch — there is NO guard that blocks or de-dupes a\r\n * repeat press. The HMI fails open: every invocation sends. (Telemetry is\r\n * the source of truth, so a duplicate command is reconciled there.)\r\n * - The command is counted as in-flight only so a caller can show a\r\n * \"sending…\" hint; this never disables anything. `commandTimeoutMs` only\r\n * bounds how long that hint shows and records a timeout result — it cannot\r\n * lock a control out, because controls are never disabled.\r\n */\r\n const runCommand = useCallback(\r\n async (\r\n nodeId: string,\r\n key: string,\r\n invoke: (binding: DeviceControlBinding) => void | Promise<void>,\r\n messages: { success: string; failure: string }\r\n ): Promise<void> => {\r\n const binding = controls.get(nodeId);\r\n if (!binding) return;\r\n\r\n markPending(key, 1);\r\n\r\n let timer: ReturnType<typeof setTimeout> | undefined;\r\n try {\r\n const action = Promise.resolve(invoke(binding));\r\n if (commandTimeoutMs && commandTimeoutMs > 0) {\r\n await Promise.race([\r\n action,\r\n new Promise<never>((_, reject) => {\r\n timer = setTimeout(\r\n () => reject(new Error(`${messages.success.replace(/ sent$/, '')} timed out (unconfirmed)`)),\r\n commandTimeoutMs\r\n );\r\n }),\r\n ]);\r\n } else {\r\n await action;\r\n }\r\n\r\n updateDeviceState(nodeId, {\r\n lastCommandTime: Date.now(),\r\n lastCommandResult: { success: true, message: messages.success },\r\n });\r\n } catch (error) {\r\n updateDeviceState(nodeId, {\r\n lastCommandTime: Date.now(),\r\n lastCommandResult: {\r\n success: false,\r\n message: error instanceof Error ? error.message : messages.failure,\r\n },\r\n });\r\n } finally {\r\n if (timer) clearTimeout(timer);\r\n markPending(key, -1);\r\n }\r\n },\r\n [controls, updateDeviceState, markPending, commandTimeoutMs]\r\n );\r\n\r\n /** Send a mode change command. Displayed mode is reconciled from telemetry. */\r\n const sendModeChange = useCallback(\r\n (nodeId: string, mode: string) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'mode'),\r\n (binding) => binding.actions.onModeChange?.(mode),\r\n { success: `Mode ${mode} command sent`, failure: 'Mode change failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n /** Send a parameter change command. Displayed value is reconciled from telemetry. */\r\n const sendParameterChange = useCallback(\r\n (nodeId: string, parameterId: string, value: any) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'parameter', parameterId),\r\n (binding) => binding.actions.onParameterChange?.(parameterId, value),\r\n { success: `Parameter ${parameterId} command sent`, failure: 'Parameter change failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n /** Send a start command. Running state is reconciled from telemetry. */\r\n const sendStartCommand = useCallback(\r\n (nodeId: string) =>\r\n runCommand(nodeId, commandKey(nodeId, 'start'), (binding) => binding.actions.onStart?.(), {\r\n success: 'Start command sent',\r\n failure: 'Start command failed',\r\n }),\r\n [runCommand]\r\n );\r\n\r\n /** Send a stop command. Running state is reconciled from telemetry. */\r\n const sendStopCommand = useCallback(\r\n (nodeId: string) =>\r\n runCommand(nodeId, commandKey(nodeId, 'stop'), (binding) => binding.actions.onStop?.(), {\r\n success: 'Stop command sent',\r\n failure: 'Stop command failed',\r\n }),\r\n [runCommand]\r\n );\r\n\r\n /** Send a custom action command. */\r\n const sendCustomAction = useCallback(\r\n (nodeId: string, actionId: string) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'action', actionId),\r\n (binding) => binding.actions.onCustomAction?.(actionId),\r\n { success: `Action ${actionId} command sent`, failure: 'Action failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n return {\r\n controls,\r\n updateControl,\r\n updateControlBatch,\r\n updateDeviceState,\r\n updateParameter,\r\n setControlBinding,\r\n removeControlBinding,\r\n getControlBinding,\r\n // In-flight command visibility (interaction state, not device state).\r\n // `isCommandPending` is the stable query surface; the raw key set is\r\n // intentionally not exported (its key format is an implementation detail).\r\n isCommandPending,\r\n // Command helpers\r\n sendModeChange,\r\n sendParameterChange,\r\n sendStartCommand,\r\n sendStopCommand,\r\n sendCustomAction,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/**\r\n * Configuration parameter definition\r\n */\r\nexport interface ConfigParameter {\r\n /** Parameter ID */\r\n id: string;\r\n /** Display label */\r\n label: string;\r\n /** Parameter description/help text */\r\n description?: string;\r\n /** Unit of measurement */\r\n unit?: string;\r\n /** Parameter type */\r\n type: 'number' | 'string' | 'boolean' | 'select' | 'multiselect';\r\n /** Current value */\r\n value: any;\r\n /** Default value */\r\n defaultValue?: any;\r\n /** Whether parameter is read-only */\r\n readOnly?: boolean;\r\n /** Whether parameter is enabled/editable */\r\n enabled?: boolean;\r\n \r\n // Numeric constraints\r\n /** Minimum allowed value (for number type) */\r\n min?: number;\r\n /** Maximum allowed value (for number type) */\r\n max?: number;\r\n /** Step increment (for number type) */\r\n step?: number;\r\n /** Decimal precision for display (for number type) */\r\n precision?: number;\r\n \r\n // Selection options\r\n /** Options for select/multiselect type */\r\n options?: Array<{ value: any; label: string; description?: string }>;\r\n \r\n // Validation\r\n /** Custom validation function - returns true or error message */\r\n validate?: (value: any) => boolean | string;\r\n /** Required field */\r\n required?: boolean;\r\n \r\n // Visual grouping\r\n /** Section this parameter belongs to */\r\n section?: string;\r\n /** Display order within section */\r\n order?: number;\r\n \r\n // Dependencies\r\n /** Parameter IDs this depends on - if any are disabled, this is disabled */\r\n dependsOn?: string[];\r\n /** Conditional visibility - function that determines if parameter should be shown */\r\n visibleWhen?: (allValues: Record<string, any>) => boolean;\r\n}\r\n\r\n/**\r\n * Configuration section for grouping parameters\r\n */\r\nexport interface ConfigSection {\r\n /** Section ID */\r\n id: string;\r\n /** Display title */\r\n title: string;\r\n /** Section description */\r\n description?: string;\r\n /** Display order */\r\n order?: number;\r\n /** Whether section is collapsible */\r\n collapsible?: boolean;\r\n /** Default collapsed state */\r\n defaultCollapsed?: boolean;\r\n /** Icon to display */\r\n icon?: string;\r\n}\r\n\r\n/**\r\n * Configuration state tracking\r\n */\r\nexport interface ConfigState {\r\n /** Has unsaved changes */\r\n isDirty?: boolean;\r\n /** Currently saving */\r\n isSaving?: boolean;\r\n /** Last save timestamp */\r\n lastSaved?: number;\r\n /** Last save result */\r\n lastSaveResult?: {\r\n success: boolean;\r\n message?: string;\r\n };\r\n /** Validation errors */\r\n errors?: Record<string, string>;\r\n}\r\n\r\n/**\r\n * Configuration actions/handlers\r\n */\r\nexport interface ConfigActions {\r\n /** Handler for applying changes (temporary, may be reverted) */\r\n onApply?: (values: Record<string, any>) => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for saving changes (permanent) */\r\n onSave?: (values: Record<string, any>) => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for resetting to defaults */\r\n onReset?: () => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for canceling changes */\r\n onCancel?: () => void;\r\n /** Handler for exporting configuration */\r\n onExport?: () => Promise<{ success: boolean; data?: any; message?: string }>;\r\n /** Handler for importing configuration */\r\n onImport?: (data: any) => Promise<{ success: boolean; message?: string }>;\r\n}\r\n\r\n/**\r\n * Display configuration\r\n */\r\nexport interface ConfigDisplay {\r\n /** Panel title */\r\n title?: string;\r\n /** Panel subtitle */\r\n subtitle?: string;\r\n /** Custom CSS class */\r\n className?: string;\r\n /** Custom inline styles */\r\n style?: React.CSSProperties;\r\n /** Show apply button */\r\n showApply?: boolean;\r\n /** Show save button */\r\n showSave?: boolean;\r\n /** Show reset button */\r\n showReset?: boolean;\r\n /** Show cancel button */\r\n showCancel?: boolean;\r\n /** Show export button */\r\n showExport?: boolean;\r\n /** Show import button */\r\n showImport?: boolean;\r\n /** Confirmation message for reset action */\r\n resetConfirmMessage?: string;\r\n /** Confirmation message for critical saves */\r\n saveConfirmMessage?: string;\r\n}\r\n\r\n/**\r\n * Theme customization for config panel\r\n */\r\nexport interface ConfigTheme {\r\n /** Background color */\r\n backgroundColor?: string;\r\n /** Surface/card color */\r\n surfaceColor?: string;\r\n /** Border color */\r\n borderColor?: string;\r\n /** Text color */\r\n textColor?: string;\r\n /** Muted text color */\r\n mutedTextColor?: string;\r\n /** Accent color */\r\n accentColor?: string;\r\n /** Error color */\r\n errorColor?: string;\r\n /** Success color */\r\n successColor?: string;\r\n /** Warning color */\r\n warningColor?: string;\r\n}\r\n\r\n/**\r\n * Device configuration binding - maps a node to device configuration parameters\r\n */\r\nexport interface DeviceConfigBinding {\r\n /** Node ID this configuration is bound to */\r\n nodeId: string;\r\n /** Device tag/identifier */\r\n tag: string;\r\n /** Device name */\r\n deviceName?: string;\r\n /** Device type */\r\n deviceType?: string;\r\n \r\n /** Configuration sections */\r\n sections?: ConfigSection[];\r\n /** Configuration parameters (flat list, optionally grouped by section) */\r\n parameters: ConfigParameter[];\r\n \r\n /** Current state */\r\n state: ConfigState;\r\n /** Available actions */\r\n actions: ConfigActions;\r\n /** Display configuration */\r\n display?: ConfigDisplay;\r\n /** Theme customization */\r\n theme?: ConfigTheme;\r\n \r\n /** Additional metadata */\r\n metadata?: Record<string, any>;\r\n}\r\n\r\n/**\r\n * Map of device configurations by node ID\r\n */\r\nexport type DeviceConfigMap = Map<string, DeviceConfigBinding>;\r\n\r\n/**\r\n * Helper to create a config binding with defaults\r\n */\r\nexport function createConfigBinding(\r\n nodeId: string,\r\n tag: string,\r\n parameters: ConfigParameter[],\r\n actions: ConfigActions,\r\n options?: {\r\n deviceName?: string;\r\n deviceType?: string;\r\n sections?: ConfigSection[];\r\n display?: ConfigDisplay;\r\n theme?: ConfigTheme;\r\n metadata?: Record<string, any>;\r\n }\r\n): DeviceConfigBinding {\r\n return {\r\n nodeId,\r\n tag,\r\n deviceName: options?.deviceName,\r\n deviceType: options?.deviceType,\r\n sections: options?.sections,\r\n parameters,\r\n state: {\r\n isDirty: false,\r\n isSaving: false,\r\n errors: {},\r\n },\r\n actions,\r\n display: options?.display,\r\n theme: options?.theme,\r\n metadata: options?.metadata,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState, useCallback } from 'react';\r\nimport type { DeviceConfigBinding, DeviceConfigMap } from '../diagram/schema/DeviceConfigBinding';\r\n\r\n/**\r\n * Hook for managing device configuration bindings\r\n */\r\nexport function useDeviceConfigs(initialConfigs?: DeviceConfigBinding[]) {\r\n const [configs, setConfigs] = useState<DeviceConfigMap>(() => {\r\n const map = new Map();\r\n if (initialConfigs) {\r\n initialConfigs.forEach((config) => {\r\n map.set(config.nodeId, config);\r\n });\r\n }\r\n return map;\r\n });\r\n\r\n /**\r\n * Get configuration for a specific device\r\n */\r\n const getConfig = useCallback(\r\n (nodeId: string): DeviceConfigBinding | undefined => {\r\n return configs.get(nodeId);\r\n },\r\n [configs]\r\n );\r\n\r\n /**\r\n * Update a specific configuration binding\r\n */\r\n const updateConfig = useCallback((nodeId: string, updates: Partial<DeviceConfigBinding>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...updates });\r\n } else {\r\n // If binding doesn't exist, create new one with required fields\r\n if ('tag' in updates && 'parameters' in updates && 'state' in updates && 'actions' in updates) {\r\n newMap.set(nodeId, { nodeId, ...updates } as DeviceConfigBinding);\r\n }\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update configuration state\r\n */\r\n const updateConfigState = useCallback((nodeId: string, stateUpdates: Partial<DeviceConfigBinding['state']>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n state: { ...existing.state, ...stateUpdates },\r\n });\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update multiple configurations at once\r\n */\r\n const updateConfigBatch = useCallback((updates: Record<string, Partial<DeviceConfigBinding>>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n\r\n Object.entries(updates).forEach(([nodeId, update]) => {\r\n const existing = newMap.get(nodeId);\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...update });\r\n }\r\n });\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update parameter value\r\n */\r\n const updateParameterValue = useCallback((nodeId: string, parameterId: string, value: any) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n const updatedParameters = existing.parameters.map((param) =>\r\n param.id === parameterId ? { ...param, value } : param\r\n );\r\n\r\n newMap.set(nodeId, {\r\n ...existing,\r\n parameters: updatedParameters,\r\n state: { ...existing.state, isDirty: true },\r\n });\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Apply configuration changes\r\n */\r\n const applyConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config || !config.actions.onApply) {\r\n return { success: false, message: 'No apply handler defined' };\r\n }\r\n\r\n // Set saving state\r\n updateConfigState(nodeId, { isSaving: true });\r\n\r\n try {\r\n // Get current values\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n // Call apply handler\r\n const result = await config.actions.onApply(values);\r\n\r\n // Update state with result\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: result,\r\n isDirty: result.success ? false : config.state.isDirty,\r\n });\r\n\r\n return result;\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Apply failed';\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: { success: false, message },\r\n });\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Save configuration changes\r\n */\r\n const saveConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config || !config.actions.onSave) {\r\n return { success: false, message: 'No save handler defined' };\r\n }\r\n\r\n // Set saving state\r\n updateConfigState(nodeId, { isSaving: true });\r\n\r\n try {\r\n // Get current values\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n // Call save handler\r\n const result = await config.actions.onSave(values);\r\n\r\n // Update state with result\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaved: result.success ? Date.now() : config.state.lastSaved,\r\n lastSaveResult: result,\r\n isDirty: result.success ? false : config.state.isDirty,\r\n });\r\n\r\n return result;\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Save failed';\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: { success: false, message },\r\n });\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Reset configuration to defaults\r\n */\r\n const resetConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config) {\r\n return { success: false, message: 'Configuration not found' };\r\n }\r\n\r\n try {\r\n // Reset to default values\r\n const resetParameters = config.parameters.map((param) => ({\r\n ...param,\r\n value: param.defaultValue !== undefined ? param.defaultValue : param.value,\r\n }));\r\n\r\n updateConfig(nodeId, {\r\n parameters: resetParameters,\r\n state: { ...config.state, isDirty: true },\r\n });\r\n\r\n // Call reset handler if defined\r\n if (config.actions.onReset) {\r\n const result = await config.actions.onReset();\r\n updateConfigState(nodeId, {\r\n lastSaveResult: result,\r\n });\r\n return result;\r\n }\r\n\r\n return { success: true, message: 'Reset to defaults' };\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Reset failed';\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfig, updateConfigState]\r\n );\r\n\r\n /**\r\n * Cancel configuration changes\r\n */\r\n const cancelConfig = useCallback(\r\n (nodeId: string) => {\r\n const config = configs.get(nodeId);\r\n if (config?.actions.onCancel) {\r\n config.actions.onCancel();\r\n }\r\n },\r\n [configs]\r\n );\r\n\r\n /**\r\n * Validate all parameters\r\n */\r\n const validateConfig = useCallback(\r\n (nodeId: string): { valid: boolean; errors: Record<string, string> } => {\r\n const config = configs.get(nodeId);\r\n if (!config) {\r\n return { valid: false, errors: { _general: 'Configuration not found' } };\r\n }\r\n\r\n const errors: Record<string, string> = {};\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n config.parameters.forEach((param) => {\r\n // Check required\r\n if (param.required && (param.value === undefined || param.value === null || param.value === '')) {\r\n errors[param.id] = `${param.label} is required`;\r\n return;\r\n }\r\n\r\n // Check numeric constraints\r\n if (param.type === 'number' && typeof param.value === 'number') {\r\n if (param.min !== undefined && param.value < param.min) {\r\n errors[param.id] = `${param.label} must be at least ${param.min}`;\r\n }\r\n if (param.max !== undefined && param.value > param.max) {\r\n errors[param.id] = `${param.label} must be at most ${param.max}`;\r\n }\r\n }\r\n\r\n // Check custom validation\r\n if (param.validate) {\r\n const result = param.validate(param.value);\r\n if (result !== true) {\r\n errors[param.id] = typeof result === 'string' ? result : `${param.label} is invalid`;\r\n }\r\n }\r\n\r\n // Check visibility\r\n if (param.visibleWhen && !param.visibleWhen(values)) {\r\n // Skip validation for hidden parameters\r\n delete errors[param.id];\r\n }\r\n });\r\n\r\n // Update state with errors\r\n updateConfigState(nodeId, { errors });\r\n\r\n return { valid: Object.keys(errors).length === 0, errors };\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Set configuration for a device (replaces existing)\r\n */\r\n const setConfig = useCallback((config: DeviceConfigBinding) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.set(config.nodeId, config);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Remove configuration for a device\r\n */\r\n const removeConfig = useCallback((nodeId: string) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.delete(nodeId);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Clear all configurations\r\n */\r\n const clearConfigs = useCallback(() => {\r\n setConfigs(new Map());\r\n }, []);\r\n\r\n return {\r\n configs,\r\n getConfig,\r\n setConfig,\r\n removeConfig,\r\n clearConfigs,\r\n updateConfig,\r\n updateConfigState,\r\n updateConfigBatch,\r\n updateParameterValue,\r\n applyConfig,\r\n saveConfig,\r\n resetConfig,\r\n cancelConfig,\r\n validateConfig,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useEffect, useMemo, useRef } from 'react';\r\nimport type {\r\n DeviceConfigBinding,\r\n ConfigParameter,\r\n ConfigSection,\r\n} from '../../diagram/schema/DeviceConfigBinding';\r\n\r\nexport interface DeviceConfigPanelProps {\r\n /** Configuration binding to display */\r\n binding: DeviceConfigBinding | null;\r\n /** Called when panel should close */\r\n onClose: () => void;\r\n /** Called when undock button clicked (optional, shows undock button if provided) */\r\n onUndock?: () => void;\r\n /** Icon to display in undock button (default: '⇱') */\r\n undockIcon?: string;\r\n /** Panel position */\r\n position?: 'bottom' | 'side';\r\n /** Horizontal alignment for bottom position (default: center) */\r\n align?: 'left' | 'center' | 'right';\r\n /** Optimize for touch (larger targets) */\r\n touchOptimized?: boolean;\r\n /** Compact mode - reduces padding and spacing */\r\n compact?: boolean;\r\n /** Font size scale (default: 1.0) */\r\n fontScale?: number;\r\n /** Maximum height for bottom position (default: 70vh) */\r\n maxHeight?: string;\r\n /** Maximum width for bottom position (default: none) */\r\n maxWidth?: string;\r\n /** Toast notification duration in milliseconds (default: 3000) */\r\n toastDuration?: number;\r\n /** Called when controls button clicked (opens control panel for this device) */\r\n onOpenControls?: () => void;\r\n /** Show controls button in header */\r\n showControlsButton?: boolean;\r\n /** Embedded mode - uses static positioning for rendering in containers (default: false) */\r\n embedded?: boolean;\r\n}\r\n\r\nexport function DeviceConfigPanel({\r\n binding,\r\n onClose,\r\n onUndock,\r\n undockIcon = '⇱',\r\n position = 'bottom',\r\n align = 'center',\r\n touchOptimized = true,\r\n compact = false,\r\n fontScale = 1.0,\r\n maxHeight,\r\n maxWidth,\r\n toastDuration = 3000,\r\n onOpenControls,\r\n showControlsButton = true,\r\n embedded = false,\r\n}: DeviceConfigPanelProps) {\r\n const [localValues, setLocalValues] = useState<Record<string, any>>(() => {\r\n if (binding) {\r\n const values: Record<string, any> = {};\r\n binding.parameters.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n return values;\r\n }\r\n return {};\r\n });\r\n const [collapsedSections, setCollapsedSections] = useState<Set<string>>(() => {\r\n const collapsed = new Set<string>();\r\n if (binding?.sections) {\r\n binding.sections.forEach((section) => {\r\n if (section.collapsible && section.defaultCollapsed) {\r\n collapsed.add(section.id);\r\n }\r\n });\r\n }\r\n return collapsed;\r\n });\r\n const [showToast, setShowToast] = useState(true);\r\n const [bindingId, setBindingId] = useState<string | null>(binding?.nodeId || null);\r\n const lastResultTimestampRef = useRef<number>(0);\r\n\r\n // Reset local values when binding changes (new device selected)\r\n if (binding && binding.nodeId !== bindingId) {\r\n const values: Record<string, any> = {};\r\n binding.parameters.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n setLocalValues(values);\r\n\r\n // Reset collapsed sections for new binding\r\n const collapsed = new Set<string>();\r\n binding.sections?.forEach((section) => {\r\n if (section.collapsible && section.defaultCollapsed) {\r\n collapsed.add(section.id);\r\n }\r\n });\r\n setCollapsedSections(collapsed);\r\n\r\n setBindingId(binding.nodeId);\r\n }\r\n\r\n // Auto-dismiss toast - defer setState to avoid cascading renders\r\n useEffect(() => {\r\n const currentTimestamp = binding?.state.lastSaved || 0;\r\n if (binding?.state.lastSaveResult && currentTimestamp !== lastResultTimestampRef.current) {\r\n lastResultTimestampRef.current = currentTimestamp;\r\n\r\n // Defer setState to next tick to avoid cascading renders\r\n const showTimer = setTimeout(() => {\r\n setShowToast(true);\r\n const hideTimer = setTimeout(() => {\r\n setShowToast(false);\r\n }, toastDuration);\r\n return () => clearTimeout(hideTimer);\r\n }, 0);\r\n\r\n return () => clearTimeout(showTimer);\r\n }\r\n }, [binding?.state.lastSaveResult, binding?.state.lastSaved, toastDuration]);\r\n\r\n // Group parameters by section\r\n const parametersBySection = useMemo(() => {\r\n if (!binding) return { _unsectioned: [] };\r\n\r\n const groups: Record<string, ConfigParameter[]> = { _unsectioned: [] };\r\n\r\n binding.parameters.forEach((param) => {\r\n const sectionId = param.section || '_unsectioned';\r\n if (!groups[sectionId]) {\r\n groups[sectionId] = [];\r\n }\r\n groups[sectionId].push(param);\r\n });\r\n\r\n // Sort parameters within each section by order\r\n Object.keys(groups).forEach((sectionId) => {\r\n groups[sectionId].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n });\r\n\r\n return groups;\r\n }, [binding]);\r\n\r\n // Get sections sorted by order\r\n const sortedSections = useMemo(() => {\r\n if (!binding?.sections) return [];\r\n return [...binding.sections].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n }, [binding]);\r\n\r\n if (!binding) return null;\r\n\r\n const touchSize = touchOptimized ? 56 : 40;\r\n\r\n // Spacing\r\n const spacing = {\r\n padding: compact ? '12px' : '20px',\r\n gap: compact ? '6px' : '8px',\r\n marginBottom: compact ? '10px' : '16px',\r\n itemPadding: compact ? '8px 10px' : '10px 12px',\r\n };\r\n\r\n // Font sizes\r\n const fontSize = {\r\n title: Math.round(14 * fontScale),\r\n label: Math.round(11 * fontScale),\r\n value: Math.round(13 * fontScale),\r\n input: Math.round(13 * fontScale),\r\n button: Math.round(12 * fontScale),\r\n section: Math.round(12 * fontScale),\r\n description: Math.round(10 * fontScale),\r\n };\r\n\r\n // ISA-101 Colors\r\n const backgroundColor = binding.theme?.backgroundColor || '#edeeef';\r\n const surfaceColor = binding.theme?.surfaceColor || '#f5f6f7';\r\n const borderColor = binding.theme?.borderColor || '#d2d2d2';\r\n const textColor = binding.theme?.textColor || '#000000';\r\n const mutedTextColor = binding.theme?.mutedTextColor || '#666666';\r\n const accentColor = binding.theme?.accentColor || '#b4d0fe';\r\n const errorColor = binding.theme?.errorColor || '#ef4444';\r\n const successColor = binding.theme?.successColor || '#10b981';\r\n\r\n const handleValueChange = (parameterId: string, value: any) => {\r\n setLocalValues((prev) => ({ ...prev, [parameterId]: value }));\r\n };\r\n\r\n const handleApply = async () => {\r\n if (binding.actions.onApply) {\r\n await binding.actions.onApply(localValues);\r\n }\r\n };\r\n\r\n const handleSave = async () => {\r\n if (binding.actions.onSave) {\r\n await binding.actions.onSave(localValues);\r\n }\r\n };\r\n\r\n const handleReset = async () => {\r\n if (binding.display?.resetConfirmMessage) {\r\n if (!confirm(binding.display.resetConfirmMessage)) {\r\n return;\r\n }\r\n }\r\n if (binding.actions.onReset) {\r\n await binding.actions.onReset();\r\n }\r\n };\r\n\r\n const handleCancel = () => {\r\n if (binding.actions.onCancel) {\r\n binding.actions.onCancel();\r\n }\r\n onClose();\r\n };\r\n\r\n const toggleSection = (sectionId: string) => {\r\n setCollapsedSections((prev) => {\r\n const next = new Set(prev);\r\n if (next.has(sectionId)) {\r\n next.delete(sectionId);\r\n } else {\r\n next.add(sectionId);\r\n }\r\n return next;\r\n });\r\n };\r\n\r\n const renderParameter = (param: ConfigParameter) => {\r\n // Check visibility\r\n if (param.visibleWhen && !param.visibleWhen(localValues)) {\r\n return null;\r\n }\r\n\r\n const value = localValues[param.id];\r\n const error = binding.state.errors?.[param.id];\r\n const isDisabled = param.readOnly || param.enabled === false;\r\n\r\n return (\r\n <div\r\n key={param.id}\r\n style={{\r\n marginBottom: spacing.marginBottom,\r\n }}\r\n >\r\n {/* Label */}\r\n <label\r\n style={{\r\n display: 'block',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n color: textColor,\r\n marginBottom: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {param.label}\r\n {param.required && <span style={{ color: errorColor }}> *</span>}\r\n {param.unit && (\r\n <span style={{ color: mutedTextColor, fontWeight: 'normal' }}> ({param.unit})</span>\r\n )}\r\n </label>\r\n\r\n {/* Description */}\r\n {param.description && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginBottom: '6px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {param.description}\r\n </div>\r\n )}\r\n\r\n {/* Input */}\r\n {param.type === 'number' && (\r\n <input\r\n type=\"number\"\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, parseFloat(e.target.value))}\r\n min={param.min}\r\n max={param.max}\r\n step={param.step}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n />\r\n )}\r\n\r\n {param.type === 'string' && (\r\n <input\r\n type=\"text\"\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, e.target.value)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n />\r\n )}\r\n\r\n {param.type === 'boolean' && (\r\n <label\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '8px',\r\n cursor: isDisabled ? 'not-allowed' : 'pointer',\r\n }}\r\n >\r\n <input\r\n type=\"checkbox\"\r\n checked={value ?? false}\r\n onChange={(e) => handleValueChange(param.id, e.target.checked)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '20px',\r\n height: '20px',\r\n cursor: isDisabled ? 'not-allowed' : 'pointer',\r\n }}\r\n />\r\n <span style={{ fontSize: `${fontSize.value}px`, color: textColor }}>\r\n {value ? 'Enabled' : 'Disabled'}\r\n </span>\r\n </label>\r\n )}\r\n\r\n {param.type === 'select' && (\r\n <select\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, e.target.value)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n >\r\n {param.options?.map((option) => (\r\n <option key={option.value} value={option.value}>\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n )}\r\n\r\n {/* Error message */}\r\n {error && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: errorColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {error}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n const renderSection = (section: ConfigSection) => {\r\n const params = parametersBySection[section.id] || [];\r\n const isCollapsed = collapsedSections.has(section.id);\r\n\r\n return (\r\n <div\r\n key={section.id}\r\n style={{\r\n marginBottom: spacing.marginBottom,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '4px',\r\n backgroundColor: surfaceColor,\r\n }}\r\n >\r\n {/* Section header */}\r\n <div\r\n onClick={() => section.collapsible && toggleSection(section.id)}\r\n style={{\r\n padding: spacing.itemPadding,\r\n borderBottom: isCollapsed ? 'none' : `1px solid ${borderColor}`,\r\n cursor: section.collapsible ? 'pointer' : 'default',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <div>\r\n <div\r\n style={{\r\n fontSize: `${fontSize.section}px`,\r\n fontWeight: 600,\r\n color: textColor,\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {section.icon && <span style={{ marginRight: '8px' }}>{section.icon}</span>}\r\n {section.title}\r\n </div>\r\n {section.description && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {section.description}\r\n </div>\r\n )}\r\n </div>\r\n {section.collapsible && (\r\n <span style={{ fontSize: '16px', color: mutedTextColor }}>\r\n {isCollapsed ? '▼' : '▲'}\r\n </span>\r\n )}\r\n </div>\r\n\r\n {/* Section content */}\r\n {!isCollapsed && (\r\n <div style={{ padding: spacing.padding }}>{params.map(renderParameter)}</div>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n // Panel styles\r\n const panelStyle: React.CSSProperties = embedded\r\n ? {\r\n // Embedded mode: static positioning for container layouts\r\n position: 'static',\r\n width: '100%',\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: '8px 8px 0 0',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n maxHeight: maxHeight || '70vh',\r\n overflowY: 'auto',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...binding.display?.style,\r\n }\r\n : {\r\n // Fixed mode: traditional overlay positioning\r\n position: 'fixed',\r\n ...(position === 'bottom'\r\n ? {\r\n bottom: 0,\r\n ...(align === 'left'\r\n ? { left: 0, right: 'auto', width: maxWidth }\r\n : align === 'right'\r\n ? { right: 0, left: 'auto', width: maxWidth }\r\n : {\r\n left: 0,\r\n right: 0,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n maxWidth: maxWidth,\r\n }),\r\n animation: 'slideUp 0.3s ease-out',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: maxWidth || '400px',\r\n animation: 'slideIn 0.3s ease-out',\r\n }),\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: position === 'bottom' ? '8px 8px 0 0' : '8px 0 0 8px',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n zIndex: 10000,\r\n maxHeight: maxHeight || (position === 'bottom' ? '70vh' : '100vh'),\r\n overflowY: 'auto',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...binding.display?.style,\r\n };\r\n\r\n const titleText = binding.display?.title || binding.deviceName || binding.tag || binding.nodeId;\r\n const showApply = binding.display?.showApply !== false && binding.actions.onApply;\r\n const showSave = binding.display?.showSave !== false && binding.actions.onSave;\r\n const showReset = binding.display?.showReset !== false && binding.actions.onReset;\r\n const showCancel = binding.display?.showCancel !== false;\r\n\r\n return (\r\n <>\r\n {/* Panel */}\r\n <div style={panelStyle} className={binding.display?.className}>\r\n {/* Header */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: '16px',\r\n paddingBottom: '12px',\r\n borderBottom: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <div>\r\n <h3\r\n style={{\r\n margin: 0,\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n color: textColor,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n maxWidth: '200px',\r\n }}\r\n title={titleText.length > 25 ? titleText : undefined}\r\n >\r\n {titleText.length > 25 ? titleText.slice(0, 25) + '...' : titleText}\r\n </h3>\r\n {binding.display?.subtitle && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.display.subtitle}\r\n </div>\r\n )}\r\n </div>\r\n <div style={{ display: 'flex', gap: '8px' }}>\r\n {/* Controls button */}\r\n {showControlsButton && onOpenControls && (\r\n <button\r\n onClick={onOpenControls}\r\n title=\"Open Controls\"\r\n style={{\r\n minWidth: `${touchSize * 1.2}px`,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0 8px',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n CTRL\r\n </button>\r\n )}\r\n {/* Undock button */}\r\n {onUndock && (\r\n <button\r\n onClick={onUndock}\r\n title=\"Undock panel\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n {undockIcon}\r\n </button>\r\n )}\r\n {/* Close button */}\r\n <button\r\n onClick={onClose}\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '18px',\r\n cursor: 'pointer',\r\n fontWeight: 'bold',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n ×\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Dirty indicator */}\r\n {binding.state.isDirty && (\r\n <div\r\n style={{\r\n padding: spacing.itemPadding,\r\n backgroundColor: '#fff3cd',\r\n border: '1px solid #ffc107',\r\n borderRadius: '4px',\r\n marginBottom: spacing.marginBottom,\r\n fontSize: `${fontSize.description}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n Unsaved changes\r\n </div>\r\n )}\r\n\r\n {/* Content - scrollable */}\r\n <div style={{ flex: 1, overflowY: 'auto', marginBottom: spacing.marginBottom }}>\r\n {/* Render sections */}\r\n {sortedSections.length > 0 ? (\r\n sortedSections.map(renderSection)\r\n ) : (\r\n /* Render unsectioned parameters */\r\n <div>{parametersBySection._unsectioned?.map(renderParameter)}</div>\r\n )}\r\n </div>\r\n\r\n {/* Action buttons */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n gap: spacing.gap,\r\n paddingTop: '12px',\r\n borderTop: `2px solid ${borderColor}`,\r\n flexWrap: 'wrap',\r\n }}\r\n >\r\n {showApply && (\r\n <button\r\n onClick={handleApply}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: accentColor,\r\n color: '#000000',\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {binding.state.isSaving ? 'Applying...' : 'Apply'}\r\n </button>\r\n )}\r\n\r\n {showSave && (\r\n <button\r\n onClick={handleSave}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: successColor,\r\n color: '#ffffff',\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {binding.state.isSaving ? 'Saving...' : 'Save'}\r\n </button>\r\n )}\r\n\r\n {showReset && (\r\n <button\r\n onClick={handleReset}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n Reset\r\n </button>\r\n )}\r\n\r\n {showCancel && (\r\n <button\r\n onClick={handleCancel}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n Cancel\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Toast notification */}\r\n {binding.state.lastSaveResult && showToast && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n bottom: '20px',\r\n ...(align === 'right' ? { left: '20px' } : { right: '20px' }),\r\n backgroundColor: binding.state.lastSaveResult.success ? successColor : errorColor,\r\n color: '#ffffff',\r\n padding: '12px 20px',\r\n borderRadius: '4px',\r\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)',\r\n zIndex: 10000,\r\n fontSize: `${fontSize.value}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n }}\r\n >\r\n {binding.state.lastSaveResult.message ||\r\n (binding.state.lastSaveResult.success ? 'Success' : 'Error')}\r\n </div>\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useEffect } from 'react';\r\nimport { calculateThresholdStatus } from '../../utils/thresholds';\r\nimport type { TelemetryMap, TelemetryBinding } from './useTelemetry';\r\n\r\n/**\r\n * Options for simulation behavior\r\n */\r\nexport interface SimulationOptions {\r\n /** Update interval in milliseconds (default: 2000) */\r\n interval?: number;\r\n /** Whether simulation is enabled (default: true) */\r\n enabled?: boolean;\r\n /** Maximum change per update (default: 10) */\r\n maxChange?: number;\r\n /** Minimum value clamp (default: 0) */\r\n minValue?: number;\r\n /** Maximum value clamp (default: 100) */\r\n maxValue?: number;\r\n /** Maximum history length (default: 10) */\r\n historyLength?: number;\r\n /** Custom value generator function */\r\n generateValue?: (currentValue: number, nodeId: string) => number;\r\n}\r\n\r\n/**\r\n * Hook to automatically simulate telemetry data updates\r\n * Randomly updates numeric telemetry values and calculates status based on thresholds\r\n * \r\n * @param telemetry - Telemetry map from useTelemetry\r\n * @param updateTelemetryBatch - Batch update function from useTelemetry\r\n * @param options - Simulation configuration options\r\n * \r\n * @example\r\n * ```tsx\r\n * const { telemetry, updateTelemetryBatch } = useTelemetry();\r\n * useSimulation(telemetry, updateTelemetryBatch, {\r\n * interval: 2000,\r\n * enabled: mode === 'runtime'\r\n * });\r\n * ```\r\n */\r\nexport function useSimulation(\r\n telemetry: TelemetryMap,\r\n updateTelemetryBatch: (updates: Array<any>) => void,\r\n options: SimulationOptions = {}\r\n) {\r\n const {\r\n interval = 2000,\r\n enabled = true,\r\n maxChange = 10,\r\n minValue = 0,\r\n maxValue = 100,\r\n historyLength = 10,\r\n generateValue,\r\n } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n const intervalId = setInterval(() => {\r\n const updates: Array<{\r\n nodeId: string;\r\n tag?: string;\r\n value?: any;\r\n history?: number[];\r\n display?: any;\r\n thresholds?: any;\r\n statusColors?: any;\r\n }> = [];\r\n\r\n telemetry.forEach((binding: TelemetryBinding, nodeId: string) => {\r\n // Only simulate numeric values\r\n if (typeof binding.value.value !== 'number') return;\r\n\r\n const currentValue = binding.value.value as number;\r\n\r\n // Generate new value\r\n let newValue: number;\r\n if (generateValue) {\r\n newValue = generateValue(currentValue, nodeId);\r\n } else {\r\n // Default random walk simulation\r\n const change = (Math.random() - 0.5) * maxChange;\r\n newValue = Math.max(minValue, Math.min(maxValue, currentValue + change));\r\n }\r\n\r\n // Calculate status based on thresholds\r\n const status = calculateThresholdStatus(newValue, binding.thresholds);\r\n\r\n // Update history\r\n const newHistory = [...(binding.history || []), newValue].slice(-historyLength);\r\n\r\n updates.push({\r\n nodeId,\r\n tag: binding.tag,\r\n value: {\r\n ...binding.value,\r\n value: newValue,\r\n status,\r\n timestamp: Date.now(),\r\n },\r\n history: newHistory,\r\n display: binding.display,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n });\r\n });\r\n\r\n if (updates.length > 0) {\r\n updateTelemetryBatch(updates);\r\n }\r\n }, interval);\r\n\r\n return () => clearInterval(intervalId);\r\n }, [\r\n enabled,\r\n interval,\r\n maxChange,\r\n minValue,\r\n maxValue,\r\n historyLength,\r\n generateValue,\r\n telemetry,\r\n updateTelemetryBatch,\r\n ]);\r\n}\r\n"],"mappings":"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","names":["useState","jsx","selectedOption","useState","jsx","jsxs","useState","useCallback","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs","useState","useEffect","Fragment","jsx","jsxs","useState","useEffect","currentParams","React","jsx","useEffect","useState","Box","styled","jsx","Fragment","jsx","jsxs","Fragment","jsx","jsxs","React","useState","useEffect","jsx","jsx","jsxs","useCallback","useState","useEffect","useRef","jsx","jsxs","nodes","Fragment","jsx","jsxs","Fragment","jsx","jsxs","useState","useEffect","jsx","jsxs","useState","useCallback","useRef","useEffect","useState","useCallback","useState","useCallback","useEffect","useRef","useEffect","useState","useCallback","useRef","useEffect","useEffect","Fragment","jsx","jsxs","useState","useRef","useEffect","useCallback","nodes","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useState","useCallback","useRef","prefix","useState","useCallback","useState","useEffect","useRef","Fragment","jsx","jsxs","useEffect","useEffect"]}
1
+ {"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/ControlPanel/ControlPanel.tsx","../src/components/Selector/Selector.tsx","../src/components/ValueEntry/ValueEntry.tsx","../src/components/ValueEntry/LegacyValueEntry.tsx","../src/components/StatusIndicator/StatusIndicator.tsx","../src/components/NodeControlsPanel/NodeControlsPanel.tsx","../src/components/DeviceControlPanel/DeviceControlPanel.tsx","../src/theme/statusColors.ts","../src/components/NumpadDialog/NumpadDialog.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.styles.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.overlays.tsx","../src/components/layout/FullscreenWorkspace/FullscreenWorkspace.visuals.tsx","../src/theme/ThemeContext.tsx","../src/theme/ThemeToggle.tsx","../src/components/PIDCanvas/PIDCanvas.tsx","../src/diagram/symbols/mockSymbolLibrary.ts","../src/components/PIDCanvas/NodeRenderer.tsx","../src/components/PIDCanvas/PipeRenderer.tsx","../src/components/PIDCanvas/DataOverlay.tsx","../src/components/PIDCanvas/PositionPanel.tsx","../src/diagram/hooks/useViewBox.ts","../src/diagram/hooks/useSelection.ts","../src/diagram/hooks/useTelemetry.ts","../src/diagram/hooks/useTelemetryStatus.ts","../src/diagram/hooks/useDrag.ts","../src/diagram/hooks/useKeyboardShortcuts.ts","../src/diagram/utils/portCalculations.ts","../src/components/SymbolLibrary/SymbolLibrary.tsx","../src/components/NodeConfigPanel/NodeConfigPanel.tsx","../src/diagram/utils/serialization.ts","../src/diagram/examples/exampleDiagram.ts","../src/utils/thresholds.ts","../src/diagram/schema/DeviceControlBinding.ts","../src/hooks/useDeviceControls.ts","../src/diagram/schema/DeviceConfigBinding.ts","../src/hooks/useDeviceConfigs.ts","../src/components/DeviceConfigPanel/DeviceConfigPanel.tsx","../src/diagram/hooks/useSimulation.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: 'primary' | 'secondary';\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const Button: React.FC<ButtonProps> = ({\r\n variant = 'primary',\r\n children,\r\n className = '',\r\n ...props\r\n}) => {\r\n // Use CSS classes for base and variant styles\r\n const baseClass = 'ui-btn';\r\n const variantClass = variant ? `ui-btn--${variant}` : '';\r\n return (\r\n <button className={`${baseClass} ${variantClass} ${className}`.trim()} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Selector, SelectorOption } from '../Selector';\r\nimport { LegacyValueEntry as ValueEntry } from '../ValueEntry';\r\nimport { Button } from '../Button';\r\nimport type { ScalingMetadata } from '../../diagram/schema/TelemetryBinding';\r\n\r\nexport interface ModeConfig {\r\n /** Units for this mode */\r\n unit?: string;\r\n /** Label for the primary setpoint */\r\n label?: string;\r\n /** Minimum value for primary setpoint */\r\n min?: number;\r\n /** Maximum value for primary setpoint */\r\n max?: number;\r\n /** Precision for primary setpoint */\r\n precision?: number;\r\n /** Whether this mode has a second setpoint (like ramp time) */\r\n hasSecondSetpoint?: boolean;\r\n /** Label for the second setpoint */\r\n secondLabel?: string;\r\n /** Units for the second setpoint */\r\n secondUnit?: string;\r\n /** Min value for second setpoint */\r\n secondMin?: number;\r\n /** Max value for second setpoint */\r\n secondMax?: number;\r\n /** Precision for second setpoint */\r\n secondPrecision?: number;\r\n}\r\n\r\nexport interface ControlPanelProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Panel title/identifier */\r\n title: string;\r\n /** Currently selected mode */\r\n selectedMode: string;\r\n /** Available mode options */\r\n modeOptions: SelectorOption[];\r\n /** Callback when mode changes */\r\n onModeChange: (mode: string) => void;\r\n /** Current setpoint value */\r\n setpointValue: number | string;\r\n /** Callback when setpoint changes */\r\n onSetpointChange: (value: number | string) => void;\r\n /** Current second setpoint value (for ramp mode, etc.) */\r\n secondSetpointValue?: number | string;\r\n /** Callback when second setpoint changes */\r\n onSecondSetpointChange?: (value: number | string) => void;\r\n /** Configuration for each mode */\r\n modeConfigs?: Record<string, ModeConfig>;\r\n /** Default unit when no mode config is found */\r\n defaultUnit?: string;\r\n /** Default label when no mode config is found */\r\n defaultLabel?: string;\r\n /** Default min when no mode config is found */\r\n defaultMin?: number;\r\n /** Default max when no mode config is found */\r\n defaultMax?: number;\r\n /** Default precision when no mode config is found */\r\n defaultPrecision?: number;\r\n /**\r\n * Uniform scaling / EU metadata (#1663). When provided, supplies the\r\n * units / min / max / precision defaults from the live published scaling\r\n * record - used only where an explicit `default*` prop or a mode config does\r\n * not already set the value (modeConfig > explicit default > scaling >\r\n * hardcoded). Lets the consumer drive the panel from the scaling stream\r\n * instead of static diagram config.\r\n */\r\n scaling?: ScalingMetadata;\r\n /** Status state for the entire panel */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Whether the panel is collapsed */\r\n collapsed?: boolean;\r\n /** Callback when collapse state changes */\r\n onCollapseChange?: (collapsed: boolean) => void;\r\n /** Panel size variant */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Whether setpoint is read-only */\r\n setpointReadOnly?: boolean;\r\n /** Whether to show start/stop buttons */\r\n showStartStopButtons?: boolean;\r\n /** Whether the process is currently running */\r\n isRunning?: boolean;\r\n /** Callback when start button is clicked */\r\n onStart?: () => void;\r\n /** Callback when stop button is clicked */\r\n onStop?: () => void;\r\n /** Custom start button text */\r\n startButtonText?: string;\r\n /** Custom stop button text */\r\n stopButtonText?: string;\r\n}\r\n\r\nexport const ControlPanel: React.FC<ControlPanelProps> = ({\r\n title,\r\n selectedMode,\r\n modeOptions,\r\n onModeChange,\r\n setpointValue,\r\n onSetpointChange,\r\n secondSetpointValue,\r\n onSecondSetpointChange,\r\n modeConfigs = {},\r\n defaultUnit,\r\n defaultLabel = 'Setpoint',\r\n defaultMin,\r\n defaultMax,\r\n defaultPrecision,\r\n scaling,\r\n status = 'normal',\r\n collapsed = false,\r\n onCollapseChange,\r\n size = 'medium',\r\n setpointReadOnly = false,\r\n showStartStopButtons = false,\r\n isRunning = false,\r\n onStart,\r\n onStop,\r\n startButtonText = 'Start',\r\n stopButtonText = 'Stop',\r\n className = '',\r\n ...props\r\n}) => {\r\n const [isExpanded, setIsExpanded] = useState(!collapsed);\r\n\r\n const toggleExpanded = () => {\r\n const newExpanded = !isExpanded;\r\n setIsExpanded(newExpanded);\r\n onCollapseChange?.(!newExpanded);\r\n };\r\n\r\n // Get current mode configuration\r\n const currentModeConfig = modeConfigs[selectedMode] || {};\r\n // Resolution order: mode config > explicit default prop > scaling metadata\r\n // (#1663) > hardcoded fallback.\r\n const currentUnit = currentModeConfig.unit || defaultUnit || scaling?.units || 'Units';\r\n const currentLabel = currentModeConfig.label || defaultLabel;\r\n const currentMin = currentModeConfig.min ?? defaultMin ?? scaling?.euLow ?? 0;\r\n const currentMax = currentModeConfig.max ?? defaultMax ?? scaling?.euHigh ?? 100;\r\n const currentPrecision =\r\n currentModeConfig.precision ?? defaultPrecision ?? scaling?.decimals ?? 2;\r\n const hasSecondSetpoint = currentModeConfig.hasSecondSetpoint || false;\r\n\r\n // Use CSS classes for base, status, size, and expanded state\r\n const baseClass = 'ui-control-panel';\r\n const statusClass = status ? `ui-control-panel--${status}` : '';\r\n const sizeClass = size ? `ui-control-panel--${size}` : '';\r\n const expandedClass = isExpanded ? 'is-expanded' : 'is-collapsed';\r\n const collapsibleClass = onCollapseChange ? 'is-collapsible' : '';\r\n\r\n return (\r\n <div\r\n className={`${baseClass} ${statusClass} ${sizeClass} ${expandedClass} ${collapsibleClass} ${className}`.trim()}\r\n {...props}\r\n >\r\n {/* Status Badge */}\r\n <div className={`ui-control-panel-badge ui-control-panel-badge--${status}`} />\r\n\r\n {/* Header */}\r\n <div\r\n className=\"ui-control-panel-header\"\r\n onClick={onCollapseChange ? toggleExpanded : undefined}\r\n >\r\n <h3 className=\"ui-control-panel-title\">{title}</h3>\r\n {onCollapseChange && (\r\n <svg\r\n className=\"ui-control-panel-chevron\"\r\n fill=\"none\"\r\n viewBox=\"0 0 24 24\"\r\n stroke=\"currentColor\"\r\n >\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\r\n </svg>\r\n )}\r\n </div>\r\n\r\n {/* Content */}\r\n <div className=\"ui-control-panel-content\">\r\n {/* Mode Selector */}\r\n <div>\r\n <Selector\r\n value={selectedMode}\r\n onChange={onModeChange}\r\n options={modeOptions}\r\n label=\"Control Mode\"\r\n status={status}\r\n size={size === 'small' ? 'small' : size === 'large' ? 'large' : 'medium'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n\r\n {/* Primary Setpoint Value Entry */}\r\n <div>\r\n <ValueEntry\r\n value={setpointValue}\r\n onChange={onSetpointChange}\r\n label={currentLabel}\r\n unit={currentUnit}\r\n min={currentMin}\r\n max={currentMax}\r\n precision={currentPrecision}\r\n status={status}\r\n readOnly={setpointReadOnly || status === 'disabled'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n\r\n {/* Second Setpoint (for ramp mode, etc.) */}\r\n {hasSecondSetpoint && onSecondSetpointChange && (\r\n <div>\r\n <ValueEntry\r\n value={secondSetpointValue || 0}\r\n onChange={onSecondSetpointChange}\r\n label={currentModeConfig.secondLabel || 'Time'}\r\n unit={currentModeConfig.secondUnit || 'sec'}\r\n min={currentModeConfig.secondMin ?? 0}\r\n max={currentModeConfig.secondMax ?? 999}\r\n precision={currentModeConfig.secondPrecision ?? 0}\r\n status={status}\r\n readOnly={setpointReadOnly || status === 'disabled'}\r\n disabled={status === 'disabled'}\r\n />\r\n </div>\r\n )}\r\n\r\n {/* Start/Stop Buttons */}\r\n {showStartStopButtons && (onStart || onStop) && (\r\n <div className=\"ui-control-panel-buttons\">\r\n {onStart && (\r\n <Button\r\n variant=\"primary\"\r\n onClick={onStart}\r\n disabled={isRunning || status === 'disabled'}\r\n className={isRunning ? 'is-running' : ''}\r\n >\r\n {startButtonText}\r\n </Button>\r\n )}\r\n {onStop && (\r\n <Button\r\n variant=\"secondary\"\r\n onClick={onStop}\r\n disabled={!isRunning || status === 'disabled'}\r\n className={`ui-control-panel-stop-btn${!isRunning ? ' is-disabled' : ''}`}\r\n >\r\n {stopButtonText}\r\n </Button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Additional Info Row */}\r\n <div className=\"ui-control-panel-info\">\r\n <span>Mode: {selectedMode.toUpperCase()}</span>\r\n <div className=\"ui-control-panel-info-values\">\r\n <span>\r\n SP: {String(setpointValue)}\r\n {currentUnit}\r\n </span>\r\n {hasSecondSetpoint && secondSetpointValue && (\r\n <span>\r\n {currentModeConfig.secondLabel}: {String(secondSetpointValue)}\r\n {currentModeConfig.secondUnit}\r\n </span>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useRef, useEffect } from 'react';\r\n\r\nexport interface SelectorOption {\r\n /** Unique value for the option */\r\n value: string;\r\n /** Display label for the option */\r\n label: string;\r\n /** Whether this option is disabled */\r\n disabled?: boolean;\r\n /** Optional description for tooltip or additional context */\r\n description?: string;\r\n}\r\n\r\nexport interface SelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\r\n /** Currently selected value */\r\n value: string;\r\n /** Callback when selection changes */\r\n onChange: (value: string) => void;\r\n /** List of available options */\r\n options: SelectorOption[];\r\n /** Placeholder text when no option is selected */\r\n placeholder?: string;\r\n /** Whether the selector is disabled */\r\n disabled?: boolean;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Size variant */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Label for the selector */\r\n label?: string;\r\n /** Whether the dropdown should open upward */\r\n dropdownUp?: boolean;\r\n}\r\n\r\nexport const Selector: React.FC<SelectorProps> = ({\r\n value,\r\n onChange,\r\n options,\r\n placeholder = 'Select option...',\r\n disabled = false,\r\n status = 'normal',\r\n size = 'medium',\r\n label,\r\n dropdownUp: _dropdownUp = false,\r\n className = '',\r\n ...props\r\n}) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [focusedIndex, setFocusedIndex] = useState(-1);\r\n const selectorRef = useRef<HTMLDivElement>(null);\r\n const dropdownRef = useRef<HTMLDivElement>(null);\r\n\r\n // Close dropdown when clicking outside\r\n useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (selectorRef.current && !selectorRef.current.contains(event.target as Node)) {\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n };\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => document.removeEventListener('mousedown', handleClickOutside);\r\n }, []);\r\n\r\n // Handle keyboard navigation\r\n const handleKeyDown = (e: React.KeyboardEvent) => {\r\n if (disabled) return;\r\n switch (e.key) {\r\n case 'Enter':\r\n case ' ':\r\n e.preventDefault();\r\n if (!isOpen) {\r\n setIsOpen(true);\r\n setFocusedIndex(\r\n Math.max(\r\n 0,\r\n options.findIndex((opt) => opt.value === value)\r\n )\r\n );\r\n } else if (focusedIndex >= 0) {\r\n const selectedOption = options[focusedIndex];\r\n if (!selectedOption.disabled) {\r\n onChange(selectedOption.value);\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n }\r\n break;\r\n case 'Escape':\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n break;\r\n case 'ArrowDown':\r\n e.preventDefault();\r\n if (!isOpen) {\r\n setIsOpen(true);\r\n setFocusedIndex(\r\n Math.max(\r\n 0,\r\n options.findIndex((opt) => opt.value === value)\r\n )\r\n );\r\n } else {\r\n setFocusedIndex((prev) => {\r\n const nextIndex = Math.min(prev + 1, options.length - 1);\r\n return options[nextIndex]?.disabled ? prev : nextIndex;\r\n });\r\n }\r\n break;\r\n case 'ArrowUp':\r\n e.preventDefault();\r\n if (isOpen) {\r\n setFocusedIndex((prev) => {\r\n const nextIndex = Math.max(prev - 1, 0);\r\n return options[nextIndex]?.disabled ? prev : nextIndex;\r\n });\r\n }\r\n break;\r\n }\r\n };\r\n\r\n // CSS class names for base, status, and size\r\n const baseClass = 'ui-selector';\r\n const statusClass = status ? `ui-selector--${status}` : '';\r\n const sizeClass = size ? `ui-selector--${size}` : '';\r\n\r\n // Get current selected option\r\n const selectedOption = options.find((opt) => opt.value === value);\r\n\r\n return (\r\n <div className={`ui-selector-container ${className}`.trim()}>\r\n {label && <label className=\"ui-selector-label\">{label}</label>}\r\n <div ref={selectorRef} style={{ position: 'relative' }}>\r\n <div\r\n className={`${baseClass} ${statusClass} ${sizeClass}`.trim()}\r\n onClick={() => !disabled && setIsOpen(!isOpen)}\r\n onKeyDown={handleKeyDown}\r\n tabIndex={disabled ? -1 : 0}\r\n role=\"combobox\"\r\n aria-expanded={isOpen}\r\n aria-haspopup=\"listbox\"\r\n {...props}\r\n >\r\n <span className=\"ui-selector-value\">\r\n {selectedOption ? selectedOption.label : placeholder}\r\n </span>\r\n {/* Arrow Icon */}\r\n <svg className=\"ui-selector-arrow\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\r\n </svg>\r\n </div>\r\n\r\n {/* Dropdown */}\r\n {isOpen && (\r\n <div ref={dropdownRef} className=\"ui-selector-dropdown\" role=\"listbox\">\r\n {options.map((option, index) => (\r\n <div\r\n key={option.value}\r\n className={`ui-selector-option${option.disabled ? ' is-disabled' : ''}${option.value === value ? ' is-selected' : ''}`}\r\n onClick={() => {\r\n if (!option.disabled) {\r\n onChange(option.value);\r\n setIsOpen(false);\r\n setFocusedIndex(-1);\r\n }\r\n }}\r\n onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\r\n role=\"option\"\r\n aria-selected={option.value === value}\r\n aria-disabled={option.disabled}\r\n title={option.description}\r\n >\r\n <div className=\"ui-selector-option-label\">\r\n <span>{option.label}</span>\r\n {option.value === value && (\r\n <svg className=\"ui-selector-check\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path\r\n fillRule=\"evenodd\"\r\n d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\r\n clipRule=\"evenodd\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {option.description && (\r\n <div className=\"ui-selector-option-desc\">{option.description}</div>\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useCallback } from 'react';\r\n\r\nexport interface ValueEntryProps\r\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\r\n /** Current value */\r\n value: number | string;\r\n /** Callback when value changes */\r\n onChange: (value: number | string) => void;\r\n /** Unit of measurement to display */\r\n unit?: string;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Minimum allowed value (for numeric inputs) */\r\n min?: number;\r\n /** Maximum allowed value (for numeric inputs) */\r\n max?: number;\r\n /** Number of decimal places (for numeric inputs) */\r\n precision?: number;\r\n /** Input type - numeric or text */\r\n inputType?: 'numeric' | 'text';\r\n /** Label for the input */\r\n label?: string;\r\n /** Whether the input is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport const ValueEntry: React.FC<ValueEntryProps> = ({\r\n value,\r\n onChange,\r\n unit,\r\n status = 'normal',\r\n min,\r\n max,\r\n precision = 2,\r\n inputType = 'numeric',\r\n label,\r\n readOnly = false,\r\n className = '',\r\n disabled,\r\n ...props\r\n}) => {\r\n const [displayValue, setDisplayValue] = useState(String(value));\r\n const [isEditing, setIsEditing] = useState(false);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsEditing(true);\r\n setDisplayValue(String(value));\r\n }, [value]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsEditing(false);\r\n let newValue: number | string = displayValue;\r\n\r\n if (inputType === 'numeric') {\r\n const numValue = parseFloat(displayValue);\r\n if (!isNaN(numValue)) {\r\n // Apply min/max constraints\r\n let constrainedValue = numValue;\r\n if (min !== undefined) constrainedValue = Math.max(min, constrainedValue);\r\n if (max !== undefined) constrainedValue = Math.min(max, constrainedValue);\r\n\r\n // Apply precision\r\n constrainedValue = parseFloat(constrainedValue.toFixed(precision));\r\n newValue = constrainedValue;\r\n setDisplayValue(String(constrainedValue));\r\n } else {\r\n // Invalid number, revert to original value\r\n setDisplayValue(String(value));\r\n return;\r\n }\r\n }\r\n\r\n if (newValue !== value) {\r\n onChange(newValue);\r\n }\r\n }, [displayValue, inputType, min, max, precision, value, onChange]);\r\n\r\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setDisplayValue(e.target.value);\r\n }, []);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n e.currentTarget.blur();\r\n }\r\n if (e.key === 'Escape') {\r\n setDisplayValue(String(value));\r\n e.currentTarget.blur();\r\n }\r\n },\r\n [value]\r\n );\r\n\r\n // Use CSS classes for base, status, and unit styles\r\n const baseClass = 'ui-value-entry';\r\n const unitClass = unit ? 'ui-value-entry--with-unit' : '';\r\n const currentStatus = disabled || readOnly ? 'disabled' : status;\r\n const statusVariantClass = currentStatus ? `ui-value-entry--${currentStatus}` : '';\r\n\r\n const displayText = isEditing\r\n ? displayValue\r\n : inputType === 'numeric'\r\n ? Number(value).toFixed(precision)\r\n : String(value);\r\n\r\n return (\r\n <div className=\"ui-value-entry-container\">\r\n {label && <label className=\"ui-value-entry-label\">{label}</label>}\r\n <div className=\"ui-value-entry-wrapper\">\r\n <input\r\n type={inputType === 'numeric' ? 'text' : 'text'}\r\n value={displayText}\r\n onChange={handleChange}\r\n onFocus={handleFocus}\r\n onBlur={handleBlur}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n className={`${baseClass} ${statusVariantClass} ${unitClass} ${className}`.trim()}\r\n {...props}\r\n />\r\n {unit && <span className=\"ui-value-entry-unit\">{unit}</span>}\r\n {status === 'alarm' && <div className=\"ui-value-entry-badge ui-value-entry-badge--alarm\" />}\r\n {status === 'warning' && (\r\n <div className=\"ui-value-entry-badge ui-value-entry-badge--warning\" />\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React, { useState, useCallback } from 'react';\r\n\r\nexport interface LegacyValueEntryProps\r\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\r\n /** Current value */\r\n value: number | string;\r\n /** Callback when value changes */\r\n onChange: (value: number | string) => void;\r\n /** Unit of measurement to display */\r\n unit?: string;\r\n /** Status state for visual feedback */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Minimum allowed value (for numeric inputs) */\r\n min?: number;\r\n /** Maximum allowed value (for numeric inputs) */\r\n max?: number;\r\n /** Number of decimal places (for numeric inputs) */\r\n precision?: number;\r\n /** Input type - numeric or text */\r\n inputType?: 'numeric' | 'text';\r\n /** Label for the input */\r\n label?: string;\r\n /** Whether the input is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport const LegacyValueEntry: React.FC<LegacyValueEntryProps> = ({\r\n value,\r\n onChange,\r\n unit,\r\n status = 'normal',\r\n min,\r\n max,\r\n precision = 2,\r\n inputType = 'numeric',\r\n label,\r\n readOnly = false,\r\n className = '',\r\n disabled,\r\n ...props\r\n}) => {\r\n const [displayValue, setDisplayValue] = useState(String(value));\r\n const [isEditing, setIsEditing] = useState(false);\r\n\r\n const handleFocus = useCallback(() => {\r\n setIsEditing(true);\r\n setDisplayValue(String(value));\r\n }, [value]);\r\n\r\n const handleBlur = useCallback(() => {\r\n setIsEditing(false);\r\n let newValue: number | string = displayValue;\r\n\r\n if (inputType === 'numeric') {\r\n const numValue = parseFloat(displayValue);\r\n if (!isNaN(numValue)) {\r\n // Apply min/max constraints\r\n let constrainedValue = numValue;\r\n if (min !== undefined) constrainedValue = Math.max(min, constrainedValue);\r\n if (max !== undefined) constrainedValue = Math.min(max, constrainedValue);\r\n\r\n // Apply precision\r\n constrainedValue = parseFloat(constrainedValue.toFixed(precision));\r\n newValue = constrainedValue;\r\n setDisplayValue(String(constrainedValue));\r\n } else {\r\n // Invalid number, revert to original value\r\n setDisplayValue(String(value));\r\n return;\r\n }\r\n }\r\n\r\n if (newValue !== value) {\r\n onChange(newValue);\r\n }\r\n }, [displayValue, inputType, min, max, precision, value, onChange]);\r\n\r\n const handleChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\r\n setDisplayValue(e.target.value);\r\n }, []);\r\n\r\n const handleKeyDown = useCallback(\r\n (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (e.key === 'Enter') {\r\n e.currentTarget.blur();\r\n }\r\n if (e.key === 'Escape') {\r\n setDisplayValue(String(value));\r\n e.currentTarget.blur();\r\n }\r\n },\r\n [value]\r\n );\r\n\r\n // Create the display text\r\n const displayText = isEditing\r\n ? displayValue\r\n : inputType === 'numeric'\r\n ? Number(value).toFixed(precision)\r\n : String(value);\r\n\r\n // Status-based styling with modern industrial colors\r\n const getStatusStyles = () => {\r\n switch (status) {\r\n case 'alarm':\r\n return {\r\n borderColor: '#ef4444',\r\n backgroundColor: 'rgba(239, 68, 68, 0.15)',\r\n color: '#fecaca',\r\n boxShadow: '0 0 20px rgba(239, 68, 68, 0.3)',\r\n };\r\n case 'warning':\r\n return {\r\n borderColor: '#f59e0b',\r\n backgroundColor: 'rgba(245, 158, 11, 0.15)',\r\n color: '#fed7aa',\r\n boxShadow: '0 0 20px rgba(245, 158, 11, 0.3)',\r\n };\r\n case 'disabled':\r\n return {\r\n borderColor: '#6b7280',\r\n backgroundColor: 'rgba(107, 114, 128, 0.1)',\r\n color: '#9ca3af',\r\n cursor: 'not-allowed',\r\n };\r\n default:\r\n return {\r\n borderColor: '#64748b',\r\n backgroundColor: 'rgba(30, 41, 59, 0.9)',\r\n color: '#f1f5f9',\r\n boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\r\n };\r\n }\r\n };\r\n\r\n const statusStyles = getStatusStyles();\r\n\r\n const inputStyle: React.CSSProperties = {\r\n width: '12rem',\r\n height: '4rem',\r\n padding: unit ? '1rem 4rem 1rem 1.5rem' : '1rem 1.5rem',\r\n border: '2px solid',\r\n borderRadius: '1.5rem',\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n fontSize: '1.25rem',\r\n fontWeight: 'bold',\r\n textAlign: 'center',\r\n outline: 'none',\r\n transition: 'all 300ms ease',\r\n backdropFilter: 'blur(8px)',\r\n ...statusStyles,\r\n };\r\n\r\n const inputStyleFocus: React.CSSProperties = {\r\n ...inputStyle,\r\n borderColor: '#60a5fa',\r\n boxShadow:\r\n '0 0 0 4px rgba(96, 165, 250, 0.3), ' +\r\n (statusStyles.boxShadow || '0 8px 32px rgba(0, 0, 0, 0.3)'),\r\n transform: 'scale(1.02)',\r\n };\r\n\r\n const unitStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n right: '0.75rem',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n padding: '0.5rem 0.75rem',\r\n fontSize: '1rem',\r\n fontWeight: 'bold',\r\n color: '#ffffff',\r\n backgroundColor: '#3b82f6',\r\n borderRadius: '0.5rem',\r\n border: '2px solid #60a5fa',\r\n backdropFilter: 'blur(4px)',\r\n pointerEvents: 'none' as const,\r\n zIndex: 10,\r\n boxShadow: '0 2px 8px rgba(59, 130, 246, 0.4)',\r\n };\r\n\r\n return (\r\n <div\r\n style={{\r\n display: 'inline-flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n gap: '0.75rem',\r\n }}\r\n >\r\n {label && (\r\n <label\r\n style={{\r\n fontSize: '0.875rem',\r\n fontWeight: '600',\r\n color: '#cbd5e1',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.05em',\r\n }}\r\n >\r\n {label}\r\n </label>\r\n )}\r\n <div style={{ position: 'relative', display: 'inline-flex', alignItems: 'center' }}>\r\n <input\r\n type=\"text\"\r\n value={displayText}\r\n onChange={handleChange}\r\n onFocus={(e) => {\r\n Object.assign(e.target.style, inputStyleFocus);\r\n handleFocus();\r\n }}\r\n onBlur={(e) => {\r\n Object.assign(e.target.style, inputStyle);\r\n handleBlur();\r\n }}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n readOnly={readOnly}\r\n style={inputStyle}\r\n {...props}\r\n />\r\n {unit && <span style={unitStyle}>{unit}</span>}\r\n {status === 'alarm' && (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '-8px',\r\n right: '-8px',\r\n width: '1rem',\r\n height: '1rem',\r\n backgroundColor: '#ef4444',\r\n borderRadius: '50%',\r\n boxShadow: '0 0 10px rgba(239, 68, 68, 0.8)',\r\n animation: 'pulse 2s infinite',\r\n }}\r\n />\r\n )}\r\n {status === 'warning' && (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '-8px',\r\n right: '-8px',\r\n width: '1rem',\r\n height: '1rem',\r\n backgroundColor: '#f59e0b',\r\n borderRadius: '50%',\r\n boxShadow: '0 0 10px rgba(245, 158, 11, 0.8)',\r\n }}\r\n />\r\n )}\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React from 'react';\r\n\r\nconst getStatusDescription = (status: string): string => {\r\n switch (status) {\r\n case 'alarm':\r\n return 'Critical alarm condition requiring attention';\r\n case 'warning':\r\n return 'Warning condition that should be monitored';\r\n case 'fault':\r\n return 'Equipment fault detected';\r\n case 'active':\r\n return 'Equipment is actively running';\r\n case 'normal':\r\n return 'Operating normally';\r\n case 'off':\r\n return 'Equipment is off';\r\n default:\r\n return '';\r\n }\r\n};\r\n\r\nexport interface StatusIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Status state determining color and behavior */\r\n status: 'off' | 'normal' | 'alarm' | 'warning' | 'active' | 'fault';\r\n /** Size of the indicator */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Animation behavior */\r\n animation?: 'none' | 'pulse' | 'blink' | 'flash';\r\n /** Label text to display next to indicator */\r\n label?: string;\r\n /** Position of label relative to indicator */\r\n labelPosition?: 'left' | 'right' | 'top' | 'bottom';\r\n /** Shape of the indicator */\r\n shape?: 'circle' | 'square' | 'diamond';\r\n /** Whether the indicator should have a 3D LED effect */\r\n led?: boolean;\r\n}\r\n\r\nexport const StatusIndicator: React.FC<StatusIndicatorProps> = ({\r\n status,\r\n size = 'medium',\r\n animation = 'none',\r\n label,\r\n labelPosition = 'right',\r\n shape = 'circle',\r\n led = true,\r\n className = '',\r\n ...props\r\n}) => {\r\n // Use CSS classes for base, status, size, shape, animation, led\r\n const baseClass = 'ui-status-indicator';\r\n const statusClass = status ? `ui-status-indicator--${status}` : '';\r\n const sizeClass = size ? `ui-status-indicator--${size}` : '';\r\n const shapeClass = shape ? `ui-status-indicator--${shape}` : '';\r\n const animationClass = animation ? `ui-status-indicator--${animation}` : '';\r\n const ledClass = led ? 'ui-status-indicator--led' : '';\r\n\r\n // Container layout based on label position\r\n const getContainerLayout = () => {\r\n switch (labelPosition) {\r\n case 'left':\r\n return 'ui-status-indicator-container ui-status-indicator-label-left';\r\n case 'right':\r\n return 'ui-status-indicator-container ui-status-indicator-label-right';\r\n case 'top':\r\n return 'ui-status-indicator-container ui-status-indicator-label-top';\r\n case 'bottom':\r\n return 'ui-status-indicator-container ui-status-indicator-label-bottom';\r\n default:\r\n return 'ui-status-indicator-container ui-status-indicator-label-right';\r\n }\r\n };\r\n\r\n return (\r\n <span className={getContainerLayout()}>\r\n {label && (labelPosition === 'left' || labelPosition === 'top') && (\r\n <span className=\"ui-status-indicator-label\">{label}</span>\r\n )}\r\n <span\r\n role=\"status\"\r\n aria-label={label || `Status: ${status}`}\r\n aria-description={getStatusDescription(status)}\r\n data-status={status}\r\n className={`\r\n ${baseClass}\r\n ${statusClass}\r\n ${sizeClass}\r\n ${shapeClass}\r\n ${animationClass}\r\n ${ledClass}\r\n ${className}\r\n `\r\n .replace(/\\s+/g, ' ')\r\n .trim()}\r\n {...props}\r\n />\r\n {label && (labelPosition === 'right' || labelPosition === 'bottom') && (\r\n <span className=\"ui-status-indicator-label\">{label}</span>\r\n )}\r\n </span>\r\n );\r\n};\r\n","import React from 'react';\r\nimport { ControlPanel, type ModeConfig } from '../ControlPanel';\r\nimport type { SelectorOption } from '../Selector';\r\n\r\nexport interface NodeControlConfig {\r\n /** Node ID */\r\n nodeId: string;\r\n /** Display title for the control panel */\r\n title: string;\r\n /** Available mode options */\r\n modes: SelectorOption[];\r\n /** Current selected mode */\r\n currentMode: string;\r\n /** Callback when mode changes */\r\n onModeChange: (mode: string) => void;\r\n /** Current setpoint value */\r\n setpoint: number | string;\r\n /** Callback when setpoint changes */\r\n onSetpointChange: (value: number | string) => void;\r\n /** Optional second setpoint value */\r\n secondSetpoint?: number | string;\r\n /** Callback for second setpoint */\r\n onSecondSetpointChange?: (value: number | string) => void;\r\n /** Configuration for each mode */\r\n modeConfigs?: Record<string, ModeConfig>;\r\n /** Whether device is currently running */\r\n isRunning?: boolean;\r\n /** Start command handler */\r\n onStart?: () => void;\r\n /** Stop command handler */\r\n onStop?: () => void;\r\n /** Custom start button text */\r\n startButtonText?: string;\r\n /** Custom stop button text */\r\n stopButtonText?: string;\r\n /** Current status */\r\n status?: 'normal' | 'alarm' | 'warning' | 'disabled';\r\n /** Whether setpoint is read-only */\r\n readOnly?: boolean;\r\n}\r\n\r\nexport interface NodeControlsPanelProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Control configuration for the selected node */\r\n config: NodeControlConfig | null;\r\n /** Callback to close the panel */\r\n onClose: () => void;\r\n /** Panel position - bottom (mobile) or side (desktop/large touch screens) */\r\n position?: 'bottom' | 'side';\r\n /** Whether to show in touch-optimized mode (larger targets) */\r\n touchOptimized?: boolean;\r\n}\r\n\r\n/**\r\n * NodeControlsPanel - Touch-friendly slide-out panel for device manual controls\r\n *\r\n * Optimized for industrial touch screens with:\r\n * - Large touch targets (minimum 44px)\r\n * - Single-tap interactions\r\n * - Clear visual feedback\r\n * - Bottom or side slide-in animation\r\n */\r\nexport const NodeControlsPanel: React.FC<NodeControlsPanelProps> = ({\r\n config,\r\n onClose,\r\n position = 'bottom',\r\n touchOptimized = true,\r\n className = '',\r\n style,\r\n ...props\r\n}) => {\r\n if (!config) return null;\r\n\r\n const isBottom = position === 'bottom';\r\n const touchClass = touchOptimized ? 'touch-optimized' : '';\r\n\r\n // Container styles\r\n const containerStyle: React.CSSProperties = {\r\n position: 'fixed',\r\n zIndex: 9999,\r\n background: 'white',\r\n boxShadow: '0 -4px 16px rgba(0, 0, 0, 0.15)',\r\n borderRadius: isBottom ? '16px 16px 0 0' : '0',\r\n animation: isBottom ? 'slideUp 0.3s ease-out' : 'slideInRight 0.3s ease-out',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...(isBottom\r\n ? {\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n maxHeight: '70vh',\r\n borderTop: '1px solid #e5e7eb',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: touchOptimized ? '400px' : '320px',\r\n borderLeft: '1px solid #e5e7eb',\r\n }),\r\n ...style,\r\n };\r\n\r\n // Header styles\r\n const headerStyle: React.CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n padding: touchOptimized ? '1.25rem 1.5rem' : '1rem',\r\n borderBottom: '2px solid #e5e7eb',\r\n background: '#f9fafb',\r\n flexShrink: 0,\r\n };\r\n\r\n const titleStyle: React.CSSProperties = {\r\n margin: 0,\r\n fontSize: touchOptimized ? '1.5rem' : '1.25rem',\r\n fontWeight: 600,\r\n color: '#111827',\r\n };\r\n\r\n // Close button styles (large touch target)\r\n const closeButtonStyle: React.CSSProperties = {\r\n background: '#ef4444',\r\n color: 'white',\r\n border: 'none',\r\n borderRadius: '8px',\r\n width: touchOptimized ? '56px' : '44px',\r\n height: touchOptimized ? '56px' : '44px',\r\n fontSize: touchOptimized ? '1.75rem' : '1.5rem',\r\n fontWeight: 'bold',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n transition: 'all 0.2s ease',\r\n flexShrink: 0,\r\n };\r\n\r\n const contentStyle: React.CSSProperties = {\r\n padding: touchOptimized ? '1.5rem' : '1rem',\r\n overflowY: 'auto',\r\n flex: 1,\r\n };\r\n\r\n return (\r\n <>\r\n {/* Backdrop */}\r\n <div\r\n style={{\r\n position: 'fixed',\r\n inset: 0,\r\n background: 'rgba(0, 0, 0, 0.3)',\r\n zIndex: 9998,\r\n animation: 'fadeIn 0.3s ease-out',\r\n }}\r\n onClick={onClose}\r\n />\r\n\r\n {/* Panel */}\r\n <div\r\n className={`node-controls-panel ${touchClass} ${className}`.trim()}\r\n style={containerStyle}\r\n {...props}\r\n >\r\n {/* Header */}\r\n <div style={headerStyle}>\r\n <h2 style={titleStyle}>{config.title}</h2>\r\n <button\r\n style={closeButtonStyle}\r\n onClick={onClose}\r\n onMouseEnter={(e) => {\r\n e.currentTarget.style.background = '#dc2626';\r\n e.currentTarget.style.transform = 'scale(1.05)';\r\n }}\r\n onMouseLeave={(e) => {\r\n e.currentTarget.style.background = '#ef4444';\r\n e.currentTarget.style.transform = 'scale(1)';\r\n }}\r\n aria-label=\"Close\"\r\n >\r\n ✕\r\n </button>\r\n </div>\r\n\r\n {/* Content */}\r\n <div style={contentStyle}>\r\n <ControlPanel\r\n title={config.nodeId}\r\n selectedMode={config.currentMode}\r\n modeOptions={config.modes}\r\n onModeChange={config.onModeChange}\r\n setpointValue={config.setpoint}\r\n onSetpointChange={config.onSetpointChange}\r\n secondSetpointValue={config.secondSetpoint}\r\n onSecondSetpointChange={config.onSecondSetpointChange}\r\n modeConfigs={config.modeConfigs}\r\n status={config.status}\r\n setpointReadOnly={config.readOnly}\r\n showStartStopButtons={!!(config.onStart || config.onStop)}\r\n isRunning={config.isRunning}\r\n onStart={config.onStart}\r\n onStop={config.onStop}\r\n startButtonText={config.startButtonText}\r\n stopButtonText={config.stopButtonText}\r\n size={touchOptimized ? 'large' : 'medium'}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Animations */}\r\n <style>{`\r\n @keyframes slideUp {\r\n from {\r\n transform: translateY(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideInRight {\r\n from {\r\n transform: translateX(100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateX(0);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .node-controls-panel.touch-optimized button {\r\n min-height: 56px;\r\n font-size: 1.125rem;\r\n }\r\n\r\n .node-controls-panel.touch-optimized input {\r\n min-height: 56px;\r\n font-size: 1.125rem;\r\n }\r\n `}</style>\r\n </>\r\n );\r\n};\r\n","/* eslint-disable react-hooks/set-state-in-effect */\r\n/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useEffect } from 'react';\r\nimport type { DeviceControlBinding } from '../../diagram/schema/DeviceControlBinding';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\n\r\nexport interface DeviceControlPanelProps {\r\n /** Control binding to display */\r\n binding: DeviceControlBinding | null;\r\n /** Called when panel should close */\r\n onClose: () => void;\r\n /** Panel position */\r\n position?: 'bottom' | 'side';\r\n /** Horizontal alignment for bottom position (default: center) */\r\n align?: 'left' | 'center' | 'right';\r\n /** Optimize for touch (larger targets) */\r\n touchOptimized?: boolean;\r\n /** Compact mode - reduces padding and spacing */\r\n compact?: boolean;\r\n /** Font size scale (default: 1.0, smaller: 0.8, larger: 1.2) */\r\n fontScale?: number;\r\n /** Maximum height for bottom position (default: 70vh) */\r\n maxHeight?: string;\r\n /** Maximum width for bottom position (default: none) */\r\n maxWidth?: string;\r\n /** Toast notification duration in milliseconds (default: 3000) */\r\n toastDuration?: number;\r\n /** Called when mode changes */\r\n onModeChange?: (mode: string) => void;\r\n /** Called when parameter changes */\r\n onParameterChange?: (parameterId: string, value: any) => void;\r\n /**\r\n * Called when the operator activates (taps) a numeric/text parameter's value.\r\n * When provided, that parameter renders as a tappable value instead of an\r\n * inline input, so the consumer can open its own editor (e.g. a numpad dialog)\r\n * and commit via `onParameterChange`. Read-only params are never activatable.\r\n * When omitted, parameters use the default inline-edit behavior.\r\n */\r\n onParameterActivate?: (parameterId: string, value: number | string | boolean) => void;\r\n /** Called when start button clicked */\r\n onStart?: () => void;\r\n /** Called when stop button clicked */\r\n onStop?: () => void;\r\n /**\r\n * Start command is in flight (awaiting ack). Shows a busy affordance on the\r\n * START button and disables it, without locking STOP — wire from the hook's\r\n * `isCommandPending(nodeId, 'start')`.\r\n */\r\n startPending?: boolean;\r\n /** Stop command is in flight (awaiting ack). See `startPending`. */\r\n stopPending?: boolean;\r\n /** Called when custom action clicked */\r\n onCustomAction?: (actionId: string) => void;\r\n /** Called when config button clicked (opens config panel for this device) */\r\n onOpenConfig?: () => void;\r\n /** Show configuration button in header */\r\n showConfigButton?: boolean;\r\n /** Called when undock button clicked (optional, shows undock button if provided) */\r\n onUndock?: () => void;\r\n /** Icon to display in undock button (default: '⇱') */\r\n undockIcon?: string;\r\n /** Style for mode selector: 'buttons' (horizontal scroll), 'dropdown' (select), or 'modal' (click to open modal) */\r\n modeSelectionStyle?: 'buttons' | 'dropdown' | 'modal';\r\n /** Embedded mode - uses static positioning for rendering in containers (default: false) */\r\n embedded?: boolean;\r\n}\r\n\r\nexport function DeviceControlPanel({\r\n binding,\r\n onClose,\r\n position = 'bottom',\r\n align = 'center',\r\n touchOptimized = true,\r\n compact = false,\r\n fontScale = 1.0,\r\n maxHeight,\r\n maxWidth,\r\n toastDuration = 3000,\r\n onModeChange,\r\n onParameterChange,\r\n onParameterActivate,\r\n onStart,\r\n onStop,\r\n startPending = false,\r\n stopPending = false,\r\n onCustomAction,\r\n onOpenConfig,\r\n showConfigButton = true,\r\n onUndock,\r\n undockIcon = '⇱',\r\n modeSelectionStyle = 'buttons',\r\n embedded = false,\r\n}: DeviceControlPanelProps) {\r\n const [localParameterValues, setLocalParameterValues] = useState<Record<string, any>>({});\r\n const [showModeModal, setShowModeModal] = useState(false);\r\n const [pendingMode, setPendingMode] = useState<string | null>(null);\r\n const [showToast, setShowToast] = useState(true);\r\n\r\n // Sync local parameter values with binding\r\n useEffect(() => {\r\n if (binding) {\r\n const currentParams = binding.parameters[binding.state.currentMode] || [];\r\n const values: Record<string, any> = {};\r\n currentParams.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n setLocalParameterValues(values);\r\n }\r\n }, [binding, binding?.state.currentMode]);\r\n\r\n // Auto-dismiss toast after configured duration\r\n useEffect(() => {\r\n if (binding?.state.lastCommandResult) {\r\n setShowToast(true);\r\n const timer = setTimeout(() => {\r\n setShowToast(false);\r\n }, toastDuration);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [binding?.state.lastCommandResult, toastDuration]);\r\n\r\n if (!binding) return null;\r\n\r\n const currentMode = binding.state.currentMode;\r\n const currentParams = binding.parameters[currentMode] || [];\r\n const touchSize = touchOptimized ? 56 : 40;\r\n\r\n // Spacing and sizing based on compact mode\r\n const spacing = {\r\n padding: compact ? '12px' : '20px',\r\n gap: compact ? '6px' : '8px',\r\n marginBottom: compact ? '10px' : '16px',\r\n itemPadding: compact ? '8px 10px' : '10px 12px',\r\n };\r\n\r\n // Font sizes with scale applied\r\n const fontSize = {\r\n title: Math.round(14 * fontScale),\r\n label: Math.round(11 * fontScale),\r\n value: Math.round(13 * fontScale),\r\n input: Math.round(14 * fontScale),\r\n button: Math.round(12 * fontScale),\r\n status: Math.round(10 * fontScale),\r\n description: Math.round(13 * fontScale),\r\n };\r\n\r\n // Get current mode object to check for mode-specific capabilities\r\n const currentModeObj = binding.modes.find((m) => m.value === currentMode);\r\n\r\n // Use mode-specific capabilities if defined, otherwise fall back to binding-level capabilities\r\n const activeCapabilities = currentModeObj?.capabilities ?? binding.capabilities ?? {};\r\n\r\n // ISA-101 High Performance HMI colors - matched to telemetry theme\r\n // Standard: Gray backgrounds, minimal color except for alarms\r\n const backgroundColor = binding.theme?.backgroundColor || '#edeeef'; // Match telemetry background\r\n const surfaceColor = '#f5f6f7'; // Slightly lighter than background\r\n const borderColor = '#d2d2d2'; // Match canvas background\r\n const textColor = binding.theme?.textColor || '#000000'; // Black text\r\n const mutedTextColor = '#666666'; // Muted text\r\n const selectedColor = '#b4d0fe'; // Light blue accent (match trendlines)\r\n\r\n // ISA-101: Resolve status color from shared defaults, with per-binding theme overrides\r\n const statusEntry = resolveStatusColor(binding.state.status, binding.theme?.statusColors as any);\r\n const statusColor = statusEntry.bg;\r\n\r\n // Fail open: START and STOP are ALWAYS enabled. We never disable on telemetry\r\n // running-state (which can lag) or on an in-flight command — a wrongly-enabled\r\n // button (the operator can still act; telemetry reconciles) is far cheaper\r\n // than a wrongly-disabled one that locks the operator out. `startPending` /\r\n // `stopPending` only drive a \"sending…\" label for visibility; they never\r\n // disable. (See the fail-open principle.)\r\n\r\n const handleModeChange = (mode: string) => {\r\n onModeChange?.(mode);\r\n };\r\n\r\n const handleParameterCommit = (parameterId: string, value: any) => {\r\n onParameterChange?.(parameterId, value);\r\n };\r\n\r\n const handleParameterInput = (parameterId: string, value: any) => {\r\n setLocalParameterValues((prev) => ({ ...prev, [parameterId]: value }));\r\n };\r\n\r\n // Panel styles\r\n const panelStyle: React.CSSProperties = embedded\r\n ? {\r\n // Embedded mode: static positioning for container layouts\r\n position: 'static',\r\n width: '100%',\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: '8px 8px 0 0',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n maxHeight: maxHeight || '70vh',\r\n overflowY: 'auto',\r\n ...binding.display?.style,\r\n }\r\n : {\r\n // Fixed mode: traditional overlay positioning\r\n position: 'fixed',\r\n ...(position === 'bottom'\r\n ? {\r\n bottom: 0,\r\n ...(align === 'left'\r\n ? { left: 0, right: 'auto', width: maxWidth }\r\n : align === 'right'\r\n ? { right: 0, left: 'auto', width: maxWidth }\r\n : {\r\n left: 0,\r\n right: 0,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n maxWidth: maxWidth,\r\n }),\r\n animation: 'slideUp 0.3s ease-out',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: maxWidth || '400px',\r\n animation: 'slideIn 0.3s ease-out',\r\n }),\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: position === 'bottom' ? '8px 8px 0 0' : '8px 0 0 8px',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n zIndex: 9999,\r\n maxHeight: maxHeight || (position === 'bottom' ? '70vh' : '100vh'),\r\n overflowY: 'auto',\r\n ...binding.display?.style,\r\n };\r\n\r\n const titleText = binding.display?.title || binding.deviceName || binding.tag || binding.nodeId;\r\n\r\n return (\r\n <>\r\n {/* Panel */}\r\n <div style={panelStyle} className={binding.display?.className}>\r\n {/* Header */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: '16px',\r\n paddingBottom: '12px',\r\n borderBottom: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <div>\r\n <h3\r\n style={{\r\n margin: 0,\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n color: textColor,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n maxWidth: '200px',\r\n }}\r\n title={titleText.length > 25 ? titleText : undefined}\r\n >\r\n {titleText.length > 25 ? titleText.slice(0, 25) + '...' : titleText}\r\n </h3>\r\n {binding.deviceType && (\r\n <div\r\n style={{\r\n fontSize: '11px',\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.deviceType}\r\n </div>\r\n )}\r\n </div>\r\n <div style={{ display: 'flex', gap: '8px' }}>\r\n {/* Config button */}\r\n {showConfigButton && onOpenConfig && (\r\n <button\r\n onClick={onOpenConfig}\r\n title=\"Open Configuration\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n ⚙\r\n </button>\r\n )}\r\n {/* Undock button */}\r\n {onUndock && (\r\n <button\r\n onClick={onUndock}\r\n title=\"Undock panel\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n {undockIcon}\r\n </button>\r\n )}\r\n {/* Close button */}\r\n <button\r\n onClick={onClose}\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '18px',\r\n cursor: 'pointer',\r\n fontWeight: 'bold',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n ×\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Status Indicator */}\r\n {binding.state.status && (\r\n <div\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '12px',\r\n padding: spacing.itemPadding,\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n marginBottom: spacing.marginBottom,\r\n }}\r\n >\r\n <div\r\n style={{\r\n width: '10px',\r\n height: '10px',\r\n borderRadius: '50%',\r\n backgroundColor: statusColor,\r\n border: '1px solid #333',\r\n }}\r\n />\r\n <div style={{ flex: 1 }}>\r\n <div\r\n style={{\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n fontSize: `${fontSize.label}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n color: textColor,\r\n }}\r\n >\r\n {binding.state.status}\r\n </div>\r\n {binding.state.statusMessage && (\r\n <div\r\n style={{\r\n fontSize: '10px',\r\n color: mutedTextColor,\r\n marginTop: '2px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.state.statusMessage}\r\n </div>\r\n )}\r\n </div>\r\n {binding.state.isRunning !== undefined && (\r\n <div\r\n style={{\r\n padding: '4px 10px',\r\n backgroundColor: binding.state.isRunning ? selectedColor : surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '10px',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n color: textColor,\r\n }}\r\n >\r\n {binding.state.isRunning ? 'RUNNING' : 'STOPPED'}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Mode Selector */}\r\n {binding.display?.showModeSelector !== false && binding.modes.length > 0 && (\r\n <div style={{ marginBottom: '16px' }}>\r\n <label\r\n style={{\r\n display: 'block',\r\n marginBottom: '8px',\r\n fontSize: '11px',\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n Mode\r\n </label>\r\n {modeSelectionStyle === 'dropdown' ? (\r\n <select\r\n value={currentMode}\r\n onChange={(e) => handleModeChange(e.target.value)}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n paddingLeft: '12px',\r\n paddingRight: '12px',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {binding.modes.map((mode) => (\r\n <option key={mode.value} value={mode.value} disabled={mode.enabled === false}>\r\n {mode.label}\r\n </option>\r\n ))}\r\n </select>\r\n ) : modeSelectionStyle === 'modal' ? (\r\n <>\r\n <div\r\n onClick={() => {\r\n setPendingMode(currentMode);\r\n setShowModeModal(true);\r\n }}\r\n style={{\r\n padding: '12px',\r\n backgroundColor: surfaceColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <span>\r\n {binding.modes.find((m) => m.value === currentMode)?.label || currentMode}\r\n </span>\r\n <span style={{ fontSize: '20px', marginLeft: '8px' }}>▼</span>\r\n </div>\r\n {showModeModal && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n backgroundColor: 'rgba(0, 0, 0, 0.5)',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n zIndex: 20000,\r\n }}\r\n onClick={() => {\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n >\r\n <div\r\n onClick={(e) => e.stopPropagation()}\r\n style={{\r\n backgroundColor: backgroundColor,\r\n borderRadius: '8px',\r\n padding: '24px',\r\n minWidth: '300px',\r\n maxWidth: '400px',\r\n border: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <h3\r\n style={{\r\n margin: '0 0 4px 0',\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n color: textColor,\r\n }}\r\n >\r\n Select Mode\r\n </h3>\r\n <div\r\n style={{\r\n marginBottom: '16px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n textTransform: 'uppercase',\r\n }}\r\n >\r\n {binding.display?.title ||\r\n binding.deviceName ||\r\n binding.tag ||\r\n binding.nodeId}\r\n </div>\r\n <select\r\n value={pendingMode || currentMode}\r\n onChange={(e) => setPendingMode(e.target.value)}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize}px`,\r\n marginBottom: '8px',\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n paddingLeft: '12px',\r\n paddingRight: '12px',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {binding.modes.map((mode) => (\r\n <option\r\n key={mode.value}\r\n value={mode.value}\r\n disabled={mode.enabled === false}\r\n >\r\n {mode.label}\r\n </option>\r\n ))}\r\n </select>\r\n {(() => {\r\n const selectedMode = binding.modes.find(\r\n (m) => m.value === (pendingMode || currentMode)\r\n );\r\n return selectedMode?.description ? (\r\n <div\r\n style={{\r\n marginBottom: '16px',\r\n padding: '12px',\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n fontFamily: 'Arial, sans-serif',\r\n lineHeight: '1.4',\r\n }}\r\n >\r\n {selectedMode.description}\r\n </div>\r\n ) : null;\r\n })()}\r\n <div style={{ display: 'flex', gap: '12px' }}>\r\n <button\r\n onClick={() => {\r\n // Always send the displayed mode on confirm — either the\r\n // user's explicit selection (pendingMode) or the current\r\n // dropdown value (currentMode / first available mode).\r\n // This lets operators re-issue the same command without\r\n // toggling away and back.\r\n const modeToSend = pendingMode || currentMode || binding.modes[0]?.value;\r\n if (modeToSend) {\r\n handleModeChange(modeToSend);\r\n }\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n style={{\r\n flex: 1,\r\n height: `${touchSize}px`,\r\n backgroundColor: '#4ade80',\r\n color: '#000000',\r\n border: '2px solid #22c55e',\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n Confirm\r\n </button>\r\n <button\r\n onClick={() => {\r\n setShowModeModal(false);\r\n setPendingMode(null);\r\n }}\r\n style={{\r\n flex: 1,\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n Cancel\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n ) : (\r\n <div\r\n style={{\r\n display: 'flex',\r\n gap: spacing.gap,\r\n overflowX: 'auto',\r\n overflowY: 'hidden',\r\n scrollbarWidth: 'thin',\r\n scrollbarColor: `${borderColor} transparent`,\r\n paddingBottom: '4px',\r\n marginBottom: '-4px',\r\n }}\r\n >\r\n {binding.modes.map((mode) => {\r\n const isSelected = mode.value === currentMode;\r\n const isEnabled = mode.enabled !== false;\r\n\r\n return (\r\n <button\r\n key={mode.value}\r\n onClick={() => isEnabled && handleModeChange(mode.value)}\r\n disabled={!isEnabled}\r\n style={{\r\n flex: '0 0 auto',\r\n minWidth: '90px',\r\n height: touchSize,\r\n backgroundColor: isSelected ? selectedColor : surfaceColor,\r\n color: isSelected ? '#000000' : textColor,\r\n border: `1px solid ${isSelected ? '#b4d0fe' : borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: isEnabled ? 'pointer' : 'not-allowed',\r\n opacity: isEnabled ? 1 : 0.4,\r\n whiteSpace: 'nowrap',\r\n }}\r\n >\r\n {mode.label}\r\n </button>\r\n );\r\n })}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Parameters */}\r\n {currentParams.length > 0 && (\r\n <div style={{ marginBottom: spacing.marginBottom }}>\r\n <label\r\n style={{\r\n display: 'block',\r\n marginBottom: spacing.gap,\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n Parameters\r\n </label>\r\n {currentParams.map((param) => (\r\n <div\r\n key={param.id}\r\n style={{\r\n marginBottom: spacing.gap,\r\n padding: spacing.itemPadding,\r\n backgroundColor: surfaceColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n }}\r\n >\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n marginBottom: spacing.gap,\r\n }}\r\n >\r\n <span\r\n style={{\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n fontFamily: 'Arial, sans-serif',\r\n color: mutedTextColor,\r\n }}\r\n >\r\n {param.label}\r\n </span>\r\n <span\r\n style={{\r\n fontSize: `${fontSize.value}px`,\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n color: textColor,\r\n }}\r\n >\r\n {localParameterValues[param.id] ?? param.value}{' '}\r\n {param.unit && (\r\n <span style={{ color: mutedTextColor, fontSize: '10px', fontWeight: 600 }}>\r\n {param.unit}\r\n </span>\r\n )}\r\n </span>\r\n </div>\r\n\r\n {param.type === 'boolean' ? (\r\n <button\r\n onClick={() => {\r\n const newValue = !localParameterValues[param.id];\r\n handleParameterInput(param.id, newValue);\r\n handleParameterCommit(param.id, newValue);\r\n }}\r\n disabled={param.readOnly}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: localParameterValues[param.id] ? '#3f3f46' : surfaceColor,\r\n color: localParameterValues[param.id] ? textColor : mutedTextColor,\r\n border: `1px solid ${localParameterValues[param.id] ? '#52525b' : borderColor}`,\r\n borderRadius: '4px',\r\n fontSize: '12px',\r\n fontWeight: 600,\r\n fontFamily: 'monospace',\r\n letterSpacing: '0.5px',\r\n cursor: param.readOnly ? 'not-allowed' : 'pointer',\r\n transition: 'all 0.15s',\r\n }}\r\n >\r\n {localParameterValues[param.id] ? 'ON' : 'OFF'}\r\n </button>\r\n ) : param.type === 'select' ? (\r\n <select\r\n value={localParameterValues[param.id] || param.value}\r\n onChange={(e) => {\r\n handleParameterInput(param.id, e.target.value);\r\n handleParameterCommit(param.id, e.target.value);\r\n }}\r\n disabled={param.readOnly}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '4px',\r\n padding: '0 12px',\r\n fontSize: '12px',\r\n fontFamily: 'monospace',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {param.options?.map((opt) => (\r\n <option key={opt.value} value={opt.value}>\r\n {opt.label}\r\n </option>\r\n ))}\r\n </select>\r\n ) : onParameterActivate && !param.readOnly ? (\r\n // Tappable value: defer editing to the consumer's editor (e.g. a\r\n // numpad dialog). Commit happens via onParameterChange.\r\n <button\r\n type=\"button\"\r\n onClick={() =>\r\n onParameterActivate(param.id, localParameterValues[param.id] ?? param.value)\r\n }\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor: '#ffffff',\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n padding: '0 12px',\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n textAlign: 'left',\r\n cursor: 'pointer',\r\n }}\r\n >\r\n {localParameterValues[param.id] ?? param.value}\r\n {param.unit ? ` ${param.unit}` : ''}\r\n </button>\r\n ) : (\r\n <input\r\n type={param.type === 'number' ? 'number' : 'text'}\r\n value={localParameterValues[param.id] ?? param.value}\r\n onChange={(e) =>\r\n handleParameterInput(\r\n param.id,\r\n param.type === 'number' ? +e.target.value : e.target.value\r\n )\r\n }\r\n onBlur={() => handleParameterCommit(param.id, localParameterValues[param.id])}\r\n disabled={param.readOnly}\r\n min={param.min}\r\n max={param.max}\r\n step={param.step}\r\n style={{\r\n width: '100%',\r\n height: touchSize,\r\n backgroundColor: '#ffffff',\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n padding: '0 12px',\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n }}\r\n />\r\n )}\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n\r\n {/* Start/Stop Buttons */}\r\n {binding.display?.showStartStop !== false &&\r\n (activeCapabilities?.canStart || activeCapabilities?.canStop) && (\r\n <div style={{ display: 'flex', gap: spacing.gap, marginBottom: spacing.marginBottom }}>\r\n {activeCapabilities?.canStart && (\r\n <button\r\n onClick={onStart}\r\n style={{\r\n flex: 1,\r\n height: touchSize,\r\n backgroundColor: '#10b981',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '6px',\r\n fontSize: '12px',\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n cursor: 'pointer',\r\n opacity: 1,\r\n }}\r\n >\r\n {startPending ? 'STARTING…' : 'START'}\r\n </button>\r\n )}\r\n {activeCapabilities?.canStop && (\r\n <button\r\n onClick={onStop}\r\n style={{\r\n flex: 1,\r\n height: touchSize,\r\n backgroundColor: '#ef4444',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '6px',\r\n fontSize: '12px',\r\n fontWeight: 700,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n cursor: 'pointer',\r\n opacity: 1,\r\n }}\r\n >\r\n {stopPending ? 'STOPPING…' : 'STOP'}\r\n </button>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Custom Actions */}\r\n {activeCapabilities?.customActions && activeCapabilities.customActions.length > 0 && (\r\n <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>\r\n {activeCapabilities.customActions.map((action) => (\r\n <button\r\n key={action.id}\r\n onClick={() => onCustomAction?.(action.id)}\r\n style={{\r\n flex: 1,\r\n minWidth: '120px',\r\n height: touchSize,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '6px',\r\n fontSize: '11px',\r\n fontWeight: 600,\r\n fontFamily: 'monospace',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n cursor: 'pointer',\r\n transition: 'all 0.15s',\r\n }}\r\n >\r\n {action.icon && <span style={{ marginRight: '6px' }}>{action.icon}</span>}\r\n {action.label}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n\r\n {/* Toast Notification for Command Result */}\r\n {binding.state.lastCommandResult && showToast && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n bottom: '20px',\r\n ...(position === 'bottom' && align === 'right'\r\n ? { left: '20px', right: 'auto' } // Show on left if panel is aligned right\r\n : { right: '20px', left: 'auto' }), // Default to right\r\n maxWidth: '400px',\r\n padding: '12px 16px',\r\n backgroundColor: binding.state.lastCommandResult.success ? '#10b981' : '#ef4444',\r\n color: '#ffffff',\r\n border: 'none',\r\n borderRadius: '8px',\r\n fontSize: `${fontSize.label}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n boxShadow: '0 4px 12px rgba(0,0,0,0.15)',\r\n zIndex: 10000,\r\n animation:\r\n position === 'bottom' && align === 'right'\r\n ? 'slideInToastLeft 0.3s ease-out'\r\n : 'slideInToast 0.3s ease-out',\r\n }}\r\n >\r\n {binding.state.lastCommandResult.message}\r\n </div>\r\n )}\r\n\r\n <style>{`\r\n @keyframes slideInToast {\r\n from { \r\n opacity: 0;\r\n transform: translateX(20px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n @keyframes slideInToastLeft {\r\n from { \r\n opacity: 0;\r\n transform: translateX(-20px);\r\n }\r\n to { \r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n }\r\n @keyframes slideUp {\r\n from { transform: translateY(100%); }\r\n to { transform: translateY(0); }\r\n }\r\n @keyframes slideIn {\r\n from { transform: translateX(100%); }\r\n to { transform: translateX(0); }\r\n }\r\n `}</style>\r\n </>\r\n );\r\n}\r\n","/**\r\n * ISA-101 High Performance HMI — Unified Status Color System\r\n *\r\n * Single source of truth for mapping device status to visual colors.\r\n * Used by NodeRenderer (SVG fill/stroke), DeviceControlPanel (status indicator),\r\n * and DataOverlay (telemetry badge).\r\n */\r\n\r\n/** Canonical device status vocabulary */\r\nexport type DeviceStatus =\r\n | 'normal'\r\n | 'warning'\r\n | 'alarm'\r\n | 'fault'\r\n | 'off'\r\n | 'starting'\r\n | 'stopping';\r\n\r\n/** Color entry covering both SVG node and overlay/panel needs */\r\nexport interface StatusColorEntry {\r\n /** Fill color for SVG node symbols */\r\n fill: string;\r\n /** Stroke color for SVG node symbols */\r\n stroke: string;\r\n /** Background color for overlays and panel indicators */\r\n bg: string;\r\n /** Text color for overlays */\r\n text: string;\r\n /** Border color for overlays */\r\n border: string;\r\n}\r\n\r\n/** Partial map for consumer overrides — only specify statuses you want to change */\r\nexport type StatusColorMap = Partial<Record<DeviceStatus, Partial<StatusColorEntry>>>;\r\n\r\n/**\r\n * ISA-101 defaults.\r\n *\r\n * - normal: muted grey (ISA-101: no color for normal operation)\r\n * - warning: amber/yellow\r\n * - alarm: red\r\n * - fault: dark red\r\n * - off: light grey (matches canvas default #edeeef)\r\n * - starting: light green (transitional)\r\n * - stopping: amber (transitional)\r\n */\r\nexport const DEFAULT_STATUS_COLORS: Record<DeviceStatus, StatusColorEntry> = {\r\n normal: { fill: '#888888', stroke: '#6b6b6b', bg: '#888888', text: '#ffffff', border: '#6b6b6b' },\r\n warning: { fill: '#f59e0b', stroke: '#d97706', bg: '#FFD700', text: '#000000', border: '#d97706' },\r\n alarm: { fill: '#ef4444', stroke: '#dc2626', bg: '#FF0000', text: '#ffffff', border: '#dc2626' },\r\n fault: { fill: '#dc2626', stroke: '#b91c1c', bg: '#FF0000', text: '#ffffff', border: '#b91c1c' },\r\n off: { fill: '#edeeef', stroke: '#000000', bg: '#666666', text: '#ffffff', border: '#4b5563' },\r\n starting: { fill: '#90EE90', stroke: '#22c55e', bg: '#90EE90', text: '#000000', border: '#22c55e' },\r\n stopping: { fill: '#FFD700', stroke: '#d97706', bg: '#FFD700', text: '#000000', border: '#d97706' },\r\n};\r\n\r\n/** Backward-compatible aliases for old status vocabulary */\r\nconst STATUS_ALIASES: Record<string, DeviceStatus> = {\r\n running: 'normal',\r\n stopped: 'off',\r\n};\r\n\r\n/**\r\n * Resolve a status string to a full color entry.\r\n *\r\n * Priority: customMap[status] (merged) > DEFAULT_STATUS_COLORS[status] > off fallback.\r\n * Supports aliases ('running' -> 'normal', 'stopped' -> 'off').\r\n */\r\nexport function resolveStatusColor(\r\n status: string | undefined,\r\n customMap?: StatusColorMap,\r\n): StatusColorEntry {\r\n const raw = (status || 'off').toLowerCase();\r\n const key = (STATUS_ALIASES[raw] ?? raw) as DeviceStatus;\r\n const defaults = DEFAULT_STATUS_COLORS[key] ?? DEFAULT_STATUS_COLORS.off;\r\n const overrides = customMap?.[key];\r\n if (!overrides) return defaults;\r\n return { ...defaults, ...overrides };\r\n}\r\n","import React, { useState, useEffect, useCallback, useRef, useId } from 'react';\r\n\r\nexport interface NumpadDialogProps {\r\n /** Whether the dialog is open */\r\n isOpen: boolean;\r\n /** Called when the dialog is dismissed without applying */\r\n onClose: () => void;\r\n /** Called with the validated, precision-rounded value when the user applies */\r\n onApply: (value: number) => void;\r\n /** Device / context name shown in the header */\r\n deviceName?: string;\r\n /** Parameter label shown in the header */\r\n parameterLabel?: string;\r\n /** Engineering unit shown next to the value and in range hints */\r\n unit?: string;\r\n /** Minimum allowed value (also enables the +/- key when negative) */\r\n min?: number;\r\n /** Maximum allowed value */\r\n max?: number;\r\n /** Step (reserved for future increment controls) */\r\n step?: number;\r\n /** Decimal precision applied on commit */\r\n precision?: number;\r\n /** Current value shown as a reference above the entry field */\r\n currentValue?: number;\r\n /**\r\n * Optimize for touch panels (larger keys/targets). Defaults to `true` because\r\n * this is aimed at industrial touchscreen HMIs; set `false` for compact\r\n * desktop/keyboard-first use.\r\n */\r\n touchOptimized?: boolean;\r\n}\r\n\r\n/**\r\n * Modal numeric keypad for entering a device setpoint.\r\n *\r\n * Pairs with `DeviceControlPanel`'s `onParameterActivate` hook: the panel\r\n * renders a tappable value, the consumer opens this dialog, and `onApply`\r\n * commits via `onParameterChange`.\r\n *\r\n * Designed for BOTH touch and keyboard:\r\n * - Touch: large keys, press feedback, backdrop dismiss, body scroll-lock.\r\n * - Keyboard: full typing (0-9, `.`, `-`, Backspace, Enter to apply, Escape to\r\n * cancel), on-screen keys kept out of the Tab order, focus trap, focus-visible\r\n * outlines.\r\n *\r\n * Safety for setpoint use: nothing auto-commits — only Apply / Enter writes, and\r\n * out-of-range values are rejected (never silently clamped). The field pre-fills\r\n * with the current value so an operator never blind-zeroes a live setpoint.\r\n */\r\nexport const NumpadDialog: React.FC<NumpadDialogProps> = ({\r\n isOpen,\r\n onClose,\r\n onApply,\r\n deviceName = '',\r\n parameterLabel = 'Setpoint',\r\n unit = '',\r\n min = 0,\r\n max = 100,\r\n precision,\r\n currentValue = 0,\r\n touchOptimized = true,\r\n}) => {\r\n const [inputValue, setInputValue] = useState('');\r\n // \"pristine\" = the field still holds the pre-filled current value, untouched.\r\n // The first keystroke replaces it (standard numpad behavior) so the operator\r\n // sees the current setpoint on open but can type a fresh value immediately.\r\n const [pristine, setPristine] = useState(true);\r\n const dialogRef = useRef<HTMLDivElement>(null);\r\n const titleId = useId();\r\n const decimals = precision ?? 1;\r\n\r\n // On open, pre-fill with the current value (at the dialog's precision) so it's\r\n // the prominent number and matches what Apply would commit.\r\n useEffect(() => {\r\n if (isOpen) {\r\n setInputValue(Number(currentValue).toFixed(decimals));\r\n setPristine(true);\r\n }\r\n }, [isOpen, currentValue, decimals]);\r\n\r\n // Move focus into the dialog on open and restore it to the trigger on close.\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n const previouslyFocused = document.activeElement as HTMLElement | null;\r\n dialogRef.current?.focus();\r\n return () => previouslyFocused?.focus?.();\r\n }, [isOpen]);\r\n\r\n // Lock background scroll so a touch drag can't scroll the diagram behind us.\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n const prevOverflow = document.body.style.overflow;\r\n document.body.style.overflow = 'hidden';\r\n return () => {\r\n document.body.style.overflow = prevOverflow;\r\n };\r\n }, [isOpen]);\r\n\r\n const handleApply = useCallback(() => {\r\n const n = Number(inputValue);\r\n if (inputValue === '' || inputValue === '-' || inputValue === '.' || inputValue === '-.') return;\r\n if (isNaN(n) || n < min || n > max) return;\r\n onApply(Number(n.toFixed(decimals)));\r\n }, [inputValue, min, max, onApply, decimals]);\r\n\r\n const appendDigit = useCallback(\r\n (digit: string) => {\r\n setInputValue((prev) => {\r\n // First keystroke after open replaces the pre-filled current value.\r\n const base = pristine ? '' : prev;\r\n if (digit === '.') {\r\n // No decimal point allowed when precision is 0 (integer-only).\r\n if (decimals === 0) return base;\r\n if (base.includes('.')) return base;\r\n if (base === '' || base === '-') return base + '0.';\r\n return base + '.';\r\n }\r\n // Cap decimal places at `precision` so the on-screen value is exactly\r\n // what Apply commits — no surprise rounding/truncation on commit.\r\n const dot = base.indexOf('.');\r\n if (dot !== -1 && base.length - dot - 1 >= decimals) return base;\r\n // Replace a lone leading zero (except when starting a decimal)\r\n if (base === '0') return digit;\r\n if (base === '-0') return '-' + digit;\r\n return base + digit;\r\n });\r\n if (pristine) setPristine(false);\r\n },\r\n [pristine, decimals]\r\n );\r\n\r\n const handleBackspace = useCallback(() => {\r\n setPristine(false);\r\n setInputValue((prev) => prev.slice(0, -1));\r\n }, []);\r\n\r\n const handleClear = useCallback(() => {\r\n setPristine(false);\r\n setInputValue('');\r\n }, []);\r\n\r\n const handleToggleSign = useCallback(() => {\r\n if (min >= 0) return;\r\n setPristine(false);\r\n setInputValue((prev) => {\r\n if (prev.startsWith('-')) return prev.slice(1);\r\n if (prev === '' || prev === '0') return '-';\r\n return '-' + prev;\r\n });\r\n }, [min]);\r\n\r\n // Long-press Backspace to clear (touch convenience). A short tap backspaces;\r\n // holding ~500ms clears the whole entry.\r\n const bsTimer = useRef<number | null>(null);\r\n const bsLongFired = useRef(false);\r\n const clearBsTimer = () => {\r\n if (bsTimer.current !== null) {\r\n clearTimeout(bsTimer.current);\r\n bsTimer.current = null;\r\n }\r\n };\r\n const handleBackspacePointerDown = () => {\r\n bsLongFired.current = false;\r\n bsTimer.current = window.setTimeout(() => {\r\n bsLongFired.current = true;\r\n handleClear();\r\n }, 500);\r\n };\r\n const handleBackspaceClick = () => {\r\n clearBsTimer();\r\n if (bsLongFired.current) {\r\n bsLongFired.current = false;\r\n return; // long-press already cleared; don't also backspace\r\n }\r\n handleBackspace();\r\n };\r\n useEffect(() => () => clearBsTimer(), []);\r\n\r\n // Keyboard support + focus trap + Enter-guard.\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n const handler = (e: KeyboardEvent) => {\r\n if (e.key === 'Tab') {\r\n const root = dialogRef.current;\r\n if (!root) return;\r\n // On-screen keys are tabIndex=-1, so only the actions (Cancel/Apply) are\r\n // tabbable. Cycle focus within the dialog.\r\n const focusable = Array.from(\r\n root.querySelectorAll<HTMLElement>('button:not([disabled])')\r\n ).filter((el) => el.tabIndex !== -1);\r\n if (focusable.length === 0) {\r\n e.preventDefault();\r\n root.focus();\r\n return;\r\n }\r\n const first = focusable[0];\r\n const last = focusable[focusable.length - 1];\r\n const active = document.activeElement as HTMLElement | null;\r\n if (e.shiftKey) {\r\n if (active === first || !root.contains(active)) {\r\n e.preventDefault();\r\n last.focus();\r\n }\r\n } else if (active === last || !root.contains(active)) {\r\n e.preventDefault();\r\n first.focus();\r\n }\r\n return;\r\n }\r\n if (e.key === 'Enter') {\r\n // If a button is focused, let its native click handle Enter (avoids a\r\n // double Apply/Cancel). Otherwise apply.\r\n const active = document.activeElement as HTMLElement | null;\r\n if (active && active.tagName === 'BUTTON' && dialogRef.current?.contains(active)) return;\r\n e.preventDefault();\r\n handleApply();\r\n } else if (e.key === 'Escape') {\r\n e.preventDefault();\r\n onClose();\r\n } else if (e.key === 'Backspace') {\r\n e.preventDefault();\r\n handleBackspace();\r\n } else if (/^[0-9]$/.test(e.key)) {\r\n e.preventDefault();\r\n appendDigit(e.key);\r\n } else if (e.key === '.') {\r\n e.preventDefault();\r\n appendDigit('.');\r\n } else if (e.key === '-') {\r\n e.preventDefault();\r\n handleToggleSign();\r\n }\r\n };\r\n window.addEventListener('keydown', handler);\r\n return () => window.removeEventListener('keydown', handler);\r\n }, [isOpen, handleApply, onClose, handleBackspace, appendDigit, handleToggleSign]);\r\n\r\n if (!isOpen) return null;\r\n\r\n const parsed = Number(inputValue);\r\n const hasNumber =\r\n inputValue !== '' &&\r\n inputValue !== '-' &&\r\n inputValue !== '.' &&\r\n inputValue !== '-.' &&\r\n !isNaN(parsed);\r\n // Live range check so the operator sees WHY a value is rejected while typing,\r\n // not only after pressing Apply.\r\n const belowMin = hasNumber && parsed < min;\r\n const aboveMax = hasNumber && parsed > max;\r\n const outOfRange = belowMin || aboveMax;\r\n const isValid = hasNumber && !outOfRange;\r\n\r\n const alarmColor = '#dc2626';\r\n const limitStyle = (violated: boolean): React.CSSProperties =>\r\n violated\r\n ? { color: alarmColor, fontWeight: 700, background: '#fee2e2', borderRadius: 3, padding: '0 3px' }\r\n : {};\r\n\r\n // Touch-first sizing.\r\n const keySize = touchOptimized ? 60 : 46;\r\n const keyFont = touchOptimized ? 22 : 18;\r\n const actionSize = touchOptimized ? 52 : 42;\r\n\r\n const keyStyle: React.CSSProperties = {\r\n minWidth: 52,\r\n minHeight: keySize,\r\n fontSize: keyFont,\r\n fontWeight: 600,\r\n borderRadius: 8,\r\n border: '1px solid #e2e8f0',\r\n background: '#ffffff',\r\n color: '#0f172a',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n userSelect: 'none',\r\n boxShadow: '0 1px 2px rgba(15, 23, 42, 0.06)',\r\n };\r\n\r\n const utilKeyStyle: React.CSSProperties = {\r\n flex: 1,\r\n minHeight: touchOptimized ? 44 : 38,\r\n fontSize: 13,\r\n fontWeight: 600,\r\n borderRadius: 8,\r\n border: '1px solid #e2e8f0',\r\n background: '#f8fafc',\r\n color: '#64748b',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n userSelect: 'none',\r\n };\r\n\r\n const reason = belowMin\r\n ? `Below minimum of ${min} ${unit}`\r\n : aboveMax\r\n ? `Above maximum of ${max} ${unit}`\r\n : 'Type or tap to change the value';\r\n\r\n // Backspace lives in the number grid (bottom-left) when negatives aren't\r\n // allowed; otherwise that cell is the +/- key and Backspace moves to the\r\n // utility row. Either way there is exactly one Backspace and no empty cell.\r\n const backspaceInGrid = min >= 0;\r\n const BackspaceButton = ({ style, label }: { style: React.CSSProperties; label: string }) => (\r\n <button\r\n type=\"button\"\r\n className=\"np-key\"\r\n tabIndex={-1}\r\n aria-label=\"Backspace\"\r\n style={style}\r\n onPointerDown={handleBackspacePointerDown}\r\n onPointerUp={clearBsTimer}\r\n onPointerLeave={clearBsTimer}\r\n onClick={handleBackspaceClick}\r\n >\r\n {label}\r\n </button>\r\n );\r\n\r\n return (\r\n // Backdrop\r\n <div\r\n style={{\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n backgroundColor: 'rgba(15, 23, 42, 0.4)',\r\n zIndex: 10000,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n onClick={onClose}\r\n >\r\n <style>{`\r\n .np-key { transition: background .1s, transform .05s; touch-action: manipulation; }\r\n .np-key:active:not(:disabled) { background:#e2e8f0; transform: translateY(1px); }\r\n .np-key:focus-visible, .np-action:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }\r\n @keyframes np-blink { 0%,49%{opacity:1} 50%,100%{opacity:0} }\r\n .np-caret { display:inline-block; width:2px; height:1.1em; background:#2563eb; animation: np-blink 1s step-end infinite; }\r\n `}</style>\r\n {/* Modal */}\r\n <div\r\n ref={dialogRef}\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-labelledby={titleId}\r\n tabIndex={-1}\r\n style={{\r\n width: touchOptimized ? '340px' : '300px',\r\n maxHeight: '90vh',\r\n overflow: 'auto',\r\n background: '#ffffff',\r\n borderRadius: 12,\r\n border: '1px solid #e2e8f0',\r\n boxShadow: '0 10px 40px rgba(15, 23, 42, 0.2)',\r\n fontFamily: \"'Inter', system-ui, sans-serif\",\r\n outline: 'none',\r\n }}\r\n onClick={(e) => e.stopPropagation()}\r\n >\r\n {/* Header */}\r\n <div style={{ padding: '14px 16px 0 16px' }}>\r\n <h3 id={titleId} style={{ margin: 0, fontSize: 15, fontWeight: 700, color: '#0f172a' }}>\r\n {deviceName ? `${deviceName} - ${parameterLabel}` : parameterLabel}\r\n </h3>\r\n </div>\r\n\r\n <div style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 10 }}>\r\n {/* Current value + range */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n fontSize: 12,\r\n color: '#64748b',\r\n }}\r\n >\r\n <span>\r\n Current: {currentValue} {unit}\r\n </span>\r\n <span>\r\n Range: <span style={limitStyle(belowMin)}>{min}</span>-\r\n <span style={limitStyle(aboveMax)}>{max}</span> {unit}\r\n </span>\r\n </div>\r\n\r\n {/* Input display — the entered value turns red when out of range */}\r\n <div\r\n aria-live=\"polite\"\r\n aria-atomic=\"true\"\r\n aria-label={`Entered value ${inputValue || '0'} ${unit}`}\r\n style={{\r\n background: outOfRange ? '#fef2f2' : '#f8fafc',\r\n borderRadius: 8,\r\n padding: '10px 14px',\r\n fontSize: 28,\r\n fontWeight: 700,\r\n textAlign: 'right',\r\n color: outOfRange ? alarmColor : '#0f172a',\r\n minHeight: 48,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n gap: 6,\r\n border: outOfRange ? '1.5px solid #fca5a5' : '1.5px solid #e2e8f0',\r\n }}\r\n >\r\n <span>{inputValue || '0'}</span>\r\n <span className=\"np-caret\" aria-hidden=\"true\" />\r\n <span style={{ fontSize: 14, color: '#94a3b8', fontWeight: 500 }}>{unit}</span>\r\n </div>\r\n\r\n {/* Reason / hint message (announced to screen readers) */}\r\n <div\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n style={{\r\n fontSize: 12,\r\n color: outOfRange ? alarmColor : '#94a3b8',\r\n fontWeight: outOfRange ? 600 : 400,\r\n textAlign: 'right',\r\n minHeight: 16,\r\n }}\r\n >\r\n {reason}\r\n </div>\r\n\r\n {/* Numberpad — keys are out of the Tab order (keyboard users type digits) */}\r\n <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 5 }}>\r\n {['7', '8', '9', '4', '5', '6', '1', '2', '3'].map((digit) => (\r\n <button\r\n key={digit}\r\n type=\"button\"\r\n className=\"np-key\"\r\n tabIndex={-1}\r\n style={keyStyle}\r\n onClick={() => appendDigit(digit)}\r\n >\r\n {digit}\r\n </button>\r\n ))}\r\n {/* Bottom-left cell: +/- when negatives are allowed, else Backspace */}\r\n {min < 0 ? (\r\n <button\r\n type=\"button\"\r\n className=\"np-key\"\r\n tabIndex={-1}\r\n aria-label=\"Toggle sign\"\r\n style={{ ...keyStyle, fontSize: 16, background: '#f8fafc', color: '#64748b' }}\r\n onClick={handleToggleSign}\r\n >\r\n +/−\r\n </button>\r\n ) : (\r\n <BackspaceButton style={{ ...keyStyle, fontSize: 20, background: '#f8fafc', color: '#64748b' }} label=\"⌫\" />\r\n )}\r\n <button type=\"button\" className=\"np-key\" tabIndex={-1} style={keyStyle} onClick={() => appendDigit('0')}>\r\n 0\r\n </button>\r\n <button\r\n type=\"button\"\r\n className=\"np-key\"\r\n tabIndex={-1}\r\n aria-label=\"Decimal point\"\r\n style={{\r\n ...keyStyle,\r\n cursor: decimals === 0 ? 'not-allowed' : 'pointer',\r\n opacity: decimals === 0 ? 0.4 : 1,\r\n }}\r\n disabled={decimals === 0}\r\n onClick={() => appendDigit('.')}\r\n >\r\n .\r\n </button>\r\n </div>\r\n\r\n {/* Utility row: Clear (+ Backspace only when it's not in the grid) */}\r\n <div style={{ display: 'flex', gap: 5 }}>\r\n <button type=\"button\" className=\"np-key\" tabIndex={-1} style={utilKeyStyle} onClick={handleClear}>\r\n Clear\r\n </button>\r\n {!backspaceInGrid && <BackspaceButton style={utilKeyStyle} label=\"Backspace\" />}\r\n </div>\r\n\r\n {/* Action buttons (the only Tab stops in the dialog) */}\r\n <div style={{ display: 'flex', gap: 8, marginTop: 2 }}>\r\n <button\r\n type=\"button\"\r\n className=\"np-action\"\r\n onClick={onClose}\r\n style={{\r\n flex: 1,\r\n minHeight: actionSize,\r\n borderRadius: 8,\r\n border: '1px solid #e2e8f0',\r\n background: '#ffffff',\r\n color: '#0f172a',\r\n fontSize: 14,\r\n fontWeight: 600,\r\n cursor: 'pointer',\r\n }}\r\n >\r\n Cancel\r\n </button>\r\n <button\r\n type=\"button\"\r\n className=\"np-action\"\r\n onClick={handleApply}\r\n disabled={!isValid}\r\n aria-label={isValid ? `Apply ${inputValue} ${unit}` : 'Apply (enter a valid value)'}\r\n style={{\r\n flex: 1,\r\n minHeight: actionSize,\r\n borderRadius: 8,\r\n border: 'none',\r\n background: '#2563eb',\r\n color: '#ffffff',\r\n fontSize: 14,\r\n fontWeight: 600,\r\n cursor: isValid ? 'pointer' : 'not-allowed',\r\n opacity: isValid ? 1 : 0.4,\r\n }}\r\n >\r\n Apply\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n};\r\n","import React from 'react';\r\nimport { Tab } from '@mui/material';\r\nimport {\r\n ChevronLeft,\r\n ChevronRight,\r\n DisplayModeToggle,\r\n FixedSVGContainer,\r\n FooterPanel,\r\n FullscreenContainer,\r\n LeftPanel,\r\n LeftToggleButton,\r\n PanelContent,\r\n PanelTabs,\r\n RightPanel,\r\n RightToggleButton,\r\n SVGArea,\r\n ScrollableSVGWrapper,\r\n ZoomButton,\r\n ZoomControls,\r\n} from './FullscreenWorkspace.styles';\r\nimport type { DisplayMode, FullscreenWorkspaceProps } from './types';\r\n\r\nexport function FullscreenWorkspace({\r\n svgContent,\r\n overlays,\r\n leftPanel,\r\n rightPanel,\r\n footer,\r\n tabs,\r\n activeTab,\r\n onTabChange,\r\n defaultLeftCollapsed = false,\r\n defaultRightCollapsed = false,\r\n leftCollapsed: leftCollapsedProp,\r\n rightCollapsed: rightCollapsedProp,\r\n onLeftCollapseChange,\r\n onRightCollapseChange,\r\n displayMode,\r\n defaultDisplayMode = 'standard',\r\n onDisplayModeChange,\r\n showDisplayModeToggle = true,\r\n showZoomControls = false,\r\n onZoomIn,\r\n onZoomOut,\r\n onResetZoom,\r\n zoomDisabled = false,\r\n className = '',\r\n ...rest\r\n}: FullscreenWorkspaceProps): React.ReactElement {\r\n const [leftCollapsedState, setLeftCollapsedState] = React.useState(defaultLeftCollapsed);\r\n const [rightCollapsedState, setRightCollapsedState] = React.useState(defaultRightCollapsed);\r\n const [internalDisplayMode, setInternalDisplayMode] =\r\n React.useState<DisplayMode>(displayMode ?? defaultDisplayMode);\r\n const [internalTab, setInternalTab] = React.useState<string>(\r\n tabs && tabs.length > 0 ? tabs[0].value : ''\r\n );\r\n\r\n const leftCollapsed = leftCollapsedProp ?? leftCollapsedState;\r\n const rightCollapsed = rightCollapsedProp ?? rightCollapsedState;\r\n const isDisplayModeControlled = displayMode !== undefined;\r\n const currentDisplayMode = isDisplayModeControlled ? displayMode : internalDisplayMode;\r\n const isTabControlled = activeTab !== undefined && activeTab !== null;\r\n\r\n const resolvedTabs = React.useMemo(() => tabs ?? [], [tabs]);\r\n const defaultTabValue = resolvedTabs.length > 0 ? resolvedTabs[0].value : '';\r\n const currentTab = isTabControlled ? (activeTab as string) : internalTab || defaultTabValue;\r\n\r\n React.useEffect(() => {\r\n if (resolvedTabs.length > 0) {\r\n const values = resolvedTabs.map((tab) => tab.value);\r\n if (!values.includes(currentTab)) {\r\n const fallback = activeTab ?? defaultTabValue;\r\n setInternalTab(fallback);\r\n }\r\n }\r\n }, [resolvedTabs, activeTab, currentTab, defaultTabValue]);\r\n\r\n React.useEffect(() => {\r\n if (displayMode !== undefined) {\r\n setInternalDisplayMode(displayMode);\r\n }\r\n }, [displayMode]);\r\n\r\n const handleLeftToggle = () => {\r\n const next = !leftCollapsed;\r\n if (leftCollapsedProp === undefined) {\r\n setLeftCollapsedState(next);\r\n }\r\n onLeftCollapseChange?.(next);\r\n };\r\n\r\n const handleRightToggle = () => {\r\n const next = !rightCollapsed;\r\n if (rightCollapsedProp === undefined) {\r\n setRightCollapsedState(next);\r\n }\r\n onRightCollapseChange?.(next);\r\n };\r\n\r\n const handleModeToggle = () => {\r\n const nextMode = currentDisplayMode === 'standard' ? 'dashboard' : 'standard';\r\n if (!isDisplayModeControlled) {\r\n setInternalDisplayMode(nextMode);\r\n }\r\n onDisplayModeChange?.(nextMode);\r\n };\r\n\r\n const handleTabChangeInternal = (_: React.SyntheticEvent, value: string) => {\r\n if (!isTabControlled) {\r\n setInternalTab(value);\r\n }\r\n onTabChange?.(value);\r\n };\r\n\r\n const currentTabContent =\r\n resolvedTabs.find((tab) => tab.value === currentTab)?.content ?? null;\r\n\r\n const showLeftToggle = Boolean(leftPanel);\r\n const showRightToggle = Boolean(rightPanel);\r\n\r\n return (\r\n <FullscreenContainer\r\n leftCollapsed={leftCollapsed}\r\n rightCollapsed={rightCollapsed}\r\n className={`tff-svg-container ${className}`.trim()}\r\n {...rest}\r\n >\r\n {showLeftToggle && (\r\n <LeftToggleButton\r\n collapsed={leftCollapsed}\r\n onClick={handleLeftToggle}\r\n aria-label={leftCollapsed ? 'Expand left panel' : 'Collapse left panel'}\r\n >\r\n {leftCollapsed ? <ChevronRight /> : <ChevronLeft />}\r\n </LeftToggleButton>\r\n )}\r\n\r\n {showRightToggle && (\r\n <RightToggleButton\r\n collapsed={rightCollapsed}\r\n onClick={handleRightToggle}\r\n aria-label={rightCollapsed ? 'Expand right panel' : 'Collapse right panel'}\r\n >\r\n {rightCollapsed ? <ChevronLeft /> : <ChevronRight />}\r\n </RightToggleButton>\r\n )}\r\n\r\n {showDisplayModeToggle && (\r\n <DisplayModeToggle\r\n mode={currentDisplayMode}\r\n onClick={handleModeToggle}\r\n aria-label=\"Toggle display mode\"\r\n >\r\n {currentDisplayMode === 'dashboard' ? 'Dashboard Mode' : 'Standard Mode'}\r\n </DisplayModeToggle>\r\n )}\r\n\r\n <SVGArea>\r\n {showZoomControls && (\r\n <ZoomControls>\r\n <ZoomButton\r\n onClick={onZoomIn}\r\n disabled={zoomDisabled || !onZoomIn}\r\n size=\"small\"\r\n aria-label=\"Zoom in\"\r\n >\r\n +\r\n </ZoomButton>\r\n <ZoomButton\r\n onClick={onZoomOut}\r\n disabled={zoomDisabled || !onZoomOut}\r\n size=\"small\"\r\n aria-label=\"Zoom out\"\r\n >\r\n -\r\n </ZoomButton>\r\n {onResetZoom && (\r\n <ZoomButton\r\n onClick={onResetZoom}\r\n disabled={zoomDisabled}\r\n size=\"small\"\r\n aria-label=\"Reset zoom\"\r\n >\r\n Reset\r\n </ZoomButton>\r\n )}\r\n </ZoomControls>\r\n )}\r\n\r\n <ScrollableSVGWrapper className=\"svg-scroll-wrapper\">\r\n <FixedSVGContainer className=\"svg-container\">\r\n {svgContent}\r\n {overlays}\r\n </FixedSVGContainer>\r\n </ScrollableSVGWrapper>\r\n </SVGArea>\r\n\r\n <LeftPanel collapsed={leftCollapsed}>\r\n {resolvedTabs.length > 0 ? (\r\n <>\r\n <PanelTabs\r\n value={currentTab}\r\n onChange={handleTabChangeInternal}\r\n aria-label=\"Left panel tabs\"\r\n >\r\n {resolvedTabs.map((tab) => (\r\n <Tab key={tab.value} label={tab.label} value={tab.value} />\r\n ))}\r\n </PanelTabs>\r\n <PanelContent>{currentTabContent}</PanelContent>\r\n </>\r\n ) : (\r\n leftPanel\r\n )}\r\n </LeftPanel>\r\n\r\n <RightPanel collapsed={rightCollapsed}>{rightPanel}</RightPanel>\r\n\r\n <FooterPanel>{footer}</FooterPanel>\r\n </FullscreenContainer>\r\n );\r\n}\r\n\r\nexport type {\r\n DisplayMode,\r\n FullscreenContainerProps,\r\n FullscreenWorkspaceProps,\r\n FullscreenWorkspaceTab,\r\n OverlayTheme,\r\n SVGLockedOverlayProps,\r\n TrendLineProps,\r\n CircularGaugeProps,\r\n SparklineProps,\r\n EquipmentIndicatorProps,\r\n EquipmentIndicatorWithSparklineProps,\r\n} from './types';\r\n\r\nexport {\r\n FullscreenContainer,\r\n LeftPanel,\r\n RightPanel,\r\n SVGArea,\r\n LeftToggleButton,\r\n RightToggleButton,\r\n DisplayModeToggle,\r\n ZoomControls,\r\n ZoomButton,\r\n FooterPanel,\r\n PanelTabs,\r\n PanelContent,\r\n FixedSVGContainer,\r\n ScrollableSVGWrapper,\r\n ChevronLeft,\r\n ChevronRight,\r\n} from './FullscreenWorkspace.styles';\r\n\r\nexport {\r\n overlayStyles,\r\n SVGLockedOverlay,\r\n DashboardCard,\r\n CardHeader,\r\n CardValue,\r\n CardUnit,\r\n} from './FullscreenWorkspace.overlays';\r\n\r\nexport {\r\n TrendLine,\r\n Sparkline,\r\n CircularGauge,\r\n EquipmentIndicator,\r\n EquipmentIndicatorWithSparkline,\r\n} from './FullscreenWorkspace.visuals';\r\n","import { Box, IconButton, Tabs } from '@mui/material';\r\nimport styled from '@emotion/styled';\r\nimport type { DisplayMode, FullscreenContainerProps } from './types';\r\n\r\nexport const FullscreenContainer = styled(Box)<FullscreenContainerProps>(\r\n ({ leftCollapsed, rightCollapsed }) => {\r\n const getGridTemplateAreas = () => {\r\n if (leftCollapsed && rightCollapsed) {\r\n return `\"svg-area\" \"footer\"`;\r\n }\r\n if (leftCollapsed) {\r\n return `\"svg-area right-panel\" \"footer footer\"`;\r\n }\r\n if (rightCollapsed) {\r\n return `\"left-panel svg-area\" \"footer footer\"`;\r\n }\r\n return `\"left-panel svg-area right-panel\" \"footer footer footer\"`;\r\n };\r\n\r\n const getGridTemplateColumns = () => {\r\n if (leftCollapsed && rightCollapsed) {\r\n return '1fr';\r\n }\r\n if (leftCollapsed) {\r\n return '1fr 380px';\r\n }\r\n if (rightCollapsed) {\r\n return '420px 1fr';\r\n }\r\n return '420px 1fr 380px';\r\n };\r\n\r\n return {\r\n width: '100vw',\r\n height: '100vh',\r\n background: '#f5f5f5',\r\n display: 'grid',\r\n gridTemplateAreas: getGridTemplateAreas(),\r\n gridTemplateRows: '1fr 100px',\r\n gridTemplateColumns: getGridTemplateColumns(),\r\n gap: '10px',\r\n padding: '10px',\r\n boxSizing: 'border-box',\r\n transition: 'grid-template-columns 0.3s ease-in-out',\r\n };\r\n }\r\n);\r\n\r\nexport const LeftPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\r\n gridArea: 'left-panel',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: collapsed ? '0' : '15px',\r\n overflowY: 'auto',\r\n display: collapsed ? 'none' : 'block',\r\n transition: 'all 0.3s ease-in-out',\r\n}));\r\n\r\nexport const RightPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\r\n gridArea: 'right-panel',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: collapsed ? '0' : '15px',\r\n overflowY: 'auto',\r\n display: collapsed ? 'none' : 'block',\r\n transition: 'all 0.3s ease-in-out',\r\n}));\r\n\r\nexport const SVGArea = styled(Box)({\r\n gridArea: 'svg-area',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start',\r\n position: 'relative',\r\n background: 'rgba(255, 255, 255, 0.0)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n overflow: 'auto',\r\n width: '100%',\r\n height: '100%',\r\n});\r\n\r\nexport const LeftToggleButton = styled(IconButton)<{ collapsed: boolean }>(\r\n ({ collapsed }) => ({\r\n position: 'absolute',\r\n left: collapsed ? '10px' : '410px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n zIndex: 1000,\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n transition: 'left 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n })\r\n);\r\n\r\nexport const RightToggleButton = styled(IconButton)<{ collapsed: boolean }>(\r\n ({ collapsed }) => ({\r\n position: 'absolute',\r\n right: collapsed ? '10px' : '370px',\r\n top: '50%',\r\n transform: 'translateY(-50%)',\r\n zIndex: 1000,\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n transition: 'right 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n })\r\n);\r\n\r\nexport const DisplayModeToggle = styled(IconButton)<{ mode: DisplayMode }>(({ mode }) => ({\r\n position: 'absolute',\r\n top: '50px',\r\n left: '75%',\r\n transform: 'translateX(-50%)',\r\n zIndex: 1000,\r\n backgroundColor:\r\n mode === 'dashboard' ? 'rgba(52, 152, 219, 0.9)' : 'rgba(255, 255, 255, 0.9)',\r\n color: mode === 'dashboard' ? 'white' : '#333',\r\n border: '1px solid #ddd',\r\n borderRadius: '20px',\r\n padding: '8px 16px',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n minWidth: '120px',\r\n transition: 'all 0.3s ease-in-out',\r\n '&:hover': {\r\n backgroundColor:\r\n mode === 'dashboard' ? 'rgba(52, 152, 219, 1)' : 'rgba(255, 255, 255, 1)',\r\n transform: 'translateX(-50%) scale(1.05)',\r\n },\r\n}));\r\n\r\nexport const ChevronLeft = () => (\r\n <div\r\n style={{\r\n width: 0,\r\n height: 0,\r\n borderTop: '6px solid transparent',\r\n borderBottom: '6px solid transparent',\r\n borderRight: '8px solid #666',\r\n }}\r\n />\r\n);\r\n\r\nexport const ChevronRight = () => (\r\n <div\r\n style={{\r\n width: 0,\r\n height: 0,\r\n borderTop: '6px solid transparent',\r\n borderBottom: '6px solid transparent',\r\n borderLeft: '8px solid #666',\r\n }}\r\n />\r\n);\r\n\r\nexport const ZoomControls = styled(Box)({\r\n position: 'absolute',\r\n top: '10px',\r\n right: '10px',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: '5px',\r\n zIndex: 1000,\r\n});\r\n\r\nexport const ZoomButton = styled(IconButton)({\r\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\r\n border: '1px solid #ddd',\r\n width: '32px',\r\n height: '32px',\r\n fontSize: '14px',\r\n fontWeight: 'bold',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255, 255, 255, 1)',\r\n },\r\n});\r\n\r\nexport const FooterPanel = styled(Box)({\r\n gridArea: 'footer',\r\n background: 'rgba(255, 255, 255, 0.95)',\r\n border: '1px solid #ddd',\r\n borderRadius: '8px',\r\n padding: '10px',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignItems: 'center',\r\n});\r\n\r\nexport const PanelTabs = styled(Tabs)({\r\n minHeight: '36px',\r\n '& .MuiTabs-indicator': {\r\n backgroundColor: '#546e7a',\r\n },\r\n '& .MuiTab-root': {\r\n minHeight: '36px',\r\n padding: '6px 12px',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n textTransform: 'none',\r\n color: '#666',\r\n '&.Mui-selected': {\r\n color: '#546e7a',\r\n },\r\n },\r\n});\r\n\r\nexport const PanelContent = styled(Box)({\r\n flex: 1,\r\n overflow: 'auto',\r\n padding: '10px',\r\n});\r\n\r\nexport const FixedSVGContainer = styled('div')({\r\n position: 'relative',\r\n width: '1300px',\r\n height: '400px',\r\n minWidth: '1300px',\r\n minHeight: '400px',\r\n maxWidth: '1300px',\r\n maxHeight: '400px',\r\n border: 'none',\r\n backgroundColor: 'transparent',\r\n overflow: 'visible',\r\n '& .svg-locked-overlay': {\r\n position: 'absolute',\r\n pointerEvents: 'auto',\r\n zIndex: 10,\r\n },\r\n '& svg': {\r\n position: 'absolute',\r\n left: 0,\r\n top: 0,\r\n width: '1300px',\r\n height: '280px',\r\n minWidth: '1300px',\r\n minHeight: '280px',\r\n maxWidth: 'none',\r\n maxHeight: 'none',\r\n objectFit: 'none',\r\n transform: 'none',\r\n border: 'none',\r\n },\r\n});\r\n\r\nexport const ScrollableSVGWrapper = styled('div')({\r\n position: 'relative',\r\n width: '100%',\r\n height: '100%',\r\n overflow: 'auto',\r\n transform: 'rotateX(180deg)',\r\n padding: '250px',\r\n paddingTop: '200px',\r\n boxSizing: 'border-box',\r\n '& > *': {\r\n display: 'block',\r\n transform: 'rotateX(180deg)',\r\n },\r\n});\r\n","import { useEffect, useState } from 'react';\r\nimport { Box } from '@mui/material';\r\nimport styled from '@emotion/styled';\r\nimport type { OverlayTheme, SVGLockedOverlayProps } from './types';\r\n\r\nconst baseOverlayStyles = {\r\n tank: {\r\n background:\r\n 'linear-gradient(135deg, rgba(69, 90, 120, 0.95) 0%, rgba(52, 73, 94, 0.95) 100%)',\r\n border: '1px solid #455a64',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '12px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '8px',\r\n minWidth: '60px',\r\n boxShadow: '0 1px 4px rgba(69, 90, 120, 0.2)',\r\n },\r\n pressure: {\r\n background:\r\n 'linear-gradient(135deg, rgba(30, 50, 90, 0.75) 0%, rgba(20, 35, 70, 0.75) 100%)',\r\n border: '1px solid #1e3a8a',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '11px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '6px',\r\n minWidth: '50px',\r\n boxShadow: '0 1px 4px rgba(30, 50, 90, 0.15)',\r\n },\r\n vessel: {\r\n background:\r\n 'linear-gradient(135deg, rgba(84, 110, 122, 0.95) 0%, rgba(69, 90, 100, 0.95) 100%)',\r\n border: '1px solid #546e7a',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '13px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '8px',\r\n minWidth: '70px',\r\n boxShadow: '0 1px 4px rgba(84, 110, 122, 0.2)',\r\n },\r\n flow: {\r\n background:\r\n 'linear-gradient(135deg, rgba(102, 125, 102, 0.95) 0%, rgba(85, 107, 85, 0.95) 100%)',\r\n border: '1px solid #689f38',\r\n color: 'white',\r\n borderRadius: '4px',\r\n fontSize: '11px',\r\n fontWeight: '500',\r\n textAlign: 'center' as const,\r\n padding: '5px',\r\n minWidth: '60px',\r\n boxShadow: '0 1px 4px rgba(102, 125, 102, 0.2)',\r\n },\r\n} as const;\r\n\r\nexport const overlayStyles: Record<OverlayTheme, typeof baseOverlayStyles[OverlayTheme]> =\r\n baseOverlayStyles;\r\n\r\nexport const SVGLockedOverlay = ({\r\n svgX,\r\n svgY,\r\n children,\r\n theme,\r\n style = {},\r\n className = '',\r\n onClick,\r\n containerSelector = '.tff-svg-container',\r\n}: SVGLockedOverlayProps) => {\r\n const [svgOffset, setSvgOffset] = useState({ x: 0, y: 0 });\r\n\r\n useEffect(() => {\r\n const updateSvgOffset = () => {\r\n const containerElement = document.querySelector(containerSelector);\r\n const svgElement = containerElement?.querySelector('svg');\r\n\r\n if (svgElement && containerElement) {\r\n const svgRect = svgElement.getBoundingClientRect();\r\n const containerRect = containerElement.getBoundingClientRect();\r\n\r\n setSvgOffset({\r\n x: svgRect.left - containerRect.left,\r\n y: svgRect.top - containerRect.top,\r\n });\r\n }\r\n };\r\n\r\n updateSvgOffset();\r\n window.addEventListener('resize', updateSvgOffset);\r\n return () => window.removeEventListener('resize', updateSvgOffset);\r\n }, [containerSelector]);\r\n\r\n const pixelX = svgX + svgOffset.x;\r\n const pixelY = svgY + svgOffset.y;\r\n\r\n const appliedStyle = theme ? { ...overlayStyles[theme], ...style } : style;\r\n\r\n return (\r\n <Box\r\n className={`svg-locked-overlay ${className}`.trim()}\r\n onClick={onClick}\r\n sx={{\r\n position: 'absolute',\r\n left: `${pixelX}px`,\r\n top: `${pixelY}px`,\r\n cursor: onClick ? 'pointer' : 'default',\r\n zIndex: 10,\r\n pointerEvents: 'auto',\r\n ...appliedStyle,\r\n }}\r\n >\r\n {children}\r\n </Box>\r\n );\r\n};\r\n\r\nexport const DashboardCard = styled(Box)<{ svgX: number; svgY: number; cardType?: string }>(\r\n ({ svgX, svgY, cardType }) => ({\r\n position: 'absolute',\r\n left: svgX,\r\n top: svgY,\r\n background:\r\n cardType === 'critical'\r\n ? 'linear-gradient(135deg, rgba(220, 53, 69, 0.95) 0%, rgba(173, 20, 87, 0.95) 100%)'\r\n : cardType === 'warning'\r\n ? 'linear-gradient(135deg, rgba(255, 193, 7, 0.95) 0%, rgba(255, 143, 0, 0.95) 100%)'\r\n : cardType === 'vessel'\r\n ? 'linear-gradient(135deg, rgba(46, 204, 113, 0.95) 0%, rgba(39, 174, 96, 0.95) 100%)'\r\n : cardType === 'process'\r\n ? 'linear-gradient(135deg, rgba(155, 89, 182, 0.95) 0%, rgba(142, 68, 173, 0.95) 100%)'\r\n : cardType === 'control'\r\n ? 'linear-gradient(135deg, rgba(26, 188, 156, 0.95) 0%, rgba(22, 160, 133, 0.95) 100%)'\r\n : 'linear-gradient(135deg, rgba(52, 152, 219, 0.95) 0%, rgba(41, 128, 185, 0.95) 100%)',\r\n border: '1px solid rgba(255, 255, 255, 0.2)',\r\n borderRadius: '12px',\r\n padding: '12px',\r\n minWidth: '140px',\r\n boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\r\n backdropFilter: 'blur(10px)',\r\n color: 'white',\r\n fontSize: '12px',\r\n fontWeight: '600',\r\n textAlign: 'center',\r\n transform: 'translate(-50%, -50%)',\r\n transition: 'all 0.3s ease-in-out',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n transform: 'translate(-50%, -50%) scale(1.05)',\r\n boxShadow: '0 12px 40px rgba(0, 0, 0, 0.4)',\r\n },\r\n })\r\n);\r\n\r\nexport const CardHeader = styled('div')<{ color?: string }>(({ color }) => ({\r\n fontSize: '10px',\r\n opacity: 0.9,\r\n marginBottom: '4px',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n color: color || 'inherit',\r\n borderBottom: color ? `1px solid ${color}40` : 'none',\r\n paddingBottom: color ? '2px' : '0',\r\n}));\r\n\r\nexport const CardValue = styled('div')({\r\n fontSize: '16px',\r\n fontWeight: '700',\r\n marginBottom: '2px',\r\n});\r\n\r\nexport const CardUnit = styled('div')({\r\n fontSize: '9px',\r\n opacity: 0.8,\r\n});\r\n\r\n","import type {\r\n CircularGaugeProps,\r\n EquipmentIndicatorProps,\r\n EquipmentIndicatorWithSparklineProps,\r\n SparklineProps,\r\n TrendLineProps,\r\n} from './types';\r\nimport { SVGLockedOverlay } from './FullscreenWorkspace.overlays';\r\n\r\nexport const TrendLine = ({\r\n values,\r\n width = 60,\r\n height = 20,\r\n color = '#4fc3f7',\r\n strokeWidth = 1.5,\r\n backgroundColor = 'rgba(255, 255, 255, 0.1)',\r\n}: TrendLineProps) => {\r\n if (!values || values.length < 2) {\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor,\r\n borderRadius: '2px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <span style={{ fontSize: '8px', color: '#ccc' }}>No data</span>\r\n </div>\r\n );\r\n }\r\n\r\n const minValue = Math.min(...values);\r\n const maxValue = Math.max(...values);\r\n const range = maxValue - minValue;\r\n\r\n const normalizedValues =\r\n range === 0\r\n ? values.map(() => height / 2)\r\n : values.map((v) => height - 4 - ((v - minValue) / range) * (height - 8));\r\n\r\n const pathData = normalizedValues\r\n .map((y, i) => {\r\n const x = 4 + (i / (values.length - 1)) * (width - 8);\r\n return i === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;\r\n })\r\n .join(' ');\r\n\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor,\r\n borderRadius: '2px',\r\n position: 'relative',\r\n overflow: 'hidden',\r\n }}\r\n >\r\n <svg width={width} height={height} style={{ position: 'absolute', top: 0, left: 0 }}>\r\n <path\r\n d={pathData}\r\n fill=\"none\"\r\n stroke={color}\r\n strokeWidth={strokeWidth}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n />\r\n <circle\r\n cx={4 + (width - 8)}\r\n cy={normalizedValues[normalizedValues.length - 1]}\r\n r={1.5}\r\n fill={color}\r\n />\r\n </svg>\r\n </div>\r\n );\r\n};\r\n\r\nconst hexToRgba = (hex: string, alpha: number) => {\r\n const r = parseInt(hex.slice(1, 3), 16);\r\n const g = parseInt(hex.slice(3, 5), 16);\r\n const b = parseInt(hex.slice(5, 7), 16);\r\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n};\r\n\r\nexport const CircularGauge = ({\r\n value,\r\n max,\r\n unit,\r\n label,\r\n size = 60,\r\n color = 'rgba(255, 255, 255, 0.9)',\r\n}: CircularGaugeProps) => {\r\n const percentage = Math.min((value / max) * 100, 100);\r\n const strokeWidth = 4;\r\n const radius = (size - strokeWidth) / 2;\r\n const circumference = radius * 2 * Math.PI;\r\n const strokeDasharray = circumference;\r\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\r\n\r\n const isHex = color.startsWith('#');\r\n const innerCircleColor = isHex ? hexToRgba(color, 0.8) : color;\r\n const borderColor = isHex ? hexToRgba(color, 0.9) : color;\r\n const backgroundColor = isHex ? hexToRgba(color, 0.15) : color;\r\n const borderStrokeColor = isHex ? hexToRgba(color, 0.4) : color;\r\n\r\n return (\r\n <div\r\n style={{\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <div\r\n style={{\r\n position: 'relative',\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor,\r\n border: `1px solid ${borderStrokeColor}`,\r\n }}\r\n >\r\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius - strokeWidth - 2}\r\n fill={innerCircleColor}\r\n stroke={borderColor}\r\n strokeWidth={1}\r\n />\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius}\r\n stroke=\"rgba(255, 255, 255, 0.2)\"\r\n strokeWidth={strokeWidth}\r\n fill=\"transparent\"\r\n />\r\n <circle\r\n cx={size / 2}\r\n cy={size / 2}\r\n r={radius}\r\n stroke={color}\r\n strokeWidth={strokeWidth}\r\n fill=\"transparent\"\r\n strokeDasharray={strokeDasharray}\r\n strokeDashoffset={strokeDashoffset}\r\n strokeLinecap=\"round\"\r\n style={{ transition: 'stroke-dashoffset 0.5s ease-in-out' }}\r\n />\r\n </svg>\r\n <div\r\n style={{\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n fontSize: '11px',\r\n fontWeight: '700',\r\n color: 'white',\r\n textAlign: 'center',\r\n textShadow: '0 1px 2px rgba(0, 0, 0, 0.5)',\r\n }}\r\n >\r\n {value.toFixed(1)}\r\n <div style={{ fontSize: '8px', opacity: 0.9, color: 'white' }}>{unit}</div>\r\n </div>\r\n </div>\r\n <div\r\n style={{\r\n fontSize: '9px',\r\n marginTop: '4px',\r\n opacity: 0.9,\r\n color: 'white',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </div>\r\n );\r\n};\r\n\r\nexport const Sparkline = ({ data, width, height, color }: SparklineProps) => {\r\n if (!data || data.length < 2) {\r\n return null;\r\n }\r\n\r\n const max = Math.max(...data);\r\n const min = Math.min(...data);\r\n const range = max - min;\r\n\r\n if (range === 0) {\r\n return null;\r\n }\r\n\r\n const points = data\r\n .map((value, index) => {\r\n const x = (index / (data.length - 1)) * (width - 8);\r\n const y = height - 8 - ((value - min) / range) * (height - 8);\r\n return `${x + 4},${y + 4}`;\r\n })\r\n .join(' ');\r\n\r\n return (\r\n <div\r\n style={{\r\n width,\r\n height,\r\n backgroundColor: 'rgba(0, 0, 0, 0.7)',\r\n border: '1px solid rgba(255, 255, 255, 0.3)',\r\n borderRadius: '4px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\r\n }}\r\n >\r\n <svg width={width} height={height}>\r\n <polyline points={points} fill=\"none\" stroke={color} strokeWidth=\"1.5\" opacity=\"0.9\" />\r\n </svg>\r\n </div>\r\n );\r\n};\r\n\r\nexport const EquipmentIndicatorWithSparkline = ({\r\n svgX,\r\n svgY,\r\n color,\r\n label,\r\n size = 30,\r\n sparklineData,\r\n sparklineOffset = { x: 40, y: 0 },\r\n}: EquipmentIndicatorWithSparklineProps) => {\r\n const hasSparkline =\r\n sparklineData &&\r\n sparklineData.length > 1 &&\r\n Math.max(...sparklineData) !== Math.min(...sparklineData);\r\n\r\n return (\r\n <>\r\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={{ transform: 'translate(-50%, -50%)' }}>\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor: color,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: 'white',\r\n fontSize: '7px',\r\n fontWeight: '700',\r\n textAlign: 'center',\r\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\r\n border: '2px solid rgba(255, 255, 255, 0.3)',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </SVGLockedOverlay>\r\n\r\n {hasSparkline && (\r\n <SVGLockedOverlay svgX={svgX + sparklineOffset.x} svgY={svgY + sparklineOffset.y}>\r\n <Sparkline data={sparklineData!} width={60} height={20} color={color} />\r\n </SVGLockedOverlay>\r\n )}\r\n </>\r\n );\r\n};\r\n\r\nexport const EquipmentIndicator = ({\r\n svgX,\r\n svgY,\r\n color,\r\n label,\r\n size = 30,\r\n style,\r\n className,\r\n}: EquipmentIndicatorProps) => {\r\n const overlayStyle =\r\n style !== undefined\r\n ? { transform: 'translate(-50%, -50%)', ...style }\r\n : { transform: 'translate(-50%, -50%)' };\r\n\r\n return (\r\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={overlayStyle} className={className}>\r\n <div\r\n style={{\r\n width: size,\r\n height: size,\r\n borderRadius: '50%',\r\n backgroundColor: color,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n color: 'white',\r\n fontSize: '7px',\r\n fontWeight: '700',\r\n textAlign: 'center',\r\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\r\n border: '2px solid rgba(255, 255, 255, 0.3)',\r\n }}\r\n >\r\n {label}\r\n </div>\r\n </SVGLockedOverlay>\r\n );\r\n};\r\n","import React, { createContext, useContext, useState, useEffect } from 'react';\r\n\r\ntype Theme = 'modern' | 'hmi';\r\n\r\ninterface ThemeContextType {\r\n theme: Theme;\r\n toggleTheme: () => void;\r\n setTheme: (theme: Theme) => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport const useTheme = () => {\r\n const context = useContext(ThemeContext);\r\n if (!context) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n return context;\r\n};\r\n\r\ninterface ThemeProviderProps {\r\n children: React.ReactNode;\r\n}\r\n\r\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ children }) => {\r\n const [theme, setThemeState] = useState<Theme>('modern');\r\n\r\n useEffect(() => {\r\n // Apply theme classes to document body\r\n document.body.className = '';\r\n document.body.classList.add(`theme-${theme}`);\r\n\r\n // Also apply to html element for global styling\r\n document.documentElement.className = '';\r\n document.documentElement.classList.add(`theme-${theme}`);\r\n }, [theme]);\r\n\r\n const toggleTheme = () => {\r\n setTheme(theme === 'modern' ? 'hmi' : 'modern');\r\n };\r\n\r\n const setTheme = (newTheme: Theme) => {\r\n setThemeState(newTheme);\r\n };\r\n\r\n return (\r\n <ThemeContext.Provider value={{ theme, toggleTheme, setTheme }}>\r\n {children}\r\n </ThemeContext.Provider>\r\n );\r\n};\r\n","import React from 'react';\r\nimport { useTheme } from './ThemeContext';\r\n\r\nexport interface ThemeToggleProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** Size of the toggle */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Position of the toggle */\r\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'inline';\r\n}\r\n\r\nexport const ThemeToggle: React.FC<ThemeToggleProps> = ({\r\n size = 'medium',\r\n position = 'top-right',\r\n className = '',\r\n ...props\r\n}) => {\r\n const { theme, toggleTheme } = useTheme();\r\n\r\n const sizeStyles = {\r\n small: { padding: '0.5rem 1rem', fontSize: '0.75rem' },\r\n medium: { padding: '0.75rem 1.5rem', fontSize: '0.875rem' },\r\n large: { padding: '1rem 2rem', fontSize: '1rem' },\r\n };\r\n\r\n const positionStyles = {\r\n 'top-left': { position: 'fixed' as const, top: '1rem', left: '1rem', zIndex: 1000 },\r\n 'top-right': { position: 'fixed' as const, top: '1rem', right: '1rem', zIndex: 1000 },\r\n 'bottom-left': { position: 'fixed' as const, bottom: '1rem', left: '1rem', zIndex: 1000 },\r\n 'bottom-right': { position: 'fixed' as const, bottom: '1rem', right: '1rem', zIndex: 1000 },\r\n inline: { position: 'relative' as const },\r\n };\r\n\r\n const baseStyle: React.CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '0.75rem',\r\n cursor: 'pointer',\r\n borderRadius: '0.5rem',\r\n border: '2px solid',\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n fontWeight: 600,\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.05em',\r\n transition: 'all 0.2s ease',\r\n userSelect: 'none',\r\n ...sizeStyles[size],\r\n ...positionStyles[position],\r\n };\r\n\r\n const modernStyle: React.CSSProperties = {\r\n ...baseStyle,\r\n background: 'linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%)',\r\n borderColor: 'rgba(59, 130, 246, 0.4)',\r\n color: '#ffffff',\r\n boxShadow: '0 8px 32px rgba(59, 130, 246, 0.3)',\r\n };\r\n\r\n const hmiStyle: React.CSSProperties = {\r\n ...baseStyle,\r\n backgroundColor: '#666666',\r\n borderColor: '#999999',\r\n color: '#ffffff',\r\n boxShadow: 'none',\r\n };\r\n\r\n const currentStyle = theme === 'modern' ? modernStyle : hmiStyle;\r\n\r\n const toggleStyle: React.CSSProperties = {\r\n position: 'relative',\r\n width: '3rem',\r\n height: '1.5rem',\r\n borderRadius: '0.75rem',\r\n transition: 'all 0.2s ease',\r\n backgroundColor: theme === 'modern' ? '#3b82f6' : '#808080',\r\n border: `2px solid ${theme === 'modern' ? '#2563eb' : '#666666'}`,\r\n };\r\n\r\n const thumbStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n top: '0.125rem',\r\n left: theme === 'modern' ? '0.125rem' : '1.375rem',\r\n width: '1rem',\r\n height: '1rem',\r\n borderRadius: '50%',\r\n backgroundColor: '#ffffff',\r\n transition: 'all 0.2s ease',\r\n boxShadow: '0 2px 4px rgba(0, 0, 0, 0.2)',\r\n };\r\n\r\n return (\r\n <div style={currentStyle} onClick={toggleTheme} className={className} {...props}>\r\n <span>{theme === 'modern' ? '🎨 Modern' : '🏭 HMI'}</span>\r\n <div style={toggleStyle}>\r\n <div style={thumbStyle} />\r\n </div>\r\n <span style={{ fontSize: '0.75rem', opacity: 0.8 }}>\r\n {theme === 'modern' ? 'Industrial Design' : 'High Performance'}\r\n </span>\r\n </div>\r\n );\r\n};\r\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\r\nimport type { Diagram } from '../../diagram/schema';\r\nimport type { TelemetryMap } from '../../diagram/schema';\r\nimport { NodeRenderer } from './NodeRenderer';\r\nimport { PipeRenderer } from './PipeRenderer';\r\nimport { DataOverlay } from './DataOverlay';\r\nimport { PositionPanel } from './PositionPanel';\r\nimport { useViewBox, useSelection, useDrag, useKeyboardShortcuts } from '../../diagram/hooks';\r\nimport type { SelectionState } from '../../diagram/hooks';\r\nimport { getSymbolDefinition } from '../../diagram/symbols';\r\nimport { generateRoutePoints, getPortWorldPosition } from '../../diagram/utils/portCalculations';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface PIDCanvasFeatures {\r\n /** Enable pan interaction (default: true) */\r\n pan?: boolean;\r\n /** Enable zoom interaction (default: true) */\r\n zoom?: boolean;\r\n /** Enable selection interaction (default: false) */\r\n selection?: boolean;\r\n /** Allow multi-selection with Ctrl/Cmd key (default: true) */\r\n multiSelect?: boolean;\r\n /** Enable telemetry data overlays (default: false) */\r\n telemetry?: boolean;\r\n /** Scale factor for telemetry displays (default: 1.0, range: 0.5-2.0) */\r\n telemetryScale?: number;\r\n /** Enable drag-and-drop for nodes (default: false) */\r\n dragNodes?: boolean;\r\n /** Snap dragged nodes to grid (0 = no snap) */\r\n snapToGrid?: number;\r\n /** Enable keyboard shortcuts for delete/copy/paste (default: false) */\r\n keyboardShortcuts?: boolean;\r\n /** Enable pipe waypoint editing (drag waypoints, add/remove) (default: false) */\r\n editPipeRoutes?: boolean;\r\n /** Enable dropping symbols from library to add nodes (default: false) */\r\n allowSymbolDrop?: boolean;\r\n /** Enable connection drawing mode to create pipes between nodes (default: false) */\r\n connectionMode?: boolean;\r\n /** Show background grid (default: true) */\r\n showGrid?: boolean;\r\n /** Background color for canvas (default: '#ffffff') */\r\n backgroundColor?: string;\r\n}\r\n\r\nexport interface PIDCanvasProps extends React.HTMLAttributes<HTMLDivElement> {\r\n /** The diagram to render */\r\n diagram: Diagram;\r\n /** Optional className for the container */\r\n className?: string;\r\n /** Optional inline styles for the container */\r\n style?: React.CSSProperties;\r\n /** Enable interactive features (pan, zoom, selection, telemetry, dragNodes) */\r\n features?: PIDCanvasFeatures;\r\n /** Callback when selection changes */\r\n onSelectionChange?: (selection: SelectionState) => void;\r\n /** Callback when a node is clicked */\r\n onNodeClick?: (nodeId: string) => void;\r\n /** Callback when a pipe is clicked */\r\n onPipeClick?: (pipeId: string) => void;\r\n /** Callback when a node is moved (drag-and-drop) */\r\n onNodeMove?: (nodeId: string, newX: number, newY: number) => void;\r\n /** Callback when diagram changes (for internal state updates) */\r\n onDiagramChange?: (diagram: Diagram) => void;\r\n /** Callback when items are deleted */\r\n onDelete?: (nodeIds: string[], pipeIds: string[]) => void;\r\n /** Callback when items are copied (returns copied data for external storage) */\r\n onItemsCopied?: (nodeIds: string[], pipeIds: string[]) => void;\r\n /** Callback when paste is requested (external code should handle the paste logic) */\r\n onPaste?: () => void;\r\n /** Callback when a symbol is dropped onto canvas (returns symbol ID and position) */\r\n onSymbolDrop?: (symbolId: string, position: { x: number; y: number }) => void;\r\n /** Callback when a pipe is created via connection mode */\r\n onPipeCreated?: (\r\n sourceNodeId: string,\r\n targetNodeId: string,\r\n sourcePortId?: string,\r\n targetPortId?: string\r\n ) => void;\r\n /** Callback when canvas is mounted, provides control functions */\r\n onMounted?: (controls: PIDCanvasControls) => void;\r\n /** Telemetry data bindings for live values */\r\n telemetry?: TelemetryMap;\r\n /** Custom status-to-color map for node rendering (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\nexport interface PIDCanvasControls {\r\n /** Fit view to show all diagram content */\r\n fitToContent: (padding?: number) => void;\r\n /** Set zoom level (1 = 100%, 2 = 200%, etc.) */\r\n setZoom: (zoomLevel: number) => void;\r\n /** Get current zoom level */\r\n getZoom: () => number;\r\n}\r\n\r\n/**\r\n * PIDCanvas - Interactive canvas for rendering P&ID diagrams\r\n *\r\n * Features:\r\n * - Renders nodes (PR #3) and pipes (PR #4) with static layout\r\n * - Drag-and-drop: Drag nodes to reposition (PR #8)\r\n *\r\n * Future: Editing tools, symbol library UI\r\n */\r\nexport function PIDCanvas({\r\n diagram,\r\n className = '',\r\n style,\r\n features = {\r\n pan: true,\r\n zoom: true,\r\n selection: false,\r\n multiSelect: true,\r\n telemetry: false,\r\n dragNodes: false,\r\n },\r\n onSelectionChange,\r\n onNodeClick,\r\n onPipeClick,\r\n onNodeMove,\r\n onDiagramChange,\r\n onDelete,\r\n onItemsCopied,\r\n onPaste,\r\n onSymbolDrop,\r\n onPipeCreated,\r\n onMounted,\r\n telemetry,\r\n statusColorMap,\r\n ...props\r\n}: PIDCanvasProps): React.ReactElement {\r\n const [localDiagram, setLocalDiagram] = useState(diagram);\r\n const [dragOverPosition, setDragOverPosition] = useState<{ x: number; y: number } | null>(null);\r\n\r\n // Connection mode state\r\n const [isConnecting, setIsConnecting] = useState(false);\r\n const [connectionSource, setConnectionSource] = useState<string | null>(null);\r\n const [connectionSourcePort, setConnectionSourcePort] = useState<string | null>(null);\r\n const [connectionCursor, setConnectionCursor] = useState<{ x: number; y: number } | null>(null);\r\n const [hoveredNode, setHoveredNode] = useState<string | null>(null);\r\n const [hoveredPort, setHoveredPort] = useState<string | null>(null);\r\n\r\n // Waypoint selection state (separate from node/pipe selection)\r\n const [selectedWaypoint, setSelectedWaypoint] = useState<{\r\n pipeId: string;\r\n pointIndex: number;\r\n } | null>(null);\r\n\r\n // Undo/Redo state - using refs to avoid re-renders\r\n const historyStack = useRef<Diagram[]>([]);\r\n const redoStack = useRef<Diagram[]>([]);\r\n const isUndoRedoAction = useRef(false);\r\n const isInternalChange = useRef(false);\r\n const lastInternalDiagram = useRef<Diagram | null>(null);\r\n\r\n // Sync external diagram changes to local state\r\n useEffect(() => {\r\n // Only reset history if this is a truly external change (not from our callbacks)\r\n const isExternal = !isInternalChange.current && diagram !== lastInternalDiagram.current;\r\n\r\n // Only update state if this is an external change\r\n // This is a legitimate use of setState in effect - syncing external prop to local state\r\n if (isExternal) {\r\n // eslint-disable-next-line react-hooks/set-state-in-effect\r\n setLocalDiagram(diagram);\r\n\r\n // Reset history for external changes\r\n if (!isUndoRedoAction.current) {\r\n historyStack.current = [];\r\n redoStack.current = [];\r\n }\r\n }\r\n\r\n // Reset the internal change flag\r\n isInternalChange.current = false;\r\n }, [diagram]);\r\n\r\n const {\r\n viewBox: controlledViewBox,\r\n svgRef,\r\n screenToWorld,\r\n fitToContent: fitToContentViewBox,\r\n setViewBox,\r\n } = useViewBox({\r\n initialViewBox: diagram.viewBox,\r\n enablePan: features.pan ?? true,\r\n enableZoom: features.zoom ?? true,\r\n });\r\n\r\n // Calculate content bounds\r\n const calculateContentBounds = useCallback(() => {\r\n const nodes = localDiagram.nodes.filter((n) => n.visible !== false);\r\n if (nodes.length === 0) {\r\n return null;\r\n }\r\n\r\n let minX = Infinity;\r\n let minY = Infinity;\r\n let maxX = -Infinity;\r\n let maxY = -Infinity;\r\n\r\n nodes.forEach((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return;\r\n\r\n const nodeMinX = node.transform.x;\r\n const nodeMinY = node.transform.y;\r\n const nodeMaxX = node.transform.x + symbol.viewBox.width;\r\n const nodeMaxY = node.transform.y + symbol.viewBox.height;\r\n\r\n minX = Math.min(minX, nodeMinX);\r\n minY = Math.min(minY, nodeMinY);\r\n maxX = Math.max(maxX, nodeMaxX);\r\n maxY = Math.max(maxY, nodeMaxY);\r\n });\r\n\r\n return { minX, minY, maxX, maxY };\r\n }, [localDiagram.nodes]);\r\n\r\n // Expose controls via onMounted callback\r\n useEffect(() => {\r\n if (onMounted) {\r\n const controls: PIDCanvasControls = {\r\n fitToContent: (padding = 50) => {\r\n const bounds = calculateContentBounds();\r\n if (bounds) {\r\n fitToContentViewBox(bounds, padding);\r\n }\r\n },\r\n setZoom: (zoomLevel: number) => {\r\n const centerX = controlledViewBox.x + controlledViewBox.width / 2;\r\n const centerY = controlledViewBox.y + controlledViewBox.height / 2;\r\n const newWidth = diagram.viewBox.width / zoomLevel;\r\n const newHeight = diagram.viewBox.height / zoomLevel;\r\n setViewBox({\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n });\r\n },\r\n getZoom: () => {\r\n return diagram.viewBox.width / controlledViewBox.width;\r\n },\r\n };\r\n onMounted(controls);\r\n }\r\n }, [\r\n onMounted,\r\n calculateContentBounds,\r\n fitToContentViewBox,\r\n setViewBox,\r\n controlledViewBox,\r\n diagram.viewBox,\r\n ]);\r\n\r\n const { selection, selectNode, selectPipe, clearSelection } = useSelection({\r\n multiSelect: features.multiSelect ?? true,\r\n onSelectionChange,\r\n });\r\n\r\n const dragEnabled = features.dragNodes ?? false;\r\n const selectionEnabled = features.selection ?? false;\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n // Push current state to history (for undo)\r\n const pushToHistory = useCallback((currentDiagram: Diagram) => {\r\n if (isUndoRedoAction.current) return; // Don't add to history during undo/redo\r\n\r\n // Deep clone to avoid reference issues\r\n const snapshot = JSON.parse(JSON.stringify(currentDiagram));\r\n historyStack.current.push(snapshot);\r\n\r\n // Limit history size to 15 states\r\n if (historyStack.current.length > 15) {\r\n historyStack.current.shift();\r\n }\r\n\r\n // Clear redo stack on new action\r\n redoStack.current = [];\r\n }, []);\r\n\r\n // Undo function\r\n const undo = useCallback(() => {\r\n if (historyStack.current.length === 0) return;\r\n\r\n isUndoRedoAction.current = true;\r\n\r\n // Save current state to redo stack\r\n const currentSnapshot = JSON.parse(JSON.stringify(localDiagram));\r\n redoStack.current.push(currentSnapshot);\r\n\r\n // Pop from history and restore\r\n const previousState = historyStack.current.pop()!;\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = previousState;\r\n setLocalDiagram(previousState);\r\n onDiagramChange?.(previousState);\r\n\r\n // Reset flag after state updates\r\n setTimeout(() => {\r\n isUndoRedoAction.current = false;\r\n }, 0);\r\n }, [localDiagram, onDiagramChange]);\r\n\r\n // Redo function\r\n const redo = useCallback(() => {\r\n if (redoStack.current.length === 0) return;\r\n\r\n isUndoRedoAction.current = true;\r\n\r\n // Save current state to history\r\n const currentSnapshot = JSON.parse(JSON.stringify(localDiagram));\r\n historyStack.current.push(currentSnapshot);\r\n\r\n // Pop from redo stack and restore\r\n const nextState = redoStack.current.pop()!;\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = nextState;\r\n setLocalDiagram(nextState);\r\n onDiagramChange?.(nextState);\r\n\r\n // Reset flag after state updates\r\n setTimeout(() => {\r\n isUndoRedoAction.current = false;\r\n }, 0);\r\n }, [localDiagram, onDiagramChange]);\r\n\r\n // Keyboard shortcuts for undo/redo\r\n useEffect(() => {\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n // Check for Ctrl+Z (Windows/Linux) or Cmd+Z (Mac)\r\n const isCtrlOrCmd = e.ctrlKey || e.metaKey;\r\n\r\n if (isCtrlOrCmd && e.key === 'z' && !e.shiftKey) {\r\n e.preventDefault();\r\n undo();\r\n } else if (isCtrlOrCmd && e.key === 'z' && e.shiftKey) {\r\n e.preventDefault();\r\n redo();\r\n } else if (isCtrlOrCmd && e.key === 'y') {\r\n // Ctrl+Y is also a common redo shortcut\r\n e.preventDefault();\r\n redo();\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [undo, redo]);\r\n\r\n // Keyboard nudging for selected nodes and waypoints\r\n useEffect(() => {\r\n if (!features.dragNodes) return;\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n // Only handle arrow keys when something is selected\r\n if (selection.selectedNodeIds.size === 0 && !selectedWaypoint) return;\r\n\r\n // Ignore if user is typing in an input\r\n if (e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) {\r\n return;\r\n }\r\n\r\n const nudgeAmount = e.shiftKey ? 10 : 1; // Shift for larger nudge\r\n let dx = 0;\r\n let dy = 0;\r\n\r\n switch (e.key) {\r\n case 'ArrowLeft':\r\n dx = -nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowRight':\r\n dx = nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowUp':\r\n dy = -nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n case 'ArrowDown':\r\n dy = nudgeAmount;\r\n e.preventDefault();\r\n break;\r\n default:\r\n return;\r\n }\r\n\r\n // Update selected waypoint if one is selected\r\n if (selectedWaypoint) {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id === selectedWaypoint.pipeId) {\r\n const updatedRoutePoints = pipe.routePoints.map((point, idx) =>\r\n idx === selectedWaypoint.pointIndex ? { x: point.x + dx, y: point.y + dy } : point\r\n );\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n }\r\n return pipe;\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n return;\r\n }\r\n\r\n // Update all selected nodes\r\n if (selectionEnabled && selection.selectedNodeIds.size > 0) {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n selection.selectedNodeIds.has(node.id)\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x: node.transform.x + dx,\r\n y: node.transform.y + dy,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n const updatedDiagram = { ...localDiagram, nodes: updatedNodes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n\r\n // Call onNodeMove for each moved node\r\n selection.selectedNodeIds.forEach((nodeId) => {\r\n const node = updatedNodes.find((n) => n.id === nodeId);\r\n if (node) {\r\n onNodeMove?.(nodeId, node.transform.x, node.transform.y);\r\n }\r\n });\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [\r\n selectionEnabled,\r\n features.dragNodes,\r\n selection.selectedNodeIds,\r\n selectedWaypoint,\r\n localDiagram,\r\n onDiagramChange,\r\n onNodeMove,\r\n pushToHistory,\r\n ]);\r\n\r\n // Handler for node position panel changes\r\n const handlePositionChange = useCallback(\r\n (nodeId: string, x: number, y: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n node.id === nodeId\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x,\r\n y,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n const updatedDiagram = { ...localDiagram, nodes: updatedNodes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n onNodeMove?.(nodeId, x, y);\r\n },\r\n [localDiagram, onDiagramChange, onNodeMove, pushToHistory]\r\n );\r\n\r\n // Handler for waypoint position panel changes\r\n const handleWaypointPositionChange = useCallback(\r\n (pipeId: string, pointIndex: number, x: number, y: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id === pipeId) {\r\n const updatedRoutePoints = pipe.routePoints.map((point, idx) =>\r\n idx === pointIndex ? { x, y } : point\r\n );\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n }\r\n return pipe;\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n [localDiagram, onDiagramChange, pushToHistory]\r\n );\r\n\r\n const handleDragEnd = useCallback(\r\n (nodeId: string, offset: { x: number; y: number }, finalPosition: { x: number; y: number }) => {\r\n // If drag offset is zero or very small, treat as a click for selection\r\n const dragDistance = Math.sqrt(offset.x ** 2 + offset.y ** 2);\r\n if (dragDistance < 2) {\r\n // This was a click, not a drag - handle selection\r\n if (selectionEnabled) {\r\n // We need to check if this was a Ctrl/Cmd click, but we don't have the event here\r\n // For now, just select without modifier\r\n selectNode(nodeId, false);\r\n }\r\n return;\r\n }\r\n\r\n pushToHistory(localDiagram);\r\n\r\n // Update node position in diagram\r\n const updatedNodes = localDiagram.nodes.map((node) =>\r\n node.id === nodeId\r\n ? {\r\n ...node,\r\n transform: {\r\n ...node.transform,\r\n x: finalPosition.x,\r\n y: finalPosition.y,\r\n },\r\n }\r\n : node\r\n );\r\n\r\n // Find affected pipes (pipes connected to this node)\r\n const affectedPipes = localDiagram.pipes.filter(\r\n (pipe) => pipe.fromNodeId === nodeId || pipe.toNodeId === nodeId\r\n );\r\n\r\n // Recalculate routes for affected pipes\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (!affectedPipes.find((p) => p.id === pipe.id)) return pipe;\r\n\r\n const sourceNode = updatedNodes.find((n) => n.id === pipe.fromNodeId);\r\n const targetNode = updatedNodes.find((n) => n.id === pipe.toNodeId);\r\n\r\n if (!sourceNode || !targetNode) return pipe;\r\n\r\n // If pipe has custom waypoints (more than 2 points), preserve ALL waypoints\r\n // including endpoints - user has manually positioned them\r\n if (pipe.routePoints.length > 2) {\r\n return pipe; // Keep all waypoints as-is, including endpoints\r\n }\r\n\r\n // For simple pipes (2 points), recalculate to follow node ports\r\n const newRoutePoints = generateRoutePoints(\r\n sourceNode,\r\n pipe.fromPortId ?? 'output',\r\n targetNode,\r\n pipe.toPortId ?? 'input'\r\n );\r\n\r\n return {\r\n ...pipe,\r\n routePoints: newRoutePoints,\r\n };\r\n });\r\n\r\n const updatedDiagram: Diagram = {\r\n ...localDiagram,\r\n nodes: updatedNodes,\r\n pipes: updatedPipes,\r\n };\r\n\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n onNodeMove?.(nodeId, finalPosition.x, finalPosition.y);\r\n },\r\n [localDiagram, onDiagramChange, onNodeMove, selectionEnabled, selectNode, pushToHistory]\r\n );\r\n\r\n const { dragState, startDrag } = useDrag({\r\n snapToGrid: features.snapToGrid ?? 0,\r\n screenToWorld,\r\n onDragEnd: handleDragEnd,\r\n });\r\n\r\n // Separate drag state for waypoints\r\n const { dragState: waypointDragState, startDrag: startWaypointDrag } = useDrag({\r\n snapToGrid: features.snapToGrid ?? 0,\r\n screenToWorld,\r\n onDragEnd: (\r\n pipeId: string,\r\n _offset: { x: number; y: number },\r\n finalPosition: { x: number; y: number }\r\n ) => {\r\n pushToHistory(localDiagram);\r\n\r\n // Update waypoint position\r\n const [actualPipeId, pointIndex] = pipeId.split(':');\r\n const idx = parseInt(pointIndex, 10);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id !== actualPipeId) return pipe;\r\n\r\n const updatedRoutePoints = pipe.routePoints.map((point, i) =>\r\n i === idx ? { x: finalPosition.x, y: finalPosition.y } : point\r\n );\r\n\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n });\r\n\r\n const handleNodeDragStart = useCallback(\r\n (nodeId: string, event: React.MouseEvent | React.TouchEvent) => {\r\n const node = localDiagram.nodes.find((n) => n.id === nodeId);\r\n if (!node) return;\r\n startDrag(nodeId, event, { x: node.transform.x, y: node.transform.y });\r\n },\r\n [localDiagram.nodes, startDrag]\r\n );\r\n\r\n const handleWaypointClick = useCallback(\r\n (pipeId: string, pointIndex: number) => {\r\n // Select this waypoint\r\n setSelectedWaypoint({ pipeId, pointIndex });\r\n\r\n // Clear node/pipe selection\r\n if (selectionEnabled) {\r\n clearSelection();\r\n }\r\n },\r\n [selectionEnabled, clearSelection]\r\n );\r\n\r\n const handleWaypointDragStart = useCallback(\r\n (pipeId: string, pointIndex: number, event: React.MouseEvent | React.TouchEvent) => {\r\n const pipe = localDiagram.pipes.find((p) => p.id === pipeId);\r\n if (!pipe || pointIndex >= pipe.routePoints.length) return;\r\n\r\n const point = pipe.routePoints[pointIndex];\r\n\r\n // Use compound ID to track both pipe and point\r\n startWaypointDrag(`${pipeId}:${pointIndex}`, event, { x: point.x, y: point.y });\r\n },\r\n [localDiagram.pipes, startWaypointDrag]\r\n );\r\n\r\n const handlePipeSegmentClick = useCallback(\r\n (pipeId: string, position: { x: number; y: number }, segmentIndex: number) => {\r\n pushToHistory(localDiagram);\r\n\r\n const updatedPipes = localDiagram.pipes.map((pipe) => {\r\n if (pipe.id !== pipeId) return pipe;\r\n\r\n // Insert new waypoint after segmentIndex\r\n const updatedRoutePoints = [\r\n ...pipe.routePoints.slice(0, segmentIndex + 1),\r\n position,\r\n ...pipe.routePoints.slice(segmentIndex + 1),\r\n ];\r\n\r\n return { ...pipe, routePoints: updatedRoutePoints };\r\n });\r\n\r\n const updatedDiagram = { ...localDiagram, pipes: updatedPipes };\r\n setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n },\r\n [localDiagram, onDiagramChange, pushToHistory]\r\n );\r\n\r\n const telemetryEnabled = features.telemetry ?? false;\r\n\r\n const handleDelete = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n const { selectedNodeIds, selectedPipeIds } = selection;\r\n\r\n if (selectedNodeIds.size === 0 && selectedPipeIds.size === 0) return;\r\n\r\n pushToHistory(localDiagram);\r\n\r\n // Remove selected nodes\r\n const updatedNodes = localDiagram.nodes.filter((node) => !selectedNodeIds.has(node.id));\r\n\r\n // Remove selected pipes and pipes connected to deleted nodes\r\n const updatedPipes = localDiagram.pipes.filter(\r\n (pipe) =>\r\n !selectedPipeIds.has(pipe.id) &&\r\n !selectedNodeIds.has(pipe.fromNodeId) &&\r\n !selectedNodeIds.has(pipe.toNodeId)\r\n );\r\n\r\n const updatedDiagram = {\r\n ...localDiagram,\r\n nodes: updatedNodes,\r\n pipes: updatedPipes,\r\n };\r\n\r\n isInternalChange.current = true;\r\n lastInternalDiagram.current = updatedDiagram;\r\n setLocalDiagram(updatedDiagram);\r\n clearSelection();\r\n onDiagramChange?.(updatedDiagram);\r\n onDelete?.(Array.from(selectedNodeIds), Array.from(selectedPipeIds));\r\n }, [\r\n selection,\r\n localDiagram,\r\n selectionEnabled,\r\n clearSelection,\r\n onDiagramChange,\r\n onDelete,\r\n pushToHistory,\r\n ]);\r\n\r\n const handleCopy = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n const { selectedNodeIds, selectedPipeIds } = selection;\r\n\r\n if (selectedNodeIds.size === 0 && selectedPipeIds.size === 0) return;\r\n\r\n onItemsCopied?.(Array.from(selectedNodeIds), Array.from(selectedPipeIds));\r\n }, [selection, selectionEnabled, onItemsCopied]);\r\n\r\n const handlePaste = useCallback(() => {\r\n if (!selectionEnabled) return;\r\n onPaste?.();\r\n }, [selectionEnabled, onPaste]);\r\n\r\n const handleNodeDoubleClick = (nodeId: string, event: React.MouseEvent) => {\r\n if (!selectionEnabled) return;\r\n console.log('Node double-clicked:', nodeId);\r\n selectNode(nodeId, event.ctrlKey || event.metaKey);\r\n };\r\n\r\n useKeyboardShortcuts({\r\n enabled: features.keyboardShortcuts ?? false,\r\n onDelete: handleDelete,\r\n onCopy: handleCopy,\r\n onPaste: handlePaste,\r\n });\r\n\r\n const handleNodeClick = (nodeId: string, event: React.MouseEvent) => {\r\n // Connection mode takes priority\r\n const connectionModeEnabled = features.connectionMode ?? false;\r\n\r\n if (connectionModeEnabled && isConnecting) {\r\n // Second click - complete connection\r\n if (connectionSource && connectionSource !== nodeId) {\r\n // Use hovered port if available, otherwise let handler choose\r\n onPipeCreated?.(\r\n connectionSource,\r\n nodeId,\r\n connectionSourcePort || undefined,\r\n hoveredPort || undefined\r\n );\r\n setIsConnecting(false);\r\n setConnectionSource(null);\r\n setConnectionSourcePort(null);\r\n setConnectionCursor(null);\r\n setHoveredPort(null);\r\n }\r\n return;\r\n }\r\n\r\n if (connectionModeEnabled && !isConnecting) {\r\n // First click - start connection\r\n setIsConnecting(true);\r\n setConnectionSource(nodeId);\r\n setConnectionSourcePort(hoveredPort);\r\n return;\r\n }\r\n\r\n // Normal selection mode\r\n if (selectionEnabled) {\r\n selectNode(nodeId, event.ctrlKey || event.metaKey);\r\n }\r\n onNodeClick?.(nodeId);\r\n };\r\n\r\n const handlePipeClick = (pipeId: string, event: React.MouseEvent) => {\r\n if (selectionEnabled) {\r\n selectPipe(pipeId, event.ctrlKey || event.metaKey);\r\n }\r\n onPipeClick?.(pipeId);\r\n };\r\n\r\n const handleCanvasClick = (e: React.MouseEvent<SVGSVGElement>) => {\r\n // Don't clear selection if clicking on a waypoint or its parent elements\r\n const target = e.target as Element;\r\n\r\n // Check if target or any parent has the pipe-route-point class\r\n if (target.closest('.pipe-route-point')) {\r\n return;\r\n }\r\n\r\n if (selectionEnabled) {\r\n clearSelection();\r\n }\r\n setSelectedWaypoint(null);\r\n };\r\n\r\n const handleDragOver = useCallback(\r\n (event: React.DragEvent) => {\r\n if (!features.allowSymbolDrop) return;\r\n\r\n event.preventDefault();\r\n event.dataTransfer.dropEffect = 'copy';\r\n\r\n // Convert screen coordinates to world coordinates\r\n if (!svgRef.current) return;\r\n\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n setDragOverPosition(worldPos);\r\n },\r\n [features.allowSymbolDrop, screenToWorld, svgRef]\r\n );\r\n\r\n const handleDrop = useCallback(\r\n (event: React.DragEvent) => {\r\n if (!features.allowSymbolDrop) return;\r\n\r\n event.preventDefault();\r\n setDragOverPosition(null);\r\n\r\n // Get symbol ID from drag data\r\n const symbolId = event.dataTransfer.getData('application/symbol-id');\r\n if (!symbolId) return;\r\n\r\n // Convert drop position to world coordinates\r\n if (!svgRef.current) return;\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n onSymbolDrop?.(symbolId, worldPos);\r\n },\r\n [features.allowSymbolDrop, screenToWorld, onSymbolDrop, svgRef]\r\n );\r\n\r\n const handleDragLeave = useCallback(() => {\r\n setDragOverPosition(null);\r\n }, []);\r\n\r\n const handleMouseMove = useCallback(\r\n (event: React.MouseEvent<SVGSVGElement>) => {\r\n const connectionModeEnabled = features.connectionMode ?? false;\r\n\r\n if (connectionModeEnabled) {\r\n const worldPos = screenToWorld(event.clientX, event.clientY);\r\n\r\n // Update cursor position if connecting\r\n if (isConnecting && connectionSource) {\r\n setConnectionCursor(worldPos);\r\n }\r\n\r\n // Always track hovered port in connection mode (for both source and target selection)\r\n let foundPort: string | null = null;\r\n let foundNode: string | null = null;\r\n\r\n for (const node of localDiagram.nodes) {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol || !symbol.ports) continue;\r\n\r\n for (const port of symbol.ports) {\r\n const portPos = getPortWorldPosition(node, port.id);\r\n if (!portPos) continue;\r\n\r\n const distance = Math.sqrt(\r\n (worldPos.x - portPos.x) ** 2 + (worldPos.y - portPos.y) ** 2\r\n );\r\n\r\n // Increased detection radius to 15 for better clickability (visual port is radius 5-8)\r\n if (distance < 15) {\r\n foundPort = port.id;\r\n foundNode = node.id;\r\n break;\r\n }\r\n }\r\n if (foundPort) break;\r\n }\r\n\r\n setHoveredPort(foundPort);\r\n setHoveredNode(foundNode);\r\n }\r\n },\r\n [isConnecting, connectionSource, screenToWorld, localDiagram.nodes, features.connectionMode]\r\n );\r\n\r\n const { name } = diagram;\r\n const viewBox = controlledViewBox;\r\n const displayDiagram = localDiagram;\r\n\r\n // Get first selected node for position panel\r\n const selectedNode =\r\n selectionEnabled && selection.selectedNodeIds.size === 1\r\n ? localDiagram.nodes.find((n) => selection.selectedNodeIds.has(n.id)) || null\r\n : null;\r\n\r\n return (\r\n <div\r\n ref={containerRef}\r\n className={`pid-canvas ${className}`.trim()}\r\n style={{\r\n width: '100%',\r\n height: '100%',\r\n position: 'relative',\r\n overflow: 'hidden',\r\n backgroundColor: '#f5f5f5',\r\n ...style,\r\n }}\r\n {...props}\r\n >\r\n <svg\r\n ref={svgRef}\r\n width=\"100%\"\r\n height=\"100%\"\r\n viewBox={`${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`}\r\n preserveAspectRatio=\"xMidYMid meet\"\r\n style={{\r\n display: 'block',\r\n }}\r\n aria-label={`P&ID diagram: ${name}`}\r\n role=\"img\"\r\n onClick={handleCanvasClick}\r\n onMouseMove={handleMouseMove}\r\n onDragOver={handleDragOver}\r\n onDrop={handleDrop}\r\n onDragLeave={handleDragLeave}\r\n >\r\n {/* Background - solid color or grid */}\r\n {features.showGrid !== false ? (\r\n <>\r\n <defs>\r\n {/* Minor grid - 5 unit increments */}\r\n <pattern id=\"grid-minor\" width=\"5\" height=\"5\" patternUnits=\"userSpaceOnUse\">\r\n <path d=\"M 5 0 L 0 0 0 5\" fill=\"none\" stroke=\"#e5e7eb\" strokeWidth=\"0.5\" />\r\n </pattern>\r\n {/* Major grid - 25 unit increments */}\r\n <pattern id=\"grid-major\" width=\"25\" height=\"25\" patternUnits=\"userSpaceOnUse\">\r\n <rect width=\"25\" height=\"25\" fill=\"url(#grid-minor)\" />\r\n <path d=\"M 25 0 L 0 0 0 25\" fill=\"none\" stroke=\"#d1d5db\" strokeWidth=\"1\" />\r\n </pattern>\r\n </defs>\r\n <rect\r\n x={Math.floor(viewBox.x / 25) * 25 - viewBox.width}\r\n y={Math.floor(viewBox.y / 25) * 25 - viewBox.height}\r\n width={Math.ceil((viewBox.width * 3) / 25) * 25}\r\n height={Math.ceil((viewBox.height * 3) / 25) * 25}\r\n fill=\"url(#grid-major)\"\r\n />\r\n </>\r\n ) : (\r\n <rect\r\n x={Math.floor(viewBox.x / 25) * 25 - viewBox.width}\r\n y={Math.floor(viewBox.y / 25) * 25 - viewBox.height}\r\n width={Math.ceil((viewBox.width * 3) / 25) * 25}\r\n height={Math.ceil((viewBox.height * 3) / 25) * 25}\r\n fill={features.backgroundColor ?? '#ffffff'}\r\n />\r\n )}\r\n\r\n {/* Render pipes (behind nodes for proper layering) */}\r\n <PipeRenderer\r\n pipes={displayDiagram.pipes}\r\n selectedPipeIds={selectionEnabled ? selection.selectedPipeIds : undefined}\r\n onPipeClick={selectionEnabled ? handlePipeClick : undefined}\r\n enableWaypointEditing={false}\r\n onWaypointDragStart={undefined}\r\n editingPipeId={null}\r\n draggingWaypointIndex={null}\r\n waypointDragOffset={undefined}\r\n onPipeSegmentClick={undefined}\r\n />\r\n\r\n {/* Render nodes */}\r\n <NodeRenderer\r\n nodes={displayDiagram.nodes}\r\n selectedNodeIds={selectionEnabled ? selection.selectedNodeIds : undefined}\r\n onNodeClick={\r\n onNodeClick\r\n ? handleNodeClick\r\n : selectionEnabled || features.connectionMode\r\n ? handleNodeClick\r\n : undefined\r\n }\r\n onNodeDoubleClick={selectionEnabled ? handleNodeDoubleClick : undefined}\r\n enableDrag={dragEnabled && !isConnecting}\r\n onNodeDragStart={dragEnabled && !isConnecting ? handleNodeDragStart : undefined}\r\n draggingNodeId={dragState.draggedId}\r\n dragOffset={dragState.offset}\r\n statusColorMap={statusColorMap}\r\n />\r\n\r\n {/* Render waypoint editing controls on top of nodes */}\r\n {(features.editPipeRoutes ?? false) && (\r\n <PipeRenderer\r\n pipes={displayDiagram.pipes}\r\n selectedPipeIds={selectionEnabled ? selection.selectedPipeIds : undefined}\r\n onPipeClick={undefined}\r\n enableWaypointEditing={true}\r\n onWaypointClick={handleWaypointClick}\r\n onWaypointDragStart={handleWaypointDragStart}\r\n selectedWaypointPipeId={selectedWaypoint?.pipeId || null}\r\n selectedWaypointIndex={selectedWaypoint?.pointIndex ?? null}\r\n editingPipeId={waypointDragState.draggedId?.split(':')[0] || null}\r\n draggingWaypointIndex={\r\n waypointDragState.draggedId\r\n ? parseInt(waypointDragState.draggedId.split(':')[1], 10)\r\n : null\r\n }\r\n waypointDragOffset={waypointDragState.offset}\r\n onPipeSegmentClick={handlePipeSegmentClick}\r\n />\r\n )}\r\n\r\n {/* Render telemetry data overlays */}\r\n {telemetryEnabled && telemetry && (\r\n <g id=\"layer-telemetry\">\r\n {displayDiagram.nodes.map((node) => {\r\n const binding = telemetry.get(node.id);\r\n if (!binding) return null;\r\n\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return null;\r\n\r\n // Position overlay centered horizontally and below the node by default\r\n const overlayX = node.transform.x + symbol.viewBox.width / 2;\r\n const overlayY = node.transform.y + symbol.viewBox.height + 50;\r\n\r\n return (\r\n <DataOverlay\r\n key={`telemetry-${node.id}`}\r\n nodeId={node.id}\r\n x={overlayX}\r\n y={overlayY}\r\n telemetry={binding}\r\n scale={features.telemetryScale ?? 1.0}\r\n statusColorMap={statusColorMap}\r\n />\r\n );\r\n })}\r\n </g>\r\n )}\r\n\r\n {/* Drop indicator */}\r\n {dragOverPosition && (\r\n <circle\r\n cx={dragOverPosition.x}\r\n cy={dragOverPosition.y}\r\n r={20}\r\n fill=\"#3b82f6\"\r\n opacity={0.3}\r\n stroke=\"#3b82f6\"\r\n strokeWidth={2}\r\n pointerEvents=\"none\"\r\n />\r\n )}\r\n\r\n {/* Connection mode rubber-band line */}\r\n {isConnecting && connectionSource && connectionCursor && (\r\n <g id=\"connection-preview\" pointerEvents=\"none\">\r\n {(() => {\r\n const sourceNode = displayDiagram.nodes.find((n) => n.id === connectionSource);\r\n if (!sourceNode) return null;\r\n\r\n // If a source port was selected, draw line from that port\r\n const symbol = getSymbolDefinition(sourceNode.symbolId);\r\n let lineStartX = sourceNode.transform.x;\r\n let lineStartY = sourceNode.transform.y;\r\n\r\n if (connectionSourcePort && symbol?.ports) {\r\n const port = symbol.ports.find((p) => p.id === connectionSourcePort);\r\n if (port) {\r\n const portPos = getPortWorldPosition(sourceNode, connectionSourcePort);\r\n if (portPos) {\r\n lineStartX = portPos.x;\r\n lineStartY = portPos.y;\r\n }\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n {/* Highlight source port */}\r\n <circle\r\n cx={lineStartX}\r\n cy={lineStartY}\r\n r={30}\r\n fill=\"none\"\r\n stroke=\"#10b981\"\r\n strokeWidth={3}\r\n opacity={0.6}\r\n />\r\n {/* Rubber-band line */}\r\n <line\r\n x1={lineStartX}\r\n y1={lineStartY}\r\n x2={connectionCursor.x}\r\n y2={connectionCursor.y}\r\n stroke=\"#10b981\"\r\n strokeWidth={2}\r\n strokeDasharray=\"5,5\"\r\n opacity={0.8}\r\n />\r\n {/* Cursor indicator */}\r\n <circle\r\n cx={connectionCursor.x}\r\n cy={connectionCursor.y}\r\n r={8}\r\n fill=\"#10b981\"\r\n opacity={0.6}\r\n />\r\n </>\r\n );\r\n })()}\r\n </g>\r\n )}\r\n\r\n {/* Port indicators in connection mode */}\r\n {features.connectionMode && (\r\n <g id=\"port-indicators\">\r\n {displayDiagram.nodes.map((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol?.ports) return null;\r\n\r\n return symbol.ports.map((port) => {\r\n const portPos = getPortWorldPosition(node, port.id);\r\n if (!portPos) return null;\r\n\r\n const isHovered = hoveredPort === port.id && hoveredNode === node.id;\r\n const isSourcePort =\r\n node.id === connectionSource && port.id === connectionSourcePort;\r\n\r\n return (\r\n <g key={`${node.id}-${port.id}`}>\r\n {/* Invisible larger hit area for easier clicking */}\r\n <circle\r\n cx={portPos.x}\r\n cy={portPos.y}\r\n r={15}\r\n fill=\"transparent\"\r\n style={{ cursor: 'pointer' }}\r\n pointerEvents=\"auto\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n // Trigger the same logic as clicking on the node\r\n if (isConnecting && connectionSource) {\r\n // Second click - complete connection\r\n if (connectionSource !== node.id) {\r\n onPipeCreated?.(\r\n connectionSource,\r\n node.id,\r\n connectionSourcePort || undefined,\r\n port.id\r\n );\r\n setIsConnecting(false);\r\n setConnectionSource(null);\r\n setConnectionSourcePort(null);\r\n setConnectionCursor(null);\r\n setHoveredPort(null);\r\n }\r\n } else {\r\n // First click - start connection\r\n setIsConnecting(true);\r\n setConnectionSource(node.id);\r\n setConnectionSourcePort(port.id);\r\n }\r\n }}\r\n />\r\n {/* Visible port indicator */}\r\n <circle\r\n cx={portPos.x}\r\n cy={portPos.y}\r\n r={isHovered ? 8 : 5}\r\n fill={isSourcePort ? '#10b981' : isHovered ? '#3b82f6' : '#94a3b8'}\r\n stroke={isSourcePort ? '#059669' : isHovered ? '#2563eb' : '#64748b'}\r\n strokeWidth={isHovered || isSourcePort ? 2 : 1}\r\n opacity={isHovered || isSourcePort ? 1 : 0.6}\r\n pointerEvents=\"none\"\r\n />\r\n </g>\r\n );\r\n });\r\n })}\r\n </g>\r\n )}\r\n </svg>\r\n\r\n {/* Position Panel - shows when single node is selected */}\r\n {features.dragNodes && (\r\n <PositionPanel\r\n selectedNode={selectedNode}\r\n selectedWaypoint={\r\n selectedWaypoint\r\n ? {\r\n pipeId: selectedWaypoint.pipeId,\r\n pointIndex: selectedWaypoint.pointIndex,\r\n position: localDiagram.pipes.find((p) => p.id === selectedWaypoint.pipeId)\r\n ?.routePoints[selectedWaypoint.pointIndex] || { x: 0, y: 0 },\r\n }\r\n : null\r\n }\r\n onPositionChange={handlePositionChange}\r\n onWaypointPositionChange={handleWaypointPositionChange}\r\n position=\"top-right\"\r\n />\r\n )}\r\n </div>\r\n );\r\n}\r\n","import type { SymbolDefinition } from '../schema';\r\n\r\n/**\r\n * Mock symbol library with basic P&ID shapes\r\n * Phase 4 will add proper symbol library management\r\n */\r\nexport const mockSymbolLibrary: Record<string, SymbolDefinition> = {\r\n 'valve-gate': {\r\n id: 'valve-gate',\r\n name: 'Gate Valve (Powered)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 26, height: 26 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 18, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 26, y: 18, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Actuator box -->\r\n <rect x=\"16.74\" y=\"0\" width=\"18.02\" height=\"18.02\" fill=\"var(--symbol-fill, #edeeef)\" stroke=\"var(--symbol-stroke, #666666)\" pointer-events=\"all\"/>\r\n <!-- Actuator stem -->\r\n <path d=\"M 25.75 18.02 L 25.75 36.05\" fill=\"none\" stroke=\"var(--symbol-stroke, #666666)\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" pointer-events=\"all\"/>\r\n <!-- Valve body (two triangles forming diamond) -->\r\n <path d=\"M 0 20.6 L 25.75 36.05 L 0 51.5 Z M 51.5 20.6 L 25.75 36.05 L 51.5 51.5 Z\" fill=\"var(--symbol-fill, #edeeef)\" stroke=\"var(--symbol-stroke, #666666)\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" pointer-events=\"all\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Gate valve with powered actuator',\r\n tags: ['valve', 'gate', 'powered', 'actuator'],\r\n },\r\n },\r\n\r\n 'pump-positive-displacement': {\r\n id: 'pump-positive-displacement',\r\n name: 'Positive Displacement Pump',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 28.125, height: 28.125 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 14.0625, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 28.125, y: 14.0625, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.28125)\">\r\n <!-- Outer circle -->\r\n <ellipse \r\n cx=\"50\" \r\n cy=\"50\" \r\n rx=\"50\" \r\n ry=\"50\" \r\n fill=\"var(--symbol-fill, #edeeef)\"\r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Diagonal line from top to bottom-right -->\r\n <path \r\n d=\"M 50 0 L 100 50 L 50 100\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Center square -->\r\n <rect \r\n x=\"35\" \r\n y=\"35\" \r\n width=\"30\" \r\n height=\"30\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, rgb(0, 0, 0))\"\r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Positive displacement pump (ISO standard)',\r\n tags: ['pump', 'positive-displacement', 'iso'],\r\n },\r\n },\r\n\r\n 'vannefold-bottom': {\r\n id: 'vannefold-bottom',\r\n name: 'Vannefold Block (Bottom)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 44, height: 33.892578 },\r\n ports: [\r\n { id: 'bottom-inlet', x: 0, y: 12.5, type: 'control', direction: 'in' },\r\n { id: 'top-outlet', x: 24, y: 32.5, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Bottom inlet pipe -->\r\n <path \r\n d=\"M 3,29.785156 H 0 v -10 h 3 m 14,10 h 3 v -10 h -3 m -15,8 h 16 m -16,-6 h 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Top outlet pipe -->\r\n <path \r\n d=\"m 43,49.785156 v -3 h 10 v 3 m -10,14 v 3 h 10 v -3 m -8,-15 v 16 m 6,-16 v 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2\" \r\n width=\"76\" \r\n height=\"55.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"7\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"7\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"7\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"7\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"51.785156\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"51.785156\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"51.785156\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"51.785156\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with bottom inlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'bottom'],\r\n },\r\n },\r\n\r\n 'vannefold-middle': {\r\n id: 'vannefold-middle',\r\n name: 'Vannefold Block (Middle)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 47.5, height: 26.548828 },\r\n ports: [\r\n { id: 'left-inlet', x: 0, y: 13.65625, type: 'control', direction: 'in' },\r\n { id: 'right-outlet', x: 47.5, y: 13.65625, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Left inlet pipe -->\r\n <path \r\n d=\"M 3,22.3125 H 0 v 10 H 3 m 14,-10 h 3 v 10 h -3 m -15,-8 h 16 m -16,6 h 16\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"52.097656\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"0\" \r\n width=\"76\" \r\n height=\"52.097656\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"5.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"5.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"5.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"5.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"47.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"47.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"47.3125\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"47.3125\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with side inlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'middle'],\r\n },\r\n },\r\n\r\n 'vannefold-top': {\r\n id: 'vannefold-top',\r\n name: 'Vannefold Block (Top)',\r\n category: 'valve',\r\n viewBox: { x: -0.25, y: -0.25, width: 47.5, height: 30.392578 },\r\n ports: [\r\n { id: 'bottom-inlet', x: 0, y: 17.5, type: 'control', direction: 'in' },\r\n { id: 'top-outlet', x: 24, y: 0, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Bottom inlet pipe -->\r\n <path \r\n d=\"M 3,30 H 0 V 40 H 3 M 17,30 h 3 V 40 H 17 M 2,32 H 18 M 2,38 H 18\"\r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2\" \r\n width=\"76\" \r\n height=\"57.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"8\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"8\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"8\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"8\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"55\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"55\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"55\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"55\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with bottom inlet and top outlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'top'],\r\n },\r\n },\r\n\r\n 'vannefold-top-top-inlet': {\r\n id: 'vannefold-top-top-inlet',\r\n name: 'Vannefold Block (Top, Top Inlet)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 44, height: 33.788002 },\r\n ports: [\r\n { id: 'top-inlet', x: 23.5, y: 0, type: 'control', direction: 'in' },\r\n { id: 'bottom-outlet', x: 0, y: 21, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Top inlet pipe flange -->\r\n <path \r\n d=\"M 52,3 V 1.3598666e-8 H 42 V 3 m 10,14 v 3 H 42 V 17 M 50,2 V 18 M 44,2 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Bottom outlet pipe flange -->\r\n <path \r\n d=\"M 3,36.79085 H 0 v 10 h 3 m 14,-10 h 3 v 10 h -3 m -15,-8 h 16 m -16,6 h 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"6.7908498\" \r\n width=\"80\" \r\n height=\"59.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"8.7908498\" \r\n width=\"76\" \r\n height=\"57.785156\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"14.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"14.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"61.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"61.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"14.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"14.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"61.79085\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"79\" cy=\"61.79085\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with top inlet and bottom outlet configuration',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'top', 'top-inlet'],\r\n },\r\n },\r\n\r\n 'vannefold-left': {\r\n id: 'vannefold-left',\r\n name: 'Vannefold Block (Left)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 33.892578, height: 44.25 },\r\n ports: [\r\n { id: 'left-inlet', x: 0, y: 20.75, type: 'control', direction: 'in' },\r\n { id: 'right-outlet', x: 21, y: 43.5, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Left inlet pipe flange -->\r\n <path \r\n d=\"M 3,46.5 H 2.8789924e-8 v -10 H 3 m 14,10 h 3 v -10 h -3 m -15,8 h 16 m -16,-6 h 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Right outlet pipe flange -->\r\n <path \r\n d=\"m 37,70.5 v -3 h 10 v 3 m -10,14 v 3 h 10 v -3 m -8,-15 v 16 m 6,-16 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"7\" \r\n y=\"0.5\" \r\n width=\"59.785156\" \r\n height=\"80\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"9\" \r\n y=\"2.5\" \r\n width=\"57.785156\" \r\n height=\"76\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"15\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"15\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"62\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with left inlet and right outlet, vertical orientation',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'left', 'vertical'],\r\n },\r\n },\r\n \r\n 'vannefold-right': {\r\n id: 'vannefold-right',\r\n name: 'Vannefold Block (Right)',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 33.892578, height: 44.25 },\r\n ports: [\r\n { id: 'right-inlet', x: 33.892578, y: 20.75, type: 'control', direction: 'in' },\r\n { id: 'left-outlet', x: 12.392578, y: 43.75, type: 'control', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Right inlet pipe flange -->\r\n <path \r\n d=\"m 63.785156,46.5 h 3 v -10 h -3 m -14,10 h -3 v -10 h 3 m 15,8 h -16 m 16,-6 h -16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Left outlet pipe flange -->\r\n <path \r\n d=\"m 29.785156,70.5 v -3 h -10 v 3 m 10,14 v 3 h -10 v -3 m 8,-15 v 16 m -6,-16 v 16\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n />\r\n \r\n <!-- Main block outer -->\r\n <rect \r\n x=\"0\" \r\n y=\"0.5\" \r\n width=\"59.785156\" \r\n height=\"80\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Main block inner -->\r\n <rect \r\n x=\"0\" \r\n y=\"2.5\" \r\n width=\"57.785156\" \r\n height=\"76\" \r\n fill=\"var(--symbol-fill, #eaeaea)\" \r\n stroke=\"var(--symbol-stroke, #000000)\"\r\n />\r\n \r\n <!-- Bolt holes -->\r\n <ellipse cx=\"51.785156\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"8.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"8.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"51.785156\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"72.5\" rx=\"5\" ry=\"5\" fill=\"#ffffff\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n <ellipse cx=\"4.785156\" cy=\"72.5\" rx=\"3\" ry=\"3\" fill=\"none\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n `,\r\n metadata: {\r\n description: 'Vannefold heat exchanger block with right inlet and left outlet, vertical orientation',\r\n tags: ['heat-exchanger', 'vannefold', 'fold', 'right', 'vertical'],\r\n },\r\n },\r\n\r\n 'pixer': {\r\n id: 'pixer',\r\n name: 'Pixer',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 23.34375 },\r\n ports: [\r\n { id: 'right-outlet', x: 25.3125, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-outlet', x: 0, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-inlet', x: 25.3125, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'right-inlet', x: 0, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'top-inlet', x: 12.65625, y: 0, type: 'control', direction: 'in' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -186)\">\r\n <!-- Top mounting flange -->\r\n <rect \r\n width=\"141.313\" \r\n height=\"9.872\" \r\n transform=\"translate(252.392 185.89)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Motor housing top -->\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 199.918)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"5.835\" \r\n transform=\"translate(269.742 202.384)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 208.222)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom mounting flange -->\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.401\" \r\n transform=\"translate(212.199 395.587)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"6.269\" \r\n transform=\"translate(212.199 397.988)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.65\" \r\n transform=\"translate(212.199 404.257)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Motor housing transition -->\r\n <path \r\n d=\"M444.7,228.776l17.117,4.1H568.429l17.089-4.085a.032.032,0,0,0,0-.062H444.705a.028.028,0,0,0-.007.046Z\" \r\n transform=\"translate(-192.059 -32.959)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange -->\r\n <rect \r\n width=\"256\" \r\n height=\"9.872\" \r\n transform=\"translate(195.05 411.066)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <path \r\n d=\"M195.05,1148.286l17.149-4.156H433.9l17.149,4.156Z\" \r\n transform=\"translate(0 -737.221)\" \r\n fill=\"var(--symbol-fill, #e2e2e2)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Vessel top cone -->\r\n <path \r\n d=\"M451.05,328.356h-256l74.692-34.946H376.358Z\" \r\n transform=\"translate(0 -82.72)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Main vessel body -->\r\n <rect \r\n width=\"256\" \r\n height=\"59.803\" \r\n transform=\"translate(195.05 245.636)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <rect \r\n width=\"256\" \r\n height=\"76.892\" \r\n transform=\"translate(195.05 308.417)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Vessel bottom transitions -->\r\n <path \r\n d=\"M449.265,705.7H196.773l-1.654-1.465a.014.014,0,0,1,0-.023H451.078Z\" \r\n transform=\"translate(-0.049 -398.769)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M449.278,710.66H196.793l-1.663,1.462v.016H451.086s.012,0,0-.016Z\" \r\n transform=\"translate(-0.062 -403.731)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M433.9,1060.758H212.2L195.05,1050.48h256Z\" \r\n transform=\"translate(0 -665.171)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Agitator blades/impellers (simplified without gradients) -->\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"6.096\" \r\n rx=\"15.454\" \r\n ry=\"6.096\" \r\n transform=\"translate(307.486 228.161)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #c0c0c0)\"\r\n />\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"5.3\" \r\n rx=\"15.454\" \r\n ry=\"5.3\" \r\n transform=\"translate(307.486 229.753)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <ellipse \r\n cx=\"5.174\" \r\n cy=\"15.117\" \r\n rx=\"5.174\" \r\n ry=\"15.117\" \r\n transform=\"translate(367.144 236.079) rotate(-77.61)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M947,380.271s1.631-2.83,8.084-2.235c5.427.5,16.927,2.855,20.574,8.26\" \r\n transform=\"translate(-578.512 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.117\" \r\n cy=\"5.174\" \r\n rx=\"15.117\" \r\n ry=\"5.174\" \r\n transform=\"translate(247 232.438) rotate(-12.39)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M456.439,380.271s-1.631-2.83-8.073-2.235c-5.43.5-16.93,2.855-20.576,8.26\" \r\n transform=\"translate(-179.058 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"1.651\" \r\n cy=\"15.082\" \r\n rx=\"1.651\" \r\n ry=\"15.082\" \r\n transform=\"translate(406.71 230.174) rotate(-68.13)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M1119,375.62a119.876,119.876,0,0,1,26.193,10.419\" \r\n transform=\"translate(-710.84 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.082\" \r\n cy=\"1.651\" \r\n rx=\"15.082\" \r\n ry=\"1.651\" \r\n transform=\"translate(210.225 238.342) rotate(-21.87)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M293.943,375.62a119.829,119.829,0,0,0-26.193,10.419\" \r\n transform=\"translate(-55.932 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Pixer mixer/agitator vessel with top-mounted drive',\r\n tags: ['vessel', 'mixer', 'agitator', 'pixer', 'tank'],\r\n },\r\n },\r\n\r\n 'pixer-barb': {\r\n id: 'pixer-barb',\r\n name: 'Pixer (Hose Barb)',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 23.34375 },\r\n ports: [\r\n { id: 'right-outlet', x: 25.3125, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-outlet', x: 0, y: 15.46875, type: 'control', direction: 'out' },\r\n { id: 'left-inlet', x: 25.3125, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'right-inlet', x: 0, y: 9.84375, type: 'control', direction: 'in' },\r\n { id: 'top-inlet', x: 12.65625, y: 0, type: 'control', direction: 'in' },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -186)\">\r\n <!-- Hose barb ridges at top -->\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 173)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 177)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <rect \r\n width=\"20\" \r\n height=\"2\" \r\n transform=\"translate(313 181)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"0.5\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n \r\n <!-- Taper from barb to motor housing -->\r\n <path \r\n d=\"M 313,183 L 269.742,199.918 L 376.356,199.918 L 333,183 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n \r\n <!-- Motor housing top -->\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 199.918)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"5.835\" \r\n transform=\"translate(269.742 202.384)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"106.614\" \r\n height=\"2.468\" \r\n transform=\"translate(269.742 208.222)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom mounting flange -->\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.401\" \r\n transform=\"translate(212.199 395.587)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"6.269\" \r\n transform=\"translate(212.199 397.988)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <rect \r\n width=\"221.702\" \r\n height=\"2.65\" \r\n transform=\"translate(212.199 404.257)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange -->\r\n <rect \r\n width=\"256\" \r\n height=\"9.872\" \r\n transform=\"translate(195.05 411.066)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <path \r\n d=\"M195.05,1148.286l17.149-4.156H433.9l17.149,4.156Z\" \r\n transform=\"translate(0 -737.221)\" \r\n fill=\"var(--symbol-fill, #e2e2e2)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n \r\n <!-- Vessel top cone -->\r\n <path \r\n d=\"M451.05,328.356h-256l74.692-34.946H376.358Z\" \r\n transform=\"translate(0 -82.72)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Main vessel body -->\r\n <rect \r\n width=\"256\" \r\n height=\"59.803\" \r\n transform=\"translate(195.05 245.636)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n <rect \r\n width=\"256\" \r\n height=\"76.892\" \r\n transform=\"translate(195.05 308.417)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Vessel bottom transitions -->\r\n <path \r\n d=\"M449.265,705.7H196.773l-1.654-1.465a.014.014,0,0,1,0-.023H451.078Z\" \r\n transform=\"translate(-0.049 -398.769)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M449.278,710.66H196.793l-1.663,1.462v.016H451.086s.012,0,0-.016Z\" \r\n transform=\"translate(-0.062 -403.731)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n <path \r\n d=\"M433.9,1060.758H212.2L195.05,1050.48h256Z\" \r\n transform=\"translate(0 -665.171)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Agitator blades/impellers (simplified without gradients) -->\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"6.096\" \r\n rx=\"15.454\" \r\n ry=\"6.096\" \r\n transform=\"translate(307.486 228.161)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #c0c0c0)\"\r\n />\r\n <ellipse \r\n cx=\"15.454\" \r\n cy=\"5.3\" \r\n rx=\"15.454\" \r\n ry=\"5.3\" \r\n transform=\"translate(307.486 229.753)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <ellipse \r\n cx=\"5.174\" \r\n cy=\"15.117\" \r\n rx=\"5.174\" \r\n ry=\"15.117\" \r\n transform=\"translate(367.144 236.079) rotate(-77.61)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M947,380.271s1.631-2.83,8.084-2.235c5.427.5,16.927,2.855,20.574,8.26\" \r\n transform=\"translate(-578.512 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.117\" \r\n cy=\"5.174\" \r\n rx=\"15.117\" \r\n ry=\"5.174\" \r\n transform=\"translate(247 232.438) rotate(-12.39)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M456.439,380.271s-1.631-2.83-8.073-2.235c-5.43.5-16.93,2.855-20.576,8.26\" \r\n transform=\"translate(-179.058 -147.764)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"1.651\" \r\n cy=\"15.082\" \r\n rx=\"1.651\" \r\n ry=\"15.082\" \r\n transform=\"translate(406.71 230.174) rotate(-68.13)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M1119,375.62a119.876,119.876,0,0,1,26.193,10.419\" \r\n transform=\"translate(-710.84 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n <ellipse \r\n cx=\"15.082\" \r\n cy=\"1.651\" \r\n rx=\"15.082\" \r\n ry=\"1.651\" \r\n transform=\"translate(210.225 238.342) rotate(-21.87)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #d0d0d0)\"\r\n />\r\n <path \r\n d=\"M293.943,375.62a119.829,119.829,0,0,0-26.193,10.419\" \r\n transform=\"translate(-55.932 -145.969)\" \r\n fill=\"none\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Pixer mixer/agitator vessel with tapered hose barb connection at top',\r\n tags: ['vessel', 'mixer', 'agitator', 'pixer', 'tank', 'hose-barb'],\r\n },\r\n },\r\n \r\n 'vessel-balloon': {\r\n id: 'vessel-balloon',\r\n name: 'Vessel',\r\n category: 'vessel',\r\n viewBox: { x: 0, y: 0, width: 25.3125, height: 45.5 },\r\n ports: [\r\n { id: 'top', type: 'inlet', x: 12.65625, y: 0 },\r\n { id: 'left', type: 'inlet', x: 2.5, y: 19.5 },\r\n { id: 'right', type: 'outlet', x: 22.8125, y: 19.5 },\r\n { id: 'bottom', type: 'outlet', x: 12.65625, y: 45.5 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.0984375) translate(-195, -100)\">\r\n <!-- Top opening nozzle -->\r\n <rect \r\n width=\"65\" \r\n height=\"19.5\" \r\n transform=\"translate(290.5, 100)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Transition from nozzle to dome -->\r\n <path \r\n d=\"M 290.5,119.5 L 238,152 L 408,152 L 355.5,119.5 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Upper balloon dome - rounded bulge -->\r\n <path \r\n d=\"M 238,152 C 185,210 150,320 180,395 L 466,395 C 496,320 461,210 408,152 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Tapered vessel body -->\r\n <path \r\n d=\"M 180,395 L 269.742,530 L 376.356,530 L 466,395 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n \r\n <!-- Bottom cone -->\r\n <path \r\n d=\"M 269.742,530 L 280,555 L 366,555 L 376.356,530 Z\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\"\r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #e0e0e0)\"\r\n />\r\n \r\n <!-- Bottom flange matching pixer top dimensions -->\r\n <rect \r\n width=\"141.313\" \r\n height=\"9.872\" \r\n transform=\"translate(252.392, 555)\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-miterlimit=\"10\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #eaeaea)\"\r\n />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Balloon-shaped vessel with rounded top and tapered bottom, designed to fit on standard pixer',\r\n tags: ['vessel', 'storage', 'tank', 'balloon'],\r\n },\r\n },\r\n\r\n 'hollow-fiber': {\r\n id: 'hollow-fiber',\r\n name: 'Hollow Fiber',\r\n category: 'other',\r\n viewBox: { x: 0, y: 0, width: 30, height: 109 },\r\n ports: [\r\n { id: 'top-left', type: 'outlet', x: 10, y: 2.75 },\r\n { id: 'top-right', type: 'outlet', x: 24.5, y: 22.25 },\r\n { id: 'bottom-left', type: 'inlet', x: 10, y: 106.25 },\r\n { id: 'bottom-right', type: 'inlet', x: 24.5, y: 87.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.5)\">\r\n <!-- Top left flange -->\r\n <rect x=\"10.5\" y=\"0.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Top right flange -->\r\n <rect x=\"39.5\" y=\"39.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Bottom left flange -->\r\n <rect x=\"10.5\" y=\"207.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Bottom right flange -->\r\n <rect x=\"39.5\" y=\"169.5\" width=\"20\" height=\"10\" rx=\"1.5\" ry=\"1.5\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n \r\n <!-- Main vessel body -->\r\n <rect x=\"0.5\" y=\"9.5\" width=\"40\" height=\"199.5\" rx=\"6\" ry=\"6\" fill=\"var(--symbol-fill, #eaeaea)\" stroke=\"var(--symbol-stroke, #000000)\" />\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Hollow fiber filter module with multiple inlet/outlet connections',\r\n tags: ['filter', 'hollow-fiber', 'filtration', 'separation', 'membrane'],\r\n },\r\n },\r\n \r\n 'psr-f': {\r\n id: 'psr-f',\r\n name: 'PSR F',\r\n category: 'instrument',\r\n viewBox: { x: 0, y: 0, width: 28.5, height: 28.5 },\r\n ports: [\r\n { id: 'top', type: 'signal', x: 14.25, y: 7.125 },\r\n { id: 'right', type: 'signal', x: 21.375, y: 14.25 },\r\n { id: 'bottom', type: 'signal', x: 14.25, y: 21.375 },\r\n { id: 'left', type: 'signal', x: 7.125, y: 14.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.25) translate(28.5, 28.5)\">\r\n <!-- Circle background -->\r\n <ellipse \r\n cx=\"28.5\" \r\n cy=\"28.5\" \r\n rx=\"28.5\" \r\n ry=\"28.5\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #ffffff)\"\r\n />\r\n \r\n <!-- Letter F -->\r\n <text \r\n x=\"28.5\" \r\n y=\"38\" \r\n text-anchor=\"middle\" \r\n font-family=\"'Times New Roman', Georgia, serif\" \r\n font-size=\"34\" \r\n font-weight=\"normal\" \r\n font-style=\"italic\" \r\n fill=\"var(--symbol-stroke, #000000)\"\r\n >F</text>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'PSR F instrument symbol - Flow indicator',\r\n tags: ['instrument', 'psr', 'flow', 'indicator'],\r\n },\r\n },\r\n \r\n 'psr-p': {\r\n id: 'psr-p',\r\n name: 'PSR P',\r\n category: 'instrument',\r\n viewBox: { x: 0, y: 0, width: 28.5, height: 28.5 },\r\n ports: [\r\n { id: 'top', type: 'signal', x: 14.25, y: 7.125 },\r\n { id: 'right', type: 'signal', x: 21.375, y: 14.25 },\r\n { id: 'bottom', type: 'signal', x: 14.25, y: 21.375 },\r\n { id: 'left', type: 'signal', x: 7.125, y: 14.25 },\r\n ],\r\n svgContent: `\r\n <g transform=\"scale(0.25) translate(28.5, 28.5)\">\r\n <!-- Circle background -->\r\n <ellipse \r\n cx=\"28.5\" \r\n cy=\"28.5\" \r\n rx=\"28.5\" \r\n ry=\"28.5\" \r\n stroke=\"var(--symbol-stroke, #000000)\" \r\n stroke-width=\"1\" \r\n fill=\"var(--symbol-fill, #ffffff)\"\r\n />\r\n \r\n <!-- Letter P -->\r\n <text \r\n x=\"28.5\" \r\n y=\"38\" \r\n text-anchor=\"middle\" \r\n font-family=\"'Times New Roman', Georgia, serif\" \r\n font-size=\"34\" \r\n font-weight=\"normal\" \r\n font-style=\"italic\" \r\n fill=\"var(--symbol-stroke, #000000)\"\r\n >P</text>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'PSR P instrument symbol - Pressure indicator',\r\n tags: ['instrument', 'psr', 'pressure', 'indicator'],\r\n },\r\n },\r\n};\r\n\r\n/**\r\n * Custom symbol registry for user-defined symbols\r\n */\r\nconst customSymbols: Record<string, SymbolDefinition> = {};\r\n\r\n/**\r\n * Register a custom symbol definition\r\n * @param symbol - The symbol definition to register\r\n * @example\r\n * registerSymbol({\r\n * id: 'my-custom-valve',\r\n * name: 'My Custom Valve',\r\n * category: 'valve',\r\n * viewBox: { x: 0, y: 0, width: 100, height: 100 },\r\n * ports: [...],\r\n * svgContent: '...',\r\n * });\r\n */\r\nexport function registerSymbol(symbol: SymbolDefinition): void {\r\n customSymbols[symbol.id] = symbol;\r\n}\r\n\r\n/**\r\n * Register multiple custom symbols at once\r\n * @param symbols - Array of symbol definitions or a record of symbols\r\n */\r\nexport function registerSymbols(symbols: SymbolDefinition[] | Record<string, SymbolDefinition>): void {\r\n if (Array.isArray(symbols)) {\r\n symbols.forEach((symbol) => registerSymbol(symbol));\r\n } else {\r\n Object.values(symbols).forEach((symbol) => registerSymbol(symbol));\r\n }\r\n}\r\n\r\n/**\r\n * Get symbol definition by ID (checks both mock library and custom symbols)\r\n */\r\nexport function getSymbolDefinition(symbolId: string): SymbolDefinition | undefined {\r\n return customSymbols[symbolId] ?? mockSymbolLibrary[symbolId];\r\n}\r\n\r\n/**\r\n * Get all available symbol IDs (includes both mock library and custom symbols)\r\n */\r\nexport function getAvailableSymbols(): string[] {\r\n return [...Object.keys(customSymbols), ...Object.keys(mockSymbolLibrary)];\r\n}\r\n","import React from 'react';\r\nimport type { NodeInstance } from '../../diagram/schema';\r\nimport { getSymbolDefinition } from '../../diagram/symbols';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface NodeRendererProps {\r\n /** Array of node instances to render */\r\n nodes: NodeInstance[];\r\n /** IDs of selected nodes */\r\n selectedNodeIds?: Set<string>;\r\n /** Callback when a node is clicked */\r\n onNodeClick?: (nodeId: string, event: React.MouseEvent) => void;\r\n /** Callback when a node is double-clicked */\r\n onNodeDoubleClick?: (nodeId: string, event: React.MouseEvent) => void;\r\n /** Callback when a node drag starts */\r\n onNodeDragStart?: (nodeId: string, event: React.MouseEvent | React.TouchEvent) => void;\r\n /** ID of node being dragged */\r\n draggingNodeId?: string | null;\r\n /** Drag offset for the dragging node */\r\n dragOffset?: { x: number; y: number };\r\n /** Whether dragging is enabled (default: false) */\r\n enableDrag?: boolean;\r\n /** Custom status-to-color map (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\n/**\r\n * NodeRenderer - Renders symbol instances with transforms and selection support\r\n *\r\n * Applies translate, rotate, and scale transforms to each node\r\n * Supports click selection with visual feedback\r\n */\r\nexport function NodeRenderer({\r\n nodes,\r\n selectedNodeIds,\r\n onNodeClick,\r\n onNodeDoubleClick,\r\n onNodeDragStart,\r\n draggingNodeId,\r\n dragOffset = { x: 0, y: 0 },\r\n enableDrag = false,\r\n statusColorMap,\r\n}: NodeRendererProps): React.ReactElement {\r\n return (\r\n <g id=\"layer-nodes\">\r\n {nodes\r\n .filter((node) => node.visible !== false) // Filter hidden nodes\r\n .map((node) => {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n const isSelected = selectedNodeIds?.has(node.id) ?? false;\r\n const isDragging = draggingNodeId === node.id;\r\n\r\n if (!symbol) {\r\n // Symbol not found - render placeholder\r\n return (\r\n <g key={node.id}>\r\n <circle\r\n cx={node.transform.x}\r\n cy={node.transform.y}\r\n r=\"15\"\r\n fill=\"#ff0000\"\r\n opacity=\"0.3\"\r\n stroke=\"#ff0000\"\r\n strokeWidth=\"2\"\r\n />\r\n <text\r\n x={node.transform.x}\r\n y={node.transform.y}\r\n textAnchor=\"middle\"\r\n dominantBaseline=\"middle\"\r\n fontSize=\"10\"\r\n fill=\"#ff0000\"\r\n >\r\n ?\r\n </text>\r\n </g>\r\n );\r\n }\r\n\r\n // Build transform string\r\n const transforms: string[] = [];\r\n\r\n // Apply drag offset if this node is being dragged\r\n const effectiveX = isDragging ? node.transform.x + dragOffset.x : node.transform.x;\r\n const effectiveY = isDragging ? node.transform.y + dragOffset.y : node.transform.y;\r\n\r\n // Translate\r\n transforms.push(`translate(${effectiveX}, ${effectiveY})`);\r\n\r\n // Rotate (around center of symbol)\r\n if (node.transform.rotation) {\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(`rotate(${node.transform.rotation}, ${centerX}, ${centerY})`);\r\n }\r\n\r\n // Scale\r\n if (node.transform.scale && node.transform.scale !== 1) {\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(\r\n `translate(${centerX}, ${centerY}) scale(${node.transform.scale}) translate(${-centerX}, ${-centerY})`\r\n );\r\n }\r\n\r\n // Flip\r\n if (node.transform.flipX || node.transform.flipY) {\r\n const scaleX = node.transform.flipX ? -1 : 1;\r\n const scaleY = node.transform.flipY ? -1 : 1;\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n transforms.push(\r\n `translate(${centerX}, ${centerY}) scale(${scaleX}, ${scaleY}) translate(${-centerX}, ${-centerY})`\r\n );\r\n }\r\n\r\n // Determine colors: customColors (explicit) > statusColorMap > ISA-101 defaults\r\n const statusEntry = resolveStatusColor(node.status, statusColorMap);\r\n const fillColor = node.customColors?.fill ?? statusEntry.fill;\r\n const strokeColor = node.customColors?.stroke ?? statusEntry.stroke;\r\n\r\n return (\r\n <g\r\n key={node.id}\r\n data-node-id={node.id}\r\n data-symbol-id={node.symbolId}\r\n data-selected={isSelected}\r\n data-dragging={isDragging}\r\n transform={transforms.join(' ')}\r\n style={\r\n {\r\n '--symbol-fill': fillColor,\r\n '--symbol-stroke': strokeColor,\r\n cursor: enableDrag\r\n ? isDragging\r\n ? 'grabbing'\r\n : 'grab'\r\n : onNodeClick\r\n ? 'pointer'\r\n : 'default',\r\n } as React.CSSProperties\r\n }\r\n onClick={(e) => {\r\n // Always fire onClick - drag system will handle whether to drag\r\n e.stopPropagation();\r\n onNodeClick?.(node.id, e);\r\n }}\r\n onDoubleClick={(e) => {\r\n e.stopPropagation();\r\n onNodeDoubleClick?.(node.id, e);\r\n }}\r\n onMouseDown={(e) => {\r\n if (enableDrag) {\r\n // Don't stop propagation - let click still fire\r\n onNodeDragStart?.(node.id, e);\r\n }\r\n }}\r\n onTouchStart={(e) => {\r\n if (enableDrag) {\r\n e.stopPropagation();\r\n onNodeDragStart?.(node.id, e);\r\n }\r\n }}\r\n >\r\n {/* Selection indicator - bounding box */}\r\n {isSelected && (\r\n <rect\r\n x=\"-5\"\r\n y=\"-5\"\r\n width={symbol.viewBox.width + 10}\r\n height={symbol.viewBox.height + 10}\r\n fill=\"none\"\r\n stroke={isDragging ? '#10b981' : '#3b82f6'}\r\n strokeWidth={isDragging ? '3' : '2'}\r\n strokeDasharray=\"4 2\"\r\n rx=\"2\"\r\n pointerEvents=\"none\"\r\n />\r\n )}\r\n\r\n {/* Render symbol inline (future: use <use> with <defs>) */}\r\n <g\r\n dangerouslySetInnerHTML={{ __html: symbol.svgContent }}\r\n data-symbol-content={symbol.id}\r\n style={{ pointerEvents: 'auto' }}\r\n />\r\n\r\n {/* Node label */}\r\n <text\r\n x={symbol.viewBox.width / 2 + (node.labelOffset?.x ?? 0)}\r\n y={symbol.viewBox.height + 12 + (node.labelOffset?.y ?? 0)}\r\n textAnchor=\"middle\"\r\n fontSize={node.labelFontSize ?? 10}\r\n fontWeight=\"600\"\r\n fill={isSelected ? '#3b82f6' : '#1f2937'}\r\n transform={\r\n node.transform.rotation\r\n ? `rotate(${-node.transform.rotation}, ${symbol.viewBox.width / 2 + (node.labelOffset?.x ?? 0)}, ${symbol.viewBox.height + 12 + (node.labelOffset?.y ?? 0)})`\r\n : undefined\r\n }\r\n >\r\n {node.label || node.id}\r\n </text>\r\n </g>\r\n );\r\n })}\r\n </g>\r\n );\r\n}\r\n","import React from 'react';\r\nimport type { PipeEdge, PipeStyle } from '../../diagram/schema';\r\n\r\nexport interface PipeRendererProps {\r\n /** Array of pipe edges to render */\r\n pipes: PipeEdge[];\r\n /** IDs of selected pipes */\r\n selectedPipeIds?: Set<string>;\r\n /** Callback when a pipe is clicked */\r\n onPipeClick?: (pipeId: string, event: React.MouseEvent) => void;\r\n /** Enable waypoint editing mode */\r\n enableWaypointEditing?: boolean;\r\n /** Callback when waypoint drag starts */\r\n onWaypointDragStart?: (\r\n pipeId: string,\r\n pointIndex: number,\r\n event: React.MouseEvent | React.TouchEvent\r\n ) => void;\r\n /** Callback when waypoint is clicked (for selection) */\r\n onWaypointClick?: (pipeId: string, pointIndex: number) => void;\r\n /** Selected waypoint pipe ID */\r\n selectedWaypointPipeId?: string | null;\r\n /** Selected waypoint point index */\r\n selectedWaypointIndex?: number | null;\r\n /** ID of pipe being edited */\r\n editingPipeId?: string | null;\r\n /** Index of waypoint being dragged */\r\n draggingWaypointIndex?: number | null;\r\n /** Offset for dragged waypoint */\r\n waypointDragOffset?: { x: number; y: number };\r\n /** Callback when pipe segment is clicked (to add waypoint) */\r\n onPipeSegmentClick?: (\r\n pipeId: string,\r\n position: { x: number; y: number },\r\n segmentIndex: number\r\n ) => void;\r\n}\r\n\r\n/**\r\n * PipeRenderer - Renders pipe connections between nodes with selection support\r\n *\r\n * Uses SVG polyline elements to render pipes with route points\r\n * Supports click selection with visual feedback\r\n */\r\nexport function PipeRenderer({\r\n pipes,\r\n selectedPipeIds,\r\n onPipeClick,\r\n enableWaypointEditing = false,\r\n onWaypointDragStart,\r\n onWaypointClick,\r\n selectedWaypointPipeId,\r\n selectedWaypointIndex,\r\n editingPipeId,\r\n draggingWaypointIndex,\r\n waypointDragOffset,\r\n onPipeSegmentClick,\r\n}: PipeRendererProps): React.ReactElement {\r\n return (\r\n <g id=\"layer-pipes\">\r\n {pipes\r\n .filter((pipe) => pipe.visible !== false) // Filter hidden pipes\r\n .map((pipe) => {\r\n const isSelected = selectedPipeIds?.has(pipe.id) ?? false;\r\n const isEditing = enableWaypointEditing && editingPipeId === pipe.id;\r\n const showEditingControls = enableWaypointEditing && isSelected;\r\n\r\n // Apply waypoint drag offset if dragging\r\n const displayPoints = pipe.routePoints.map((point, idx) => {\r\n if (isEditing && draggingWaypointIndex === idx && waypointDragOffset) {\r\n return {\r\n x: point.x + waypointDragOffset.x,\r\n y: point.y + waypointDragOffset.y,\r\n };\r\n }\r\n return point;\r\n });\r\n\r\n // Convert route points to polyline points string\r\n const pointsString = displayPoints.map((point) => `${point.x},${point.y}`).join(' ');\r\n\r\n // Apply pipe style with defaults\r\n const pipeStyle: Partial<PipeStyle> = pipe.style || {};\r\n const stroke = isSelected ? '#3b82f6' : pipeStyle.stroke || '#94a1b8';\r\n const strokeWidth = isSelected\r\n ? (pipeStyle.strokeWidth || 3) + 2\r\n : pipeStyle.strokeWidth || 3;\r\n const strokeDasharray = pipeStyle.strokeDasharray;\r\n const opacity = pipeStyle.opacity !== undefined ? pipeStyle.opacity : 1;\r\n\r\n return (\r\n <g\r\n key={pipe.id}\r\n data-pipe-id={pipe.id}\r\n data-selected={isSelected}\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n onPipeClick?.(pipe.id, e);\r\n }}\r\n style={{\r\n cursor: onPipeClick ? 'pointer' : 'default',\r\n }}\r\n >\r\n {/* Only render pipe lines when NOT in waypoint-only mode */}\r\n {!enableWaypointEditing && (\r\n <>\r\n {/* Selection indicator - wider transparent clickable area */}\r\n {onPipeClick && (\r\n <polyline\r\n points={pointsString}\r\n fill=\"none\"\r\n stroke=\"transparent\"\r\n strokeWidth={strokeWidth + 8}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n pointerEvents=\"stroke\"\r\n />\r\n )}\r\n\r\n {/* Main pipe line */}\r\n <polyline\r\n points={pointsString}\r\n fill=\"none\"\r\n stroke={stroke}\r\n strokeWidth={strokeWidth}\r\n strokeDasharray={strokeDasharray}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n opacity={opacity}\r\n data-from={pipe.fromNodeId}\r\n data-to={pipe.toNodeId}\r\n pointerEvents={onPipeClick ? 'none' : 'auto'}\r\n />\r\n </>\r\n )}\r\n\r\n {/* Connection points indicators */}\r\n {displayPoints.map((point, idx) => {\r\n // Show all waypoints including endpoints\r\n const isEndpoint = idx === 0 || idx === displayPoints.length - 1;\r\n const isSelectedWaypoint =\r\n selectedWaypointPipeId === pipe.id && selectedWaypointIndex === idx;\r\n\r\n const isDragging = isEditing && draggingWaypointIndex === idx;\r\n const waypointSize = isSelectedWaypoint\r\n ? 8\r\n : isDragging\r\n ? 8\r\n : showEditingControls\r\n ? 6\r\n : isSelected\r\n ? 3\r\n : 2;\r\n const waypointOpacity = isSelectedWaypoint\r\n ? 1\r\n : isDragging\r\n ? 1\r\n : showEditingControls\r\n ? 0.9\r\n : isSelected\r\n ? 0.8\r\n : 0.5;\r\n\r\n // Color priority: selected > dragging > endpoint > default\r\n const waypointColor = isSelectedWaypoint\r\n ? '#3b82f6' // Blue for selected\r\n : isEndpoint && showEditingControls\r\n ? '#f59e0b' // Amber for endpoints\r\n : isDragging\r\n ? '#10b981' // Green for dragging\r\n : stroke; // Default pipe color\r\n\r\n return (\r\n <circle\r\n key={`${pipe.id}-point-${idx}`}\r\n cx={point.x}\r\n cy={point.y}\r\n r={waypointSize}\r\n fill={waypointColor}\r\n stroke={showEditingControls ? '#ffffff' : 'none'}\r\n strokeWidth={showEditingControls ? 2 : 0}\r\n opacity={waypointOpacity}\r\n className=\"pipe-route-point\"\r\n style={{\r\n cursor: showEditingControls ? (isDragging ? 'grabbing' : 'grab') : 'default',\r\n }}\r\n pointerEvents={showEditingControls ? 'all' : 'none'}\r\n onClick={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointClick?.(pipe.id, idx);\r\n }\r\n }}\r\n onMouseDown={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointDragStart?.(pipe.id, idx, e);\r\n }\r\n }}\r\n onTouchStart={(e) => {\r\n if (showEditingControls) {\r\n e.stopPropagation();\r\n onWaypointDragStart?.(pipe.id, idx, e);\r\n }\r\n }}\r\n />\r\n );\r\n })}\r\n\r\n {/* Pipe segment click areas (for adding waypoints) */}\r\n {showEditingControls && onPipeSegmentClick && displayPoints.length >= 2 && (\r\n <>\r\n {displayPoints.slice(0, -1).map((point, idx) => {\r\n const nextPoint = displayPoints[idx + 1];\r\n const midX = (point.x + nextPoint.x) / 2;\r\n const midY = (point.y + nextPoint.y) / 2;\r\n\r\n return (\r\n <g key={`${pipe.id}-segment-${idx}`}>\r\n {/* Larger clickable area */}\r\n <circle\r\n cx={midX}\r\n cy={midY}\r\n r={8}\r\n fill=\"transparent\"\r\n className=\"pipe-segment-add-area\"\r\n style={{ cursor: 'crosshair' }}\r\n pointerEvents=\"all\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n onPipeSegmentClick?.(pipe.id, { x: midX, y: midY }, idx);\r\n }}\r\n />\r\n {/* Visible indicator */}\r\n <circle\r\n cx={midX}\r\n cy={midY}\r\n r={4}\r\n fill=\"#3b82f6\"\r\n stroke=\"#ffffff\"\r\n strokeWidth={2}\r\n opacity={0.6}\r\n className=\"pipe-segment-add\"\r\n pointerEvents=\"none\"\r\n />\r\n </g>\r\n );\r\n })}\r\n </>\r\n )}\r\n\r\n {/* Pipe label (optional) */}\r\n {pipe.showLabel !== false && pipe.label && pipe.routePoints.length >= 2 && (\r\n <text\r\n x={\r\n pipe.routePoints[Math.floor(pipe.routePoints.length / 2)].x +\r\n (pipe.labelOffset?.x ?? 0)\r\n }\r\n y={\r\n pipe.routePoints[Math.floor(pipe.routePoints.length / 2)].y -\r\n 8 +\r\n (pipe.labelOffset?.y ?? 0)\r\n }\r\n textAnchor=\"middle\"\r\n fontSize=\"10\"\r\n fontWeight={isSelected ? '600' : '500'}\r\n fill={stroke}\r\n opacity={opacity * 0.8}\r\n pointerEvents=\"none\"\r\n >\r\n {pipe.label}\r\n </text>\r\n )}\r\n </g>\r\n );\r\n })}\r\n </g>\r\n );\r\n}\r\n","import React from 'react';\r\nimport type { TelemetryBinding } from '../../diagram/schema/TelemetryBinding';\r\nimport { resolveStatusColor } from '../../theme/statusColors';\r\nimport type { StatusColorMap } from '../../theme/statusColors';\r\n\r\nexport interface DataOverlayProps {\r\n /** Node ID this overlay is for */\r\n nodeId: string;\r\n /** X position in SVG coordinates */\r\n x: number;\r\n /** Y position in SVG coordinates */\r\n y: number;\r\n /** Telemetry binding data */\r\n telemetry: TelemetryBinding;\r\n /** Scale factor for display size (default: 1.0) */\r\n scale?: number;\r\n /** Custom status-to-color map (overrides ISA-101 defaults) */\r\n statusColorMap?: StatusColorMap;\r\n}\r\n\r\n/**\r\n * DataOverlay - Renders live telemetry values above P&ID nodes\r\n *\r\n * Shows:\r\n * - Current value with unit\r\n * - Status-based color coding\r\n * - Optional label\r\n */\r\nexport function DataOverlay({\r\n nodeId,\r\n x,\r\n y,\r\n telemetry,\r\n scale = 1.0,\r\n statusColorMap,\r\n}: DataOverlayProps): React.ReactElement {\r\n const { value, display, history, scaling } = telemetry;\r\n const showValue = display?.showValue ?? true;\r\n const showStatus = display?.showStatus ?? true;\r\n const showSparkline = display?.showSparkline ?? false;\r\n const label = display?.label;\r\n // Scaling metadata (#1663) is the authoritative source when present:\r\n // decimals -> precision, units -> unit label, eu range -> sparkline axis.\r\n // Falls back to the static display.precision / value.unit when absent.\r\n const precision = scaling?.decimals ?? display?.precision;\r\n const unit = scaling?.units ?? value.unit;\r\n const sparklineColor = display?.sparklineColor;\r\n const textColor = display?.textColor;\r\n const backgroundColor = display?.backgroundColor;\r\n const offsetX = display?.offsetX ?? 0;\r\n const offsetY = display?.offsetY ?? 0;\r\n\r\n if (!showValue) {\r\n return <></>;\r\n }\r\n\r\n // Format value based on type and precision\r\n const formatValue = (val: number | string | boolean): string => {\r\n if (typeof val === 'number') {\r\n return precision !== undefined ? val.toFixed(precision) : val.toString();\r\n }\r\n if (typeof val === 'boolean') {\r\n return val ? 'ON' : 'OFF';\r\n }\r\n return val.toString();\r\n };\r\n\r\n // Resolve status colors: per-binding override > statusColorMap > ISA-101 defaults\r\n const resolvedEntry = resolveStatusColor(value.status, statusColorMap);\r\n const customColor = telemetry.statusColors?.[value.status];\r\n const statusColors = customColor\r\n ? { bg: customColor, text: '#ffffff', border: customColor }\r\n : { bg: resolvedEntry.bg, text: resolvedEntry.text, border: resolvedEntry.border };\r\n\r\n // Apply explicit backgroundColor override if provided (and not 'status')\r\n const colors =\r\n backgroundColor && backgroundColor !== 'status'\r\n ? { bg: backgroundColor, text: textColor || '#ffffff', border: backgroundColor }\r\n : statusColors;\r\n\r\n // Override text color if explicitly set\r\n const finalTextColor = textColor || colors.text;\r\n\r\n const formattedValue = formatValue(value.value);\r\n const displayText = unit ? `${formattedValue} ${unit}` : formattedValue;\r\n\r\n // Calculate sparkline path if history is provided\r\n const sparklinePath = (() => {\r\n if (!showSparkline || !history || history.length < 2) return '';\r\n\r\n const width = 70 * scale;\r\n const height = 20 * scale;\r\n const padding = 5 * scale;\r\n const effectiveWidth = width - padding * 2;\r\n const effectiveHeight = height - padding * 2;\r\n\r\n // Plot against the EU range when scaling metadata provides one (a fixed,\r\n // meaningful trend axis), else fall back to the history min/max (#1663).\r\n const hasEuRange =\r\n scaling?.euLow !== undefined &&\r\n scaling?.euHigh !== undefined &&\r\n scaling.euHigh !== scaling.euLow;\r\n const min = hasEuRange ? (scaling.euLow as number) : Math.min(...history);\r\n const max = hasEuRange ? (scaling.euHigh as number) : Math.max(...history);\r\n const range = max - min || 1; // Avoid division by zero\r\n\r\n const points = history.map((val, i) => {\r\n const xPos = (i / (history.length - 1)) * effectiveWidth + padding;\r\n const yPos = height - padding - ((val - min) / range) * effectiveHeight;\r\n return `${xPos.toFixed(2)},${yPos.toFixed(2)}`;\r\n });\r\n\r\n return `M ${points.join(' L ')}`;\r\n })();\r\n\r\n const hasSparkline = showSparkline && sparklinePath;\r\n const overlayHeight = (label ? (hasSparkline ? 55 : 30) : hasSparkline ? 47 : 22) * scale;\r\n const overlayWidth = 80 * scale;\r\n\r\n // Apply position offsets\r\n const displayX = x + offsetX;\r\n const displayY = y + offsetY;\r\n\r\n return (\r\n <g data-overlay-node={nodeId} data-status={value.status}>\r\n {/* Background rect */}\r\n <rect\r\n x={displayX - overlayWidth / 2}\r\n y={displayY - 25 * scale}\r\n width={overlayWidth}\r\n height={overlayHeight}\r\n rx={4 * scale}\r\n fill={colors.bg}\r\n stroke={colors.border}\r\n strokeWidth={1 * scale}\r\n opacity=\"0.95\"\r\n filter=\"drop-shadow(0 2px 4px rgba(0,0,0,0.2))\"\r\n />\r\n\r\n {/* Label (optional) */}\r\n {label && (\r\n <text\r\n x={displayX}\r\n y={displayY - 15 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={8 * scale}\r\n fontWeight=\"600\"\r\n fill={finalTextColor}\r\n opacity=\"0.9\"\r\n >\r\n {label}\r\n </text>\r\n )}\r\n\r\n {/* Value text */}\r\n <text\r\n x={displayX}\r\n y={label ? displayY - 3 * scale : displayY - 9 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={11 * scale}\r\n fontWeight=\"700\"\r\n fill={finalTextColor}\r\n letterSpacing=\"0.02em\"\r\n >\r\n {displayText}\r\n </text>\r\n\r\n {/* Status indicator dot (optional) */}\r\n {showStatus && value.status !== 'normal' && (\r\n <circle\r\n cx={displayX + 35 * scale}\r\n cy={displayY - 18 * scale}\r\n r={3 * scale}\r\n fill={finalTextColor}\r\n opacity=\"0.9\"\r\n >\r\n <animate\r\n attributeName=\"opacity\"\r\n values=\"0.9;0.3;0.9\"\r\n dur=\"1.5s\"\r\n repeatCount=\"indefinite\"\r\n />\r\n </circle>\r\n )}\r\n\r\n {/* Quality indicator (if provided and < 100) */}\r\n {value.quality !== undefined && value.quality < 100 && (\r\n <text\r\n x={displayX}\r\n y={displayY + 5 * scale}\r\n textAnchor=\"middle\"\r\n fontSize={7 * scale}\r\n fontWeight=\"500\"\r\n fill={finalTextColor}\r\n opacity=\"0.7\"\r\n >\r\n Q: {value.quality}%\r\n </text>\r\n )}\r\n\r\n {/* Sparkline trend (if history provided) */}\r\n {hasSparkline && (\r\n <g transform={`translate(${displayX - 35 * scale}, ${displayY + (label ? 5 : 0) * scale})`}>\r\n <path\r\n d={sparklinePath}\r\n fill=\"none\"\r\n stroke={sparklineColor || finalTextColor}\r\n strokeWidth={1.5 * scale}\r\n strokeLinecap=\"round\"\r\n strokeLinejoin=\"round\"\r\n opacity=\"0.9\"\r\n />\r\n </g>\r\n )}\r\n </g>\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport type { NodeInstance, Point } from '../../diagram/schema';\r\n\r\nexport interface PositionPanelProps {\r\n /** The selected node to display/edit position for */\r\n selectedNode?: NodeInstance | null;\r\n /** The selected waypoint to display/edit position for */\r\n selectedWaypoint?: { pipeId: string; pointIndex: number; position: Point } | null;\r\n /** Callback when node position is changed */\r\n onPositionChange?: (nodeId: string, x: number, y: number) => void;\r\n /** Callback when waypoint position is changed */\r\n onWaypointPositionChange?: (pipeId: string, pointIndex: number, x: number, y: number) => void;\r\n /** Position of the panel (default: top-right) */\r\n position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\r\n}\r\n\r\n/**\r\n * PositionPanel - Displays and allows editing of selected node or waypoint position\r\n */\r\nexport function PositionPanel({\r\n selectedNode,\r\n selectedWaypoint,\r\n onPositionChange,\r\n onWaypointPositionChange,\r\n position = 'top-right',\r\n}: PositionPanelProps): React.ReactElement | null {\r\n const [x, setX] = useState<string>('');\r\n const [y, setY] = useState<string>('');\r\n\r\n // Update inputs when selected node or waypoint changes\r\n useEffect(() => {\r\n if (selectedNode) {\r\n setX(selectedNode.transform.x.toFixed(2));\r\n setY(selectedNode.transform.y.toFixed(2));\r\n } else if (selectedWaypoint) {\r\n setX(selectedWaypoint.position.x.toFixed(2));\r\n setY(selectedWaypoint.position.y.toFixed(2));\r\n }\r\n }, [selectedNode, selectedWaypoint]);\r\n\r\n if (!selectedNode && !selectedWaypoint) {\r\n return null;\r\n }\r\n\r\n const handleXChange = (value: string) => {\r\n setX(value);\r\n const numValue = parseFloat(value);\r\n if (!isNaN(numValue)) {\r\n if (selectedNode && onPositionChange) {\r\n onPositionChange(selectedNode.id, numValue, selectedNode.transform.y);\r\n } else if (selectedWaypoint && onWaypointPositionChange) {\r\n onWaypointPositionChange(\r\n selectedWaypoint.pipeId,\r\n selectedWaypoint.pointIndex,\r\n numValue,\r\n selectedWaypoint.position.y\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleYChange = (value: string) => {\r\n setY(value);\r\n const numValue = parseFloat(value);\r\n if (!isNaN(numValue)) {\r\n if (selectedNode && onPositionChange) {\r\n onPositionChange(selectedNode.id, selectedNode.transform.x, numValue);\r\n } else if (selectedWaypoint && onWaypointPositionChange) {\r\n onWaypointPositionChange(\r\n selectedWaypoint.pipeId,\r\n selectedWaypoint.pointIndex,\r\n selectedWaypoint.position.x,\r\n numValue\r\n );\r\n }\r\n }\r\n };\r\n\r\n const handleBlur = () => {\r\n // Reset to actual position on blur (handles invalid input)\r\n if (selectedNode) {\r\n setX(selectedNode.transform.x.toFixed(2));\r\n setY(selectedNode.transform.y.toFixed(2));\r\n } else if (selectedWaypoint) {\r\n setX(selectedWaypoint.position.x.toFixed(2));\r\n setY(selectedWaypoint.position.y.toFixed(2));\r\n }\r\n };\r\n\r\n const positionStyles: Record<string, React.CSSProperties> = {\r\n 'top-left': { top: 10, left: 10 },\r\n 'top-right': { top: 10, right: 10 },\r\n 'bottom-left': { bottom: 10, left: 10 },\r\n 'bottom-right': { bottom: 10, right: 10 },\r\n };\r\n\r\n return (\r\n <div\r\n style={{\r\n position: 'absolute',\r\n ...positionStyles[position],\r\n backgroundColor: 'white',\r\n border: '1px solid #ccc',\r\n borderRadius: '4px',\r\n padding: '12px',\r\n boxShadow: '0 2px 8px rgba(0,0,0,0.1)',\r\n zIndex: 1000,\r\n minWidth: '180px',\r\n fontFamily: 'system-ui, -apple-system, sans-serif',\r\n fontSize: '13px',\r\n }}\r\n >\r\n <div style={{ marginBottom: '8px', fontWeight: 600, color: '#333' }}>Position</div>\r\n <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\r\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\r\n <label style={{ width: '16px', color: '#666' }}>X:</label>\r\n <input\r\n type=\"number\"\r\n value={x}\r\n onChange={(e) => handleXChange(e.target.value)}\r\n onBlur={handleBlur}\r\n style={{\r\n flex: 1,\r\n padding: '4px 8px',\r\n border: '1px solid #ddd',\r\n borderRadius: '3px',\r\n fontSize: '13px',\r\n }}\r\n step=\"1\"\r\n />\r\n </div>\r\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\r\n <label style={{ width: '16px', color: '#666' }}>Y:</label>\r\n <input\r\n type=\"number\"\r\n value={y}\r\n onChange={(e) => handleYChange(e.target.value)}\r\n onBlur={handleBlur}\r\n style={{\r\n flex: 1,\r\n padding: '4px 8px',\r\n border: '1px solid #ddd',\r\n borderRadius: '3px',\r\n fontSize: '13px',\r\n }}\r\n step=\"1\"\r\n />\r\n </div>\r\n </div>\r\n <div style={{ marginTop: '8px', fontSize: '11px', color: '#888' }}>\r\n Use arrow keys to nudge (±1px)\r\n </div>\r\n </div>\r\n );\r\n}\r\n","import { useState, useCallback, useRef, useEffect } from 'react';\r\nimport type { ViewBox } from '../schema';\r\n\r\nexport interface UseViewBoxOptions {\r\n /** Initial viewBox configuration */\r\n initialViewBox: ViewBox;\r\n /** Enable pan interaction (default: true) */\r\n enablePan?: boolean;\r\n /** Enable zoom interaction (default: true) */\r\n enableZoom?: boolean;\r\n /** Minimum zoom level (smaller = more zoomed in, default: 0.1) */\r\n minZoom?: number;\r\n /** Maximum zoom level (larger = more zoomed out, default: 10) */\r\n maxZoom?: number;\r\n /** Zoom sensitivity (default: 0.001) */\r\n zoomSensitivity?: number;\r\n /** Allow left-click drag for panning (default: true for touch-friendly) */\r\n allowLeftClickPan?: boolean;\r\n}\r\n\r\nexport interface UseViewBoxResult {\r\n /** Current viewBox state */\r\n viewBox: ViewBox;\r\n /** Reset viewBox to initial state */\r\n resetViewBox: () => void;\r\n /** Zoom in (decrease viewBox size) */\r\n zoomIn: () => void;\r\n /** Zoom out (increase viewBox size) */\r\n zoomOut: () => void;\r\n /** Fit viewBox to content bounds with optional padding */\r\n fitToContent: (bounds: { minX: number; minY: number; maxX: number; maxY: number }, padding?: number) => void;\r\n /** Set viewBox directly */\r\n setViewBox: (viewBox: ViewBox) => void;\r\n /** Convert screen coordinates to world (SVG) coordinates */\r\n screenToWorld: (screenX: number, screenY: number) => { x: number; y: number };\r\n /** SVG element ref to attach event listeners */\r\n svgRef: React.RefObject<SVGSVGElement | null>;\r\n}\r\n\r\n/**\r\n * Custom hook for managing ViewBox state with pan and zoom interactions\r\n * \r\n * Pan controls:\r\n * - Left mouse button + drag (if allowLeftClickPan=true, default)\r\n * - Middle mouse button + drag (always)\r\n * - Space + left mouse button + drag (always)\r\n * - Touch drag (single finger)\r\n * \r\n * Zoom controls:\r\n * - Mouse wheel (zoom to cursor position)\r\n * - Pinch gesture (touch devices)\r\n * - Programmatic zoomIn/zoomOut functions\r\n */\r\nexport function useViewBox(options: UseViewBoxOptions): UseViewBoxResult {\r\n const {\r\n initialViewBox,\r\n enablePan = true,\r\n enableZoom = true,\r\n minZoom = 0.1,\r\n maxZoom = 10,\r\n zoomSensitivity = 0.001,\r\n allowLeftClickPan = true,\r\n } = options;\r\n\r\n const [viewBox, setViewBox] = useState<ViewBox>(initialViewBox);\r\n const svgRef = useRef<SVGSVGElement | null>(null);\r\n const isPanningRef = useRef(false);\r\n const lastMousePosRef = useRef({ x: 0, y: 0 });\r\n const spaceKeyDownRef = useRef(false);\r\n const lastTouchDistanceRef = useRef<number | null>(null);\r\n\r\n // Reset to initial viewBox\r\n const resetViewBox = useCallback(() => {\r\n setViewBox(initialViewBox);\r\n }, [initialViewBox]);\r\n\r\n // Zoom in (25% closer)\r\n const zoomIn = useCallback(() => {\r\n setViewBox((prev) => {\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = Math.min(1 / minZoom, currentZoom * 1.25);\r\n const scale = initialViewBox.width / newZoom;\r\n \r\n const centerX = prev.x + prev.width / 2;\r\n const centerY = prev.y + prev.height / 2;\r\n const newWidth = scale;\r\n const newHeight = (prev.height / prev.width) * scale;\r\n\r\n return {\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }, [initialViewBox, minZoom]);\r\n\r\n // Zoom out (25% farther)\r\n const zoomOut = useCallback(() => {\r\n setViewBox((prev) => {\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = Math.max(1 / maxZoom, currentZoom * 0.8);\r\n const scale = initialViewBox.width / newZoom;\r\n \r\n const centerX = prev.x + prev.width / 2;\r\n const centerY = prev.y + prev.height / 2;\r\n const newWidth = scale;\r\n const newHeight = (prev.height / prev.width) * scale;\r\n\r\n return {\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }, [initialViewBox, maxZoom]);\r\n\r\n // Fit to content bounds\r\n const fitToContent = useCallback((bounds: { minX: number; minY: number; maxX: number; maxY: number }, padding: number = 50) => {\r\n const contentWidth = bounds.maxX - bounds.minX;\r\n const contentHeight = bounds.maxY - bounds.minY;\r\n \r\n if (contentWidth === 0 || contentHeight === 0) {\r\n // No content or invalid bounds\r\n return;\r\n }\r\n\r\n // Add padding\r\n const paddedWidth = contentWidth + padding * 2;\r\n const paddedHeight = contentHeight + padding * 2;\r\n \r\n // Maintain aspect ratio of initial viewBox\r\n const aspectRatio = initialViewBox.width / initialViewBox.height;\r\n const contentAspectRatio = paddedWidth / paddedHeight;\r\n \r\n let newWidth: number;\r\n let newHeight: number;\r\n \r\n if (contentAspectRatio > aspectRatio) {\r\n // Content is wider - fit to width\r\n newWidth = paddedWidth;\r\n newHeight = paddedWidth / aspectRatio;\r\n } else {\r\n // Content is taller - fit to height\r\n newHeight = paddedHeight;\r\n newWidth = paddedHeight * aspectRatio;\r\n }\r\n \r\n const centerX = bounds.minX + contentWidth / 2;\r\n const centerY = bounds.minY + contentHeight / 2;\r\n \r\n setViewBox({\r\n x: centerX - newWidth / 2,\r\n y: centerY - newHeight / 2,\r\n width: newWidth,\r\n height: newHeight,\r\n });\r\n }, [initialViewBox]);\r\n\r\n // Handle mouse wheel zoom\r\n useEffect(() => {\r\n if (!enableZoom || !svgRef.current) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleWheel = (e: WheelEvent) => {\r\n e.preventDefault();\r\n\r\n // Get mouse position in SVG coordinate space\r\n const rect = svg.getBoundingClientRect();\r\n const mouseX = e.clientX - rect.left;\r\n const mouseY = e.clientY - rect.top;\r\n\r\n setViewBox((prev) => {\r\n // Convert mouse position to viewBox coordinates\r\n const svgX = prev.x + (mouseX / rect.width) * prev.width;\r\n const svgY = prev.y + (mouseY / rect.height) * prev.height;\r\n\r\n // Calculate zoom factor\r\n const delta = -e.deltaY * zoomSensitivity;\r\n const zoom = Math.exp(delta);\r\n\r\n // Calculate new viewBox dimensions\r\n let newWidth = prev.width / zoom;\r\n let newHeight = prev.height / zoom;\r\n\r\n // Clamp zoom level\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = currentZoom * zoom;\r\n if (newZoom < minZoom || newZoom > 1 / minZoom) {\r\n return prev; // Don't zoom beyond limits\r\n }\r\n\r\n // Adjust viewBox position to zoom towards mouse cursor\r\n const newX = svgX - (mouseX / rect.width) * newWidth;\r\n const newY = svgY - (mouseY / rect.height) * newHeight;\r\n\r\n return {\r\n x: newX,\r\n y: newY,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n };\r\n\r\n svg.addEventListener('wheel', handleWheel, { passive: false });\r\n return () => svg.removeEventListener('wheel', handleWheel);\r\n }, [enableZoom, zoomSensitivity, minZoom, initialViewBox]);\r\n\r\n // Handle panning\r\n useEffect(() => {\r\n if (!enablePan || !svgRef.current) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleMouseDown = (e: MouseEvent) => {\r\n // Check if clicking on a draggable element (node, waypoint, pipe segment)\r\n const target = e.target as Element;\r\n const isDraggableNode = target.closest('[data-node-id]');\r\n const isWaypoint = target.classList.contains('pipe-route-point');\r\n const isPipeSegment = target.classList.contains('pipe-segment-add') || target.classList.contains('pipe-segment-add-area');\r\n \r\n if (isDraggableNode || isWaypoint || isPipeSegment) {\r\n return; // Let drag handler take over\r\n }\r\n\r\n // Left button (if allowed), middle button, or space + left button\r\n const isLeftClick = e.button === 0 && allowLeftClickPan;\r\n const isMiddleClick = e.button === 1;\r\n const isSpaceLeftClick = e.button === 0 && spaceKeyDownRef.current;\r\n \r\n if (isLeftClick || isMiddleClick || isSpaceLeftClick) {\r\n e.preventDefault();\r\n isPanningRef.current = true;\r\n lastMousePosRef.current = { x: e.clientX, y: e.clientY };\r\n svg.style.cursor = 'grabbing';\r\n }\r\n };\r\n\r\n const handleMouseMove = (e: MouseEvent) => {\r\n if (!isPanningRef.current) return;\r\n\r\n const dx = e.clientX - lastMousePosRef.current.x;\r\n const dy = e.clientY - lastMousePosRef.current.y;\r\n lastMousePosRef.current = { x: e.clientX, y: e.clientY };\r\n\r\n setViewBox((prev) => {\r\n const rect = svg.getBoundingClientRect();\r\n const scaleX = prev.width / rect.width;\r\n const scaleY = prev.height / rect.height;\r\n\r\n return {\r\n ...prev,\r\n x: prev.x - dx * scaleX,\r\n y: prev.y - dy * scaleY,\r\n };\r\n });\r\n };\r\n\r\n const handleMouseUp = () => {\r\n if (isPanningRef.current) {\r\n isPanningRef.current = false;\r\n svg.style.cursor = (allowLeftClickPan || spaceKeyDownRef.current) ? 'grab' : '';\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.code === 'Space' && !spaceKeyDownRef.current) {\r\n e.preventDefault();\r\n spaceKeyDownRef.current = true;\r\n if (!isPanningRef.current && !allowLeftClickPan) {\r\n svg.style.cursor = 'grab';\r\n }\r\n }\r\n };\r\n\r\n const handleKeyUp = (e: KeyboardEvent) => {\r\n if (e.code === 'Space') {\r\n spaceKeyDownRef.current = false;\r\n if (!isPanningRef.current && !allowLeftClickPan) {\r\n svg.style.cursor = '';\r\n }\r\n }\r\n };\r\n\r\n // Set initial cursor if left-click pan is enabled\r\n if (allowLeftClickPan && !isPanningRef.current) {\r\n svg.style.cursor = 'grab';\r\n }\r\n\r\n svg.addEventListener('mousedown', handleMouseDown);\r\n window.addEventListener('mousemove', handleMouseMove);\r\n window.addEventListener('mouseup', handleMouseUp);\r\n window.addEventListener('keydown', handleKeyDown);\r\n window.addEventListener('keyup', handleKeyUp);\r\n\r\n return () => {\r\n svg.removeEventListener('mousedown', handleMouseDown);\r\n window.removeEventListener('mousemove', handleMouseMove);\r\n window.removeEventListener('mouseup', handleMouseUp);\r\n window.removeEventListener('keydown', handleKeyDown);\r\n window.removeEventListener('keyup', handleKeyUp);\r\n };\r\n }, [enablePan, allowLeftClickPan]);\r\n\r\n // Handle touch gestures (pan and pinch-to-zoom)\r\n useEffect(() => {\r\n if (!svgRef.current) return;\r\n if (!enablePan && !enableZoom) return;\r\n\r\n const svg = svgRef.current;\r\n\r\n const handleTouchStart = (e: TouchEvent) => {\r\n // Check if touching a draggable element (node, waypoint, pipe segment)\r\n const target = e.target as Element;\r\n const isDraggableNode = target.closest('[data-node-id]');\r\n const isWaypoint = target.classList.contains('pipe-route-point');\r\n const isPipeSegment = target.classList.contains('pipe-segment-add') || target.classList.contains('pipe-segment-add-area');\r\n \r\n if ((isDraggableNode || isWaypoint || isPipeSegment) && e.touches.length === 1) {\r\n return; // Let drag handler take over for single touch\r\n }\r\n\r\n if (e.touches.length === 1 && enablePan) {\r\n // Single touch - pan\r\n isPanningRef.current = true;\r\n lastMousePosRef.current = {\r\n x: e.touches[0].clientX,\r\n y: e.touches[0].clientY,\r\n };\r\n } else if (e.touches.length === 2 && enableZoom) {\r\n // Two touches - prepare for pinch zoom\r\n const touch1 = e.touches[0];\r\n const touch2 = e.touches[1];\r\n const distance = Math.hypot(\r\n touch2.clientX - touch1.clientX,\r\n touch2.clientY - touch1.clientY\r\n );\r\n lastTouchDistanceRef.current = distance;\r\n }\r\n };\r\n\r\n const handleTouchMove = (e: TouchEvent) => {\r\n e.preventDefault();\r\n\r\n if (e.touches.length === 1 && isPanningRef.current && enablePan) {\r\n // Single touch pan\r\n const touch = e.touches[0];\r\n const dx = touch.clientX - lastMousePosRef.current.x;\r\n const dy = touch.clientY - lastMousePosRef.current.y;\r\n lastMousePosRef.current = { x: touch.clientX, y: touch.clientY };\r\n\r\n setViewBox((prev) => {\r\n const rect = svg.getBoundingClientRect();\r\n const scaleX = prev.width / rect.width;\r\n const scaleY = prev.height / rect.height;\r\n\r\n return {\r\n ...prev,\r\n x: prev.x - dx * scaleX,\r\n y: prev.y - dy * scaleY,\r\n };\r\n });\r\n } else if (e.touches.length === 2 && enableZoom && lastTouchDistanceRef.current) {\r\n // Pinch zoom\r\n const touch1 = e.touches[0];\r\n const touch2 = e.touches[1];\r\n const distance = Math.hypot(\r\n touch2.clientX - touch1.clientX,\r\n touch2.clientY - touch1.clientY\r\n );\r\n\r\n const scale = distance / lastTouchDistanceRef.current;\r\n lastTouchDistanceRef.current = distance;\r\n\r\n // Get center point between two touches\r\n const centerX = (touch1.clientX + touch2.clientX) / 2;\r\n const centerY = (touch1.clientY + touch2.clientY) / 2;\r\n const rect = svg.getBoundingClientRect();\r\n\r\n setViewBox((prev) => {\r\n // Convert touch center to viewBox coordinates\r\n const svgX = prev.x + ((centerX - rect.left) / rect.width) * prev.width;\r\n const svgY = prev.y + ((centerY - rect.top) / rect.height) * prev.height;\r\n\r\n // Calculate new dimensions\r\n let newWidth = prev.width / scale;\r\n let newHeight = prev.height / scale;\r\n\r\n // Clamp zoom level\r\n const currentZoom = initialViewBox.width / prev.width;\r\n const newZoom = currentZoom * scale;\r\n if (newZoom < minZoom || newZoom > 1 / minZoom) {\r\n return prev;\r\n }\r\n\r\n // Adjust position to zoom toward touch center\r\n const newX = svgX - ((centerX - rect.left) / rect.width) * newWidth;\r\n const newY = svgY - ((centerY - rect.top) / rect.height) * newHeight;\r\n\r\n return {\r\n x: newX,\r\n y: newY,\r\n width: newWidth,\r\n height: newHeight,\r\n };\r\n });\r\n }\r\n };\r\n\r\n const handleTouchEnd = () => {\r\n isPanningRef.current = false;\r\n lastTouchDistanceRef.current = null;\r\n };\r\n\r\n svg.addEventListener('touchstart', handleTouchStart);\r\n svg.addEventListener('touchmove', handleTouchMove, { passive: false });\r\n svg.addEventListener('touchend', handleTouchEnd);\r\n\r\n return () => {\r\n svg.removeEventListener('touchstart', handleTouchStart);\r\n svg.removeEventListener('touchmove', handleTouchMove);\r\n svg.removeEventListener('touchend', handleTouchEnd);\r\n };\r\n }, [enablePan, enableZoom, minZoom, initialViewBox]);\r\n\r\n const screenToWorld = useCallback(\r\n (screenX: number, screenY: number): { x: number; y: number } => {\r\n const svg = svgRef.current;\r\n if (!svg) return { x: screenX, y: screenY };\r\n\r\n const rect = svg.getBoundingClientRect();\r\n \r\n // Account for preserveAspectRatio=\"xMidYMid meet\"\r\n const svgAspect = rect.width / rect.height;\r\n const viewBoxAspect = viewBox.width / viewBox.height;\r\n \r\n let actualWidth = rect.width;\r\n let actualHeight = rect.height;\r\n let offsetX = 0;\r\n let offsetY = 0;\r\n \r\n if (svgAspect > viewBoxAspect) {\r\n // SVG is wider - pillarboxing on sides\r\n actualWidth = rect.height * viewBoxAspect;\r\n offsetX = (rect.width - actualWidth) / 2;\r\n } else {\r\n // SVG is taller - letterboxing on top/bottom\r\n actualHeight = rect.width / viewBoxAspect;\r\n offsetY = (rect.height - actualHeight) / 2;\r\n }\r\n \r\n const relativeX = (screenX - rect.left - offsetX) / actualWidth;\r\n const relativeY = (screenY - rect.top - offsetY) / actualHeight;\r\n\r\n const worldX = viewBox.x + relativeX * viewBox.width;\r\n const worldY = viewBox.y + relativeY * viewBox.height;\r\n\r\n return { x: worldX, y: worldY };\r\n },\r\n [viewBox]\r\n );\r\n\r\n return {\r\n viewBox,\r\n resetViewBox,\r\n zoomIn,\r\n zoomOut,\r\n fitToContent,\r\n setViewBox,\r\n screenToWorld,\r\n svgRef,\r\n };\r\n}\r\n","import { useState, useCallback } from 'react';\r\n\r\nexport interface SelectionState {\r\n /** IDs of selected nodes */\r\n selectedNodeIds: Set<string>;\r\n /** IDs of selected pipes */\r\n selectedPipeIds: Set<string>;\r\n}\r\n\r\nexport interface UseSelectionOptions {\r\n /** Allow multiple selection with Ctrl/Cmd key (default: true) */\r\n multiSelect?: boolean;\r\n /** Initial selection state */\r\n initialSelection?: SelectionState;\r\n /** Callback when selection changes */\r\n onSelectionChange?: (selection: SelectionState) => void;\r\n}\r\n\r\nexport interface UseSelectionResult {\r\n /** Current selection state */\r\n selection: SelectionState;\r\n /** Check if a node is selected */\r\n isNodeSelected: (nodeId: string) => boolean;\r\n /** Check if a pipe is selected */\r\n isPipeSelected: (pipeId: string) => boolean;\r\n /** Select a node */\r\n selectNode: (nodeId: string, multiSelect?: boolean) => void;\r\n /** Select a pipe */\r\n selectPipe: (pipeId: string, multiSelect?: boolean) => void;\r\n /** Clear all selections */\r\n clearSelection: () => void;\r\n /** Select multiple nodes */\r\n selectNodes: (nodeIds: string[]) => void;\r\n /** Select multiple pipes */\r\n selectPipes: (pipeIds: string[]) => void;\r\n}\r\n\r\n/**\r\n * Custom hook for managing selection state in P&ID diagrams\r\n * \r\n * Supports:\r\n * - Single selection (click)\r\n * - Multi-selection (Ctrl+click)\r\n * - Programmatic selection\r\n * - Selection callbacks\r\n */\r\nexport function useSelection(options: UseSelectionOptions = {}): UseSelectionResult {\r\n const {\r\n multiSelect = true,\r\n initialSelection = { selectedNodeIds: new Set(), selectedPipeIds: new Set() },\r\n onSelectionChange,\r\n } = options;\r\n\r\n const [selection, setSelection] = useState<SelectionState>(initialSelection);\r\n\r\n const notifyChange = useCallback(\r\n (newSelection: SelectionState) => {\r\n if (onSelectionChange) {\r\n onSelectionChange(newSelection);\r\n }\r\n },\r\n [onSelectionChange]\r\n );\r\n\r\n const isNodeSelected = useCallback(\r\n (nodeId: string) => selection.selectedNodeIds.has(nodeId),\r\n [selection.selectedNodeIds]\r\n );\r\n\r\n const isPipeSelected = useCallback(\r\n (pipeId: string) => selection.selectedPipeIds.has(pipeId),\r\n [selection.selectedPipeIds]\r\n );\r\n\r\n const selectNode = useCallback(\r\n (nodeId: string, isMultiSelect = false) => {\r\n setSelection((prev) => {\r\n const newNodeIds = new Set<string>(isMultiSelect && multiSelect ? prev.selectedNodeIds : []);\r\n \r\n if (newNodeIds.has(nodeId)) {\r\n // Deselect if already selected in multi-select mode\r\n newNodeIds.delete(nodeId);\r\n } else {\r\n newNodeIds.add(nodeId);\r\n }\r\n\r\n const newSelection: SelectionState = {\r\n selectedNodeIds: newNodeIds,\r\n selectedPipeIds: isMultiSelect && multiSelect ? prev.selectedPipeIds : new Set<string>(),\r\n };\r\n\r\n notifyChange(newSelection);\r\n return newSelection;\r\n });\r\n },\r\n [multiSelect, notifyChange]\r\n );\r\n\r\n const selectPipe = useCallback(\r\n (pipeId: string, isMultiSelect = false) => {\r\n setSelection((prev) => {\r\n const newPipeIds = new Set<string>(isMultiSelect && multiSelect ? prev.selectedPipeIds : []);\r\n \r\n if (newPipeIds.has(pipeId)) {\r\n // Deselect if already selected in multi-select mode\r\n newPipeIds.delete(pipeId);\r\n } else {\r\n newPipeIds.add(pipeId);\r\n }\r\n\r\n const newSelection: SelectionState = {\r\n selectedNodeIds: isMultiSelect && multiSelect ? prev.selectedNodeIds : new Set<string>(),\r\n selectedPipeIds: newPipeIds,\r\n };\r\n\r\n notifyChange(newSelection);\r\n return newSelection;\r\n });\r\n },\r\n [multiSelect, notifyChange]\r\n );\r\n\r\n const clearSelection = useCallback(() => {\r\n const newSelection = {\r\n selectedNodeIds: new Set<string>(),\r\n selectedPipeIds: new Set<string>(),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n }, [notifyChange]);\r\n\r\n const selectNodes = useCallback(\r\n (nodeIds: string[]) => {\r\n const newSelection = {\r\n selectedNodeIds: new Set(nodeIds),\r\n selectedPipeIds: new Set<string>(),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const selectPipes = useCallback(\r\n (pipeIds: string[]) => {\r\n const newSelection = {\r\n selectedNodeIds: new Set<string>(),\r\n selectedPipeIds: new Set(pipeIds),\r\n };\r\n setSelection(newSelection);\r\n notifyChange(newSelection);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n return {\r\n selection,\r\n isNodeSelected,\r\n isPipeSelected,\r\n selectNode,\r\n selectPipe,\r\n clearSelection,\r\n selectNodes,\r\n selectPipes,\r\n };\r\n}\r\n","import { useState, useCallback, useEffect, useRef } from 'react';\r\nimport type { TelemetryBinding, TelemetryMap, TelemetryValue } from '../schema/TelemetryBinding';\r\n\r\n// Re-export types for consumer convenience\r\nexport type { TelemetryBinding, TelemetryMap, TelemetryValue };\r\n\r\nexport interface UseTelemetryOptions {\r\n /** Initial telemetry bindings */\r\n initialBindings?: TelemetryBinding[];\r\n /** Callback when telemetry values change */\r\n onTelemetryChange?: (bindings: TelemetryMap) => void;\r\n /** Auto-refresh interval in milliseconds (0 = disabled) */\r\n refreshInterval?: number;\r\n}\r\n\r\nexport interface UseTelemetryResult {\r\n /** Current telemetry bindings map */\r\n telemetry: TelemetryMap;\r\n /** Update a single telemetry value */\r\n updateTelemetry: (nodeId: string, value: TelemetryValue) => void;\r\n /** Update multiple telemetry values at once */\r\n updateTelemetryBatch: (updates: Array<{ nodeId: string; value: TelemetryValue; history?: number[] }>) => void;\r\n /** Get telemetry for a specific node */\r\n getTelemetry: (nodeId: string) => TelemetryBinding | undefined;\r\n /** Clear all telemetry data */\r\n clearTelemetry: () => void;\r\n /** Set telemetry bindings */\r\n setBindings: (bindings: TelemetryBinding[]) => void;\r\n}\r\n\r\n/**\r\n * Custom hook for managing telemetry data bindings\r\n * \r\n * Supports:\r\n * - Real-time value updates\r\n * - Status monitoring (normal, warning, alarm, fault, off)\r\n * - Batch updates for performance\r\n * - Auto-refresh capability\r\n * - Quality indicators\r\n */\r\nexport function useTelemetry(options: UseTelemetryOptions = {}): UseTelemetryResult {\r\n const {\r\n initialBindings = [],\r\n onTelemetryChange,\r\n refreshInterval = 0,\r\n } = options;\r\n\r\n // Initialize telemetry map from bindings\r\n const [telemetry, setTelemetry] = useState<TelemetryMap>(() => {\r\n const map = new Map<string, TelemetryBinding>();\r\n initialBindings.forEach((binding) => {\r\n map.set(binding.nodeId, binding);\r\n });\r\n return map;\r\n });\r\n\r\n const telemetryRef = useRef(telemetry);\r\n telemetryRef.current = telemetry;\r\n\r\n const notifyChange = useCallback(\r\n (newTelemetry: TelemetryMap) => {\r\n if (onTelemetryChange) {\r\n onTelemetryChange(newTelemetry);\r\n }\r\n },\r\n [onTelemetryChange]\r\n );\r\n\r\n const updateTelemetry = useCallback(\r\n (nodeId: string, value: TelemetryValue) => {\r\n setTelemetry((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n // Update existing binding\r\n newMap.set(nodeId, {\r\n ...existing,\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n });\r\n } else {\r\n // Create new binding\r\n newMap.set(nodeId, {\r\n nodeId,\r\n tag: nodeId, // Default tag to nodeId\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n });\r\n }\r\n\r\n notifyChange(newMap);\r\n return newMap;\r\n });\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const updateTelemetryBatch = useCallback(\r\n (updates: Array<{ \r\n nodeId: string; \r\n tag?: string; \r\n value?: TelemetryValue; \r\n history?: number[]; \r\n display?: any; \r\n thresholds?: any; \r\n statusColors?: any;\r\n remove?: boolean \r\n }>) => {\r\n setTelemetry((prev) => {\r\n const newMap = new Map(prev);\r\n let hasChanges = false;\r\n\r\n updates.forEach(({ nodeId, tag, value, history, display, thresholds, statusColors, remove }) => {\r\n if (remove) {\r\n // Remove telemetry binding\r\n if (newMap.has(nodeId)) {\r\n newMap.delete(nodeId);\r\n hasChanges = true;\r\n }\r\n return;\r\n }\r\n\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n ...(tag !== undefined && { tag }),\r\n ...(value !== undefined && {\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n }),\r\n ...(history !== undefined && { history }),\r\n ...(display !== undefined && { display }),\r\n ...(thresholds !== undefined && { thresholds }),\r\n ...(statusColors !== undefined && { statusColors }),\r\n });\r\n hasChanges = true;\r\n } else if (value) {\r\n newMap.set(nodeId, {\r\n nodeId,\r\n tag: tag ?? nodeId,\r\n value: {\r\n ...value,\r\n timestamp: value.timestamp ?? Date.now(),\r\n },\r\n ...(history !== undefined && { history }),\r\n ...(display !== undefined && { display }),\r\n ...(thresholds !== undefined && { thresholds }),\r\n ...(statusColors !== undefined && { statusColors }),\r\n });\r\n hasChanges = true;\r\n }\r\n });\r\n\r\n if (hasChanges) {\r\n notifyChange(newMap);\r\n }\r\n return newMap;\r\n });\r\n },\r\n [notifyChange]\r\n );\r\n\r\n const getTelemetry = useCallback(\r\n (nodeId: string) => telemetryRef.current.get(nodeId),\r\n []\r\n );\r\n\r\n const clearTelemetry = useCallback(() => {\r\n const newMap = new Map<string, TelemetryBinding>();\r\n setTelemetry(newMap);\r\n notifyChange(newMap);\r\n }, [notifyChange]);\r\n\r\n const setBindings = useCallback(\r\n (bindings: TelemetryBinding[]) => {\r\n const newMap = new Map<string, TelemetryBinding>();\r\n bindings.forEach((binding) => {\r\n newMap.set(binding.nodeId, binding);\r\n });\r\n setTelemetry(newMap);\r\n notifyChange(newMap);\r\n },\r\n [notifyChange]\r\n );\r\n\r\n // Auto-refresh functionality\r\n useEffect(() => {\r\n if (refreshInterval <= 0) return;\r\n\r\n const intervalId = setInterval(() => {\r\n // Trigger change notification to allow external refresh logic\r\n notifyChange(telemetryRef.current);\r\n }, refreshInterval);\r\n\r\n return () => clearInterval(intervalId);\r\n }, [refreshInterval, notifyChange]);\r\n\r\n return {\r\n telemetry,\r\n updateTelemetry,\r\n updateTelemetryBatch,\r\n getTelemetry,\r\n clearTelemetry,\r\n setBindings,\r\n };\r\n}\r\n","import { useEffect } from 'react';\r\nimport type { TelemetryMap } from './useTelemetry';\r\nimport type { Diagram } from '../schema';\r\n\r\n/**\r\n * Options for syncing telemetry status to node status\r\n */\r\nexport interface UseTelemetryStatusOptions {\r\n /** Whether status sync is enabled (default: true) */\r\n enabled?: boolean;\r\n /** Custom status mapping function */\r\n mapStatus?: (telemetryStatus: string) => string;\r\n}\r\n\r\n/**\r\n * Hook to sync telemetry status to node instance status for dynamic coloring\r\n * \r\n * Updates node.status based on telemetry status values:\r\n * - 'normal' → 'running'\r\n * - 'warning' → 'warning'\r\n * - 'alarm' / 'fault' → 'alarm'\r\n * - 'off' → 'stopped'\r\n * \r\n * @param telemetry - Telemetry map from useTelemetry\r\n * @param diagram - Current diagram state\r\n * @param setDiagram - Diagram state setter\r\n * @param options - Configuration options\r\n * \r\n * @example\r\n * ```tsx\r\n * const { telemetry } = useTelemetry();\r\n * const [diagram, setDiagram] = useState<Diagram>({...});\r\n * \r\n * useTelemetryStatus(telemetry, diagram, setDiagram, {\r\n * enabled: mode === 'runtime'\r\n * });\r\n * ```\r\n */\r\nexport function useTelemetryStatus(\r\n telemetry: TelemetryMap,\r\n diagram: Diagram,\r\n setDiagram: (diagram: Diagram) => void,\r\n options: UseTelemetryStatusOptions = {}\r\n) {\r\n const { enabled = true, mapStatus } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n // Map telemetry status to node status\r\n const defaultMapStatus = (telemetryStatus: string): string => {\r\n switch (telemetryStatus) {\r\n case 'normal':\r\n return 'running';\r\n case 'warning':\r\n return 'warning';\r\n case 'alarm':\r\n case 'fault':\r\n return 'alarm';\r\n case 'off':\r\n return 'stopped';\r\n default:\r\n return 'stopped';\r\n }\r\n };\r\n\r\n const statusMapper = mapStatus || defaultMapStatus;\r\n\r\n // Check if any node status needs updating\r\n let needsUpdate = false;\r\n const updatedNodes = diagram.nodes.map((node) => {\r\n const binding = telemetry.get(node.id);\r\n if (!binding) return node;\r\n\r\n const newStatus = statusMapper(binding.value.status);\r\n if (node.status !== newStatus) {\r\n needsUpdate = true;\r\n return { ...node, status: newStatus };\r\n }\r\n return node;\r\n });\r\n\r\n if (needsUpdate) {\r\n setDiagram({\r\n ...diagram,\r\n nodes: updatedNodes,\r\n });\r\n }\r\n }, [telemetry, diagram, setDiagram, enabled, mapStatus]);\r\n}\r\n","import { useState, useCallback, useRef, useEffect } from 'react';\r\n\r\nexport interface DragPoint {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport interface DragState {\r\n /** Whether drag is currently active */\r\n isDragging: boolean;\r\n /** Initial position when drag started */\r\n startPosition: DragPoint | null;\r\n /** Current drag offset from start */\r\n offset: DragPoint;\r\n /** ID of the item being dragged */\r\n draggedId: string | null;\r\n}\r\n\r\nexport interface UseDragOptions {\r\n /** Callback when drag starts */\r\n onDragStart?: (id: string, position: DragPoint) => void;\r\n /** Callback during drag movement */\r\n onDragMove?: (id: string, offset: DragPoint, position: DragPoint) => void;\r\n /** Callback when drag ends */\r\n onDragEnd?: (id: string, offset: DragPoint, finalPosition: DragPoint) => void;\r\n /** Snap to grid size (0 = no snap) */\r\n snapToGrid?: number;\r\n /** Minimum drag distance before triggering (prevents accidental drags) */\r\n dragThreshold?: number;\r\n /** Convert screen coordinates to world coordinates */\r\n screenToWorld?: (screenX: number, screenY: number) => DragPoint;\r\n}\r\n\r\nexport interface UseDragResult {\r\n /** Current drag state */\r\n dragState: DragState;\r\n /** Start dragging an item */\r\n startDrag: (id: string, event: React.MouseEvent | React.TouchEvent, itemPosition: DragPoint) => void;\r\n /** Cancel current drag */\r\n cancelDrag: () => void;\r\n /** Check if a specific item is being dragged */\r\n isDraggingItem: (id: string) => boolean;\r\n}\r\n\r\n/**\r\n * Custom hook for drag-and-drop functionality in P&ID diagrams\r\n * \r\n * Supports:\r\n * - Mouse drag\r\n * - Touch drag\r\n * - Snap-to-grid\r\n * - World coordinate conversion (for SVG viewBox)\r\n * - Drag threshold to prevent accidental drags\r\n */\r\nexport function useDrag(options: UseDragOptions = {}): UseDragResult {\r\n const {\r\n onDragStart,\r\n onDragMove,\r\n onDragEnd,\r\n snapToGrid = 0,\r\n dragThreshold = 3,\r\n screenToWorld = (x, y) => ({ x, y }),\r\n } = options;\r\n\r\n const [dragState, setDragState] = useState<DragState>({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n const [isListening, setIsListening] = useState(false);\r\n const dragStartRef = useRef<{ id: string; screenStart: DragPoint; worldStart: DragPoint; itemPosition: DragPoint; clickOffset: DragPoint } | null>(null);\r\n const hasMovedRef = useRef(false);\r\n\r\n const applySnap = useCallback(\r\n (value: number): number => {\r\n if (snapToGrid <= 0) return value;\r\n return Math.round(value / snapToGrid) * snapToGrid;\r\n },\r\n [snapToGrid]\r\n );\r\n\r\n const handleMouseMove = useCallback(\r\n (event: MouseEvent) => {\r\n if (!dragStartRef.current) return;\r\n\r\n const { id, screenStart: _screenStart, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(event.clientX, event.clientY);\r\n\r\n // New position = current cursor - click offset\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n // Check if we've exceeded the drag threshold\r\n const distance = Math.sqrt(rawOffset.x ** 2 + rawOffset.y ** 2);\r\n if (!hasMovedRef.current && distance < dragThreshold) {\r\n return;\r\n }\r\n\r\n if (!hasMovedRef.current) {\r\n hasMovedRef.current = true;\r\n setDragState({\r\n isDragging: true,\r\n startPosition: itemPosition,\r\n offset: { x: 0, y: 0 },\r\n draggedId: id,\r\n });\r\n onDragStart?.(id, itemPosition);\r\n }\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const newPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n setDragState((prev) => ({\r\n ...prev,\r\n offset: snappedOffset,\r\n }));\r\n\r\n onDragMove?.(id, snappedOffset, newPosition);\r\n },\r\n [screenToWorld, dragThreshold, applySnap, onDragStart, onDragMove]\r\n );\r\n\r\n const handleMouseUp = useCallback(\r\n (event: MouseEvent) => {\r\n if (!dragStartRef.current || !hasMovedRef.current) {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n return;\r\n }\r\n\r\n const { id, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(event.clientX, event.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const finalPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n onDragEnd?.(id, snappedOffset, finalPosition);\r\n\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n },\r\n [screenToWorld, applySnap, onDragEnd]\r\n );\r\n\r\n const handleTouchMove = useCallback(\r\n (event: TouchEvent) => {\r\n if (!dragStartRef.current || event.touches.length !== 1) return;\r\n\r\n const touch = event.touches[0];\r\n const { id, screenStart: _screenStart2, itemPosition, clickOffset } = dragStartRef.current;\r\n const currentWorld = screenToWorld(touch.clientX, touch.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const distance = Math.sqrt(rawOffset.x ** 2 + rawOffset.y ** 2);\r\n if (!hasMovedRef.current && distance < dragThreshold) {\r\n return;\r\n }\r\n\r\n event.preventDefault(); // Prevent scrolling\r\n\r\n if (!hasMovedRef.current) {\r\n hasMovedRef.current = true;\r\n setDragState({\r\n isDragging: true,\r\n startPosition: itemPosition,\r\n offset: { x: 0, y: 0 },\r\n draggedId: id,\r\n });\r\n onDragStart?.(id, itemPosition);\r\n }\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const newPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n setDragState((prev) => ({\r\n ...prev,\r\n offset: snappedOffset,\r\n }));\r\n\r\n onDragMove?.(id, snappedOffset, newPosition);\r\n },\r\n [screenToWorld, dragThreshold, applySnap, onDragStart, onDragMove]\r\n );\r\n\r\n const handleTouchEnd = useCallback(\r\n (event: TouchEvent) => {\r\n if (!dragStartRef.current || !hasMovedRef.current) {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n return;\r\n }\r\n\r\n const { id, itemPosition, clickOffset } = dragStartRef.current;\r\n const touch = event.changedTouches[0];\r\n const currentWorld = screenToWorld(touch.clientX, touch.clientY);\r\n\r\n const newX = currentWorld.x - clickOffset.x;\r\n const newY = currentWorld.y - clickOffset.y;\r\n\r\n const rawOffset = {\r\n x: newX - itemPosition.x,\r\n y: newY - itemPosition.y,\r\n };\r\n\r\n const snappedOffset = {\r\n x: applySnap(rawOffset.x),\r\n y: applySnap(rawOffset.y),\r\n };\r\n\r\n const finalPosition = {\r\n x: applySnap(itemPosition.x + rawOffset.x),\r\n y: applySnap(itemPosition.y + rawOffset.y),\r\n };\r\n\r\n onDragEnd?.(id, snappedOffset, finalPosition);\r\n\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n },\r\n [screenToWorld, applySnap, onDragEnd]\r\n );\r\n\r\n useEffect(() => {\r\n // Only attach listeners when actively listening for drag events\r\n if (!isListening) return;\r\n\r\n document.addEventListener('mousemove', handleMouseMove);\r\n document.addEventListener('mouseup', handleMouseUp);\r\n document.addEventListener('touchmove', handleTouchMove, { passive: false });\r\n document.addEventListener('touchend', handleTouchEnd);\r\n document.addEventListener('touchcancel', handleTouchEnd);\r\n\r\n return () => {\r\n document.removeEventListener('mousemove', handleMouseMove);\r\n document.removeEventListener('mouseup', handleMouseUp);\r\n document.removeEventListener('touchmove', handleTouchMove);\r\n document.removeEventListener('touchend', handleTouchEnd);\r\n document.removeEventListener('touchcancel', handleTouchEnd);\r\n };\r\n }, [isListening, handleMouseMove, handleMouseUp, handleTouchMove, handleTouchEnd]);\r\n\r\n const startDrag = useCallback(\r\n (id: string, event: React.MouseEvent | React.TouchEvent, itemPosition: DragPoint) => {\r\n event.stopPropagation();\r\n\r\n let clientX: number;\r\n let clientY: number;\r\n\r\n if ('touches' in event) {\r\n if (event.touches.length !== 1) return;\r\n clientX = event.touches[0].clientX;\r\n clientY = event.touches[0].clientY;\r\n } else {\r\n clientX = event.clientX;\r\n clientY = event.clientY;\r\n }\r\n\r\n const worldStart = screenToWorld(clientX, clientY);\r\n \r\n // Calculate offset from click position to item position\r\n const clickOffset = {\r\n x: worldStart.x - itemPosition.x,\r\n y: worldStart.y - itemPosition.y,\r\n };\r\n\r\n dragStartRef.current = {\r\n id,\r\n screenStart: { x: clientX, y: clientY },\r\n worldStart,\r\n itemPosition,\r\n clickOffset,\r\n };\r\n hasMovedRef.current = false;\r\n setIsListening(true); // Start listening for move/up events\r\n },\r\n [screenToWorld]\r\n );\r\n\r\n const cancelDrag = useCallback(() => {\r\n dragStartRef.current = null;\r\n hasMovedRef.current = false;\r\n setIsListening(false);\r\n setDragState({\r\n isDragging: false,\r\n startPosition: null,\r\n offset: { x: 0, y: 0 },\r\n draggedId: null,\r\n });\r\n }, []);\r\n\r\n const isDraggingItem = useCallback(\r\n (id: string) => dragState.isDragging && dragState.draggedId === id,\r\n [dragState.isDragging, dragState.draggedId]\r\n );\r\n\r\n return {\r\n dragState,\r\n startDrag,\r\n cancelDrag,\r\n isDraggingItem,\r\n };\r\n}\r\n","import { useEffect } from 'react';\r\n\r\nexport interface KeyboardShortcutsOptions {\r\n /** Callback when Delete or Backspace is pressed */\r\n onDelete?: () => void;\r\n /** Callback when Ctrl+C is pressed */\r\n onCopy?: () => void;\r\n /** Callback when Ctrl+V is pressed */\r\n onPaste?: () => void;\r\n /** Callback when Ctrl+Z is pressed (undo) */\r\n onUndo?: () => void;\r\n /** Callback when Ctrl+Y or Ctrl+Shift+Z is pressed (redo) */\r\n onRedo?: () => void;\r\n /** Callback when Ctrl+A is pressed (select all) */\r\n onSelectAll?: () => void;\r\n /** Enable keyboard shortcuts (default: true) */\r\n enabled?: boolean;\r\n}\r\n\r\n/**\r\n * Custom hook for handling keyboard shortcuts in P&ID diagrams\r\n * \r\n * Supported shortcuts:\r\n * - Delete/Backspace: Delete selected items\r\n * - Ctrl+C: Copy selected items\r\n * - Ctrl+V: Paste copied items\r\n * - Ctrl+Z: Undo last action\r\n * - Ctrl+Y / Ctrl+Shift+Z: Redo\r\n * - Ctrl+A: Select all\r\n */\r\nexport function useKeyboardShortcuts(options: KeyboardShortcutsOptions): void {\r\n const {\r\n onDelete,\r\n onCopy,\r\n onPaste,\r\n onUndo,\r\n onRedo,\r\n onSelectAll,\r\n enabled = true,\r\n } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n const handleKeyDown = (event: KeyboardEvent) => {\r\n // Ignore if user is typing in an input field\r\n const target = event.target as HTMLElement;\r\n if (\r\n target.tagName === 'INPUT' ||\r\n target.tagName === 'TEXTAREA' ||\r\n target.isContentEditable\r\n ) {\r\n return;\r\n }\r\n\r\n const isCtrl = event.ctrlKey || event.metaKey;\r\n const isShift = event.shiftKey;\r\n\r\n // Delete or Backspace\r\n if ((event.key === 'Delete' || event.key === 'Backspace') && !isCtrl) {\r\n event.preventDefault();\r\n onDelete?.();\r\n return;\r\n }\r\n\r\n // Ctrl+C - Copy\r\n if (isCtrl && event.key === 'c') {\r\n event.preventDefault();\r\n onCopy?.();\r\n return;\r\n }\r\n\r\n // Ctrl+V - Paste\r\n if (isCtrl && event.key === 'v') {\r\n event.preventDefault();\r\n onPaste?.();\r\n return;\r\n }\r\n\r\n // Ctrl+Z - Undo\r\n if (isCtrl && event.key === 'z' && !isShift) {\r\n event.preventDefault();\r\n onUndo?.();\r\n return;\r\n }\r\n\r\n // Ctrl+Y or Ctrl+Shift+Z - Redo\r\n if (isCtrl && (event.key === 'y' || (event.key === 'z' && isShift))) {\r\n event.preventDefault();\r\n onRedo?.();\r\n return;\r\n }\r\n\r\n // Ctrl+A - Select all\r\n if (isCtrl && event.key === 'a') {\r\n event.preventDefault();\r\n onSelectAll?.();\r\n return;\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [enabled, onDelete, onCopy, onPaste, onUndo, onRedo, onSelectAll]);\r\n}\r\n","import type { NodeInstance, Point } from '../schema';\r\nimport { getSymbolDefinition } from '../symbols';\r\n\r\n/**\r\n * Calculate the world position of a port on a node instance\r\n * \r\n * Takes into account the node's transform (position, rotation, scale, flip)\r\n * and the port's position within the symbol's viewBox\r\n */\r\nexport function getPortWorldPosition(\r\n node: NodeInstance,\r\n portId: string\r\n): Point | null {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return null;\r\n\r\n const port = symbol.ports.find((p) => p.id === portId);\r\n if (!port) return null;\r\n\r\n const { x: nodeX, y: nodeY, rotation = 0, scale = 1, flipX = false, flipY = false } = node.transform;\r\n\r\n // Start with port position relative to symbol\r\n let portX = port.x;\r\n let portY = port.y;\r\n\r\n // Apply flip transforms (relative to symbol center)\r\n const centerX = symbol.viewBox.width / 2;\r\n const centerY = symbol.viewBox.height / 2;\r\n \r\n if (flipX) {\r\n portX = symbol.viewBox.width - portX;\r\n }\r\n if (flipY) {\r\n portY = symbol.viewBox.height - portY;\r\n }\r\n\r\n // Apply scale (relative to symbol center)\r\n portX = centerX + (portX - centerX) * scale;\r\n portY = centerY + (portY - centerY) * scale;\r\n\r\n // Apply rotation (relative to symbol center)\r\n if (rotation !== 0) {\r\n const rad = (rotation * Math.PI) / 180;\r\n const cos = Math.cos(rad);\r\n const sin = Math.sin(rad);\r\n \r\n const dx = portX - centerX;\r\n const dy = portY - centerY;\r\n \r\n portX = centerX + dx * cos - dy * sin;\r\n portY = centerY + dx * sin + dy * cos;\r\n }\r\n\r\n // Translate to world position\r\n return {\r\n x: nodeX + portX,\r\n y: nodeY + portY,\r\n };\r\n}\r\n\r\n/**\r\n * Generate route points for a pipe from source port to destination port\r\n * \r\n * Options:\r\n * - direct: Straight line from source to destination\r\n * - orthogonal: Right-angle routing (future enhancement)\r\n * - custom: Provide your own waypoints\r\n */\r\nexport function generateRoutePoints(\r\n fromNode: NodeInstance,\r\n fromPortId: string,\r\n toNode: NodeInstance,\r\n toPortId: string,\r\n options?: {\r\n style?: 'direct' | 'orthogonal';\r\n waypoints?: Point[];\r\n }\r\n): Point[] {\r\n const startPoint = getPortWorldPosition(fromNode, fromPortId);\r\n const endPoint = getPortWorldPosition(toNode, toPortId);\r\n\r\n if (!startPoint || !endPoint) {\r\n return [];\r\n }\r\n\r\n const style = options?.style || 'direct';\r\n\r\n if (style === 'direct') {\r\n // Straight line from start to end\r\n return [startPoint, endPoint];\r\n }\r\n\r\n if (style === 'orthogonal' && options?.waypoints) {\r\n // Start → waypoints → end\r\n return [startPoint, ...options.waypoints, endPoint];\r\n }\r\n\r\n if (style === 'orthogonal') {\r\n // Simple orthogonal routing: horizontal then vertical\r\n const midX = (startPoint.x + endPoint.x) / 2;\r\n return [\r\n startPoint,\r\n { x: midX, y: startPoint.y },\r\n { x: midX, y: endPoint.y },\r\n endPoint,\r\n ];\r\n }\r\n\r\n return [startPoint, endPoint];\r\n}\r\n\r\n/**\r\n * Validate that a node has a specific port\r\n */\r\nexport function nodeHasPort(node: NodeInstance, portId: string): boolean {\r\n const symbol = getSymbolDefinition(node.symbolId);\r\n if (!symbol) return false;\r\n return symbol.ports.some((p) => p.id === portId);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { getAvailableSymbols, getSymbolDefinition } from '../../diagram/symbols';\r\nimport type { SymbolDefinition } from '../../diagram/schema';\r\n\r\nexport interface SymbolLibraryProps {\r\n /** Optional className for styling */\r\n className?: string;\r\n /** Callback when a symbol drag starts */\r\n onSymbolDragStart?: (symbolId: string, event: React.DragEvent) => void;\r\n /** Show category filter */\r\n showCategories?: boolean;\r\n /** Custom symbol categories */\r\n categories?: string[];\r\n}\r\n\r\n/**\r\n * SymbolLibrary - Browse and drag symbols onto the canvas\r\n *\r\n * Displays available symbols organized by category\r\n * Supports drag-and-drop to add new nodes to diagrams\r\n */\r\nexport function SymbolLibrary({\r\n className = '',\r\n onSymbolDragStart,\r\n showCategories = true,\r\n categories = ['Valves', 'Pumps', 'Tanks', 'Instruments', 'Displays'],\r\n}: SymbolLibraryProps): React.ReactElement {\r\n const [selectedCategory, setSelectedCategory] = useState<string>('all');\r\n const [searchQuery, setSearchQuery] = useState('');\r\n\r\n const symbolIds = getAvailableSymbols();\r\n const allSymbols: SymbolDefinition[] = symbolIds\r\n .map((id) => getSymbolDefinition(id))\r\n .filter((symbol): symbol is SymbolDefinition => symbol !== undefined);\r\n\r\n // Map display category names to actual category values\r\n const categoryMap: Record<string, string> = {\r\n Valves: 'valve',\r\n Pumps: 'pump',\r\n Tanks: 'vessel',\r\n Instruments: 'instrument',\r\n Displays: 'display',\r\n };\r\n\r\n // Filter symbols by category and search\r\n const filteredSymbols = allSymbols.filter((symbol) => {\r\n const actualCategory = categoryMap[selectedCategory] || selectedCategory;\r\n const matchesCategory = selectedCategory === 'all' || symbol.category === actualCategory;\r\n\r\n const matchesSearch =\r\n searchQuery === '' ||\r\n symbol.name.toLowerCase().includes(searchQuery.toLowerCase()) ||\r\n symbol.id.toLowerCase().includes(searchQuery.toLowerCase());\r\n\r\n return matchesCategory && matchesSearch;\r\n });\r\n\r\n const handleDragStart = (symbol: SymbolDefinition, event: React.DragEvent) => {\r\n // Store symbol ID in drag data\r\n event.dataTransfer.setData('application/symbol-id', symbol.id);\r\n event.dataTransfer.effectAllowed = 'copy';\r\n onSymbolDragStart?.(symbol.id, event);\r\n };\r\n\r\n return (\r\n <div className={`symbol-library ${className}`.trim()} style={styles.container}>\r\n {/* Header */}\r\n <div style={styles.header}>\r\n <h3 style={styles.title}>Symbol Library</h3>\r\n </div>\r\n\r\n {/* Search */}\r\n <div style={styles.searchContainer}>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Search symbols...\"\r\n value={searchQuery}\r\n onChange={(e) => setSearchQuery(e.target.value)}\r\n style={styles.searchInput}\r\n />\r\n </div>\r\n\r\n {/* Category Filter */}\r\n {showCategories && (\r\n <div style={styles.categories}>\r\n <button\r\n onClick={() => setSelectedCategory('all')}\r\n style={{\r\n ...styles.categoryButton,\r\n ...(selectedCategory === 'all' ? styles.categoryButtonActive : {}),\r\n }}\r\n >\r\n All\r\n </button>\r\n {categories.map((category) => (\r\n <button\r\n key={category}\r\n onClick={() => setSelectedCategory(category)}\r\n style={{\r\n ...styles.categoryButton,\r\n ...(selectedCategory === category ? styles.categoryButtonActive : {}),\r\n }}\r\n >\r\n {category}\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n\r\n {/* Symbol Grid */}\r\n <div style={styles.symbolGrid}>\r\n {filteredSymbols.length === 0 ? (\r\n <div style={styles.emptyState}>No symbols found</div>\r\n ) : (\r\n filteredSymbols.map((symbol) => (\r\n <div\r\n key={symbol.id}\r\n draggable\r\n onDragStart={(e) => handleDragStart(symbol, e)}\r\n style={styles.symbolCard}\r\n title={symbol.metadata?.description || symbol.name}\r\n >\r\n {/* Symbol Preview */}\r\n <div style={styles.symbolPreview}>\r\n <svg\r\n viewBox={`${symbol.viewBox.x} ${symbol.viewBox.y} ${symbol.viewBox.width} ${symbol.viewBox.height}`}\r\n style={styles.symbolSvg}\r\n >\r\n <g dangerouslySetInnerHTML={{ __html: symbol.svgContent }} />\r\n </svg>\r\n </div>\r\n\r\n {/* Symbol Name */}\r\n <div style={styles.symbolName}>{symbol.name}</div>\r\n </div>\r\n ))\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nconst styles: Record<string, React.CSSProperties> = {\r\n container: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n backgroundColor: '#ffffff',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '8px',\r\n overflow: 'hidden',\r\n },\r\n header: {\r\n padding: '16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n backgroundColor: '#f5f5f5',\r\n },\r\n title: {\r\n margin: 0,\r\n fontSize: '16px',\r\n fontWeight: 600,\r\n color: '#263238',\r\n },\r\n searchContainer: {\r\n padding: '12px 16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n },\r\n searchInput: {\r\n width: '100%',\r\n padding: '8px 12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '4px',\r\n fontSize: '14px',\r\n outline: 'none',\r\n },\r\n categories: {\r\n display: 'flex',\r\n gap: '8px',\r\n padding: '12px 16px',\r\n borderBottom: '1px solid #e0e0e0',\r\n flexWrap: 'wrap',\r\n },\r\n categoryButton: {\r\n padding: '6px 12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '4px',\r\n backgroundColor: '#ffffff',\r\n fontSize: '13px',\r\n cursor: 'pointer',\r\n transition: 'all 0.2s',\r\n },\r\n categoryButtonActive: {\r\n backgroundColor: '#3b82f6',\r\n color: '#ffffff',\r\n borderColor: '#3b82f6',\r\n },\r\n symbolGrid: {\r\n flex: 1,\r\n padding: '16px',\r\n display: 'grid',\r\n gridTemplateColumns: 'repeat(auto-fill, minmax(100px, 1fr))',\r\n gap: '12px',\r\n overflowY: 'auto',\r\n alignContent: 'start',\r\n },\r\n emptyState: {\r\n gridColumn: '1 / -1',\r\n textAlign: 'center',\r\n padding: '32px',\r\n color: '#999',\r\n },\r\n symbolCard: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: '12px',\r\n border: '1px solid #e0e0e0',\r\n borderRadius: '6px',\r\n backgroundColor: '#ffffff',\r\n cursor: 'grab',\r\n transition: 'all 0.2s',\r\n },\r\n symbolPreview: {\r\n width: '60px',\r\n height: '60px',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n marginBottom: '8px',\r\n },\r\n symbolSvg: {\r\n maxWidth: '100%',\r\n maxHeight: '100%',\r\n },\r\n symbolName: {\r\n fontSize: '12px',\r\n color: '#263238',\r\n textAlign: 'center',\r\n wordBreak: 'break-word',\r\n lineHeight: '1.3',\r\n },\r\n};\r\n","import React from 'react';\r\nimport type { NodeInstance } from '../../diagram/schema';\r\nimport type { TelemetryBinding } from '../../diagram/hooks/useTelemetry';\r\n\r\nexport interface NodeConfigPanelProps {\r\n /** Selected node to configure */\r\n node: NodeInstance;\r\n /** Telemetry binding for the node (if any) */\r\n binding: TelemetryBinding | null;\r\n /** Callback when node properties are updated */\r\n onUpdateNode: (updates: Partial<NodeInstance>) => void;\r\n /** Callback when telemetry is added/updated */\r\n onUpdateTelemetry: (updates: any) => void;\r\n /** Callback when telemetry binding is added for the first time */\r\n onAddTelemetry?: () => void;\r\n /** Callback when node is removed */\r\n onRemove: () => void;\r\n /** Additional CSS class name */\r\n className?: string;\r\n /** Custom styles */\r\n style?: React.CSSProperties;\r\n}\r\n\r\n/**\r\n * NodeConfigPanel - Reusable configuration panel for editing node properties and telemetry\r\n *\r\n * @example\r\n * ```tsx\r\n * <NodeConfigPanel\r\n * node={selectedNode}\r\n * binding={telemetry.get(selectedNode.id)}\r\n * onUpdateNode={(updates) => updateNode(selectedNode.id, updates)}\r\n * onUpdateTelemetry={(updates) => updateTelemetryBatch([updates])}\r\n * onRemove={() => removeNode(selectedNode.id)}\r\n * />\r\n * ```\r\n */\r\nexport function NodeConfigPanel({\r\n node,\r\n binding,\r\n onUpdateNode,\r\n onUpdateTelemetry,\r\n onAddTelemetry,\r\n onRemove,\r\n className = '',\r\n style = {},\r\n}: NodeConfigPanelProps) {\r\n const defaultStyle: React.CSSProperties = {\r\n width: '320px',\r\n backgroundColor: '#f8fafc',\r\n borderLeft: '1px solid #e2e8f0',\r\n overflow: 'auto',\r\n padding: '20px',\r\n ...style,\r\n };\r\n\r\n return (\r\n <div className={className} style={defaultStyle}>\r\n <h2 style={{ margin: '0 0 16px 0', fontSize: '1rem', fontWeight: 600 }}>\r\n Configure: {node.id}\r\n </h2>\r\n\r\n {/* Node Settings */}\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Node Settings\r\n </h3>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>Label:</label>\r\n <input\r\n type=\"text\"\r\n value={node.label || node.id}\r\n onChange={(e) => onUpdateNode({ label: e.target.value })}\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Offset X:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={node.labelOffset?.x ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelOffset: {\r\n x: parseFloat(e.target.value) || 0,\r\n y: node.labelOffset?.y ?? 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Offset Y:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={node.labelOffset?.y ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelOffset: {\r\n x: node.labelOffset?.x ?? 0,\r\n y: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Label Font Size:\r\n </label>\r\n <input\r\n type=\"number\"\r\n min=\"6\"\r\n max=\"24\"\r\n value={node.labelFontSize ?? 10}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n labelFontSize: parseFloat(e.target.value) || 10,\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n\r\n <div>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Rotation (degrees):\r\n </label>\r\n <input\r\n type=\"number\"\r\n min=\"0\"\r\n max=\"360\"\r\n step=\"15\"\r\n value={node.transform.rotation ?? 0}\r\n onChange={(e) =>\r\n onUpdateNode({\r\n transform: {\r\n ...node.transform,\r\n rotation: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Telemetry Configuration */}\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Telemetry Data\r\n </h3>\r\n\r\n {!binding ? (\r\n <button\r\n onClick={() => {\r\n if (onAddTelemetry) {\r\n onAddTelemetry();\r\n } else {\r\n // Default telemetry initialization\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: node.id,\r\n value: {\r\n value: 50,\r\n status: 'normal',\r\n unit: 'PSI',\r\n timestamp: Date.now(),\r\n },\r\n history: [45, 47, 48, 50, 52, 51, 49, 50],\r\n display: {\r\n showValue: true,\r\n showSparkline: false,\r\n precision: 1,\r\n backgroundColor: 'status',\r\n },\r\n thresholds: {\r\n highHigh: 85,\r\n high: 70,\r\n low: 30,\r\n lowLow: 15,\r\n },\r\n });\r\n }\r\n }}\r\n style={{\r\n padding: '8px 16px',\r\n backgroundColor: '#3b82f6',\r\n color: '#fff',\r\n border: 'none',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n width: '100%',\r\n }}\r\n >\r\n + Add Telemetry\r\n </button>\r\n ) : (\r\n <>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Initial Value:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.value.value as number}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n value: {\r\n ...binding.value,\r\n value: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n Unit:\r\n </label>\r\n <input\r\n type=\"text\"\r\n value={binding.value.unit || ''}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n value: {\r\n ...binding.value,\r\n unit: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n marginBottom: '8px',\r\n }}\r\n />\r\n\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n <input\r\n type=\"checkbox\"\r\n checked={binding.display?.showSparkline ?? false}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n showSparkline: e.target.checked,\r\n },\r\n })\r\n }\r\n style={{ marginRight: '6px' }}\r\n />\r\n Show Sparkline\r\n </label>\r\n\r\n <div style={{ marginTop: '12px' }}>\r\n <label\r\n style={{\r\n fontSize: '0.75rem',\r\n fontWeight: 600,\r\n display: 'block',\r\n marginBottom: '8px',\r\n }}\r\n >\r\n Telemetry Position Offset:\r\n </label>\r\n <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '8px' }}>\r\n <div>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n X Offset:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.display?.offsetX ?? 0}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n offsetX: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n }}\r\n />\r\n </div>\r\n <div>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Y Offset:\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={binding.display?.offsetY ?? 0}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n offsetY: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n {/* Text & Sparkline Colors */}\r\n <div style={{ marginTop: '16px' }}>\r\n <label\r\n style={{\r\n fontSize: '0.75rem',\r\n fontWeight: 600,\r\n display: 'block',\r\n marginBottom: '8px',\r\n }}\r\n >\r\n Display Colors:\r\n </label>\r\n\r\n {/* Text Color */}\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Text Color:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.display?.textColor ?? '#000000'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n textColor: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '40px',\r\n height: '28px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.display?.textColor ?? '#000000'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n textColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"#000000\"\r\n style={{\r\n flex: 1,\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n\r\n {/* Sparkline Color */}\r\n {binding.display?.showSparkline && (\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Sparkline Color:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.display?.sparklineColor ?? '#3b82f6'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n sparklineColor: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '40px',\r\n height: '28px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.display?.sparklineColor ?? '#3b82f6'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n sparklineColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"#3b82f6\"\r\n style={{\r\n flex: 1,\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n )}\r\n\r\n {/* Background Color */}\r\n <div style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.7rem', display: 'block', marginBottom: '4px' }}>\r\n Background:\r\n </label>\r\n <input\r\n type=\"text\"\r\n value={binding.display?.backgroundColor ?? 'status'}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n tag: binding.tag,\r\n value: binding.value,\r\n history: binding.history,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n display: {\r\n ...binding.display,\r\n backgroundColor: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder=\"status or #ffffff\"\r\n style={{\r\n width: '100%',\r\n padding: '4px 6px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.7rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n <div style={{ fontSize: '0.65rem', color: '#6b7280', marginTop: '2px' }}>\r\n Use 'status' for status-based color or hex code\r\n </div>\r\n </div>\r\n </div>{' '}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n\r\n {/* Thresholds (if telemetry exists) */}\r\n {binding && (\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>Thresholds</h3>\r\n\r\n {(['highHigh', 'high', 'low', 'lowLow'] as const).map((key) => {\r\n const label =\r\n key === 'highHigh'\r\n ? 'High-High (≥)'\r\n : key === 'high'\r\n ? 'High (≥)'\r\n : key === 'low'\r\n ? 'Low (≤)'\r\n : 'Low-Low (≤)';\r\n return (\r\n <div key={key} style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n {label}\r\n </label>\r\n <input\r\n type=\"number\"\r\n value={\r\n binding.thresholds?.[key] ??\r\n (key === 'highHigh' ? 85 : key === 'high' ? 70 : key === 'low' ? 30 : 15)\r\n }\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n thresholds: {\r\n ...binding.thresholds,\r\n [key]: parseFloat(e.target.value) || 0,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '100%',\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.875rem',\r\n }}\r\n />\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n\r\n {/* Status Colors (if telemetry exists) */}\r\n {binding && (\r\n <div style={{ marginBottom: '20px' }}>\r\n <h3 style={{ fontSize: '0.875rem', fontWeight: 600, marginBottom: '8px' }}>\r\n Status Colors\r\n </h3>\r\n\r\n {(['normal', 'warning', 'alarm', 'fault', 'off'] as const).map((status) => {\r\n const defaultColors = {\r\n normal: '#10b981',\r\n warning: '#f59e0b',\r\n alarm: '#ef4444',\r\n fault: '#8b5cf6',\r\n off: '#6b7280',\r\n };\r\n const label =\r\n status === 'normal'\r\n ? 'Normal'\r\n : status === 'warning'\r\n ? 'Warning'\r\n : status === 'alarm'\r\n ? 'Alarm'\r\n : status === 'fault'\r\n ? 'Fault'\r\n : 'Off';\r\n return (\r\n <div key={status} style={{ marginBottom: '8px' }}>\r\n <label style={{ fontSize: '0.75rem', display: 'block', marginBottom: '4px' }}>\r\n {label}:\r\n </label>\r\n <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\r\n <input\r\n type=\"color\"\r\n value={binding.statusColors?.[status] ?? defaultColors[status]}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n statusColors: {\r\n ...binding.statusColors,\r\n [status]: e.target.value,\r\n },\r\n })\r\n }\r\n style={{\r\n width: '50px',\r\n height: '32px',\r\n border: '1px solid #cbd5e1',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n }}\r\n />\r\n <input\r\n type=\"text\"\r\n value={binding.statusColors?.[status] ?? defaultColors[status]}\r\n onChange={(e) =>\r\n onUpdateTelemetry({\r\n nodeId: node.id,\r\n statusColors: {\r\n ...binding.statusColors,\r\n [status]: e.target.value,\r\n },\r\n })\r\n }\r\n placeholder={defaultColors[status]}\r\n style={{\r\n flex: 1,\r\n padding: '6px 8px',\r\n borderRadius: '4px',\r\n border: '1px solid #cbd5e1',\r\n fontSize: '0.75rem',\r\n fontFamily: 'monospace',\r\n }}\r\n />\r\n </div>\r\n </div>\r\n );\r\n })}\r\n </div>\r\n )}\r\n\r\n {/* Remove Node */}\r\n <div style={{ marginTop: '20px', paddingTop: '20px', borderTop: '1px solid #cbd5e1' }}>\r\n <button\r\n onClick={onRemove}\r\n style={{\r\n padding: '8px 16px',\r\n backgroundColor: '#ef4444',\r\n color: '#fff',\r\n border: 'none',\r\n borderRadius: '4px',\r\n cursor: 'pointer',\r\n width: '100%',\r\n }}\r\n >\r\n Remove Node\r\n </button>\r\n </div>\r\n </div>\r\n );\r\n}\r\n","import type { Diagram } from '../schema';\r\n\r\n/**\r\n * Validates a diagram object structure\r\n */\r\nexport function validateDiagram(diagram: unknown): { valid: boolean; errors: string[] } {\r\n const errors: string[] = [];\r\n\r\n if (!diagram || typeof diagram !== 'object') {\r\n errors.push('Diagram must be an object');\r\n return { valid: false, errors };\r\n }\r\n\r\n const d = diagram as Partial<Diagram>;\r\n\r\n // Required fields\r\n if (!d.id || typeof d.id !== 'string') {\r\n errors.push('Diagram must have a valid id (string)');\r\n }\r\n if (!d.name || typeof d.name !== 'string') {\r\n errors.push('Diagram must have a valid name (string)');\r\n }\r\n if (!d.version || typeof d.version !== 'string') {\r\n errors.push('Diagram must have a valid version (string)');\r\n }\r\n\r\n // ViewBox validation\r\n if (!d.viewBox) {\r\n errors.push('Diagram must have a viewBox');\r\n } else if (\r\n typeof d.viewBox.x !== 'number' ||\r\n typeof d.viewBox.y !== 'number' ||\r\n typeof d.viewBox.width !== 'number' ||\r\n typeof d.viewBox.height !== 'number'\r\n ) {\r\n errors.push('ViewBox must have numeric x, y, width, height properties');\r\n }\r\n\r\n // Array validations\r\n if (!Array.isArray(d.nodes)) {\r\n errors.push('Diagram.nodes must be an array');\r\n }\r\n if (!Array.isArray(d.pipes)) {\r\n errors.push('Diagram.pipes must be an array');\r\n }\r\n if (!Array.isArray(d.overlays)) {\r\n errors.push('Diagram.overlays must be an array');\r\n }\r\n\r\n return {\r\n valid: errors.length === 0,\r\n errors,\r\n };\r\n}\r\n\r\n/**\r\n * Serializes a diagram to JSON string\r\n */\r\nexport function exportDiagram(diagram: Diagram): string {\r\n return JSON.stringify(diagram, null, 2);\r\n}\r\n\r\n/**\r\n * Parses a diagram from JSON string\r\n */\r\nexport function importDiagram(json: string): Diagram {\r\n try {\r\n const parsed = JSON.parse(json);\r\n const validation = validateDiagram(parsed);\r\n\r\n if (!validation.valid) {\r\n throw new Error(`Invalid diagram: ${validation.errors.join(', ')}`);\r\n }\r\n\r\n return parsed as Diagram;\r\n } catch (error) {\r\n if (error instanceof SyntaxError) {\r\n throw new Error(`Invalid JSON: ${error.message}`);\r\n }\r\n throw error;\r\n }\r\n}\r\n","import type { Diagram } from '../schema';\r\nimport { generateRoutePoints } from '../utils/portCalculations';\r\n\r\n// Define nodes first so we can calculate pipe routes\r\nconst nodes = [\r\n {\r\n id: 'V-101',\r\n symbolId: 'valve-ball',\r\n transform: {\r\n x: 100,\r\n y: 150,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: -25, y: 0, type: 'inlet' as const },\r\n { id: 'outlet', x: 25, y: 0, type: 'outlet' as const },\r\n ],\r\n },\r\n {\r\n id: 'P-101',\r\n symbolId: 'pump-centrifugal',\r\n transform: {\r\n x: 250,\r\n y: 150,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: -40, y: 0, type: 'inlet' as const },\r\n { id: 'outlet', x: 40, y: 0, type: 'outlet' as const },\r\n ],\r\n },\r\n {\r\n id: 'T-101',\r\n symbolId: 'vessel-tank',\r\n transform: {\r\n x: 450,\r\n y: 120,\r\n rotation: 0,\r\n },\r\n ports: [\r\n { id: 'inlet', x: 0, y: -40, type: 'inlet' as const },\r\n { id: 'outlet', x: 0, y: 40, type: 'outlet' as const },\r\n ],\r\n },\r\n];\r\n\r\n/**\r\n * Example P&ID diagram with a simple valve-pump-tank flow\r\n * Uses automatic port-to-port connection routing\r\n */\r\nexport const exampleDiagram: Diagram = {\r\n id: 'example-001',\r\n name: 'Simple Process Flow',\r\n version: '1.0.0',\r\n viewBox: {\r\n x: -100,\r\n y: -50,\r\n width: 1200,\r\n height: 600,\r\n },\r\n nodes,\r\n pipes: [\r\n {\r\n id: 'pipe-001',\r\n fromNodeId: 'V-101',\r\n fromPortId: 'outlet',\r\n toNodeId: 'P-101',\r\n toPortId: 'inlet',\r\n routePoints: generateRoutePoints(nodes[0], 'outlet', nodes[1], 'inlet'),\r\n style: {\r\n stroke: '#0277bd',\r\n strokeWidth: 4,\r\n },\r\n },\r\n {\r\n id: 'pipe-002',\r\n fromNodeId: 'P-101',\r\n fromPortId: 'outlet',\r\n toNodeId: 'T-101',\r\n toPortId: 'inlet',\r\n routePoints: generateRoutePoints(nodes[1], 'outlet', nodes[2], 'inlet', {\r\n style: 'orthogonal',\r\n }),\r\n style: {\r\n stroke: '#2e7d32',\r\n strokeWidth: 4,\r\n },\r\n },\r\n ],\r\n overlays: [\r\n {\r\n id: 'overlay-v101',\r\n type: 'value',\r\n anchorType: 'node',\r\n anchorId: 'V-101',\r\n offset: { x: 0, y: -40 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'V101.position',\r\n format: '0.0%',\r\n },\r\n content: {\r\n text: 'Valve Position',\r\n },\r\n },\r\n {\r\n id: 'overlay-p101',\r\n type: 'value',\r\n anchorType: 'node',\r\n anchorId: 'P-101',\r\n offset: { x: 0, y: -50 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'P101.flow',\r\n format: '0.0 LPM',\r\n },\r\n content: {\r\n text: 'Flow Rate',\r\n },\r\n },\r\n {\r\n id: 'overlay-t101',\r\n type: 'gauge',\r\n anchorType: 'node',\r\n anchorId: 'T-101',\r\n offset: { x: 60, y: 0 },\r\n binding: {\r\n sourceType: 'tag',\r\n source: 'T101.level',\r\n },\r\n content: {\r\n component: 'CircularGauge',\r\n props: {\r\n max: 100,\r\n unit: '%',\r\n label: 'Level',\r\n },\r\n },\r\n },\r\n ],\r\n metadata: {\r\n author: 'System',\r\n created: '2025-12-31T00:00:00Z',\r\n description: 'Example P&ID diagram demonstrating schema structure',\r\n tags: ['example', 'tutorial'],\r\n },\r\n};\r\n","/**\r\n * Telemetry status type\r\n */\r\nexport type TelemetryStatus = 'normal' | 'warning' | 'alarm' | 'fault' | 'off';\r\n\r\n/**\r\n * Threshold configuration\r\n */\r\nexport interface Thresholds {\r\n highHigh?: number;\r\n high?: number;\r\n low?: number;\r\n lowLow?: number;\r\n}\r\n\r\n/**\r\n * Calculate status based on value and thresholds\r\n * @param value - Current numeric value\r\n * @param thresholds - Threshold configuration\r\n * @returns Status string\r\n */\r\nexport function calculateThresholdStatus(\r\n value: number,\r\n thresholds?: Thresholds\r\n): TelemetryStatus {\r\n if (!thresholds) return 'normal';\r\n\r\n const { highHigh, high, low, lowLow } = thresholds;\r\n\r\n // Check high-high alarm (highest priority)\r\n if (highHigh !== undefined && value >= highHigh) {\r\n return 'alarm';\r\n }\r\n\r\n // Check low-low fault\r\n if (lowLow !== undefined && value <= lowLow) {\r\n return 'fault';\r\n }\r\n\r\n // Check high warning\r\n if (high !== undefined && value >= high) {\r\n return 'warning';\r\n }\r\n\r\n // Check low warning\r\n if (low !== undefined && value <= low) {\r\n return 'warning';\r\n }\r\n\r\n return 'normal';\r\n}\r\n\r\n/**\r\n * Default thresholds for typical industrial processes (percentage-based)\r\n */\r\nexport const DEFAULT_THRESHOLDS: Thresholds = {\r\n highHigh: 85,\r\n high: 70,\r\n low: 30,\r\n lowLow: 15,\r\n};\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/**\r\n * Device control capabilities and commands\r\n */\r\nexport interface ControlCapabilities {\r\n /** Can the device be started? */\r\n canStart?: boolean;\r\n /** Can the device be stopped? */\r\n canStop?: boolean;\r\n /** Can the device be paused? */\r\n canPause?: boolean;\r\n /** Can the device be reset? */\r\n canReset?: boolean;\r\n /** Custom actions available */\r\n customActions?: Array<{\r\n id: string;\r\n label: string;\r\n icon?: string;\r\n variant?: 'primary' | 'secondary' | 'alarm' | 'warning';\r\n }>;\r\n}\r\n\r\n/**\r\n * Device control mode option\r\n */\r\nexport interface ControlMode {\r\n /** Mode value/ID */\r\n value: string;\r\n /** Display label */\r\n label: string;\r\n /** Description or context about this mode */\r\n description?: string;\r\n /** Whether this mode is currently available */\r\n enabled?: boolean;\r\n /** Icon or emoji to display (optional) */\r\n icon?: string;\r\n /** Mode-specific capabilities (overrides binding-level capabilities when mode is active) */\r\n capabilities?: ControlCapabilities;\r\n}\r\n\r\n/**\r\n * Control parameter definition (setpoint, adjustment, etc.)\r\n */\r\nexport interface ControlParameter {\r\n /** Parameter ID */\r\n id: string;\r\n /** Display label */\r\n label: string;\r\n /** Unit of measurement */\r\n unit?: string;\r\n /** Minimum allowed value */\r\n min?: number;\r\n /** Maximum allowed value */\r\n max?: number;\r\n /** Step increment */\r\n step?: number;\r\n /** Decimal precision for display */\r\n precision?: number;\r\n /** Current value */\r\n value: number | string | boolean;\r\n /** Whether parameter is read-only */\r\n readOnly?: boolean;\r\n /** Parameter type */\r\n type?: 'number' | 'string' | 'boolean' | 'select';\r\n /** Options for select type */\r\n options?: Array<{ value: string | number; label: string }>;\r\n /** Custom validation function */\r\n validate?: (value: any) => boolean | string;\r\n /** Modes where this parameter is visible (if empty/undefined, visible in all modes) */\r\n modes?: string[];\r\n}\r\n\r\n/**\r\n * Device control state\r\n */\r\nexport interface ControlState {\r\n /** Current operational mode */\r\n currentMode: string;\r\n /** Is device currently running? */\r\n isRunning?: boolean;\r\n /** Is device in alarm state? */\r\n hasAlarm?: boolean;\r\n /** Current status */\r\n status?: 'normal' | 'warning' | 'alarm' | 'fault' | 'off' | 'starting' | 'stopping';\r\n /** Status message */\r\n statusMessage?: string;\r\n /** Last command timestamp */\r\n lastCommandTime?: number;\r\n /** Last command result */\r\n lastCommandResult?: {\r\n success: boolean;\r\n message?: string;\r\n };\r\n}\r\n\r\n/**\r\n * Device control binding - maps a node to device control capabilities\r\n * \r\n * Similar to TelemetryBinding but for device commands and setpoints\r\n */\r\nexport interface DeviceControlBinding {\r\n /** Node ID this control is bound to */\r\n nodeId: string;\r\n \r\n /** Device tag/ID for backend communication */\r\n tag: string;\r\n \r\n /** Human-readable device name */\r\n deviceName?: string;\r\n \r\n /** Device type (pump, valve, mixer, etc.) */\r\n deviceType?: string;\r\n \r\n /** Available control modes */\r\n modes: ControlMode[];\r\n \r\n /** Current device state */\r\n state: ControlState;\r\n \r\n /** Control parameters (setpoints, adjustments) organized by mode */\r\n parameters: Record<string, ControlParameter[]>;\r\n \r\n /** Device capabilities (what commands are available) */\r\n capabilities?: ControlCapabilities;\r\n \r\n /** Callbacks for control actions */\r\n actions: {\r\n /** Called when mode changes */\r\n onModeChange?: (mode: string) => void | Promise<void>;\r\n /** Called when parameter value changes */\r\n onParameterChange?: (parameterId: string, value: any) => void | Promise<void>;\r\n /** Called when start button clicked */\r\n onStart?: () => void | Promise<void>;\r\n /** Called when stop button clicked */\r\n onStop?: () => void | Promise<void>;\r\n /** Called when pause button clicked */\r\n onPause?: () => void | Promise<void>;\r\n /** Called when reset button clicked */\r\n onReset?: () => void | Promise<void>;\r\n /** Called for custom actions */\r\n onCustomAction?: (actionId: string) => void | Promise<void>;\r\n };\r\n \r\n /** Display customization */\r\n display?: {\r\n /** Panel title (defaults to deviceName or nodeId) */\r\n title?: string;\r\n /** Show mode selector */\r\n showModeSelector?: boolean;\r\n /** Show start/stop buttons */\r\n showStartStop?: boolean;\r\n /** Panel size */\r\n size?: 'small' | 'medium' | 'large';\r\n /** Custom CSS class name */\r\n className?: string;\r\n /** Custom inline styles */\r\n style?: React.CSSProperties;\r\n /** Group parameters by category */\r\n groupParameters?: boolean;\r\n };\r\n \r\n /** Styling overrides */\r\n theme?: {\r\n /** Primary color */\r\n primaryColor?: string;\r\n /** Secondary color */\r\n secondaryColor?: string;\r\n /** Accent color */\r\n accentColor?: string;\r\n /** Background color */\r\n backgroundColor?: string;\r\n /** Text color */\r\n textColor?: string;\r\n /** Status colors */\r\n statusColors?: {\r\n normal?: string;\r\n warning?: string;\r\n alarm?: string;\r\n fault?: string;\r\n off?: string;\r\n starting?: string;\r\n stopping?: string;\r\n };\r\n };\r\n}\r\n\r\n/**\r\n * Map of device control bindings by node ID\r\n */\r\nexport type DeviceControlMap = Map<string, DeviceControlBinding>;\r\n\r\n/**\r\n * Helper to create a control binding from backend device configuration\r\n */\r\nexport function createControlBinding(\r\n nodeId: string,\r\n deviceConfig: {\r\n tag: string;\r\n name?: string;\r\n type?: string;\r\n modes: Array<{ value: string; label: string; enabled?: boolean }>;\r\n currentMode: string;\r\n parameters: Array<{\r\n id: string;\r\n label: string;\r\n unit?: string;\r\n min?: number;\r\n max?: number;\r\n value: any;\r\n modes?: string[]; // Which modes this parameter applies to\r\n }>;\r\n capabilities?: {\r\n canStart?: boolean;\r\n canStop?: boolean;\r\n customActions?: Array<{ id: string; label: string }>;\r\n };\r\n status?: string;\r\n isRunning?: boolean;\r\n },\r\n actions: DeviceControlBinding['actions']\r\n): DeviceControlBinding {\r\n // Organize parameters by mode\r\n const parametersByMode: Record<string, ControlParameter[]> = {};\r\n \r\n deviceConfig.parameters.forEach((param) => {\r\n const modes = param.modes || deviceConfig.modes.map((m) => m.value);\r\n \r\n modes.forEach((mode) => {\r\n if (!parametersByMode[mode]) {\r\n parametersByMode[mode] = [];\r\n }\r\n \r\n parametersByMode[mode].push({\r\n id: param.id,\r\n label: param.label,\r\n unit: param.unit,\r\n min: param.min,\r\n max: param.max,\r\n value: param.value,\r\n type: typeof param.value === 'number' ? 'number' : 'string',\r\n });\r\n });\r\n });\r\n\r\n return {\r\n nodeId,\r\n tag: deviceConfig.tag,\r\n deviceName: deviceConfig.name,\r\n deviceType: deviceConfig.type,\r\n modes: deviceConfig.modes,\r\n state: {\r\n currentMode: deviceConfig.currentMode,\r\n isRunning: deviceConfig.isRunning,\r\n status: deviceConfig.status as any,\r\n },\r\n parameters: parametersByMode,\r\n capabilities: deviceConfig.capabilities,\r\n actions,\r\n };\r\n}\r\n","import { useState, useCallback, useRef } from 'react';\r\nimport type { DeviceControlBinding, DeviceControlMap } from '../diagram/schema/DeviceControlBinding';\r\n\r\n/** Kinds of command a node can have in flight at once. */\r\nexport type CommandKind = 'start' | 'stop' | 'mode' | 'parameter' | 'action';\r\n\r\nexport interface UseDeviceControlsOptions {\r\n /**\r\n * If set (> 0), a command whose action callback does not settle within this\r\n * many milliseconds is abandoned: the in-flight marker clears and a timeout\r\n * result is recorded as command feedback. This only bounds how long the\r\n * optional \"sending…\" hint shows — controls are never disabled, so a hung\r\n * command can never lock anyone out regardless of this value.\r\n *\r\n * Note: this is a UI-level abort — it stops the HMI from *waiting*, but does\r\n * not cancel an already-dispatched command (that would require the action to\r\n * honor an AbortSignal). The command may still land; telemetry remains the\r\n * source of truth for the resulting device state.\r\n */\r\n commandTimeoutMs?: number;\r\n}\r\n\r\n/** Stable in-flight key for a (node, command) pair. */\r\nfunction commandKey(nodeId: string, kind: CommandKind, suffix?: string): string {\r\n return suffix ? `${nodeId}:${kind}:${suffix}` : `${nodeId}:${kind}`;\r\n}\r\n\r\n/**\r\n * Hook for managing device control bindings\r\n * Similar pattern to useTelemetry\r\n */\r\nexport function useDeviceControls(\r\n initialBindings?: DeviceControlBinding[],\r\n options?: UseDeviceControlsOptions\r\n) {\r\n const { commandTimeoutMs } = options ?? {};\r\n\r\n const [controls, setControls] = useState<DeviceControlMap>(() => {\r\n const map = new Map();\r\n if (initialBindings) {\r\n initialBindings.forEach((binding) => {\r\n map.set(binding.nodeId, binding);\r\n });\r\n }\r\n return map;\r\n });\r\n\r\n // In-flight command tracking. This is a VISIBILITY hint only — interaction\r\n // state, never device state, and it never gates operator agency: it does not\r\n // disable buttons or block commands (the HMI fails open; see the fail-open\r\n // principle). It exists solely so a caller can show a \"sending…\" affordance.\r\n // `pendingRef` is a per-key in-flight count (commands re-send freely, so the\r\n // same command can be in flight more than once); `pendingCommands` is the\r\n // reactive set of keys with a non-zero count, exposed via `isCommandPending`.\r\n const pendingRef = useRef<Map<string, number>>(new Map());\r\n const [pendingCommands, setPendingCommands] = useState<Set<string>>(() => new Set());\r\n\r\n const syncPending = useCallback(() => {\r\n setPendingCommands(new Set(pendingRef.current.keys()));\r\n }, []);\r\n\r\n /**\r\n * Update a specific control binding\r\n */\r\n const updateControl = useCallback((nodeId: string, updates: Partial<DeviceControlBinding>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...updates });\r\n } else {\r\n // If binding doesn't exist, we need at least nodeId, tag, modes, state, parameters, actions\r\n if ('tag' in updates && 'modes' in updates && 'state' in updates && 'parameters' in updates && 'actions' in updates) {\r\n newMap.set(nodeId, { nodeId, ...updates } as DeviceControlBinding);\r\n }\r\n }\r\n \r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update multiple bindings at once\r\n */\r\n const updateControlBatch = useCallback((updates: Record<string, Partial<DeviceControlBinding>>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n \r\n Object.entries(updates).forEach(([nodeId, update]) => {\r\n const existing = newMap.get(nodeId);\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...update });\r\n }\r\n });\r\n \r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update device state (mode, status, running state, etc.)\r\n */\r\n const updateDeviceState = useCallback(\r\n (nodeId: string, stateUpdates: Partial<DeviceControlBinding['state']>) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n state: { ...existing.state, ...stateUpdates },\r\n });\r\n }\r\n \r\n return newMap;\r\n });\r\n },\r\n []\r\n );\r\n\r\n /**\r\n * Update a single parameter value\r\n */\r\n const updateParameter = useCallback(\r\n (nodeId: string, parameterId: string, value: any) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n \r\n if (existing) {\r\n const updatedParameters = { ...existing.parameters };\r\n \r\n // Update parameter in all modes where it exists\r\n Object.keys(updatedParameters).forEach((mode) => {\r\n const paramIndex = updatedParameters[mode].findIndex((p) => p.id === parameterId);\r\n if (paramIndex !== -1) {\r\n updatedParameters[mode] = [...updatedParameters[mode]];\r\n updatedParameters[mode][paramIndex] = {\r\n ...updatedParameters[mode][paramIndex],\r\n value,\r\n };\r\n }\r\n });\r\n \r\n newMap.set(nodeId, {\r\n ...existing,\r\n parameters: updatedParameters,\r\n });\r\n }\r\n \r\n return newMap;\r\n });\r\n },\r\n []\r\n );\r\n\r\n /**\r\n * Set control binding (add or replace)\r\n */\r\n const setControlBinding = useCallback((binding: DeviceControlBinding) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.set(binding.nodeId, binding);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Remove control binding\r\n */\r\n const removeControlBinding = useCallback((nodeId: string) => {\r\n setControls((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.delete(nodeId);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Get control binding for a specific node\r\n */\r\n const getControlBinding = useCallback(\r\n (nodeId: string): DeviceControlBinding | undefined => {\r\n return controls.get(nodeId);\r\n },\r\n [controls]\r\n );\r\n\r\n /**\r\n * Is there a command in flight for this node?\r\n *\r\n * Pass a `kind` to ask about a specific command (e.g. `'start'`), or omit it\r\n * to ask whether *any* command is pending for the node. Backed by reactive\r\n * state so components re-render when a command starts/settles.\r\n */\r\n const isCommandPending = useCallback(\r\n (nodeId: string, kind?: CommandKind): boolean => {\r\n if (kind) {\r\n const prefix = `${nodeId}:${kind}`;\r\n for (const key of pendingCommands) {\r\n if (key === prefix || key.startsWith(`${prefix}:`)) return true;\r\n }\r\n return false;\r\n }\r\n const prefix = `${nodeId}:`;\r\n for (const key of pendingCommands) {\r\n if (key.startsWith(prefix)) return true;\r\n }\r\n return false;\r\n },\r\n [pendingCommands]\r\n );\r\n\r\n // Increment/decrement the per-key in-flight count and publish the reactive set.\r\n const markPending = useCallback(\r\n (key: string, delta: 1 | -1) => {\r\n const next = (pendingRef.current.get(key) ?? 0) + delta;\r\n if (next > 0) pendingRef.current.set(key, next);\r\n else pendingRef.current.delete(key);\r\n syncPending();\r\n },\r\n [syncPending]\r\n );\r\n\r\n /**\r\n * Shared command runner. Every command helper routes through here so they all\r\n * share one contract:\r\n * - The HMI never authors device state. `isRunning`, `status`, `currentMode`\r\n * and parameter values are process truth reconciled from telemetry; a\r\n * command only *sends* and records its own outcome in `lastCommandResult`.\r\n * - Commands always dispatch — there is NO guard that blocks or de-dupes a\r\n * repeat press. The HMI fails open: every invocation sends. (Telemetry is\r\n * the source of truth, so a duplicate command is reconciled there.)\r\n * - The command is counted as in-flight only so a caller can show a\r\n * \"sending…\" hint; this never disables anything. `commandTimeoutMs` only\r\n * bounds how long that hint shows and records a timeout result — it cannot\r\n * lock a control out, because controls are never disabled.\r\n */\r\n const runCommand = useCallback(\r\n async (\r\n nodeId: string,\r\n key: string,\r\n invoke: (binding: DeviceControlBinding) => void | Promise<void>,\r\n messages: { success: string; failure: string }\r\n ): Promise<void> => {\r\n const binding = controls.get(nodeId);\r\n if (!binding) return;\r\n\r\n markPending(key, 1);\r\n\r\n let timer: ReturnType<typeof setTimeout> | undefined;\r\n try {\r\n const action = Promise.resolve(invoke(binding));\r\n if (commandTimeoutMs && commandTimeoutMs > 0) {\r\n await Promise.race([\r\n action,\r\n new Promise<never>((_, reject) => {\r\n timer = setTimeout(\r\n () => reject(new Error(`${messages.success.replace(/ sent$/, '')} timed out (unconfirmed)`)),\r\n commandTimeoutMs\r\n );\r\n }),\r\n ]);\r\n } else {\r\n await action;\r\n }\r\n\r\n updateDeviceState(nodeId, {\r\n lastCommandTime: Date.now(),\r\n lastCommandResult: { success: true, message: messages.success },\r\n });\r\n } catch (error) {\r\n updateDeviceState(nodeId, {\r\n lastCommandTime: Date.now(),\r\n lastCommandResult: {\r\n success: false,\r\n message: error instanceof Error ? error.message : messages.failure,\r\n },\r\n });\r\n } finally {\r\n if (timer) clearTimeout(timer);\r\n markPending(key, -1);\r\n }\r\n },\r\n [controls, updateDeviceState, markPending, commandTimeoutMs]\r\n );\r\n\r\n /** Send a mode change command. Displayed mode is reconciled from telemetry. */\r\n const sendModeChange = useCallback(\r\n (nodeId: string, mode: string) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'mode'),\r\n (binding) => binding.actions.onModeChange?.(mode),\r\n { success: `Mode ${mode} command sent`, failure: 'Mode change failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n /** Send a parameter change command. Displayed value is reconciled from telemetry. */\r\n const sendParameterChange = useCallback(\r\n (nodeId: string, parameterId: string, value: any) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'parameter', parameterId),\r\n (binding) => binding.actions.onParameterChange?.(parameterId, value),\r\n { success: `Parameter ${parameterId} command sent`, failure: 'Parameter change failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n /** Send a start command. Running state is reconciled from telemetry. */\r\n const sendStartCommand = useCallback(\r\n (nodeId: string) =>\r\n runCommand(nodeId, commandKey(nodeId, 'start'), (binding) => binding.actions.onStart?.(), {\r\n success: 'Start command sent',\r\n failure: 'Start command failed',\r\n }),\r\n [runCommand]\r\n );\r\n\r\n /** Send a stop command. Running state is reconciled from telemetry. */\r\n const sendStopCommand = useCallback(\r\n (nodeId: string) =>\r\n runCommand(nodeId, commandKey(nodeId, 'stop'), (binding) => binding.actions.onStop?.(), {\r\n success: 'Stop command sent',\r\n failure: 'Stop command failed',\r\n }),\r\n [runCommand]\r\n );\r\n\r\n /** Send a custom action command. */\r\n const sendCustomAction = useCallback(\r\n (nodeId: string, actionId: string) =>\r\n runCommand(\r\n nodeId,\r\n commandKey(nodeId, 'action', actionId),\r\n (binding) => binding.actions.onCustomAction?.(actionId),\r\n { success: `Action ${actionId} command sent`, failure: 'Action failed' }\r\n ),\r\n [runCommand]\r\n );\r\n\r\n return {\r\n controls,\r\n updateControl,\r\n updateControlBatch,\r\n updateDeviceState,\r\n updateParameter,\r\n setControlBinding,\r\n removeControlBinding,\r\n getControlBinding,\r\n // In-flight command visibility (interaction state, not device state).\r\n // `isCommandPending` is the stable query surface; the raw key set is\r\n // intentionally not exported (its key format is an implementation detail).\r\n isCommandPending,\r\n // Command helpers\r\n sendModeChange,\r\n sendParameterChange,\r\n sendStartCommand,\r\n sendStopCommand,\r\n sendCustomAction,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n/**\r\n * Configuration parameter definition\r\n */\r\nexport interface ConfigParameter {\r\n /** Parameter ID */\r\n id: string;\r\n /** Display label */\r\n label: string;\r\n /** Parameter description/help text */\r\n description?: string;\r\n /** Unit of measurement */\r\n unit?: string;\r\n /** Parameter type */\r\n type: 'number' | 'string' | 'boolean' | 'select' | 'multiselect';\r\n /** Current value */\r\n value: any;\r\n /** Default value */\r\n defaultValue?: any;\r\n /** Whether parameter is read-only */\r\n readOnly?: boolean;\r\n /** Whether parameter is enabled/editable */\r\n enabled?: boolean;\r\n \r\n // Numeric constraints\r\n /** Minimum allowed value (for number type) */\r\n min?: number;\r\n /** Maximum allowed value (for number type) */\r\n max?: number;\r\n /** Step increment (for number type) */\r\n step?: number;\r\n /** Decimal precision for display (for number type) */\r\n precision?: number;\r\n \r\n // Selection options\r\n /** Options for select/multiselect type */\r\n options?: Array<{ value: any; label: string; description?: string }>;\r\n \r\n // Validation\r\n /** Custom validation function - returns true or error message */\r\n validate?: (value: any) => boolean | string;\r\n /** Required field */\r\n required?: boolean;\r\n \r\n // Visual grouping\r\n /** Section this parameter belongs to */\r\n section?: string;\r\n /** Display order within section */\r\n order?: number;\r\n \r\n // Dependencies\r\n /** Parameter IDs this depends on - if any are disabled, this is disabled */\r\n dependsOn?: string[];\r\n /** Conditional visibility - function that determines if parameter should be shown */\r\n visibleWhen?: (allValues: Record<string, any>) => boolean;\r\n}\r\n\r\n/**\r\n * Configuration section for grouping parameters\r\n */\r\nexport interface ConfigSection {\r\n /** Section ID */\r\n id: string;\r\n /** Display title */\r\n title: string;\r\n /** Section description */\r\n description?: string;\r\n /** Display order */\r\n order?: number;\r\n /** Whether section is collapsible */\r\n collapsible?: boolean;\r\n /** Default collapsed state */\r\n defaultCollapsed?: boolean;\r\n /** Icon to display */\r\n icon?: string;\r\n}\r\n\r\n/**\r\n * Configuration state tracking\r\n */\r\nexport interface ConfigState {\r\n /** Has unsaved changes */\r\n isDirty?: boolean;\r\n /** Currently saving */\r\n isSaving?: boolean;\r\n /** Last save timestamp */\r\n lastSaved?: number;\r\n /** Last save result */\r\n lastSaveResult?: {\r\n success: boolean;\r\n message?: string;\r\n };\r\n /** Validation errors */\r\n errors?: Record<string, string>;\r\n}\r\n\r\n/**\r\n * Configuration actions/handlers\r\n */\r\nexport interface ConfigActions {\r\n /** Handler for applying changes (temporary, may be reverted) */\r\n onApply?: (values: Record<string, any>) => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for saving changes (permanent) */\r\n onSave?: (values: Record<string, any>) => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for resetting to defaults */\r\n onReset?: () => Promise<{ success: boolean; message?: string }>;\r\n /** Handler for canceling changes */\r\n onCancel?: () => void;\r\n /** Handler for exporting configuration */\r\n onExport?: () => Promise<{ success: boolean; data?: any; message?: string }>;\r\n /** Handler for importing configuration */\r\n onImport?: (data: any) => Promise<{ success: boolean; message?: string }>;\r\n}\r\n\r\n/**\r\n * Display configuration\r\n */\r\nexport interface ConfigDisplay {\r\n /** Panel title */\r\n title?: string;\r\n /** Panel subtitle */\r\n subtitle?: string;\r\n /** Custom CSS class */\r\n className?: string;\r\n /** Custom inline styles */\r\n style?: React.CSSProperties;\r\n /** Show apply button */\r\n showApply?: boolean;\r\n /** Show save button */\r\n showSave?: boolean;\r\n /** Show reset button */\r\n showReset?: boolean;\r\n /** Show cancel button */\r\n showCancel?: boolean;\r\n /** Show export button */\r\n showExport?: boolean;\r\n /** Show import button */\r\n showImport?: boolean;\r\n /** Confirmation message for reset action */\r\n resetConfirmMessage?: string;\r\n /** Confirmation message for critical saves */\r\n saveConfirmMessage?: string;\r\n}\r\n\r\n/**\r\n * Theme customization for config panel\r\n */\r\nexport interface ConfigTheme {\r\n /** Background color */\r\n backgroundColor?: string;\r\n /** Surface/card color */\r\n surfaceColor?: string;\r\n /** Border color */\r\n borderColor?: string;\r\n /** Text color */\r\n textColor?: string;\r\n /** Muted text color */\r\n mutedTextColor?: string;\r\n /** Accent color */\r\n accentColor?: string;\r\n /** Error color */\r\n errorColor?: string;\r\n /** Success color */\r\n successColor?: string;\r\n /** Warning color */\r\n warningColor?: string;\r\n}\r\n\r\n/**\r\n * Device configuration binding - maps a node to device configuration parameters\r\n */\r\nexport interface DeviceConfigBinding {\r\n /** Node ID this configuration is bound to */\r\n nodeId: string;\r\n /** Device tag/identifier */\r\n tag: string;\r\n /** Device name */\r\n deviceName?: string;\r\n /** Device type */\r\n deviceType?: string;\r\n \r\n /** Configuration sections */\r\n sections?: ConfigSection[];\r\n /** Configuration parameters (flat list, optionally grouped by section) */\r\n parameters: ConfigParameter[];\r\n \r\n /** Current state */\r\n state: ConfigState;\r\n /** Available actions */\r\n actions: ConfigActions;\r\n /** Display configuration */\r\n display?: ConfigDisplay;\r\n /** Theme customization */\r\n theme?: ConfigTheme;\r\n \r\n /** Additional metadata */\r\n metadata?: Record<string, any>;\r\n}\r\n\r\n/**\r\n * Map of device configurations by node ID\r\n */\r\nexport type DeviceConfigMap = Map<string, DeviceConfigBinding>;\r\n\r\n/**\r\n * Helper to create a config binding with defaults\r\n */\r\nexport function createConfigBinding(\r\n nodeId: string,\r\n tag: string,\r\n parameters: ConfigParameter[],\r\n actions: ConfigActions,\r\n options?: {\r\n deviceName?: string;\r\n deviceType?: string;\r\n sections?: ConfigSection[];\r\n display?: ConfigDisplay;\r\n theme?: ConfigTheme;\r\n metadata?: Record<string, any>;\r\n }\r\n): DeviceConfigBinding {\r\n return {\r\n nodeId,\r\n tag,\r\n deviceName: options?.deviceName,\r\n deviceType: options?.deviceType,\r\n sections: options?.sections,\r\n parameters,\r\n state: {\r\n isDirty: false,\r\n isSaving: false,\r\n errors: {},\r\n },\r\n actions,\r\n display: options?.display,\r\n theme: options?.theme,\r\n metadata: options?.metadata,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport { useState, useCallback } from 'react';\r\nimport type { DeviceConfigBinding, DeviceConfigMap } from '../diagram/schema/DeviceConfigBinding';\r\n\r\n/**\r\n * Hook for managing device configuration bindings\r\n */\r\nexport function useDeviceConfigs(initialConfigs?: DeviceConfigBinding[]) {\r\n const [configs, setConfigs] = useState<DeviceConfigMap>(() => {\r\n const map = new Map();\r\n if (initialConfigs) {\r\n initialConfigs.forEach((config) => {\r\n map.set(config.nodeId, config);\r\n });\r\n }\r\n return map;\r\n });\r\n\r\n /**\r\n * Get configuration for a specific device\r\n */\r\n const getConfig = useCallback(\r\n (nodeId: string): DeviceConfigBinding | undefined => {\r\n return configs.get(nodeId);\r\n },\r\n [configs]\r\n );\r\n\r\n /**\r\n * Update a specific configuration binding\r\n */\r\n const updateConfig = useCallback((nodeId: string, updates: Partial<DeviceConfigBinding>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...updates });\r\n } else {\r\n // If binding doesn't exist, create new one with required fields\r\n if ('tag' in updates && 'parameters' in updates && 'state' in updates && 'actions' in updates) {\r\n newMap.set(nodeId, { nodeId, ...updates } as DeviceConfigBinding);\r\n }\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update configuration state\r\n */\r\n const updateConfigState = useCallback((nodeId: string, stateUpdates: Partial<DeviceConfigBinding['state']>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n newMap.set(nodeId, {\r\n ...existing,\r\n state: { ...existing.state, ...stateUpdates },\r\n });\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update multiple configurations at once\r\n */\r\n const updateConfigBatch = useCallback((updates: Record<string, Partial<DeviceConfigBinding>>) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n\r\n Object.entries(updates).forEach(([nodeId, update]) => {\r\n const existing = newMap.get(nodeId);\r\n if (existing) {\r\n newMap.set(nodeId, { ...existing, ...update });\r\n }\r\n });\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Update parameter value\r\n */\r\n const updateParameterValue = useCallback((nodeId: string, parameterId: string, value: any) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n const existing = newMap.get(nodeId);\r\n\r\n if (existing) {\r\n const updatedParameters = existing.parameters.map((param) =>\r\n param.id === parameterId ? { ...param, value } : param\r\n );\r\n\r\n newMap.set(nodeId, {\r\n ...existing,\r\n parameters: updatedParameters,\r\n state: { ...existing.state, isDirty: true },\r\n });\r\n }\r\n\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Apply configuration changes\r\n */\r\n const applyConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config || !config.actions.onApply) {\r\n return { success: false, message: 'No apply handler defined' };\r\n }\r\n\r\n // Set saving state\r\n updateConfigState(nodeId, { isSaving: true });\r\n\r\n try {\r\n // Get current values\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n // Call apply handler\r\n const result = await config.actions.onApply(values);\r\n\r\n // Update state with result\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: result,\r\n isDirty: result.success ? false : config.state.isDirty,\r\n });\r\n\r\n return result;\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Apply failed';\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: { success: false, message },\r\n });\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Save configuration changes\r\n */\r\n const saveConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config || !config.actions.onSave) {\r\n return { success: false, message: 'No save handler defined' };\r\n }\r\n\r\n // Set saving state\r\n updateConfigState(nodeId, { isSaving: true });\r\n\r\n try {\r\n // Get current values\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n // Call save handler\r\n const result = await config.actions.onSave(values);\r\n\r\n // Update state with result\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaved: result.success ? Date.now() : config.state.lastSaved,\r\n lastSaveResult: result,\r\n isDirty: result.success ? false : config.state.isDirty,\r\n });\r\n\r\n return result;\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Save failed';\r\n updateConfigState(nodeId, {\r\n isSaving: false,\r\n lastSaveResult: { success: false, message },\r\n });\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Reset configuration to defaults\r\n */\r\n const resetConfig = useCallback(\r\n async (nodeId: string): Promise<{ success: boolean; message?: string }> => {\r\n const config = configs.get(nodeId);\r\n if (!config) {\r\n return { success: false, message: 'Configuration not found' };\r\n }\r\n\r\n try {\r\n // Reset to default values\r\n const resetParameters = config.parameters.map((param) => ({\r\n ...param,\r\n value: param.defaultValue !== undefined ? param.defaultValue : param.value,\r\n }));\r\n\r\n updateConfig(nodeId, {\r\n parameters: resetParameters,\r\n state: { ...config.state, isDirty: true },\r\n });\r\n\r\n // Call reset handler if defined\r\n if (config.actions.onReset) {\r\n const result = await config.actions.onReset();\r\n updateConfigState(nodeId, {\r\n lastSaveResult: result,\r\n });\r\n return result;\r\n }\r\n\r\n return { success: true, message: 'Reset to defaults' };\r\n } catch (error) {\r\n const message = error instanceof Error ? error.message : 'Reset failed';\r\n return { success: false, message };\r\n }\r\n },\r\n [configs, updateConfig, updateConfigState]\r\n );\r\n\r\n /**\r\n * Cancel configuration changes\r\n */\r\n const cancelConfig = useCallback(\r\n (nodeId: string) => {\r\n const config = configs.get(nodeId);\r\n if (config?.actions.onCancel) {\r\n config.actions.onCancel();\r\n }\r\n },\r\n [configs]\r\n );\r\n\r\n /**\r\n * Validate all parameters\r\n */\r\n const validateConfig = useCallback(\r\n (nodeId: string): { valid: boolean; errors: Record<string, string> } => {\r\n const config = configs.get(nodeId);\r\n if (!config) {\r\n return { valid: false, errors: { _general: 'Configuration not found' } };\r\n }\r\n\r\n const errors: Record<string, string> = {};\r\n const values = config.parameters.reduce(\r\n (acc, param) => {\r\n acc[param.id] = param.value;\r\n return acc;\r\n },\r\n {} as Record<string, any>\r\n );\r\n\r\n config.parameters.forEach((param) => {\r\n // Check required\r\n if (param.required && (param.value === undefined || param.value === null || param.value === '')) {\r\n errors[param.id] = `${param.label} is required`;\r\n return;\r\n }\r\n\r\n // Check numeric constraints\r\n if (param.type === 'number' && typeof param.value === 'number') {\r\n if (param.min !== undefined && param.value < param.min) {\r\n errors[param.id] = `${param.label} must be at least ${param.min}`;\r\n }\r\n if (param.max !== undefined && param.value > param.max) {\r\n errors[param.id] = `${param.label} must be at most ${param.max}`;\r\n }\r\n }\r\n\r\n // Check custom validation\r\n if (param.validate) {\r\n const result = param.validate(param.value);\r\n if (result !== true) {\r\n errors[param.id] = typeof result === 'string' ? result : `${param.label} is invalid`;\r\n }\r\n }\r\n\r\n // Check visibility\r\n if (param.visibleWhen && !param.visibleWhen(values)) {\r\n // Skip validation for hidden parameters\r\n delete errors[param.id];\r\n }\r\n });\r\n\r\n // Update state with errors\r\n updateConfigState(nodeId, { errors });\r\n\r\n return { valid: Object.keys(errors).length === 0, errors };\r\n },\r\n [configs, updateConfigState]\r\n );\r\n\r\n /**\r\n * Set configuration for a device (replaces existing)\r\n */\r\n const setConfig = useCallback((config: DeviceConfigBinding) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.set(config.nodeId, config);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Remove configuration for a device\r\n */\r\n const removeConfig = useCallback((nodeId: string) => {\r\n setConfigs((prev) => {\r\n const newMap = new Map(prev);\r\n newMap.delete(nodeId);\r\n return newMap;\r\n });\r\n }, []);\r\n\r\n /**\r\n * Clear all configurations\r\n */\r\n const clearConfigs = useCallback(() => {\r\n setConfigs(new Map());\r\n }, []);\r\n\r\n return {\r\n configs,\r\n getConfig,\r\n setConfig,\r\n removeConfig,\r\n clearConfigs,\r\n updateConfig,\r\n updateConfigState,\r\n updateConfigBatch,\r\n updateParameterValue,\r\n applyConfig,\r\n saveConfig,\r\n resetConfig,\r\n cancelConfig,\r\n validateConfig,\r\n };\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\nimport React, { useState, useEffect, useMemo, useRef } from 'react';\r\nimport type {\r\n DeviceConfigBinding,\r\n ConfigParameter,\r\n ConfigSection,\r\n} from '../../diagram/schema/DeviceConfigBinding';\r\n\r\nexport interface DeviceConfigPanelProps {\r\n /** Configuration binding to display */\r\n binding: DeviceConfigBinding | null;\r\n /** Called when panel should close */\r\n onClose: () => void;\r\n /** Called when undock button clicked (optional, shows undock button if provided) */\r\n onUndock?: () => void;\r\n /** Icon to display in undock button (default: '⇱') */\r\n undockIcon?: string;\r\n /** Panel position */\r\n position?: 'bottom' | 'side';\r\n /** Horizontal alignment for bottom position (default: center) */\r\n align?: 'left' | 'center' | 'right';\r\n /** Optimize for touch (larger targets) */\r\n touchOptimized?: boolean;\r\n /** Compact mode - reduces padding and spacing */\r\n compact?: boolean;\r\n /** Font size scale (default: 1.0) */\r\n fontScale?: number;\r\n /** Maximum height for bottom position (default: 70vh) */\r\n maxHeight?: string;\r\n /** Maximum width for bottom position (default: none) */\r\n maxWidth?: string;\r\n /** Toast notification duration in milliseconds (default: 3000) */\r\n toastDuration?: number;\r\n /** Called when controls button clicked (opens control panel for this device) */\r\n onOpenControls?: () => void;\r\n /** Show controls button in header */\r\n showControlsButton?: boolean;\r\n /** Embedded mode - uses static positioning for rendering in containers (default: false) */\r\n embedded?: boolean;\r\n}\r\n\r\nexport function DeviceConfigPanel({\r\n binding,\r\n onClose,\r\n onUndock,\r\n undockIcon = '⇱',\r\n position = 'bottom',\r\n align = 'center',\r\n touchOptimized = true,\r\n compact = false,\r\n fontScale = 1.0,\r\n maxHeight,\r\n maxWidth,\r\n toastDuration = 3000,\r\n onOpenControls,\r\n showControlsButton = true,\r\n embedded = false,\r\n}: DeviceConfigPanelProps) {\r\n const [localValues, setLocalValues] = useState<Record<string, any>>(() => {\r\n if (binding) {\r\n const values: Record<string, any> = {};\r\n binding.parameters.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n return values;\r\n }\r\n return {};\r\n });\r\n const [collapsedSections, setCollapsedSections] = useState<Set<string>>(() => {\r\n const collapsed = new Set<string>();\r\n if (binding?.sections) {\r\n binding.sections.forEach((section) => {\r\n if (section.collapsible && section.defaultCollapsed) {\r\n collapsed.add(section.id);\r\n }\r\n });\r\n }\r\n return collapsed;\r\n });\r\n const [showToast, setShowToast] = useState(true);\r\n const [bindingId, setBindingId] = useState<string | null>(binding?.nodeId || null);\r\n const lastResultTimestampRef = useRef<number>(0);\r\n\r\n // Reset local values when binding changes (new device selected)\r\n if (binding && binding.nodeId !== bindingId) {\r\n const values: Record<string, any> = {};\r\n binding.parameters.forEach((param) => {\r\n values[param.id] = param.value;\r\n });\r\n setLocalValues(values);\r\n\r\n // Reset collapsed sections for new binding\r\n const collapsed = new Set<string>();\r\n binding.sections?.forEach((section) => {\r\n if (section.collapsible && section.defaultCollapsed) {\r\n collapsed.add(section.id);\r\n }\r\n });\r\n setCollapsedSections(collapsed);\r\n\r\n setBindingId(binding.nodeId);\r\n }\r\n\r\n // Auto-dismiss toast - defer setState to avoid cascading renders\r\n useEffect(() => {\r\n const currentTimestamp = binding?.state.lastSaved || 0;\r\n if (binding?.state.lastSaveResult && currentTimestamp !== lastResultTimestampRef.current) {\r\n lastResultTimestampRef.current = currentTimestamp;\r\n\r\n // Defer setState to next tick to avoid cascading renders\r\n const showTimer = setTimeout(() => {\r\n setShowToast(true);\r\n const hideTimer = setTimeout(() => {\r\n setShowToast(false);\r\n }, toastDuration);\r\n return () => clearTimeout(hideTimer);\r\n }, 0);\r\n\r\n return () => clearTimeout(showTimer);\r\n }\r\n }, [binding?.state.lastSaveResult, binding?.state.lastSaved, toastDuration]);\r\n\r\n // Group parameters by section\r\n const parametersBySection = useMemo(() => {\r\n if (!binding) return { _unsectioned: [] };\r\n\r\n const groups: Record<string, ConfigParameter[]> = { _unsectioned: [] };\r\n\r\n binding.parameters.forEach((param) => {\r\n const sectionId = param.section || '_unsectioned';\r\n if (!groups[sectionId]) {\r\n groups[sectionId] = [];\r\n }\r\n groups[sectionId].push(param);\r\n });\r\n\r\n // Sort parameters within each section by order\r\n Object.keys(groups).forEach((sectionId) => {\r\n groups[sectionId].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n });\r\n\r\n return groups;\r\n }, [binding]);\r\n\r\n // Get sections sorted by order\r\n const sortedSections = useMemo(() => {\r\n if (!binding?.sections) return [];\r\n return [...binding.sections].sort((a, b) => (a.order || 0) - (b.order || 0));\r\n }, [binding]);\r\n\r\n if (!binding) return null;\r\n\r\n const touchSize = touchOptimized ? 56 : 40;\r\n\r\n // Spacing\r\n const spacing = {\r\n padding: compact ? '12px' : '20px',\r\n gap: compact ? '6px' : '8px',\r\n marginBottom: compact ? '10px' : '16px',\r\n itemPadding: compact ? '8px 10px' : '10px 12px',\r\n };\r\n\r\n // Font sizes\r\n const fontSize = {\r\n title: Math.round(14 * fontScale),\r\n label: Math.round(11 * fontScale),\r\n value: Math.round(13 * fontScale),\r\n input: Math.round(13 * fontScale),\r\n button: Math.round(12 * fontScale),\r\n section: Math.round(12 * fontScale),\r\n description: Math.round(10 * fontScale),\r\n };\r\n\r\n // ISA-101 Colors\r\n const backgroundColor = binding.theme?.backgroundColor || '#edeeef';\r\n const surfaceColor = binding.theme?.surfaceColor || '#f5f6f7';\r\n const borderColor = binding.theme?.borderColor || '#d2d2d2';\r\n const textColor = binding.theme?.textColor || '#000000';\r\n const mutedTextColor = binding.theme?.mutedTextColor || '#666666';\r\n const accentColor = binding.theme?.accentColor || '#b4d0fe';\r\n const errorColor = binding.theme?.errorColor || '#ef4444';\r\n const successColor = binding.theme?.successColor || '#10b981';\r\n\r\n const handleValueChange = (parameterId: string, value: any) => {\r\n setLocalValues((prev) => ({ ...prev, [parameterId]: value }));\r\n };\r\n\r\n const handleApply = async () => {\r\n if (binding.actions.onApply) {\r\n await binding.actions.onApply(localValues);\r\n }\r\n };\r\n\r\n const handleSave = async () => {\r\n if (binding.actions.onSave) {\r\n await binding.actions.onSave(localValues);\r\n }\r\n };\r\n\r\n const handleReset = async () => {\r\n if (binding.display?.resetConfirmMessage) {\r\n if (!confirm(binding.display.resetConfirmMessage)) {\r\n return;\r\n }\r\n }\r\n if (binding.actions.onReset) {\r\n await binding.actions.onReset();\r\n }\r\n };\r\n\r\n const handleCancel = () => {\r\n if (binding.actions.onCancel) {\r\n binding.actions.onCancel();\r\n }\r\n onClose();\r\n };\r\n\r\n const toggleSection = (sectionId: string) => {\r\n setCollapsedSections((prev) => {\r\n const next = new Set(prev);\r\n if (next.has(sectionId)) {\r\n next.delete(sectionId);\r\n } else {\r\n next.add(sectionId);\r\n }\r\n return next;\r\n });\r\n };\r\n\r\n const renderParameter = (param: ConfigParameter) => {\r\n // Check visibility\r\n if (param.visibleWhen && !param.visibleWhen(localValues)) {\r\n return null;\r\n }\r\n\r\n const value = localValues[param.id];\r\n const error = binding.state.errors?.[param.id];\r\n const isDisabled = param.readOnly || param.enabled === false;\r\n\r\n return (\r\n <div\r\n key={param.id}\r\n style={{\r\n marginBottom: spacing.marginBottom,\r\n }}\r\n >\r\n {/* Label */}\r\n <label\r\n style={{\r\n display: 'block',\r\n fontSize: `${fontSize.label}px`,\r\n fontWeight: 600,\r\n color: textColor,\r\n marginBottom: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {param.label}\r\n {param.required && <span style={{ color: errorColor }}> *</span>}\r\n {param.unit && (\r\n <span style={{ color: mutedTextColor, fontWeight: 'normal' }}> ({param.unit})</span>\r\n )}\r\n </label>\r\n\r\n {/* Description */}\r\n {param.description && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginBottom: '6px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {param.description}\r\n </div>\r\n )}\r\n\r\n {/* Input */}\r\n {param.type === 'number' && (\r\n <input\r\n type=\"number\"\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, parseFloat(e.target.value))}\r\n min={param.min}\r\n max={param.max}\r\n step={param.step}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n />\r\n )}\r\n\r\n {param.type === 'string' && (\r\n <input\r\n type=\"text\"\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, e.target.value)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n />\r\n )}\r\n\r\n {param.type === 'boolean' && (\r\n <label\r\n style={{\r\n display: 'flex',\r\n alignItems: 'center',\r\n gap: '8px',\r\n cursor: isDisabled ? 'not-allowed' : 'pointer',\r\n }}\r\n >\r\n <input\r\n type=\"checkbox\"\r\n checked={value ?? false}\r\n onChange={(e) => handleValueChange(param.id, e.target.checked)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '20px',\r\n height: '20px',\r\n cursor: isDisabled ? 'not-allowed' : 'pointer',\r\n }}\r\n />\r\n <span style={{ fontSize: `${fontSize.value}px`, color: textColor }}>\r\n {value ? 'Enabled' : 'Disabled'}\r\n </span>\r\n </label>\r\n )}\r\n\r\n {param.type === 'select' && (\r\n <select\r\n value={value ?? ''}\r\n onChange={(e) => handleValueChange(param.id, e.target.value)}\r\n disabled={isDisabled}\r\n style={{\r\n width: '100%',\r\n height: `${touchSize * 0.8}px`,\r\n padding: spacing.itemPadding,\r\n fontSize: `${fontSize.input}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n backgroundColor: isDisabled ? '#e5e7eb' : surfaceColor,\r\n color: textColor,\r\n border: `1px solid ${error ? errorColor : borderColor}`,\r\n borderRadius: '2px',\r\n outline: 'none',\r\n }}\r\n >\r\n {param.options?.map((option) => (\r\n <option key={option.value} value={option.value}>\r\n {option.label}\r\n </option>\r\n ))}\r\n </select>\r\n )}\r\n\r\n {/* Error message */}\r\n {error && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: errorColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {error}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n const renderSection = (section: ConfigSection) => {\r\n const params = parametersBySection[section.id] || [];\r\n const isCollapsed = collapsedSections.has(section.id);\r\n\r\n return (\r\n <div\r\n key={section.id}\r\n style={{\r\n marginBottom: spacing.marginBottom,\r\n border: `1px solid ${borderColor}`,\r\n borderRadius: '4px',\r\n backgroundColor: surfaceColor,\r\n }}\r\n >\r\n {/* Section header */}\r\n <div\r\n onClick={() => section.collapsible && toggleSection(section.id)}\r\n style={{\r\n padding: spacing.itemPadding,\r\n borderBottom: isCollapsed ? 'none' : `1px solid ${borderColor}`,\r\n cursor: section.collapsible ? 'pointer' : 'default',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n }}\r\n >\r\n <div>\r\n <div\r\n style={{\r\n fontSize: `${fontSize.section}px`,\r\n fontWeight: 600,\r\n color: textColor,\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {section.icon && <span style={{ marginRight: '8px' }}>{section.icon}</span>}\r\n {section.title}\r\n </div>\r\n {section.description && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {section.description}\r\n </div>\r\n )}\r\n </div>\r\n {section.collapsible && (\r\n <span style={{ fontSize: '16px', color: mutedTextColor }}>\r\n {isCollapsed ? '▼' : '▲'}\r\n </span>\r\n )}\r\n </div>\r\n\r\n {/* Section content */}\r\n {!isCollapsed && (\r\n <div style={{ padding: spacing.padding }}>{params.map(renderParameter)}</div>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n // Panel styles\r\n const panelStyle: React.CSSProperties = embedded\r\n ? {\r\n // Embedded mode: static positioning for container layouts\r\n position: 'static',\r\n width: '100%',\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: '8px 8px 0 0',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n maxHeight: maxHeight || '70vh',\r\n overflowY: 'auto',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...binding.display?.style,\r\n }\r\n : {\r\n // Fixed mode: traditional overlay positioning\r\n position: 'fixed',\r\n ...(position === 'bottom'\r\n ? {\r\n bottom: 0,\r\n ...(align === 'left'\r\n ? { left: 0, right: 'auto', width: maxWidth }\r\n : align === 'right'\r\n ? { right: 0, left: 'auto', width: maxWidth }\r\n : {\r\n left: 0,\r\n right: 0,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n maxWidth: maxWidth,\r\n }),\r\n animation: 'slideUp 0.3s ease-out',\r\n }\r\n : {\r\n right: 0,\r\n top: 0,\r\n bottom: 0,\r\n width: maxWidth || '400px',\r\n animation: 'slideIn 0.3s ease-out',\r\n }),\r\n backgroundColor,\r\n color: textColor,\r\n borderRadius: position === 'bottom' ? '8px 8px 0 0' : '8px 0 0 8px',\r\n boxShadow: 'none',\r\n border: `2px solid ${borderColor}`,\r\n padding: spacing.padding,\r\n zIndex: 10000,\r\n maxHeight: maxHeight || (position === 'bottom' ? '70vh' : '100vh'),\r\n overflowY: 'auto',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n ...binding.display?.style,\r\n };\r\n\r\n const titleText = binding.display?.title || binding.deviceName || binding.tag || binding.nodeId;\r\n const showApply = binding.display?.showApply !== false && binding.actions.onApply;\r\n const showSave = binding.display?.showSave !== false && binding.actions.onSave;\r\n const showReset = binding.display?.showReset !== false && binding.actions.onReset;\r\n const showCancel = binding.display?.showCancel !== false;\r\n\r\n return (\r\n <>\r\n {/* Panel */}\r\n <div style={panelStyle} className={binding.display?.className}>\r\n {/* Header */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: '16px',\r\n paddingBottom: '12px',\r\n borderBottom: `2px solid ${borderColor}`,\r\n }}\r\n >\r\n <div>\r\n <h3\r\n style={{\r\n margin: 0,\r\n fontSize: `${fontSize.title}px`,\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n letterSpacing: '0.5px',\r\n textTransform: 'uppercase',\r\n color: textColor,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n maxWidth: '200px',\r\n }}\r\n title={titleText.length > 25 ? titleText : undefined}\r\n >\r\n {titleText.length > 25 ? titleText.slice(0, 25) + '...' : titleText}\r\n </h3>\r\n {binding.display?.subtitle && (\r\n <div\r\n style={{\r\n fontSize: `${fontSize.description}px`,\r\n color: mutedTextColor,\r\n marginTop: '4px',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n {binding.display.subtitle}\r\n </div>\r\n )}\r\n </div>\r\n <div style={{ display: 'flex', gap: '8px' }}>\r\n {/* Controls button */}\r\n {showControlsButton && onOpenControls && (\r\n <button\r\n onClick={onOpenControls}\r\n title=\"Open Controls\"\r\n style={{\r\n minWidth: `${touchSize * 1.2}px`,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0 8px',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n CTRL\r\n </button>\r\n )}\r\n {/* Undock button */}\r\n {onUndock && (\r\n <button\r\n onClick={onUndock}\r\n title=\"Undock panel\"\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '16px',\r\n cursor: 'pointer',\r\n fontWeight: 600,\r\n fontFamily: 'Arial, sans-serif',\r\n padding: '0',\r\n }}\r\n >\r\n {undockIcon}\r\n </button>\r\n )}\r\n {/* Close button */}\r\n <button\r\n onClick={onClose}\r\n style={{\r\n width: touchSize * 0.7,\r\n height: touchSize * 0.7,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: '18px',\r\n cursor: 'pointer',\r\n fontWeight: 'bold',\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n ×\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Dirty indicator */}\r\n {binding.state.isDirty && (\r\n <div\r\n style={{\r\n padding: spacing.itemPadding,\r\n backgroundColor: '#fff3cd',\r\n border: '1px solid #ffc107',\r\n borderRadius: '4px',\r\n marginBottom: spacing.marginBottom,\r\n fontSize: `${fontSize.description}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n }}\r\n >\r\n Unsaved changes\r\n </div>\r\n )}\r\n\r\n {/* Content - scrollable */}\r\n <div style={{ flex: 1, overflowY: 'auto', marginBottom: spacing.marginBottom }}>\r\n {/* Render sections */}\r\n {sortedSections.length > 0 ? (\r\n sortedSections.map(renderSection)\r\n ) : (\r\n /* Render unsectioned parameters */\r\n <div>{parametersBySection._unsectioned?.map(renderParameter)}</div>\r\n )}\r\n </div>\r\n\r\n {/* Action buttons */}\r\n <div\r\n style={{\r\n display: 'flex',\r\n gap: spacing.gap,\r\n paddingTop: '12px',\r\n borderTop: `2px solid ${borderColor}`,\r\n flexWrap: 'wrap',\r\n }}\r\n >\r\n {showApply && (\r\n <button\r\n onClick={handleApply}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: accentColor,\r\n color: '#000000',\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {binding.state.isSaving ? 'Applying...' : 'Apply'}\r\n </button>\r\n )}\r\n\r\n {showSave && (\r\n <button\r\n onClick={handleSave}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: successColor,\r\n color: '#ffffff',\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n {binding.state.isSaving ? 'Saving...' : 'Save'}\r\n </button>\r\n )}\r\n\r\n {showReset && (\r\n <button\r\n onClick={handleReset}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n Reset\r\n </button>\r\n )}\r\n\r\n {showCancel && (\r\n <button\r\n onClick={handleCancel}\r\n disabled={binding.state.isSaving}\r\n style={{\r\n flex: 1,\r\n minWidth: '80px',\r\n height: `${touchSize}px`,\r\n backgroundColor: surfaceColor,\r\n color: textColor,\r\n border: `2px solid ${borderColor}`,\r\n borderRadius: '2px',\r\n fontSize: `${fontSize.button}px`,\r\n fontWeight: 600,\r\n cursor: binding.state.isSaving ? 'not-allowed' : 'pointer',\r\n fontFamily: 'Arial, sans-serif',\r\n textTransform: 'uppercase',\r\n letterSpacing: '0.5px',\r\n }}\r\n >\r\n Cancel\r\n </button>\r\n )}\r\n </div>\r\n </div>\r\n\r\n {/* Toast notification */}\r\n {binding.state.lastSaveResult && showToast && (\r\n <div\r\n style={{\r\n position: 'fixed',\r\n bottom: '20px',\r\n ...(align === 'right' ? { left: '20px' } : { right: '20px' }),\r\n backgroundColor: binding.state.lastSaveResult.success ? successColor : errorColor,\r\n color: '#ffffff',\r\n padding: '12px 20px',\r\n borderRadius: '4px',\r\n boxShadow: '0 4px 6px rgba(0,0,0,0.1)',\r\n zIndex: 10000,\r\n fontSize: `${fontSize.value}px`,\r\n fontFamily: 'Arial, sans-serif',\r\n fontWeight: 600,\r\n }}\r\n >\r\n {binding.state.lastSaveResult.message ||\r\n (binding.state.lastSaveResult.success ? 'Success' : 'Error')}\r\n </div>\r\n )}\r\n </>\r\n );\r\n}\r\n","import { useEffect } from 'react';\r\nimport { calculateThresholdStatus } from '../../utils/thresholds';\r\nimport type { TelemetryMap, TelemetryBinding } from './useTelemetry';\r\n\r\n/**\r\n * Options for simulation behavior\r\n */\r\nexport interface SimulationOptions {\r\n /** Update interval in milliseconds (default: 2000) */\r\n interval?: number;\r\n /** Whether simulation is enabled (default: true) */\r\n enabled?: boolean;\r\n /** Maximum change per update (default: 10) */\r\n maxChange?: number;\r\n /** Minimum value clamp (default: 0) */\r\n minValue?: number;\r\n /** Maximum value clamp (default: 100) */\r\n maxValue?: number;\r\n /** Maximum history length (default: 10) */\r\n historyLength?: number;\r\n /** Custom value generator function */\r\n generateValue?: (currentValue: number, nodeId: string) => number;\r\n}\r\n\r\n/**\r\n * Hook to automatically simulate telemetry data updates\r\n * Randomly updates numeric telemetry values and calculates status based on thresholds\r\n * \r\n * @param telemetry - Telemetry map from useTelemetry\r\n * @param updateTelemetryBatch - Batch update function from useTelemetry\r\n * @param options - Simulation configuration options\r\n * \r\n * @example\r\n * ```tsx\r\n * const { telemetry, updateTelemetryBatch } = useTelemetry();\r\n * useSimulation(telemetry, updateTelemetryBatch, {\r\n * interval: 2000,\r\n * enabled: mode === 'runtime'\r\n * });\r\n * ```\r\n */\r\nexport function useSimulation(\r\n telemetry: TelemetryMap,\r\n updateTelemetryBatch: (updates: Array<any>) => void,\r\n options: SimulationOptions = {}\r\n) {\r\n const {\r\n interval = 2000,\r\n enabled = true,\r\n maxChange = 10,\r\n minValue = 0,\r\n maxValue = 100,\r\n historyLength = 10,\r\n generateValue,\r\n } = options;\r\n\r\n useEffect(() => {\r\n if (!enabled) return;\r\n\r\n const intervalId = setInterval(() => {\r\n const updates: Array<{\r\n nodeId: string;\r\n tag?: string;\r\n value?: any;\r\n history?: number[];\r\n display?: any;\r\n thresholds?: any;\r\n statusColors?: any;\r\n }> = [];\r\n\r\n telemetry.forEach((binding: TelemetryBinding, nodeId: string) => {\r\n // Only simulate numeric values\r\n if (typeof binding.value.value !== 'number') return;\r\n\r\n const currentValue = binding.value.value as number;\r\n\r\n // Generate new value\r\n let newValue: number;\r\n if (generateValue) {\r\n newValue = generateValue(currentValue, nodeId);\r\n } else {\r\n // Default random walk simulation\r\n const change = (Math.random() - 0.5) * maxChange;\r\n newValue = Math.max(minValue, Math.min(maxValue, currentValue + change));\r\n }\r\n\r\n // Calculate status based on thresholds\r\n const status = calculateThresholdStatus(newValue, binding.thresholds);\r\n\r\n // Update history\r\n const newHistory = [...(binding.history || []), newValue].slice(-historyLength);\r\n\r\n updates.push({\r\n nodeId,\r\n tag: binding.tag,\r\n value: {\r\n ...binding.value,\r\n value: newValue,\r\n status,\r\n timestamp: Date.now(),\r\n },\r\n history: newHistory,\r\n display: binding.display,\r\n thresholds: binding.thresholds,\r\n statusColors: binding.statusColors,\r\n });\r\n });\r\n\r\n if (updates.length > 0) {\r\n updateTelemetryBatch(updates);\r\n }\r\n }, interval);\r\n\r\n return () => clearInterval(intervalId);\r\n }, [\r\n enabled,\r\n interval,\r\n maxChange,\r\n minValue,\r\n maxValue,\r\n historyLength,\r\n generateValue,\r\n telemetry,\r\n updateTelemetryBatch,\r\n ]);\r\n}\r\n"],"mappings":"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","names":["useState","jsx","selectedOption","useState","jsx","jsxs","useState","useCallback","jsx","jsxs","jsx","jsxs","useState","jsx","jsxs","jsx","jsxs","useState","useEffect","Fragment","jsx","jsxs","useState","useEffect","currentParams","useState","useEffect","useCallback","useRef","jsx","jsxs","React","jsx","useEffect","useState","Box","styled","jsx","Fragment","jsx","jsxs","Fragment","jsx","jsxs","React","useState","useEffect","jsx","jsx","jsxs","useCallback","useState","useEffect","useRef","jsx","jsxs","nodes","Fragment","jsx","jsxs","Fragment","jsx","jsxs","useState","useEffect","jsx","jsxs","useState","useCallback","useRef","useEffect","useState","useCallback","useState","useCallback","useEffect","useRef","useEffect","useState","useCallback","useRef","useEffect","useEffect","Fragment","jsx","jsxs","useState","useRef","useEffect","useCallback","nodes","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useState","useCallback","useRef","prefix","useState","useCallback","useState","useEffect","useRef","Fragment","jsx","jsxs","useEffect","useEffect"]}