local-operator-ui 0.12.7 → 0.13.0

package/out/renderer/assets/installer-Ct30gPA9.js

@@ -1,511 +0,0 @@
-import { c as createLucideIcon, s as styled, B as Box, k as keyframes, T as Typography, r as reactExports, C as Code, H as HardDrive, j as jsxRuntimeExports, u as useTheme, a as Button, b as alpha, d as getTheme, D as DEFAULT_THEME, e as ThemeProvider, f as CssBaseline, R as ReactDOM, h as React, E as ErrorBoundary } from "./fonts-DqkQ6BY5.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$3 = [
-  ["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$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: theme.palette.background.default
-  // Use theme variable
-}));
-const InstallerLayout = styled(Box)(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  "@media (max-width: 900px)": {
-    flexDirection: "column"
-  }
-}));
-const FeatureSection = styled(Box)(({ theme }) => ({
-  flex: "1 1 50%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: theme.spacing(6),
-  // Use theme spacing
-  backgroundColor: theme.palette.background.paper,
-  // Solid, slightly lighter background
-  position: "relative",
-  overflow: "hidden",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    width: "1px",
-    backgroundColor: theme.palette.divider
-    // Softer divider
-  },
-  "@media (max-width: 900px)": {
-    flex: "1 1 auto",
-    padding: theme.spacing(4, 3),
-    "&::after": {
-      width: "100%",
-      height: "1px",
-      bottom: 0,
-      right: "auto"
-    }
-  }
-}));
-const ProgressSection = styled(Box)(({ theme }) => ({
-  flex: "1 1 50%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "center",
-  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: theme.spacing(4, 3)
-  }
-}));
-const SpinnerContainer = styled(Box)(() => ({
-  display: "flex",
-  justifyContent: "center",
-  margin: "16px 0"
-}));
-const Spinner = styled(Box)(({ theme }) => ({
-  width: "40px",
-  // Slightly smaller
-  height: "40px",
-  border: `4px solid ${theme.palette.action.disabledBackground}`,
-  // Muted track
-  borderRadius: "50%",
-  borderTopColor: theme.palette.primary.main,
-  // Accent color for spinner part
-  animation: "spin 0.8s linear infinite",
-  // Smoother, faster animation
-  "@keyframes spin": {
-    to: { transform: "rotate(360deg)" }
-  }
-}));
-const LogoContainer = styled(Box)(() => ({
-  marginBottom: "24px",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: "120px"
-}));
-const FeatureIconContainer = styled(Box)(({ theme }) => ({
-  width: "64px",
-  // Smaller icon container
-  height: "64px",
-  borderRadius: theme.shape.borderRadius * 2,
-  // Rounded square like shadcn cards
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  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 {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const fadeOut = keyframes`
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(-10px);
-  }
-`;
-const FeatureContent = styled(Box)(
-  ({ isActive }) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "center",
-    textAlign: "center",
-    maxWidth: "480px",
-    animation: isActive ? `${fadeIn} 0.5s ease-out forwards` : `${fadeOut} 0.5s ease-out forwards`,
-    position: "absolute"
-  })
-);
-const FeatureTitle = styled(Typography)(({ theme }) => ({
-  fontSize: "1.5rem",
-  // Adjusted size
-  fontWeight: 600,
-  marginBottom: theme.spacing(1.5),
-  color: theme.palette.text.primary
-  // Solid color
-}));
-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",
-  justifyContent: "center",
-  gap: "8px",
-  marginTop: "0",
-  position: "relative",
-  bottom: "0"
-}));
-const ProgressDot = styled(Box)(
-  ({ active, theme }) => ({
-    width: "10px",
-    // Slightly larger dots
-    height: "10px",
-    borderRadius: "50%",
-    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)(() => ({
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  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: Target,
-    title: "Plans & Executes",
-    description: "Breaks down complex goals into manageable steps and executes them with precision."
-  },
-  {
-    icon: ShieldCheck,
-    title: "Prioritizes Security",
-    description: "Built-in safety checks by independent AI review and user confirmations keep your system protected."
-  },
-  {
-    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: 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 your device, reducing the back and forth between your files and the cloud, and improving privacy."
-  }
-];
-const FeatureCarousel = () => {
-  const [activeFeature, setActiveFeature] = reactExports.useState(0);
-  reactExports.useEffect(() => {
-    const interval = setInterval(() => {
-      setActiveFeature((prev) => (prev + 1) % features.length);
-    }, 5e3);
-    return () => clearInterval(interval);
-  }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Box,
-    {
-      sx: {
-        position: "relative",
-        height: "300px",
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Box,
-          {
-            sx: {
-              position: "relative",
-              height: "240px",
-              width: "100%",
-              display: "flex",
-              justifyContent: "center",
-              alignItems: "center",
-              mb: 4
-            },
-            children: features.map((feature, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              FeatureContent,
-              {
-                isActive: index === activeFeature,
-                sx: {
-                  opacity: index === activeFeature ? 1 : 0,
-                  pointerEvents: index === activeFeature ? "auto" : "none"
-                },
-                children: [
-                  /* @__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 })
-                ]
-              },
-              feature.title
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressDots, { children: features.map((feature, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          ProgressDot,
-          {
-            active: index === activeFeature,
-            onClick: () => setActiveFeature(index),
-            sx: { cursor: "pointer" }
-          },
-          `dot-${feature.title}`
-        )) })
-      ]
-    }
-  );
-};
-const InstallationProgress = () => {
-  const theme = useTheme();
-  const handleCancel = () => {
-    window.api.ipcRenderer.send("cancel-installation");
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 4,
-        width: "100%",
-        maxWidth: "520px"
-      },
-      children: [
-        /* @__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(
-          Typography,
-          {
-            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: "outlined",
-            color: "error",
-            onClick: handleCancel,
-            sx: {
-              alignSelf: "center",
-              px: 3,
-              py: 1,
-              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"
-          }
-        )
-      ]
-    }
-  );
-};
-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: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(LogoContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Box,
-      {
-        component: "img",
-        src: logo,
-        alt: "Local Operator Logo",
-        sx: {
-          width: "auto",
-          height: 120,
-          objectFit: "contain",
-          display: "block"
-        },
-        onError: (e) => {
-          e.currentTarget.src = "../assets/icon.png";
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Typography,
-      {
-        variant: "h3",
-        sx: {
-          textAlign: "center",
-          mb: 2,
-          fontWeight: 700,
-          color: theme.palette.text.primary
-        },
-        children: "Local Operator"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Typography,
-      {
-        variant: "h6",
-        sx: {
-          textAlign: "center",
-          mb: 4,
-          color: theme.palette.text.secondary,
-          maxWidth: "500px",
-          fontWeight: 400
-        },
-        children: "Personal AI Assistants that Turn Ideas into Action"
-      }
-    )
-  ] });
-};
-const InstallerContent = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(InstallerLayout, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(FeatureSection, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(BackgroundPattern, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(LogoSection, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FeatureCarousel, {})
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressSection, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallationProgress, {}) })
-  ] });
-};
-const defaultThemeOption = getTheme(DEFAULT_THEME);
-const defaultMuiTheme$1 = defaultThemeOption.theme;
-const InstallerApp = () => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: defaultMuiTheme$1, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(AppContainer, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerContent, {}) })
-  ] });
-};
-const defaultTheme = getTheme(DEFAULT_THEME);
-const defaultMuiTheme = defaultTheme.theme;
-document.addEventListener("DOMContentLoaded", () => {
-  const root = ReactDOM.createRoot(
-    document.getElementById("app")
-  );
-  root.render(
-    /* @__PURE__ */ jsxRuntimeExports.jsx(React.StrictMode, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(ThemeProvider, { theme: defaultMuiTheme, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CssBaseline, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(InstallerApp, {}) })
-    ] }) })
-  );
-});