From 097fc7500cc5f57f39ca2011bf6358d735977b45 Mon Sep 17 00:00:00 2001
From: Jordan Frazier <jordan.frazier@datastax.com>
Date: Wed, 25 Mar 2026 15:34:25 -0400
Subject: [PATCH] fix(cloud): Tighten cloud compatibility truthfulness

Keep preserved cloud-incompatible selections visible with inline warnings
and make model empty states follow the filtered cloud-compatible set.

Add a cloud default override for SearXNG and update the built component
index so non-dev startup matches cloud mode behavior.
---
 .../__tests__/ModelInputComponent.test.tsx    | 37 +++++++++++++
 .../components/ModelTrigger.tsx               | 23 +++++---
 .../components/modelInputComponent/index.tsx  | 17 ++++--
 .../sortableListComponent/index.tsx           | 48 +++++++++++++----
 .../reproduce_issue.test.tsx                  | 25 ++++++++-
 .../parameterRenderComponent/index.test.tsx   | 52 +++++++++++++++++++
 .../core/parameterRenderComponent/index.tsx   |  4 +-
 src/lfx/src/lfx/_assets/component_index.json  | 12 +++--
 src/lfx/src/lfx/components/tools/searxng.py   |  5 ++
 .../custom/test_cloud_default_overrides.py    |  9 ++++
 10 files changed, 207 insertions(+), 25 deletions(-)
 create mode 100644 src/lfx/tests/unit/custom/test_cloud_default_overrides.py

diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/__tests__/ModelInputComponent.test.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/__tests__/ModelInputComponent.test.tsx
index 1a965a090f..6e6d276145 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/__tests__/ModelInputComponent.test.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/__tests__/ModelInputComponent.test.tsx
@@ -523,6 +523,43 @@ describe("ModelInputComponent", () => {
       mockCloudOnly = false;
     });
 
+    it("should show a cloud-specific empty state when every provider is filtered out", async () => {
+      mockCloudOnly = true;
+      const user = userEvent.setup();
+      const handleOnNewValue = jest.fn();
+
+      renderWithQueryClient(
+        <ModelInputComponent
+          {...defaultProps}
+          options={[
+            {
+              id: "llama3",
+              name: "llama3",
+              icon: "Ollama",
+              provider: "Ollama",
+              metadata: {},
+            },
+          ]}
+          value={[]}
+          handleOnNewValue={handleOnNewValue}
+        />,
+      );
+
+      expect(
+        screen.getByText("No cloud-compatible models"),
+      ).toBeInTheDocument();
+      expect(handleOnNewValue).not.toHaveBeenCalled();
+
+      await user.click(screen.getByRole("combobox"));
+
+      await waitFor(() => {
+        expect(screen.getByTestId("refresh-model-list")).toBeInTheDocument();
+      });
+      expect(screen.queryByTestId("llama3-option")).not.toBeInTheDocument();
+
+      mockCloudOnly = false;
+    });
+
     it("should show all providers when cloud mode is inactive", () => {
       mockCloudOnly = false;
 
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/components/ModelTrigger.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/components/ModelTrigger.tsx
index cf081c1a34..4d0a4c9de2 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/components/ModelTrigger.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/components/ModelTrigger.tsx
@@ -4,12 +4,12 @@ import { Button } from "@/components/ui/button";
 import { PopoverTrigger } from "@/components/ui/popover";
 import { RECEIVING_INPUT_VALUE } from "@/constants/constants";
 import { cn } from "@/utils/utils";
-import { ModelOption, SelectedModel } from "../types";
+import type { SelectedModel } from "../types";
 
 interface ModelTriggerProps {
   open: boolean;
   disabled: boolean;
-  options: ModelOption[];
+  visibleOptionsCount: number;
   selectedModel: SelectedModel | null;
   showCloudIncompatibleWarning?: boolean;
   placeholder?: string;
@@ -18,12 +18,13 @@ interface ModelTriggerProps {
   id: string;
   refButton: RefObject<HTMLButtonElement | null>;
   showEmptyState?: boolean;
+  emptyStateLabel?: string;
 }
 
 const ModelTrigger = ({
   open,
   disabled,
-  options,
+  visibleOptionsCount,
   selectedModel,
   showCloudIncompatibleWarning = false,
   placeholder = "Setup Provider",
@@ -32,9 +33,12 @@ const ModelTrigger = ({
   id,
   refButton,
   showEmptyState = false,
+  emptyStateLabel = "No models enabled",
 }: ModelTriggerProps) => {
+  const hasVisibleOptions = visibleOptionsCount > 0;
+
   const renderSelectedIcon = () => {
-    if (disabled || options.length === 0) {
+    if (disabled) {
       return null;
     }
 
@@ -47,9 +51,9 @@ const ModelTrigger = ({
   };
 
   // Check if we're in empty state mode (showEmptyState=true and no options)
-  const isEmptyStateMode = showEmptyState && options.length === 0;
+  const isEmptyStateMode = showEmptyState && !hasVisibleOptions;
 
-  if (!hasEnabledProviders && !showEmptyState && options.length === 0) {
+  if (!hasEnabledProviders && !showEmptyState && !hasVisibleOptions) {
     return (
       <Button
         variant="default"
@@ -67,7 +71,10 @@ const ModelTrigger = ({
     <div className="flex w-full flex-col">
       <PopoverTrigger asChild>
         <Button
-          disabled={disabled || (options.length === 0 && !showEmptyState)}
+          disabled={
+            disabled ||
+            (!hasVisibleOptions && !isEmptyStateMode && !selectedModel)
+          }
           variant="primary"
           size="xs"
           role="combobox"
@@ -89,7 +96,7 @@ const ModelTrigger = ({
                 RECEIVING_INPUT_VALUE
               ) : isEmptyStateMode ? (
                 <div className="truncate text-muted-foreground">
-                  No models enabled
+                  {emptyStateLabel}
                 </div>
               ) : (
                 <div className="flex min-w-0 flex-col items-start">
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/index.tsx
index 490b750c28..4664d303ea 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/modelInputComponent/index.tsx
@@ -162,6 +162,16 @@ export default function ModelInputComponent({
     [cloudOnly, selectedModel?.provider],
   );
 
+  const showNoCompatibleCloudModels = useMemo(
+    () => cloudOnly && options.length > 0 && flatOptions.length === 0 && !selectedModel,
+    [cloudOnly, options.length, flatOptions.length, selectedModel],
+  );
+
+  const effectiveShowEmptyState = showEmptyState || showNoCompatibleCloudModels;
+  const emptyStateLabel = showNoCompatibleCloudModels
+    ? "No cloud-compatible models"
+    : "No models enabled";
+
   useEffect(() => {
     // Only proceed if we have options and haven't selected a value
     if (flatOptions.length > 0 && (!value || value.length === 0)) {
@@ -333,7 +343,7 @@ export default function ModelInputComponent({
 
   // Loading state (skip if showEmptyState is true - we want to show the empty dropdown instead)
   if (
-    ((!options || options.length === 0) && !showEmptyState) ||
+    ((!options || options.length === 0) && !effectiveShowEmptyState) ||
     isRefreshingAfterClose ||
     refreshOptions
   ) {
@@ -348,7 +358,7 @@ export default function ModelInputComponent({
           <ModelTrigger
             open={open}
             disabled={disabled}
-            options={options}
+            visibleOptionsCount={flatOptions.length}
             selectedModel={selectedModel}
             showCloudIncompatibleWarning={showCloudIncompatibleWarning}
             placeholder={placeholder}
@@ -356,7 +366,8 @@ export default function ModelInputComponent({
             onOpenManageProviders={() => setOpenManageProvidersDialog(true)}
             id={id}
             refButton={refButton}
-            showEmptyState={showEmptyState}
+            showEmptyState={effectiveShowEmptyState}
+            emptyStateLabel={emptyStateLabel}
           />
         </div>
         {renderPopoverContent()}
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/index.tsx
index 5d2977bc0d..66858c1dad 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/index.tsx
@@ -14,6 +14,7 @@ type SortableListComponentProps = {
   helperText?: string;
   helperMetadata?: any;
   options?: any[];
+  cloudIncompatibleOptions?: unknown[];
   searchCategory?: string[];
   icon?: string;
   limit?: number;
@@ -25,16 +26,23 @@ const SortableListItem = memo(
     index,
     onRemove,
     limit = 1,
+    showCloudIncompatibleWarning = false,
   }: {
     data: any;
     index: number;
     onRemove: () => void;
     limit?: number;
+    showCloudIncompatibleWarning?: boolean;
   }) => (
     <li
       className={cn(
-        "inline-flex h-12 w-full items-center gap-2 text-sm font-medium",
-        limit === 1 ? "h-6 rounded-md bg-muted" : "group cursor-grab",
+        "inline-flex w-full items-center gap-2 text-sm font-medium",
+        limit === 1
+          ? cn(
+              "rounded-md bg-muted",
+              showCloudIncompatibleWarning ? "min-h-10 py-1" : "h-6",
+            )
+          : "group min-h-12 cursor-grab",
       )}
     >
       {limit !== 1 && (
@@ -51,14 +59,22 @@ const SortableListItem = memo(
           </div>
         )}
 
-        <span
-          className={cn(
-            "truncate text-xxs font-medium text-muted-foreground",
-            limit === 1 ? "max-w-56 pl-2" : "max-w-48",
+        <div className="flex min-w-0 flex-1 flex-col">
+          <span
+            className={cn(
+              "truncate text-xxs font-medium text-muted-foreground",
+              limit === 1 ? "max-w-56 pl-2" : "max-w-48",
+            )}
+          >
+            {data.name}
+          </span>
+          {showCloudIncompatibleWarning && (
+            <div className="flex items-center gap-1 pl-2 text-[11px] text-accent-emerald-foreground">
+              <ForwardedIconComponent name="CloudOff" className="h-3 w-3" />
+              <span>Not available in cloud</span>
+            </div>
           )}
-        >
-          {data.name}
-        </span>
+        </div>
       </div>
       <Button
         size="icon"
@@ -84,6 +100,7 @@ const SortableListComponent = ({
   helperText = "",
   helperMetadata = { icon: undefined, variant: "muted-foreground" },
   options = [],
+  cloudIncompatibleOptions = [],
   searchCategory = [],
   limit,
   id,
@@ -96,6 +113,18 @@ const SortableListComponent = ({
   // Convert value to an array if it exists, otherwise use empty array
   const listData = useMemo(() => (Array.isArray(value) ? value : []), [value]);
 
+  const isCloudIncompatibleOption = useCallback(
+    (item: unknown) => {
+      const itemName =
+        typeof item === "object" && item !== null && "name" in item
+          ? (item as { name?: unknown }).name ?? item
+          : item;
+
+      return cloudIncompatibleOptions.some((option) => option === itemName);
+    },
+    [cloudIncompatibleOptions],
+  );
+
   const createRemoveHandler = useCallback(
     (index: number) => () => {
       const newList = listData.filter((_, i) => i !== index);
@@ -195,6 +224,7 @@ const SortableListComponent = ({
                 index={index}
                 onRemove={createRemoveHandler(index)}
                 limit={limit}
+                showCloudIncompatibleWarning={isCloudIncompatibleOption(data)}
               />
             ))}
           </ReactSortable>
diff --git a/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/reproduce_issue.test.tsx b/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/reproduce_issue.test.tsx
index 7945b5ff2e..d64a4ae5e8 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/reproduce_issue.test.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/components/sortableListComponent/reproduce_issue.test.tsx
@@ -1,4 +1,4 @@
-import { render, waitFor } from "@testing-library/react";
+import { render, screen, waitFor } from "@testing-library/react";
 import React from "react";
 import * as ReactSortableModule from "react-sortablejs";
 import SortableListComponent from "./index";
@@ -56,4 +56,27 @@ describe("SortableListComponent reproduction", () => {
 
     expect(handleOnNewValue).not.toHaveBeenCalled();
   });
+
+  it("should mark preserved cloud-incompatible selections", () => {
+    render(
+      <SortableListComponent
+        tooltip=""
+        name="storage_location"
+        value={[{ name: "Local" }]}
+        handleOnNewValue={jest.fn()}
+        disabled={false}
+        recommended={false}
+        placeholder="Select items"
+        isList={true}
+        fileTypes={[]}
+        onDelete={jest.fn()}
+        id="test-id"
+        limit={1}
+        cloudIncompatibleOptions={["Local"]}
+      />,
+    );
+
+    expect(screen.getByText("Local")).toBeInTheDocument();
+    expect(screen.getByText("Not available in cloud")).toBeInTheDocument();
+  });
 });
diff --git a/src/frontend/src/components/core/parameterRenderComponent/index.test.tsx b/src/frontend/src/components/core/parameterRenderComponent/index.test.tsx
index b7eb43375c..144278fba9 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/index.test.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/index.test.tsx
@@ -11,6 +11,11 @@ type StrRenderProps = {
   value?: string | number | readonly string[] | null;
   placeholder?: string | null;
 };
+type SortableListRenderProps = {
+  value?: Array<{ name?: string }>;
+  options?: Array<{ name?: string }>;
+  cloudIncompatibleOptions?: unknown[];
+};
 
 jest.mock("@/stores/cloudModeStore", () => ({
   useCloudModeStore: <T,>(selector: (state: CloudModeState) => T) =>
@@ -31,6 +36,22 @@ jest.mock("./components/mcpComponent", () => () => (
   <div data-testid="mcp-component" />
 ));
 
+jest.mock("./components/sortableListComponent", () => ({
+  __esModule: true,
+  default: ({
+    value = [],
+    options = [],
+    cloudIncompatibleOptions = [],
+  }: SortableListRenderProps) => (
+    <div
+      data-testid="sortable-list-props"
+      data-value={value.map((option) => option.name ?? "").join(",")}
+      data-options={options.map((option) => option.name ?? "").join(",")}
+      data-cloud-incompatible={cloudIncompatibleOptions.join(",")}
+    />
+  ),
+}));
+
 describe("ParameterRenderComponent", () => {
   beforeEach(() => {
     mockCloudOnly = false;
@@ -92,4 +113,35 @@ describe("ParameterRenderComponent", () => {
       "Enter your cloud URL",
     );
   });
+
+  it("preserves incompatible sortable values while filtering them from the chooser in cloud mode", () => {
+    mockCloudOnly = true;
+
+    render(
+      <ParameterRenderComponent
+        {...baseProps}
+        name="storage_location"
+        templateValue={[{ name: "Local" }]}
+        templateData={{
+          type: "sortableList",
+          name: "storage_location",
+          options: [{ name: "Local" }, { name: "AWS" }],
+          limit: 1,
+        }}
+        nodeClass={{
+          ...baseProps.nodeClass,
+          metadata: {
+            cloud_incompatible_options: {
+              storage_location: ["Local"],
+            },
+          },
+        }}
+      />,
+    );
+
+    const renderedProps = screen.getByTestId("sortable-list-props");
+    expect(renderedProps).toHaveAttribute("data-value", "Local");
+    expect(renderedProps).toHaveAttribute("data-options", "AWS");
+    expect(renderedProps).toHaveAttribute("data-cloud-incompatible", "Local");
+  });
 });
diff --git a/src/frontend/src/components/core/parameterRenderComponent/index.tsx b/src/frontend/src/components/core/parameterRenderComponent/index.tsx
index 4e7902d302..00a7989750 100644
--- a/src/frontend/src/components/core/parameterRenderComponent/index.tsx
+++ b/src/frontend/src/components/core/parameterRenderComponent/index.tsx
@@ -298,15 +298,16 @@ export function ParameterRenderComponent({
       case "sortableList": {
         // Filter out cloud-incompatible options when cloud mode is active
         let sortableOptions = templateData?.options;
+        let cloudIncompatibleOptions: unknown[] = [];
         if (cloudOnly && nodeMetadata?.cloud_incompatible_options) {
           const incompatible = nodeMetadata.cloud_incompatible_options[name];
           if (incompatible && Array.isArray(incompatible)) {
+            cloudIncompatibleOptions = incompatible;
             sortableOptions = sortableOptions?.filter((opt: unknown) => {
               const optionName =
                 typeof opt === "object" && opt !== null && "name" in opt
                   ? ((opt as { name?: unknown }).name ?? opt)
                   : opt;
-
               return !incompatible.includes(optionName);
             });
           }
@@ -317,6 +318,7 @@ export function ParameterRenderComponent({
             helperText={templateData?.helper_text}
             helperMetadata={templateData?.helper_text_metadata}
             options={sortableOptions}
+            cloudIncompatibleOptions={cloudIncompatibleOptions}
             searchCategory={templateData?.search_category}
             limit={templateData?.limit}
             id={`sortablelist_${id}`}
diff --git a/src/lfx/src/lfx/_assets/component_index.json b/src/lfx/src/lfx/_assets/component_index.json
index 188cc8b64d..1eabe93cdd 100644
--- a/src/lfx/src/lfx/_assets/component_index.json
+++ b/src/lfx/src/lfx/_assets/component_index.json
@@ -109216,7 +109216,13 @@
           "frozen": false,
           "legacy": true,
           "metadata": {
-            "code_hash": "154e292dad2b",
+            "cloud_default_overrides": {
+              "url": {
+                "placeholder": "Enter SearXNG URL",
+                "value": ""
+              }
+            },
+            "code_hash": "85a7196f1720",
             "dependencies": {
               "dependencies": [
                 {
@@ -109304,7 +109310,7 @@
               "show": true,
               "title_case": false,
               "type": "code",
-              "value": "import json\nfrom collections.abc import Sequence\nfrom typing import Any\n\nimport requests\nfrom langchain.agents import Tool\nfrom langchain_core.tools import StructuredTool\nfrom pydantic.v1 import Field, create_model\n\nfrom lfx.base.langchain_utilities.model import LCToolComponent\nfrom lfx.inputs.inputs import DropdownInput, IntInput, MessageTextInput, MultiselectInput\nfrom lfx.io import Output\nfrom lfx.log.logger import logger\nfrom lfx.schema.dotdict import dotdict\n\n\nclass SearXNGToolComponent(LCToolComponent):\n    search_headers: dict = {}\n    display_name = \"SearXNG Search\"\n    description = \"A component that searches for tools using SearXNG.\"\n    name = \"SearXNGTool\"\n    legacy: bool = True\n\n    inputs = [\n        MessageTextInput(\n            name=\"url\",\n            display_name=\"URL\",\n            value=\"http://localhost\",\n            required=True,\n            refresh_button=True,\n        ),\n        IntInput(\n            name=\"max_results\",\n            display_name=\"Max Results\",\n            value=10,\n            required=True,\n        ),\n        MultiselectInput(\n            name=\"categories\",\n            display_name=\"Categories\",\n            options=[],\n            value=[],\n        ),\n        DropdownInput(\n            name=\"language\",\n            display_name=\"Language\",\n            options=[],\n        ),\n    ]\n\n    outputs = [\n        Output(display_name=\"Tool\", name=\"result_tool\", method=\"build_tool\"),\n    ]\n\n    def update_build_config(self, build_config: dotdict, field_value: Any, field_name: str | None = None) -> dotdict:\n        if field_name is None:\n            return build_config\n\n        if field_name != \"url\":\n            return build_config\n\n        try:\n            url = f\"{field_value}/config\"\n\n            response = requests.get(url=url, headers=self.search_headers.copy(), timeout=10)\n            data = None\n            if response.headers.get(\"Content-Encoding\") == \"zstd\":\n                data = json.loads(response.content)\n            else:\n                data = response.json()\n            build_config[\"categories\"][\"options\"] = data[\"categories\"].copy()\n            for selected_category in build_config[\"categories\"][\"value\"]:\n                if selected_category not in build_config[\"categories\"][\"options\"]:\n                    build_config[\"categories\"][\"value\"].remove(selected_category)\n            languages = list(data[\"locales\"])\n            build_config[\"language\"][\"options\"] = languages.copy()\n        except Exception as e:  # noqa: BLE001\n            self.status = f\"Failed to extract names: {e}\"\n            logger.debug(self.status, exc_info=True)\n            build_config[\"categories\"][\"options\"] = [\"Failed to parse\", str(e)]\n        return build_config\n\n    def build_tool(self) -> Tool:\n        class SearxSearch:\n            _url: str = \"\"\n            _categories: list[str] = []\n            _language: str = \"\"\n            _headers: dict = {}\n            _max_results: int = 10\n\n            @staticmethod\n            def search(query: str, categories: Sequence[str] = ()) -> list:\n                if not SearxSearch._categories and not categories:\n                    msg = \"No categories provided.\"\n                    raise ValueError(msg)\n                all_categories = SearxSearch._categories + list(set(categories) - set(SearxSearch._categories))\n                try:\n                    url = f\"{SearxSearch._url}/\"\n                    headers = SearxSearch._headers.copy()\n                    response = requests.get(\n                        url=url,\n                        headers=headers,\n                        params={\n                            \"q\": query,\n                            \"categories\": \",\".join(all_categories),\n                            \"language\": SearxSearch._language,\n                            \"format\": \"json\",\n                        },\n                        timeout=10,\n                    ).json()\n\n                    num_results = min(SearxSearch._max_results, len(response[\"results\"]))\n                    return [response[\"results\"][i] for i in range(num_results)]\n                except Exception as e:  # noqa: BLE001\n                    logger.debug(\"Error running SearXNG Search\", exc_info=True)\n                    return [f\"Failed to search: {e}\"]\n\n        SearxSearch._url = self.url\n        SearxSearch._categories = self.categories.copy()\n        SearxSearch._language = self.language\n        SearxSearch._headers = self.search_headers.copy()\n        SearxSearch._max_results = self.max_results\n\n        globals_ = globals()\n        local = {}\n        local[\"SearxSearch\"] = SearxSearch\n        globals_.update(local)\n\n        schema_fields = {\n            \"query\": (str, Field(..., description=\"The query to search for.\")),\n            \"categories\": (\n                list[str],\n                Field(default=[], description=\"The categories to search in.\"),\n            ),\n        }\n\n        searx_search_schema = create_model(\"SearxSearchSchema\", **schema_fields)\n\n        return StructuredTool.from_function(\n            func=local[\"SearxSearch\"].search,\n            args_schema=searx_search_schema,\n            name=\"searxng_search_tool\",\n            description=\"A tool that searches for tools using SearXNG.\\nThe available categories are: \"\n            + \", \".join(self.categories),\n        )\n"
+              "value": "import json\nfrom collections.abc import Sequence\nfrom typing import Any\n\nimport requests\nfrom langchain.agents import Tool\nfrom langchain_core.tools import StructuredTool\nfrom pydantic.v1 import Field, create_model\n\nfrom lfx.base.langchain_utilities.model import LCToolComponent\nfrom lfx.inputs.inputs import DropdownInput, IntInput, MessageTextInput, MultiselectInput\nfrom lfx.io import Output\nfrom lfx.log.logger import logger\nfrom lfx.schema.dotdict import dotdict\n\n\nclass SearXNGToolComponent(LCToolComponent):\n    search_headers: dict = {}\n    display_name = \"SearXNG Search\"\n    description = \"A component that searches for tools using SearXNG.\"\n    name = \"SearXNGTool\"\n    legacy: bool = True\n    metadata = {\n        \"cloud_default_overrides\": {\n            \"url\": {\"value\": \"\", \"placeholder\": \"Enter SearXNG URL\"},\n        },\n    }\n\n    inputs = [\n        MessageTextInput(\n            name=\"url\",\n            display_name=\"URL\",\n            value=\"http://localhost\",\n            required=True,\n            refresh_button=True,\n        ),\n        IntInput(\n            name=\"max_results\",\n            display_name=\"Max Results\",\n            value=10,\n            required=True,\n        ),\n        MultiselectInput(\n            name=\"categories\",\n            display_name=\"Categories\",\n            options=[],\n            value=[],\n        ),\n        DropdownInput(\n            name=\"language\",\n            display_name=\"Language\",\n            options=[],\n        ),\n    ]\n\n    outputs = [\n        Output(display_name=\"Tool\", name=\"result_tool\", method=\"build_tool\"),\n    ]\n\n    def update_build_config(self, build_config: dotdict, field_value: Any, field_name: str | None = None) -> dotdict:\n        if field_name is None:\n            return build_config\n\n        if field_name != \"url\":\n            return build_config\n\n        try:\n            url = f\"{field_value}/config\"\n\n            response = requests.get(url=url, headers=self.search_headers.copy(), timeout=10)\n            data = None\n            if response.headers.get(\"Content-Encoding\") == \"zstd\":\n                data = json.loads(response.content)\n            else:\n                data = response.json()\n            build_config[\"categories\"][\"options\"] = data[\"categories\"].copy()\n            for selected_category in build_config[\"categories\"][\"value\"]:\n                if selected_category not in build_config[\"categories\"][\"options\"]:\n                    build_config[\"categories\"][\"value\"].remove(selected_category)\n            languages = list(data[\"locales\"])\n            build_config[\"language\"][\"options\"] = languages.copy()\n        except Exception as e:  # noqa: BLE001\n            self.status = f\"Failed to extract names: {e}\"\n            logger.debug(self.status, exc_info=True)\n            build_config[\"categories\"][\"options\"] = [\"Failed to parse\", str(e)]\n        return build_config\n\n    def build_tool(self) -> Tool:\n        class SearxSearch:\n            _url: str = \"\"\n            _categories: list[str] = []\n            _language: str = \"\"\n            _headers: dict = {}\n            _max_results: int = 10\n\n            @staticmethod\n            def search(query: str, categories: Sequence[str] = ()) -> list:\n                if not SearxSearch._categories and not categories:\n                    msg = \"No categories provided.\"\n                    raise ValueError(msg)\n                all_categories = SearxSearch._categories + list(set(categories) - set(SearxSearch._categories))\n                try:\n                    url = f\"{SearxSearch._url}/\"\n                    headers = SearxSearch._headers.copy()\n                    response = requests.get(\n                        url=url,\n                        headers=headers,\n                        params={\n                            \"q\": query,\n                            \"categories\": \",\".join(all_categories),\n                            \"language\": SearxSearch._language,\n                            \"format\": \"json\",\n                        },\n                        timeout=10,\n                    ).json()\n\n                    num_results = min(SearxSearch._max_results, len(response[\"results\"]))\n                    return [response[\"results\"][i] for i in range(num_results)]\n                except Exception as e:  # noqa: BLE001\n                    logger.debug(\"Error running SearXNG Search\", exc_info=True)\n                    return [f\"Failed to search: {e}\"]\n\n        SearxSearch._url = self.url\n        SearxSearch._categories = self.categories.copy()\n        SearxSearch._language = self.language\n        SearxSearch._headers = self.search_headers.copy()\n        SearxSearch._max_results = self.max_results\n\n        globals_ = globals()\n        local = {}\n        local[\"SearxSearch\"] = SearxSearch\n        globals_.update(local)\n\n        schema_fields = {\n            \"query\": (str, Field(..., description=\"The query to search for.\")),\n            \"categories\": (\n                list[str],\n                Field(default=[], description=\"The categories to search in.\"),\n            ),\n        }\n\n        searx_search_schema = create_model(\"SearxSearchSchema\", **schema_fields)\n\n        return StructuredTool.from_function(\n            func=local[\"SearxSearch\"].search,\n            args_schema=searx_search_schema,\n            name=\"searxng_search_tool\",\n            description=\"A tool that searches for tools using SearXNG.\\nThe available categories are: \"\n            + \", \".join(self.categories),\n        )\n"
             },
             "language": {
               "_input_type": "DropdownInput",
@@ -118910,6 +118916,6 @@
     "num_components": 359,
     "num_modules": 97
   },
-  "sha256": "697092ebc6582200cb8b02ffaaf7c5deb2ba8fca7f24c5d5c176867621a70ce6",
+  "sha256": "605b661e8fd730191d1e9a95fab859a33c5c5352286bb59db5f6babca1d68fb2",
   "version": "0.3.1"
 }
\ No newline at end of file
diff --git a/src/lfx/src/lfx/components/tools/searxng.py b/src/lfx/src/lfx/components/tools/searxng.py
index b1abc8eb1d..69a4dd2b8f 100644
--- a/src/lfx/src/lfx/components/tools/searxng.py
+++ b/src/lfx/src/lfx/components/tools/searxng.py
@@ -20,6 +20,11 @@ class SearXNGToolComponent(LCToolComponent):
     description = "A component that searches for tools using SearXNG."
     name = "SearXNGTool"
     legacy: bool = True
+    metadata = {
+        "cloud_default_overrides": {
+            "url": {"value": "", "placeholder": "Enter SearXNG URL"},
+        },
+    }
 
     inputs = [
         MessageTextInput(
diff --git a/src/lfx/tests/unit/custom/test_cloud_default_overrides.py b/src/lfx/tests/unit/custom/test_cloud_default_overrides.py
new file mode 100644
index 0000000000..f457c855d1
--- /dev/null
+++ b/src/lfx/tests/unit/custom/test_cloud_default_overrides.py
@@ -0,0 +1,9 @@
+"""Tests for cloud-mode default overrides on mixed compatibility components."""
+
+from lfx.components.tools.searxng import SearXNGToolComponent
+
+
+def test_searxng_component_clears_localhost_default_in_cloud_mode():
+    assert SearXNGToolComponent.metadata["cloud_default_overrides"] == {
+        "url": {"value": "", "placeholder": "Enter SearXNG URL"},
+    }