@wandelbots/wandelbots-js-react-components 5.5.1 → 5.5.2

package/dist/components/LoadingCover.js

@@ -1,77 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,34 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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

@@ -1,33 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/LogViewer.js

@@ -1,299 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import E from "@mui/icons-material/ContentCopy";
-import L from "@mui/icons-material/DescriptionOutlined";
-import W from "@mui/icons-material/ExpandLess";
-import D from "@mui/icons-material/ExpandMore";
-import { useTheme as H } from "@mui/material/styles";
-import l from "@mui/material/Box";
-import $ from "@mui/material/Button";
-import b from "@mui/material/IconButton";
-import B from "@mui/material/Paper";
-import s from "@mui/material/Typography";
-import { observer as R } from "mobx-react-lite";
-import { useRef as j, useEffect as F, useState as d } from "react";
-import { externalizeComponent as P } from "../externalizeComponent.js";
-const p = (n, o, c) => ({
-  id: c || `${Date.now()}-${Math.random().toString(36).substring(2, 11)}`,
-  timestamp: /* @__PURE__ */ new Date(),
-  message: n,
-  level: o
-}), ee = (n, o) => p(n, "debug", o), te = (n, o) => p(n, "info", o), oe = (n, o) => p(n, "warning", o), re = (n, o) => p(n, "error", o), ne = P(
-  R((n) => {
-    var g;
-    const { messages: o = [], onClear: c, height: y = 400, sx: v } = n, e = H(), x = j(null);
-    F(() => {
-      if (o.length === 0) return;
-      const t = x.current;
-      if (!t) return;
-      const i = setTimeout(() => {
-        t.scrollTop = t.scrollHeight;
-      }, 10);
-      return () => clearTimeout(i);
-    }, [o.length]);
-    const C = (t) => t.toLocaleTimeString("en-US", {
-      hour12: !1,
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    }), w = (t) => {
-      switch (t) {
-        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: t }) => {
-      const [i, k] = d(!1), [M, m] = d(!1), [f, h] = d(!1), u = t.message.length > 150, T = async () => {
-        try {
-          await navigator.clipboard.writeText(t.message), m(!0), setTimeout(() => m(!1), 2e3);
-        } catch (I) {
-          console.error("Failed to copy message:", I);
-        }
-      }, z = u && !i ? `${t.message.substring(0, 150)}...` : t.message;
-      return /* @__PURE__ */ r(
-        l,
-        {
-          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: /* @__PURE__ */ a(l, { sx: { display: "flex", gap: 1 }, children: [
-            /* @__PURE__ */ a(
-              s,
-              {
-                component: "span",
-                sx: {
-                  fontWeight: 400,
-                  fontSize: "12px",
-                  lineHeight: "18px",
-                  letterSpacing: "0.4px",
-                  color: e.palette.text.disabled,
-                  whiteSpace: "nowrap",
-                  flexShrink: 0
-                },
-                children: [
-                  "[",
-                  C(t.timestamp),
-                  "]"
-                ]
-              }
-            ),
-            /* @__PURE__ */ r(
-              s,
-              {
-                component: "span",
-                sx: {
-                  fontWeight: 400,
-                  fontSize: "12px",
-                  lineHeight: "18px",
-                  letterSpacing: "0.4px",
-                  color: w(t.level),
-                  wordBreak: "break-word",
-                  overflowWrap: "anywhere",
-                  hyphens: "auto",
-                  flex: 1,
-                  whiteSpace: "pre-wrap"
-                },
-                children: z
-              }
-            ),
-            /* @__PURE__ */ a(
-              l,
-              {
-                sx: {
-                  display: "flex",
-                  alignItems: "flex-start",
-                  gap: 0.5,
-                  opacity: f ? 1 : 0,
-                  transition: "opacity 0.2s ease-in-out",
-                  visibility: f ? "visible" : "hidden"
-                },
-                children: [
-                  /* @__PURE__ */ r(
-                    b,
-                    {
-                      size: "small",
-                      onClick: T,
-                      sx: {
-                        padding: "2px",
-                        color: e.palette.text.secondary,
-                        "&:hover": {
-                          backgroundColor: e.palette.action.hover
-                        }
-                      },
-                      title: M ? "Copied!" : "Copy message",
-                      children: /* @__PURE__ */ r(E, { sx: { fontSize: 12 } })
-                    }
-                  ),
-                  u && /* @__PURE__ */ r(
-                    b,
-                    {
-                      size: "small",
-                      onClick: () => k(!i),
-                      sx: {
-                        padding: "2px",
-                        color: e.palette.text.secondary,
-                        "&:hover": {
-                          backgroundColor: e.palette.action.hover
-                        }
-                      },
-                      title: i ? "Collapse" : "Expand",
-                      children: i ? /* @__PURE__ */ r(W, { sx: { fontSize: 12 } }) : /* @__PURE__ */ r(D, { sx: { fontSize: 12 } })
-                    }
-                  )
-                ]
-              }
-            )
-          ] })
-        },
-        t.id
-      );
-    };
-    return /* @__PURE__ */ a(
-      B,
-      {
-        sx: {
-          backgroundColor: ((g = e.palette.backgroundPaperElevation) == null ? void 0 : g[2]) || "#171927",
-          backgroundImage: "none",
-          // Override any gradient from elevation
-          height: y,
-          display: "flex",
-          flexDirection: "column",
-          overflow: "hidden",
-          ...v
-        },
-        children: [
-          /* @__PURE__ */ a(
-            l,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                padding: "12px 16px"
-              },
-              children: [
-                /* @__PURE__ */ a(l, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-                  /* @__PURE__ */ r(
-                    L,
-                    {
-                      sx: {
-                        fontSize: 16,
-                        color: e.palette.action.active,
-                        opacity: 0.56
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    s,
-                    {
-                      sx: {
-                        fontWeight: 500,
-                        fontSize: "14px",
-                        lineHeight: "143%",
-                        letterSpacing: "0.17px",
-                        color: e.palette.text.primary
-                      },
-                      children: "Log"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ r(
-                  $,
-                  {
-                    onClick: c,
-                    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`
-                        // 8% opacity
-                      }
-                    },
-                    children: "Clear"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ r(
-            l,
-            {
-              ref: x,
-              sx: {
-                flex: 1,
-                overflow: "auto",
-                padding: "8px 16px",
-                display: "flex",
-                flexDirection: "column",
-                gap: "2px",
-                // Custom scrollbar styling to keep it consistently dark
-                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 ? /* @__PURE__ */ r(
-                s,
-                {
-                  sx: {
-                    color: e.palette.text.disabled,
-                    fontSize: "12px",
-                    fontStyle: "italic",
-                    textAlign: "center",
-                    marginTop: 2
-                  },
-                  children: "No log messages"
-                }
-              ) : o.map((t) => /* @__PURE__ */ r(S, { message: t }, t.id))
-            }
-          )
-        ]
-      }
-    );
-  })
-);
-export {
-  ne as LogViewer,
-  ee as createDebugMessage,
-  re as createErrorMessage,
-  te as createInfoMessage,
-  p as createLogMessage,
-  oe as createWarningMessage,
-  ne as default
-};
-//# sourceMappingURL=LogViewer.js.map

package/dist/components/LogViewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LogViewer.js","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/ProgramControl.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("@mui/icons-material/Pause"),c=require("@mui/icons-material/PlayArrow"),t=require("@mui/icons-material/Stop"),I=require("@mui/material/styles"),s=require("@mui/material/Box"),P=require("@mui/material/Button"),f=require("@mui/material/Typography"),k=require("mobx-react-lite"),R=require("react-i18next"),T=require("../externalizeComponent.cjs");var d=(n=>(n.IDLE="idle",n.PREPARING="preparing",n.STARTING="starting",n.RUNNING="running",n.PAUSING="pausing",n.PAUSED="paused",n.STOPPING="stopping",n.COMPLETED="completed",n.FAILED="failed",n.STOPPED="stopped",n.ERROR="error",n))(d||{});const a=T.externalizeComponent(k.observer(({state:n,onRun:g,onPause:x,onStop:b,onReset:E,requiresManualReset:i=!1,variant:u="with_pause",className:C})=>{const p=I.useTheme(),{t:l}=R.useTranslation(),h=()=>{const r={run:{enabled:n==="idle"||n==="stopped"||n==="paused"||n==="completed"||n==="failed"||n==="error",label:l(n==="paused"?"ProgramControl.Resume.bt":n==="error"||n==="failed"?"ProgramControl.Retry.bt":"ProgramControl.Start.bt"),color:p.palette.success.main,onClick:g},pause:{enabled:n==="running",label:l("ProgramControl.Pause.bt"),color:"#FFFFFF33",onClick:x||(()=>{})},stop:{enabled:n==="preparing"||n==="starting"||n==="running"||n==="pausing"||n==="paused",label:l("ProgramControl.Stop.bt"),color:p.palette.error.main,onClick:b}};return u==="without_pause"?[r.run,r.stop]:[r.run,r.pause,r.stop]},m=r=>{const o={sx:{fontSize:"55px"}};if(u==="without_pause")return r===0?e.jsx(c,{...o}):e.jsx(t,{...o});switch(r){case 0:return e.jsx(c,{...o});case 1:return e.jsx(j,{...o});case 2:return e.jsx(t,{...o});default:return null}},y=h();return e.jsx(s,{className:C,sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:e.jsx(s,{sx:{display:"flex",gap:"40px",flexWrap:"wrap",justifyContent:"center",alignItems:"center"},children:y.map((r,o)=>e.jsxs(s,{sx:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[e.jsx(P,{variant:"contained",disabled:!r.enabled||n==="preparing"||n==="starting"||n==="pausing"||n==="stopping"&&!i,onClick:r.onClick,sx:{width:"88px",height:"88px",borderRadius:"88px",backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3,"&:hover":{backgroundColor:r.color,opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?.8:.3},"&:disabled":{backgroundColor:r.color,opacity:.3},minWidth:"88px",flexShrink:0},children:m(o)}),e.jsx(f,{variant:"body1",sx:{color:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?r.color:p.palette.text.disabled,textAlign:"center",opacity:r.enabled&&n!=="preparing"&&n!=="starting"&&n!=="pausing"&&!(n==="stopping"&&!i)?1:.3},children:r.label})]},r.label))})})}));exports.ProgramControl=a;exports.ProgramState=d;exports.default=a;
-//# sourceMappingURL=ProgramControl.cjs.map