@procaaso/alphinity-ui-components 1.0.0 → 1.0.2

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 (8) hide show
  1. package/README.md +4 -4
  2. package/dist/index.cjs +4482 -670
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +987 -55
  5. package/dist/index.d.ts +987 -55
  6. package/dist/index.js +4417 -663
  7. package/dist/index.js.map +1 -1
  8. package/package.json +8 -3
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/Button.tsx","../src/TestValueEntry.tsx","../src/StatusIndicator.tsx","../src/Selector.tsx","../src/ControlPanel.tsx","../src/ThemeContext.tsx","../src/ThemeToggle.tsx"],"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 // Large, touch-friendly button styles with enhanced visual presence\r\n const baseStyles =\r\n 'h-20 min-w-[160px] px-12 py-5 rounded-3xl font-bold text-2xl transition-all duration-300 transform hover:scale-[1.03] active:scale-[0.97] focus:outline-none focus:ring-4 focus:ring-offset-3 focus:ring-offset-slate-900 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none shadow-2xl backdrop-blur-sm';\r\n\r\n const variantStyles =\r\n variant === 'primary'\r\n ? 'bg-gradient-to-br from-blue-400 via-blue-600 to-purple-700 hover:from-blue-500 hover:via-blue-700 hover:to-purple-800 text-white shadow-blue-600/40 focus:ring-blue-400/70 border border-blue-300/40 hover:shadow-2xl hover:shadow-blue-600/60 hover:border-blue-200/50'\r\n : 'bg-gradient-to-br from-slate-500 via-slate-700 to-slate-900 hover:from-slate-400 hover:via-slate-600 hover:to-slate-800 text-slate-100 shadow-slate-600/40 focus:ring-slate-400/70 border border-slate-400/40 hover:shadow-2xl hover:shadow-slate-600/60 hover:border-slate-300/50';\r\n\r\n return (\r\n <button className={`${baseStyles} ${variantStyles} ${className}`.trim()} {...props}>\r\n {children}\r\n </button>\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 // 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\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 // Touch-friendly size styles - larger for better visibility\r\n const sizeStyles = {\r\n small: 'w-5 h-5',\r\n medium: 'w-7 h-7',\r\n large: 'w-10 h-10',\r\n };\r\n\r\n // Modern shape styles with more rounded corners\r\n const shapeStyles = {\r\n circle: 'rounded-full',\r\n square: 'rounded-lg',\r\n diamond: 'rotate-45 rounded-lg',\r\n };\r\n\r\n // Enhanced status colors with richer gradients and better contrast\r\n const statusStyles = {\r\n off: 'bg-gradient-to-br from-slate-500 to-slate-600 border-slate-400 shadow-slate-500/30',\r\n normal:\r\n 'bg-gradient-to-br from-emerald-400 via-green-500 to-green-600 border-emerald-300 shadow-green-500/70',\r\n alarm: 'bg-gradient-to-br from-red-400 via-red-500 to-red-600 border-red-300 shadow-red-500/70',\r\n warning:\r\n 'bg-gradient-to-br from-amber-400 via-yellow-500 to-orange-500 border-amber-300 shadow-yellow-500/70',\r\n active:\r\n 'bg-gradient-to-br from-blue-400 via-blue-500 to-indigo-600 border-blue-300 shadow-blue-500/70',\r\n fault:\r\n 'bg-gradient-to-br from-purple-400 via-purple-500 to-violet-600 border-purple-300 shadow-purple-500/70',\r\n };\r\n\r\n // Animation styles\r\n const animationStyles = {\r\n none: '',\r\n pulse: 'animate-pulse',\r\n blink: 'animate-bounce',\r\n flash: 'animate-ping',\r\n };\r\n\r\n // LED effect styles\r\n const ledEffect = led ? 'shadow-lg border-2' : 'border';\r\n\r\n // Get glow effect for active states\r\n const glowEffect = status !== 'off' && led ? 'shadow-lg' : '';\r\n\r\n const indicatorClasses = `\r\n ${sizeStyles[size]}\r\n ${shapeStyles[shape]}\r\n ${statusStyles[status]}\r\n ${animationStyles[animation]}\r\n ${ledEffect}\r\n ${glowEffect}\r\n inline-block\r\n transition-all\r\n duration-300\r\n `\r\n .trim()\r\n .replace(/\\s+/g, ' ');\r\n\r\n // Label styles\r\n const labelClasses = 'text-sm font-medium text-gray-700 uppercase tracking-wide select-none';\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 'inline-flex items-center gap-2 flex-row-reverse';\r\n case 'right':\r\n return 'inline-flex items-center gap-2';\r\n case 'top':\r\n return 'inline-flex flex-col-reverse items-center gap-1';\r\n case 'bottom':\r\n return 'inline-flex flex-col items-center gap-1';\r\n default:\r\n return 'inline-flex items-center gap-2';\r\n }\r\n };\r\n\r\n // ARIA attributes for accessibility\r\n const getAriaLabel = () => {\r\n if (label) {\r\n return `${label}: ${status}`;\r\n }\r\n return `Status indicator: ${status}`;\r\n };\r\n\r\n const getAriaDescription = () => {\r\n const descriptions = {\r\n off: 'Inactive or disabled state',\r\n normal: 'Normal operating condition',\r\n alarm: 'Critical alarm condition requiring attention',\r\n warning: 'Warning condition that should be monitored',\r\n active: 'Currently active or running',\r\n fault: 'System fault or error condition',\r\n };\r\n return descriptions[status];\r\n };\r\n\r\n return (\r\n <div className={`${getContainerLayout()} ${className}`.trim()} {...props}>\r\n <div\r\n className={indicatorClasses}\r\n role=\"status\"\r\n aria-label={getAriaLabel()}\r\n aria-description={getAriaDescription()}\r\n data-status={status}\r\n data-testid={`status-indicator-${status}`}\r\n />\r\n {label && <span className={labelClasses}>{label}</span>}\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 = 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\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\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 // Get current selected option\r\n const selectedOption = options.find((opt) => opt.value === value);\r\n\r\n // Size-based styling\r\n const getSizeStyles = () => {\r\n switch (size) {\r\n case 'small':\r\n return {\r\n height: '2.5rem',\r\n padding: '0.5rem 0.75rem',\r\n fontSize: '0.875rem',\r\n iconSize: '1rem',\r\n };\r\n case 'large':\r\n return {\r\n height: '4rem',\r\n padding: '1rem 1.5rem',\r\n fontSize: '1.25rem',\r\n iconSize: '1.5rem',\r\n };\r\n default:\r\n return {\r\n height: '3rem',\r\n padding: '0.75rem 1rem',\r\n fontSize: '1rem',\r\n iconSize: '1.25rem',\r\n };\r\n }\r\n };\r\n\r\n // Status-based styling with CSS custom properties for theme override\r\n const getStatusStyles = () => {\r\n switch (status) {\r\n case 'alarm':\r\n return {\r\n borderColor: 'var(--selector-alarm-border, #ef4444)',\r\n backgroundColor: 'var(--selector-alarm-bg, rgba(239, 68, 68, 0.15))',\r\n color: 'var(--selector-alarm-text, #fecaca)',\r\n boxShadow: 'var(--selector-alarm-shadow, 0 0 20px rgba(239, 68, 68, 0.3))',\r\n };\r\n case 'warning':\r\n return {\r\n borderColor: 'var(--selector-warning-border, #f59e0b)',\r\n backgroundColor: 'var(--selector-warning-bg, rgba(245, 158, 11, 0.15))',\r\n color: 'var(--selector-warning-text, #fed7aa)',\r\n boxShadow: 'var(--selector-warning-shadow, 0 0 20px rgba(245, 158, 11, 0.3))',\r\n };\r\n case 'disabled':\r\n return {\r\n borderColor: 'var(--selector-disabled-border, #6b7280)',\r\n backgroundColor: 'var(--selector-disabled-bg, rgba(107, 114, 128, 0.1))',\r\n color: 'var(--selector-disabled-text, #9ca3af)',\r\n cursor: 'not-allowed',\r\n };\r\n default:\r\n return {\r\n borderColor: 'var(--selector-normal-border, #64748b)',\r\n backgroundColor: 'var(--selector-normal-bg, rgba(30, 41, 59, 0.9))',\r\n color: 'var(--selector-normal-text, #f1f5f9)',\r\n boxShadow: 'var(--selector-normal-shadow, 0 8px 32px rgba(0, 0, 0, 0.3))',\r\n };\r\n }\r\n };\r\n\r\n const sizeStyles = getSizeStyles();\r\n const statusStyles = getStatusStyles();\r\n\r\n const selectorStyle: React.CSSProperties = {\r\n position: 'relative',\r\n width: '100%',\r\n height: sizeStyles.height,\r\n padding: sizeStyles.padding,\r\n paddingRight: '3rem',\r\n border: '2px solid',\r\n borderRadius: '1rem',\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n fontSize: sizeStyles.fontSize,\r\n fontWeight: 'bold',\r\n outline: 'none',\r\n transition: 'all 300ms ease',\r\n backdropFilter: 'blur(8px)',\r\n cursor: disabled ? 'not-allowed' : 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n userSelect: 'none',\r\n ...statusStyles,\r\n };\r\n\r\n const dropdownStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n top: dropdownUp ? 'auto' : '100%',\r\n bottom: dropdownUp ? '100%' : 'auto',\r\n left: 0,\r\n right: 0,\r\n marginTop: dropdownUp ? 0 : '0.25rem',\r\n marginBottom: dropdownUp ? '0.25rem' : 0,\r\n backgroundColor: 'var(--selector-dropdown-bg, rgba(30, 41, 59, 0.95))',\r\n border: '2px solid var(--selector-dropdown-border, #64748b)',\r\n borderRadius: '1rem',\r\n backdropFilter: 'blur(12px)',\r\n boxShadow: 'var(--selector-dropdown-shadow, 0 12px 48px rgba(0, 0, 0, 0.4))',\r\n zIndex: 50,\r\n maxHeight: '12rem',\r\n overflowY: 'auto',\r\n };\r\n\r\n const optionStyle = (option: SelectorOption, index: number): React.CSSProperties => ({\r\n padding: sizeStyles.padding,\r\n fontSize: sizeStyles.fontSize,\r\n fontWeight: '600',\r\n color: option.disabled\r\n ? 'var(--selector-option-disabled-text, #6b7280)'\r\n : 'var(--selector-option-text, #f1f5f9)',\r\n backgroundColor:\r\n index === focusedIndex\r\n ? 'var(--selector-option-focused-bg, rgba(59, 130, 246, 0.3))'\r\n : 'transparent',\r\n cursor: option.disabled ? 'not-allowed' : 'pointer',\r\n transition: 'all 150ms ease',\r\n borderRadius: index === focusedIndex ? '0.5rem' : '0',\r\n margin: index === focusedIndex ? '0.125rem' : '0',\r\n });\r\n\r\n const arrowStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n right: '1rem',\r\n top: '50%',\r\n transform: `translateY(-50%) rotate(${isOpen ? '180deg' : '0deg'})`,\r\n transition: 'transform 200ms ease',\r\n width: sizeStyles.iconSize,\r\n height: sizeStyles.iconSize,\r\n color: disabled ? '#6b7280' : '#94a3b8',\r\n };\r\n\r\n return (\r\n <div\r\n className=\"selector-container\"\r\n style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem' }}\r\n >\r\n {label && (\r\n <label\r\n className=\"selector-label\"\r\n style={{\r\n fontSize: '0.875rem',\r\n fontWeight: '600',\r\n color: 'var(--selector-label-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 ref={selectorRef} style={{ position: 'relative' }}>\r\n <div\r\n className={`selector ${className}`}\r\n style={selectorStyle}\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\r\n style={{\r\n color: selectedOption\r\n ? statusStyles.color\r\n : 'var(--selector-placeholder-text, #9ca3af)',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'nowrap',\r\n }}\r\n >\r\n {selectedOption ? selectedOption.label : placeholder}\r\n </span>\r\n\r\n {/* Arrow Icon */}\r\n <svg style={arrowStyle} 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} style={dropdownStyle} role=\"listbox\">\r\n {options.map((option, index) => (\r\n <div\r\n key={option.value}\r\n style={optionStyle(option, index)}\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\r\n style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}\r\n >\r\n <span>{option.label}</span>\r\n {option.value === value && (\r\n <svg\r\n style={{ width: '1rem', height: '1rem', color: '#3b82f6' }}\r\n fill=\"currentColor\"\r\n viewBox=\"0 0 20 20\"\r\n >\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\r\n style={{\r\n fontSize: '0.75rem',\r\n color: '#9ca3af',\r\n marginTop: '0.25rem',\r\n fontWeight: 'normal',\r\n }}\r\n >\r\n {option.description}\r\n </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 } from 'react';\r\nimport { Selector, SelectorOption } from './Selector';\r\nimport { ValueEntry } from './TestValueEntry';\r\nimport { Button } from './Button';\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 /** 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 = 'Units',\r\n defaultLabel = 'Setpoint',\r\n defaultMin = 0,\r\n defaultMax = 100,\r\n defaultPrecision = 2,\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 const currentUnit = currentModeConfig.unit || defaultUnit;\r\n const currentLabel = currentModeConfig.label || defaultLabel;\r\n const currentMin = currentModeConfig.min ?? defaultMin;\r\n const currentMax = currentModeConfig.max ?? defaultMax;\r\n const currentPrecision = currentModeConfig.precision ?? defaultPrecision;\r\n const hasSecondSetpoint = currentModeConfig.hasSecondSetpoint || false;\r\n\r\n // Size-based styling\r\n const getSizeStyles = () => {\r\n switch (size) {\r\n case 'small':\r\n return {\r\n padding: '1rem',\r\n titleSize: '1rem',\r\n gap: '0.75rem',\r\n };\r\n case 'large':\r\n return {\r\n padding: '1.5rem',\r\n titleSize: '1.5rem',\r\n gap: '1.25rem',\r\n };\r\n default:\r\n return {\r\n padding: '1.25rem',\r\n titleSize: '1.125rem',\r\n gap: '1rem',\r\n };\r\n }\r\n };\r\n\r\n // Status-based styling with CSS custom properties for theme override\r\n const getStatusStyles = () => {\r\n switch (status) {\r\n case 'alarm':\r\n return {\r\n borderColor: 'var(--control-panel-alarm-border, #ef4444)',\r\n backgroundColor: 'var(--control-panel-alarm-bg, rgba(239, 68, 68, 0.1))',\r\n titleColor: 'var(--control-panel-alarm-text, #fecaca)',\r\n boxShadow: 'var(--control-panel-alarm-shadow, 0 0 20px rgba(239, 68, 68, 0.3))',\r\n glowEffect: 'var(--control-panel-alarm-glow, 0 0 30px rgba(239, 68, 68, 0.2))',\r\n };\r\n case 'warning':\r\n return {\r\n borderColor: 'var(--control-panel-warning-border, #f59e0b)',\r\n backgroundColor: 'var(--control-panel-warning-bg, rgba(245, 158, 11, 0.1))',\r\n titleColor: 'var(--control-panel-warning-text, #fed7aa)',\r\n boxShadow: 'var(--control-panel-warning-shadow, 0 0 20px rgba(245, 158, 11, 0.3))',\r\n glowEffect: 'var(--control-panel-warning-glow, 0 0 30px rgba(245, 158, 11, 0.2))',\r\n };\r\n case 'disabled':\r\n return {\r\n borderColor: 'var(--control-panel-disabled-border, #6b7280)',\r\n backgroundColor: 'var(--control-panel-disabled-bg, rgba(107, 114, 128, 0.1))',\r\n titleColor: 'var(--control-panel-disabled-text, #9ca3af)',\r\n boxShadow: 'var(--control-panel-disabled-shadow, 0 8px 32px rgba(0, 0, 0, 0.2))',\r\n glowEffect: 'var(--control-panel-disabled-glow, none)',\r\n };\r\n default:\r\n return {\r\n borderColor: 'var(--control-panel-normal-border, #64748b)',\r\n backgroundColor: 'var(--control-panel-normal-bg, rgba(30, 41, 59, 0.9))',\r\n titleColor: 'var(--control-panel-normal-text, #f1f5f9)',\r\n boxShadow: 'var(--control-panel-normal-shadow, 0 8px 32px rgba(0, 0, 0, 0.3))',\r\n glowEffect: 'var(--control-panel-normal-glow, 0 0 20px rgba(59, 130, 246, 0.1))',\r\n };\r\n }\r\n };\r\n\r\n const sizeStyles = getSizeStyles();\r\n const statusStyles = getStatusStyles();\r\n\r\n const panelStyle: React.CSSProperties = {\r\n border: '2px solid',\r\n borderRadius: '1.5rem',\r\n backdropFilter: 'blur(12px)',\r\n transition: 'all 400ms cubic-bezier(0.4, 0, 0.2, 1)',\r\n position: 'relative',\r\n overflow: 'hidden',\r\n minWidth: '300px',\r\n maxWidth: '400px',\r\n minHeight: '400px',\r\n width: '100%',\r\n ...statusStyles,\r\n boxShadow: isExpanded ? statusStyles.glowEffect : statusStyles.boxShadow,\r\n };\r\n\r\n const headerStyle: React.CSSProperties = {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n padding: sizeStyles.padding,\r\n cursor: onCollapseChange ? 'pointer' : 'default',\r\n borderBottom: isExpanded ? `1px solid ${statusStyles.borderColor}40` : 'none',\r\n transition: 'all 300ms ease',\r\n };\r\n\r\n const titleStyle: React.CSSProperties = {\r\n fontSize: sizeStyles.titleSize,\r\n fontWeight: 'bold',\r\n color: statusStyles.titleColor,\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n letterSpacing: '0.05em',\r\n margin: 0,\r\n };\r\n\r\n const contentStyle: React.CSSProperties = {\r\n padding: isExpanded ? sizeStyles.padding : '0',\r\n paddingTop: isExpanded ? sizeStyles.padding : '0',\r\n maxHeight: isExpanded ? '500px' : '0',\r\n opacity: isExpanded ? 1 : 0,\r\n overflow: 'hidden',\r\n transition: 'all 400ms cubic-bezier(0.4, 0, 0.2, 1)',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n gap: sizeStyles.gap,\r\n justifyContent: 'space-between',\r\n flex: 1,\r\n };\r\n\r\n const chevronStyle: React.CSSProperties = {\r\n width: '1.5rem',\r\n height: '1.5rem',\r\n color: statusStyles.titleColor,\r\n transform: `rotate(${isExpanded ? '180deg' : '0deg'})`,\r\n transition: 'transform 300ms ease',\r\n opacity: onCollapseChange ? 1 : 0.3,\r\n };\r\n\r\n const statusBadgeStyle: React.CSSProperties = {\r\n position: 'absolute',\r\n top: '0.5rem',\r\n right: '0.5rem',\r\n width: '0.75rem',\r\n height: '0.75rem',\r\n borderRadius: '50%',\r\n backgroundColor:\r\n status === 'alarm'\r\n ? '#ef4444'\r\n : status === 'warning'\r\n ? '#f59e0b'\r\n : status === 'disabled'\r\n ? '#6b7280'\r\n : '#22c55e',\r\n boxShadow: `0 0 10px ${status === 'alarm' ? '#ef4444' : status === 'warning' ? '#f59e0b' : status === 'disabled' ? '#6b7280' : '#22c55e'}80`,\r\n animation: status === 'alarm' ? 'pulse 2s infinite' : 'none',\r\n };\r\n\r\n return (\r\n <div style={panelStyle} className={`control-panel glass-card ${className}`} {...props}>\r\n {/* Status Badge */}\r\n <div style={statusBadgeStyle} />\r\n\r\n {/* Header */}\r\n <div style={headerStyle} onClick={onCollapseChange ? toggleExpanded : undefined}>\r\n <h3 style={titleStyle}>{title}</h3>\r\n {onCollapseChange && (\r\n <svg style={chevronStyle} 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 )}\r\n </div>\r\n\r\n {/* Content */}\r\n <div style={contentStyle}>\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 style={{ display: 'flex', gap: '0.75rem' }}>\r\n {onStart && (\r\n <Button\r\n variant=\"primary\"\r\n onClick={onStart}\r\n disabled={isRunning || status === 'disabled'}\r\n style={{\r\n flex: 1,\r\n fontSize: '0.875rem',\r\n padding: '0.75rem 1rem',\r\n backgroundColor: isRunning ? '#6b7280' : undefined,\r\n }}\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 style={{\r\n flex: 1,\r\n fontSize: '0.875rem',\r\n padding: '0.75rem 1rem',\r\n backgroundColor: !isRunning ? '#6b7280' : '#dc2626',\r\n borderColor: !isRunning ? '#6b7280' : '#dc2626',\r\n }}\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\r\n className=\"control-panel-info\"\r\n style={{\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n padding: '0.5rem 0',\r\n fontSize: '0.75rem',\r\n color: 'var(--control-panel-info-text, #9ca3af)',\r\n borderTop: `1px solid ${statusStyles.borderColor}20`,\r\n fontFamily:\r\n 'ui-monospace, SFMono-Regular, \"SF Mono\", Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace',\r\n }}\r\n >\r\n <span>Mode: {selectedMode.toUpperCase()}</span>\r\n <div style={{ display: 'flex', gap: '1rem' }}>\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, { 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"],"mappings":"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","names":["jsx","jsx","jsxs","useState","jsx","jsxs","selectedOption","useState","jsx","jsxs","useState","useState","useEffect","jsx","jsx","jsxs"]}
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/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/diagram/hooks/useViewBox.ts","../src/diagram/hooks/useSelection.ts","../src/diagram/hooks/useTelemetry.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/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\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 /** 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 = 'Units',\r\n defaultLabel = 'Setpoint',\r\n defaultMin = 0,\r\n defaultMax = 100,\r\n defaultPrecision = 2,\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 const currentUnit = currentModeConfig.unit || defaultUnit;\r\n const currentLabel = currentModeConfig.label || defaultLabel;\r\n const currentMin = currentModeConfig.min ?? defaultMin;\r\n const currentMax = currentModeConfig.max ?? defaultMax;\r\n const currentPrecision = currentModeConfig.precision ?? defaultPrecision;\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';\n\nexport interface LegacyValueEntryProps\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n /** Current value */\n value: number | string;\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 */\n label?: string;\n /** Whether the input is read-only */\n readOnly?: boolean;\n}\n\nexport const LegacyValueEntry: React.FC<LegacyValueEntryProps> = ({\n value,\n onChange,\n unit,\n status = 'normal',\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';\nimport { Tab } from '@mui/material';\nimport {\n ChevronLeft,\n ChevronRight,\n DisplayModeToggle,\n FixedSVGContainer,\n FooterPanel,\n FullscreenContainer,\n LeftPanel,\n LeftToggleButton,\n PanelContent,\n PanelTabs,\n RightPanel,\n RightToggleButton,\n SVGArea,\n ScrollableSVGWrapper,\n ZoomButton,\n ZoomControls,\n} from './FullscreenWorkspace.styles';\nimport type { DisplayMode, FullscreenWorkspaceProps } from './types';\n\nexport function FullscreenWorkspace({\n svgContent,\n overlays,\n leftPanel,\n rightPanel,\n footer,\n tabs,\n activeTab,\n onTabChange,\n defaultLeftCollapsed = false,\n defaultRightCollapsed = false,\n leftCollapsed: leftCollapsedProp,\n rightCollapsed: rightCollapsedProp,\n onLeftCollapseChange,\n onRightCollapseChange,\n displayMode,\n defaultDisplayMode = 'standard',\n onDisplayModeChange,\n showDisplayModeToggle = true,\n showZoomControls = false,\n onZoomIn,\n onZoomOut,\n onResetZoom,\n zoomDisabled = false,\n className = '',\n ...rest\n}: FullscreenWorkspaceProps): React.ReactElement {\n const [leftCollapsedState, setLeftCollapsedState] = React.useState(defaultLeftCollapsed);\n const [rightCollapsedState, setRightCollapsedState] = React.useState(defaultRightCollapsed);\n const [internalDisplayMode, setInternalDisplayMode] =\n React.useState<DisplayMode>(displayMode ?? defaultDisplayMode);\n const [internalTab, setInternalTab] = React.useState<string>(\n tabs && tabs.length > 0 ? tabs[0].value : ''\n );\n\n const leftCollapsed = leftCollapsedProp ?? leftCollapsedState;\n const rightCollapsed = rightCollapsedProp ?? rightCollapsedState;\n const isDisplayModeControlled = displayMode !== undefined;\n const currentDisplayMode = isDisplayModeControlled ? displayMode : internalDisplayMode;\n const isTabControlled = activeTab !== undefined && activeTab !== null;\n\n const resolvedTabs = React.useMemo(() => tabs ?? [], [tabs]);\n const defaultTabValue = resolvedTabs.length > 0 ? resolvedTabs[0].value : '';\n const currentTab = isTabControlled ? (activeTab as string) : internalTab || defaultTabValue;\n\n React.useEffect(() => {\n if (resolvedTabs.length > 0) {\n const values = resolvedTabs.map((tab) => tab.value);\n if (!values.includes(currentTab)) {\n const fallback = activeTab ?? defaultTabValue;\n setInternalTab(fallback);\n }\n }\n }, [resolvedTabs, activeTab, currentTab, defaultTabValue]);\n\n React.useEffect(() => {\n if (displayMode !== undefined) {\n setInternalDisplayMode(displayMode);\n }\n }, [displayMode]);\n\n const handleLeftToggle = () => {\n const next = !leftCollapsed;\n if (leftCollapsedProp === undefined) {\n setLeftCollapsedState(next);\n }\n onLeftCollapseChange?.(next);\n };\n\n const handleRightToggle = () => {\n const next = !rightCollapsed;\n if (rightCollapsedProp === undefined) {\n setRightCollapsedState(next);\n }\n onRightCollapseChange?.(next);\n };\n\n const handleModeToggle = () => {\n const nextMode = currentDisplayMode === 'standard' ? 'dashboard' : 'standard';\n if (!isDisplayModeControlled) {\n setInternalDisplayMode(nextMode);\n }\n onDisplayModeChange?.(nextMode);\n };\n\n const handleTabChangeInternal = (_: React.SyntheticEvent, value: string) => {\n if (!isTabControlled) {\n setInternalTab(value);\n }\n onTabChange?.(value);\n };\n\n const currentTabContent =\n resolvedTabs.find((tab) => tab.value === currentTab)?.content ?? null;\n\n const showLeftToggle = Boolean(leftPanel);\n const showRightToggle = Boolean(rightPanel);\n\n return (\n <FullscreenContainer\n leftCollapsed={leftCollapsed}\n rightCollapsed={rightCollapsed}\n className={`tff-svg-container ${className}`.trim()}\n {...rest}\n >\n {showLeftToggle && (\n <LeftToggleButton\n collapsed={leftCollapsed}\n onClick={handleLeftToggle}\n aria-label={leftCollapsed ? 'Expand left panel' : 'Collapse left panel'}\n >\n {leftCollapsed ? <ChevronRight /> : <ChevronLeft />}\n </LeftToggleButton>\n )}\n\n {showRightToggle && (\n <RightToggleButton\n collapsed={rightCollapsed}\n onClick={handleRightToggle}\n aria-label={rightCollapsed ? 'Expand right panel' : 'Collapse right panel'}\n >\n {rightCollapsed ? <ChevronLeft /> : <ChevronRight />}\n </RightToggleButton>\n )}\n\n {showDisplayModeToggle && (\n <DisplayModeToggle\n mode={currentDisplayMode}\n onClick={handleModeToggle}\n aria-label=\"Toggle display mode\"\n >\n {currentDisplayMode === 'dashboard' ? 'Dashboard Mode' : 'Standard Mode'}\n </DisplayModeToggle>\n )}\n\n <SVGArea>\n {showZoomControls && (\n <ZoomControls>\n <ZoomButton\n onClick={onZoomIn}\n disabled={zoomDisabled || !onZoomIn}\n size=\"small\"\n aria-label=\"Zoom in\"\n >\n +\n </ZoomButton>\n <ZoomButton\n onClick={onZoomOut}\n disabled={zoomDisabled || !onZoomOut}\n size=\"small\"\n aria-label=\"Zoom out\"\n >\n -\n </ZoomButton>\n {onResetZoom && (\n <ZoomButton\n onClick={onResetZoom}\n disabled={zoomDisabled}\n size=\"small\"\n aria-label=\"Reset zoom\"\n >\n Reset\n </ZoomButton>\n )}\n </ZoomControls>\n )}\n\n <ScrollableSVGWrapper className=\"svg-scroll-wrapper\">\n <FixedSVGContainer className=\"svg-container\">\n {svgContent}\n {overlays}\n </FixedSVGContainer>\n </ScrollableSVGWrapper>\n </SVGArea>\n\n <LeftPanel collapsed={leftCollapsed}>\n {resolvedTabs.length > 0 ? (\n <>\n <PanelTabs\n value={currentTab}\n onChange={handleTabChangeInternal}\n aria-label=\"Left panel tabs\"\n >\n {resolvedTabs.map((tab) => (\n <Tab key={tab.value} label={tab.label} value={tab.value} />\n ))}\n </PanelTabs>\n <PanelContent>{currentTabContent}</PanelContent>\n </>\n ) : (\n leftPanel\n )}\n </LeftPanel>\n\n <RightPanel collapsed={rightCollapsed}>{rightPanel}</RightPanel>\n\n <FooterPanel>{footer}</FooterPanel>\n </FullscreenContainer>\n );\n}\n\nexport type {\n DisplayMode,\n FullscreenContainerProps,\n FullscreenWorkspaceProps,\n FullscreenWorkspaceTab,\n OverlayTheme,\n SVGLockedOverlayProps,\n TrendLineProps,\n CircularGaugeProps,\n SparklineProps,\n EquipmentIndicatorProps,\n EquipmentIndicatorWithSparklineProps,\n} from './types';\n\nexport {\n FullscreenContainer,\n LeftPanel,\n RightPanel,\n SVGArea,\n LeftToggleButton,\n RightToggleButton,\n DisplayModeToggle,\n ZoomControls,\n ZoomButton,\n FooterPanel,\n PanelTabs,\n PanelContent,\n FixedSVGContainer,\n ScrollableSVGWrapper,\n ChevronLeft,\n ChevronRight,\n} from './FullscreenWorkspace.styles';\n\nexport {\n overlayStyles,\n SVGLockedOverlay,\n DashboardCard,\n CardHeader,\n CardValue,\n CardUnit,\n} from './FullscreenWorkspace.overlays';\n\nexport {\n TrendLine,\n Sparkline,\n CircularGauge,\n EquipmentIndicator,\n EquipmentIndicatorWithSparkline,\n} from './FullscreenWorkspace.visuals';\n","import { Box, IconButton, Tabs } from '@mui/material';\nimport styled from '@emotion/styled';\nimport type { DisplayMode, FullscreenContainerProps } from './types';\n\nexport const FullscreenContainer = styled(Box)<FullscreenContainerProps>(\n ({ leftCollapsed, rightCollapsed }) => {\n const getGridTemplateAreas = () => {\n if (leftCollapsed && rightCollapsed) {\n return `\"svg-area\" \"footer\"`;\n }\n if (leftCollapsed) {\n return `\"svg-area right-panel\" \"footer footer\"`;\n }\n if (rightCollapsed) {\n return `\"left-panel svg-area\" \"footer footer\"`;\n }\n return `\"left-panel svg-area right-panel\" \"footer footer footer\"`;\n };\n\n const getGridTemplateColumns = () => {\n if (leftCollapsed && rightCollapsed) {\n return '1fr';\n }\n if (leftCollapsed) {\n return '1fr 380px';\n }\n if (rightCollapsed) {\n return '420px 1fr';\n }\n return '420px 1fr 380px';\n };\n\n return {\n width: '100vw',\n height: '100vh',\n background: '#f5f5f5',\n display: 'grid',\n gridTemplateAreas: getGridTemplateAreas(),\n gridTemplateRows: '1fr 100px',\n gridTemplateColumns: getGridTemplateColumns(),\n gap: '10px',\n padding: '10px',\n boxSizing: 'border-box',\n transition: 'grid-template-columns 0.3s ease-in-out',\n };\n }\n);\n\nexport const LeftPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\n gridArea: 'left-panel',\n background: 'rgba(255, 255, 255, 0.0)',\n border: '1px solid #ddd',\n borderRadius: '8px',\n padding: collapsed ? '0' : '15px',\n overflowY: 'auto',\n display: collapsed ? 'none' : 'block',\n transition: 'all 0.3s ease-in-out',\n}));\n\nexport const RightPanel = styled(Box)<{ collapsed: boolean }>(({ collapsed }) => ({\n gridArea: 'right-panel',\n background: 'rgba(255, 255, 255, 0.0)',\n border: '1px solid #ddd',\n borderRadius: '8px',\n padding: collapsed ? '0' : '15px',\n overflowY: 'auto',\n display: collapsed ? 'none' : 'block',\n transition: 'all 0.3s ease-in-out',\n}));\n\nexport const SVGArea = styled(Box)({\n gridArea: 'svg-area',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n position: 'relative',\n background: 'rgba(255, 255, 255, 0.0)',\n border: '1px solid #ddd',\n borderRadius: '8px',\n overflow: 'auto',\n width: '100%',\n height: '100%',\n});\n\nexport const LeftToggleButton = styled(IconButton)<{ collapsed: boolean }>(\n ({ collapsed }) => ({\n position: 'absolute',\n left: collapsed ? '10px' : '410px',\n top: '50%',\n transform: 'translateY(-50%)',\n zIndex: 1000,\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n border: '1px solid #ddd',\n transition: 'left 0.3s ease-in-out',\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 1)',\n },\n })\n);\n\nexport const RightToggleButton = styled(IconButton)<{ collapsed: boolean }>(\n ({ collapsed }) => ({\n position: 'absolute',\n right: collapsed ? '10px' : '370px',\n top: '50%',\n transform: 'translateY(-50%)',\n zIndex: 1000,\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n border: '1px solid #ddd',\n transition: 'right 0.3s ease-in-out',\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 1)',\n },\n })\n);\n\nexport const DisplayModeToggle = styled(IconButton)<{ mode: DisplayMode }>(({ mode }) => ({\n position: 'absolute',\n top: '50px',\n left: '75%',\n transform: 'translateX(-50%)',\n zIndex: 1000,\n backgroundColor:\n mode === 'dashboard' ? 'rgba(52, 152, 219, 0.9)' : 'rgba(255, 255, 255, 0.9)',\n color: mode === 'dashboard' ? 'white' : '#333',\n border: '1px solid #ddd',\n borderRadius: '20px',\n padding: '8px 16px',\n fontSize: '12px',\n fontWeight: '600',\n minWidth: '120px',\n transition: 'all 0.3s ease-in-out',\n '&:hover': {\n backgroundColor:\n mode === 'dashboard' ? 'rgba(52, 152, 219, 1)' : 'rgba(255, 255, 255, 1)',\n transform: 'translateX(-50%) scale(1.05)',\n },\n}));\n\nexport const ChevronLeft = () => (\n <div\n style={{\n width: 0,\n height: 0,\n borderTop: '6px solid transparent',\n borderBottom: '6px solid transparent',\n borderRight: '8px solid #666',\n }}\n />\n);\n\nexport const ChevronRight = () => (\n <div\n style={{\n width: 0,\n height: 0,\n borderTop: '6px solid transparent',\n borderBottom: '6px solid transparent',\n borderLeft: '8px solid #666',\n }}\n />\n);\n\nexport const ZoomControls = styled(Box)({\n position: 'absolute',\n top: '10px',\n right: '10px',\n display: 'flex',\n flexDirection: 'column',\n gap: '5px',\n zIndex: 1000,\n});\n\nexport const ZoomButton = styled(IconButton)({\n backgroundColor: 'rgba(255, 255, 255, 0.9)',\n border: '1px solid #ddd',\n width: '32px',\n height: '32px',\n fontSize: '14px',\n fontWeight: 'bold',\n '&:hover': {\n backgroundColor: 'rgba(255, 255, 255, 1)',\n },\n});\n\nexport const FooterPanel = styled(Box)({\n gridArea: 'footer',\n background: 'rgba(255, 255, 255, 0.95)',\n border: '1px solid #ddd',\n borderRadius: '8px',\n padding: '10px',\n display: 'flex',\n justifyContent: 'space-around',\n alignItems: 'center',\n});\n\nexport const PanelTabs = styled(Tabs)({\n minHeight: '36px',\n '& .MuiTabs-indicator': {\n backgroundColor: '#546e7a',\n },\n '& .MuiTab-root': {\n minHeight: '36px',\n padding: '6px 12px',\n fontSize: '12px',\n fontWeight: '600',\n textTransform: 'none',\n color: '#666',\n '&.Mui-selected': {\n color: '#546e7a',\n },\n },\n});\n\nexport const PanelContent = styled(Box)({\n flex: 1,\n overflow: 'auto',\n padding: '10px',\n});\n\nexport const FixedSVGContainer = styled('div')({\n position: 'relative',\n width: '1300px',\n height: '400px',\n minWidth: '1300px',\n minHeight: '400px',\n maxWidth: '1300px',\n maxHeight: '400px',\n border: 'none',\n backgroundColor: 'transparent',\n overflow: 'visible',\n '& .svg-locked-overlay': {\n position: 'absolute',\n pointerEvents: 'auto',\n zIndex: 10,\n },\n '& svg': {\n position: 'absolute',\n left: 0,\n top: 0,\n width: '1300px',\n height: '280px',\n minWidth: '1300px',\n minHeight: '280px',\n maxWidth: 'none',\n maxHeight: 'none',\n objectFit: 'none',\n transform: 'none',\n border: 'none',\n },\n});\n\nexport const ScrollableSVGWrapper = styled('div')({\n position: 'relative',\n width: '100%',\n height: '100%',\n overflow: 'auto',\n transform: 'rotateX(180deg)',\n padding: '250px',\n paddingTop: '200px',\n boxSizing: 'border-box',\n '& > *': {\n display: 'block',\n transform: 'rotateX(180deg)',\n },\n});\n","import { useEffect, useState } from 'react';\nimport { Box } from '@mui/material';\nimport styled from '@emotion/styled';\nimport type { OverlayTheme, SVGLockedOverlayProps } from './types';\n\nconst baseOverlayStyles = {\n tank: {\n background:\n 'linear-gradient(135deg, rgba(69, 90, 120, 0.95) 0%, rgba(52, 73, 94, 0.95) 100%)',\n border: '1px solid #455a64',\n color: 'white',\n borderRadius: '4px',\n fontSize: '12px',\n fontWeight: '500',\n textAlign: 'center' as const,\n padding: '8px',\n minWidth: '60px',\n boxShadow: '0 1px 4px rgba(69, 90, 120, 0.2)',\n },\n pressure: {\n background:\n 'linear-gradient(135deg, rgba(30, 50, 90, 0.75) 0%, rgba(20, 35, 70, 0.75) 100%)',\n border: '1px solid #1e3a8a',\n color: 'white',\n borderRadius: '4px',\n fontSize: '11px',\n fontWeight: '500',\n textAlign: 'center' as const,\n padding: '6px',\n minWidth: '50px',\n boxShadow: '0 1px 4px rgba(30, 50, 90, 0.15)',\n },\n vessel: {\n background:\n 'linear-gradient(135deg, rgba(84, 110, 122, 0.95) 0%, rgba(69, 90, 100, 0.95) 100%)',\n border: '1px solid #546e7a',\n color: 'white',\n borderRadius: '4px',\n fontSize: '13px',\n fontWeight: '500',\n textAlign: 'center' as const,\n padding: '8px',\n minWidth: '70px',\n boxShadow: '0 1px 4px rgba(84, 110, 122, 0.2)',\n },\n flow: {\n background:\n 'linear-gradient(135deg, rgba(102, 125, 102, 0.95) 0%, rgba(85, 107, 85, 0.95) 100%)',\n border: '1px solid #689f38',\n color: 'white',\n borderRadius: '4px',\n fontSize: '11px',\n fontWeight: '500',\n textAlign: 'center' as const,\n padding: '5px',\n minWidth: '60px',\n boxShadow: '0 1px 4px rgba(102, 125, 102, 0.2)',\n },\n} as const;\n\nexport const overlayStyles: Record<OverlayTheme, typeof baseOverlayStyles[OverlayTheme]> =\n baseOverlayStyles;\n\nexport const SVGLockedOverlay = ({\n svgX,\n svgY,\n children,\n theme,\n style = {},\n className = '',\n onClick,\n containerSelector = '.tff-svg-container',\n}: SVGLockedOverlayProps) => {\n const [svgOffset, setSvgOffset] = useState({ x: 0, y: 0 });\n\n useEffect(() => {\n const updateSvgOffset = () => {\n const containerElement = document.querySelector(containerSelector);\n const svgElement = containerElement?.querySelector('svg');\n\n if (svgElement && containerElement) {\n const svgRect = svgElement.getBoundingClientRect();\n const containerRect = containerElement.getBoundingClientRect();\n\n setSvgOffset({\n x: svgRect.left - containerRect.left,\n y: svgRect.top - containerRect.top,\n });\n }\n };\n\n updateSvgOffset();\n window.addEventListener('resize', updateSvgOffset);\n return () => window.removeEventListener('resize', updateSvgOffset);\n }, [containerSelector]);\n\n const pixelX = svgX + svgOffset.x;\n const pixelY = svgY + svgOffset.y;\n\n const appliedStyle = theme ? { ...overlayStyles[theme], ...style } : style;\n\n return (\n <Box\n className={`svg-locked-overlay ${className}`.trim()}\n onClick={onClick}\n sx={{\n position: 'absolute',\n left: `${pixelX}px`,\n top: `${pixelY}px`,\n cursor: onClick ? 'pointer' : 'default',\n zIndex: 10,\n pointerEvents: 'auto',\n ...appliedStyle,\n }}\n >\n {children}\n </Box>\n );\n};\n\nexport const DashboardCard = styled(Box)<{ svgX: number; svgY: number; cardType?: string }>(\n ({ svgX, svgY, cardType }) => ({\n position: 'absolute',\n left: svgX,\n top: svgY,\n background:\n cardType === 'critical'\n ? 'linear-gradient(135deg, rgba(220, 53, 69, 0.95) 0%, rgba(173, 20, 87, 0.95) 100%)'\n : cardType === 'warning'\n ? 'linear-gradient(135deg, rgba(255, 193, 7, 0.95) 0%, rgba(255, 143, 0, 0.95) 100%)'\n : cardType === 'vessel'\n ? 'linear-gradient(135deg, rgba(46, 204, 113, 0.95) 0%, rgba(39, 174, 96, 0.95) 100%)'\n : cardType === 'process'\n ? 'linear-gradient(135deg, rgba(155, 89, 182, 0.95) 0%, rgba(142, 68, 173, 0.95) 100%)'\n : cardType === 'control'\n ? 'linear-gradient(135deg, rgba(26, 188, 156, 0.95) 0%, rgba(22, 160, 133, 0.95) 100%)'\n : 'linear-gradient(135deg, rgba(52, 152, 219, 0.95) 0%, rgba(41, 128, 185, 0.95) 100%)',\n border: '1px solid rgba(255, 255, 255, 0.2)',\n borderRadius: '12px',\n padding: '12px',\n minWidth: '140px',\n boxShadow: '0 8px 32px rgba(0, 0, 0, 0.3)',\n backdropFilter: 'blur(10px)',\n color: 'white',\n fontSize: '12px',\n fontWeight: '600',\n textAlign: 'center',\n transform: 'translate(-50%, -50%)',\n transition: 'all 0.3s ease-in-out',\n cursor: 'pointer',\n '&:hover': {\n transform: 'translate(-50%, -50%) scale(1.05)',\n boxShadow: '0 12px 40px rgba(0, 0, 0, 0.4)',\n },\n })\n);\n\nexport const CardHeader = styled('div')<{ color?: string }>(({ color }) => ({\n fontSize: '10px',\n opacity: 0.9,\n marginBottom: '4px',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n color: color || 'inherit',\n borderBottom: color ? `1px solid ${color}40` : 'none',\n paddingBottom: color ? '2px' : '0',\n}));\n\nexport const CardValue = styled('div')({\n fontSize: '16px',\n fontWeight: '700',\n marginBottom: '2px',\n});\n\nexport const CardUnit = styled('div')({\n fontSize: '9px',\n opacity: 0.8,\n});\n\n","import type {\n CircularGaugeProps,\n EquipmentIndicatorProps,\n EquipmentIndicatorWithSparklineProps,\n SparklineProps,\n TrendLineProps,\n} from './types';\nimport { SVGLockedOverlay } from './FullscreenWorkspace.overlays';\n\nexport const TrendLine = ({\n values,\n width = 60,\n height = 20,\n color = '#4fc3f7',\n strokeWidth = 1.5,\n backgroundColor = 'rgba(255, 255, 255, 0.1)',\n}: TrendLineProps) => {\n if (!values || values.length < 2) {\n return (\n <div\n style={{\n width,\n height,\n backgroundColor,\n borderRadius: '2px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n >\n <span style={{ fontSize: '8px', color: '#ccc' }}>No data</span>\n </div>\n );\n }\n\n const minValue = Math.min(...values);\n const maxValue = Math.max(...values);\n const range = maxValue - minValue;\n\n const normalizedValues =\n range === 0\n ? values.map(() => height / 2)\n : values.map((v) => height - 4 - ((v - minValue) / range) * (height - 8));\n\n const pathData = normalizedValues\n .map((y, i) => {\n const x = 4 + (i / (values.length - 1)) * (width - 8);\n return i === 0 ? `M ${x} ${y}` : `L ${x} ${y}`;\n })\n .join(' ');\n\n return (\n <div\n style={{\n width,\n height,\n backgroundColor,\n borderRadius: '2px',\n position: 'relative',\n overflow: 'hidden',\n }}\n >\n <svg width={width} height={height} style={{ position: 'absolute', top: 0, left: 0 }}>\n <path\n d={pathData}\n fill=\"none\"\n stroke={color}\n strokeWidth={strokeWidth}\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n />\n <circle\n cx={4 + (width - 8)}\n cy={normalizedValues[normalizedValues.length - 1]}\n r={1.5}\n fill={color}\n />\n </svg>\n </div>\n );\n};\n\nconst hexToRgba = (hex: string, alpha: number) => {\n const r = parseInt(hex.slice(1, 3), 16);\n const g = parseInt(hex.slice(3, 5), 16);\n const b = parseInt(hex.slice(5, 7), 16);\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n\nexport const CircularGauge = ({\n value,\n max,\n unit,\n label,\n size = 60,\n color = 'rgba(255, 255, 255, 0.9)',\n}: CircularGaugeProps) => {\n const percentage = Math.min((value / max) * 100, 100);\n const strokeWidth = 4;\n const radius = (size - strokeWidth) / 2;\n const circumference = radius * 2 * Math.PI;\n const strokeDasharray = circumference;\n const strokeDashoffset = circumference - (percentage / 100) * circumference;\n\n const isHex = color.startsWith('#');\n const innerCircleColor = isHex ? hexToRgba(color, 0.8) : color;\n const borderColor = isHex ? hexToRgba(color, 0.9) : color;\n const backgroundColor = isHex ? hexToRgba(color, 0.15) : color;\n const borderStrokeColor = isHex ? hexToRgba(color, 0.4) : color;\n\n return (\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n }}\n >\n <div\n style={{\n position: 'relative',\n width: size,\n height: size,\n borderRadius: '50%',\n backgroundColor,\n border: `1px solid ${borderStrokeColor}`,\n }}\n >\n <svg width={size} height={size} style={{ transform: 'rotate(-90deg)' }}>\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius - strokeWidth - 2}\n fill={innerCircleColor}\n stroke={borderColor}\n strokeWidth={1}\n />\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n stroke=\"rgba(255, 255, 255, 0.2)\"\n strokeWidth={strokeWidth}\n fill=\"transparent\"\n />\n <circle\n cx={size / 2}\n cy={size / 2}\n r={radius}\n stroke={color}\n strokeWidth={strokeWidth}\n fill=\"transparent\"\n strokeDasharray={strokeDasharray}\n strokeDashoffset={strokeDashoffset}\n strokeLinecap=\"round\"\n style={{ transition: 'stroke-dashoffset 0.5s ease-in-out' }}\n />\n </svg>\n <div\n style={{\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n fontSize: '11px',\n fontWeight: '700',\n color: 'white',\n textAlign: 'center',\n textShadow: '0 1px 2px rgba(0, 0, 0, 0.5)',\n }}\n >\n {value.toFixed(1)}\n <div style={{ fontSize: '8px', opacity: 0.9, color: 'white' }}>{unit}</div>\n </div>\n </div>\n <div\n style={{\n fontSize: '9px',\n marginTop: '4px',\n opacity: 0.9,\n color: 'white',\n }}\n >\n {label}\n </div>\n </div>\n );\n};\n\nexport const Sparkline = ({ data, width, height, color }: SparklineProps) => {\n if (!data || data.length < 2) {\n return null;\n }\n\n const max = Math.max(...data);\n const min = Math.min(...data);\n const range = max - min;\n\n if (range === 0) {\n return null;\n }\n\n const points = data\n .map((value, index) => {\n const x = (index / (data.length - 1)) * (width - 8);\n const y = height - 8 - ((value - min) / range) * (height - 8);\n return `${x + 4},${y + 4}`;\n })\n .join(' ');\n\n return (\n <div\n style={{\n width,\n height,\n backgroundColor: 'rgba(0, 0, 0, 0.7)',\n border: '1px solid rgba(255, 255, 255, 0.3)',\n borderRadius: '4px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n boxShadow: '0 1px 3px rgba(0, 0, 0, 0.2)',\n }}\n >\n <svg width={width} height={height}>\n <polyline points={points} fill=\"none\" stroke={color} strokeWidth=\"1.5\" opacity=\"0.9\" />\n </svg>\n </div>\n );\n};\n\nexport const EquipmentIndicatorWithSparkline = ({\n svgX,\n svgY,\n color,\n label,\n size = 30,\n sparklineData,\n sparklineOffset = { x: 40, y: 0 },\n}: EquipmentIndicatorWithSparklineProps) => {\n const hasSparkline =\n sparklineData &&\n sparklineData.length > 1 &&\n Math.max(...sparklineData) !== Math.min(...sparklineData);\n\n return (\n <>\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={{ transform: 'translate(-50%, -50%)' }}>\n <div\n style={{\n width: size,\n height: size,\n borderRadius: '50%',\n backgroundColor: color,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'white',\n fontSize: '7px',\n fontWeight: '700',\n textAlign: 'center',\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\n border: '2px solid rgba(255, 255, 255, 0.3)',\n }}\n >\n {label}\n </div>\n </SVGLockedOverlay>\n\n {hasSparkline && (\n <SVGLockedOverlay svgX={svgX + sparklineOffset.x} svgY={svgY + sparklineOffset.y}>\n <Sparkline data={sparklineData!} width={60} height={20} color={color} />\n </SVGLockedOverlay>\n )}\n </>\n );\n};\n\nexport const EquipmentIndicator = ({\n svgX,\n svgY,\n color,\n label,\n size = 30,\n style,\n className,\n}: EquipmentIndicatorProps) => {\n const overlayStyle =\n style !== undefined\n ? { transform: 'translate(-50%, -50%)', ...style }\n : { transform: 'translate(-50%, -50%)' };\n\n return (\n <SVGLockedOverlay svgX={svgX} svgY={svgY} style={overlayStyle} className={className}>\n <div\n style={{\n width: size,\n height: size,\n borderRadius: '50%',\n backgroundColor: color,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n color: 'white',\n fontSize: '7px',\n fontWeight: '700',\n textAlign: 'center',\n boxShadow: '0 2px 8px rgba(0, 0, 0, 0.3)',\n border: '2px solid rgba(255, 255, 255, 0.3)',\n }}\n >\n {label}\n </div>\n </SVGLockedOverlay>\n );\n};\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 } 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 { 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\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 /** 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}\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 /** Telemetry data bindings for live values */\r\n telemetry?: TelemetryMap;\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 telemetry,\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 // Sync external diagram changes to local state\r\n useEffect(() => {\r\n setLocalDiagram(diagram);\r\n }, [diagram]);\r\n\r\n const {\r\n viewBox: controlledViewBox,\r\n svgRef,\r\n screenToWorld,\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 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\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 // 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 setLocalDiagram(updatedDiagram);\r\n onDiagramChange?.(updatedDiagram);\r\n onNodeMove?.(nodeId, finalPosition.x, finalPosition.y);\r\n },\r\n [localDiagram, onDiagramChange, onNodeMove, selectionEnabled, selectNode]\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 // 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 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 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 // 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 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]\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 // 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 setLocalDiagram(updatedDiagram);\r\n clearSelection();\r\n onDiagramChange?.(updatedDiagram);\r\n onDelete?.(Array.from(selectedNodeIds), Array.from(selectedPipeIds));\r\n }, [selection, localDiagram, selectionEnabled, clearSelection, onDiagramChange, onDelete]);\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 = () => {\r\n if (selectionEnabled) {\r\n clearSelection();\r\n }\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]\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]\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 if (distance < 10) {\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 return (\r\n <div\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 grid - covers entire viewBox */}\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 {/* 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={selectionEnabled || features.connectionMode ? handleNodeClick : undefined}\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 />\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 onWaypointDragStart={handleWaypointDragStart}\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 above the node\r\n const overlayY = node.transform.y - symbol.viewBox.height / 2 - 10;\r\n\r\n return (\r\n <DataOverlay\r\n key={`telemetry-${node.id}`}\r\n nodeId={node.id}\r\n x={node.transform.x}\r\n y={overlayY}\r\n telemetry={binding}\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 node */}\r\n <circle\r\n cx={sourceNode.transform.x}\r\n cy={sourceNode.transform.y}\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\" pointerEvents=\"none\">\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 <circle\r\n key={`${node.id}-${port.id}`}\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 />\r\n );\r\n });\r\n })}\r\n </g>\r\n )}\r\n </svg>\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-ball': {\r\n id: 'valve-ball',\r\n name: 'Ball Valve',\r\n category: 'valve',\r\n viewBox: { x: 0, y: 0, width: 50, height: 50 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 25, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 50, y: 25, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g>\r\n <!-- Valve body -->\r\n <rect x=\"15\" y=\"10\" width=\"20\" height=\"30\" fill=\"#546e7a\" stroke=\"#263238\" stroke-width=\"2\" rx=\"2\"/>\r\n <!-- Ball indicator -->\r\n <circle cx=\"25\" cy=\"25\" r=\"6\" fill=\"#ffa726\" stroke=\"#e65100\" stroke-width=\"1.5\"/>\r\n <!-- Inlet/outlet lines -->\r\n <line x1=\"0\" y1=\"25\" x2=\"15\" y2=\"25\" stroke=\"#263238\" stroke-width=\"3\" stroke-linecap=\"round\"/>\r\n <line x1=\"35\" y1=\"25\" x2=\"50\" y2=\"25\" stroke=\"#263238\" stroke-width=\"3\" stroke-linecap=\"round\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Ball valve for flow control',\r\n tags: ['valve', 'control', 'shutoff'],\r\n },\r\n },\r\n\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: 52, height: 52 },\r\n ports: [\r\n { id: 'inlet', x: 0, y: 36, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 52, y: 36, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g>\r\n <!-- Actuator box -->\r\n <rect x=\"16.74\" y=\"0\" width=\"18.02\" height=\"18.02\" fill=\"#edeeef\" 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=\"#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=\"#edeeef\" 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-centrifugal': {\r\n id: 'pump-centrifugal',\r\n name: 'Centrifugal Pump',\r\n category: 'pump',\r\n viewBox: { x: 0, y: 0, width: 80, height: 60 },\r\n ports: [\r\n { id: 'inlet', x: 10, y: 30, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 70, y: 30, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g>\r\n <!-- Pump casing -->\r\n <circle cx=\"40\" cy=\"30\" r=\"22\" fill=\"#4fc3f7\" stroke=\"#0277bd\" stroke-width=\"2.5\"/>\r\n <!-- Impeller -->\r\n <path d=\"M 40 30 L 50 20 M 40 30 L 50 40 M 40 30 L 30 40 M 40 30 L 30 20\" \r\n stroke=\"#01579b\" stroke-width=\"2.5\" stroke-linecap=\"round\"/>\r\n <!-- Center hub -->\r\n <circle cx=\"40\" cy=\"30\" r=\"5\" fill=\"#0277bd\" stroke=\"#01579b\" stroke-width=\"1.5\"/>\r\n <!-- Inlet pipe -->\r\n <line x1=\"0\" y1=\"30\" x2=\"18\" y2=\"30\" stroke=\"#0277bd\" stroke-width=\"4\" stroke-linecap=\"round\"/>\r\n <!-- Outlet pipe -->\r\n <line x1=\"62\" y1=\"30\" x2=\"80\" y2=\"30\" stroke=\"#0277bd\" stroke-width=\"4\" stroke-linecap=\"round\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Centrifugal pump for fluid transfer',\r\n tags: ['pump', 'centrifugal', 'transfer'],\r\n },\r\n },\r\n\r\n 'vessel-tank': {\r\n id: 'vessel-tank',\r\n name: 'Storage Tank',\r\n category: 'vessel',\r\n viewBox: { x: 0, y: 0, width: 60, height: 80 },\r\n ports: [\r\n { id: 'inlet', x: 30, y: 10, type: 'inlet', direction: 'in' },\r\n { id: 'outlet', x: 30, y: 70, type: 'outlet', direction: 'out' },\r\n ],\r\n svgContent: `\r\n <g>\r\n <!-- Tank body -->\r\n <rect x=\"10\" y=\"15\" width=\"40\" height=\"50\" fill=\"#66bb6a\" stroke=\"#2e7d32\" stroke-width=\"2.5\" rx=\"3\"/>\r\n <!-- Tank bottom (rounded) -->\r\n <ellipse cx=\"30\" cy=\"65\" rx=\"20\" ry=\"8\" fill=\"#66bb6a\" stroke=\"#2e7d32\" stroke-width=\"2.5\"/>\r\n <!-- Liquid level indicator -->\r\n <rect x=\"12\" y=\"35\" width=\"36\" height=\"28\" fill=\"#4dd0e1\" opacity=\"0.6\"/>\r\n <!-- Inlet pipe -->\r\n <line x1=\"30\" y1=\"0\" x2=\"30\" y2=\"15\" stroke=\"#2e7d32\" stroke-width=\"3\" stroke-linecap=\"round\"/>\r\n <!-- Outlet pipe -->\r\n <line x1=\"30\" y1=\"65\" x2=\"30\" y2=\"80\" stroke=\"#2e7d32\" stroke-width=\"3\" stroke-linecap=\"round\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Storage vessel for liquids',\r\n tags: ['vessel', 'tank', 'storage'],\r\n },\r\n },\r\n\r\n 'instrument-indicator': {\r\n id: 'instrument-indicator',\r\n name: 'Instrument Indicator',\r\n category: 'instrument',\r\n viewBox: { x: 0, y: 0, width: 40, height: 40 },\r\n ports: [\r\n { id: 'signal', x: 20, y: 40, type: 'signal', direction: 'bi' },\r\n ],\r\n svgContent: `\r\n <g>\r\n <!-- Instrument circle -->\r\n <circle cx=\"20\" cy=\"20\" r=\"15\" fill=\"#fff\" stroke=\"#616161\" stroke-width=\"2\"/>\r\n <!-- Inner circle -->\r\n <circle cx=\"20\" cy=\"20\" r=\"12\" fill=\"none\" stroke=\"#616161\" stroke-width=\"1\"/>\r\n <!-- Signal line -->\r\n <line x1=\"20\" y1=\"35\" x2=\"20\" y2=\"40\" stroke=\"#616161\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n </g>\r\n `,\r\n metadata: {\r\n description: 'Generic instrument indicator',\r\n tags: ['instrument', 'indicator', 'measurement'],\r\n },\r\n },\r\n};\r\n\r\n/**\r\n * Get symbol definition by ID\r\n */\r\nexport function getSymbolDefinition(symbolId: string): SymbolDefinition | undefined {\r\n return mockSymbolLibrary[symbolId];\r\n}\r\n\r\n/**\r\n * Get all available symbol IDs\r\n */\r\nexport function getAvailableSymbols(): string[] {\r\n return 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\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}\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}: 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 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 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 style={{\r\n cursor: enableDrag\r\n ? isDragging\r\n ? 'grabbing'\r\n : 'grab'\r\n : onNodeClick\r\n ? 'pointer'\r\n : 'default',\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=\"10\"\r\n fontWeight=\"600\"\r\n fill={isSelected ? '#3b82f6' : '#1f2937'}\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 /** 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 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 || '#263238';\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\r\n const isDragging = isEditing && draggingWaypointIndex === idx;\r\n const waypointSize = isDragging ? 8 : showEditingControls ? 6 : isSelected ? 3 : 2;\r\n const waypointOpacity = 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 // Endpoints get a different color when editable\r\n const waypointColor =\r\n isEndpoint && showEditingControls ? '#f59e0b' : isDragging ? '#10b981' : stroke;\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 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\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}\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({ nodeId, x, y, telemetry }: DataOverlayProps): React.ReactElement {\r\n const { value, display, history } = 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 const precision = display?.precision;\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 // Status color mapping - use custom colors if provided, otherwise defaults\r\n const defaultStatusColors: Record<string, { bg: string; text: string; border: string }> = {\r\n normal: { bg: '#10b981', text: '#ffffff', border: '#059669' },\r\n warning: { bg: '#f59e0b', text: '#ffffff', border: '#d97706' },\r\n alarm: { bg: '#ef4444', text: '#ffffff', border: '#dc2626' },\r\n fault: { bg: '#dc2626', text: '#ffffff', border: '#b91c1c' },\r\n off: { bg: '#6b7280', text: '#ffffff', border: '#4b5563' },\r\n };\r\n\r\n // Apply custom colors if provided\r\n const customColor = telemetry.statusColors?.[value.status];\r\n const defaultColorSet = defaultStatusColors[value.status] || defaultStatusColors.normal;\r\n\r\n const statusColors = customColor\r\n ? { bg: customColor, text: '#ffffff', border: customColor }\r\n : defaultColorSet;\r\n\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 = value.unit ? `${formattedValue} ${value.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;\r\n const height = 20;\r\n const padding = 5;\r\n const effectiveWidth = width - padding * 2;\r\n const effectiveHeight = height - padding * 2;\r\n\r\n const min = Math.min(...history);\r\n const max = 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;\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 - 40}\r\n y={displayY - 25}\r\n width=\"80\"\r\n height={overlayHeight}\r\n rx=\"4\"\r\n fill={colors.bg}\r\n stroke={colors.border}\r\n strokeWidth=\"1\"\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}\r\n textAnchor=\"middle\"\r\n fontSize=\"8\"\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 : displayY - 9}\r\n textAnchor=\"middle\"\r\n fontSize=\"11\"\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 cx={displayX + 35} cy={displayY - 18} r=\"3\" fill={finalTextColor} opacity=\"0.9\">\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}\r\n textAnchor=\"middle\"\r\n fontSize=\"7\"\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}, ${displayY + (label ? 5 : 0)})`}>\r\n <path\r\n d={sparklinePath}\r\n fill=\"none\"\r\n stroke={sparklineColor || finalTextColor}\r\n strokeWidth=\"1.5\"\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 { 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 /** 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 // 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 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 { 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 // Filter symbols by category and search\r\n const filteredSymbols = allSymbols.filter((symbol) => {\r\n const matchesCategory = selectedCategory === 'all' || symbol.category === selectedCategory;\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 </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","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","React","jsx","useEffect","useState","Box","styled","jsx","jsx","jsxs","Fragment","jsx","jsxs","React","useState","useEffect","jsx","jsx","jsxs","useCallback","useState","useEffect","jsx","jsxs","nodes","Fragment","jsx","jsxs","Fragment","jsx","jsxs","useState","useCallback","useRef","useEffect","useState","useCallback","useState","useCallback","useEffect","useRef","useState","useCallback","useRef","useEffect","useEffect","Fragment","jsx","jsxs","useState","useEffect","useCallback","useState","jsx","jsxs","useState","Fragment","jsx","jsxs","useEffect","useEffect"]}