From a9aba1b7d1c20b6c27aceccea4405c00cfbb016a Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 6 May 2025 14:41:38 +0200
Subject: [PATCH 1/7] Add input component

---
 lib/live_debugger_web/components.ex | 51 +++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/lib/live_debugger_web/components.ex b/lib/live_debugger_web/components.ex
index d08475a42..b5a9dc323 100644
--- a/lib/live_debugger_web/components.ex
+++ b/lib/live_debugger_web/components.ex
@@ -72,6 +72,57 @@ defmodule LiveDebuggerWeb.Components do
     """
   end
 
+  @doc """
+  Renders an input with label.
+  """
+  attr(:id, :any, default: nil)
+  attr(:name, :any)
+  attr(:label, :string, default: nil)
+  attr(:value, :any)
+
+  attr(:type, :string,
+    default: "text",
+    values: ~w(checkbox color date datetime-local email file month number password
+               range search select tel text textarea time url week)
+  )
+
+  attr(:field, Phoenix.HTML.FormField, required: true)
+
+  attr(:rest, :global,
+    include: ~w(accept autocomplete capture cols disabled form list max maxlength min minlength
+                multiple pattern placeholder readonly required rows size step)
+  )
+
+  slot(:inner_block)
+
+  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
+    assigns =
+      assigns
+      |> assign(field: nil, id: assigns.id || field.id)
+      |> assign_new(:name, fn -> field.name end)
+      |> assign_new(:value, fn -> field.value end)
+
+    ~H"""
+    <div phx-feedback-for={@name}>
+      <label for={@id} class="block font-medium text-xs">
+        <%= @label %>
+      </label>
+      <input
+        type={@type}
+        name={@name}
+        id={@id}
+        value={Phoenix.HTML.Form.normalize_value(@type, @value)}
+        class={[
+          "mt-2 block w-full rounded-lg bg-surface-1-bg  focus:ring-0 text-xs",
+          "phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400",
+          "border-default-border focus:border-secondary-text"
+        ]}
+        {@rest}
+      />
+    </div>
+    """
+  end
+
   @doc """
   Renders a button.
 

From bcf8b5aa11abd00d28f8f450698c9e53b7c93f4c Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 6 May 2025 14:47:47 +0200
Subject: [PATCH 2/7] Add form inputs for filtering by execution time

---
 .../helpers/tracing_helper.ex                 |  4 +--
 lib/live_debugger_web/live/traces_live.ex     | 25 +++++++++-----
 .../live_components/filters_form.ex           | 33 ++++++++++++++-----
 3 files changed, 43 insertions(+), 19 deletions(-)

diff --git a/lib/live_debugger_web/helpers/tracing_helper.ex b/lib/live_debugger_web/helpers/tracing_helper.ex
index 773006bb1..689296ef3 100644
--- a/lib/live_debugger_web/helpers/tracing_helper.ex
+++ b/lib/live_debugger_web/helpers/tracing_helper.ex
@@ -123,7 +123,7 @@ defmodule LiveDebuggerWeb.Helpers.TracingHelper do
     lv_process = socket.assigns.lv_process
     node_id = socket.assigns.node_id
 
-    socket.assigns.current_filters
+    socket.assigns.current_filters.functions
     |> Enum.filter(fn {_, active?} -> active? end)
     |> Enum.map(fn {function, _} ->
       PubSubUtils.tsnf_topic(lv_process.socket_id, lv_process.transport_pid, node_id, function)
@@ -134,7 +134,7 @@ defmodule LiveDebuggerWeb.Helpers.TracingHelper do
     lv_process = socket.assigns.lv_process
     node_id = socket.assigns.node_id
 
-    socket.assigns.current_filters
+    socket.assigns.current_filters.functions
     |> Enum.map(fn {function, _} ->
       PubSubUtils.tsnf_topic(lv_process.socket_id, lv_process.transport_pid, node_id, function)
     end)
diff --git a/lib/live_debugger_web/live/traces_live.ex b/lib/live_debugger_web/live/traces_live.ex
index 9f69ef060..b839cd0eb 100644
--- a/lib/live_debugger_web/live/traces_live.ex
+++ b/lib/live_debugger_web/live/traces_live.ex
@@ -383,17 +383,26 @@ defmodule LiveDebuggerWeb.TracesLive do
   end
 
   defp default_filters(node_id) do
-    node_id
-    |> TreeNode.type()
-    |> case do
-      :live_view -> UtilsCallbacks.live_view_callbacks()
-      :live_component -> UtilsCallbacks.live_component_callbacks()
-    end
-    |> Enum.map(fn {function, _} -> {function, true} end)
+    functions =
+      node_id
+      |> TreeNode.type()
+      |> case do
+        :live_view -> UtilsCallbacks.live_view_callbacks()
+        :live_component -> UtilsCallbacks.live_component_callbacks()
+      end
+      |> Enum.map(fn {function, _} -> {function, true} end)
+
+    %{
+      functions: functions,
+      time: [
+        {:exec_time_max, ""},
+        {:exec_time_min, "0"}
+      ]
+    }
   end
 
   defp get_active_functions(socket) do
-    socket.assigns.current_filters
+    socket.assigns.current_filters.functions
     |> Enum.filter(fn {_, active?} -> active? end)
     |> Enum.map(fn {function, _} -> function end)
   end
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index 106aca19c..e1fd70767 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -21,7 +21,8 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
 
   @impl true
   def render(assigns) do
-    assigns = assign(assigns, :selected_filters_number, calculate_selected_filters(assigns.form))
+    assigns =
+      assign(assigns, :selected_filters_number, calculate_selected_filters(assigns.form) - 2)
 
     ~H"""
     <div id={@id <> "-wrapper"}>
@@ -34,6 +35,11 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
                 <.checkbox field={@form[function]} label={"#{function}/#{arity}"} />
               <% end %>
             </div>
+            <p class="font-medium mb-4 mt-6">Callback execution time</p>
+            <div class="flex flex-col gap-3">
+              <.input label="max [us]" field={@form[:exec_time_max]} type="number" min="0" />
+              <.input label="min [us]" field={@form[:exec_time_min]} type="number" min="0" />
+            </div>
           </div>
           <div class="flex py-3 px-4 border-t border-default-border items-center justify-between">
             <button
@@ -82,11 +88,11 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
     |> noreply()
   end
 
-  def assign_form(socket, filters) do
+  def assign_form(socket, %{functions: functions, time: time}) do
     form =
-      filters
-      |> Enum.reduce(%{}, fn {function, active}, acc ->
-        Map.put(acc, Atom.to_string(function), active)
+      (functions ++ time)
+      |> Enum.reduce(%{}, fn {filter, value}, acc ->
+        Map.put(acc, Atom.to_string(filter), value)
       end)
       |> to_form()
 
@@ -103,10 +109,19 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
   end
 
   defp update_filters(active_filters, params) do
-    active_filters
-    |> Enum.map(fn {function, _} ->
-      {function, Map.has_key?(params, Atom.to_string(function))}
-    end)
+    functions =
+      active_filters.functions
+      |> Enum.map(fn {function, _} ->
+        {function, Map.has_key?(params, Atom.to_string(function))}
+      end)
+
+    time =
+      active_filters.time
+      |> Enum.map(fn {filter, value} ->
+        {filter, Map.get(params, Atom.to_string(filter), value)}
+      end)
+
+    %{functions: functions, time: time}
   end
 
   defp calculate_selected_filters(form) do

From 671c8827b716f46c23d718b675a9c713e84ec930 Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 6 May 2025 15:30:45 +0200
Subject: [PATCH 3/7] Rename

---
 lib/live_debugger_web/live/traces_live.ex             |  2 +-
 lib/live_debugger_web/live_components/filters_form.ex | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/live_debugger_web/live/traces_live.ex b/lib/live_debugger_web/live/traces_live.ex
index b839cd0eb..836b99dda 100644
--- a/lib/live_debugger_web/live/traces_live.ex
+++ b/lib/live_debugger_web/live/traces_live.ex
@@ -394,7 +394,7 @@ defmodule LiveDebuggerWeb.TracesLive do
 
     %{
       functions: functions,
-      time: [
+      execution_time: [
         {:exec_time_max, ""},
         {:exec_time_min, "0"}
       ]
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index e1fd70767..fb4051509 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -88,9 +88,9 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
     |> noreply()
   end
 
-  def assign_form(socket, %{functions: functions, time: time}) do
+  def assign_form(socket, %{functions: functions, execution_time: execution_time}) do
     form =
-      (functions ++ time)
+      (functions ++ execution_time)
       |> Enum.reduce(%{}, fn {filter, value}, acc ->
         Map.put(acc, Atom.to_string(filter), value)
       end)
@@ -115,13 +115,13 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
         {function, Map.has_key?(params, Atom.to_string(function))}
       end)
 
-    time =
-      active_filters.time
+    execution_time =
+      active_filters.execution_time
       |> Enum.map(fn {filter, value} ->
         {filter, Map.get(params, Atom.to_string(filter), value)}
       end)
 
-    %{functions: functions, time: time}
+    %{functions: functions, execution_time: execution_time}
   end
 
   defp calculate_selected_filters(form) do

From a8e652ec167fd46c369d5d15e2728a770e9feb15 Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Mon, 12 May 2025 12:18:17 +0200
Subject: [PATCH 4/7] Refactor

---
 lib/live_debugger_web/components.ex           | 40 ++++++-------------
 .../live_components/filters_form.ex           | 12 ++++--
 2 files changed, 21 insertions(+), 31 deletions(-)

diff --git a/lib/live_debugger_web/components.ex b/lib/live_debugger_web/components.ex
index b5a9dc323..1da13c6ff 100644
--- a/lib/live_debugger_web/components.ex
+++ b/lib/live_debugger_web/components.ex
@@ -75,47 +75,33 @@ defmodule LiveDebuggerWeb.Components do
   @doc """
   Renders an input with label.
   """
-  attr(:id, :any, default: nil)
-  attr(:name, :any)
-  attr(:label, :string, default: nil)
-  attr(:value, :any)
-
-  attr(:type, :string,
-    default: "text",
-    values: ~w(checkbox color date datetime-local email file month number password
-               range search select tel text textarea time url week)
-  )
-
   attr(:field, Phoenix.HTML.FormField, required: true)
+  attr(:label, :string, default: nil)
+  attr(:type, :string, default: "text")
 
-  attr(:rest, :global,
-    include: ~w(accept autocomplete capture cols disabled form list max maxlength min minlength
-                multiple pattern placeholder readonly required rows size step)
-  )
+  attr(:wrapper_class, :any, default: nil)
+  attr(:input_class, :any, default: nil)
+  attr(:label_class, :any, default: nil)
+  attr(:rest, :global)
 
   slot(:inner_block)
 
-  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
-    assigns =
-      assigns
-      |> assign(field: nil, id: assigns.id || field.id)
-      |> assign_new(:name, fn -> field.name end)
-      |> assign_new(:value, fn -> field.value end)
-
+  def input(assigns) do
     ~H"""
-    <div phx-feedback-for={@name}>
-      <label for={@id} class="block font-medium text-xs">
+    <div phx-feedback-for={@field.name} class={["" | List.wrap(@wrapper_class)]}>
+      <label for={@field.id} class={["block font-medium text-xs" | List.wrap(@label_class)]}>
         <%= @label %>
       </label>
       <input
         type={@type}
-        name={@name}
-        id={@id}
-        value={Phoenix.HTML.Form.normalize_value(@type, @value)}
+        name={@field.name}
+        id={@field.id}
+        value={Phoenix.HTML.Form.normalize_value(@type, @field.value)}
         class={[
           "mt-2 block w-full rounded-lg bg-surface-1-bg  focus:ring-0 text-xs",
           "phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400",
           "border-default-border focus:border-secondary-text"
+          | List.wrap(@input_class)
         ]}
         {@rest}
       />
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index fb4051509..cb8b091f7 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -22,7 +22,7 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
   @impl true
   def render(assigns) do
     assigns =
-      assign(assigns, :selected_filters_number, calculate_selected_filters(assigns.form) - 2)
+      assign(assigns, :selected_filters_number, calculate_selected_filters(assigns.form))
 
     ~H"""
     <div id={@id <> "-wrapper"}>
@@ -37,8 +37,8 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
             </div>
             <p class="font-medium mb-4 mt-6">Callback execution time</p>
             <div class="flex flex-col gap-3">
-              <.input label="max [us]" field={@form[:exec_time_max]} type="number" min="0" />
-              <.input label="min [us]" field={@form[:exec_time_min]} type="number" min="0" />
+              <.input label="max [μs]" field={@form[:exec_time_max]} type="number" min="0" />
+              <.input label="min [μs]" field={@form[:exec_time_min]} type="number" min="0" />
             </div>
           </div>
           <div class="flex py-3 px-4 border-t border-default-border items-center justify-between">
@@ -125,8 +125,12 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
   end
 
   defp calculate_selected_filters(form) do
+    callbacks =
+      UtilsCallbacks.callbacks_functions()
+      |> Enum.map(&Atom.to_string/1)
+
     form.params
-    |> Map.values()
+    |> Enum.filter(fn {name, value} -> Enum.member?(callbacks, name) && value end)
     |> Enum.count(&Function.identity/1)
   end
 end

From f81e6f9f4b30a7ba2c24f557e17aae7e6c2b55f5 Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Mon, 12 May 2025 20:03:19 +0200
Subject: [PATCH 5/7] Change micro symbol rendering

---
 lib/live_debugger_web/components.ex                   | 8 ++++----
 lib/live_debugger_web/live_components/filters_form.ex | 8 ++++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/lib/live_debugger_web/components.ex b/lib/live_debugger_web/components.ex
index 1da13c6ff..3b1a15ffc 100644
--- a/lib/live_debugger_web/components.ex
+++ b/lib/live_debugger_web/components.ex
@@ -76,21 +76,21 @@ defmodule LiveDebuggerWeb.Components do
   Renders an input with label.
   """
   attr(:field, Phoenix.HTML.FormField, required: true)
-  attr(:label, :string, default: nil)
+  attr(:label_text, :string, default: nil)
   attr(:type, :string, default: "text")
 
   attr(:wrapper_class, :any, default: nil)
   attr(:input_class, :any, default: nil)
   attr(:label_class, :any, default: nil)
-  attr(:rest, :global)
+  attr(:rest, :global, include: ~w(min max))
 
-  slot(:inner_block)
+  slot(:label)
 
   def input(assigns) do
     ~H"""
     <div phx-feedback-for={@field.name} class={["" | List.wrap(@wrapper_class)]}>
       <label for={@field.id} class={["block font-medium text-xs" | List.wrap(@label_class)]}>
-        <%= @label %>
+        <%= if @label != [], do: render_slot(@label), else: @label_text %>
       </label>
       <input
         type={@type}
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index cb8b091f7..a8051964c 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -37,8 +37,12 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
             </div>
             <p class="font-medium mb-4 mt-6">Callback execution time</p>
             <div class="flex flex-col gap-3">
-              <.input label="max [μs]" field={@form[:exec_time_max]} type="number" min="0" />
-              <.input label="min [μs]" field={@form[:exec_time_min]} type="number" min="0" />
+              <.input field={@form[:exec_time_max]} type="number" min="0">
+                <:label>max [&micro;s]</:label>
+              </.input>
+              <.input field={@form[:exec_time_min]} type="number" min="0">
+                <:label>min [&micro;s]</:label>
+              </.input>
             </div>
           </div>
           <div class="flex py-3 px-4 border-t border-default-border items-center justify-between">

From 07fe0759c2eb6c2ddeb60b615437f90bf1cc7860 Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 13 May 2025 16:48:22 +0200
Subject: [PATCH 6/7] Refactor input component

---
 lib/live_debugger_web/components.ex           |  7 ++++---
 .../live_components/filters_form.ex           | 20 +++++++++++++------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/lib/live_debugger_web/components.ex b/lib/live_debugger_web/components.ex
index 3d076a6d4..3ff9454ac 100644
--- a/lib/live_debugger_web/components.ex
+++ b/lib/live_debugger_web/components.ex
@@ -5,6 +5,8 @@ defmodule LiveDebuggerWeb.Components do
 
   use Phoenix.Component
 
+  import Phoenix.HTML
+
   alias Phoenix.LiveView.JS
   alias LiveDebuggerWeb.Helpers.RoutesHelper
 
@@ -77,6 +79,7 @@ defmodule LiveDebuggerWeb.Components do
   """
   attr(:field, Phoenix.HTML.FormField, required: true)
   attr(:label_text, :string, default: nil)
+  attr(:label_raw, :boolean, default: false)
   attr(:type, :string, default: "text")
 
   attr(:wrapper_class, :any, default: nil)
@@ -84,13 +87,11 @@ defmodule LiveDebuggerWeb.Components do
   attr(:label_class, :any, default: nil)
   attr(:rest, :global, include: ~w(min max))
 
-  slot(:label)
-
   def input(assigns) do
     ~H"""
     <div phx-feedback-for={@field.name} class={["" | List.wrap(@wrapper_class)]}>
       <label for={@field.id} class={["block font-medium text-xs" | List.wrap(@label_class)]}>
-        <%= if @label != [], do: render_slot(@label), else: @label_text %>
+        <%= if @label_raw, do: raw(@label_text), else: @label_text %>
       </label>
       <input
         type={@type}
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index a8051964c..c200f6d53 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -37,12 +37,20 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
             </div>
             <p class="font-medium mb-4 mt-6">Callback execution time</p>
             <div class="flex flex-col gap-3">
-              <.input field={@form[:exec_time_max]} type="number" min="0">
-                <:label>max [&micro;s]</:label>
-              </.input>
-              <.input field={@form[:exec_time_min]} type="number" min="0">
-                <:label>min [&micro;s]</:label>
-              </.input>
+              <.input
+                label_text="max [&micro;s]"
+                label_raw
+                field={@form[:exec_time_max]}
+                type="number"
+                min="0"
+              />
+              <.input
+                label_text="min [&micro;s]"
+                label_raw
+                field={@form[:exec_time_min]}
+                type="number"
+                min="0"
+              />
             </div>
           </div>
           <div class="flex py-3 px-4 border-t border-default-border items-center justify-between">

From 38458e18f90d07634f070929b7cfb13a1ac2b8bd Mon Sep 17 00:00:00 2001
From: Hubert Kasprzycki <hubert.kasprzycki@swmansion.com>
Date: Tue, 13 May 2025 18:30:53 +0200
Subject: [PATCH 7/7] Add form validation

---
 lib/live_debugger_web/components.ex           | 10 +++++-
 .../live_components/filters_form.ex           | 36 ++++++++++++++-----
 2 files changed, 36 insertions(+), 10 deletions(-)

diff --git a/lib/live_debugger_web/components.ex b/lib/live_debugger_web/components.ex
index 3ff9454ac..b7c207db1 100644
--- a/lib/live_debugger_web/components.ex
+++ b/lib/live_debugger_web/components.ex
@@ -88,6 +88,10 @@ defmodule LiveDebuggerWeb.Components do
   attr(:rest, :global, include: ~w(min max))
 
   def input(assigns) do
+    assigns =
+      assigns
+      |> assign(:errors, assigns.field.errors)
+
     ~H"""
     <div phx-feedback-for={@field.name} class={["" | List.wrap(@wrapper_class)]}>
       <label for={@field.id} class={["block font-medium text-xs" | List.wrap(@label_class)]}>
@@ -101,11 +105,15 @@ defmodule LiveDebuggerWeb.Components do
         class={[
           "mt-2 block w-full rounded-lg bg-surface-1-bg  focus:ring-0 text-xs",
           "phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-zinc-400",
-          "border-default-border focus:border-secondary-text"
+          @errors == [] && "border-default-border focus:border-secondary-text",
+          @errors != [] && "border-error-text focus:border-error-text"
           | List.wrap(@input_class)
         ]}
         {@rest}
       />
+      <p :for={msg <- @errors} class="mt-2 block text-error-text">
+        <%= msg %>
+      </p>
     </div>
     """
   end
diff --git a/lib/live_debugger_web/live_components/filters_form.ex b/lib/live_debugger_web/live_components/filters_form.ex
index c200f6d53..a2cc59d88 100644
--- a/lib/live_debugger_web/live_components/filters_form.ex
+++ b/lib/live_debugger_web/live_components/filters_form.ex
@@ -77,20 +77,31 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
 
   @impl true
   def handle_event("submit", params, socket) do
-    filters = update_filters(socket.assigns.active_filters, params)
+    case update_filters(socket.assigns.active_filters, params) do
+      {:ok, filters} ->
+        send(self(), {:filters_updated, filters})
 
-    send(self(), {:filters_updated, filters})
+      _ ->
+        nil
+    end
 
-    {:noreply, socket}
+    socket
+    |> noreply()
   end
 
   @impl true
   def handle_event("change", params, socket) do
-    filters = update_filters(socket.assigns.active_filters, params)
-
-    socket
-    |> assign_form(filters)
-    |> noreply()
+    case update_filters(socket.assigns.active_filters, params) do
+      {:ok, filters} ->
+        socket
+        |> assign_form(filters)
+        |> noreply()
+
+      {:error, errors} ->
+        socket
+        |> assign(form: to_form(params, errors: errors))
+        |> noreply()
+    end
   end
 
   @impl true
@@ -133,7 +144,14 @@ defmodule LiveDebuggerWeb.LiveComponents.FiltersForm do
         {filter, Map.get(params, Atom.to_string(filter), value)}
       end)
 
-    %{functions: functions, execution_time: execution_time}
+    min_time = Keyword.get(execution_time, :exec_time_min, 0)
+    max_time = Keyword.get(execution_time, :exec_time_max, :infinity)
+
+    if String.to_integer(min_time) > String.to_integer(max_time) do
+      {:error, [exec_time_min: "min must be less than max", exec_time_max: ""]}
+    else
+      {:ok, %{functions: functions, execution_time: execution_time}}
+    end
   end
 
   defp calculate_selected_filters(form) do