@zendir/ui 0.5.0 → 0.6.0

package/dist/react/core/widgets/CommandBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandBuilder.js","sources":["../../../../src/react/core/widgets/CommandBuilder.tsx"],"sourcesContent":["/**\n * @zendir/ui - CommandBuilder Component\n * \n * Dynamic command parameter form for spacecraft command construction and execution.\n * Builds a form from a command definition with type-appropriate inputs,\n * validation, hazardous warnings, and send/history functionality.\n * \n * Features:\n * - Auto-generated form from command parameter definitions\n * - Type-appropriate inputs (number, string, boolean, enum/state, hex)\n * - Validation with min/max/regex constraints\n * - Hazardous command warnings\n * - Command history with re-send\n * - Raw command preview\n * - Required/optional parameter indicators\n * - Default values\n * \n * @example\n * ```tsx\n * <CommandBuilder\n *   target=\"INST\"\n *   command=\"COLLECT\"\n *   parameters={[\n *     { name: 'TYPE', type: 'enum', options: ['NORMAL', 'SPECIAL'], required: true },\n *     { name: 'DURATION', type: 'float', min: 0, max: 100, default: 1.0, units: 'sec' },\n *   ]}\n *   onSend={(params) => console.log('Send:', params)}\n * />\n * ```\n */\n\nimport React, { useState, useCallback, useMemo, memo } from 'react';\nimport { useTheme } from '../../theme';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CommandParamType = 'int' | 'uint' | 'float' | 'string' | 'boolean' | 'enum' | 'hex' | 'block';\n\nexport interface CommandParameter {\n  /** Parameter name */\n  name: string;\n  /** Parameter type */\n  type: CommandParamType;\n  /** Description */\n  description?: string;\n  /** Default value */\n  default?: unknown;\n  /** Whether parameter is required (default: true) */\n  required?: boolean;\n  /** Minimum value (for numeric types) */\n  min?: number;\n  /** Maximum value (for numeric types) */\n  max?: number;\n  /** Bit size */\n  bitSize?: number;\n  /** Enum options (for enum type) */\n  options?: (string | number)[];\n  /** Units label */\n  units?: string;\n  /** Validation regex pattern (for string type) */\n  pattern?: string;\n  /** Whether this is a hazardous parameter */\n  hazardous?: boolean;\n  /** Hazardous description */\n  hazardousDescription?: string;\n}\n\nexport interface CommandHistoryEntry {\n  id: string;\n  timestamp: Date;\n  target: string;\n  command: string;\n  parameters: Record<string, unknown>;\n  status: 'sent' | 'success' | 'error';\n  error?: string;\n}\n\nexport interface CommandBuilderProps {\n  /** Target name */\n  target: string;\n  /** Command name */\n  command: string;\n  /** Command description */\n  description?: string;\n  /** Whether this is a hazardous command */\n  hazardous?: boolean;\n  /** Hazardous warning text */\n  hazardousDescription?: string;\n  /** Command parameters */\n  parameters: CommandParameter[];\n  /** Called when command is sent */\n  onSend: (params: Record<string, unknown>) => void | Promise<void>;\n  /** Command history entries */\n  history?: CommandHistoryEntry[];\n  /** Show command history (default: true) */\n  showHistory?: boolean;\n  /** Show raw command preview (default: true) */\n  showPreview?: boolean;\n  /** Whether send is disabled */\n  disabled?: boolean;\n  /** Height (default: auto) */\n  height?: number | string;\n  /** CSS class */\n  className?: string;\n  /** Show outer container border (default: true). Set false when embedded inside a Container/card. */\n  bordered?: boolean;\n  /** Custom style overrides for the outer container */\n  style?: React.CSSProperties;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport const CommandBuilder = memo(function CommandBuilder({\n  target,\n  command,\n  description,\n  hazardous = false,\n  hazardousDescription,\n  parameters,\n  onSend,\n  history = [],\n  showHistory = true,\n  showPreview = true,\n  disabled = false,\n  height,\n  className = '',\n  bordered = true,\n  style: styleProp,\n}: CommandBuilderProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === 'transparent' || theme === 'transparent-bold' || theme === 'transparent-minimal';\n  const [values, setValues] = useState<Record<string, unknown>>(() => {\n    const defaults: Record<string, unknown> = {};\n    parameters.forEach(p => {\n      if (p.default !== undefined) defaults[p.name] = p.default;\n      else if (p.type === 'boolean') defaults[p.name] = false;\n      else if (p.type === 'enum' && p.options?.length) defaults[p.name] = p.options[0];\n      else defaults[p.name] = '';\n    });\n    return defaults;\n  });\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [sending, setSending] = useState(false);\n  const [showConfirm, setShowConfirm] = useState(false);\n  const [showHistoryPanel, setShowHistoryPanel] = useState(false);\n\n  const setValue = useCallback((name: string, value: unknown) => {\n    setValues(prev => ({ ...prev, [name]: value }));\n    setErrors(prev => {\n      const next = { ...prev };\n      delete next[name];\n      return next;\n    });\n  }, []);\n\n  const validate = useCallback((): boolean => {\n    const errs: Record<string, string> = {};\n    parameters.forEach(p => {\n      const val = values[p.name];\n      const required = p.required !== false;\n      if (required && (val === undefined || val === '' || val === null)) {\n        errs[p.name] = 'Required';\n        return;\n      }\n      if (val === '' || val === undefined) return;\n      if ((p.type === 'int' || p.type === 'uint' || p.type === 'float') && typeof val === 'string') {\n        const num = Number(val);\n        if (isNaN(num)) { errs[p.name] = 'Must be a number'; return; }\n        if (p.min !== undefined && num < p.min) { errs[p.name] = `Min: ${p.min}`; return; }\n        if (p.max !== undefined && num > p.max) { errs[p.name] = `Max: ${p.max}`; return; }\n        if (p.type === 'uint' && num < 0) { errs[p.name] = 'Must be >= 0'; return; }\n        if (p.type === 'int' && !Number.isInteger(num)) { errs[p.name] = 'Must be integer'; return; }\n      }\n      if (p.type === 'string' && p.pattern && typeof val === 'string') {\n        if (!new RegExp(p.pattern).test(val)) { errs[p.name] = 'Invalid format'; }\n      }\n    });\n    setErrors(errs);\n    return Object.keys(errs).length === 0;\n  }, [parameters, values]);\n\n  const handleSend = useCallback(async () => {\n    if (!validate()) return;\n    if (hazardous && !showConfirm) {\n      setShowConfirm(true);\n      return;\n    }\n    setShowConfirm(false);\n    setSending(true);\n    try {\n      const processedValues: Record<string, unknown> = {};\n      parameters.forEach(p => {\n        let val = values[p.name];\n        if ((p.type === 'int' || p.type === 'uint' || p.type === 'float') && typeof val === 'string') {\n          val = Number(val);\n        }\n        processedValues[p.name] = val;\n      });\n      await onSend(processedValues);\n    } finally {\n      setSending(false);\n    }\n  }, [validate, hazardous, showConfirm, parameters, values, onSend]);\n\n  const commandString = useMemo(() => {\n    const params = parameters.map(p => `${p.name}=${JSON.stringify(values[p.name] ?? '')}`).join(', ');\n    return `cmd(\"${target} ${command}\" ${params ? `with ${params}` : ''})`;\n  }, [target, command, parameters, values]);\n\n  const resetToDefaults = useCallback(() => {\n    const defaults: Record<string, unknown> = {};\n    parameters.forEach(p => {\n      if (p.default !== undefined) defaults[p.name] = p.default;\n      else if (p.type === 'boolean') defaults[p.name] = false;\n      else if (p.type === 'enum' && p.options?.length) defaults[p.name] = p.options[0];\n      else defaults[p.name] = '';\n    });\n    setValues(defaults);\n    setErrors({});\n  }, [parameters]);\n\n  const inputStyle: React.CSSProperties = {\n    background: tokens.colors.background.base,\n    color: tokens.colors.text.primary,\n    border: `1px solid ${tokens.colors.border.muted}`,\n    borderRadius: tokens.borderRadius.md,\n    padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n    fontSize: tokens.typography.fontSize.xs,\n    outline: 'none',\n    fontFamily: tokens.typography.fontFamily.mono,\n    width: '100%',\n    minHeight: 40,\n    boxSizing: 'border-box' as const,\n    transition: 'border-color 150ms ease',\n  };\n\n  return (\n    <div\n      className={`command-builder ${className}`}\n      style={{\n        height: typeof height === 'number' ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(bordered ? (tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` }) : { border: 'none' }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: 'hidden',\n        display: 'flex',\n        flexDirection: 'column',\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? 'blur(10px)' : undefined,\n        ...styleProp,\n      }}\n    >\n      {/* Header */}\n      <div style={{\n        padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n        borderBottom: `1px solid ${tokens.colors.border.muted}`,\n        background: hazardous ? `${tokens.colors.status.critical}12` : tokens.colors.background.surface,\n        display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n      }}>\n        <div style={{ display: 'flex', alignItems: 'center', gap: tokens.spacing.sm }}>\n          {hazardous && <span role=\"img\" aria-label=\"Hazardous command\" style={{ fontSize: tokens.typography.fontSize.lg }}>&#x26A0;</span>}\n          <span style={{\n            background: `${tokens.colors.interactive.default}22`,\n            color: tokens.colors.interactive.default,\n            padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n            borderRadius: tokens.borderRadius.md,\n            fontSize: tokens.typography.fontSize.xxs,\n            fontWeight: tokens.typography.fontWeight.medium,\n          }}>\n            {target}\n          </span>\n          <span style={{ fontWeight: tokens.typography.fontWeight.bold, fontSize: tokens.typography.fontSize.sm }}>{command}</span>\n          {hazardous && (\n            <span style={{\n              background: `${tokens.colors.status.critical}22`,\n              color: tokens.colors.status.critical,\n              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n              borderRadius: tokens.borderRadius.sm,\n              fontSize: tokens.typography.fontSize.micro,\n              fontWeight: tokens.typography.fontWeight.bold,\n              textTransform: 'uppercase',\n              letterSpacing: '0.5px',\n            }}>\n              Hazardous\n            </span>\n          )}\n        </div>\n        {showHistory && history.length > 0 && (\n          <button\n            onClick={() => setShowHistoryPanel(p => !p)}\n            aria-expanded={showHistoryPanel}\n            aria-label={`Command history (${history.length} entries)`}\n            style={{\n              background: tokens.colors.background.base,\n              color: tokens.colors.text.secondary,\n              border: `1px solid ${tokens.colors.border.muted}`,\n              borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xxs,\n              cursor: 'pointer',\n              transition: 'all 150ms ease',\n            }}\n          >\n            History ({history.length})\n          </button>\n        )}\n      </div>\n\n      {description && (\n        <div style={{\n          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n          fontSize: tokens.typography.fontSize.xs,\n          color: tokens.colors.text.secondary,\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\n          lineHeight: tokens.typography.lineHeight.normal,\n        }}>\n          {description}\n        </div>\n      )}\n\n      {/* Parameters form */}\n      <div role=\"form\" aria-label={`${target} ${command} parameters`} style={{ flex: 1, overflow: 'auto', padding: tokens.spacing.smd }}>\n        {parameters.length === 0 ? (\n          <div style={{\n            color: tokens.colors.text.muted,\n            fontSize: tokens.typography.fontSize.xs,\n            textAlign: 'center',\n            padding: tokens.spacing.xl,\n          }}>\n            No parameters — command will be sent as-is\n          </div>\n        ) : (\n          <div style={{ display: 'flex', flexDirection: 'column', gap: tokens.spacing.smd }}>\n            {parameters.map(p => (\n              <div key={p.name}>\n                <div style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: tokens.spacing.sm,\n                  marginBottom: tokens.spacing.xs,\n                }}>\n                  <label htmlFor={`cmd-param-${p.name}`} style={{\n                    fontWeight: tokens.typography.fontWeight.medium,\n                    fontSize: tokens.typography.fontSize.xs,\n                    color: tokens.colors.text.primary,\n                  }}>\n                    {p.name}\n                    {p.required !== false && <span aria-label=\"required\" style={{ color: tokens.colors.status.critical, marginLeft: tokens.spacing.xxs }}>*</span>}\n                  </label>\n                  <span style={{\n                    fontSize: tokens.typography.fontSize.xxs,\n                    color: tokens.colors.text.muted,\n                    background: tokens.colors.background.surface,\n                    padding: `1px ${tokens.spacing.xs}`,\n                    borderRadius: tokens.borderRadius.sm,\n                  }}>\n                    {p.type}{p.bitSize ? ` (${p.bitSize}b)` : ''}\n                  </span>\n                  {p.units && <span style={{ fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.interactive.default }}>[{p.units}]</span>}\n                  {p.hazardous && <span aria-label=\"Hazardous parameter\" style={{ fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.status.critical }}>&#x26A0;</span>}\n                </div>\n                {p.description && (\n                  <div id={`cmd-param-desc-${p.name}`} style={{\n                    fontSize: tokens.typography.fontSize.xxs,\n                    color: tokens.colors.text.muted,\n                    marginBottom: tokens.spacing.xs,\n                    lineHeight: tokens.typography.lineHeight.tight,\n                  }}>\n                    {p.description}\n                  </div>\n                )}\n                \n                {/* Input by type */}\n                {p.type === 'boolean' ? (\n                  <label style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    gap: tokens.spacing.sm,\n                    fontSize: tokens.typography.fontSize.xs,\n                    cursor: 'pointer',\n                  }}>\n                    <input\n                      id={`cmd-param-${p.name}`}\n                      type=\"checkbox\"\n                      checked={!!values[p.name]}\n                      onChange={e => setValue(p.name, e.target.checked)}\n                      aria-describedby={p.description ? `cmd-param-desc-${p.name}` : undefined}\n                      style={{ accentColor: tokens.colors.interactive.default }}\n                    />\n                    {values[p.name] ? 'TRUE' : 'FALSE'}\n                  </label>\n                ) : p.type === 'enum' ? (\n                  <select\n                    id={`cmd-param-${p.name}`}\n                    value={String(values[p.name] ?? '')}\n                    onChange={e => setValue(p.name, e.target.value)}\n                    aria-describedby={p.description ? `cmd-param-desc-${p.name}` : undefined}\n                    style={inputStyle}\n                  >\n                    {p.options?.map(opt => (\n                      <option key={String(opt)} value={String(opt)}>{String(opt)}</option>\n                    ))}\n                  </select>\n                ) : (\n                  <input\n                    id={`cmd-param-${p.name}`}\n                    type={p.type === 'int' || p.type === 'uint' || p.type === 'float' ? 'number' : 'text'}\n                    value={String(values[p.name] ?? '')}\n                    onChange={e => setValue(p.name, e.target.value)}\n                    placeholder={p.default !== undefined ? `Default: ${p.default}` : undefined}\n                    min={p.min} max={p.max}\n                    step={p.type === 'float' ? 'any' : 1}\n                    aria-describedby={p.description ? `cmd-param-desc-${p.name}` : undefined}\n                    aria-invalid={!!errors[p.name]}\n                    style={{\n                      ...inputStyle,\n                      borderColor: errors[p.name] ? tokens.colors.status.critical : tokens.colors.border.muted,\n                    }}\n                  />\n                )}\n                {errors[p.name] && (\n                  <span role=\"alert\" style={{\n                    display: 'block',\n                    fontSize: tokens.typography.fontSize.xxs,\n                    color: tokens.colors.status.critical,\n                    marginTop: tokens.spacing.xxs,\n                  }}>\n                    {errors[p.name]}\n                  </span>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Command preview */}\n      {showPreview && (\n        <div aria-label=\"Command preview\" style={{\n          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          background: tokens.colors.background.surface,\n          fontFamily: tokens.typography.fontFamily.mono,\n          fontSize: tokens.typography.fontSize.xxs,\n          color: tokens.colors.text.muted,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n        }}>\n          {commandString}\n        </div>\n      )}\n\n      {/* Hazardous confirmation */}\n      {showConfirm && (\n        <div role=\"alertdialog\" aria-label=\"Confirm hazardous command\" style={{\n          padding: tokens.spacing.smd,\n          borderTop: `1px solid ${tokens.colors.status.critical}44`,\n          background: `${tokens.colors.status.critical}12`,\n        }}>\n          <div style={{\n            fontWeight: tokens.typography.fontWeight.bold,\n            color: tokens.colors.status.critical,\n            marginBottom: tokens.spacing.sm,\n            fontSize: tokens.typography.fontSize.sm,\n          }}>\n            Confirm Hazardous Command\n          </div>\n          <p style={{\n            fontSize: tokens.typography.fontSize.xs,\n            color: tokens.colors.text.secondary,\n            marginBottom: tokens.spacing.smd,\n            lineHeight: tokens.typography.lineHeight.normal,\n          }}>\n            {hazardousDescription || `Are you sure you want to send ${target} ${command}?`}\n          </p>\n          <div style={{ display: 'flex', gap: tokens.spacing.sm }}>\n            <button\n              onClick={handleSend}\n              style={{\n                background: tokens.colors.status.critical,\n                color: tokens.colors.text.inverse,\n                border: 'none',\n                borderRadius: tokens.borderRadius.md,\n                padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n                cursor: 'pointer',\n                transition: 'opacity 150ms ease',\n              }}\n            >\n              Confirm Send\n            </button>\n            <button\n              onClick={() => setShowConfirm(false)}\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.secondary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n                fontSize: tokens.typography.fontSize.xs,\n                cursor: 'pointer',\n                transition: 'opacity 150ms ease',\n              }}\n            >\n              Cancel\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Send button bar */}\n      {!showConfirm && (\n        <div style={{\n          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          background: tokens.colors.background.surface,\n          display: 'flex', alignItems: 'center', justifyContent: 'space-between',\n        }}>\n          <button onClick={resetToDefaults} aria-label=\"Reset all parameters to defaults\" style={{\n            background: 'transparent',\n            color: tokens.colors.text.muted,\n            border: `1px solid ${tokens.colors.border.muted}`,\n            borderRadius: tokens.borderRadius.md,\n            padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n            fontSize: tokens.typography.fontSize.xxs,\n            cursor: 'pointer',\n            transition: 'all 150ms ease',\n          }}>\n            Reset Defaults\n          </button>\n          <button\n            onClick={handleSend}\n            disabled={disabled || sending}\n            aria-busy={sending}\n            style={{\n              background: hazardous ? tokens.colors.status.critical : tokens.colors.interactive.default,\n              color: tokens.colors.text.inverse,\n              border: 'none',\n              borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.sm} ${tokens.spacing.lg}`,\n              fontSize: tokens.typography.fontSize.sm,\n              fontWeight: tokens.typography.fontWeight.medium,\n              cursor: disabled || sending ? 'not-allowed' : 'pointer',\n              opacity: disabled || sending ? 0.5 : 1,\n              transition: 'opacity 150ms ease',\n            }}\n          >\n            {sending ? 'Sending...' : 'Send Command'}\n          </button>\n        </div>\n      )}\n\n      {/* History panel */}\n      {showHistoryPanel && history.length > 0 && (\n        <div role=\"list\" aria-label=\"Command history\" style={{\n          borderTop: `1px solid ${tokens.colors.border.muted}`,\n          background: tokens.colors.background.surface,\n          maxHeight: 200, overflow: 'auto',\n        }}>\n          <div style={{\n            padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n            fontSize: tokens.typography.fontSize.xxs,\n            color: tokens.colors.text.muted,\n            fontWeight: tokens.typography.fontWeight.medium,\n            textTransform: 'uppercase',\n            letterSpacing: '0.5px',\n          }}>\n            Command History\n          </div>\n          {history.slice().reverse().map(h => (\n            <div\n              role=\"listitem\"\n              key={h.id}\n              style={{\n                borderBottom: `1px solid ${tokens.colors.border.muted}`,\n              }}\n            >\n              <button\n                type=\"button\"\n                aria-label={`${h.status} at ${h.timestamp.toLocaleTimeString()}`}\n                style={{\n                  width: '100%',\n                  textAlign: 'left',\n                  padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n                  fontSize: tokens.typography.fontSize.xxs,\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: tokens.spacing.sm,\n                  cursor: 'pointer',\n                  transition: 'background 150ms ease',\n                  border: 'none',\n                  background: 'transparent',\n                  color: 'inherit',\n                }}\n                onClick={() => setValues(h.parameters)}\n              >\n              {/* Astro UX status shape */}\n              <span aria-hidden=\"true\" style={{\n                width: 8, height: 8, flexShrink: 0,\n                ...(h.status === 'success' ? {\n                  borderRadius: tokens.borderRadius.full,\n                  background: tokens.colors.status.normal,\n                } : h.status === 'error' ? {\n                  borderRadius: 0,\n                  background: tokens.colors.status.critical,\n                  clipPath: 'polygon(50% 100%, 0% 0%, 100% 0%)',\n                } : {\n                  borderRadius: tokens.borderRadius.full,\n                  background: 'transparent',\n                  border: `2px solid ${tokens.colors.status.standby}`,\n                }),\n              }} />\n              <span style={{\n                color: tokens.colors.text.muted,\n                fontFamily: tokens.typography.fontFamily.mono,\n                fontSize: tokens.typography.fontSize.xxs,\n                flexShrink: 0,\n              }}>\n                {h.timestamp.toLocaleTimeString()}\n              </span>\n              <span style={{\n                fontFamily: tokens.typography.fontFamily.mono,\n                fontSize: tokens.typography.fontSize.xxs,\n                flex: 1,\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                whiteSpace: 'nowrap',\n              }}>\n                {Object.entries(h.parameters).map(([k, v]) => `${k}=${JSON.stringify(v)}`).join(', ')}\n              </span>\n              {h.error && <span style={{\n                fontSize: tokens.typography.fontSize.micro,\n                color: tokens.colors.status.critical,\n              }}>\n                {h.error}\n              </span>}\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default CommandBuilder;\n"],"names":["CommandBuilder"],"mappings":"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"}
+{"version":3,"file":"CommandBuilder.js","names":[],"sources":["../../../../src/react/core/widgets/CommandBuilder.tsx"],"sourcesContent":["/**\n * @zendir/ui - CommandBuilder Component\n *\n * Dynamic command parameter form for spacecraft command construction and execution.\n * Builds a form from a command definition with type-appropriate inputs,\n * validation, hazardous warnings, and send/history functionality.\n *\n * Features:\n * - Auto-generated form from command parameter definitions\n * - Type-appropriate inputs (number, string, boolean, enum/state, hex)\n * - Validation with min/max/regex constraints\n * - Hazardous command warnings\n * - Command history with re-send\n * - Raw command preview\n * - Required/optional parameter indicators\n * - Default values\n *\n * @example\n * ```tsx\n * <CommandBuilder\n *   target=\"INST\"\n *   command=\"COLLECT\"\n *   parameters={[\n *     { name: 'TYPE', type: 'enum', options: ['NORMAL', 'SPECIAL'], required: true },\n *     { name: 'DURATION', type: 'float', min: 0, max: 100, default: 1.0, units: 'sec' },\n *   ]}\n *   onSend={(params) => console.log('Send:', params)}\n * />\n * ```\n */\n\nimport React, { useState, useCallback, useMemo, memo } from \"react\";\nimport { useTheme } from \"../../theme\";\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CommandParamType =\n  | \"int\"\n  | \"uint\"\n  | \"float\"\n  | \"string\"\n  | \"boolean\"\n  | \"enum\"\n  | \"hex\"\n  | \"block\";\n\nexport interface CommandParameter {\n  /** Parameter name */\n  name: string;\n  /** Parameter type */\n  type: CommandParamType;\n  /** Description */\n  description?: string;\n  /** Default value */\n  default?: unknown;\n  /** Whether parameter is required (default: true) */\n  required?: boolean;\n  /** Minimum value (for numeric types) */\n  min?: number;\n  /** Maximum value (for numeric types) */\n  max?: number;\n  /** Bit size */\n  bitSize?: number;\n  /** Enum options (for enum type) */\n  options?: (string | number)[];\n  /** Units label */\n  units?: string;\n  /** Validation regex pattern (for string type) */\n  pattern?: string;\n  /** Whether this is a hazardous parameter */\n  hazardous?: boolean;\n  /** Hazardous description */\n  hazardousDescription?: string;\n}\n\nexport interface CommandHistoryEntry {\n  id: string;\n  timestamp: Date;\n  target: string;\n  command: string;\n  parameters: Record<string, unknown>;\n  status: \"sent\" | \"success\" | \"error\";\n  error?: string;\n}\n\nexport interface CommandBuilderProps {\n  /** Target name */\n  target: string;\n  /** Command name */\n  command: string;\n  /** Command description */\n  description?: string;\n  /** Whether this is a hazardous command */\n  hazardous?: boolean;\n  /** Hazardous warning text */\n  hazardousDescription?: string;\n  /** Command parameters */\n  parameters: CommandParameter[];\n  /** Called when command is sent */\n  onSend: (params: Record<string, unknown>) => void | Promise<void>;\n  /** Command history entries */\n  history?: CommandHistoryEntry[];\n  /** Show command history (default: true) */\n  showHistory?: boolean;\n  /** Show raw command preview (default: true) */\n  showPreview?: boolean;\n  /** Whether send is disabled */\n  disabled?: boolean;\n  /** Height (default: auto) */\n  height?: number | string;\n  /** CSS class */\n  className?: string;\n  /** Show outer container border (default: true). Set false when embedded inside a Container/card. */\n  bordered?: boolean;\n  /** Custom style overrides for the outer container */\n  style?: React.CSSProperties;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport const CommandBuilder = memo(function CommandBuilder({\n  target,\n  command,\n  description,\n  hazardous = false,\n  hazardousDescription,\n  parameters,\n  onSend,\n  history = [],\n  showHistory = true,\n  showPreview = true,\n  disabled = false,\n  height,\n  className = \"\",\n  bordered = true,\n  style: styleProp,\n}: CommandBuilderProps): React.ReactElement {\n  const { tokens, theme } = useTheme();\n  const isTransparentTheme =\n    theme === \"transparent\" ||\n    theme === \"transparent-bold\" ||\n    theme === \"transparent-minimal\";\n  const [values, setValues] = useState<Record<string, unknown>>(() => {\n    const defaults: Record<string, unknown> = {};\n    parameters.forEach((p) => {\n      if (p.default !== undefined) defaults[p.name] = p.default;\n      else if (p.type === \"boolean\") defaults[p.name] = false;\n      else if (p.type === \"enum\" && p.options?.length)\n        defaults[p.name] = p.options[0];\n      else defaults[p.name] = \"\";\n    });\n    return defaults;\n  });\n  const [errors, setErrors] = useState<Record<string, string>>({});\n  const [sending, setSending] = useState(false);\n  const [showConfirm, setShowConfirm] = useState(false);\n  const [showHistoryPanel, setShowHistoryPanel] = useState(false);\n\n  const setValue = useCallback((name: string, value: unknown) => {\n    setValues((prev) => ({ ...prev, [name]: value }));\n    setErrors((prev) => {\n      const next = { ...prev };\n      delete next[name];\n      return next;\n    });\n  }, []);\n\n  const validate = useCallback((): boolean => {\n    const errs: Record<string, string> = {};\n    parameters.forEach((p) => {\n      const val = values[p.name];\n      const required = p.required !== false;\n      if (required && (val === undefined || val === \"\" || val === null)) {\n        errs[p.name] = \"Required\";\n        return;\n      }\n      if (val === \"\" || val === undefined) return;\n      if (\n        (p.type === \"int\" || p.type === \"uint\" || p.type === \"float\") &&\n        typeof val === \"string\"\n      ) {\n        const num = Number(val);\n        if (isNaN(num)) {\n          errs[p.name] = \"Must be a number\";\n          return;\n        }\n        if (p.min !== undefined && num < p.min) {\n          errs[p.name] = `Min: ${p.min}`;\n          return;\n        }\n        if (p.max !== undefined && num > p.max) {\n          errs[p.name] = `Max: ${p.max}`;\n          return;\n        }\n        if (p.type === \"uint\" && num < 0) {\n          errs[p.name] = \"Must be >= 0\";\n          return;\n        }\n        if (p.type === \"int\" && !Number.isInteger(num)) {\n          errs[p.name] = \"Must be integer\";\n          return;\n        }\n      }\n      if (p.type === \"string\" && p.pattern && typeof val === \"string\") {\n        if (!new RegExp(p.pattern).test(val)) {\n          errs[p.name] = \"Invalid format\";\n        }\n      }\n    });\n    setErrors(errs);\n    return Object.keys(errs).length === 0;\n  }, [parameters, values]);\n\n  const handleSend = useCallback(async () => {\n    if (!validate()) return;\n    if (hazardous && !showConfirm) {\n      setShowConfirm(true);\n      return;\n    }\n    setShowConfirm(false);\n    setSending(true);\n    try {\n      const processedValues: Record<string, unknown> = {};\n      parameters.forEach((p) => {\n        let val = values[p.name];\n        if (\n          (p.type === \"int\" || p.type === \"uint\" || p.type === \"float\") &&\n          typeof val === \"string\"\n        ) {\n          val = Number(val);\n        }\n        processedValues[p.name] = val;\n      });\n      await onSend(processedValues);\n    } finally {\n      setSending(false);\n    }\n  }, [validate, hazardous, showConfirm, parameters, values, onSend]);\n\n  const commandString = useMemo(() => {\n    const params = parameters\n      .map((p) => `${p.name}=${JSON.stringify(values[p.name] ?? \"\")}`)\n      .join(\", \");\n    return `cmd(\"${target} ${command}\" ${params ? `with ${params}` : \"\"})`;\n  }, [target, command, parameters, values]);\n\n  const resetToDefaults = useCallback(() => {\n    const defaults: Record<string, unknown> = {};\n    parameters.forEach((p) => {\n      if (p.default !== undefined) defaults[p.name] = p.default;\n      else if (p.type === \"boolean\") defaults[p.name] = false;\n      else if (p.type === \"enum\" && p.options?.length)\n        defaults[p.name] = p.options[0];\n      else defaults[p.name] = \"\";\n    });\n    setValues(defaults);\n    setErrors({});\n  }, [parameters]);\n\n  const inputStyle: React.CSSProperties = {\n    background: tokens.colors.background.base,\n    color: tokens.colors.text.primary,\n    border: `1px solid ${tokens.colors.border.muted}`,\n    borderRadius: tokens.borderRadius.md,\n    padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n    fontSize: tokens.typography.fontSize.xs,\n    outline: \"none\",\n    fontFamily: tokens.typography.fontFamily.mono,\n    width: \"100%\",\n    minHeight: 40,\n    boxSizing: \"border-box\" as const,\n    transition: \"border-color 150ms ease\",\n  };\n\n  return (\n    <div\n      className={`command-builder ${className}`}\n      style={{\n        height: typeof height === \"number\" ? height : undefined,\n        background: tokens.colors.background.base,\n        ...(bordered\n          ? (tokens.colors.border.cardStyle ?? {\n              border: `1px solid ${tokens.colors.border.muted}`,\n            })\n          : { border: \"none\" }),\n        borderRadius: tokens.borderRadius.lg,\n        overflow: \"hidden\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        fontFamily: tokens.typography.fontFamily.primary,\n        color: tokens.colors.text.primary,\n        backdropFilter: isTransparentTheme ? \"blur(10px)\" : undefined,\n        WebkitBackdropFilter: isTransparentTheme ? \"blur(10px)\" : undefined,\n        ...styleProp,\n      }}\n    >\n      {/* Header */}\n      <div\n        style={{\n          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n          borderBottom: `1px solid ${tokens.colors.border.muted}`,\n          background: hazardous\n            ? `${tokens.colors.status.critical}12`\n            : tokens.colors.background.surface,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"space-between\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: tokens.spacing.sm,\n          }}\n        >\n          {hazardous && (\n            <span\n              role=\"img\"\n              aria-label=\"Hazardous command\"\n              style={{ fontSize: tokens.typography.fontSize.lg }}\n            >\n              &#x26A0;\n            </span>\n          )}\n          <span\n            style={{\n              background: `${tokens.colors.interactive.default}22`,\n              color: tokens.colors.interactive.default,\n              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n              borderRadius: tokens.borderRadius.md,\n              fontSize: tokens.typography.fontSize.xxs,\n              fontWeight: tokens.typography.fontWeight.medium,\n            }}\n          >\n            {target}\n          </span>\n          <span\n            style={{\n              fontWeight: tokens.typography.fontWeight.bold,\n              fontSize: tokens.typography.fontSize.sm,\n            }}\n          >\n            {command}\n          </span>\n          {hazardous && (\n            <span\n              style={{\n                background: `${tokens.colors.status.critical}22`,\n                color: tokens.colors.status.critical,\n                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n                borderRadius: tokens.borderRadius.sm,\n                fontSize: tokens.typography.fontSize.micro,\n                fontWeight: tokens.typography.fontWeight.bold,\n                textTransform: \"uppercase\",\n                letterSpacing: \"0.5px\",\n              }}\n            >\n              Hazardous\n            </span>\n          )}\n        </div>\n        {showHistory && history.length > 0 && (\n          <button\n            onClick={() => setShowHistoryPanel((p) => !p)}\n            aria-expanded={showHistoryPanel}\n            aria-label={`Command history (${history.length} entries)`}\n            style={{\n              background: tokens.colors.background.base,\n              color: tokens.colors.text.secondary,\n              border: `1px solid ${tokens.colors.border.muted}`,\n              borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xxs,\n              cursor: \"pointer\",\n              transition: \"all 150ms ease\",\n            }}\n          >\n            History ({history.length})\n          </button>\n        )}\n      </div>\n\n      {description && (\n        <div\n          style={{\n            padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n            fontSize: tokens.typography.fontSize.xs,\n            color: tokens.colors.text.secondary,\n            borderBottom: `1px solid ${tokens.colors.border.muted}`,\n            lineHeight: tokens.typography.lineHeight.normal,\n          }}\n        >\n          {description}\n        </div>\n      )}\n\n      {/* Parameters form */}\n      <div\n        role=\"form\"\n        aria-label={`${target} ${command} parameters`}\n        style={{ flex: 1, overflow: \"auto\", padding: tokens.spacing.smd }}\n      >\n        {parameters.length === 0 ? (\n          <div\n            style={{\n              color: tokens.colors.text.muted,\n              fontSize: tokens.typography.fontSize.xs,\n              textAlign: \"center\",\n              padding: tokens.spacing.xl,\n            }}\n          >\n            No parameters — command will be sent as-is\n          </div>\n        ) : (\n          <div\n            style={{\n              display: \"flex\",\n              flexDirection: \"column\",\n              gap: tokens.spacing.smd,\n            }}\n          >\n            {parameters.map((p) => (\n              <div key={p.name}>\n                <div\n                  style={{\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: tokens.spacing.sm,\n                    marginBottom: tokens.spacing.xs,\n                  }}\n                >\n                  <label\n                    htmlFor={`cmd-param-${p.name}`}\n                    style={{\n                      fontWeight: tokens.typography.fontWeight.medium,\n                      fontSize: tokens.typography.fontSize.xs,\n                      color: tokens.colors.text.primary,\n                    }}\n                  >\n                    {p.name}\n                    {p.required !== false && (\n                      <span\n                        aria-label=\"required\"\n                        style={{\n                          color: tokens.colors.status.critical,\n                          marginLeft: tokens.spacing.xxs,\n                        }}\n                      >\n                        *\n                      </span>\n                    )}\n                  </label>\n                  <span\n                    style={{\n                      fontSize: tokens.typography.fontSize.xxs,\n                      color: tokens.colors.text.muted,\n                      background: tokens.colors.background.surface,\n                      padding: `1px ${tokens.spacing.xs}`,\n                      borderRadius: tokens.borderRadius.sm,\n                    }}\n                  >\n                    {p.type}\n                    {p.bitSize ? ` (${p.bitSize}b)` : \"\"}\n                  </span>\n                  {p.units && (\n                    <span\n                      style={{\n                        fontSize: tokens.typography.fontSize.xxs,\n                        color: tokens.colors.interactive.default,\n                      }}\n                    >\n                      [{p.units}]\n                    </span>\n                  )}\n                  {p.hazardous && (\n                    <span\n                      aria-label=\"Hazardous parameter\"\n                      style={{\n                        fontSize: tokens.typography.fontSize.xxs,\n                        color: tokens.colors.status.critical,\n                      }}\n                    >\n                      &#x26A0;\n                    </span>\n                  )}\n                </div>\n                {p.description && (\n                  <div\n                    id={`cmd-param-desc-${p.name}`}\n                    style={{\n                      fontSize: tokens.typography.fontSize.xxs,\n                      color: tokens.colors.text.muted,\n                      marginBottom: tokens.spacing.xs,\n                      lineHeight: tokens.typography.lineHeight.tight,\n                    }}\n                  >\n                    {p.description}\n                  </div>\n                )}\n\n                {/* Input by type */}\n                {p.type === \"boolean\" ? (\n                  <label\n                    style={{\n                      display: \"flex\",\n                      alignItems: \"center\",\n                      gap: tokens.spacing.sm,\n                      fontSize: tokens.typography.fontSize.xs,\n                      cursor: \"pointer\",\n                    }}\n                  >\n                    <input\n                      id={`cmd-param-${p.name}`}\n                      type=\"checkbox\"\n                      checked={!!values[p.name]}\n                      onChange={(e) => setValue(p.name, e.target.checked)}\n                      aria-describedby={\n                        p.description ? `cmd-param-desc-${p.name}` : undefined\n                      }\n                      style={{ accentColor: tokens.colors.interactive.default }}\n                    />\n                    {values[p.name] ? \"TRUE\" : \"FALSE\"}\n                  </label>\n                ) : p.type === \"enum\" ? (\n                  <select\n                    id={`cmd-param-${p.name}`}\n                    value={String(values[p.name] ?? \"\")}\n                    onChange={(e) => setValue(p.name, e.target.value)}\n                    aria-describedby={\n                      p.description ? `cmd-param-desc-${p.name}` : undefined\n                    }\n                    style={inputStyle}\n                  >\n                    {p.options?.map((opt) => (\n                      <option key={String(opt)} value={String(opt)}>\n                        {String(opt)}\n                      </option>\n                    ))}\n                  </select>\n                ) : (\n                  <input\n                    id={`cmd-param-${p.name}`}\n                    type={\n                      p.type === \"int\" ||\n                      p.type === \"uint\" ||\n                      p.type === \"float\"\n                        ? \"number\"\n                        : \"text\"\n                    }\n                    value={String(values[p.name] ?? \"\")}\n                    onChange={(e) => setValue(p.name, e.target.value)}\n                    placeholder={\n                      p.default !== undefined\n                        ? `Default: ${p.default}`\n                        : undefined\n                    }\n                    min={p.min}\n                    max={p.max}\n                    step={p.type === \"float\" ? \"any\" : 1}\n                    aria-describedby={\n                      p.description ? `cmd-param-desc-${p.name}` : undefined\n                    }\n                    aria-invalid={!!errors[p.name]}\n                    style={{\n                      ...inputStyle,\n                      borderColor: errors[p.name]\n                        ? tokens.colors.status.critical\n                        : tokens.colors.border.muted,\n                    }}\n                  />\n                )}\n                {errors[p.name] && (\n                  <span\n                    role=\"alert\"\n                    style={{\n                      display: \"block\",\n                      fontSize: tokens.typography.fontSize.xxs,\n                      color: tokens.colors.status.critical,\n                      marginTop: tokens.spacing.xxs,\n                    }}\n                  >\n                    {errors[p.name]}\n                  </span>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Command preview */}\n      {showPreview && (\n        <div\n          aria-label=\"Command preview\"\n          style={{\n            padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n            background: tokens.colors.background.surface,\n            fontFamily: tokens.typography.fontFamily.mono,\n            fontSize: tokens.typography.fontSize.xxs,\n            color: tokens.colors.text.muted,\n            overflow: \"hidden\",\n            textOverflow: \"ellipsis\",\n            whiteSpace: \"nowrap\",\n          }}\n        >\n          {commandString}\n        </div>\n      )}\n\n      {/* Hazardous confirmation */}\n      {showConfirm && (\n        <div\n          role=\"alertdialog\"\n          aria-label=\"Confirm hazardous command\"\n          style={{\n            padding: tokens.spacing.smd,\n            borderTop: `1px solid ${tokens.colors.status.critical}44`,\n            background: `${tokens.colors.status.critical}12`,\n          }}\n        >\n          <div\n            style={{\n              fontWeight: tokens.typography.fontWeight.bold,\n              color: tokens.colors.status.critical,\n              marginBottom: tokens.spacing.sm,\n              fontSize: tokens.typography.fontSize.sm,\n            }}\n          >\n            Confirm Hazardous Command\n          </div>\n          <p\n            style={{\n              fontSize: tokens.typography.fontSize.xs,\n              color: tokens.colors.text.secondary,\n              marginBottom: tokens.spacing.smd,\n              lineHeight: tokens.typography.lineHeight.normal,\n            }}\n          >\n            {hazardousDescription ||\n              `Are you sure you want to send ${target} ${command}?`}\n          </p>\n          <div style={{ display: \"flex\", gap: tokens.spacing.sm }}>\n            <button\n              onClick={handleSend}\n              style={{\n                background: tokens.colors.status.critical,\n                color: tokens.colors.text.inverse,\n                border: \"none\",\n                borderRadius: tokens.borderRadius.md,\n                padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n                fontSize: tokens.typography.fontSize.xs,\n                fontWeight: tokens.typography.fontWeight.medium,\n                cursor: \"pointer\",\n                transition: \"opacity 150ms ease\",\n              }}\n            >\n              Confirm Send\n            </button>\n            <button\n              onClick={() => setShowConfirm(false)}\n              style={{\n                background: tokens.colors.background.base,\n                color: tokens.colors.text.secondary,\n                border: `1px solid ${tokens.colors.border.muted}`,\n                borderRadius: tokens.borderRadius.md,\n                padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,\n                fontSize: tokens.typography.fontSize.xs,\n                cursor: \"pointer\",\n                transition: \"opacity 150ms ease\",\n              }}\n            >\n              Cancel\n            </button>\n          </div>\n        </div>\n      )}\n\n      {/* Send button bar */}\n      {!showConfirm && (\n        <div\n          style={{\n            padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n            background: tokens.colors.background.surface,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <button\n            onClick={resetToDefaults}\n            aria-label=\"Reset all parameters to defaults\"\n            style={{\n              background: \"transparent\",\n              color: tokens.colors.text.muted,\n              border: `1px solid ${tokens.colors.border.muted}`,\n              borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,\n              fontSize: tokens.typography.fontSize.xxs,\n              cursor: \"pointer\",\n              transition: \"all 150ms ease\",\n            }}\n          >\n            Reset Defaults\n          </button>\n          <button\n            onClick={handleSend}\n            disabled={disabled || sending}\n            aria-busy={sending}\n            style={{\n              background: hazardous\n                ? tokens.colors.status.critical\n                : tokens.colors.interactive.default,\n              color: tokens.colors.text.inverse,\n              border: \"none\",\n              borderRadius: tokens.borderRadius.md,\n              padding: `${tokens.spacing.sm} ${tokens.spacing.lg}`,\n              fontSize: tokens.typography.fontSize.sm,\n              fontWeight: tokens.typography.fontWeight.medium,\n              cursor: disabled || sending ? \"not-allowed\" : \"pointer\",\n              opacity: disabled || sending ? 0.5 : 1,\n              transition: \"opacity 150ms ease\",\n            }}\n          >\n            {sending ? \"Sending...\" : \"Send Command\"}\n          </button>\n        </div>\n      )}\n\n      {/* History panel */}\n      {showHistoryPanel && history.length > 0 && (\n        <div\n          role=\"list\"\n          aria-label=\"Command history\"\n          style={{\n            borderTop: `1px solid ${tokens.colors.border.muted}`,\n            background: tokens.colors.background.surface,\n            maxHeight: 200,\n            overflow: \"auto\",\n          }}\n        >\n          <div\n            style={{\n              padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n              fontSize: tokens.typography.fontSize.xxs,\n              color: tokens.colors.text.muted,\n              fontWeight: tokens.typography.fontWeight.medium,\n              textTransform: \"uppercase\",\n              letterSpacing: \"0.5px\",\n            }}\n          >\n            Command History\n          </div>\n          {history\n            .slice()\n            .reverse()\n            .map((h) => (\n              <div\n                role=\"listitem\"\n                key={h.id}\n                style={{\n                  borderBottom: `1px solid ${tokens.colors.border.muted}`,\n                }}\n              >\n                <button\n                  type=\"button\"\n                  aria-label={`${h.status} at ${h.timestamp.toLocaleTimeString()}`}\n                  style={{\n                    width: \"100%\",\n                    textAlign: \"left\",\n                    padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,\n                    fontSize: tokens.typography.fontSize.xxs,\n                    display: \"flex\",\n                    alignItems: \"center\",\n                    gap: tokens.spacing.sm,\n                    cursor: \"pointer\",\n                    transition: \"background 150ms ease\",\n                    border: \"none\",\n                    background: \"transparent\",\n                    color: \"inherit\",\n                  }}\n                  onClick={() => setValues(h.parameters)}\n                >\n                  {/* Astro UX status shape */}\n                  <span\n                    aria-hidden=\"true\"\n                    style={{\n                      width: 8,\n                      height: 8,\n                      flexShrink: 0,\n                      ...(h.status === \"success\"\n                        ? {\n                            borderRadius: tokens.borderRadius.full,\n                            background: tokens.colors.status.normal,\n                          }\n                        : h.status === \"error\"\n                          ? {\n                              borderRadius: 0,\n                              background: tokens.colors.status.critical,\n                              clipPath: \"polygon(50% 100%, 0% 0%, 100% 0%)\",\n                            }\n                          : {\n                              borderRadius: tokens.borderRadius.full,\n                              background: \"transparent\",\n                              border: `2px solid ${tokens.colors.status.standby}`,\n                            }),\n                    }}\n                  />\n                  <span\n                    style={{\n                      color: tokens.colors.text.muted,\n                      fontFamily: tokens.typography.fontFamily.mono,\n                      fontSize: tokens.typography.fontSize.xxs,\n                      flexShrink: 0,\n                    }}\n                  >\n                    {h.timestamp.toLocaleTimeString()}\n                  </span>\n                  <span\n                    style={{\n                      fontFamily: tokens.typography.fontFamily.mono,\n                      fontSize: tokens.typography.fontSize.xxs,\n                      flex: 1,\n                      overflow: \"hidden\",\n                      textOverflow: \"ellipsis\",\n                      whiteSpace: \"nowrap\",\n                    }}\n                  >\n                    {Object.entries(h.parameters)\n                      .map(([k, v]) => `${k}=${JSON.stringify(v)}`)\n                      .join(\", \")}\n                  </span>\n                  {h.error && (\n                    <span\n                      style={{\n                        fontSize: tokens.typography.fontSize.micro,\n                        color: tokens.colors.status.critical,\n                      }}\n                    >\n                      {h.error}\n                    </span>\n                  )}\n                </button>\n              </div>\n            ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default CommandBuilder;\n"],"mappings":"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"}

package/dist/react/core/widgets/ConnectionForm.d.ts

@@ -1,13 +1,12 @@
 import { default as React } from 'react';
 import { LabelPlacement } from '../inputs/Input';
-
 export interface ConnectionConfig {
     /** Host */
     host: string;
     /** Port */
     port: number;
     /** Protocol */
-    protocol: 'ws' | 'wss' | 'mqtt' | 'mqtts' | 'tcp';
+    protocol: "ws" | "wss" | "mqtt" | "mqtts" | "tcp";
     /** Path (e.g. /mqtt) */
     path?: string;
     /** Username */
@@ -27,7 +26,7 @@ export interface ConnectionFormProps {
     /** Connection in progress */
     connecting?: boolean;
     /** Default protocol */
-    defaultProtocol?: ConnectionConfig['protocol'];
+    defaultProtocol?: ConnectionConfig["protocol"];
     /** Default host */
     defaultHost?: string;
     /** Default port */