local-operator-ui 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { s as styled, Z as Box, aE as keyframes, J as Typography, a as reactExports, j as jsxRuntimeExports, q as useTheme, b1 as LinearProgress, a2 as Button, bl as ThemeProvider, bm as theme, bj as CssBaseline, bk as ReactDOM, R as React, bn as ErrorBoundary } from "./theme-CuzpzMRz.js";
1
+ import { s as styled, a1 as Box, aG as keyframes, K as Typography, a as reactExports, j as jsxRuntimeExports, t as useTheme, $ as LinearProgress, a0 as Button, bA as ThemeProvider, b4 as darkTheme, bz as CssBaseline, bB as ReactDOM, p as React, bC as ErrorBoundary } from "./error-boundary-GcWSKAk-.js";
2
2
  const AppContainer = styled(Box)(() => ({
3
3
  display: "flex",
4
4
  height: "100vh",
@@ -14,14 +14,14 @@ const InstallerLayout = styled(Box)(() => ({
14
14
  flexDirection: "column"
15
15
  }
16
16
  }));
17
- const FeatureSection = styled(Box)(({ theme: theme2 }) => ({
17
+ const FeatureSection = styled(Box)(({ theme }) => ({
18
18
  flex: "1 1 50%",
19
19
  display: "flex",
20
20
  flexDirection: "column",
21
21
  justifyContent: "center",
22
22
  alignItems: "center",
23
23
  padding: "48px",
24
- background: `linear-gradient(135deg, ${theme2.palette.background.default} 0%, #111111 100%)`,
24
+ background: `linear-gradient(135deg, ${theme.palette.background.default} 0%, #111111 100%)`,
25
25
  position: "relative",
26
26
  overflow: "hidden",
27
27
  "&::after": {
@@ -61,12 +61,12 @@ const SpinnerContainer = styled(Box)(() => ({
61
61
  justifyContent: "center",
62
62
  margin: "16px 0"
63
63
  }));
64
- const Spinner = styled(Box)(({ theme: theme2 }) => ({
64
+ const Spinner = styled(Box)(({ theme }) => ({
65
65
  width: "48px",
66
66
  height: "48px",
67
- border: `3px solid ${theme2.palette.primary.main}20`,
67
+ border: `3px solid ${theme.palette.primary.main}20`,
68
68
  borderRadius: "50%",
69
- borderTopColor: theme2.palette.primary.main,
69
+ borderTopColor: theme.palette.primary.main,
70
70
  animation: "spin 1s ease-in-out infinite",
71
71
  "@keyframes spin": {
72
72
  to: { transform: "rotate(360deg)" }
@@ -79,7 +79,7 @@ const LogoContainer = styled(Box)(() => ({
79
79
  alignItems: "center",
80
80
  height: "120px"
81
81
  }));
82
- const FeatureIconContainer = styled(Box)(({ theme: theme2 }) => ({
82
+ const FeatureIconContainer = styled(Box)(({ theme }) => ({
83
83
  width: "80px",
84
84
  height: "80px",
85
85
  borderRadius: "50%",
@@ -87,7 +87,7 @@ const FeatureIconContainer = styled(Box)(({ theme: theme2 }) => ({
87
87
  justifyContent: "center",
88
88
  alignItems: "center",
89
89
  marginBottom: "24px",
90
- background: `linear-gradient(135deg, ${theme2.palette.primary.dark} 0%, ${theme2.palette.primary.main} 100%)`,
90
+ background: `linear-gradient(135deg, ${theme.palette.primary.dark} 0%, ${theme.palette.primary.main} 100%)`,
91
91
  boxShadow: "0 8px 32px rgba(56, 201, 106, 0.2)",
92
92
  fontSize: "2.5rem"
93
93
  }));
@@ -122,11 +122,11 @@ const FeatureContent = styled(Box)(
122
122
  position: "absolute"
123
123
  })
124
124
  );
125
- const FeatureTitle = styled(Typography)(({ theme: theme2 }) => ({
125
+ const FeatureTitle = styled(Typography)(({ theme }) => ({
126
126
  fontSize: "1.75rem",
127
127
  fontWeight: 600,
128
128
  marginBottom: "16px",
129
- background: `linear-gradient(90deg, ${theme2.palette.primary.main}, ${theme2.palette.secondary.main})`,
129
+ background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
130
130
  WebkitBackgroundClip: "text",
131
131
  WebkitTextFillColor: "transparent"
132
132
  }));
@@ -144,11 +144,11 @@ const ProgressDots = styled(Box)(() => ({
144
144
  bottom: "0"
145
145
  }));
146
146
  const ProgressDot = styled(Box)(
147
- ({ active, theme: theme2 }) => ({
147
+ ({ active, theme }) => ({
148
148
  width: "8px",
149
149
  height: "8px",
150
150
  borderRadius: "50%",
151
- background: active ? theme2.palette.primary.main : "rgba(255, 255, 255, 0.2)",
151
+ background: active ? theme.palette.primary.main : "rgba(255, 255, 255, 0.2)",
152
152
  transition: "background 0.3s ease"
153
153
  })
154
154
  );
@@ -250,7 +250,7 @@ const FeatureCarousel = () => {
250
250
  );
251
251
  };
252
252
  const InstallationProgress = () => {
253
- const theme2 = useTheme();
253
+ const theme = useTheme();
254
254
  const handleCancel = () => {
255
255
  window.api.ipcRenderer.send("cancel-installation");
256
256
  };
@@ -285,7 +285,7 @@ const InstallationProgress = () => {
285
285
  backgroundColor: "rgba(255, 255, 255, 0.1)",
286
286
  "& .MuiLinearProgress-bar": {
287
287
  borderRadius: 2,
288
- background: `linear-gradient(90deg, ${theme2.palette.primary.main}, ${theme2.palette.secondary.main})`
288
+ background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`
289
289
  }
290
290
  }
291
291
  }
@@ -322,7 +322,7 @@ const InstallationProgress = () => {
322
322
  };
323
323
  const logo = "" + new URL("clear-icon-with-text-uwwUBaIu.png", import.meta.url).href;
324
324
  const LogoSection = () => {
325
- const theme2 = useTheme();
325
+ const theme = useTheme();
326
326
  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
327
327
  /* @__PURE__ */ jsxRuntimeExports.jsx(LogoContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
328
328
  Box,
@@ -349,7 +349,7 @@ const LogoSection = () => {
349
349
  textAlign: "center",
350
350
  mb: 4,
351
351
  fontWeight: 600,
352
- background: `linear-gradient(90deg, ${theme2.palette.primary.main}, ${theme2.palette.secondary.main})`,
352
+ background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
353
353
  WebkitBackgroundClip: "text",
354
354
  WebkitTextFillColor: "transparent"
355
355
  },
@@ -382,7 +382,7 @@ const InstallerContent = () => {
382
382
  ] });
383
383
  };
384
384
  const InstallerApp = () => {
385
- return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme, children: [
385
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: darkTheme, children: [
386
386
  /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
387
387
  /* @__PURE__ */ jsxRuntimeExports.jsx(AppContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerContent, {}) })
388
388
  ] });
@@ -392,7 +392,7 @@ document.addEventListener("DOMContentLoaded", () => {
392
392
  document.getElementById("app")
393
393
  );
394
394
  root.render(
395
- /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme, children: [
395
+ /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: darkTheme, children: [
396
396
  /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
397
397
  /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerApp, {}) })
398
398
  ] }) })
@@ -8,9 +8,9 @@
8
8
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
9
9
  <meta http-equiv="Content-Security-Policy"
10
10
  content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: http://localhost:1111 http://127.0.0.1:1111; media-src 'self' http://localhost:1111 http://127.0.0.1:1111; font-src 'self'" />
11
- <script type="module" crossorigin src="./assets/index-DXdSH3wR.js"></script>
12
- <link rel="modulepreload" crossorigin href="./assets/theme-CuzpzMRz.js">
13
- <link rel="stylesheet" crossorigin href="./assets/theme-B9KBGB-g.css">
11
+ <script type="module" crossorigin src="./assets/index-DcAcG3ZD.js"></script>
12
+ <link rel="modulepreload" crossorigin href="./assets/error-boundary-GcWSKAk-.js">
13
+ <link rel="stylesheet" crossorigin href="./assets/error-boundary-B9KBGB-g.css">
14
14
  <link rel="stylesheet" crossorigin href="./assets/index-BkBEAEYS.css">
15
15
  </head>
16
16
 
@@ -8,9 +8,9 @@
8
8
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
9
9
  <meta http-equiv="Content-Security-Policy"
10
10
  content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data: http://localhost:1111 http://127.0.0.1:1111; media-src 'self' http://localhost:1111 http://127.0.0.1:1111; font-src 'self'" />
11
- <script type="module" crossorigin src="./assets/installer-fCmhZBuW.js"></script>
12
- <link rel="modulepreload" crossorigin href="./assets/theme-CuzpzMRz.js">
13
- <link rel="stylesheet" crossorigin href="./assets/theme-B9KBGB-g.css">
11
+ <script type="module" crossorigin src="./assets/installer-BobUZ6f3.js"></script>
12
+ <link rel="modulepreload" crossorigin href="./assets/error-boundary-GcWSKAk-.js">
13
+ <link rel="stylesheet" crossorigin href="./assets/error-boundary-B9KBGB-g.css">
14
14
  </head>
15
15
 
16
16
  <body>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "local-operator-ui",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "productName": "Local Operator",
5
5
  "description": "User interface for the Local Operator agent environment",
6
6
  "main": "./out/main/index.js",