@wandelbots/wandelbots-js-react-components 5.4.2 → 5.5.0

package/dist/components/DataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.js","sources":["../../src/components/DataGrid.tsx"],"sourcesContent":["import ClearIcon from \"@mui/icons-material/Clear\"\nimport FilterListIcon from \"@mui/icons-material/FilterList\"\nimport SearchIcon from \"@mui/icons-material/Search\"\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 {\n  DataGrid,\n  type DataGridProps,\n  FilterPanelTrigger,\n  type GridColDef,\n  type GridRowParams,\n  QuickFilter,\n  QuickFilterClear,\n  QuickFilterControl,\n  QuickFilterTrigger,\n  Toolbar,\n  ToolbarButton,\n  useGridApiRef,\n} from \"@mui/x-data-grid\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useMemo, useRef, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport interface WandelbotsDataGridProps<T = Record<string, unknown>> {\n  /**\n   * Array of data items to display in the grid\n   */\n  data: T[]\n\n  /**\n   * Column definitions for the DataGrid\n   */\n  columns: GridColDef[]\n\n  /**\n   * Function to transform data items into DataGrid rows\n   * Should return an object with an 'id' field and other fields matching column definitions\n   */\n  getRowData: (item: T) => Record<string, unknown> & { id: string | number }\n\n  /**\n   * Callback when a row is clicked\n   */\n  onRowClick?: (item: T, params: GridRowParams) => void\n\n  /**\n   * Currently selected item (for highlighting)\n   */\n  selectedItem?: T | null\n\n  /**\n   * Function to get the ID of an item (used for selection highlighting)\n   */\n  getItemId?: (item: T) => string | number\n\n  /**\n   * Title displayed in the toolbar\n   */\n  title?: string\n\n  /**\n   * Show item count in title\n   * @default true\n   */\n  showCount?: boolean\n\n  /**\n   * Placeholder text for the search input\n   * @default \"Search programs\"\n   */\n  searchPlaceholder?: string\n\n  /**\n   * Additional DataGrid props to pass through\n   */\n  dataGridProps?: Partial<DataGridProps>\n\n  /**\n   * Custom toolbar component to replace the default one\n   */\n  CustomToolbar?: React.ComponentType\n\n  /**\n   * Select the first item by default\n   * @default false\n   */\n  selectFirstByDefault?: boolean\n\n  /**\n   * Custom sx styles for the root container\n   */\n  sx?: React.ComponentProps<typeof Box>[\"sx\"]\n}\n\nexport const WandelbotsDataGrid = externalizeComponent(\n  observer(\n    <T,>({\n      data,\n      columns,\n      getRowData,\n      onRowClick,\n      selectedItem,\n      getItemId,\n      title,\n      showCount = true,\n      searchPlaceholder = \"Search programs\",\n      dataGridProps,\n      CustomToolbar,\n      selectFirstByDefault = false,\n      sx,\n    }: WandelbotsDataGridProps<T>) => {\n      const theme = useTheme()\n      const apiRef = useGridApiRef()\n      const containerRef = useRef<HTMLDivElement>(null)\n\n      // Internal state for selection when not controlled\n      const [internalSelectedItem, setInternalSelectedItem] =\n        useState<T | null>(null)\n\n      // Prepare rows for the DataGrid\n      const rows = useMemo(() => data.map(getRowData), [data, getRowData])\n\n      // Auto-resize columns when data changes\n      useEffect(() => {\n        if (apiRef.current && rows.length > 0) {\n          apiRef.current.autosizeColumns({\n            includeOutliers: true,\n            includeHeaders: true,\n            expand: true,\n            columns: columns.map((col) => col.field),\n          })\n        }\n      }, [rows, columns, apiRef])\n\n      // Auto-resize columns when the DataGrid container is resized\n      useEffect(() => {\n        if (!containerRef.current || !apiRef.current) return\n\n        const resizeObserver = new ResizeObserver(() => {\n          // Use a small timeout to ensure the DataGrid has processed the size change\n          setTimeout(() => {\n            if (apiRef.current && rows.length > 0) {\n              apiRef.current.autosizeColumns({\n                includeOutliers: true,\n                includeHeaders: true,\n                expand: true,\n                columns: columns.map((col) => col.field),\n              })\n            }\n          }, 100)\n        })\n\n        resizeObserver.observe(containerRef.current)\n\n        return () => {\n          resizeObserver.disconnect()\n        }\n      }, [apiRef, rows.length, columns])\n\n      // Handle default selection - only use if no selectedItem is explicitly provided\n      const effectiveSelectedItem = useMemo(() => {\n        // If selectedItem is explicitly provided, use it (including null)\n        if (selectedItem !== undefined) {\n          return selectedItem\n        }\n        // If we have an internal selection, use it\n        if (internalSelectedItem !== null) {\n          return internalSelectedItem\n        }\n        // Otherwise, use first item if selectFirstByDefault is true\n        if (selectFirstByDefault && data.length > 0) {\n          const firstItem = data[0]\n          // Set internal state to first item on initial load\n          setInternalSelectedItem(firstItem)\n          return firstItem\n        }\n        return null\n      }, [selectFirstByDefault, data, selectedItem, internalSelectedItem])\n\n      // Handle row click\n      const handleRowClick = (params: GridRowParams) => {\n        const item = data.find((item) => {\n          const rowData = getRowData(item)\n          return rowData.id === params.id\n        })\n\n        if (item) {\n          // Update internal selection state if not controlled by props\n          if (selectedItem === undefined) {\n            setInternalSelectedItem(item)\n          }\n\n          // Call the user's onRowClick callback\n          if (onRowClick) {\n            onRowClick(item, params)\n          }\n        }\n      }\n\n      // Get selected row ID for highlighting\n      const selectedRowId = useMemo(() => {\n        if (!effectiveSelectedItem || !getItemId) return null\n        return getItemId(effectiveSelectedItem)\n      }, [effectiveSelectedItem, getItemId])\n\n      // Default toolbar with filter and quick filter\n      function DefaultToolbar() {\n        return (\n          <Toolbar>\n            <Box\n              sx={{\n                display: \"flex\",\n                width: \"100%\",\n                gap: 1,\n                p: 0.5,\n                alignItems: \"center\",\n              }}\n            >\n              {title && (\n                <Typography\n                  variant=\"h6\"\n                  sx={{\n                    fontWeight: 500,\n                    color: \"white\",\n                  }}\n                >\n                  {title}\n                  {showCount && ` (${data.length})`}\n                </Typography>\n              )}\n              <Box\n                sx={{\n                  ml: \"auto\",\n                  display: \"flex\",\n                  gap: 0.5,\n                  alignItems: \"center\",\n                  pr: 1,\n                }}\n              >\n                <FilterPanelTrigger\n                  render={\n                    <ToolbarButton aria-label=\"Show filters\">\n                      <FilterListIcon fontSize=\"small\" />\n                    </ToolbarButton>\n                  }\n                />\n                <Divider\n                  orientation=\"vertical\"\n                  flexItem\n                  sx={{\n                    height: \"24px\",\n                    alignSelf: \"center\",\n                  }}\n                />\n                <QuickFilter\n                  render={(props, state) => (\n                    <Box\n                      {...props}\n                      sx={{\n                        display: \"flex\",\n                        overflow: \"hidden\",\n                      }}\n                    >\n                      {!state.expanded && (\n                        <QuickFilterTrigger\n                          render={\n                            <ToolbarButton aria-label=\"Search\">\n                              <SearchIcon fontSize=\"small\" />\n                            </ToolbarButton>\n                          }\n                        />\n                      )}\n                      <Box\n                        sx={{\n                          display: \"flex\",\n                          overflow: \"hidden\",\n                          transition: \"all 0.3s ease-in-out\",\n                          width: state.expanded ? \"200px\" : \"0px\",\n                          position: \"relative\",\n                        }}\n                      >\n                        <Box\n                          sx={{\n                            flex: 1,\n                            position: \"relative\",\n                            \"& .MuiInputBase-root\": {\n                              height: \"32px\",\n                              borderRadius: \"16px\",\n                              backgroundColor: \"#171927\",\n                              paddingLeft: \"40px\",\n                              paddingRight:\n                                state.expanded && state.value !== \"\"\n                                  ? \"40px\"\n                                  : \"12px\",\n                              color: \"white\",\n                              fontSize: \"14px\",\n                              border: \"none !important\",\n                              outline: \"none !important\",\n                              boxShadow: \"none !important\",\n                              \"&::before\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&::after\": {\n                                display: \"none !important\",\n                                border: \"none !important\",\n                              },\n                              \"&:hover\": {\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&:focus-within\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"&.Mui-focused\": {\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&::before\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::after\": {\n                                  display: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                              },\n                              \"& .MuiInputBase-input\": {\n                                padding: \"8px 0\",\n                                border: \"none !important\",\n                                outline: \"none !important\",\n                                boxShadow: \"none !important\",\n                                \"&:focus\": {\n                                  outline: \"none !important\",\n                                  boxShadow: \"none !important\",\n                                  border: \"none !important\",\n                                },\n                                \"&::placeholder\": {\n                                  color: \"rgba(255, 255, 255, 0.3)\",\n                                  opacity: 1,\n                                },\n                              },\n                              \"& fieldset\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                              \"& .MuiOutlinedInput-notchedOutline\": {\n                                border: \"none !important\",\n                                display: \"none !important\",\n                              },\n                            },\n                          }}\n                        >\n                          {state.expanded && (\n                            <SearchIcon\n                              fontSize=\"small\"\n                              sx={{\n                                position: \"absolute\",\n                                left: \"12px\",\n                                top: \"50%\",\n                                transform: \"translateY(-50%)\",\n                                color: \"rgba(255, 255, 255, 0.6)\",\n                                zIndex: 1,\n                                pointerEvents: \"none\",\n                              }}\n                            />\n                          )}\n                          <QuickFilterControl placeholder={searchPlaceholder} />\n                        </Box>\n                        {state.expanded && state.value !== \"\" && (\n                          <QuickFilterClear\n                            render={\n                              <Box\n                                sx={{\n                                  position: \"absolute\",\n                                  right: \"8px\",\n                                  top: \"50%\",\n                                  transform: \"translateY(-50%)\",\n                                  zIndex: 1,\n                                }}\n                              >\n                                <Box\n                                  sx={{\n                                    minWidth: \"24px\",\n                                    width: \"24px\",\n                                    height: \"24px\",\n                                    padding: 0,\n                                    color: \"rgba(255, 255, 255, 0.6)\",\n                                    \"&:hover\": {\n                                      backgroundColor:\n                                        \"rgba(255, 255, 255, 0.1)\",\n                                    },\n                                  }}\n                                >\n                                  <ToolbarButton aria-label=\"Clear\">\n                                    <ClearIcon fontSize=\"small\" />\n                                  </ToolbarButton>\n                                </Box>\n                              </Box>\n                            }\n                          />\n                        )}\n                      </Box>\n                    </Box>\n                  )}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        )\n      }\n\n      const ToolbarComponent = CustomToolbar || DefaultToolbar\n\n      return (\n        <Box\n          ref={containerRef}\n          sx={{\n            height: \"100%\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            // Apply scrollbar styling like in the theme\n            \"& *\": {\n              scrollbarWidth: \"none\",\n              msOverflowStyle: \"none\",\n              \"&::-webkit-scrollbar\": {\n                display: \"none\",\n              },\n            },\n            \"&:hover *\": {\n              scrollbarWidth: \"thin\",\n              scrollbarColor: `${theme.palette.divider} transparent`,\n              \"&::-webkit-scrollbar\": {\n                display: \"block\",\n                width: \"8px\",\n                height: \"8px\",\n              },\n              \"&::-webkit-scrollbar-track\": {\n                background: \"transparent\",\n              },\n              \"&::-webkit-scrollbar-thumb\": {\n                background: theme.palette.divider,\n                borderRadius: \"4px\",\n              },\n              \"&::-webkit-scrollbar-thumb:hover\": {\n                background: theme.palette.action.hover,\n              },\n            },\n            ...sx,\n          }}\n        >\n          <DataGrid\n            apiRef={apiRef}\n            rows={rows}\n            columns={columns}\n            onRowClick={handleRowClick}\n            disableColumnMenu={false}\n            disableRowSelectionOnClick={true}\n            disableMultipleRowSelection={true}\n            hideFooterSelectedRowCount={true}\n            filterMode=\"client\"\n            sortingOrder={[\"desc\", \"asc\"]}\n            hideFooter={false}\n            showToolbar={true}\n            slots={{\n              toolbar: ToolbarComponent,\n            }}\n            initialState={{\n              sorting: {\n                sortModel: [],\n              },\n              filter: {\n                filterModel: {\n                  items: [],\n                },\n              },\n              ...dataGridProps?.initialState,\n            }}\n            {...dataGridProps}\n            // Ensure autosize properties are always enabled and not overridden by dataGridProps\n            autosizeOnMount={true}\n            autosizeOptions={{\n              // Merge any custom autosize options first\n              ...(dataGridProps?.autosizeOptions || {}),\n              // Force these key properties to always be true to maintain autosize behavior\n              includeOutliers: true,\n              includeHeaders: true,\n              expand: true,\n              // Auto-size all columns by default (can be overridden by dataGridProps)\n              columns:\n                dataGridProps?.autosizeOptions?.columns ||\n                columns.map((col) => col.field),\n            }}\n            sx={{\n              border: \"none\",\n\n              width: \"100%\",\n              // Remove any MUI overlays and elevation effects\n              \"& .MuiPaper-root\": {\n                boxShadow: \"none !important\",\n              },\n              \"& .MuiDataGrid-overlay\": {},\n              \"& .MuiDataGrid-main\": {\n                border: \"none\",\n\n                // Remove any surface or paper overlays\n                \"& .MuiPaper-root\": {},\n              },\n              \"& .MuiDataGrid-container--top [role=row]\": {},\n              \"& .MuiDataGrid-topContainer\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-columnHeaders\": {\n                border: \"none\",\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-row\": {\n                cursor: onRowClick ? \"pointer\" : \"default\",\n                border: \"none\",\n                margin: \"1px 0\",\n                position: \"relative\",\n                // Disable all default MUI hover effects\n                backgroundColor: \"transparent !important\",\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&::before\": {\n                    content: '\"\"',\n                    position: \"absolute\",\n                    top: 0,\n                    left: \"16px\",\n                    right: \"16px\",\n                    bottom: 0,\n                    backgroundColor: \"action.hover\",\n                    borderRadius: \"16px\",\n                    zIndex: 0,\n                  },\n                },\n                // Disable MUI's built-in selection styling completely\n                \"&.Mui-selected\": {\n                  backgroundColor: \"transparent !important\",\n                  \"&:hover\": {\n                    backgroundColor: \"transparent !important\",\n                  },\n                },\n                // Highlight selected row with a distinct color using data attribute\n                ...(selectedRowId !== null && {\n                  [`&[data-id=\"${selectedRowId}\"]`]: {\n                    backgroundColor: \"transparent !important\",\n                    \"&::before\": {\n                      content: '\"\"',\n                      position: \"absolute\",\n                      top: 0,\n                      left: \"16px\",\n                      right: \"16px\",\n                      bottom: 0,\n                      backgroundColor: \"rgba(255, 255, 255, 0.08) !important\",\n                      borderRadius: \"16px\",\n                      zIndex: 0,\n                    },\n                    \"&:hover\": {\n                      backgroundColor: \"transparent !important\",\n                    },\n                    \"&:hover::before\": {\n                      backgroundColor: \"rgba(255, 255, 255, 0.12) !important\",\n                    },\n                  },\n                }),\n              },\n              \"& .MuiDataGrid-cell--textLeft\": {\n                paddingLeft: \"40px\",\n              },\n              \"& .MuiDataGrid-cell\": {\n                border: \"none\",\n                position: \"relative\",\n                zIndex: 1,\n                \"&:focus\": {\n                  outline: \"none\",\n                },\n                \"&:focus-within\": {\n                  outline: \"none\",\n                },\n                \"&:hover\": {\n                  backgroundColor: \"transparent !important\",\n                },\n              },\n              \"& .MuiDataGrid-columnHeader\": {\n                border: \"none\",\n                paddingLeft: \"40px\",\n                paddingRight: \"40px\",\n\n                \"& .MuiDataGrid-columnHeaderTitle\": {\n                  color: \"rgba(255, 255, 255, 0.6)\",\n                },\n              },\n              \"& .MuiDataGrid-toolbarContainer\": {\n                padding: \"8px\",\n                border: \"none !important\",\n                borderBottom: \"none !important\",\n\n                \"& .MuiBox-root\": {},\n                \"& .MuiFormControl-root\": {},\n                \"& .MuiInputBase-root\": {},\n                \"& .MuiPaper-root\": {\n                  boxShadow: \"none !important\",\n                },\n                \"& *\": {\n                  borderBottom: \"none !important\",\n                },\n              },\n              \"& .MuiDataGrid-toolbar\": {\n                borderBottom: \"none !important\",\n              },\n              \"& .MuiDataGrid-toolbarFilterList\": {\n                border: \"none\",\n              },\n              \"& .MuiDataGrid-withBorderColor\": {\n                borderColor: \"transparent !important\",\n              },\n              \"& .MuiDataGrid-columnSeparator\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-footerContainer\": {\n                display: \"none\",\n              },\n              \"& .MuiDataGrid-filler\": {\n                border: \"none !important\",\n                borderTop: \"none !important\",\n                borderBottom: \"none !important\",\n                borderLeft: \"none !important\",\n                borderRight: \"none !important\",\n\n                \"--rowBorderColor\": \"none !important\",\n              },\n              // Remove any remaining MUI background overlays\n              \"& .MuiBackdrop-root\": {},\n              \"& .MuiModal-backdrop\": {},\n              ...dataGridProps?.sx,\n            }}\n          />\n        </Box>\n      )\n    },\n  ),\n)\n\nWandelbotsDataGrid.displayName = \"WandelbotsDataGrid\"\n\nexport default WandelbotsDataGrid\n"],"names":["WandelbotsDataGrid","externalizeComponent","observer","data","columns","getRowData","onRowClick","selectedItem","getItemId","title","showCount","searchPlaceholder","dataGridProps","CustomToolbar","selectFirstByDefault","sx","theme","useTheme","apiRef","useGridApiRef","containerRef","useRef","internalSelectedItem","setInternalSelectedItem","useState","rows","useMemo","useEffect","col","resizeObserver","effectiveSelectedItem","firstItem","handleRowClick","params","item","selectedRowId","DefaultToolbar","Toolbar","jsxs","Box","Typography","jsx","FilterPanelTrigger","ToolbarButton","FilterListIcon","Divider","QuickFilter","props","state","QuickFilterTrigger","SearchIcon","QuickFilterControl","QuickFilterClear","ClearIcon","ToolbarComponent","DataGrid","_a"],"mappings":";;;;;;;;;;;;AAgGO,MAAMA,IAAqBC;AAAA,EAChCC;AAAA,IACE,CAAK;AAAA,MACH,MAAAC;AAAA,MACA,SAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAC;AAAA,MACA,WAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC,IAAY;AAAA,MACZ,mBAAAC,IAAoB;AAAA,MACpB,eAAAC;AAAA,MACA,eAAAC;AAAA,MACA,sBAAAC,IAAuB;AAAA,MACvB,IAAAC;AAAA,IAAA,MACgC;;AAChC,YAAMC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAeC,EAAuB,IAAI,GAG1C,CAACC,GAAsBC,CAAuB,IAClDC,EAAmB,IAAI,GAGnBC,IAAOC,EAAQ,MAAMvB,EAAK,IAAIE,CAAU,GAAG,CAACF,GAAME,CAAU,CAAC;AAGnE,MAAAsB,EAAU,MAAM;AACd,QAAIT,EAAO,WAAWO,EAAK,SAAS,KAClCP,EAAO,QAAQ,gBAAgB;AAAA,UAC7B,iBAAiB;AAAA,UACjB,gBAAgB;AAAA,UAChB,QAAQ;AAAA,UACR,SAASd,EAAQ,IAAI,CAACwB,MAAQA,EAAI,KAAK;AAAA,QAAA,CACxC;AAAA,MAEL,GAAG,CAACH,GAAMrB,GAASc,CAAM,CAAC,GAG1BS,EAAU,MAAM;AACd,YAAI,CAACP,EAAa,WAAW,CAACF,EAAO,QAAS;AAE9C,cAAMW,IAAiB,IAAI,eAAe,MAAM;AAE9C,qBAAW,MAAM;AACf,YAAIX,EAAO,WAAWO,EAAK,SAAS,KAClCP,EAAO,QAAQ,gBAAgB;AAAA,cAC7B,iBAAiB;AAAA,cACjB,gBAAgB;AAAA,cAChB,QAAQ;AAAA,cACR,SAASd,EAAQ,IAAI,CAACwB,MAAQA,EAAI,KAAK;AAAA,YAAA,CACxC;AAAA,UAEL,GAAG,GAAG;AAAA,QACR,CAAC;AAED,eAAAC,EAAe,QAAQT,EAAa,OAAO,GAEpC,MAAM;AACX,UAAAS,EAAe,WAAA;AAAA,QACjB;AAAA,MACF,GAAG,CAACX,GAAQO,EAAK,QAAQrB,CAAO,CAAC;AAGjC,YAAM0B,IAAwBJ,EAAQ,MAAM;AAE1C,YAAInB,MAAiB;AACnB,iBAAOA;AAGT,YAAIe,MAAyB;AAC3B,iBAAOA;AAGT,YAAIR,KAAwBX,EAAK,SAAS,GAAG;AAC3C,gBAAM4B,IAAY5B,EAAK,CAAC;AAExB,iBAAAoB,EAAwBQ,CAAS,GAC1BA;AAAA,QACT;AACA,eAAO;AAAA,MACT,GAAG,CAACjB,GAAsBX,GAAMI,GAAce,CAAoB,CAAC,GAG7DU,IAAiB,CAACC,MAA0B;AAChD,cAAMC,IAAO/B,EAAK,KAAK,CAAC+B,MACN7B,EAAW6B,CAAI,EAChB,OAAOD,EAAO,EAC9B;AAED,QAAIC,MAEE3B,MAAiB,UACnBgB,EAAwBW,CAAI,GAI1B5B,KACFA,EAAW4B,GAAMD,CAAM;AAAA,MAG7B,GAGME,IAAgBT,EAAQ,MACxB,CAACI,KAAyB,CAACtB,IAAkB,OAC1CA,EAAUsB,CAAqB,GACrC,CAACA,GAAuBtB,CAAS,CAAC;AAGrC,eAAS4B,IAAiB;AACxB,iCACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,OAAO;AAAA,cACP,KAAK;AAAA,cACL,GAAG;AAAA,cACH,YAAY;AAAA,YAAA;AAAA,YAGb,UAAA;AAAA,cAAA9B,KACC,gBAAA6B;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,IAAI;AAAA,oBACF,YAAY;AAAA,oBACZ,OAAO;AAAA,kBAAA;AAAA,kBAGR,UAAA;AAAA,oBAAA/B;AAAA,oBACAC,KAAa,KAAKP,EAAK,MAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGlC,gBAAAmC;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,IAAI;AAAA,oBACF,IAAI;AAAA,oBACJ,SAAS;AAAA,oBACT,KAAK;AAAA,oBACL,YAAY;AAAA,oBACZ,IAAI;AAAA,kBAAA;AAAA,kBAGN,UAAA;AAAA,oBAAA,gBAAAE;AAAA,sBAACC;AAAA,sBAAA;AAAA,wBACC,0BACGC,GAAA,EAAc,cAAW,gBACxB,UAAA,gBAAAF,EAACG,GAAA,EAAe,UAAS,QAAA,CAAQ,EAAA,CACnC;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAGJ,gBAAAH;AAAA,sBAACI;AAAA,sBAAA;AAAA,wBACC,aAAY;AAAA,wBACZ,UAAQ;AAAA,wBACR,IAAI;AAAA,0BACF,QAAQ;AAAA,0BACR,WAAW;AAAA,wBAAA;AAAA,sBACb;AAAA,oBAAA;AAAA,oBAEF,gBAAAJ;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACC,QAAQ,CAACC,GAAOC,MACd,gBAAAV;AAAA,0BAACC;AAAA,0BAAA;AAAA,4BACE,GAAGQ;AAAA,4BACJ,IAAI;AAAA,8BACF,SAAS;AAAA,8BACT,UAAU;AAAA,4BAAA;AAAA,4BAGX,UAAA;AAAA,8BAAA,CAACC,EAAM,YACN,gBAAAP;AAAA,gCAACQ;AAAA,gCAAA;AAAA,kCACC,0BACGN,GAAA,EAAc,cAAW,UACxB,UAAA,gBAAAF,EAACS,GAAA,EAAW,UAAS,QAAA,CAAQ,EAAA,CAC/B;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAIN,gBAAAZ;AAAA,gCAACC;AAAA,gCAAA;AAAA,kCACC,IAAI;AAAA,oCACF,SAAS;AAAA,oCACT,UAAU;AAAA,oCACV,YAAY;AAAA,oCACZ,OAAOS,EAAM,WAAW,UAAU;AAAA,oCAClC,UAAU;AAAA,kCAAA;AAAA,kCAGZ,UAAA;AAAA,oCAAA,gBAAAV;AAAA,sCAACC;AAAA,sCAAA;AAAA,wCACC,IAAI;AAAA,0CACF,MAAM;AAAA,0CACN,UAAU;AAAA,0CACV,wBAAwB;AAAA,4CACtB,QAAQ;AAAA,4CACR,cAAc;AAAA,4CACd,iBAAiB;AAAA,4CACjB,aAAa;AAAA,4CACb,cACES,EAAM,YAAYA,EAAM,UAAU,KAC9B,SACA;AAAA,4CACN,OAAO;AAAA,4CACP,UAAU;AAAA,4CACV,QAAQ;AAAA,4CACR,SAAS;AAAA,4CACT,WAAW;AAAA,4CACX,aAAa;AAAA,8CACX,SAAS;AAAA,8CACT,QAAQ;AAAA,4CAAA;AAAA,4CAEV,YAAY;AAAA,8CACV,SAAS;AAAA,8CACT,QAAQ;AAAA,4CAAA;AAAA,4CAEV,WAAW;AAAA,8CACT,aAAa;AAAA,gDACX,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,8CAEV,YAAY;AAAA,gDACV,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,4CACV;AAAA,4CAEF,kBAAkB;AAAA,8CAChB,SAAS;AAAA,8CACT,WAAW;AAAA,8CACX,aAAa;AAAA,gDACX,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,8CAEV,YAAY;AAAA,gDACV,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,4CACV;AAAA,4CAEF,iBAAiB;AAAA,8CACf,SAAS;AAAA,8CACT,WAAW;AAAA,8CACX,aAAa;AAAA,gDACX,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,8CAEV,YAAY;AAAA,gDACV,SAAS;AAAA,gDACT,QAAQ;AAAA,8CAAA;AAAA,4CACV;AAAA,4CAEF,yBAAyB;AAAA,8CACvB,SAAS;AAAA,8CACT,QAAQ;AAAA,8CACR,SAAS;AAAA,8CACT,WAAW;AAAA,8CACX,WAAW;AAAA,gDACT,SAAS;AAAA,gDACT,WAAW;AAAA,gDACX,QAAQ;AAAA,8CAAA;AAAA,8CAEV,kBAAkB;AAAA,gDAChB,OAAO;AAAA,gDACP,SAAS;AAAA,8CAAA;AAAA,4CACX;AAAA,4CAEF,cAAc;AAAA,8CACZ,QAAQ;AAAA,8CACR,SAAS;AAAA,4CAAA;AAAA,4CAEX,sCAAsC;AAAA,8CACpC,QAAQ;AAAA,8CACR,SAAS;AAAA,4CAAA;AAAA,0CACX;AAAA,wCACF;AAAA,wCAGD,UAAA;AAAA,0CAAAA,EAAM,YACL,gBAAAP;AAAA,4CAACS;AAAA,4CAAA;AAAA,8CACC,UAAS;AAAA,8CACT,IAAI;AAAA,gDACF,UAAU;AAAA,gDACV,MAAM;AAAA,gDACN,KAAK;AAAA,gDACL,WAAW;AAAA,gDACX,OAAO;AAAA,gDACP,QAAQ;AAAA,gDACR,eAAe;AAAA,8CAAA;AAAA,4CACjB;AAAA,0CAAA;AAAA,0CAGJ,gBAAAT,EAACU,GAAA,EAAmB,aAAaxC,EAAA,CAAmB;AAAA,wCAAA;AAAA,sCAAA;AAAA,oCAAA;AAAA,oCAErDqC,EAAM,YAAYA,EAAM,UAAU,MACjC,gBAAAP;AAAA,sCAACW;AAAA,sCAAA;AAAA,wCACC,QACE,gBAAAX;AAAA,0CAACF;AAAA,0CAAA;AAAA,4CACC,IAAI;AAAA,8CACF,UAAU;AAAA,8CACV,OAAO;AAAA,8CACP,KAAK;AAAA,8CACL,WAAW;AAAA,8CACX,QAAQ;AAAA,4CAAA;AAAA,4CAGV,UAAA,gBAAAE;AAAA,8CAACF;AAAA,8CAAA;AAAA,gDACC,IAAI;AAAA,kDACF,UAAU;AAAA,kDACV,OAAO;AAAA,kDACP,QAAQ;AAAA,kDACR,SAAS;AAAA,kDACT,OAAO;AAAA,kDACP,WAAW;AAAA,oDACT,iBACE;AAAA,kDAAA;AAAA,gDACJ;AAAA,gDAGF,UAAA,gBAAAE,EAACE,KAAc,cAAW,SACxB,4BAACU,GAAA,EAAU,UAAS,SAAQ,EAAA,CAC9B;AAAA,8CAAA;AAAA,4CAAA;AAAA,0CACF;AAAA,wCAAA;AAAA,sCACF;AAAA,oCAAA;AAAA,kCAEJ;AAAA,gCAAA;AAAA,8BAAA;AAAA,4BAEJ;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA;AAAA,kBAEJ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,MAEJ;AAEA,YAAMC,IAAmBzC,KAAiBuB;AAE1C,aACE,gBAAAK;AAAA,QAACF;AAAA,QAAA;AAAA,UACC,KAAKnB;AAAA,UACL,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAe;AAAA;AAAA,YAEf,OAAO;AAAA,cACL,gBAAgB;AAAA,cAChB,iBAAiB;AAAA,cACjB,wBAAwB;AAAA,gBACtB,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YAEF,aAAa;AAAA,cACX,gBAAgB;AAAA,cAChB,gBAAgB,GAAGJ,EAAM,QAAQ,OAAO;AAAA,cACxC,wBAAwB;AAAA,gBACtB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,QAAQ;AAAA,cAAA;AAAA,cAEV,8BAA8B;AAAA,gBAC5B,YAAY;AAAA,cAAA;AAAA,cAEd,8BAA8B;AAAA,gBAC5B,YAAYA,EAAM,QAAQ;AAAA,gBAC1B,cAAc;AAAA,cAAA;AAAA,cAEhB,oCAAoC;AAAA,gBAClC,YAAYA,EAAM,QAAQ,OAAO;AAAA,cAAA;AAAA,YACnC;AAAA,YAEF,GAAGD;AAAA,UAAA;AAAA,UAGL,UAAA,gBAAA0B;AAAA,YAACc;AAAA,YAAA;AAAA,cACC,QAAArC;AAAA,cACA,MAAAO;AAAA,cACA,SAAArB;AAAA,cACA,YAAY4B;AAAA,cACZ,mBAAmB;AAAA,cACnB,4BAA4B;AAAA,cAC5B,6BAA6B;AAAA,cAC7B,4BAA4B;AAAA,cAC5B,YAAW;AAAA,cACX,cAAc,CAAC,QAAQ,KAAK;AAAA,cAC5B,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,OAAO;AAAA,gBACL,SAASsB;AAAA,cAAA;AAAA,cAEX,cAAc;AAAA,gBACZ,SAAS;AAAA,kBACP,WAAW,CAAA;AAAA,gBAAC;AAAA,gBAEd,QAAQ;AAAA,kBACN,aAAa;AAAA,oBACX,OAAO,CAAA;AAAA,kBAAC;AAAA,gBACV;AAAA,gBAEF,GAAG1C,KAAA,gBAAAA,EAAe;AAAA,cAAA;AAAA,cAEnB,GAAGA;AAAA,cAEJ,iBAAiB;AAAA,cACjB,iBAAiB;AAAA;AAAA,gBAEf,IAAIA,KAAA,gBAAAA,EAAe,oBAAmB,CAAA;AAAA;AAAA,gBAEtC,iBAAiB;AAAA,gBACjB,gBAAgB;AAAA,gBAChB,QAAQ;AAAA;AAAA,gBAER,WACE4C,IAAA5C,KAAA,gBAAAA,EAAe,oBAAf,gBAAA4C,EAAgC,YAChCpD,EAAQ,IAAI,CAACwB,MAAQA,EAAI,KAAK;AAAA,cAAA;AAAA,cAElC,IAAI;AAAA,gBACF,QAAQ;AAAA,gBAER,OAAO;AAAA;AAAA,gBAEP,oBAAoB;AAAA,kBAClB,WAAW;AAAA,gBAAA;AAAA,gBAEb,0BAA0B,CAAA;AAAA,gBAC1B,uBAAuB;AAAA,kBACrB,QAAQ;AAAA;AAAA,kBAGR,oBAAoB,CAAA;AAAA,gBAAC;AAAA,gBAEvB,4CAA4C,CAAA;AAAA,gBAC5C,+BAA+B;AAAA,kBAC7B,cAAc;AAAA,gBAAA;AAAA,gBAEhB,gCAAgC;AAAA,kBAC9B,QAAQ;AAAA,kBACR,cAAc;AAAA,gBAAA;AAAA,gBAEhB,sBAAsB;AAAA,kBACpB,QAAQtB,IAAa,YAAY;AAAA,kBACjC,QAAQ;AAAA,kBACR,QAAQ;AAAA,kBACR,UAAU;AAAA;AAAA,kBAEV,iBAAiB;AAAA,kBACjB,WAAW;AAAA,oBACT,iBAAiB;AAAA,oBACjB,aAAa;AAAA,sBACX,SAAS;AAAA,sBACT,UAAU;AAAA,sBACV,KAAK;AAAA,sBACL,MAAM;AAAA,sBACN,OAAO;AAAA,sBACP,QAAQ;AAAA,sBACR,iBAAiB;AAAA,sBACjB,cAAc;AAAA,sBACd,QAAQ;AAAA,oBAAA;AAAA,kBACV;AAAA;AAAA,kBAGF,kBAAkB;AAAA,oBAChB,iBAAiB;AAAA,oBACjB,WAAW;AAAA,sBACT,iBAAiB;AAAA,oBAAA;AAAA,kBACnB;AAAA;AAAA,kBAGF,GAAI6B,MAAkB,QAAQ;AAAA,oBAC5B,CAAC,cAAcA,CAAa,IAAI,GAAG;AAAA,sBACjC,iBAAiB;AAAA,sBACjB,aAAa;AAAA,wBACX,SAAS;AAAA,wBACT,UAAU;AAAA,wBACV,KAAK;AAAA,wBACL,MAAM;AAAA,wBACN,OAAO;AAAA,wBACP,QAAQ;AAAA,wBACR,iBAAiB;AAAA,wBACjB,cAAc;AAAA,wBACd,QAAQ;AAAA,sBAAA;AAAA,sBAEV,WAAW;AAAA,wBACT,iBAAiB;AAAA,sBAAA;AAAA,sBAEnB,mBAAmB;AAAA,wBACjB,iBAAiB;AAAA,sBAAA;AAAA,oBACnB;AAAA,kBACF;AAAA,gBACF;AAAA,gBAEF,iCAAiC;AAAA,kBAC/B,aAAa;AAAA,gBAAA;AAAA,gBAEf,uBAAuB;AAAA,kBACrB,QAAQ;AAAA,kBACR,UAAU;AAAA,kBACV,QAAQ;AAAA,kBACR,WAAW;AAAA,oBACT,SAAS;AAAA,kBAAA;AAAA,kBAEX,kBAAkB;AAAA,oBAChB,SAAS;AAAA,kBAAA;AAAA,kBAEX,WAAW;AAAA,oBACT,iBAAiB;AAAA,kBAAA;AAAA,gBACnB;AAAA,gBAEF,+BAA+B;AAAA,kBAC7B,QAAQ;AAAA,kBACR,aAAa;AAAA,kBACb,cAAc;AAAA,kBAEd,oCAAoC;AAAA,oBAClC,OAAO;AAAA,kBAAA;AAAA,gBACT;AAAA,gBAEF,mCAAmC;AAAA,kBACjC,SAAS;AAAA,kBACT,QAAQ;AAAA,kBACR,cAAc;AAAA,kBAEd,kBAAkB,CAAA;AAAA,kBAClB,0BAA0B,CAAA;AAAA,kBAC1B,wBAAwB,CAAA;AAAA,kBACxB,oBAAoB;AAAA,oBAClB,WAAW;AAAA,kBAAA;AAAA,kBAEb,OAAO;AAAA,oBACL,cAAc;AAAA,kBAAA;AAAA,gBAChB;AAAA,gBAEF,0BAA0B;AAAA,kBACxB,cAAc;AAAA,gBAAA;AAAA,gBAEhB,oCAAoC;AAAA,kBAClC,QAAQ;AAAA,gBAAA;AAAA,gBAEV,kCAAkC;AAAA,kBAChC,aAAa;AAAA,gBAAA;AAAA,gBAEf,kCAAkC;AAAA,kBAChC,SAAS;AAAA,gBAAA;AAAA,gBAEX,kCAAkC;AAAA,kBAChC,SAAS;AAAA,gBAAA;AAAA,gBAEX,yBAAyB;AAAA,kBACvB,QAAQ;AAAA,kBACR,WAAW;AAAA,kBACX,cAAc;AAAA,kBACd,YAAY;AAAA,kBACZ,aAAa;AAAA,kBAEb,oBAAoB;AAAA,gBAAA;AAAA;AAAA,gBAGtB,uBAAuB,CAAA;AAAA,gBACvB,wBAAwB,CAAA;AAAA,gBACxB,GAAGvB,KAAA,gBAAAA,EAAe;AAAA,cAAA;AAAA,YACpB;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAGN;AAAA,EAAA;AAEJ;AAEAZ,EAAmB,cAAc;"}

package/dist/components/LoadingCover.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),u=require("@mui/material/CircularProgress"),i=require("@mui/material/Stack"),c=require("@mui/material/styles"),m=require("@mui/material/utils"),h=require("lodash-es"),n=require("react"),x=require("./utils/errorHandling.cjs"),l=e=>{const s=e.softTimeout||3e3,[t,o]=n.useState(!1),a=c.useTheme();return n.useEffect(()=>{const d=setTimeout(()=>{o(!0)},s);return()=>clearTimeout(d)}),r.jsx(i,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:a.palette.text.primary},children:e.error?r.jsx(g,{loadingMessage:e.message,error:e.error}):r.jsxs(r.Fragment,{children:[r.jsx(u,{sx:{marginBottom:"24px"}}),!!e.message&&r.jsx("div",{children:e.message}),r.jsx(i,{sx:{visibility:t?"visible":"hidden",marginTop:"1rem",color:a.palette.text.secondary},children:"This is taking longer than expected..."})]})})},g=e=>{const s=x.makeErrorMessage(e.error),t=e.error instanceof Error?e.error.stack:null,o=c.useTheme();return r.jsxs(i,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:o.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${h.lowerFirst(m.capitalize(e.loadingMessage))} - `:"")+s,r.jsx("br",{}),t&&r.jsx("pre",{children:t})]})};exports.LoadingCover=l;exports.LoadingErrorMessage=g;exports.default=l;
+//# sourceMappingURL=LoadingCover.cjs.map

package/dist/components/LoadingCover.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCover.cjs","sources":["../../src/components/LoadingCover.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\"\nimport Stack from \"@mui/material/Stack\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { capitalize } from \"@mui/material/utils\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n\nexport default LoadingCover\n"],"names":["LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","makeErrorMessage","stack","lowerFirst","capitalize"],"mappings":"kXAQaA,EAAgBC,GAIvB,CACJ,MAAMC,EAAcD,EAAM,aAAe,IAEnC,CAACE,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpEC,EAAQC,EAAAA,SAAA,EAEdC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,WAAW,IAAM,CAC/BL,EAA0B,EAAI,CAChC,EAAGF,CAAW,EAEd,MAAO,IAAM,aAAaO,CAAO,CACnC,CAAC,EAGCC,EAAAA,IAACC,EAAA,CACC,MAAM,OACN,OAAO,OACP,WAAW,SACX,eAAe,SACf,GAAI,CAAE,MAAOL,EAAM,QAAQ,KAAK,OAAA,EAE/B,WAAM,MACLI,EAAAA,IAACE,EAAA,CACC,eAAgBX,EAAM,QACtB,MAAOA,EAAM,KAAA,CAAA,EAGfY,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAiB,GAAI,CAAE,aAAc,QAAU,EAC/C,CAAC,CAACd,EAAM,SAAWS,EAAAA,IAAC,MAAA,CAAK,WAAM,QAAQ,EACxCA,EAAAA,IAACC,EAAA,CACC,GAAI,CACF,WAAYR,EAAyB,UAAY,SACjD,UAAW,OACX,MAAOG,EAAM,QAAQ,KAAK,SAAA,EAG3B,SAAA,wCAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAIR,EAEaM,EAAuBX,GAG9B,CACJ,MAAMe,EAAeC,EAAAA,iBAAiBhB,EAAM,KAAK,EAC3CiB,EAAQjB,EAAM,iBAAiB,MAAQA,EAAM,MAAM,MAAQ,KAC3DK,EAAQC,EAAAA,SAAA,EAEd,OACEM,EAAAA,KAACF,EAAA,CACC,GAAI,CACF,UAAW,OACX,SAAU,mBACV,QAAS,EACT,SAAU,OACV,MAAOL,EAAM,QAAQ,MAAM,KAC3B,QAAS,CACP,WAAY,WACZ,UAAW,aACX,cAAe,MAAA,CACjB,EAGA,SAAA,EAAAL,EAAM,eACJ,eAAekB,EAAAA,WAAWC,EAAAA,WAAWnB,EAAM,cAAc,CAAC,CAAC,MAC3D,IAAMe,QACT,KAAA,EAAG,EACHE,GAASR,EAAAA,IAAC,MAAA,CAAK,SAAAQ,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5B"}

package/dist/components/LoadingCover.d.ts

@@ -7,4 +7,5 @@ export declare const LoadingErrorMessage: (props: {
     loadingMessage?: string;
     error: unknown;
 }) => import("react/jsx-runtime").JSX.Element;
+export default LoadingCover;
 //# sourceMappingURL=LoadingCover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingCover.d.ts","sourceRoot":"","sources":["../../src/components/LoadingCover.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA4CA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;CACf,4CA2BA,CAAA"}
+{"version":3,"file":"LoadingCover.d.ts","sourceRoot":"","sources":["../../src/components/LoadingCover.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,YAAY,GAAI,OAAO;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,4CA4CA,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO;IACzC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,KAAK,EAAE,OAAO,CAAA;CACf,4CA2BA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/LoadingCover.js

@@ -0,0 +1,77 @@
+import { jsx as r, jsxs as n, Fragment as l } from "react/jsx-runtime";
+import g from "@mui/material/CircularProgress";
+import a from "@mui/material/Stack";
+import { useTheme as m } from "@mui/material/styles";
+import { capitalize as d } from "@mui/material/utils";
+import { lowerFirst as h } from "lodash-es";
+import { useState as f, useEffect as u } from "react";
+import { makeErrorMessage as x } from "./utils/errorHandling.js";
+const y = (e) => {
+  const o = e.softTimeout || 3e3, [t, i] = f(!1), s = m();
+  return u(() => {
+    const c = setTimeout(() => {
+      i(!0);
+    }, o);
+    return () => clearTimeout(c);
+  }), /* @__PURE__ */ r(
+    a,
+    {
+      width: "100%",
+      height: "100%",
+      alignItems: "center",
+      justifyContent: "center",
+      sx: { color: s.palette.text.primary },
+      children: e.error ? /* @__PURE__ */ r(
+        w,
+        {
+          loadingMessage: e.message,
+          error: e.error
+        }
+      ) : /* @__PURE__ */ n(l, { children: [
+        /* @__PURE__ */ r(g, { sx: { marginBottom: "24px" } }),
+        !!e.message && /* @__PURE__ */ r("div", { children: e.message }),
+        /* @__PURE__ */ r(
+          a,
+          {
+            sx: {
+              visibility: t ? "visible" : "hidden",
+              marginTop: "1rem",
+              color: s.palette.text.secondary
+            },
+            children: "This is taking longer than expected..."
+          }
+        )
+      ] })
+    }
+  );
+}, w = (e) => {
+  const o = x(e.error), t = e.error instanceof Error ? e.error.stack : null, i = m();
+  return /* @__PURE__ */ n(
+    a,
+    {
+      sx: {
+        maxHeight: "100%",
+        maxWidth: "min(100%, 800px)",
+        padding: 2,
+        overflow: "auto",
+        color: i.palette.error.main,
+        "& pre": {
+          whiteSpace: "pre-wrap",
+          wordBreak: "break-word",
+          paddingBottom: "3rem"
+        }
+      },
+      children: [
+        (e.loadingMessage ? `Error while ${h(d(e.loadingMessage))} - ` : "") + o,
+        /* @__PURE__ */ r("br", {}),
+        t && /* @__PURE__ */ r("pre", { children: t })
+      ]
+    }
+  );
+};
+export {
+  y as LoadingCover,
+  w as LoadingErrorMessage,
+  y as default
+};
+//# sourceMappingURL=LoadingCover.js.map

package/dist/components/LoadingCover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingCover.js","sources":["../../src/components/LoadingCover.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\"\nimport Stack from \"@mui/material/Stack\"\nimport { useTheme } from \"@mui/material/styles\"\nimport { capitalize } from \"@mui/material/utils\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n\nexport default LoadingCover\n"],"names":["LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","makeErrorMessage","stack","lowerFirst","capitalize"],"mappings":";;;;;;;;AAQO,MAAMA,IAAe,CAACC,MAIvB;AACJ,QAAMC,IAAcD,EAAM,eAAe,KAEnC,CAACE,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEC,IAAQC,EAAA;AAEd,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,WAAW,MAAM;AAC/B,MAAAL,EAA0B,EAAI;AAAA,IAChC,GAAGF,CAAW;AAEd,WAAO,MAAM,aAAaO,CAAO;AAAA,EACnC,CAAC,GAGC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI,EAAE,OAAOL,EAAM,QAAQ,KAAK,QAAA;AAAA,MAE/B,YAAM,QACL,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAgBX,EAAM;AAAA,UACtB,OAAOA,EAAM;AAAA,QAAA;AAAA,MAAA,IAGf,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAJ,EAACK,GAAA,EAAiB,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/C,CAAC,CAACd,EAAM,WAAW,gBAAAS,EAAC,OAAA,EAAK,YAAM,SAAQ;AAAA,QACxC,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,YAAYR,IAAyB,YAAY;AAAA,cACjD,WAAW;AAAA,cACX,OAAOG,EAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG3B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaM,IAAsB,CAACX,MAG9B;AACJ,QAAMe,IAAeC,EAAiBhB,EAAM,KAAK,GAC3CiB,IAAQjB,EAAM,iBAAiB,QAAQA,EAAM,MAAM,QAAQ,MAC3DK,IAAQC,EAAA;AAEd,SACE,gBAAAM;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAOL,EAAM,QAAQ,MAAM;AAAA,QAC3B,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAGA,UAAA;AAAA,SAAAL,EAAM,iBACJ,eAAekB,EAAWC,EAAWnB,EAAM,cAAc,CAAC,CAAC,QAC3D,MAAMe;AAAA,0BACT,MAAA,EAAG;AAAA,QACHE,KAAS,gBAAAR,EAAC,OAAA,EAAK,UAAAQ,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/components/LogPanel.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react/jsx-runtime"),m=require("mobx-react-lite"),o=require("react"),L=require("../externalizeComponent.cjs"),q=require("./LogStore.cjs"),x=require("./LogViewer.cjs"),c=L.externalizeComponent(m.observer(a=>{const{store:t,onStoreReady:r,...i}=a,e=o.useRef(r);o.useEffect(()=>{e.current=r},[r]);const s=o.useMemo(()=>{var u;const n=t||new q.LogStore;return(u=e.current)==null||u.call(e,n),n},[t]),l=()=>{s.clearMessages()};return g.jsx(x.LogViewer,{...i,messages:s.messages,onClear:l})}));exports.LogPanel=c;exports.default=c;
+//# sourceMappingURL=LogPanel.cjs.map

package/dist/components/LogPanel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogPanel.cjs","sources":["../../src/components/LogPanel.tsx"],"sourcesContent":["import type { SxProps } from \"@mui/material/styles\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useMemo, useRef } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { LogStore } from \"./LogStore\"\nimport { LogViewer } from \"./LogViewer\"\n\nexport type LogPanelProps = {\n  /** Log store instance to use, or create one automatically if not provided */\n  store?: LogStore\n  /** Height of the component */\n  height?: string | number\n  /** Additional styles */\n  sx?: SxProps\n  /** Ref to the log store for external access */\n  onStoreReady?: (store: LogStore) => void\n}\n\n/**\n * A complete log panel component with built-in state management.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const [logStore, setLogStore] = useState<LogStore>()\n *\n *   return (\n *     <LogPanel\n *       height={400}\n *       onStoreReady={setLogStore}\n *     />\n *   )\n * }\n *\n * // Then use the store to add messages\n * logStore?.addInfo(\"Operation completed successfully\")\n * logStore?.addError(\"Something went wrong\")\n * logStore?.addWarning(\"Warning message\")\n * ```\n */\nexport const LogPanel = externalizeComponent(\n  observer((props: LogPanelProps) => {\n    const { store: externalStore, onStoreReady, ...logViewerProps } = props\n    const onStoreReadyRef = useRef(onStoreReady)\n\n    // Update ref when callback changes\n    useEffect(() => {\n      onStoreReadyRef.current = onStoreReady\n    }, [onStoreReady])\n\n    const store = useMemo(() => {\n      const logStore = externalStore || new LogStore()\n      onStoreReadyRef.current?.(logStore)\n      return logStore\n    }, [externalStore])\n\n    const handleClear = () => {\n      store.clearMessages()\n    }\n\n    return (\n      <LogViewer\n        {...logViewerProps}\n        messages={store.messages}\n        onClear={handleClear}\n      />\n    )\n  }),\n)\n\nexport default LogPanel\n"],"names":["LogPanel","externalizeComponent","observer","props","externalStore","onStoreReady","logViewerProps","onStoreReadyRef","useRef","useEffect","store","useMemo","logStore","LogStore","_a","handleClear","jsx","LogViewer"],"mappings":"mSAwCaA,EAAWC,EAAAA,qBACtBC,EAAAA,SAAUC,GAAyB,CACjC,KAAM,CAAE,MAAOC,EAAe,aAAAC,EAAc,GAAGC,GAAmBH,EAC5DI,EAAkBC,EAAAA,OAAOH,CAAY,EAG3CI,EAAAA,UAAU,IAAM,CACdF,EAAgB,QAAUF,CAC5B,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAMK,EAAQC,EAAAA,QAAQ,IAAM,OAC1B,MAAMC,EAAWR,GAAiB,IAAIS,WACtC,OAAAC,EAAAP,EAAgB,UAAhB,MAAAO,EAAA,KAAAP,EAA0BK,GACnBA,CACT,EAAG,CAACR,CAAa,CAAC,EAEZW,EAAc,IAAM,CACxBL,EAAM,cAAA,CACR,EAEA,OACEM,EAAAA,IAACC,EAAAA,UAAA,CACE,GAAGX,EACJ,SAAUI,EAAM,SAChB,QAASK,CAAA,CAAA,CAGf,CAAC,CACH"}

package/dist/components/LogPanel.d.ts

@@ -35,4 +35,5 @@ export type LogPanelProps = {
 export declare const LogPanel: ((props: LogPanelProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default LogPanel;
 //# sourceMappingURL=LogPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogPanel.d.ts","sourceRoot":"","sources":["../../src/components/LogPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,MAAM,MAAM,aAAa,GAAG;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,WACF,aAAa;;CA2B/B,CAAA"}
+{"version":3,"file":"LogPanel.d.ts","sourceRoot":"","sources":["../../src/components/LogPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,MAAM,MAAM,aAAa,GAAG;IAC1B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;CACzC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,QAAQ,WACF,aAAa;;CA2B/B,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/LogPanel.js

@@ -0,0 +1,34 @@
+import { jsx as l } from "react/jsx-runtime";
+import { observer as f } from "mobx-react-lite";
+import { useRef as i, useEffect as p, useMemo as g } from "react";
+import { externalizeComponent as u } from "../externalizeComponent.js";
+import { LogStore as x } from "./LogStore.js";
+import { LogViewer as w } from "./LogViewer.js";
+const V = u(
+  f((m) => {
+    const { store: o, onStoreReady: r, ...a } = m, e = i(r);
+    p(() => {
+      e.current = r;
+    }, [r]);
+    const t = g(() => {
+      var n;
+      const s = o || new x();
+      return (n = e.current) == null || n.call(e, s), s;
+    }, [o]), c = () => {
+      t.clearMessages();
+    };
+    return /* @__PURE__ */ l(
+      w,
+      {
+        ...a,
+        messages: t.messages,
+        onClear: c
+      }
+    );
+  })
+);
+export {
+  V as LogPanel,
+  V as default
+};
+//# sourceMappingURL=LogPanel.js.map

package/dist/components/LogPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogPanel.js","sources":["../../src/components/LogPanel.tsx"],"sourcesContent":["import type { SxProps } from \"@mui/material/styles\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useMemo, useRef } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\nimport { LogStore } from \"./LogStore\"\nimport { LogViewer } from \"./LogViewer\"\n\nexport type LogPanelProps = {\n  /** Log store instance to use, or create one automatically if not provided */\n  store?: LogStore\n  /** Height of the component */\n  height?: string | number\n  /** Additional styles */\n  sx?: SxProps\n  /** Ref to the log store for external access */\n  onStoreReady?: (store: LogStore) => void\n}\n\n/**\n * A complete log panel component with built-in state management.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const [logStore, setLogStore] = useState<LogStore>()\n *\n *   return (\n *     <LogPanel\n *       height={400}\n *       onStoreReady={setLogStore}\n *     />\n *   )\n * }\n *\n * // Then use the store to add messages\n * logStore?.addInfo(\"Operation completed successfully\")\n * logStore?.addError(\"Something went wrong\")\n * logStore?.addWarning(\"Warning message\")\n * ```\n */\nexport const LogPanel = externalizeComponent(\n  observer((props: LogPanelProps) => {\n    const { store: externalStore, onStoreReady, ...logViewerProps } = props\n    const onStoreReadyRef = useRef(onStoreReady)\n\n    // Update ref when callback changes\n    useEffect(() => {\n      onStoreReadyRef.current = onStoreReady\n    }, [onStoreReady])\n\n    const store = useMemo(() => {\n      const logStore = externalStore || new LogStore()\n      onStoreReadyRef.current?.(logStore)\n      return logStore\n    }, [externalStore])\n\n    const handleClear = () => {\n      store.clearMessages()\n    }\n\n    return (\n      <LogViewer\n        {...logViewerProps}\n        messages={store.messages}\n        onClear={handleClear}\n      />\n    )\n  }),\n)\n\nexport default LogPanel\n"],"names":["LogPanel","externalizeComponent","observer","props","externalStore","onStoreReady","logViewerProps","onStoreReadyRef","useRef","useEffect","store","useMemo","logStore","LogStore","_a","handleClear","jsx","LogViewer"],"mappings":";;;;;;AAwCO,MAAMA,IAAWC;AAAA,EACtBC,EAAS,CAACC,MAAyB;AACjC,UAAM,EAAE,OAAOC,GAAe,cAAAC,GAAc,GAAGC,MAAmBH,GAC5DI,IAAkBC,EAAOH,CAAY;AAG3C,IAAAI,EAAU,MAAM;AACd,MAAAF,EAAgB,UAAUF;AAAA,IAC5B,GAAG,CAACA,CAAY,CAAC;AAEjB,UAAMK,IAAQC,EAAQ,MAAM;;AAC1B,YAAMC,IAAWR,KAAiB,IAAIS,EAAA;AACtC,cAAAC,IAAAP,EAAgB,YAAhB,QAAAO,EAAA,KAAAP,GAA0BK,IACnBA;AAAA,IACT,GAAG,CAACR,CAAa,CAAC,GAEZW,IAAc,MAAM;AACxB,MAAAL,EAAM,cAAA;AAAA,IACR;AAEA,WACE,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACJ,UAAUI,EAAM;AAAA,QAChB,SAASK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGf,CAAC;AACH;"}

package/dist/components/LogStore.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("mobx");class a{constructor(){this.messages=[],this.addMessage=(s,t="info")=>{const i={id:Math.random().toString(36).substring(2,11),timestamp:new Date,message:s,level:t};this.messages.push(i)},this.clearMessages=()=>{this.messages=[]},this.addInfo=s=>{this.addMessage(s,"info")},this.addWarning=s=>{this.addMessage(s,"warning")},this.addError=s=>{this.addMessage(s,"error")},this.addDebug=s=>{this.addMessage(s,"debug")},e.makeObservable(this,{messages:e.observable,addMessage:e.action,clearMessages:e.action})}}exports.LogStore=a;exports.default=a;
+//# sourceMappingURL=LogStore.cjs.map

package/dist/components/LogStore.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogStore.cjs","sources":["../../src/components/LogStore.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\"\nimport type { LogLevel, LogMessage } from \"./LogViewer\"\n\nexport class LogStore {\n  messages: LogMessage[] = []\n\n  constructor() {\n    makeObservable(this, {\n      messages: observable,\n      addMessage: action,\n      clearMessages: action,\n    })\n  }\n\n  addMessage = (message: string, level: LogLevel = \"info\") => {\n    const logMessage: LogMessage = {\n      id: Math.random().toString(36).substring(2, 11),\n      timestamp: new Date(),\n      message,\n      level,\n    }\n    this.messages.push(logMessage)\n  }\n\n  clearMessages = () => {\n    this.messages = []\n  }\n\n  addInfo = (message: string) => {\n    this.addMessage(message, \"info\")\n  }\n\n  addWarning = (message: string) => {\n    this.addMessage(message, \"warning\")\n  }\n\n  addError = (message: string) => {\n    this.addMessage(message, \"error\")\n  }\n\n  addDebug = (message: string) => {\n    this.addMessage(message, \"debug\")\n  }\n}\n\nexport default LogStore\n"],"names":["LogStore","message","level","logMessage","makeObservable","observable","action"],"mappings":"oIAGO,MAAMA,CAAS,CAGpB,aAAc,CAFd,KAAA,SAAyB,CAAA,EAUzB,KAAA,WAAa,CAACC,EAAiBC,EAAkB,SAAW,CAC1D,MAAMC,EAAyB,CAC7B,GAAI,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,EAC9C,cAAe,KACf,QAAAF,EACA,MAAAC,CAAA,EAEF,KAAK,SAAS,KAAKC,CAAU,CAC/B,EAEA,KAAA,cAAgB,IAAM,CACpB,KAAK,SAAW,CAAA,CAClB,EAEA,KAAA,QAAWF,GAAoB,CAC7B,KAAK,WAAWA,EAAS,MAAM,CACjC,EAEA,KAAA,WAAcA,GAAoB,CAChC,KAAK,WAAWA,EAAS,SAAS,CACpC,EAEA,KAAA,SAAYA,GAAoB,CAC9B,KAAK,WAAWA,EAAS,OAAO,CAClC,EAEA,KAAA,SAAYA,GAAoB,CAC9B,KAAK,WAAWA,EAAS,OAAO,CAClC,EAnCEG,EAAAA,eAAe,KAAM,CACnB,SAAUC,EAAAA,WACV,WAAYC,EAAAA,OACZ,cAAeA,EAAAA,MAAA,CAChB,CACH,CA+BF"}

package/dist/components/LogStore.d.ts

@@ -9,4 +9,5 @@ export declare class LogStore {
     addError: (message: string) => void;
     addDebug: (message: string) => void;
 }
+export default LogStore;
 //# sourceMappingURL=LogStore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogStore.d.ts","sourceRoot":"","sources":["../../src/components/LogStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEvD,qBAAa,QAAQ;IACnB,QAAQ,EAAE,UAAU,EAAE,CAAK;;IAU3B,UAAU,GAAI,SAAS,MAAM,EAAE,QAAO,QAAiB,UAQtD;IAED,aAAa,aAEZ;IAED,OAAO,GAAI,SAAS,MAAM,UAEzB;IAED,UAAU,GAAI,SAAS,MAAM,UAE5B;IAED,QAAQ,GAAI,SAAS,MAAM,UAE1B;IAED,QAAQ,GAAI,SAAS,MAAM,UAE1B;CACF"}
+{"version":3,"file":"LogStore.d.ts","sourceRoot":"","sources":["../../src/components/LogStore.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEvD,qBAAa,QAAQ;IACnB,QAAQ,EAAE,UAAU,EAAE,CAAK;;IAU3B,UAAU,GAAI,SAAS,MAAM,EAAE,QAAO,QAAiB,UAQtD;IAED,aAAa,aAEZ;IAED,OAAO,GAAI,SAAS,MAAM,UAEzB;IAED,UAAU,GAAI,SAAS,MAAM,UAE5B;IAED,QAAQ,GAAI,SAAS,MAAM,UAE1B;IAED,QAAQ,GAAI,SAAS,MAAM,UAE1B;CACF;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/LogStore.js

@@ -0,0 +1,33 @@
+import { makeObservable as d, action as e, observable as i } from "mobx";
+class o {
+  constructor() {
+    this.messages = [], this.addMessage = (s, a = "info") => {
+      const t = {
+        id: Math.random().toString(36).substring(2, 11),
+        timestamp: /* @__PURE__ */ new Date(),
+        message: s,
+        level: a
+      };
+      this.messages.push(t);
+    }, this.clearMessages = () => {
+      this.messages = [];
+    }, this.addInfo = (s) => {
+      this.addMessage(s, "info");
+    }, this.addWarning = (s) => {
+      this.addMessage(s, "warning");
+    }, this.addError = (s) => {
+      this.addMessage(s, "error");
+    }, this.addDebug = (s) => {
+      this.addMessage(s, "debug");
+    }, d(this, {
+      messages: i,
+      addMessage: e,
+      clearMessages: e
+    });
+  }
+}
+export {
+  o as LogStore,
+  o as default
+};
+//# sourceMappingURL=LogStore.js.map

package/dist/components/LogStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogStore.js","sources":["../../src/components/LogStore.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\"\nimport type { LogLevel, LogMessage } from \"./LogViewer\"\n\nexport class LogStore {\n  messages: LogMessage[] = []\n\n  constructor() {\n    makeObservable(this, {\n      messages: observable,\n      addMessage: action,\n      clearMessages: action,\n    })\n  }\n\n  addMessage = (message: string, level: LogLevel = \"info\") => {\n    const logMessage: LogMessage = {\n      id: Math.random().toString(36).substring(2, 11),\n      timestamp: new Date(),\n      message,\n      level,\n    }\n    this.messages.push(logMessage)\n  }\n\n  clearMessages = () => {\n    this.messages = []\n  }\n\n  addInfo = (message: string) => {\n    this.addMessage(message, \"info\")\n  }\n\n  addWarning = (message: string) => {\n    this.addMessage(message, \"warning\")\n  }\n\n  addError = (message: string) => {\n    this.addMessage(message, \"error\")\n  }\n\n  addDebug = (message: string) => {\n    this.addMessage(message, \"debug\")\n  }\n}\n\nexport default LogStore\n"],"names":["LogStore","message","level","logMessage","makeObservable","observable","action"],"mappings":";AAGO,MAAMA,EAAS;AAAA,EAGpB,cAAc;AAFd,SAAA,WAAyB,CAAA,GAUzB,KAAA,aAAa,CAACC,GAAiBC,IAAkB,WAAW;AAC1D,YAAMC,IAAyB;AAAA,QAC7B,IAAI,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAAA,QAC9C,+BAAe,KAAA;AAAA,QACf,SAAAF;AAAA,QACA,OAAAC;AAAA,MAAA;AAEF,WAAK,SAAS,KAAKC,CAAU;AAAA,IAC/B,GAEA,KAAA,gBAAgB,MAAM;AACpB,WAAK,WAAW,CAAA;AAAA,IAClB,GAEA,KAAA,UAAU,CAACF,MAAoB;AAC7B,WAAK,WAAWA,GAAS,MAAM;AAAA,IACjC,GAEA,KAAA,aAAa,CAACA,MAAoB;AAChC,WAAK,WAAWA,GAAS,SAAS;AAAA,IACpC,GAEA,KAAA,WAAW,CAACA,MAAoB;AAC9B,WAAK,WAAWA,GAAS,OAAO;AAAA,IAClC,GAEA,KAAA,WAAW,CAACA,MAAoB;AAC9B,WAAK,WAAWA,GAAS,OAAO;AAAA,IAClC,GAnCEG,EAAe,MAAM;AAAA,MACnB,UAAUC;AAAA,MACV,YAAYC;AAAA,MACZ,eAAeA;AAAA,IAAA,CAChB;AAAA,EACH;AA+BF;"}

package/dist/components/LogViewer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),z=require("@mui/icons-material/ContentCopy"),I=require("@mui/icons-material/DescriptionOutlined"),L=require("@mui/icons-material/ExpandLess"),E=require("@mui/icons-material/ExpandMore"),W=require("@mui/material/styles"),a=require("@mui/material/Box"),D=require("@mui/material/Button"),m=require("@mui/material/IconButton"),H=require("@mui/material/Paper"),c=require("@mui/material/Typography"),R=require("mobx-react-lite"),i=require("react"),$=require("../externalizeComponent.cjs"),l=(n,o,p)=>({id:p||`${Date.now()}-${Math.random().toString(36).substring(2,11)}`,timestamp:new Date,message:n,level:o}),B=(n,o)=>l(n,"debug",o),P=(n,o)=>l(n,"info",o),F=(n,o)=>l(n,"warning",o),V=(n,o)=>l(n,"error",o),b=$.externalizeComponent(R.observer(n=>{var x;const{messages:o=[],onClear:p,height:y=400,sx:v}=n,e=W.useTheme(),d=i.useRef(null);i.useEffect(()=>{if(o.length===0)return;const r=d.current;if(!r)return;const s=setTimeout(()=>{r.scrollTop=r.scrollHeight},10);return()=>clearTimeout(s)},[o.length]);const C=r=>r.toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit"}),w=r=>{switch(r){case"error":return e.palette.error.main;case"warning":return e.palette.warning.main;case"info":return e.palette.info.main;case"debug":return e.palette.text.disabled;default:return e.palette.text.secondary}},S=({message:r})=>{const[s,j]=i.useState(!1),[k,g]=i.useState(!1),[u,h]=i.useState(!1),f=r.message.length>150,M=async()=>{try{await navigator.clipboard.writeText(r.message),g(!0),setTimeout(()=>g(!1),2e3)}catch(T){console.error("Failed to copy message:",T)}},q=f&&!s?`${r.message.substring(0,150)}...`:r.message;return t.jsx(a,{onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),sx:{display:"flex",gap:1,fontFamily:"monospace",flexDirection:"column","&:hover":{backgroundColor:e.palette.action.hover},borderRadius:"4px",padding:"2px 4px",margin:"-2px -4px"},children:t.jsxs(a,{sx:{display:"flex",gap:1},children:[t.jsxs(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:e.palette.text.disabled,whiteSpace:"nowrap",flexShrink:0},children:["[",C(r.timestamp),"]"]}),t.jsx(c,{component:"span",sx:{fontWeight:400,fontSize:"12px",lineHeight:"18px",letterSpacing:"0.4px",color:w(r.level),wordBreak:"break-word",overflowWrap:"anywhere",hyphens:"auto",flex:1,whiteSpace:"pre-wrap"},children:q}),t.jsxs(a,{sx:{display:"flex",alignItems:"flex-start",gap:.5,opacity:u?1:0,transition:"opacity 0.2s ease-in-out",visibility:u?"visible":"hidden"},children:[t.jsx(m,{size:"small",onClick:M,sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:k?"Copied!":"Copy message",children:t.jsx(z,{sx:{fontSize:12}})}),f&&t.jsx(m,{size:"small",onClick:()=>j(!s),sx:{padding:"2px",color:e.palette.text.secondary,"&:hover":{backgroundColor:e.palette.action.hover}},title:s?"Collapse":"Expand",children:s?t.jsx(L,{sx:{fontSize:12}}):t.jsx(E,{sx:{fontSize:12}})})]})]})},r.id)};return t.jsxs(H,{sx:{backgroundColor:((x=e.palette.backgroundPaperElevation)==null?void 0:x[2])||"#171927",backgroundImage:"none",height:y,display:"flex",flexDirection:"column",overflow:"hidden",...v},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"12px 16px"},children:[t.jsxs(a,{sx:{display:"flex",alignItems:"center",gap:1},children:[t.jsx(I,{sx:{fontSize:16,color:e.palette.action.active,opacity:.56}}),t.jsx(c,{sx:{fontWeight:500,fontSize:"14px",lineHeight:"143%",letterSpacing:"0.17px",color:e.palette.text.primary},children:"Log"})]}),t.jsx(D,{onClick:p,variant:"text",sx:{fontWeight:500,fontSize:"13px",lineHeight:"22px",letterSpacing:"0.46px",color:e.palette.primary.main,textTransform:"none",minWidth:"auto",padding:"4px 8px","&:hover":{backgroundColor:`${e.palette.primary.main}14`}},children:"Clear"})]}),t.jsx(a,{ref:d,sx:{flex:1,overflow:"auto",padding:"8px 16px",display:"flex",flexDirection:"column",gap:"2px",scrollbarWidth:"thin",scrollbarColor:`${e.palette.divider} transparent`,"&::-webkit-scrollbar":{width:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{backgroundColor:e.palette.divider,borderRadius:"3px","&:hover":{backgroundColor:e.palette.divider}}},children:o.length===0?t.jsx(c,{sx:{color:e.palette.text.disabled,fontSize:"12px",fontStyle:"italic",textAlign:"center",marginTop:2},children:"No log messages"}):o.map(r=>t.jsx(S,{message:r},r.id))})]})}));exports.LogViewer=b;exports.createDebugMessage=B;exports.createErrorMessage=V;exports.createInfoMessage=P;exports.createLogMessage=l;exports.createWarningMessage=F;exports.default=b;
+//# sourceMappingURL=LogViewer.cjs.map

package/dist/components/LogViewer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.cjs","sources":["../../src/components/LogViewer.tsx"],"sourcesContent":["import ContentCopy from \"@mui/icons-material/ContentCopy\"\nimport DocumentIcon from \"@mui/icons-material/DescriptionOutlined\"\nimport ExpandLess from \"@mui/icons-material/ExpandLess\"\nimport ExpandMore from \"@mui/icons-material/ExpandMore\"\nimport type { SxProps } from \"@mui/material/styles\"\nimport { useTheme } from \"@mui/material/styles\"\nimport Box from \"@mui/material/Box\"\nimport Button from \"@mui/material/Button\"\nimport IconButton from \"@mui/material/IconButton\"\nimport Paper from \"@mui/material/Paper\"\nimport Typography from \"@mui/material/Typography\"\nimport { observer } from \"mobx-react-lite\"\nimport { useEffect, useRef, useState } from \"react\"\nimport { externalizeComponent } from \"../externalizeComponent\"\n\nexport type LogLevel = \"info\" | \"error\" | \"warning\" | \"debug\"\n\nexport type LogMessage = {\n  id: string\n  timestamp: Date\n  message: string\n  level: LogLevel\n}\n\nexport type LogViewerProps = {\n  /** Log messages to display */\n  messages: LogMessage[]\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Height of the component */\n  height?: string | number\n  /** Additional styles */\n  sx?: SxProps\n}\n\n/**\n * Utility function to create a log message\n */\nexport const createLogMessage = (\n  message: string,\n  level: LogLevel,\n  id?: string,\n): LogMessage => ({\n  id: id || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,\n  timestamp: new Date(),\n  message,\n  level,\n})\n\n/**\n * Utility function to create a debug log message\n */\nexport const createDebugMessage = (message: string, id?: string): LogMessage =>\n  createLogMessage(message, \"debug\", id)\n\n/**\n * Utility function to create an info log message\n */\nexport const createInfoMessage = (message: string, id?: string): LogMessage =>\n  createLogMessage(message, \"info\", id)\n\n/**\n * Utility function to create a warning log message\n */\nexport const createWarningMessage = (\n  message: string,\n  id?: string,\n): LogMessage => createLogMessage(message, \"warning\", id)\n\n/**\n * Utility function to create an error log message\n */\nexport const createErrorMessage = (message: string, id?: string): LogMessage =>\n  createLogMessage(message, \"error\", id)\n\n/**\n * A log viewer component that displays timestamped log messages with different levels.\n * Features a header with document icon and clear button, and scrollable message area.\n */\nexport const LogViewer = externalizeComponent(\n  observer((props: LogViewerProps) => {\n    const { messages = [], onClear, height = 400, sx } = props\n    const theme = useTheme()\n    const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n    // Auto-scroll to bottom when new messages are added\n    useEffect(() => {\n      if (messages.length === 0) return\n\n      const scrollContainer = scrollContainerRef.current\n      if (!scrollContainer) return\n\n      // Use a timeout to scroll after the DOM updates\n      const timeoutId = setTimeout(() => {\n        // Scroll the container to the bottom, not the entire browser\n        scrollContainer.scrollTop = scrollContainer.scrollHeight\n      }, 10)\n\n      return () => clearTimeout(timeoutId)\n    }, [messages.length])\n\n    const formatTimestamp = (timestamp: Date) => {\n      return timestamp.toLocaleTimeString(\"en-US\", {\n        hour12: false,\n        hour: \"2-digit\",\n        minute: \"2-digit\",\n        second: \"2-digit\",\n      })\n    }\n\n    const getMessageColor = (level: LogLevel) => {\n      switch (level) {\n        case \"error\":\n          return theme.palette.error.main\n        case \"warning\":\n          return theme.palette.warning.main\n        case \"info\":\n          return theme.palette.info.main\n        case \"debug\":\n          return theme.palette.text.disabled\n        default:\n          return theme.palette.text.secondary\n      }\n    }\n\n    // Component for individual log messages with expand/copy functionality\n    const LogMessage = ({ message }: { message: LogMessage }) => {\n      const [isExpanded, setIsExpanded] = useState(false)\n      const [copyTooltip, setCopyTooltip] = useState(false)\n      const [isHovered, setIsHovered] = useState(false)\n      const isLongMessage = message.message.length > 150\n\n      const handleCopy = async () => {\n        try {\n          await navigator.clipboard.writeText(message.message)\n          setCopyTooltip(true)\n          setTimeout(() => setCopyTooltip(false), 2000)\n        } catch (err) {\n          console.error(\"Failed to copy message:\", err)\n        }\n      }\n\n      const displayMessage =\n        isLongMessage && !isExpanded\n          ? `${message.message.substring(0, 150)}...`\n          : message.message\n\n      return (\n        <Box\n          key={message.id}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          sx={{\n            display: \"flex\",\n            gap: 1,\n            fontFamily: \"monospace\",\n            flexDirection: \"column\",\n            \"&:hover\": {\n              backgroundColor: theme.palette.action.hover,\n            },\n            borderRadius: \"4px\",\n            padding: \"2px 4px\",\n            margin: \"-2px -4px\",\n          }}\n        >\n          <Box sx={{ display: \"flex\", gap: 1 }}>\n            {/* Timestamp */}\n            <Typography\n              component=\"span\"\n              sx={{\n                fontWeight: 400,\n                fontSize: \"12px\",\n                lineHeight: \"18px\",\n                letterSpacing: \"0.4px\",\n                color: theme.palette.text.disabled,\n                whiteSpace: \"nowrap\",\n                flexShrink: 0,\n              }}\n            >\n              [{formatTimestamp(message.timestamp)}]\n            </Typography>\n\n            {/* Message */}\n            <Typography\n              component=\"span\"\n              sx={{\n                fontWeight: 400,\n                fontSize: \"12px\",\n                lineHeight: \"18px\",\n                letterSpacing: \"0.4px\",\n                color: getMessageColor(message.level),\n                wordBreak: \"break-word\",\n                overflowWrap: \"anywhere\",\n                hyphens: \"auto\",\n                flex: 1,\n                whiteSpace: \"pre-wrap\",\n              }}\n            >\n              {displayMessage}\n            </Typography>\n\n            {/* Action buttons - only visible on hover */}\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"flex-start\",\n                gap: 0.5,\n                opacity: isHovered ? 1 : 0,\n                transition: \"opacity 0.2s ease-in-out\",\n                visibility: isHovered ? \"visible\" : \"hidden\",\n              }}\n            >\n              <IconButton\n                size=\"small\"\n                onClick={handleCopy}\n                sx={{\n                  padding: \"2px\",\n                  color: theme.palette.text.secondary,\n                  \"&:hover\": {\n                    backgroundColor: theme.palette.action.hover,\n                  },\n                }}\n                title={copyTooltip ? \"Copied!\" : \"Copy message\"}\n              >\n                <ContentCopy sx={{ fontSize: 12 }} />\n              </IconButton>\n\n              {isLongMessage && (\n                <IconButton\n                  size=\"small\"\n                  onClick={() => setIsExpanded(!isExpanded)}\n                  sx={{\n                    padding: \"2px\",\n                    color: theme.palette.text.secondary,\n                    \"&:hover\": {\n                      backgroundColor: theme.palette.action.hover,\n                    },\n                  }}\n                  title={isExpanded ? \"Collapse\" : \"Expand\"}\n                >\n                  {isExpanded ? (\n                    <ExpandLess sx={{ fontSize: 12 }} />\n                  ) : (\n                    <ExpandMore sx={{ fontSize: 12 }} />\n                  )}\n                </IconButton>\n              )}\n            </Box>\n          </Box>\n        </Box>\n      )\n    }\n\n    return (\n      <Paper\n        sx={{\n          backgroundColor:\n            theme.palette.backgroundPaperElevation?.[2] || \"#171927\",\n          backgroundImage: \"none\", // Override any gradient from elevation\n          height,\n          display: \"flex\",\n          flexDirection: \"column\",\n          overflow: \"hidden\",\n          ...sx,\n        }}\n      >\n        {/* Header */}\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"space-between\",\n            padding: \"12px 16px\",\n          }}\n        >\n          <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n            <DocumentIcon\n              sx={{\n                fontSize: 16,\n                color: theme.palette.action.active,\n                opacity: 0.56,\n              }}\n            />\n            <Typography\n              sx={{\n                fontWeight: 500,\n                fontSize: \"14px\",\n                lineHeight: \"143%\",\n                letterSpacing: \"0.17px\",\n                color: theme.palette.text.primary,\n              }}\n            >\n              Log\n            </Typography>\n          </Box>\n          <Button\n            onClick={onClear}\n            variant=\"text\"\n            sx={{\n              fontWeight: 500,\n              fontSize: \"13px\",\n              lineHeight: \"22px\",\n              letterSpacing: \"0.46px\",\n              color: theme.palette.primary.main,\n              textTransform: \"none\",\n              minWidth: \"auto\",\n              padding: \"4px 8px\",\n              \"&:hover\": {\n                backgroundColor: `${theme.palette.primary.main}14`, // 8% opacity\n              },\n            }}\n          >\n            Clear\n          </Button>\n        </Box>\n\n        {/* Messages Container */}\n        <Box\n          ref={scrollContainerRef}\n          sx={{\n            flex: 1,\n            overflow: \"auto\",\n            padding: \"8px 16px\",\n            display: \"flex\",\n            flexDirection: \"column\",\n            gap: \"2px\",\n            // Custom scrollbar styling to keep it consistently dark\n            scrollbarWidth: \"thin\",\n            scrollbarColor: `${theme.palette.divider} transparent`,\n            \"&::-webkit-scrollbar\": {\n              width: \"6px\",\n            },\n            \"&::-webkit-scrollbar-track\": {\n              background: \"transparent\",\n            },\n            \"&::-webkit-scrollbar-thumb\": {\n              backgroundColor: theme.palette.divider,\n              borderRadius: \"3px\",\n              \"&:hover\": {\n                backgroundColor: theme.palette.divider,\n              },\n            },\n          }}\n        >\n          {messages.length === 0 ? (\n            <Typography\n              sx={{\n                color: theme.palette.text.disabled,\n                fontSize: \"12px\",\n                fontStyle: \"italic\",\n                textAlign: \"center\",\n                marginTop: 2,\n              }}\n            >\n              No log messages\n            </Typography>\n          ) : (\n            messages.map((message) => (\n              <LogMessage key={message.id} message={message} />\n            ))\n          )}\n        </Box>\n      </Paper>\n    )\n  }),\n)\n\nexport default LogViewer\n"],"names":["createLogMessage","message","level","id","createDebugMessage","createInfoMessage","createWarningMessage","createErrorMessage","LogViewer","externalizeComponent","observer","props","messages","onClear","height","sx","theme","useTheme","scrollContainerRef","useRef","useEffect","scrollContainer","timeoutId","formatTimestamp","timestamp","getMessageColor","LogMessage","isExpanded","setIsExpanded","useState","copyTooltip","setCopyTooltip","isHovered","setIsHovered","isLongMessage","handleCopy","err","displayMessage","jsx","Box","jsxs","Typography","IconButton","ContentCopy","ExpandLess","ExpandMore","Paper","_a","DocumentIcon","Button"],"mappings":"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"}

package/dist/components/LogViewer.d.ts

@@ -43,4 +43,5 @@ export declare const createErrorMessage: (message: string, id?: string) => LogMe
 export declare const LogViewer: ((props: LogViewerProps) => import("react/jsx-runtime").JSX.Element) & {
     displayName: string;
 };
+export default LogViewer;
 //# sourceMappingURL=LogViewer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../src/components/LogViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAWnD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7D,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,IAAI,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,OAAO,QAAQ,EACf,KAAK,MAAM,KACV,UAKD,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAEvC;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,MAAM,EACf,KAAK,MAAM,KACV,UAAsD,CAAA;AAEzD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CA6RhC,CAAA"}
+{"version":3,"file":"LogViewer.d.ts","sourceRoot":"","sources":["../../src/components/LogViewer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAWnD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAA;AAE7D,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,EAAE,IAAI,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,wBAAwB;IACxB,EAAE,CAAC,EAAE,OAAO,CAAA;CACb,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,EACf,OAAO,QAAQ,EACf,KAAK,MAAM,KACV,UAKD,CAAA;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAExC;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAEvC;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,MAAM,EACf,KAAK,MAAM,KACV,UAAsD,CAAA;AAEzD;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,SAAS,MAAM,EAAE,KAAK,MAAM,KAAG,UAC1B,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,SAAS,WACH,cAAc;;CA6RhC,CAAA;AAED,eAAe,SAAS,CAAA"}