local-operator-ui 0.4.0 → 0.4.2

package/README.md

@@ -13,7 +13,9 @@
 
 <br />
 
-<video src="https://github.com/user-attachments/assets/a7a97781-40a0-46ce-8f53-09ff6fb9ae86" alt="Local Operator Dashboard Example" autoplay loop muted playsinline></video>
+<div style="display: flex; justify-content: center; border-radius: 8px; overflow: hidden;">
+  <img src="./resources/preview-example.gif" alt="Local Operator UI Dashboard Example" style="width: 100%; max-width: 800px;">
+</div>
 
 <br />
 

package/out/renderer/assets/{index-Cu-Ty0jC.js → index-DHvoVezG.js}

@@ -29848,12 +29848,10 @@ class WebSocketClient extends EventEmitter {
       const error = new Error(
         `WebSocket connection failed after ${this.options.maxReconnectAttempts} attempts. In cooldown period.`
       );
-      console.error(error.message);
       return Promise.reject(error);
     }
     if (this.isReconnecting) {
       const error = new Error("WebSocket reconnection already in progress");
-      console.error(error.message);
       return Promise.reject(error);
     }
     const now = Date.now();
@@ -30202,11 +30200,7 @@ class WebSocketClient extends EventEmitter {
       if (this.status === "disconnected" || this.status === "reconnecting") {
         this.reconnectAttempts++;
         this.reconnectTimeoutId = null;
-        this.connect().catch((error) => {
-          console.error(
-            `Reconnection attempt ${this.reconnectAttempts} failed for ${this.messageId}:`,
-            error
-          );
+        this.connect().catch(() => {
           if (this.reconnectAttempts >= (this.options.maxReconnectAttempts || 0)) {
             this.enterCooldown();
           } else if (this.status !== "failed") {
@@ -35040,13 +35034,21 @@ const useScrollToBottom = (dependencies = [], threshold = 100, buttonThreshold =
     while (parent) {
       const { overflow, overflowY } = window.getComputedStyle(parent);
       if (overflow === "auto" || overflow === "scroll" || overflowY === "auto" || overflowY === "scroll") {
-        containerRef.current = parent;
-        checkScrollPosition();
+        if (containerRef.current !== parent) {
+          containerRef.current = parent;
+          checkScrollPosition();
+          parent.addEventListener("scroll", handleScroll, { passive: true });
+        }
         break;
       }
       parent = parent.parentElement;
     }
-  }, [checkScrollPosition]);
+    return () => {
+      if (containerRef.current) {
+        containerRef.current.removeEventListener("scroll", handleScroll);
+      }
+    };
+  }, [checkScrollPosition, handleScroll]);
   return {
     ref,
     containerRef,
@@ -46908,29 +46910,33 @@ const ModelSelect = ({
         getOptionLabel: (option) => option.name,
         isOptionEqualToValue: (option, value2) => option.id === value2.id,
         groupBy: (option) => getProviderFromId(option.id),
-        renderOption: (props, option) => /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionContainer, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionLabelContainer, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(OptionLabel, { children: option.name }),
-            option.recommended && /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Recommended based on community usage and feedback", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RecommendedStar, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStar, size: "xs" }) }) })
-          ] }),
-          option.description && /* @__PURE__ */ jsxRuntimeExports.jsx(OptionDescription, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Markdown,
-            {
-              components: {
-                a: ({ href, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "a",
-                  {
-                    href,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    children
-                  }
-                )
-              },
-              children: option.description
-            }
-          ) })
-        ] }) }),
+        renderOption: (props, option) => {
+          const { key, ...rest } = props;
+          return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionContainer, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionLabelContainer, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(OptionLabel, { children: option.name }),
+              option.recommended && // @ts-ignore
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: "Recommended based on community usage and feedback", children: /* @__PURE__ */ jsxRuntimeExports.jsx(RecommendedStar, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FontAwesomeIcon, { icon: faStar, size: "xs" }) }) })
+            ] }),
+            option.description && /* @__PURE__ */ jsxRuntimeExports.jsx(OptionDescription, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Markdown,
+              {
+                components: {
+                  a: ({ href, children }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "a",
+                    {
+                      href,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      children
+                    }
+                  )
+                },
+                children: option.description
+              }
+            ) })
+          ] }) }, key);
+        },
         freeSolo: allowCustom,
         renderInput: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           TextField,
@@ -107462,12 +107468,11 @@ const useWebSocketMessage = (options) => {
   reactExports.useEffect(() => {
     if (autoConnect && messageId && baseUrl && connectRef.current && !clientRef.current && !globalClientsRef.current[messageId]) {
       const timestamp = (/* @__PURE__ */ new Date()).toISOString().substring(11, 23);
-      console.log(`[${timestamp}] Auto-connecting WebSocket for ${messageId}`);
       globalClientsRef.current[messageId] = true;
       setTimeout(() => {
         if (connectRef.current) {
           connectRef.current().catch((err) => {
-            console.error(
+            console.warn(
               `[${timestamp}] Error auto-connecting WebSocket for ${messageId}:`,
               err
             );
@@ -110376,6 +110381,7 @@ const ChatPage = () => {
     },
     [addMessage, conversationId, setCurrentJobId, setIsLoading]
   );
+  const { data: configData } = useConfig();
   const handleSendMessage = reactExports.useCallback(
     async (content2, attachments) => {
       if (!conversationId) return;
@@ -110404,16 +110410,15 @@ const ChatPage = () => {
             ([_2, value]) => value !== void 0 && value !== null
           )
         );
+        const resolvedHosting = !agentData?.hosting || agentData.hosting === "default" || agentData.hosting.trim() === "" ? configData?.values.hosting || "" : agentData.hosting;
+        const resolvedModel = !agentData?.model || agentData.model === "default" || agentData.model.trim() === "" ? configData?.values.model_name || "" : agentData.model;
         const jobDetails = await apiClient.chat.processAgentChatAsync(
           conversationId,
           {
-            hosting: agentData?.hosting || "openrouter",
-            // Use agent's hosting or default
-            model: agentData?.model || "google/gemini-2.0-flash-001",
-            // Use agent's model or default
+            hosting: resolvedHosting,
+            model: resolvedModel,
             prompt: content2,
             persist_conversation: true,
-            // Persist conversation history
             user_message_id: userMessage.id,
             options: Object.keys(filteredOptions).length > 0 ? filteredOptions : void 0,
             attachments: attachments.length > 0 ? attachments : void 0
@@ -110452,7 +110457,8 @@ ${error2.stack || ""}`;
       setIsLoading,
       agentData,
       apiClient,
-      setCurrentJobId
+      setCurrentJobId,
+      configData
     ]
   );
   const rawInfoContent = reactExports.useMemo(() => {

package/out/renderer/index.html

@@ -8,7 +8,7 @@
   <!-- 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 ws://localhost:1111 ws://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/index-Cu-Ty0jC.js"></script>
+  <script type="module" crossorigin src="./assets/index-DHvoVezG.js"></script>
   <link rel="modulepreload" crossorigin href="./assets/error-boundary-HK_94N6W.js">
   <link rel="stylesheet" crossorigin href="./assets/error-boundary-B9KBGB-g.css">
   <link rel="stylesheet" crossorigin href="./assets/index-94BTFuhu.css">

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "local-operator-ui",
-	"version": "0.4.0",
+	"version": "0.4.2",
 	"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",
@@ -167,8 +167,18 @@
 			"gatekeeperAssess": false,
 			"entitlements": "build/entitlements.mac.plist",
 			"entitlementsInherit": "build/entitlements.mac.plist",
-			"target": ["dmg", "zip"],
-			"artifactName": "${name}-${version}-${arch}.${ext}"
+			"target": [
+				{
+					"target": "dmg",
+					"arch": ["universal"]
+				},
+				{
+					"target": "zip",
+					"arch": ["universal"]
+				}
+			],
+			"artifactName": "${name}-${version}-${arch}.${ext}",
+			"x64ArchFiles": "Contents/Resources/python/**/*"
 		},
 		"dmg": {
 			"sign": false,