local-operator-ui 0.7.4 → 0.7.5

package/out/renderer/assets/{installer-Bqr5u24x.js → installer-CdeVfdGR.js}

@@ -1,10 +1,106 @@
-import { w as styled, a3 as Box, Z as keyframes, S as Typography, a as reactExports, j as jsxRuntimeExports, B as useTheme, ah as LinearProgress, a2 as Button, bJ as getTheme, a6 as DEFAULT_THEME, bI as ThemeProvider, bH as CssBaseline, bK as ReactDOM, R as React, bL as ErrorBoundary } from "./fonts-BAmz1ETd.js";
-const AppContainer = styled(Box)(() => ({
+import { a2 as createLucideIcon, w as styled, a4 as Box, V as keyframes, S as Typography, a as reactExports, j as jsxRuntimeExports, B as useTheme, a3 as Button, F as alpha, bJ as getTheme, a7 as DEFAULT_THEME, bI as ThemeProvider, bH as CssBaseline, bK as ReactDOM, R as React, bL as ErrorBoundary } from "./fonts-DnoCbbVd.js";
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$5 = [
+  ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
+  ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
+];
+const Code = createLucideIcon("code", __iconNode$5);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$4 = [
+  ["path", { d: "m11 17 2 2a1 1 0 1 0 3-3", key: "efffak" }],
+  [
+    "path",
+    {
+      d: "m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4",
+      key: "9pr0kb"
+    }
+  ],
+  ["path", { d: "m21 3 1 11h-2", key: "1tisrp" }],
+  ["path", { d: "M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3", key: "1uvwmv" }],
+  ["path", { d: "M3 4h8", key: "1ep09j" }]
+];
+const Handshake = createLucideIcon("handshake", __iconNode$4);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["line", { x1: "22", x2: "2", y1: "12", y2: "12", key: "1y58io" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ],
+  ["line", { x1: "6", x2: "6.01", y1: "16", y2: "16", key: "sgf278" }],
+  ["line", { x1: "10", x2: "10.01", y1: "16", y2: "16", key: "1l4acy" }]
+];
+const HardDrive = createLucideIcon("hard-drive", __iconNode$3);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$2 = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+];
+const ShieldCheck = createLucideIcon("shield-check", __iconNode$2);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$1 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }],
+  ["circle", { cx: "12", cy: "12", r: "2", key: "1c9p78" }]
+];
+const Target = createLucideIcon("target", __iconNode$1);
+/**
+ * @license lucide-react v0.507.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode = [
+  [
+    "path",
+    {
+      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z",
+      key: "cbrjhi"
+    }
+  ]
+];
+const Wrench = createLucideIcon("wrench", __iconNode);
+const AppContainer = styled(Box)(({ theme }) => ({
   display: "flex",
   height: "100vh",
   width: "100vw",
   overflow: "hidden",
-  backgroundColor: "#0A0A0A"
+  backgroundColor: theme.palette.background.default
+  // Use theme variable
 }));
 const InstallerLayout = styled(Box)(() => ({
   display: "flex",
@@ -20,8 +116,10 @@ const FeatureSection = styled(Box)(({ theme }) => ({
   flexDirection: "column",
   justifyContent: "center",
   alignItems: "center",
-  padding: "48px",
-  background: `linear-gradient(135deg, ${theme.palette.background.default} 0%, #111111 100%)`,
+  padding: theme.spacing(6),
+  // Use theme spacing
+  backgroundColor: theme.palette.background.paper,
+  // Solid, slightly lighter background
   position: "relative",
   overflow: "hidden",
   "&::after": {
@@ -31,11 +129,12 @@ const FeatureSection = styled(Box)(({ theme }) => ({
     right: 0,
     bottom: 0,
     width: "1px",
-    background: "rgba(255, 255, 255, 0.1)"
+    backgroundColor: theme.palette.divider
+    // Softer divider
   },
   "@media (max-width: 900px)": {
     flex: "1 1 auto",
-    padding: "32px 24px",
+    padding: theme.spacing(4, 3),
     "&::after": {
       width: "100%",
       height: "1px",
@@ -44,16 +143,19 @@ const FeatureSection = styled(Box)(({ theme }) => ({
     }
   }
 }));
-const ProgressSection = styled(Box)(() => ({
+const ProgressSection = styled(Box)(({ theme }) => ({
   flex: "1 1 50%",
   display: "flex",
   flexDirection: "column",
   justifyContent: "center",
   alignItems: "center",
-  padding: "48px",
+  padding: theme.spacing(6),
+  // Use theme spacing
+  backgroundColor: theme.palette.background.default,
+  // Main background for contrast
   "@media (max-width: 900px)": {
     flex: "1 1 auto",
-    padding: "32px 24px"
+    padding: theme.spacing(4, 3)
   }
 }));
 const SpinnerContainer = styled(Box)(() => ({
@@ -62,12 +164,16 @@ const SpinnerContainer = styled(Box)(() => ({
   margin: "16px 0"
 }));
 const Spinner = styled(Box)(({ theme }) => ({
-  width: "48px",
-  height: "48px",
-  border: `3px solid ${theme.palette.primary.main}20`,
+  width: "40px",
+  // Slightly smaller
+  height: "40px",
+  border: `4px solid ${theme.palette.action.disabledBackground}`,
+  // Muted track
   borderRadius: "50%",
   borderTopColor: theme.palette.primary.main,
-  animation: "spin 1s ease-in-out infinite",
+  // Accent color for spinner part
+  animation: "spin 0.8s linear infinite",
+  // Smoother, faster animation
   "@keyframes spin": {
     to: { transform: "rotate(360deg)" }
   }
@@ -80,16 +186,22 @@ const LogoContainer = styled(Box)(() => ({
   height: "120px"
 }));
 const FeatureIconContainer = styled(Box)(({ theme }) => ({
-  width: "80px",
-  height: "80px",
-  borderRadius: "50%",
+  width: "64px",
+  // Smaller icon container
+  height: "64px",
+  borderRadius: theme.shape.borderRadius * 2,
+  // Rounded square like shadcn cards
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
-  marginBottom: "24px",
-  background: `linear-gradient(135deg, ${theme.palette.primary.dark} 0%, ${theme.palette.primary.main} 100%)`,
-  boxShadow: "0 8px 32px rgba(56, 201, 106, 0.2)",
-  fontSize: "2.5rem"
+  marginBottom: theme.spacing(3),
+  backgroundColor: theme.palette.action.hover,
+  // Muted background
+  // border: `1px solid ${theme.palette.divider}`, // Subtle border
+  color: theme.palette.primary.main,
+  // Icon color
+  fontSize: "2rem"
+  // Adjusted icon size
 }));
 const fadeIn = keyframes`
   from {
@@ -123,17 +235,21 @@ const FeatureContent = styled(Box)(
   })
 );
 const FeatureTitle = styled(Typography)(({ theme }) => ({
-  fontSize: "1.75rem",
+  fontSize: "1.5rem",
+  // Adjusted size
   fontWeight: 600,
-  marginBottom: "16px",
-  background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-  WebkitBackgroundClip: "text",
-  WebkitTextFillColor: "transparent"
+  marginBottom: theme.spacing(1.5),
+  color: theme.palette.text.primary
+  // Solid color
 }));
-const FeatureDescription = styled(Typography)(() => ({
-  fontSize: "1rem",
-  lineHeight: 1.6,
-  color: "rgba(255, 255, 255, 0.8)"
+const FeatureDescription = styled(Typography)(({ theme }) => ({
+  fontSize: "0.9rem",
+  // Slightly smaller for balance
+  lineHeight: 1.7,
+  // Increased line height for readability
+  color: theme.palette.text.secondary,
+  maxWidth: "400px"
+  // Limit width for better readability
 }));
 const ProgressDots = styled(Box)(() => ({
   display: "flex",
@@ -145,11 +261,17 @@ const ProgressDots = styled(Box)(() => ({
 }));
 const ProgressDot = styled(Box)(
   ({ active, theme }) => ({
-    width: "8px",
-    height: "8px",
+    width: "10px",
+    // Slightly larger dots
+    height: "10px",
     borderRadius: "50%",
-    background: active ? theme.palette.primary.main : "rgba(255, 255, 255, 0.2)",
-    transition: "background 0.3s ease"
+    backgroundColor: active ? theme.palette.primary.main : theme.palette.action.disabledBackground,
+    // Muted inactive color
+    transition: "background-color 0.3s ease, transform 0.3s ease",
+    cursor: "pointer",
+    "&:hover": {
+      transform: "scale(1.2)"
+    }
   })
 );
 const BackgroundPattern = styled(Box)(() => ({
@@ -158,31 +280,44 @@ const BackgroundPattern = styled(Box)(() => ({
   left: 0,
   right: 0,
   bottom: 0,
-  opacity: 0.05,
-  backgroundImage: "radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px)",
-  backgroundSize: "30px 30px",
+  opacity: 0.03,
+  // Even more subtle
+  backgroundImage: "radial-gradient(rgba(255, 255, 255, 0.05) 0.5px, transparent 0.5px)",
+  // Smaller dots
+  backgroundSize: "20px 20px",
+  // Smaller grid
   pointerEvents: "none"
 }));
 const features = [
   {
-    icon: "🎯",
+    icon: Target,
     title: "Plans & Executes",
     description: "Breaks down complex goals into manageable steps and executes them with precision."
   },
   {
-    icon: "🔒",
+    icon: ShieldCheck,
     title: "Prioritizes Security",
     description: "Built-in safety checks by independent AI review and user confirmations keep your system protected."
   },
   {
-    icon: "🌐",
-    title: "Flexible Deployment",
-    description: "Run completely locally with Ollama models or leverage cloud providers like OpenAI."
+    icon: Wrench,
+    title: "Agentic Problem Solving",
+    description: "Agents can intelligently handle errors and roadblocks by adapting approaches and finding alternative solutions."
+  },
+  {
+    icon: Code,
+    title: "Universal Problem Solvers",
+    description: "Local Operator agents use code as a universal tool to make their own integrations on the fly and creatively solve problems."
   },
   {
-    icon: "🔧",
-    title: "Problem Solving",
-    description: "Intelligently handles errors and roadblocks by adapting approaches and finding alternative solutions."
+    icon: Handshake,
+    title: "Agent-to-Agent Communication",
+    description: "Agents can delegate tasks and communicate with each other to solve more complex problems."
+  },
+  {
+    icon: HardDrive,
+    title: "On-Device Work",
+    description: "Agents can work on-device without relying on the cloud, reducing the back and forth between your files and the cloud, and improving privacy."
   }
 ];
 const FeatureCarousel = () => {
@@ -227,7 +362,7 @@ const FeatureCarousel = () => {
                   pointerEvents: index === activeFeature ? "auto" : "none"
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(FeatureIconContainer, { children: feature.icon }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(FeatureIconContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(feature.icon, { size: 32, strokeWidth: 1 }) }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FeatureTitle, { variant: "h4", children: feature.title }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(FeatureDescription, { children: feature.description })
                 ]
@@ -265,53 +400,56 @@ const InstallationProgress = () => {
         maxWidth: "520px"
       },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "gradientTitle", children: "🚀 Setting Up Your Environment" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(Box, { sx: { width: "100%" }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Typography,
-            {
-              variant: "body1",
-              color: "text.secondary",
-              sx: { textAlign: "center", mb: 3 },
-              children: "We're preparing the magic behind the scenes! This one-time setup ensures you'll have the best experience with Local Operator."
-            }
-          ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            LinearProgress,
-            {
-              sx: {
-                height: 8,
-                borderRadius: 2,
-                backgroundColor: "rgba(255, 255, 255, 0.1)",
-                "& .MuiLinearProgress-bar": {
-                  borderRadius: 2,
-                  background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`
-                }
-              }
-            }
-          )
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { textAlign: "center" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Typography, { variant: "gradientTitle", children: "Setting Up Your Environment" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { sx: { width: "100%" }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Typography,
+          {
+            variant: "body1",
+            color: "text.secondary",
+            sx: { textAlign: "center", mb: 3, fontSize: "1rem" },
+            children: "We're preparing the magic behind the scenes! This one-time setup ensures you'll have the best experience with Local Operator."
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SpinnerContainer, { sx: { my: 2 }, children: [
+          " ",
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {})
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SpinnerContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, {}) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Typography,
           {
-            variant: "body2",
-            sx: { textAlign: "center", color: "text.secondary", mb: 2 },
-            children: "Installing dependencies and configuring your environment..."
+            variant: "body1",
+            sx: { textAlign: "center", color: "text.secondary", fontSize: "1rem" },
+            children: "Installing Python and other AI dependencies for Local Operator assistants on your device..."
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Typography,
+          {
+            variant: "body1",
+            sx: {
+              textAlign: "center",
+              color: "text.secondary",
+              fontSize: "0.875rem"
+            },
+            children: "This will take a few minutes. You can minimize this window and continue using your computer in the meantime, you will get a notification when it's done."
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {
-            variant: "contained",
+            variant: "outlined",
             color: "error",
             onClick: handleCancel,
             sx: {
               alignSelf: "center",
-              px: 4,
+              px: 3,
               py: 1,
-              borderRadius: 2,
-              boxShadow: "0 4px 12px rgba(211, 47, 47, 0.2)"
+              borderRadius: theme.shape.borderRadius,
+              borderColor: theme.palette.error.main,
+              "&:hover": {
+                backgroundColor: alpha(theme.palette.error.main, 0.08),
+                borderColor: theme.palette.error.dark
+              }
             },
             children: "Cancel Setup"
           }
@@ -320,7 +458,7 @@ const InstallationProgress = () => {
     }
   );
 };
-const logo = "" + new URL("clear-icon-with-text-uwwUBaIu.png", import.meta.url).href;
+const logo = "" + new URL("clear-icon-with-text-Cu96UxOE.png", import.meta.url).href;
 const LogoSection = () => {
   const theme = useTheme();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
@@ -347,11 +485,9 @@ const LogoSection = () => {
         variant: "h3",
         sx: {
           textAlign: "center",
-          mb: 4,
-          fontWeight: 600,
-          background: `linear-gradient(90deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-          WebkitBackgroundClip: "text",
-          WebkitTextFillColor: "transparent"
+          mb: 2,
+          fontWeight: 700,
+          color: theme.palette.text.primary
         },
         children: "Local Operator"
       }
@@ -362,9 +498,10 @@ const LogoSection = () => {
         variant: "h6",
         sx: {
           textAlign: "center",
-          mb: 6,
-          color: "rgba(255, 255, 255, 0.7)",
-          maxWidth: "600px"
+          mb: 4,
+          color: theme.palette.text.secondary,
+          maxWidth: "500px",
+          fontWeight: 400
         },
         children: "Personal AI Assistants that Turn Ideas into Action"
       }

package/out/renderer/index.html

@@ -9,8 +9,8 @@
   <meta http-equiv="Content-Security-Policy"
     content="default-src 'self'; connect-src 'self' http://localhost:1111 http://127.0.0.1:1111 ws://localhost:1111 ws://127.0.0.1:1111 http://localhost:8080 http://127.0.0.1:8080 https://api.radienthq.com https://us.i.posthog.com https://login.microsoftonline.com https://accounts.google.com; script-src 'self' https://us-assets.i.posthog.com https://accounts.google.com https://login.microsoftonline.com; 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'; frame-src 'self' https://accounts.google.com https://login.microsoftonline.com" />
   <meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin-allow-popups" />
-  <script type="module" crossorigin src="./assets/index-CXyUnv28.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/fonts-BAmz1ETd.js">
+  <script type="module" crossorigin src="./assets/index-QzSTnyjL.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/fonts-DnoCbbVd.js">
   <link rel="stylesheet" crossorigin href="./assets/fonts-B9KBGB-g.css">
   <link rel="stylesheet" crossorigin href="./assets/index-0vP6mKPB.css">
 </head>

package/out/renderer/installer.html

@@ -8,8 +8,8 @@
   <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
   <meta http-equiv="Content-Security-Policy"
     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'" />
-  <script type="module" crossorigin src="./assets/installer-Bqr5u24x.js"></script>
-  <link rel="modulepreload" crossorigin href="./assets/fonts-BAmz1ETd.js">
+  <script type="module" crossorigin src="./assets/installer-CdeVfdGR.js"></script>
+  <link rel="modulepreload" crossorigin href="./assets/fonts-DnoCbbVd.js">
   <link rel="stylesheet" crossorigin href="./assets/fonts-B9KBGB-g.css">
 </head>
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "local-operator-ui",
-	"version": "0.7.4",
+	"version": "0.7.5",
 	"productName": "Local Operator",
 	"description": "User interface for AI agent assistants that run Python code safely on your device through an intuitive chat interface. Supports local and cloud LLM models with built-in security features.",
 	"main": "./out/main/index.js",