@zendir/ui 0.1.0

package/dist/react/core/CommandBuilder.js

@@ -0,0 +1,518 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { memo, useState, useCallback, useMemo } from "react";
+import { useTheme } from "../theme/ThemeProvider.js";
+const CommandBuilder = memo(function CommandBuilder2({
+  target,
+  command,
+  description,
+  hazardous = false,
+  hazardousDescription,
+  parameters,
+  onSend,
+  history = [],
+  showHistory = true,
+  showPreview = true,
+  disabled = false,
+  height,
+  className = "",
+  bordered = true,
+  style: styleProp
+}) {
+  const { tokens, theme } = useTheme();
+  const isTransparentTheme = theme === "transparent" || theme === "transparent-bold" || theme === "transparent-minimal";
+  const [values, setValues] = useState(() => {
+    const defaults = {};
+    parameters.forEach((p) => {
+      var _a;
+      if (p.default !== void 0) defaults[p.name] = p.default;
+      else if (p.type === "boolean") defaults[p.name] = false;
+      else if (p.type === "enum" && ((_a = p.options) == null ? void 0 : _a.length)) defaults[p.name] = p.options[0];
+      else defaults[p.name] = "";
+    });
+    return defaults;
+  });
+  const [errors, setErrors] = useState({});
+  const [sending, setSending] = useState(false);
+  const [showConfirm, setShowConfirm] = useState(false);
+  const [showHistoryPanel, setShowHistoryPanel] = useState(false);
+  const setValue = useCallback((name, value) => {
+    setValues((prev) => ({ ...prev, [name]: value }));
+    setErrors((prev) => {
+      const next = { ...prev };
+      delete next[name];
+      return next;
+    });
+  }, []);
+  const validate = useCallback(() => {
+    const errs = {};
+    parameters.forEach((p) => {
+      const val = values[p.name];
+      const required = p.required !== false;
+      if (required && (val === void 0 || val === "" || val === null)) {
+        errs[p.name] = "Required";
+        return;
+      }
+      if (val === "" || val === void 0) return;
+      if ((p.type === "int" || p.type === "uint" || p.type === "float") && typeof val === "string") {
+        const num = Number(val);
+        if (isNaN(num)) {
+          errs[p.name] = "Must be a number";
+          return;
+        }
+        if (p.min !== void 0 && num < p.min) {
+          errs[p.name] = `Min: ${p.min}`;
+          return;
+        }
+        if (p.max !== void 0 && num > p.max) {
+          errs[p.name] = `Max: ${p.max}`;
+          return;
+        }
+        if (p.type === "uint" && num < 0) {
+          errs[p.name] = "Must be >= 0";
+          return;
+        }
+        if (p.type === "int" && !Number.isInteger(num)) {
+          errs[p.name] = "Must be integer";
+          return;
+        }
+      }
+      if (p.type === "string" && p.pattern && typeof val === "string") {
+        if (!new RegExp(p.pattern).test(val)) {
+          errs[p.name] = "Invalid format";
+        }
+      }
+    });
+    setErrors(errs);
+    return Object.keys(errs).length === 0;
+  }, [parameters, values]);
+  const handleSend = useCallback(async () => {
+    if (!validate()) return;
+    if (hazardous && !showConfirm) {
+      setShowConfirm(true);
+      return;
+    }
+    setShowConfirm(false);
+    setSending(true);
+    try {
+      const processedValues = {};
+      parameters.forEach((p) => {
+        let val = values[p.name];
+        if ((p.type === "int" || p.type === "uint" || p.type === "float") && typeof val === "string") {
+          val = Number(val);
+        }
+        processedValues[p.name] = val;
+      });
+      await onSend(processedValues);
+    } finally {
+      setSending(false);
+    }
+  }, [validate, hazardous, showConfirm, parameters, values, onSend]);
+  const commandString = useMemo(() => {
+    const params = parameters.map((p) => `${p.name}=${JSON.stringify(values[p.name] ?? "")}`).join(", ");
+    return `cmd("${target} ${command}" ${params ? `with ${params}` : ""})`;
+  }, [target, command, parameters, values]);
+  const resetToDefaults = useCallback(() => {
+    const defaults = {};
+    parameters.forEach((p) => {
+      var _a;
+      if (p.default !== void 0) defaults[p.name] = p.default;
+      else if (p.type === "boolean") defaults[p.name] = false;
+      else if (p.type === "enum" && ((_a = p.options) == null ? void 0 : _a.length)) defaults[p.name] = p.options[0];
+      else defaults[p.name] = "";
+    });
+    setValues(defaults);
+    setErrors({});
+  }, [parameters]);
+  const inputStyle = {
+    background: tokens.colors.background.base,
+    color: tokens.colors.text.primary,
+    border: `1px solid ${tokens.colors.border.muted}`,
+    borderRadius: tokens.borderRadius.md,
+    padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+    fontSize: tokens.typography.fontSize.xs,
+    outline: "none",
+    fontFamily: tokens.typography.fontFamily.mono,
+    width: "100%",
+    minHeight: 40,
+    boxSizing: "border-box",
+    transition: "border-color 150ms ease"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `command-builder ${className}`,
+      style: {
+        height: typeof height === "number" ? height : void 0,
+        background: tokens.colors.background.base,
+        ...bordered ? tokens.colors.border.cardStyle ?? { border: `1px solid ${tokens.colors.border.muted}` } : { border: "none" },
+        borderRadius: tokens.borderRadius.lg,
+        overflow: "hidden",
+        display: "flex",
+        flexDirection: "column",
+        fontFamily: tokens.typography.fontFamily.primary,
+        color: tokens.colors.text.primary,
+        backdropFilter: isTransparentTheme ? "blur(10px)" : void 0,
+        WebkitBackdropFilter: isTransparentTheme ? "blur(10px)" : void 0,
+        ...styleProp
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          borderBottom: `1px solid ${tokens.colors.border.muted}`,
+          background: hazardous ? `${tokens.colors.status.critical}12` : tokens.colors.background.surface,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: tokens.spacing.sm }, children: [
+            hazardous && /* @__PURE__ */ jsx("span", { role: "img", "aria-label": "Hazardous command", style: { fontSize: tokens.typography.fontSize.lg }, children: "⚠" }),
+            /* @__PURE__ */ jsx("span", { style: {
+              background: `${tokens.colors.interactive.default}22`,
+              color: tokens.colors.interactive.default,
+              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,
+              borderRadius: tokens.borderRadius.md,
+              fontSize: tokens.typography.fontSize.xxs,
+              fontWeight: tokens.typography.fontWeight.medium
+            }, children: target }),
+            /* @__PURE__ */ jsx("span", { style: { fontWeight: tokens.typography.fontWeight.bold, fontSize: tokens.typography.fontSize.sm }, children: command }),
+            hazardous && /* @__PURE__ */ jsx("span", { style: {
+              background: `${tokens.colors.status.critical}22`,
+              color: tokens.colors.status.critical,
+              padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,
+              borderRadius: tokens.borderRadius.sm,
+              fontSize: tokens.typography.fontSize.micro,
+              fontWeight: tokens.typography.fontWeight.bold,
+              textTransform: "uppercase",
+              letterSpacing: "0.5px"
+            }, children: "Hazardous" })
+          ] }),
+          showHistory && history.length > 0 && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setShowHistoryPanel((p) => !p),
+              "aria-expanded": showHistoryPanel,
+              "aria-label": `Command history (${history.length} entries)`,
+              style: {
+                background: tokens.colors.background.base,
+                color: tokens.colors.text.secondary,
+                border: `1px solid ${tokens.colors.border.muted}`,
+                borderRadius: tokens.borderRadius.md,
+                padding: `${tokens.spacing.xxs} ${tokens.spacing.sm}`,
+                fontSize: tokens.typography.fontSize.xxs,
+                cursor: "pointer",
+                transition: "all 150ms ease"
+              },
+              children: [
+                "History (",
+                history.length,
+                ")"
+              ]
+            }
+          )
+        ] }),
+        description && /* @__PURE__ */ jsx("div", { style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          fontSize: tokens.typography.fontSize.xs,
+          color: tokens.colors.text.secondary,
+          borderBottom: `1px solid ${tokens.colors.border.muted}`,
+          lineHeight: tokens.typography.lineHeight.normal
+        }, children: description }),
+        /* @__PURE__ */ jsx("div", { role: "form", "aria-label": `${target} ${command} parameters`, style: { flex: 1, overflow: "auto", padding: tokens.spacing.smd }, children: parameters.length === 0 ? /* @__PURE__ */ jsx("div", { style: {
+          color: tokens.colors.text.muted,
+          fontSize: tokens.typography.fontSize.xs,
+          textAlign: "center",
+          padding: tokens.spacing.xl
+        }, children: "No parameters — command will be sent as-is" }) : /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: tokens.spacing.smd }, children: parameters.map((p) => {
+          var _a;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { style: {
+              display: "flex",
+              alignItems: "center",
+              gap: tokens.spacing.sm,
+              marginBottom: tokens.spacing.xs
+            }, children: [
+              /* @__PURE__ */ jsxs("label", { htmlFor: `cmd-param-${p.name}`, style: {
+                fontWeight: tokens.typography.fontWeight.medium,
+                fontSize: tokens.typography.fontSize.xs,
+                color: tokens.colors.text.primary
+              }, children: [
+                p.name,
+                p.required !== false && /* @__PURE__ */ jsx("span", { "aria-label": "required", style: { color: tokens.colors.status.critical, marginLeft: tokens.spacing.xxs }, children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxs("span", { style: {
+                fontSize: tokens.typography.fontSize.xxs,
+                color: tokens.colors.text.muted,
+                background: tokens.colors.background.surface,
+                padding: `1px ${tokens.spacing.xs}`,
+                borderRadius: tokens.borderRadius.sm
+              }, children: [
+                p.type,
+                p.bitSize ? ` (${p.bitSize}b)` : ""
+              ] }),
+              p.units && /* @__PURE__ */ jsxs("span", { style: { fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.interactive.default }, children: [
+                "[",
+                p.units,
+                "]"
+              ] }),
+              p.hazardous && /* @__PURE__ */ jsx("span", { "aria-label": "Hazardous parameter", style: { fontSize: tokens.typography.fontSize.xxs, color: tokens.colors.status.critical }, children: "⚠" })
+            ] }),
+            p.description && /* @__PURE__ */ jsx("div", { id: `cmd-param-desc-${p.name}`, style: {
+              fontSize: tokens.typography.fontSize.xxs,
+              color: tokens.colors.text.muted,
+              marginBottom: tokens.spacing.xs,
+              lineHeight: tokens.typography.lineHeight.tight
+            }, children: p.description }),
+            p.type === "boolean" ? /* @__PURE__ */ jsxs("label", { style: {
+              display: "flex",
+              alignItems: "center",
+              gap: tokens.spacing.sm,
+              fontSize: tokens.typography.fontSize.xs,
+              cursor: "pointer"
+            }, children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: `cmd-param-${p.name}`,
+                  type: "checkbox",
+                  checked: !!values[p.name],
+                  onChange: (e) => setValue(p.name, e.target.checked),
+                  "aria-describedby": p.description ? `cmd-param-desc-${p.name}` : void 0,
+                  style: { accentColor: tokens.colors.interactive.default }
+                }
+              ),
+              values[p.name] ? "TRUE" : "FALSE"
+            ] }) : p.type === "enum" ? /* @__PURE__ */ jsx(
+              "select",
+              {
+                id: `cmd-param-${p.name}`,
+                value: String(values[p.name] ?? ""),
+                onChange: (e) => setValue(p.name, e.target.value),
+                "aria-describedby": p.description ? `cmd-param-desc-${p.name}` : void 0,
+                style: inputStyle,
+                children: (_a = p.options) == null ? void 0 : _a.map((opt) => /* @__PURE__ */ jsx("option", { value: String(opt), children: String(opt) }, String(opt)))
+              }
+            ) : /* @__PURE__ */ jsx(
+              "input",
+              {
+                id: `cmd-param-${p.name}`,
+                type: p.type === "int" || p.type === "uint" || p.type === "float" ? "number" : "text",
+                value: String(values[p.name] ?? ""),
+                onChange: (e) => setValue(p.name, e.target.value),
+                placeholder: p.default !== void 0 ? `Default: ${p.default}` : void 0,
+                min: p.min,
+                max: p.max,
+                step: p.type === "float" ? "any" : 1,
+                "aria-describedby": p.description ? `cmd-param-desc-${p.name}` : void 0,
+                "aria-invalid": !!errors[p.name],
+                style: {
+                  ...inputStyle,
+                  borderColor: errors[p.name] ? tokens.colors.status.critical : tokens.colors.border.muted
+                }
+              }
+            ),
+            errors[p.name] && /* @__PURE__ */ jsx("span", { role: "alert", style: {
+              display: "block",
+              fontSize: tokens.typography.fontSize.xxs,
+              color: tokens.colors.status.critical,
+              marginTop: tokens.spacing.xxs
+            }, children: errors[p.name] })
+          ] }, p.name);
+        }) }) }),
+        showPreview && /* @__PURE__ */ jsx("div", { "aria-label": "Command preview", style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          borderTop: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          fontFamily: tokens.typography.fontFamily.mono,
+          fontSize: tokens.typography.fontSize.xxs,
+          color: tokens.colors.text.muted,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        }, children: commandString }),
+        showConfirm && /* @__PURE__ */ jsxs("div", { role: "alertdialog", "aria-label": "Confirm hazardous command", style: {
+          padding: tokens.spacing.smd,
+          borderTop: `1px solid ${tokens.colors.status.critical}44`,
+          background: `${tokens.colors.status.critical}12`
+        }, children: [
+          /* @__PURE__ */ jsx("div", { style: {
+            fontWeight: tokens.typography.fontWeight.bold,
+            color: tokens.colors.status.critical,
+            marginBottom: tokens.spacing.sm,
+            fontSize: tokens.typography.fontSize.sm
+          }, children: "Confirm Hazardous Command" }),
+          /* @__PURE__ */ jsx("p", { style: {
+            fontSize: tokens.typography.fontSize.xs,
+            color: tokens.colors.text.secondary,
+            marginBottom: tokens.spacing.smd,
+            lineHeight: tokens.typography.lineHeight.normal
+          }, children: hazardousDescription || `Are you sure you want to send ${target} ${command}?` }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: tokens.spacing.sm }, children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleSend,
+                style: {
+                  background: tokens.colors.status.critical,
+                  color: tokens.colors.text.inverse,
+                  border: "none",
+                  borderRadius: tokens.borderRadius.md,
+                  padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,
+                  fontSize: tokens.typography.fontSize.xs,
+                  fontWeight: tokens.typography.fontWeight.medium,
+                  cursor: "pointer",
+                  transition: "opacity 150ms ease"
+                },
+                children: "Confirm Send"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setShowConfirm(false),
+                style: {
+                  background: tokens.colors.background.base,
+                  color: tokens.colors.text.secondary,
+                  border: `1px solid ${tokens.colors.border.muted}`,
+                  borderRadius: tokens.borderRadius.md,
+                  padding: `${tokens.spacing.sm} ${tokens.spacing.md}`,
+                  fontSize: tokens.typography.fontSize.xs,
+                  cursor: "pointer",
+                  transition: "opacity 150ms ease"
+                },
+                children: "Cancel"
+              }
+            )
+          ] })
+        ] }),
+        !showConfirm && /* @__PURE__ */ jsxs("div", { style: {
+          padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+          borderTop: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between"
+        }, children: [
+          /* @__PURE__ */ jsx("button", { onClick: resetToDefaults, "aria-label": "Reset all parameters to defaults", style: {
+            background: "transparent",
+            color: tokens.colors.text.muted,
+            border: `1px solid ${tokens.colors.border.muted}`,
+            borderRadius: tokens.borderRadius.md,
+            padding: `${tokens.spacing.xs} ${tokens.spacing.sm}`,
+            fontSize: tokens.typography.fontSize.xxs,
+            cursor: "pointer",
+            transition: "all 150ms ease"
+          }, children: "Reset Defaults" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleSend,
+              disabled: disabled || sending,
+              "aria-busy": sending,
+              style: {
+                background: hazardous ? tokens.colors.status.critical : tokens.colors.interactive.default,
+                color: tokens.colors.text.inverse,
+                border: "none",
+                borderRadius: tokens.borderRadius.md,
+                padding: `${tokens.spacing.sm} ${tokens.spacing.lg}`,
+                fontSize: tokens.typography.fontSize.sm,
+                fontWeight: tokens.typography.fontWeight.medium,
+                cursor: disabled || sending ? "not-allowed" : "pointer",
+                opacity: disabled || sending ? 0.5 : 1,
+                transition: "opacity 150ms ease"
+              },
+              children: sending ? "Sending..." : "Send Command"
+            }
+          )
+        ] }),
+        showHistoryPanel && history.length > 0 && /* @__PURE__ */ jsxs("div", { role: "list", "aria-label": "Command history", style: {
+          borderTop: `1px solid ${tokens.colors.border.muted}`,
+          background: tokens.colors.background.surface,
+          maxHeight: 200,
+          overflow: "auto"
+        }, children: [
+          /* @__PURE__ */ jsx("div", { style: {
+            padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+            fontSize: tokens.typography.fontSize.xxs,
+            color: tokens.colors.text.muted,
+            fontWeight: tokens.typography.fontWeight.medium,
+            textTransform: "uppercase",
+            letterSpacing: "0.5px"
+          }, children: "Command History" }),
+          history.slice().reverse().map((h) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              role: "listitem",
+              style: {
+                borderBottom: `1px solid ${tokens.colors.border.muted}`
+              },
+              children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": `${h.status} at ${h.timestamp.toLocaleTimeString()}`,
+                  style: {
+                    width: "100%",
+                    textAlign: "left",
+                    padding: `${tokens.spacing.sm} ${tokens.spacing.smd}`,
+                    fontSize: tokens.typography.fontSize.xxs,
+                    display: "flex",
+                    alignItems: "center",
+                    gap: tokens.spacing.sm,
+                    cursor: "pointer",
+                    transition: "background 150ms ease",
+                    border: "none",
+                    background: "transparent",
+                    color: "inherit"
+                  },
+                  onClick: () => setValues(h.parameters),
+                  children: [
+                    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: {
+                      width: 8,
+                      height: 8,
+                      flexShrink: 0,
+                      ...h.status === "success" ? {
+                        borderRadius: tokens.borderRadius.full,
+                        background: tokens.colors.status.normal
+                      } : h.status === "error" ? {
+                        borderRadius: 0,
+                        background: tokens.colors.status.critical,
+                        clipPath: "polygon(50% 100%, 0% 0%, 100% 0%)"
+                      } : {
+                        borderRadius: tokens.borderRadius.full,
+                        background: "transparent",
+                        border: `2px solid ${tokens.colors.status.standby}`
+                      }
+                    } }),
+                    /* @__PURE__ */ jsx("span", { style: {
+                      color: tokens.colors.text.muted,
+                      fontFamily: tokens.typography.fontFamily.mono,
+                      fontSize: tokens.typography.fontSize.xxs,
+                      flexShrink: 0
+                    }, children: h.timestamp.toLocaleTimeString() }),
+                    /* @__PURE__ */ jsx("span", { style: {
+                      fontFamily: tokens.typography.fontFamily.mono,
+                      fontSize: tokens.typography.fontSize.xxs,
+                      flex: 1,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    }, children: Object.entries(h.parameters).map(([k, v]) => `${k}=${JSON.stringify(v)}`).join(", ") }),
+                    h.error && /* @__PURE__ */ jsx("span", { style: {
+                      fontSize: tokens.typography.fontSize.micro,
+                      color: tokens.colors.status.critical
+                    }, children: h.error })
+                  ]
+                }
+              )
+            },
+            h.id
+          ))
+        ] })
+      ]
+    }
+  );
+});
+export {
+  CommandBuilder
+};
+//# sourceMappingURL=CommandBuilder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBuilder.js","sources":["../../../src/react/core/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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"}

package/dist/react/core/ConfirmDialog.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+
+export type ConfirmStatus = 'normal' | 'caution' | 'serious' | 'critical';
+export interface ConfirmOptions {
+    /** Dialog title */
+    title: string;
+    /** Description text (string or React node) */
+    message?: React.ReactNode;
+    /** Status level (determines icon/border color) */
+    status?: ConfirmStatus;
+    /** Confirm button label (default: "Confirm") */
+    confirmLabel?: string;
+    /** Cancel button label (default: "Cancel") */
+    cancelLabel?: string;
+    /** Destructive action styling (red confirm button) */
+    destructive?: boolean;
+}
+export interface ConfirmDialogProps extends ConfirmOptions {
+    /** Open state */
+    open: boolean;
+    /** Close handler */
+    onClose: () => void;
+    /** Confirm handler */
+    onConfirm: () => void;
+}
+export declare const ConfirmDialog: React.NamedExoticComponent<ConfirmDialogProps>;
+/**
+ * Imperative confirmation hook.
+ * Must be used within `<ConfirmProvider>`.
+ *
+ * @example
+ * ```tsx
+ * const confirm = useConfirm();
+ * const ok = await confirm({ title: 'Delete?', status: 'critical', destructive: true });
+ * ```
+ */
+export declare function useConfirm(): (options: ConfirmOptions) => Promise<boolean>;
+/**
+ * Provider for the useConfirm() hook.
+ * Renders the confirmation dialog as needed.
+ */
+export declare const ConfirmProvider: React.NamedExoticComponent<{
+    children: React.ReactNode;
+}>;
+export default ConfirmDialog;