@wandelbots/wandelbots-js-react-components 2.32.0-pr.feature-robot-precondition-list.372.8bd8d01 → 2.33.0-pr.feat-add-kuka-kr60-3.374.7118e96

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "2.32.0-pr.feature-robot-precondition-list.372.8bd8d01",
+  "version": "2.33.0-pr.feat-add-kuka-kr60-3.374.7118e96",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
@@ -139,7 +139,6 @@
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
     "@mui/x-charts": "^8.9.0",
-    "@mui/x-data-grid": "^8.10.1",
     "@shikijs/monaco": "^3.1.0",
     "i18next-browser-languagedetector": "^8.0.4",
     "lodash-es": "^4.17.21",

package/src/components/CycleTimer.tsx

@@ -301,56 +301,77 @@ export const CycleTimer = externalizeComponent(
             sx={{
               display: "flex",
               alignItems: "center",
-              m: 0,
-              gap: 1, // 8px gap between circle and text
+              gap: 0.125, // Minimal gap - 1px
             }}
           >
-            {/* Animated progress ring icon */}
+            {/* Animated progress gauge icon */}
             <Box
               sx={{
-                width: 20,
-                height: 20,
+                position: "relative",
+                width: 40,
+                height: 40,
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                opacity: isPausedState ? 0.6 : 1,
-                transition: "opacity 0.2s ease",
+                borderRadius: "50%",
+                overflow: "visible",
               }}
             >
-              <svg
-                width="20"
-                height="20"
-                viewBox="0 0 20 20"
-                style={{ transform: "rotate(-90deg)" }}
-                role="img"
-                aria-label="Timer progress"
-              >
-                {/* Background ring */}
-                <circle
-                  cx="10"
-                  cy="10"
-                  r="8"
-                  fill="none"
-                  stroke={theme.palette.success.main}
-                  strokeWidth="2"
-                  opacity={0.3}
-                />
-                {/* Progress ring */}
-                <circle
-                  cx="10"
-                  cy="10"
-                  r="8"
-                  fill="none"
-                  stroke={theme.palette.success.main}
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                  strokeDasharray={`${2 * Math.PI * 8}`}
-                  strokeDashoffset={`${2 * Math.PI * 8 * (1 - progressValue / 100)}`}
-                  style={{
-                    transition: "stroke-dashoffset 0.1s ease-out",
-                  }}
-                />
-              </svg>
+              <Gauge
+                width={40}
+                height={40}
+                value={progressValue}
+                valueMin={0}
+                valueMax={100}
+                innerRadius="70%"
+                outerRadius="95%"
+                skipAnimation={true}
+                sx={{
+                  opacity: isPausedState ? 0.6 : 1,
+                  transition: "opacity 0.2s ease",
+                  [`& .MuiGauge-valueArc`]: {
+                    fill: theme.palette.success.main,
+                  },
+                  [`& .MuiGauge-referenceArc`]: {
+                    fill: theme.palette.success.main,
+                    opacity: 0.3,
+                  },
+                  [`& .MuiGauge-valueText`]: {
+                    display: "none",
+                  },
+                  [`& .MuiGauge-text`]: {
+                    display: "none",
+                  },
+                  [`& text`]: {
+                    display: "none",
+                  },
+                  // Hide any inner circle elements that might flash
+                  [`& .MuiGauge-referenceArcBackground`]: {
+                    display: "none",
+                  },
+                  [`& .MuiGauge-valueArcBackground`]: {
+                    display: "none",
+                  },
+                  [`& circle`]: {
+                    display: "none",
+                  },
+                }}
+              />
+
+              {/* Inner circle overlay to prevent flashing */}
+              <Box
+                sx={{
+                  position: "absolute",
+                  top: "50%",
+                  left: "50%",
+                  transform: "translate(-50%, -50%)",
+                  width: 13,
+                  height: 13,
+                  borderRadius: "50%",
+                  backgroundColor: theme.palette.background?.paper || "white",
+                  pointerEvents: "none",
+                }}
+              />
             </Box>
 
             {/* Timer text display */}
@@ -362,8 +383,8 @@ export const CycleTimer = externalizeComponent(
               }}
             >
               {compact
-                ? // Compact mode: show remaining time with "min." suffix
-                  `${formatTime(remainingTime)} ${t("CycleTimer.Time.lb", { time: "" }).replace(/\s*$/, "")}`
+                ? // Compact mode: show only remaining time
+                  formatTime(remainingTime)
                 : // Full mode: show "remaining / of total min." format
                   `${formatTime(remainingTime)} / ${t("CycleTimer.Time.lb", { time: formatTime(maxTime) })}`}
             </Typography>

package/src/components/ProgramControl.tsx

@@ -4,12 +4,7 @@ import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
 
-export enum ProgramState {
-  IDLE = "idle",
-  RUNNING = "running",
-  PAUSED = "paused",
-  STOPPING = "stopping",
-}
+export type ProgramState = "idle" | "running" | "paused" | "stopping"
 
 export interface ProgramControlProps {
   /** The current state of the program control */
@@ -75,24 +70,22 @@ export const ProgramControl = externalizeComponent(
       const getButtonConfigs = (): ButtonConfig[] => {
         const baseConfigs: Record<string, ButtonConfig> = {
           run: {
-            enabled:
-              state === ProgramState.IDLE || state === ProgramState.PAUSED,
+            enabled: state === "idle" || state === "paused",
             label:
-              state === ProgramState.PAUSED
+              state === "paused"
                 ? t("ProgramControl.Resume.bt")
                 : t("ProgramControl.Start.bt"),
             color: theme.palette.success.main,
             onClick: onRun,
           },
           pause: {
-            enabled: state === ProgramState.RUNNING,
+            enabled: state === "running",
             label: t("ProgramControl.Pause.bt"),
             color: "#FFFFFF33",
             onClick: onPause || (() => {}),
           },
           stop: {
-            enabled:
-              state === ProgramState.RUNNING || state === ProgramState.PAUSED,
+            enabled: state === "running" || state === "paused",
             label: t("ProgramControl.Stop.bt"),
             color: theme.palette.error.main,
             onClick: onStop,
@@ -164,7 +157,7 @@ export const ProgramControl = externalizeComponent(
                   variant="contained"
                   disabled={
                     !config.enabled ||
-                    (state === ProgramState.STOPPING && !requiresManualReset)
+                    (state === "stopping" && !requiresManualReset)
                   }
                   onClick={config.onClick}
                   sx={{
@@ -174,17 +167,14 @@ export const ProgramControl = externalizeComponent(
                     backgroundColor: config.color,
                     opacity:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? 1
                         : 0.3,
                     "&:hover": {
                       backgroundColor: config.color,
                       opacity:
                         config.enabled &&
-                        !(
-                          state === ProgramState.STOPPING &&
-                          !requiresManualReset
-                        )
+                        !(state === "stopping" && !requiresManualReset)
                           ? 0.8
                           : 0.3,
                     },
@@ -204,13 +194,13 @@ export const ProgramControl = externalizeComponent(
                   sx={{
                     color:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? config.color
                         : theme.palette.text.disabled,
                     textAlign: "center",
                     opacity:
                       config.enabled &&
-                      !(state === ProgramState.STOPPING && !requiresManualReset)
+                      !(state === "stopping" && !requiresManualReset)
                         ? 1
                         : 0.3,
                   }}

package/src/components/ProgramStateIndicator.tsx

@@ -1,4 +1,4 @@
-import { Chip, Typography, useTheme } from "@mui/material"
+import { Chip, useTheme } from "@mui/material"
 import type {
   RobotControllerStateOperationModeEnum,
   RobotControllerStateSafetyStateEnum,
@@ -6,7 +6,7 @@ import type {
 import { observer } from "mobx-react-lite"
 import { useTranslation } from "react-i18next"
 import { externalizeComponent } from "../externalizeComponent"
-import { ProgramState } from "./ProgramControl"
+import type { ProgramState } from "./ProgramControl"
 
 export interface ProgramStateIndicatorProps {
   /** The current state of the program */
@@ -77,22 +77,22 @@ export const ProgramStateIndicator = externalizeComponent(
         // For normal safety states, check program state
         if (safetyState === "SAFETY_STATE_NORMAL") {
           switch (programState) {
-            case ProgramState.RUNNING:
+            case "running":
               return {
                 label: t("ProgramStateIndicator.Running.lb"),
                 color: theme.palette.success.main,
               }
-            case ProgramState.PAUSED:
+            case "paused":
               return {
                 label: t("ProgramStateIndicator.Paused.lb"),
                 color: theme.palette.grey[600],
               }
-            case ProgramState.STOPPING:
+            case "stopping":
               return {
                 label: t("ProgramStateIndicator.Stopped.lb"),
                 color: theme.palette.error.main,
               }
-            case ProgramState.IDLE:
+            case "idle":
             default:
               return {
                 label: t("ProgramStateIndicator.Ready.lb"),
@@ -131,26 +131,14 @@ export const ProgramStateIndicator = externalizeComponent(
       return (
         <Chip
           className={className}
-          label={
-            <Typography
-              variant="body2"
-              sx={{
-                fontSize: "0.75rem", // Smaller than body2
-                lineHeight: 1.2,
-              }}
-            >
-              {fullLabel}
-            </Typography>
-          }
+          label={fullLabel}
           variant="filled"
           sx={{
             backgroundColor: color,
             color: theme.palette.getContrastText(color),
             fontWeight: 500,
-            height: "auto",
             "& .MuiChip-label": {
-              paddingX: 1.5,
-              paddingY: 0.5,
+              paddingX: 2,
             },
           }}
         />

package/src/components/robots/Robot.tsx

@@ -1,16 +1,15 @@
-import type { ThreeElements } from "@react-three/fiber"
+import { type ThreeElements } from "@react-three/fiber"
 
 import type { ConnectedMotionGroup } from "@wandelbots/nova-js/v1"
 import type { Group } from "three"
-import { defaultGetModel } from "./robotModelLogic"
 import { SupportedRobot } from "./SupportedRobot"
+import { defaultGetModel } from "./robotModelLogic"
 
 export type RobotProps = {
   connectedMotionGroup: ConnectedMotionGroup
   getModel?: (modelFromController: string) => string
   flangeRef?: React.Ref<Group>
   transparentColor?: string
-  postModelRender?: () => void
 } & ThreeElements["group"]
 
 /**
@@ -29,7 +28,6 @@ export function Robot({
   getModel = defaultGetModel,
   flangeRef,
   transparentColor,
-  postModelRender,
   ...props
 }: RobotProps) {
   if (!connectedMotionGroup.dhParameters) {
@@ -46,7 +44,6 @@ export function Robot({
       getModel={getModel}
       flangeRef={flangeRef}
       transparentColor={transparentColor}
-      postModelRender={postModelRender}
       {...props}
     />
   )

package/src/i18n/locales/de/translations.json

@@ -61,10 +61,5 @@
   "ProgramStateIndicator.Auto.lb": "Auto",
   "ProgramStateIndicator.Manual.lb": "Manuell",
   "ProgramStateIndicator.ManualT1.lb": "Manuell T1",
-  "ProgramStateIndicator.ManualT2.lb": "Manuell T2",
-  "RobotSetupReadinessIndicator.Ready.lb": "Bereit",
-  "RobotSetupReadinessIndicator.RobotDisconnected.lb": "Roboter getrennt",
-  "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Voraussetzung nicht erfüllt",
-  "RobotCard.Runtime.lb": "Laufzeit",
-  "RobotCard.DriveToHome.bt": "Zur Home-Position fahren"
+  "ProgramStateIndicator.ManualT2.lb": "Manuell T2"
 }

package/src/i18n/locales/en/translations.json

@@ -62,10 +62,5 @@
   "ProgramStateIndicator.Auto.lb": "Auto",
   "ProgramStateIndicator.Manual.lb": "Manual",
   "ProgramStateIndicator.ManualT1.lb": "Manual T1",
-  "ProgramStateIndicator.ManualT2.lb": "Manual T2",
-  "RobotSetupReadinessIndicator.Ready.lb": "Ready",
-  "RobotSetupReadinessIndicator.RobotDisconnected.lb": "Robot disconnected",
-  "RobotSetupReadinessIndicator.PreconditionNotFulfilled.lb": "Precondition not fulfilled",
-  "RobotCard.Runtime.lb": "Runtime",
-  "RobotCard.DriveToHome.bt": "Drive to Home"
+  "ProgramStateIndicator.ManualT2.lb": "Manual T2"
 }

package/src/index.ts

@@ -2,7 +2,6 @@ export * from "./components/3d-viewport/PresetEnvironment"
 export * from "./components/3d-viewport/SafetyZonesRenderer"
 export * from "./components/3d-viewport/TrajectoryRenderer"
 export * from "./components/CycleTimer"
-export * from "./components/DataGrid"
 export * from "./components/jogging/JoggingCartesianAxisControl"
 export * from "./components/jogging/JoggingJointRotationControl"
 export * from "./components/jogging/JoggingPanel"
@@ -13,13 +12,10 @@ export * from "./components/LoadingCover"
 export * from "./components/modal/NoMotionGroupModal"
 export * from "./components/ProgramControl"
 export * from "./components/ProgramStateIndicator"
-export * from "./components/RobotCard"
-export * from "./components/RobotListItem"
 export * from "./components/robots/AxisConfig"
 export * from "./components/robots/Robot"
 export { defaultGetModel } from "./components/robots/robotModelLogic"
 export * from "./components/robots/SupportedRobot"
-export * from "./components/RobotSetupReadinessIndicator"
 export * from "./components/safetyBar/SafetyBar"
 export * from "./components/SelectableFab"
 export * from "./components/utils/hooks"

package/dist/components/DataGrid.d.ts

@@ -1,61 +0,0 @@
-import { type DataGridProps, type GridColDef, type GridRowParams } from "@mui/x-data-grid";
-export interface WandelbotsDataGridProps<T = Record<string, unknown>> {
-    /**
-     * Array of data items to display in the grid
-     */
-    data: T[];
-    /**
-     * Column definitions for the DataGrid
-     */
-    columns: GridColDef[];
-    /**
-     * Function to transform data items into DataGrid rows
-     * Should return an object with an 'id' field and other fields matching column definitions
-     */
-    getRowData: (item: T) => Record<string, unknown> & {
-        id: string | number;
-    };
-    /**
-     * Callback when a row is clicked
-     */
-    onRowClick?: (item: T, params: GridRowParams) => void;
-    /**
-     * Currently selected item (for highlighting)
-     */
-    selectedItem?: T | null;
-    /**
-     * Function to get the ID of an item (used for selection highlighting)
-     */
-    getItemId?: (item: T) => string | number;
-    /**
-     * Title displayed in the toolbar
-     */
-    title?: string;
-    /**
-     * Show item count in title
-     * @default true
-     */
-    showCount?: boolean;
-    /**
-     * Placeholder text for the search input
-     * @default "Search"
-     */
-    searchPlaceholder?: string;
-    /**
-     * Additional DataGrid props to pass through
-     */
-    dataGridProps?: Partial<DataGridProps>;
-    /**
-     * Custom toolbar component to replace the default one
-     */
-    CustomToolbar?: React.ComponentType;
-    /**
-     * Select the first item by default
-     * @default false
-     */
-    selectFirstByDefault?: boolean;
-}
-export declare const WandelbotsDataGrid: (<T>({ data, columns, getRowData, onRowClick, selectedItem, getItemId, title, showCount, searchPlaceholder, dataGridProps, CustomToolbar, selectFirstByDefault, }: WandelbotsDataGridProps<T>) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=DataGrid.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../src/components/DataGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,UAAU,EACf,KAAK,aAAa,EAOnB,MAAM,kBAAkB,CAAA;AAKzB,MAAM,WAAW,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAClE;;OAEG;IACH,IAAI,EAAE,CAAC,EAAE,CAAA;IAET;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAA;IAErB;;;OAGG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAErD;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAA;IAExC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAE1B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAA;IAEtC;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAEnC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,kBAAkB,IAE1B,CAAC,gKAaC,uBAAuB,CAAC,CAAC,CAAC;;CA6VhC,CAAA"}

package/dist/components/RobotCard.d.ts

@@ -1,84 +0,0 @@
-import type { ConnectedMotionGroup, RobotControllerStateOperationModeEnum, RobotControllerStateSafetyStateEnum } from "@wandelbots/nova-js/v1";
-import type { Group } from "three";
-import type { ProgramState } from "./ProgramControl";
-export interface RobotCardProps {
-    /** Name of the robot displayed at the top */
-    robotName: string;
-    /** Current program state */
-    programState: ProgramState;
-    /** Current safety state of the robot controller */
-    safetyState: RobotControllerStateSafetyStateEnum;
-    /** Current operation mode of the robot controller */
-    operationMode: RobotControllerStateOperationModeEnum;
-    /** Whether the "Drive to Home" button should be enabled */
-    driveToHomeEnabled?: boolean;
-    /** Callback fired when "Drive to Home" button is pressed */
-    onDriveToHomePress?: () => void;
-    /** Callback fired when "Drive to Home" button is released */
-    onDriveToHomeRelease?: () => void;
-    /** Connected motion group for the robot */
-    connectedMotionGroup: ConnectedMotionGroup;
-    /** Custom robot component to render (optional, defaults to Robot) */
-    robotComponent?: React.ComponentType<{
-        connectedMotionGroup: ConnectedMotionGroup;
-        flangeRef?: React.Ref<Group>;
-        postModelRender?: () => void;
-        transparentColor?: string;
-        getModel?: (modelFromController: string) => string;
-    }>;
-    /** Custom cycle timer component (optional, defaults to CycleTimer) */
-    cycleTimerComponent?: React.ComponentType<{
-        variant?: "default" | "small";
-        compact?: boolean;
-        onCycleComplete: (controls: {
-            startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
-            pause: () => void;
-            resume: () => void;
-            isPaused: () => boolean;
-        }) => void;
-        onCycleEnd?: () => void;
-        autoStart?: boolean;
-        className?: string;
-    }>;
-    /** Callback to receive cycle timer controls for external timer management */
-    onCycleTimerReady?: (controls: {
-        startNewCycle: (maxTimeSeconds: number, elapsedSeconds?: number) => void;
-        pause: () => void;
-        resume: () => void;
-        isPaused: () => boolean;
-    }) => void;
-    /** Callback fired when a cycle completes (reaches zero) */
-    onCycleEnd?: () => void;
-    /** Whether the cycle timer should auto-start when a new cycle is set */
-    cycleTimerAutoStart?: boolean;
-    /** Additional CSS class name */
-    className?: string;
-}
-/**
- * A responsive card component that displays a 3D robot with states and controls.
- * The card automatically adapts to its container's size and aspect ratio.
- *
- * Features:
- * - Fully responsive Material-UI Card that adapts to container dimensions
- * - Automatic layout switching based on aspect ratio:
- *   - Portrait mode: Vertical layout with robot in center
- *   - Landscape mode: Horizontal layout with robot on left, content on right (left-aligned)
- * - Responsive 3D robot rendering:
- *   - Scales dynamically with container size
- *   - Hides at very small sizes to preserve usability
- *   - Adaptive margin based on available space
- * - Smart spacing and padding that reduces at smaller sizes
- * - Minimum size constraints for usability while maximizing content density
- * - Robot name displayed in Typography h6 at top-left
- * - Program state indicator below the name
- * - Auto-fitting 3D robot model that scales with container size
- * - Compact cycle time component with small variant
- * - Transparent gray divider line
- * - "Drive to Home" button with press-and-hold functionality
- * - Localization support via react-i18next
- * - Material-UI theming integration
- */
-export declare const RobotCard: (({ robotName, programState, safetyState, operationMode, driveToHomeEnabled, onDriveToHomePress, onDriveToHomeRelease, connectedMotionGroup, robotComponent: RobotComponent, cycleTimerComponent: CycleTimerComponent, onCycleTimerReady, onCycleEnd, cycleTimerAutoStart, className, }: RobotCardProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=RobotCard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RobotCard.d.ts","sourceRoot":"","sources":["../../src/components/RobotCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,qCAAqC,EACrC,mCAAmC,EACpC,MAAM,wBAAwB,CAAA;AAI/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAIlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAuBpD,MAAM,WAAW,cAAc;IAC7B,6CAA6C;IAC7C,SAAS,EAAE,MAAM,CAAA;IACjB,4BAA4B;IAC5B,YAAY,EAAE,YAAY,CAAA;IAC1B,mDAAmD;IACnD,WAAW,EAAE,mCAAmC,CAAA;IAChD,qDAAqD;IACrD,aAAa,EAAE,qCAAqC,CAAA;IACpD,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,2CAA2C;IAC3C,oBAAoB,EAAE,oBAAoB,CAAA;IAC1C,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACnC,oBAAoB,EAAE,oBAAoB,CAAA;QAC1C,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;QAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;QACzB,QAAQ,CAAC,EAAE,CAAC,mBAAmB,EAAE,MAAM,KAAK,MAAM,CAAA;KACnD,CAAC,CAAA;IACF,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;QACjB,eAAe,EAAE,CAAC,QAAQ,EAAE;YAC1B,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;YACxE,KAAK,EAAE,MAAM,IAAI,CAAA;YACjB,MAAM,EAAE,MAAM,IAAI,CAAA;YAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;SACxB,KAAK,IAAI,CAAA;QACV,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;QACvB,SAAS,CAAC,EAAE,OAAO,CAAA;QACnB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAC,CAAA;IACF,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE;QAC7B,aAAa,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;QACxE,KAAK,EAAE,MAAM,IAAI,CAAA;QACjB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,QAAQ,EAAE,MAAM,OAAO,CAAA;KACxB,KAAK,IAAI,CAAA;IACV,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,2RAiBf,cAAc;;CA0bpB,CAAA"}

package/dist/components/RobotListItem.d.ts

@@ -1,34 +0,0 @@
-import type { ComponentType } from "react";
-import { RobotSetupReadinessState } from "./RobotSetupReadinessIndicator";
-export interface RobotListItemProps {
-    /** The name of the robot */
-    robotName: string;
-    /** The type/model of the robot (will try to derive from nova if not provided) */
-    robotType?: string;
-    /** The current setup readiness state of the robot */
-    setupState: RobotSetupReadinessState;
-    /**
-     * Component to render for the precondition indicator.
-     * Defaults to RobotSetupReadinessIndicator.
-     * Pass null or undefined to hide the indicator.
-     */
-    PreconditionComponent?: ComponentType<{
-        setupState: RobotSetupReadinessState;
-    }> | null;
-    /** Additional CSS class name */
-    className?: string;
-}
-/**
- * A list item component that displays robot information and setup readiness state.
- *
- * Features:
- * - Shows robot name, type, and customizable precondition component
- * - Color-coded icon based on readiness state (robot icon for ready, warning for issues)
- * - Styled with consistent border, background, and spacing
- * - Responsive layout with proper spacing and alignment
- * - Flexible precondition component that can be customized or hidden
- */
-export declare const RobotListItem: (({ robotName, robotType, setupState, PreconditionComponent, className, }: RobotListItemProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=RobotListItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RobotListItem.d.ts","sourceRoot":"","sources":["../../src/components/RobotListItem.tsx"],"names":[],"mappings":"AAGA,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;;CAuGxB,CAAA"}

package/dist/components/RobotSetupReadinessIndicator.d.ts

@@ -1,31 +0,0 @@
-/**
- * Enum representing the robot setup readiness state
- */
-export declare enum RobotSetupReadinessState {
-    /** Preconditions are not fulfilled for robot operation */
-    PRECONDITION_NOT_FULFILLED = "PRECONDITION_NOT_FULFILLED",
-    /** Robot is disconnected from the system */
-    ROBOT_DISCONNECTED = "ROBOT_DISCONNECTED",
-    /** Robot is ready for operation */
-    READY = "READY"
-}
-export interface RobotSetupReadinessIndicatorProps {
-    /** The current setup readiness state of the robot */
-    setupState: RobotSetupReadinessState;
-    /** Additional CSS class name */
-    className?: string;
-}
-/**
- * A state indicator component that displays the current robot setup readiness state.
- *
- * Features:
- * - Shows three states: Precondition not fulfilled, Robot disconnected, Ready
- * - Color-coded based on state (ready: tertiary/main, others: error/main)
- * - Rendered as Material-UI filled chip with paper-elevation-11 background
- * - Includes colored circle indicator (8px width)
- * - Localization support via react-i18next
- */
-export declare const RobotSetupReadinessIndicator: (({ setupState, className }: RobotSetupReadinessIndicatorProps) => import("react/jsx-runtime").JSX.Element) & {
-    displayName: string;
-};
-//# sourceMappingURL=RobotSetupReadinessIndicator.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RobotSetupReadinessIndicator.d.ts","sourceRoot":"","sources":["../../src/components/RobotSetupReadinessIndicator.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,oBAAY,wBAAwB;IAClC,0DAA0D;IAC1D,0BAA0B,+BAA+B;IACzD,4CAA4C;IAC5C,kBAAkB,uBAAuB;IACzC,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;;CAwFvE,CAAA"}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=RobotSetupReadinessIndicator.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RobotSetupReadinessIndicator.test.d.ts","sourceRoot":"","sources":["../../src/components/RobotSetupReadinessIndicator.test.tsx"],"names":[],"mappings":""}