@wandelbots/wandelbots-js-react-components 5.5.1 → 5.5.2-pr.fix-performance-issues.594.c24b644

package/dist/components/RobotCard.js

@@ -1,360 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as v } from "react/jsx-runtime";
-import { useTheme as V } from "@mui/material/styles";
-import r from "@mui/material/Box";
-import P from "@mui/material/Button";
-import X from "@mui/material/Card";
-import U from "@mui/material/Divider";
-import F from "@mui/material/Typography";
-import { Bounds as H } from "@react-three/drei";
-import { Canvas as O } from "@react-three/fiber";
-import { observer as Y } from "mobx-react-lite";
-import { useState as p, useRef as W, useEffect as Z, useCallback as x } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { externalizeComponent as G } from "../externalizeComponent.js";
-import { PresetEnvironment as $ } from "./3d-viewport/PresetEnvironment.js";
-import { ProgramStateIndicator as q } from "./ProgramStateIndicator.js";
-import { Robot as N } from "./robots/Robot.js";
-const be = G(
-  Y(
-    ({
-      robotName: y,
-      programState: w,
-      safetyState: R,
-      operationMode: D,
-      driveToHomeEnabled: i = !1,
-      onDriveToHomePress: b,
-      onDriveToHomeRelease: s,
-      connectedMotionGroup: M,
-      robotComponent: k = N,
-      customContentComponent: n,
-      className: E
-    }) => {
-      var B;
-      const d = V(), { t: z } = _(), [j, g] = p(!1), T = W(null), a = W(null), [l, J] = p(!1), [m, K] = p({ width: 400, height: 600 }), [ee, Q] = p(0);
-      Z(() => {
-        const f = () => {
-          if (a.current) {
-            const { offsetWidth: I, offsetHeight: A } = a.current;
-            J(I > A), K({ width: I, height: A });
-          }
-        };
-        f();
-        const C = new ResizeObserver(f);
-        return a.current && C.observe(a.current), () => {
-          C.disconnect();
-        };
-      }, []);
-      const L = x(() => {
-        Q((f) => f + 1);
-      }, []), h = x(() => {
-        !i || !b || (g(!0), b());
-      }, [i, b]), c = x(() => {
-        !i || !s || (g(!1), s());
-      }, [i, s]), S = x(() => {
-        j && s && (g(!1), s());
-      }, [j, s]), o = l ? m.width < 350 : m.height < 200, u = l ? m.height < 310 : m.height < 450;
-      return /* @__PURE__ */ e(
-        X,
-        {
-          ref: a,
-          className: E,
-          sx: {
-            width: "100%",
-            height: "100%",
-            display: "flex",
-            flexDirection: l ? "row" : "column",
-            position: "relative",
-            overflow: "hidden",
-            minWidth: { xs: 180, sm: 220, md: 250 },
-            minHeight: l ? { xs: 200, sm: 240, md: 260 } : { xs: 150, sm: 180, md: 220 },
-            // Allow progressive hiding in portrait mode
-            border: `1px solid ${d.palette.divider}`,
-            borderRadius: "18px",
-            boxShadow: "none",
-            backgroundColor: ((B = d.palette.backgroundPaperElevation) == null ? void 0 : B[8]) || "#2A2A3F",
-            backgroundImage: "none"
-            // Override any gradient from elevation
-          },
-          children: l ? /* @__PURE__ */ t(v, { children: [
-            /* @__PURE__ */ e(
-              r,
-              {
-                sx: {
-                  flex: "0 0 50%",
-                  position: "relative",
-                  height: "100%",
-                  minHeight: "100%",
-                  maxHeight: "100%",
-                  borderRadius: 1,
-                  m: { xs: 1.5, sm: 2, md: 3 },
-                  mr: { xs: 0.75, sm: 1, md: 1.5 },
-                  overflow: "hidden",
-                  // Prevent content from affecting container size
-                  display: o ? "none" : "block"
-                },
-                children: !o && /* @__PURE__ */ t(
-                  O,
-                  {
-                    orthographic: !0,
-                    camera: {
-                      position: [3, 2, 3],
-                      zoom: 1
-                    },
-                    shadows: !0,
-                    frameloop: "demand",
-                    style: {
-                      borderRadius: d.shape.borderRadius,
-                      width: "100%",
-                      height: "100%",
-                      background: "transparent",
-                      position: "absolute",
-                      top: 0,
-                      left: 0
-                    },
-                    dpr: [1, 2],
-                    gl: { alpha: !0, antialias: !0 },
-                    children: [
-                      /* @__PURE__ */ e($, {}),
-                      /* @__PURE__ */ e(H, { fit: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ e(
-                        k,
-                        {
-                          connectedMotionGroup: M,
-                          postModelRender: L
-                        }
-                      ) })
-                    ]
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ t(
-              r,
-              {
-                sx: {
-                  flex: "1",
-                  display: "flex",
-                  flexDirection: "column",
-                  justifyContent: "flex-start",
-                  width: o ? "100%" : "50%"
-                },
-                children: [
-                  /* @__PURE__ */ t(
-                    r,
-                    {
-                      sx: {
-                        p: { xs: 1.5, sm: 2, md: 3 },
-                        pb: { xs: 1, sm: 1.5, md: 2 },
-                        textAlign: "left"
-                      },
-                      children: [
-                        /* @__PURE__ */ e(F, { variant: "h6", component: "h2", sx: { mb: 1 }, children: y }),
-                        /* @__PURE__ */ e(
-                          q,
-                          {
-                            programState: w,
-                            safetyState: R,
-                            operationMode: D
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ t(
-                    r,
-                    {
-                      sx: {
-                        p: { xs: 1.5, sm: 2, md: 3 },
-                        pt: 0,
-                        flex: "1",
-                        display: "flex",
-                        flexDirection: "column",
-                        justifyContent: "space-between"
-                      },
-                      children: [
-                        !u && n && /* @__PURE__ */ t(r, { children: [
-                          /* @__PURE__ */ e(n, {}),
-                          /* @__PURE__ */ e(
-                            U,
-                            {
-                              sx: {
-                                mt: 1,
-                                mb: 0,
-                                borderColor: d.palette.divider,
-                                opacity: 0.5
-                              }
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ e(
-                          r,
-                          {
-                            sx: {
-                              mt: !u && n ? "auto" : 0
-                            },
-                            children: /* @__PURE__ */ e(
-                              r,
-                              {
-                                sx: {
-                                  display: "flex",
-                                  justifyContent: "flex-start",
-                                  mt: { xs: 1, sm: 1.5, md: 2 },
-                                  mb: { xs: 0.5, sm: 0.75, md: 1 }
-                                },
-                                children: /* @__PURE__ */ e(
-                                  P,
-                                  {
-                                    ref: T,
-                                    variant: "contained",
-                                    color: "secondary",
-                                    size: "small",
-                                    disabled: !i,
-                                    onMouseDown: h,
-                                    onMouseUp: c,
-                                    onMouseLeave: S,
-                                    onTouchStart: h,
-                                    onTouchEnd: c,
-                                    sx: {
-                                      textTransform: "none",
-                                      px: 1.5,
-                                      py: 0.5
-                                    },
-                                    children: z("RobotCard.DriveToHome.bt")
-                                  }
-                                )
-                              }
-                            )
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ]
-              }
-            )
-          ] }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ t(
-            r,
-            {
-              sx: {
-                p: 3,
-                height: "100%",
-                display: "flex",
-                flexDirection: "column"
-              },
-              children: [
-                /* @__PURE__ */ t(r, { children: [
-                  /* @__PURE__ */ e(F, { variant: "h6", component: "h2", sx: { mb: 1 }, children: y }),
-                  /* @__PURE__ */ e(
-                    q,
-                    {
-                      programState: w,
-                      safetyState: R,
-                      operationMode: D
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e(
-                  r,
-                  {
-                    sx: {
-                      flex: o ? 0 : 1,
-                      position: "relative",
-                      minHeight: o ? 0 : { xs: 120, sm: 150, md: 200 },
-                      height: o ? 0 : "auto",
-                      borderRadius: 1,
-                      overflow: "hidden",
-                      display: o ? "none" : "block"
-                    },
-                    children: !o && /* @__PURE__ */ t(
-                      O,
-                      {
-                        orthographic: !0,
-                        camera: {
-                          position: [3, 2, 3],
-                          zoom: 1
-                        },
-                        shadows: !0,
-                        frameloop: "demand",
-                        style: {
-                          borderRadius: d.shape.borderRadius,
-                          width: "100%",
-                          height: "100%",
-                          background: "transparent",
-                          position: "absolute"
-                        },
-                        dpr: [1, 2],
-                        gl: { alpha: !0, antialias: !0 },
-                        children: [
-                          /* @__PURE__ */ e($, {}),
-                          /* @__PURE__ */ e(H, { fit: !0, clip: !0, observe: !0, margin: 1, maxDuration: 1, children: /* @__PURE__ */ e(
-                            k,
-                            {
-                              connectedMotionGroup: M,
-                              postModelRender: L
-                            }
-                          ) })
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ t(r, { children: [
-                  !u && n && /* @__PURE__ */ t(v, { children: [
-                    /* @__PURE__ */ e(n, {}),
-                    /* @__PURE__ */ e(
-                      U,
-                      {
-                        sx: {
-                          mt: 1,
-                          mb: 0,
-                          borderColor: d.palette.divider,
-                          opacity: 0.5
-                        }
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ e(
-                    r,
-                    {
-                      sx: {
-                        display: "flex",
-                        justifyContent: "flex-start",
-                        mt: !u && n ? { xs: 1, sm: 2, md: 5 } : { xs: 0.5, sm: 1, md: 2 },
-                        mb: { xs: 0.5, sm: 0.75, md: 1 }
-                      },
-                      children: /* @__PURE__ */ e(
-                        P,
-                        {
-                          ref: T,
-                          variant: "contained",
-                          color: "secondary",
-                          size: "small",
-                          disabled: !i,
-                          onMouseDown: h,
-                          onMouseUp: c,
-                          onMouseLeave: S,
-                          onTouchStart: h,
-                          onTouchEnd: c,
-                          sx: {
-                            textTransform: "none",
-                            px: 1.5,
-                            py: 0.5
-                          },
-                          children: z("RobotCard.DriveToHome.bt")
-                        }
-                      )
-                    }
-                  )
-                ] })
-              ]
-            }
-          ) })
-        }
-      );
-    }
-  )
-);
-export {
-  be as RobotCard,
-  be as default
-};
-//# sourceMappingURL=RobotCard.js.map

package/dist/components/RobotCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotCard.js","sources":["../../src/components/RobotCard.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Button from \"@mui/material/Button\"\nimport Card from \"@mui/material/Card\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport { Bounds } from \"@react-three/drei\"\nimport { Canvas } from \"@react-three/fiber\"\nimport type { OperationMode, SafetyStateType } from \"@wandelbots/nova-js/v2\"\nimport { observer } from \"mobx-react-lite\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { useTranslation } from \"react-i18next\"\nimport type { Group } from \"three\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport type { ConnectedMotionGroup } from \"../lib/ConnectedMotionGroup\"\nimport { PresetEnvironment } from \"./3d-viewport/PresetEnvironment\"\nimport type { ProgramState } from \"./ProgramControl\"\nimport { ProgramStateIndicator } from \"./ProgramStateIndicator\"\nimport { Robot } from \"./robots/Robot\"\n\nexport interface RobotCardProps {\n  /** Name of the robot displayed at the top */\n  robotName: string\n  /** Current program state */\n  programState: ProgramState\n  /** Current safety state of the robot controller */\n  safetyState: SafetyStateType\n  /** Current operation mode of the robot controller */\n  operationMode: OperationMode\n  /** Whether the \"Drive to Home\" button should be enabled */\n  driveToHomeEnabled?: boolean\n  /** Callback fired when \"Drive to Home\" button is pressed */\n  onDriveToHomePress?: () => void\n  /** Callback fired when \"Drive to Home\" button is released */\n  onDriveToHomeRelease?: () => void\n  /**\n   * Callback fired when \"Drive to Home\" button is pressed, with the default home position.\n   * If provided, this will be called instead of onDriveToHomePress, providing the recommended\n   * home position joint configuration based on the robot manufacturer.\n   */\n  onDriveToHomePressWithConfig?: (homePosition: number[]) => void\n  /**\n   * Callback fired when \"Drive to Home\" button is released after using onDriveToHomePressWithConfig.\n   * If provided, this will be called instead of onDriveToHomeRelease.\n   */\n  onDriveToHomeReleaseWithConfig?: () => void\n  /**\n   * Custom default joint configuration to use if manufacturer-based defaults are not available.\n   * Joint values should be in radians.\n   */\n  defaultJointConfig?: number[]\n  /** Connected motion group for the robot */\n  connectedMotionGroup: ConnectedMotionGroup\n  /** Custom robot component to render (optional, defaults to Robot) */\n  robotComponent?: React.ComponentType<{\n    connectedMotionGroup: ConnectedMotionGroup\n    flangeRef?: React.Ref<Group>\n    postModelRender?: () => void\n    transparentColor?: string\n    getModel?: (modelFromController: string) => Promise<string>\n  }>\n  /** Custom component to render in the content area (optional) */\n  customContentComponent?: React.ComponentType<Record<string, unknown>>\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A responsive card component that displays a 3D robot with states and controls.\n * The card automatically adapts to its container's size and aspect ratio.\n *\n * Features:\n * - Fully responsive Material-UI Card that adapts to container dimensions\n * - Automatic layout switching based on aspect ratio:\n *   - Portrait mode: Vertical layout with robot in center\n *   - Landscape mode: Horizontal layout with robot on left, content on right (left-aligned)\n * - Responsive 3D robot rendering:\n *   - Scales dynamically with container size\n *   - Hides at very small sizes to preserve usability\n *   - Adaptive margin based on available space\n * - Smart spacing and padding that reduces at smaller sizes\n * - Minimum size constraints for usability while maximizing content density\n * - Robot name displayed in Typography h6 at top-left\n * - Program state indicator below the name\n * - Auto-fitting 3D robot model that scales with container size\n * - Customizable content area for displaying custom React components\n * - Transparent gray divider line\n * - \"Drive to Home\" button with press-and-hold functionality\n * - Localization support via react-i18next\n * - Material-UI theming integration\n *\n * Usage with custom content:\n * ```tsx\n * // Example custom timer component\n * const CustomTimer = () => (\n *   <Box>\n *     <Typography variant=\"body1\" sx={{ color: \"text.secondary\" }}>\n *       Runtime\n *     </Typography>\n *     <Typography variant=\"h6\">05:23</Typography>\n *   </Box>\n * )\n *\n * <RobotCard\n *   robotName=\"UR5e Robot\"\n *   programState={ProgramState.RUNNING}\n *   customContentComponent={CustomTimer}\n *   // ... other props\n * />\n * ```\n */\nexport const RobotCard = externalizeComponent(\n  observer(\n    ({\n      robotName,\n      programState,\n      safetyState,\n      operationMode,\n      driveToHomeEnabled = false,\n      onDriveToHomePress,\n      onDriveToHomeRelease,\n      connectedMotionGroup,\n      robotComponent: RobotComponent = Robot,\n      customContentComponent: CustomContentComponent,\n      className,\n    }: RobotCardProps) => {\n      const theme = useTheme()\n      const { t } = useTranslation()\n      const [isDriveToHomePressed, setIsDriveToHomePressed] = useState(false)\n      const driveButtonRef = useRef<HTMLButtonElement>(null)\n      const cardRef = useRef<HTMLDivElement>(null)\n      const [isLandscape, setIsLandscape] = useState(false)\n      const [cardSize, setCardSize] = useState<{\n        width: number\n        height: number\n      }>({ width: 400, height: 600 })\n      const [modelRenderTrigger, setModelRenderTrigger] = useState(0)\n\n      // Hook to detect aspect ratio and size changes\n      useEffect(() => {\n        const checkDimensions = () => {\n          if (cardRef.current) {\n            const { offsetWidth, offsetHeight } = cardRef.current\n            setIsLandscape(offsetWidth > offsetHeight)\n            setCardSize({ width: offsetWidth, height: offsetHeight })\n          }\n        }\n\n        // Initial check\n        checkDimensions()\n\n        // Set up ResizeObserver to watch for size changes\n        const resizeObserver = new ResizeObserver(checkDimensions)\n        if (cardRef.current) {\n          resizeObserver.observe(cardRef.current)\n        }\n\n        return () => {\n          resizeObserver.disconnect()\n        }\n      }, [])\n\n      const handleModelRender = useCallback(() => {\n        // Trigger bounds refresh when model renders\n        setModelRenderTrigger((prev) => prev + 1)\n      }, [])\n\n      const handleDriveToHomeMouseDown = useCallback(() => {\n        if (!driveToHomeEnabled || !onDriveToHomePress) return\n        setIsDriveToHomePressed(true)\n        onDriveToHomePress()\n      }, [driveToHomeEnabled, onDriveToHomePress])\n\n      const handleDriveToHomeMouseUp = useCallback(() => {\n        if (!driveToHomeEnabled || !onDriveToHomeRelease) return\n        setIsDriveToHomePressed(false)\n        onDriveToHomeRelease()\n      }, [driveToHomeEnabled, onDriveToHomeRelease])\n\n      const handleDriveToHomeMouseLeave = useCallback(() => {\n        if (isDriveToHomePressed && onDriveToHomeRelease) {\n          setIsDriveToHomePressed(false)\n          onDriveToHomeRelease()\n        }\n      }, [isDriveToHomePressed, onDriveToHomeRelease])\n\n      // Determine if robot should be hidden at small sizes to save space\n      const shouldHideRobot = isLandscape\n        ? cardSize.width < 350\n        : cardSize.height < 200 // Hide robot at height < 200px in portrait\n\n      // Determine if custom content should be hidden when height is too low\n      // Custom content should be hidden BEFORE the robot (at higher threshold)\n      const shouldHideCustomContent = isLandscape\n        ? cardSize.height < 310 // Landscape: hide custom content at height < 310px\n        : cardSize.height < 450 // Portrait: hide custom content at height < 450px\n\n      return (\n        <Card\n          ref={cardRef}\n          className={className}\n          sx={{\n            width: \"100%\",\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: isLandscape ? \"row\" : \"column\",\n            position: \"relative\",\n            overflow: \"hidden\",\n            minWidth: { xs: 180, sm: 220, md: 250 },\n            minHeight: isLandscape\n              ? { xs: 200, sm: 240, md: 260 } // Allow runtime hiding at < 283px\n              : { xs: 150, sm: 180, md: 220 }, // Allow progressive hiding in portrait mode\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: \"18px\",\n            boxShadow: \"none\",\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[8] || \"#2A2A3F\",\n            backgroundImage: \"none\", // Override any gradient from elevation\n          }}\n        >\n          {isLandscape ? (\n            <>\n              {/* Landscape Layout: Robot on left, content on right */}\n              <Box\n                sx={{\n                  flex: \"0 0 50%\",\n                  position: \"relative\",\n                  height: \"100%\",\n                  minHeight: \"100%\",\n                  maxHeight: \"100%\",\n                  borderRadius: 1,\n                  m: { xs: 1.5, sm: 2, md: 3 },\n                  mr: { xs: 0.75, sm: 1, md: 1.5 },\n                  overflow: \"hidden\", // Prevent content from affecting container size\n                  display: shouldHideRobot ? \"none\" : \"block\",\n                }}\n              >\n                {!shouldHideRobot && (\n                  <Canvas\n                    orthographic\n                    camera={{\n                      position: [3, 2, 3],\n                      zoom: 1,\n                    }}\n                    shadows\n                    frameloop=\"demand\"\n                    style={{\n                      borderRadius: theme.shape.borderRadius,\n                      width: \"100%\",\n                      height: \"100%\",\n                      background: \"transparent\",\n                      position: \"absolute\",\n                      top: 0,\n                      left: 0,\n                    }}\n                    dpr={[1, 2]}\n                    gl={{ alpha: true, antialias: true }}\n                  >\n                    <PresetEnvironment />\n                    <Bounds fit observe margin={1} maxDuration={1}>\n                      <RobotComponent\n                        connectedMotionGroup={connectedMotionGroup}\n                        postModelRender={handleModelRender}\n                      />\n                    </Bounds>\n                  </Canvas>\n                )}\n              </Box>\n\n              {/* Content container on right */}\n              <Box\n                sx={{\n                  flex: shouldHideRobot ? \"1\" : \"1\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                  justifyContent: \"flex-start\",\n                  width: shouldHideRobot ? \"100%\" : \"50%\",\n                }}\n              >\n                {/* Header section with robot name and program state */}\n                <Box\n                  sx={{\n                    p: { xs: 1.5, sm: 2, md: 3 },\n                    pb: { xs: 1, sm: 1.5, md: 2 },\n                    textAlign: \"left\",\n                  }}\n                >\n                  <Typography variant=\"h6\" component=\"h2\" sx={{ mb: 1 }}>\n                    {robotName}\n                  </Typography>\n                  <ProgramStateIndicator\n                    programState={programState}\n                    safetyState={safetyState}\n                    operationMode={operationMode}\n                  />\n                </Box>\n\n                {/* Bottom section with custom content and button */}\n                <Box\n                  sx={{\n                    p: { xs: 1.5, sm: 2, md: 3 },\n                    pt: 0,\n                    flex: \"1\",\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    justifyContent: \"space-between\",\n                  }}\n                >\n                  {/* Custom content section - hidden if height is too low in landscape mode */}\n                  {!shouldHideCustomContent && CustomContentComponent && (\n                    <Box>\n                      <CustomContentComponent />\n\n                      {/* Divider */}\n                      <Divider\n                        sx={{\n                          mt: 1,\n                          mb: 0,\n                          borderColor: theme.palette.divider,\n                          opacity: 0.5,\n                        }}\n                      />\n                    </Box>\n                  )}\n\n                  <Box\n                    sx={{\n                      mt:\n                        !shouldHideCustomContent && CustomContentComponent\n                          ? \"auto\"\n                          : 0,\n                    }}\n                  >\n                    {/* Drive to Home button with some space */}\n                    <Box\n                      sx={{\n                        display: \"flex\",\n                        justifyContent: \"flex-start\",\n                        mt: { xs: 1, sm: 1.5, md: 2 },\n                        mb: { xs: 0.5, sm: 0.75, md: 1 },\n                      }}\n                    >\n                      <Button\n                        ref={driveButtonRef}\n                        variant=\"contained\"\n                        color=\"secondary\"\n                        size=\"small\"\n                        disabled={!driveToHomeEnabled}\n                        onMouseDown={handleDriveToHomeMouseDown}\n                        onMouseUp={handleDriveToHomeMouseUp}\n                        onMouseLeave={handleDriveToHomeMouseLeave}\n                        onTouchStart={handleDriveToHomeMouseDown}\n                        onTouchEnd={handleDriveToHomeMouseUp}\n                        sx={{\n                          textTransform: \"none\",\n                          px: 1.5,\n                          py: 0.5,\n                        }}\n                      >\n                        {t(\"RobotCard.DriveToHome.bt\")}\n                      </Button>\n                    </Box>\n                  </Box>\n                </Box>\n              </Box>\n            </>\n          ) : (\n            <>\n              {/* Portrait Layout: Header, Robot, Footer */}\n              <Box\n                sx={{\n                  p: 3,\n                  height: \"100%\",\n                  display: \"flex\",\n                  flexDirection: \"column\",\n                }}\n              >\n                {/* Header section with robot name and program state */}\n                <Box>\n                  <Typography variant=\"h6\" component=\"h2\" sx={{ mb: 1 }}>\n                    {robotName}\n                  </Typography>\n                  <ProgramStateIndicator\n                    programState={programState}\n                    safetyState={safetyState}\n                    operationMode={operationMode}\n                  />\n                </Box>\n\n                {/* 3D Robot viewport in center */}\n                <Box\n                  sx={{\n                    flex: shouldHideRobot ? 0 : 1,\n                    position: \"relative\",\n                    minHeight: shouldHideRobot\n                      ? 0\n                      : { xs: 120, sm: 150, md: 200 },\n                    height: shouldHideRobot ? 0 : \"auto\",\n                    borderRadius: 1,\n                    overflow: \"hidden\",\n                    display: shouldHideRobot ? \"none\" : \"block\",\n                  }}\n                >\n                  {!shouldHideRobot && (\n                    <Canvas\n                      orthographic\n                      camera={{\n                        position: [3, 2, 3],\n                        zoom: 1,\n                      }}\n                      shadows\n                      frameloop=\"demand\"\n                      style={{\n                        borderRadius: theme.shape.borderRadius,\n                        width: \"100%\",\n                        height: \"100%\",\n                        background: \"transparent\",\n                        position: \"absolute\",\n                      }}\n                      dpr={[1, 2]}\n                      gl={{ alpha: true, antialias: true }}\n                    >\n                      <PresetEnvironment />\n                      <Bounds fit clip observe margin={1} maxDuration={1}>\n                        <RobotComponent\n                          connectedMotionGroup={connectedMotionGroup}\n                          postModelRender={handleModelRender}\n                        />\n                      </Bounds>\n                    </Canvas>\n                  )}\n                </Box>\n\n                {/* Bottom section with custom content and button */}\n                <Box>\n                  {/* Custom content section - hidden if height is too low */}\n                  {!shouldHideCustomContent && CustomContentComponent && (\n                    <>\n                      <CustomContentComponent />\n\n                      {/* Divider */}\n                      <Divider\n                        sx={{\n                          mt: 1,\n                          mb: 0,\n                          borderColor: theme.palette.divider,\n                          opacity: 0.5,\n                        }}\n                      />\n                    </>\n                  )}\n\n                  {/* Drive to Home button with some space */}\n                  <Box\n                    sx={{\n                      display: \"flex\",\n                      justifyContent: \"flex-start\",\n                      mt:\n                        !shouldHideCustomContent && CustomContentComponent\n                          ? { xs: 1, sm: 2, md: 5 }\n                          : { xs: 0.5, sm: 1, md: 2 },\n                      mb: { xs: 0.5, sm: 0.75, md: 1 },\n                    }}\n                  >\n                    <Button\n                      ref={driveButtonRef}\n                      variant=\"contained\"\n                      color=\"secondary\"\n                      size=\"small\"\n                      disabled={!driveToHomeEnabled}\n                      onMouseDown={handleDriveToHomeMouseDown}\n                      onMouseUp={handleDriveToHomeMouseUp}\n                      onMouseLeave={handleDriveToHomeMouseLeave}\n                      onTouchStart={handleDriveToHomeMouseDown}\n                      onTouchEnd={handleDriveToHomeMouseUp}\n                      sx={{\n                        textTransform: \"none\",\n                        px: 1.5,\n                        py: 0.5,\n                      }}\n                    >\n                      {t(\"RobotCard.DriveToHome.bt\")}\n                    </Button>\n                  </Box>\n                </Box>\n              </Box>\n            </>\n          )}\n        </Card>\n      )\n    },\n  ),\n)\n\nexport default RobotCard\n"],"names":["RobotCard","externalizeComponent","observer","robotName","programState","safetyState","operationMode","driveToHomeEnabled","onDriveToHomePress","onDriveToHomeRelease","connectedMotionGroup","RobotComponent","Robot","CustomContentComponent","className","theme","useTheme","t","useTranslation","isDriveToHomePressed","setIsDriveToHomePressed","useState","driveButtonRef","useRef","cardRef","isLandscape","setIsLandscape","cardSize","setCardSize","modelRenderTrigger","setModelRenderTrigger","useEffect","checkDimensions","offsetWidth","offsetHeight","resizeObserver","handleModelRender","useCallback","prev","handleDriveToHomeMouseDown","handleDriveToHomeMouseUp","handleDriveToHomeMouseLeave","shouldHideRobot","shouldHideCustomContent","jsx","Card","_a","jsxs","Fragment","Box","Canvas","PresetEnvironment","Bounds","Typography","ProgramStateIndicator","Divider","Button"],"mappings":"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"}

package/dist/components/RobotListItem.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),y=require("@mui/icons-material/Error"),b=require("@mui/material/styles"),r=require("@mui/material/Box"),m=require("@mui/material/Divider"),n=require("@mui/material/Typography"),f=require("mobx-react-lite"),g=require("../externalizeComponent.cjs"),a=require("./RobotSetupReadinessIndicator.cjs"),R=require("../icons/robot.svg.cjs"),l=g.externalizeComponent(f.observer(({robotName:c,robotType:d,setupState:o,PreconditionComponent:i=a.RobotSetupReadinessIndicator,className:p})=>{var s;const t=b.useTheme(),x=d||"Robot",u=o===a.RobotSetupReadinessState.READY;return e.jsxs(r,{className:p,sx:{border:`1px solid ${t.palette.divider}`,background:((s=t.palette.backgroundPaperElevation)==null?void 0:s[8])||"#292B3F",borderRadius:"8px",padding:"20px",display:"flex",alignItems:"center",justifyContent:"space-between",opacity:1},children:[e.jsxs(r,{sx:{display:"flex",alignItems:"center",gap:2,flex:1},children:[u?e.jsx(r,{sx:{fontSize:24,display:"flex",alignItems:"center",justifyContent:"center",width:24,height:24,"& svg":{fill:`${t.palette.primary.main} !important`},"& svg path":{fill:`${t.palette.primary.main} !important`}},children:e.jsx(R.default,{})}):e.jsx(y,{sx:{color:t.palette.error.main,fontSize:24}}),e.jsx(n,{variant:"body1",sx:{fontWeight:500,color:t.palette.text.primary},children:c}),e.jsx(m,{orientation:"vertical",flexItem:!0,sx:{backgroundColor:t.palette.text.secondary,opacity:.3,width:"1px"}}),e.jsx(n,{variant:"body2",sx:{color:t.palette.text.secondary},children:x})]}),i&&e.jsx(i,{setupState:o})]})}));exports.RobotListItem=l;exports.default=l;
-//# sourceMappingURL=RobotListItem.cjs.map

package/dist/components/RobotListItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotListItem.cjs","sources":["../../src/components/RobotListItem.tsx"],"sourcesContent":["import ErrorIcon from \"@mui/icons-material/Error\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ComponentType } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { RobotIcon } from \"../icons\"\nimport {\n  RobotSetupReadinessIndicator,\n  RobotSetupReadinessState,\n} from \"./RobotSetupReadinessIndicator\"\n\nexport interface RobotListItemProps {\n  /** The name of the robot */\n  robotName: string\n  /** The type/model of the robot (will try to derive from nova if not provided) */\n  robotType?: string\n  /** The current setup readiness state of the robot */\n  setupState: RobotSetupReadinessState\n  /**\n   * Component to render for the precondition indicator.\n   * Defaults to RobotSetupReadinessIndicator.\n   * Pass null or undefined to hide the indicator.\n   */\n  PreconditionComponent?: ComponentType<{\n    setupState: RobotSetupReadinessState\n  }> | null\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A list item component that displays robot information and setup readiness state.\n *\n * Features:\n * - Shows robot name, type, and customizable precondition component\n * - Color-coded icon based on readiness state (robot icon for ready, warning for issues)\n * - Styled with consistent border, background, and spacing\n * - Responsive layout with proper spacing and alignment\n * - Flexible precondition component that can be customized or hidden\n */\nexport const RobotListItem = externalizeComponent(\n  observer(\n    ({\n      robotName,\n      robotType,\n      setupState,\n      PreconditionComponent = RobotSetupReadinessIndicator,\n      className,\n    }: RobotListItemProps) => {\n      const theme = useTheme()\n\n      // Use provided robot type or default\n      const displayRobotType = robotType || \"Robot\"\n\n      const isReady = setupState === RobotSetupReadinessState.READY\n\n      return (\n        <Box\n          className={className}\n          sx={{\n            border: `1px solid ${theme.palette.divider}`,\n            background:\n              theme.palette.backgroundPaperElevation?.[8] || \"#292B3F\",\n            borderRadius: \"8px\",\n            padding: \"20px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            opacity: 1,\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: 2,\n              flex: 1,\n            }}\n          >\n            {/* Robot/Warning Icon */}\n            {isReady ? (\n              <Box\n                sx={{\n                  fontSize: 24,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  width: 24,\n                  height: 24,\n                  \"& svg\": {\n                    fill: `${theme.palette.primary.main} !important`,\n                  },\n                  \"& svg path\": {\n                    fill: `${theme.palette.primary.main} !important`,\n                  },\n                }}\n              >\n                <RobotIcon />\n              </Box>\n            ) : (\n              <ErrorIcon\n                sx={{\n                  color: theme.palette.error.main,\n                  fontSize: 24,\n                }}\n              />\n            )}\n\n            {/* Robot Name */}\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 500,\n                color: theme.palette.text.primary,\n              }}\n            >\n              {robotName}\n            </Typography>\n\n            {/* Divider */}\n            <Divider\n              orientation=\"vertical\"\n              flexItem\n              sx={{\n                backgroundColor: theme.palette.text.secondary,\n                opacity: 0.3,\n                width: \"1px\",\n              }}\n            />\n\n            {/* Robot Type */}\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {displayRobotType}\n            </Typography>\n          </Box>\n\n          {/* Setup Readiness Indicator */}\n          {PreconditionComponent && (\n            <PreconditionComponent setupState={setupState} />\n          )}\n        </Box>\n      )\n    },\n  ),\n)\n\nexport default RobotListItem\n"],"names":["RobotListItem","externalizeComponent","observer","robotName","robotType","setupState","PreconditionComponent","RobotSetupReadinessIndicator","className","theme","useTheme","displayRobotType","isReady","RobotSetupReadinessState","jsxs","Box","_a","jsx","RobotIcon","ErrorIcon","Typography","Divider"],"mappings":"4dA2CaA,EAAgBC,EAAAA,qBAC3BC,EAAAA,SACE,CAAC,CACC,UAAAC,EACA,UAAAC,EACA,WAAAC,EACA,sBAAAC,EAAwBC,EAAAA,6BACxB,UAAAC,CAAA,IACwB,OACxB,MAAMC,EAAQC,EAAAA,SAAA,EAGRC,EAAmBP,GAAa,QAEhCQ,EAAUP,IAAeQ,EAAAA,yBAAyB,MAExD,OACEC,EAAAA,KAACC,EAAA,CACC,UAAAP,EACA,GAAI,CACF,OAAQ,aAAaC,EAAM,QAAQ,OAAO,GAC1C,aACEO,EAAAP,EAAM,QAAQ,2BAAd,YAAAO,EAAyC,KAAM,UACjD,aAAc,MACd,QAAS,OACT,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,QAAS,CAAA,EAGX,SAAA,CAAAF,EAAAA,KAACC,EAAA,CACC,GAAI,CACF,QAAS,OACT,WAAY,SACZ,IAAK,EACL,KAAM,CAAA,EAIP,SAAA,CAAAH,EACCK,EAAAA,IAACF,EAAA,CACC,GAAI,CACF,SAAU,GACV,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,GACP,OAAQ,GACR,QAAS,CACP,KAAM,GAAGN,EAAM,QAAQ,QAAQ,IAAI,aAAA,EAErC,aAAc,CACZ,KAAM,GAAGA,EAAM,QAAQ,QAAQ,IAAI,aAAA,CACrC,EAGF,eAACS,EAAAA,QAAA,CAAA,CAAU,CAAA,CAAA,EAGbD,EAAAA,IAACE,EAAA,CACC,GAAI,CACF,MAAOV,EAAM,QAAQ,MAAM,KAC3B,SAAU,EAAA,CACZ,CAAA,EAKJQ,EAAAA,IAACG,EAAA,CACC,QAAQ,QACR,GAAI,CACF,WAAY,IACZ,MAAOX,EAAM,QAAQ,KAAK,OAAA,EAG3B,SAAAN,CAAA,CAAA,EAIHc,EAAAA,IAACI,EAAA,CACC,YAAY,WACZ,SAAQ,GACR,GAAI,CACF,gBAAiBZ,EAAM,QAAQ,KAAK,UACpC,QAAS,GACT,MAAO,KAAA,CACT,CAAA,EAIFQ,EAAAA,IAACG,EAAA,CACC,QAAQ,QACR,GAAI,CACF,MAAOX,EAAM,QAAQ,KAAK,SAAA,EAG3B,SAAAE,CAAA,CAAA,CACH,CAAA,CAAA,EAIDL,GACCW,EAAAA,IAACX,EAAA,CAAsB,WAAAD,CAAA,CAAwB,CAAA,CAAA,CAAA,CAIvD,CAAA,CAEJ"}

package/dist/components/RobotListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotListItem.d.ts","sourceRoot":"","sources":["../../src/components/RobotListItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,EAEL,wBAAwB,EACzB,MAAM,gCAAgC,CAAA;AAEvC,MAAM,WAAW,kBAAkB;IACjC,4BAA4B;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qDAAqD;IACrD,UAAU,EAAE,wBAAwB,CAAA;IACpC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,aAAa,CAAC;QACpC,UAAU,EAAE,wBAAwB,CAAA;KACrC,CAAC,GAAG,IAAI,CAAA;IACT,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,6EAQnB,kBAAkB;;CAqGxB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/RobotListItem.js

@@ -1,122 +0,0 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import f from "@mui/icons-material/Error";
-import { useTheme as x } from "@mui/material/styles";
-import r from "@mui/material/Box";
-import y from "@mui/material/Divider";
-import p from "@mui/material/Typography";
-import { observer as b } from "mobx-react-lite";
-import { externalizeComponent as h } from "../externalizeComponent.js";
-import { RobotSetupReadinessState as g, RobotSetupReadinessIndicator as u } from "./RobotSetupReadinessIndicator.js";
-import R from "../icons/robot.svg.js";
-const $ = h(
-  b(
-    ({
-      robotName: l,
-      robotType: s,
-      setupState: o,
-      PreconditionComponent: i = u,
-      className: m
-    }) => {
-      var a;
-      const t = x(), d = s || "Robot", c = o === g.READY;
-      return /* @__PURE__ */ n(
-        r,
-        {
-          className: m,
-          sx: {
-            border: `1px solid ${t.palette.divider}`,
-            background: ((a = t.palette.backgroundPaperElevation) == null ? void 0 : a[8]) || "#292B3F",
-            borderRadius: "8px",
-            padding: "20px",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            opacity: 1
-          },
-          children: [
-            /* @__PURE__ */ n(
-              r,
-              {
-                sx: {
-                  display: "flex",
-                  alignItems: "center",
-                  gap: 2,
-                  flex: 1
-                },
-                children: [
-                  c ? /* @__PURE__ */ e(
-                    r,
-                    {
-                      sx: {
-                        fontSize: 24,
-                        display: "flex",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        width: 24,
-                        height: 24,
-                        "& svg": {
-                          fill: `${t.palette.primary.main} !important`
-                        },
-                        "& svg path": {
-                          fill: `${t.palette.primary.main} !important`
-                        }
-                      },
-                      children: /* @__PURE__ */ e(R, {})
-                    }
-                  ) : /* @__PURE__ */ e(
-                    f,
-                    {
-                      sx: {
-                        color: t.palette.error.main,
-                        fontSize: 24
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    p,
-                    {
-                      variant: "body1",
-                      sx: {
-                        fontWeight: 500,
-                        color: t.palette.text.primary
-                      },
-                      children: l
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    y,
-                    {
-                      orientation: "vertical",
-                      flexItem: !0,
-                      sx: {
-                        backgroundColor: t.palette.text.secondary,
-                        opacity: 0.3,
-                        width: "1px"
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e(
-                    p,
-                    {
-                      variant: "body2",
-                      sx: {
-                        color: t.palette.text.secondary
-                      },
-                      children: d
-                    }
-                  )
-                ]
-              }
-            ),
-            i && /* @__PURE__ */ e(i, { setupState: o })
-          ]
-        }
-      );
-    }
-  )
-);
-export {
-  $ as RobotListItem,
-  $ as default
-};
-//# sourceMappingURL=RobotListItem.js.map

package/dist/components/RobotListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotListItem.js","sources":["../../src/components/RobotListItem.tsx"],"sourcesContent":["import ErrorIcon from \"@mui/icons-material/Error\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Divider from \"@mui/material/Divider\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport type { ComponentType } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { RobotIcon } from \"../icons\"\nimport {\n  RobotSetupReadinessIndicator,\n  RobotSetupReadinessState,\n} from \"./RobotSetupReadinessIndicator\"\n\nexport interface RobotListItemProps {\n  /** The name of the robot */\n  robotName: string\n  /** The type/model of the robot (will try to derive from nova if not provided) */\n  robotType?: string\n  /** The current setup readiness state of the robot */\n  setupState: RobotSetupReadinessState\n  /**\n   * Component to render for the precondition indicator.\n   * Defaults to RobotSetupReadinessIndicator.\n   * Pass null or undefined to hide the indicator.\n   */\n  PreconditionComponent?: ComponentType<{\n    setupState: RobotSetupReadinessState\n  }> | null\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A list item component that displays robot information and setup readiness state.\n *\n * Features:\n * - Shows robot name, type, and customizable precondition component\n * - Color-coded icon based on readiness state (robot icon for ready, warning for issues)\n * - Styled with consistent border, background, and spacing\n * - Responsive layout with proper spacing and alignment\n * - Flexible precondition component that can be customized or hidden\n */\nexport const RobotListItem = externalizeComponent(\n  observer(\n    ({\n      robotName,\n      robotType,\n      setupState,\n      PreconditionComponent = RobotSetupReadinessIndicator,\n      className,\n    }: RobotListItemProps) => {\n      const theme = useTheme()\n\n      // Use provided robot type or default\n      const displayRobotType = robotType || \"Robot\"\n\n      const isReady = setupState === RobotSetupReadinessState.READY\n\n      return (\n        <Box\n          className={className}\n          sx={{\n            border: `1px solid ${theme.palette.divider}`,\n            background:\n              theme.palette.backgroundPaperElevation?.[8] || \"#292B3F\",\n            borderRadius: \"8px\",\n            padding: \"20px\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            opacity: 1,\n          }}\n        >\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: 2,\n              flex: 1,\n            }}\n          >\n            {/* Robot/Warning Icon */}\n            {isReady ? (\n              <Box\n                sx={{\n                  fontSize: 24,\n                  display: \"flex\",\n                  alignItems: \"center\",\n                  justifyContent: \"center\",\n                  width: 24,\n                  height: 24,\n                  \"& svg\": {\n                    fill: `${theme.palette.primary.main} !important`,\n                  },\n                  \"& svg path\": {\n                    fill: `${theme.palette.primary.main} !important`,\n                  },\n                }}\n              >\n                <RobotIcon />\n              </Box>\n            ) : (\n              <ErrorIcon\n                sx={{\n                  color: theme.palette.error.main,\n                  fontSize: 24,\n                }}\n              />\n            )}\n\n            {/* Robot Name */}\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 500,\n                color: theme.palette.text.primary,\n              }}\n            >\n              {robotName}\n            </Typography>\n\n            {/* Divider */}\n            <Divider\n              orientation=\"vertical\"\n              flexItem\n              sx={{\n                backgroundColor: theme.palette.text.secondary,\n                opacity: 0.3,\n                width: \"1px\",\n              }}\n            />\n\n            {/* Robot Type */}\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {displayRobotType}\n            </Typography>\n          </Box>\n\n          {/* Setup Readiness Indicator */}\n          {PreconditionComponent && (\n            <PreconditionComponent setupState={setupState} />\n          )}\n        </Box>\n      )\n    },\n  ),\n)\n\nexport default RobotListItem\n"],"names":["RobotListItem","externalizeComponent","observer","robotName","robotType","setupState","PreconditionComponent","RobotSetupReadinessIndicator","className","theme","useTheme","displayRobotType","isReady","RobotSetupReadinessState","jsxs","Box","_a","jsx","RobotIcon","ErrorIcon","Typography","Divider"],"mappings":";;;;;;;;;;AA2CO,MAAMA,IAAgBC;AAAA,EAC3BC;AAAA,IACE,CAAC;AAAA,MACC,WAAAC;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,uBAAAC,IAAwBC;AAAA,MACxB,WAAAC;AAAA,IAAA,MACwB;;AACxB,YAAMC,IAAQC,EAAA,GAGRC,IAAmBP,KAAa,SAEhCQ,IAAUP,MAAeQ,EAAyB;AAExD,aACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAAP;AAAA,UACA,IAAI;AAAA,YACF,QAAQ,aAAaC,EAAM,QAAQ,OAAO;AAAA,YAC1C,cACEO,IAAAP,EAAM,QAAQ,6BAAd,gBAAAO,EAAyC,OAAM;AAAA,YACjD,cAAc;AAAA,YACd,SAAS;AAAA,YACT,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,gBAAgB;AAAA,YAChB,SAAS;AAAA,UAAA;AAAA,UAGX,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,kBACF,SAAS;AAAA,kBACT,YAAY;AAAA,kBACZ,KAAK;AAAA,kBACL,MAAM;AAAA,gBAAA;AAAA,gBAIP,UAAA;AAAA,kBAAAH,IACC,gBAAAK;AAAA,oBAACF;AAAA,oBAAA;AAAA,sBACC,IAAI;AAAA,wBACF,UAAU;AAAA,wBACV,SAAS;AAAA,wBACT,YAAY;AAAA,wBACZ,gBAAgB;AAAA,wBAChB,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,SAAS;AAAA,0BACP,MAAM,GAAGN,EAAM,QAAQ,QAAQ,IAAI;AAAA,wBAAA;AAAA,wBAErC,cAAc;AAAA,0BACZ,MAAM,GAAGA,EAAM,QAAQ,QAAQ,IAAI;AAAA,wBAAA;AAAA,sBACrC;AAAA,sBAGF,4BAACS,GAAA,CAAA,CAAU;AAAA,oBAAA;AAAA,kBAAA,IAGb,gBAAAD;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACC,IAAI;AAAA,wBACF,OAAOV,EAAM,QAAQ,MAAM;AAAA,wBAC3B,UAAU;AAAA,sBAAA;AAAA,oBACZ;AAAA,kBAAA;AAAA,kBAKJ,gBAAAQ;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,IAAI;AAAA,wBACF,YAAY;AAAA,wBACZ,OAAOX,EAAM,QAAQ,KAAK;AAAA,sBAAA;AAAA,sBAG3B,UAAAN;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAIH,gBAAAc;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,aAAY;AAAA,sBACZ,UAAQ;AAAA,sBACR,IAAI;AAAA,wBACF,iBAAiBZ,EAAM,QAAQ,KAAK;AAAA,wBACpC,SAAS;AAAA,wBACT,OAAO;AAAA,sBAAA;AAAA,oBACT;AAAA,kBAAA;AAAA,kBAIF,gBAAAQ;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,IAAI;AAAA,wBACF,OAAOX,EAAM,QAAQ,KAAK;AAAA,sBAAA;AAAA,sBAG3B,UAAAE;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACH;AAAA,cAAA;AAAA,YAAA;AAAA,YAIDL,KACC,gBAAAW,EAACX,GAAA,EAAsB,YAAAD,EAAA,CAAwB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAIvD;AAAA,EAAA;AAEJ;"}

package/dist/components/RobotSetupReadinessIndicator.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),k=require("@mui/material/styles"),u=require("@mui/material/Box"),R=require("@mui/material/Chip"),I=require("@mui/material/Typography"),N=require("mobx-react-lite"),_=require("react-i18next"),m=require("../externalizeComponent.cjs");var b=(t=>(t.PRECONDITION_NOT_FULFILLED="PRECONDITION_NOT_FULFILLED",t.ROBOT_DISCONNECTED="ROBOT_DISCONNECTED",t.CELL_OPEN="CELL_OPEN",t.E_STOP="E_STOP",t.MANUAL_MODE="MANUAL_MODE",t.READY="READY",t))(b||{});const C=m.externalizeComponent(N.observer(({setupState:t,className:g})=>{const e=k.useTheme(),{t:r}=_.useTranslation(),E=()=>{var n,l,i,c,d,s,p;switch(t){case"READY":return{label:r("RobotSetupReadinessIndicator.Ready.lb"),indicatorColor:((n=e.palette.tertiary)==null?void 0:n.main)||e.palette.primary.main,backgroundColor:((l=e.palette.backgroundPaperElevation)==null?void 0:l[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"ROBOT_DISCONNECTED":return{label:r("RobotSetupReadinessIndicator.RobotDisconnected.lb"),indicatorColor:e.palette.error.main,backgroundColor:((i=e.palette.backgroundPaperElevation)==null?void 0:i[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"CELL_OPEN":return{label:r("RobotSetupReadinessIndicator.CellOpen.lb"),indicatorColor:e.palette.error.main,backgroundColor:((c=e.palette.backgroundPaperElevation)==null?void 0:c[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"E_STOP":return{label:r("RobotSetupReadinessIndicator.EStop.lb"),indicatorColor:e.palette.error.main,backgroundColor:((d=e.palette.backgroundPaperElevation)==null?void 0:d[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};case"MANUAL_MODE":return{label:r("RobotSetupReadinessIndicator.ManualMode.lb"),indicatorColor:e.palette.error.main,backgroundColor:((s=e.palette.backgroundPaperElevation)==null?void 0:s[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText};default:return{label:r("RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb"),indicatorColor:e.palette.error.main,backgroundColor:((p=e.palette.backgroundPaperElevation)==null?void 0:p[11])||e.palette.background.paper,textColor:e.palette.secondary.contrastText}}},{label:x,indicatorColor:O,backgroundColor:a,textColor:T}=E();return o.jsx(R,{className:g,label:o.jsxs(u,{sx:{display:"flex",alignItems:"center",gap:1},children:[o.jsx(u,{sx:{width:8,height:8,borderRadius:"50%",backgroundColor:O,flexShrink:0}}),o.jsx(I,{variant:"body2",sx:{color:T,fontSize:"0.75rem",lineHeight:1.2},children:x})]}),variant:"filled",sx:{backgroundColor:a,color:e.palette.getContrastText(a),fontWeight:500,height:"auto","& .MuiChip-label":{paddingX:1.5,paddingY:.5}}})}));exports.RobotSetupReadinessIndicator=C;exports.RobotSetupReadinessState=b;exports.default=C;
-//# sourceMappingURL=RobotSetupReadinessIndicator.cjs.map

package/dist/components/RobotSetupReadinessIndicator.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotSetupReadinessIndicator.cjs","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Chip from \"@mui/material/Chip\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useTranslation } from \"react-i18next\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\n/**\n * Enum representing the robot setup readiness state\n */\nexport enum RobotSetupReadinessState {\n  /** Preconditions are not fulfilled for robot operation */\n  PRECONDITION_NOT_FULFILLED = \"PRECONDITION_NOT_FULFILLED\",\n  /** Robot is disconnected from the system */\n  ROBOT_DISCONNECTED = \"ROBOT_DISCONNECTED\",\n  /** Safety cell is open and robot cannot operate */\n  CELL_OPEN = \"CELL_OPEN\",\n  /** Emergency stop is active and robot cannot operate */\n  E_STOP = \"E_STOP\",\n  /** Robot is in manual mode and requires manual intervention */\n  MANUAL_MODE = \"MANUAL_MODE\",\n  /** Robot is ready for operation */\n  READY = \"READY\",\n}\n\nexport interface RobotSetupReadinessIndicatorProps {\n  /** The current setup readiness state of the robot */\n  setupState: RobotSetupReadinessState\n  /** Additional CSS class name */\n  className?: string\n}\n\n/**\n * A state indicator component that displays the current robot setup readiness state.\n *\n * Features:\n * - Shows six states: Precondition not fulfilled, Robot disconnected, Cell open, E-Stop, Manual mode, Ready\n * - Color-coded based on state (ready: tertiary/main, others: error/main)\n * - Rendered as Material-UI filled chip with paper-elevation-11 background\n * - Includes colored circle indicator (8px width)\n * - Localization support via react-i18next\n */\nexport const RobotSetupReadinessIndicator = externalizeComponent(\n  observer(({ setupState, className }: RobotSetupReadinessIndicatorProps) => {\n    const theme = useTheme()\n    const { t } = useTranslation()\n\n    const getStateInfo = () => {\n      switch (setupState) {\n        case RobotSetupReadinessState.READY:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.Ready.lb\"),\n            indicatorColor:\n              theme.palette.tertiary?.main || theme.palette.primary.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.ROBOT_DISCONNECTED:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.RobotDisconnected.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.CELL_OPEN:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.CellOpen.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.E_STOP:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.EStop.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        case RobotSetupReadinessState.MANUAL_MODE:\n          return {\n            label: t(\"RobotSetupReadinessIndicator.ManualMode.lb\"),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n        default:\n          return {\n            label: t(\n              \"RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb\",\n            ),\n            indicatorColor: theme.palette.error.main,\n            backgroundColor:\n              theme.palette.backgroundPaperElevation?.[11] ||\n              theme.palette.background.paper,\n            textColor: theme.palette.secondary.contrastText,\n          }\n      }\n    }\n\n    const { label, indicatorColor, backgroundColor, textColor } = getStateInfo()\n\n    return (\n      <Chip\n        className={className}\n        label={\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              gap: 1,\n            }}\n          >\n            <Box\n              sx={{\n                width: 8,\n                height: 8,\n                borderRadius: \"50%\",\n                backgroundColor: indicatorColor,\n                flexShrink: 0,\n              }}\n            />\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: textColor,\n                fontSize: \"0.75rem\", // Smaller than body2\n                lineHeight: 1.2,\n              }}\n            >\n              {label}\n            </Typography>\n          </Box>\n        }\n        variant=\"filled\"\n        sx={{\n          backgroundColor,\n          color: theme.palette.getContrastText(backgroundColor),\n          fontWeight: 500,\n          height: \"auto\",\n          \"& .MuiChip-label\": {\n            paddingX: 1.5,\n            paddingY: 0.5,\n          },\n        }}\n      />\n    )\n  }),\n)\n\nexport default RobotSetupReadinessIndicator\n"],"names":["RobotSetupReadinessState","RobotSetupReadinessIndicator","externalizeComponent","observer","setupState","className","theme","useTheme","t","useTranslation","getStateInfo","_a","_b","_c","_d","_e","_f","_g","label","indicatorColor","backgroundColor","textColor","jsx","Chip","jsxs","Box","Typography"],"mappings":"yXAWO,IAAKA,GAAAA,IAEVA,EAAA,2BAA6B,6BAE7BA,EAAA,mBAAqB,qBAErBA,EAAA,UAAY,YAEZA,EAAA,OAAS,SAETA,EAAA,YAAc,cAEdA,EAAA,MAAQ,QAZEA,IAAAA,GAAA,CAAA,CAAA,EAgCL,MAAMC,EAA+BC,EAAAA,qBAC1CC,EAAAA,SAAS,CAAC,CAAE,WAAAC,EAAY,UAAAC,KAAmD,CACzE,MAAMC,EAAQC,EAAAA,SAAA,EACR,CAAE,EAAAC,CAAA,EAAMC,iBAAA,EAERC,EAAe,IAAM,mBACzB,OAAQN,EAAA,CACN,IAAK,QACH,MAAO,CACL,MAAOI,EAAE,uCAAuC,EAChD,iBACEG,EAAAL,EAAM,QAAQ,WAAd,YAAAK,EAAwB,OAAQL,EAAM,QAAQ,QAAQ,KACxD,kBACEM,EAAAN,EAAM,QAAQ,2BAAd,YAAAM,EAAyC,MACzCN,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,qBACH,MAAO,CACL,MAAOE,EAAE,mDAAmD,EAC5D,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEO,EAAAP,EAAM,QAAQ,2BAAd,YAAAO,EAAyC,MACzCP,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,YACH,MAAO,CACL,MAAOE,EAAE,0CAA0C,EACnD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEQ,EAAAR,EAAM,QAAQ,2BAAd,YAAAQ,EAAyC,MACzCR,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,SACH,MAAO,CACL,MAAOE,EAAE,uCAAuC,EAChD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACES,EAAAT,EAAM,QAAQ,2BAAd,YAAAS,EAAyC,MACzCT,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,IAAK,cACH,MAAO,CACL,MAAOE,EAAE,4CAA4C,EACrD,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEU,EAAAV,EAAM,QAAQ,2BAAd,YAAAU,EAAyC,MACzCV,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,EAEvC,QACE,MAAO,CACL,MAAOE,EACL,0DAAA,EAEF,eAAgBF,EAAM,QAAQ,MAAM,KACpC,kBACEW,EAAAX,EAAM,QAAQ,2BAAd,YAAAW,EAAyC,MACzCX,EAAM,QAAQ,WAAW,MAC3B,UAAWA,EAAM,QAAQ,UAAU,YAAA,CACrC,CAEN,EAEM,CAAE,MAAAY,EAAO,eAAAC,EAAgB,gBAAAC,EAAiB,UAAAC,CAAA,EAAcX,EAAA,EAE9D,OACEY,EAAAA,IAACC,EAAA,CACC,UAAAlB,EACA,MACEmB,EAAAA,KAACC,EAAA,CACC,GAAI,CACF,QAAS,OACT,WAAY,SACZ,IAAK,CAAA,EAGP,SAAA,CAAAH,EAAAA,IAACG,EAAA,CACC,GAAI,CACF,MAAO,EACP,OAAQ,EACR,aAAc,MACd,gBAAiBN,EACjB,WAAY,CAAA,CACd,CAAA,EAEFG,EAAAA,IAACI,EAAA,CACC,QAAQ,QACR,GAAI,CACF,MAAOL,EACP,SAAU,UACV,WAAY,GAAA,EAGb,SAAAH,CAAA,CAAA,CACH,CAAA,CAAA,EAGJ,QAAQ,SACR,GAAI,CACF,gBAAAE,EACA,MAAOd,EAAM,QAAQ,gBAAgBc,CAAe,EACpD,WAAY,IACZ,OAAQ,OACR,mBAAoB,CAClB,SAAU,IACV,SAAU,EAAA,CACZ,CACF,CAAA,CAGN,CAAC,CACH"}

package/dist/components/RobotSetupReadinessIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RobotSetupReadinessIndicator.d.ts","sourceRoot":"","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"names":[],"mappings":"AAQA;;GAEG;AACH,oBAAY,wBAAwB;IAClC,0DAA0D;IAC1D,0BAA0B,+BAA+B;IACzD,4CAA4C;IAC5C,kBAAkB,uBAAuB;IACzC,mDAAmD;IACnD,SAAS,cAAc;IACvB,wDAAwD;IACxD,MAAM,WAAW;IACjB,+DAA+D;IAC/D,WAAW,gBAAgB;IAC3B,mCAAmC;IACnC,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iCAAiC;IAChD,qDAAqD;IACrD,UAAU,EAAE,wBAAwB,CAAA;IACpC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,+BACF,iCAAiC;;CAkHvE,CAAA;AAED,eAAe,4BAA4B,CAAA"}