diff --git a/.cspell.json b/.cspell.json
index 7fcbcd91d..c6213df15 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -13,6 +13,13 @@
     "test"
   ],
   "words": [
+    "AEXAMPLE",
+    "BUCKETPOLICY",
+    "FABBEXAMPLE",
+    "Mjml",
+    "Opps",
+    "Spex",
+    "Ueberauth",
     "acreateserial",
     "anotherdummytoken",
     "behaviours",
@@ -110,6 +117,7 @@
     "progressbar",
     "psql",
     "rebar",
+    "reconnections",
     "registered",
     "rgba",
     "sendfile",
diff --git a/assets/ui-rework/app.js b/assets/ui-rework/app.js
index a194e4d93..8510b4740 100644
--- a/assets/ui-rework/app.js
+++ b/assets/ui-rework/app.js
@@ -8,6 +8,7 @@ import TimeAgo from "javascript-time-ago"
 import en from "javascript-time-ago/locale/en"
 
 import Chart from "./hooks/chart.js"
+import ConnectedDevicesAnalytics from "./hooks/connectedDevicesAnalytics.js"
 import Console from "./hooks/console.js"
 import DeviceLocationMap from "./hooks/deviceLocationMap.js"
 import DeviceLocationMapWithGeocoder from "./hooks/deviceLocationMapWithGeocoder.js"
@@ -33,6 +34,7 @@ let liveSocket = new LiveSocket("/live", Socket, {
   params: { _csrf_token: csrfToken },
   hooks: {
     Chart,
+    ConnectedDevicesAnalytics,
     Console,
     DeviceLocationMap,
     DeviceLocationMapWithGeocoder,
diff --git a/assets/ui-rework/hooks/connectedDevicesAnalytics.js b/assets/ui-rework/hooks/connectedDevicesAnalytics.js
new file mode 100644
index 000000000..cda00d41a
--- /dev/null
+++ b/assets/ui-rework/hooks/connectedDevicesAnalytics.js
@@ -0,0 +1,131 @@
+import Chart from "chart.js/auto"
+
+export default {
+  mounted() {
+    let unit = this.el.dataset.unit
+
+    let label_singual = this.el.dataset.labelSingual
+    let label_plural = this.el.dataset.labelPlural
+
+    let dataset = JSON.parse(this.el.dataset.metrics)
+
+    const ctx = this.el
+
+    var data = []
+    for (let i = 0; i < dataset.length; i++) {
+      data.push({
+        x: dataset[i].timestamp,
+        y: dataset[i].count
+      })
+    }
+
+    var gradient = ctx.getContext("2d").createLinearGradient(0, 0, 0, 400)
+    gradient.addColorStop(0, "rgba(99, 102, 241, 1)")
+    gradient.addColorStop(1, "rgba(99, 102, 241, 0)")
+
+    const barChartDataset = {
+      type: "bar",
+      data: {
+        datasets: [
+          {
+            backgroundColor: gradient,
+            hoverBackgroundColor: "#7f9cf5",
+            barPercentage: 0.75,
+            minBarLength: 2,
+            data: data
+          }
+        ]
+      },
+      options: {
+        plugins: {
+          title: {
+            display: false
+          },
+          legend: {
+            display: false,
+            labels: {
+              display: false
+            }
+          },
+          tooltip: {
+            callbacks: {
+              title: function(context) {
+                date = new Date(context[0].parsed.x)
+                return date.toLocaleTimeString("en-NZ")
+              },
+              label: function(context) {
+                if (context.raw.y === 1) {
+                  unit = label_singual
+                } else {
+                  unit = label_plural
+                }
+                return " " + context.formattedValue + " " + unit
+              }
+            }
+          }
+        },
+        scales: {
+          x: {
+            display: false,
+            // grid: {
+            //   display: false,
+            //   drawOnChartArea: false,
+            //   drawTicks: false
+            // },
+            type: "time",
+            time: {
+              unit: unit,
+              displayFormats: {
+                millisecond: "HH:mm:ss.SSS",
+                second: "HH:mm:ss",
+                minute: "HH:mm",
+                hour: "HH:mm"
+              }
+            },
+            ticks: {
+              display: false
+            }
+          },
+          y: {
+            offset: false,
+            grid: {
+              display: false
+            },
+            type: "linear",
+            min: 0,
+            // max: max
+            ticks: {
+              display: false
+            }
+          }
+        },
+        responsive: true,
+        maintainAspectRatio: false,
+        layout: {
+          autoPadding: false,
+          padding: {
+            top: 0,
+            right: 10,
+            bottom: 0,
+            left: 5
+          }
+        }
+      }
+    }
+
+    const chart = new Chart(ctx, barChartDataset)
+    this.el.chart = chart
+
+    this.handleEvent("update-charts", function(payload) {
+      if (payload.type == type) {
+        chart.data.datasets[0].data = payload.data
+        chart.update()
+      }
+    })
+
+    this.handleEvent("update-time-unit", function(payload) {
+      chart.options.scales.x.time.unit = payload.unit
+      chart.update()
+    })
+  }
+}
diff --git a/config/runtime.exs b/config/runtime.exs
index e52ced0d7..3f8f78876 100644
--- a/config/runtime.exs
+++ b/config/runtime.exs
@@ -39,6 +39,7 @@ config :nerves_hub,
     String.to_integer(System.get_env("DEPLOYMENT_CALCULATOR_INTERVAL_SECONDS", "3600")),
   mapbox_access_token: System.get_env("MAPBOX_ACCESS_TOKEN"),
   dashboard_enabled: System.get_env("DASHBOARD_ENABLED", "false") == "true",
+  insights_enabled: System.get_env("INSIGHTS_ENABLED", "false") == "true",
   extension_config: [
     geo: [
       # No interval, fetch geo on device connection by default
diff --git a/lib/nerves_hub/devices/filtering.ex b/lib/nerves_hub/devices/filtering.ex
index bec152173..581ad562e 100644
--- a/lib/nerves_hub/devices/filtering.ex
+++ b/lib/nerves_hub/devices/filtering.ex
@@ -6,6 +6,7 @@ defmodule NervesHub.Devices.Filtering do
   import Ecto.Query
 
   alias NervesHub.Devices.Alarms
+  alias NervesHub.Devices.Device
   alias NervesHub.Devices.DeviceMetric
   alias NervesHub.Types.Tag
 
@@ -62,6 +63,25 @@ defmodule NervesHub.Devices.Filtering do
     )
   end
 
+  def filter(query, _filters, :filter, "not_recently_seen") do
+    query
+    |> where([latest_connection: lc], lc.status == :disconnected)
+    |> where([latest_connection: lc], lc.disconnected_at < ago(24, "hour"))
+  end
+
+  def filter(query, _filters, :filter, "unstable_connections") do
+    unstable_connections =
+      Device
+      |> select([d], %{id: d.id, count: count()})
+      |> join(:left, [d], dc in assoc(d, :device_connections))
+      |> where([_, dc], dc.established_at > ago(24, "hour"))
+      |> group_by([d], d.id)
+
+    join(query, :inner, [d], uc in subquery(unstable_connections),
+      on: d.id == uc.id and uc.count > 5
+    )
+  end
+
   def filter(query, _filters, :firmware_version, value) do
     where(query, [d], d.firmware_metadata["version"] == ^value)
   end
diff --git a/lib/nerves_hub/firmwares.ex b/lib/nerves_hub/firmwares.ex
index ffc535a66..c01ece0ff 100644
--- a/lib/nerves_hub/firmwares.ex
+++ b/lib/nerves_hub/firmwares.ex
@@ -68,6 +68,28 @@ defmodule NervesHub.Firmwares do
     |> Repo.all()
   end
 
+  @spec get_installed_firmwares(Product.t(), [String.t()]) :: [Firmware.t()]
+  def get_installed_firmwares(product, uuids) do
+    subquery =
+      Device
+      |> select([d], %{
+        firmware_uuid: fragment("? ->> 'uuid'", d.firmware_metadata),
+        install_count: count(fragment("? ->> 'uuid'", d.firmware_metadata), :distinct)
+      })
+      |> where([d], not is_nil(d.firmware_metadata))
+      |> where([d], not is_nil(fragment("? ->> 'uuid'", d.firmware_metadata)))
+      |> Repo.exclude_deleted()
+      |> group_by([d], fragment("? ->> 'uuid'", d.firmware_metadata))
+
+    Firmware
+    |> join(:left, [f], d in subquery(subquery), on: d.firmware_uuid == f.uuid)
+    |> where([f], f.product_id == ^product.id)
+    |> where([f], f.uuid in ^uuids)
+    |> select_merge([_f, d], %{install_count: d.install_count})
+    |> order_by([_f, d], d.install_count)
+    |> Repo.all()
+  end
+
   @spec filter(Product.t(), map()) :: {[Product.t()], Flop.Meta.t()}
   def filter(product, opts \\ %{}) do
     opts = Map.reject(opts, fn {_key, val} -> is_nil(val) end)
@@ -94,15 +116,25 @@ defmodule NervesHub.Firmwares do
       |> group_by([d], fragment("? ->> 'uuid'", d.firmware_metadata))
 
     Firmware
-    |> join(:left, [f], d in subquery(subquery), on: d.firmware_uuid == f.uuid)
+    |> join(:left, [f], d in subquery(subquery),
+      as: :install_count,
+      on: d.firmware_uuid == f.uuid
+    )
     |> where([f], f.product_id == ^product.id)
+    |> filter_selection(opts[:filter])
     |> sort_firmware(sort_opts)
-    |> select_merge([_f, d], %{install_count: d.install_count})
+    |> select_merge([_f, install_count: ic], %{install_count: ic.install_count})
     |> Flop.run(flop)
   end
 
+  defp filter_selection(query, "active_firmware") do
+    where(query, [_f, install_count: ic], ic.install_count > 0)
+  end
+
+  defp filter_selection(query, _filter), do: query
+
   defp sort_firmware(query, {direction, :install_count}) do
-    order_by(query, [_f, d], {^direction, d.install_count})
+    order_by(query, [_f, install_count: ic], {^direction, ic.install_count})
   end
 
   defp sort_firmware(query, sort), do: order_by(query, ^sort)
diff --git a/lib/nerves_hub/insights.ex b/lib/nerves_hub/insights.ex
new file mode 100644
index 000000000..4e5a923c7
--- /dev/null
+++ b/lib/nerves_hub/insights.ex
@@ -0,0 +1,148 @@
+defmodule NervesHub.Insights do
+  @moduledoc """
+  Queries for Product Insights.
+
+  Some useful reads, which may inspire future improvements:
+  - https://danschultzer.com/posts/normalize-chart-data-using-ecto-postgresql
+  - https://danschultzer.com/posts/echarts-phoenix-liveview
+  """
+  import Ecto.Query
+
+  alias NervesHub.Devices.Device
+  alias NervesHub.Devices.DeviceConnection
+  alias NervesHub.Products.Product
+
+  alias NervesHub.Repo
+
+  @doc """
+  Count of currently connected Devices, scoped to an individual Product.
+  """
+  @spec connected_count(product :: Product.t()) :: number()
+  def connected_count(product) do
+    Device
+    |> join(:left, [d], lc in assoc(d, :latest_connection), as: :latest_connection)
+    |> where([d], d.product_id == ^product.id)
+    |> where([_, latest_connection: lc], lc.status == :connected)
+    |> Repo.aggregate(:count)
+  end
+
+  @doc """
+  Count of connected Devices over the last 24 hours, in 1 minute intervals, scoped to an individual Product.
+  """
+  @spec connected_device_counts_last_24_hours(product :: Product.t()) :: list()
+  def connected_device_counts_last_24_hours(product) do
+    device_counts_query =
+      DeviceConnection
+      |> select([dc], %{
+        device_count: count(dc.device_id, :distinct)
+      })
+      |> where([dc], dc.product_id == ^product.id)
+      |> where(
+        [dc],
+        fragment(
+          "? BETWEEN DATE_BIN('1 minute'::interval, ?, 'epoch') AND DATE_BIN('1 minute'::interval, ?, 'epoch') + '1 minute'::interval",
+          dc.established_at,
+          parent_as(:series).timestamp,
+          parent_as(:series).timestamp
+        ) or
+          fragment(
+            "? BETWEEN DATE_BIN('1 minute'::interval, ?, 'epoch') AND DATE_BIN('1 minute'::interval, ?, 'epoch') + '1 minute'::interval",
+            dc.disconnected_at,
+            parent_as(:series).timestamp,
+            parent_as(:series).timestamp
+          ) or
+          (fragment(
+             "? < DATE_BIN('1 minute'::interval, ?, 'epoch')",
+             dc.established_at,
+             parent_as(:series).timestamp
+           ) and
+             fragment(
+               "? > DATE_BIN('1 minute'::interval, ?, 'epoch') + '1 minute'::interval",
+               dc.disconnected_at,
+               parent_as(:series).timestamp
+             )) or
+          (fragment(
+             "? < DATE_BIN('1 minute'::interval, ?, 'epoch')",
+             dc.established_at,
+             parent_as(:series).timestamp
+           ) and is_nil(dc.disconnected_at))
+      )
+      |> group_by([dc], dc.product_id)
+
+    from(fragment("GENERATE_SERIES(NOW() - '1 hour'::interval, NOW(), '1 minute'::interval)"),
+      as: :series
+    )
+    |> join(:left_lateral, [], subquery(device_counts_query), on: true, as: :counts)
+    |> select([gs, counts: dc], %{
+      timestamp:
+        fragment("DATE_BIN('1 minute'::interval, ?, 'epoch')", gs) |> selected_as(:timestamp),
+      count: coalesce(dc.device_count, 0)
+    })
+    |> order_by([series: gs], asc: gs.timestamp)
+    |> Repo.all()
+  end
+
+  @doc """
+  Count of devices where the health status isn't 'healthy' or 'unknown', scoped to an individual Product.
+  """
+  @spec not_healthy_devices_count(product :: Product.t()) :: number()
+  def not_healthy_devices_count(product) do
+    Device
+    |> join(:left, [d], lc in assoc(d, :latest_health), as: :latest_health)
+    |> where([d], d.product_id == ^product.id)
+    |> where([_, latest_health: lh], lh.status in [:warning, :unhealthy])
+    |> Repo.aggregate(:count)
+  end
+
+  @doc """
+  Count of devices which haven't connected in the last 24 hours, scoped to an individual Product.
+  """
+  @spec not_recently_seen_count(product :: Product.t()) :: number()
+  def not_recently_seen_count(product) do
+    Device
+    |> join(:left, [d], lc in assoc(d, :latest_connection), as: :latest_connection)
+    |> where([d], d.product_id == ^product.id)
+    |> where([_, latest_connection: lc], lc.status == :disconnected)
+    |> where([_, latest_connection: lc], lc.disconnected_at < ago(24, "hour"))
+    |> Repo.aggregate(:count)
+  end
+
+  @doc """
+  Count of different firmware versions run on connected devices, scoped to an individual Product.
+  """
+  @spec active_firmware_versions_count(product :: Product.t()) :: number()
+  def active_firmware_versions_count(product) do
+    Device
+    |> select([d], %{version: d.firmware_metadata["uuid"]})
+    |> distinct(true)
+    |> where([d], d.product_id == ^product.id)
+    |> Repo.aggregate(:count)
+  end
+
+  @doc """
+  List of unique firmware versions run on connected devices, scoped to an individual Product.
+  """
+  @spec active_firmware_versions(product :: Product.t()) :: list()
+  def active_firmware_versions(product) do
+    Device
+    |> select([d], %{version: d.firmware_metadata["uuid"]})
+    |> distinct(true)
+    |> where([d], d.product_id == ^product.id)
+    |> Repo.all()
+  end
+
+  @doc """
+  Count of devices which have reconnected more than 5 times in the last 24 hours, scoped to an individual Product.
+  """
+  @spec high_reconnect_count(product :: Product.t()) :: number()
+  def high_reconnect_count(product) do
+    Device
+    |> join(:left, [d], lc in assoc(d, :device_connections), as: :device_connections)
+    |> where([d], d.product_id == ^product.id)
+    |> where([_, device_connections: dc], dc.established_at > ago(24, "hour"))
+    |> group_by([d], d.id)
+    |> having([d, device_connections: dc], count(dc.id) > 5)
+    |> subquery()
+    |> Repo.aggregate(:count)
+  end
+end
diff --git a/lib/nerves_hub_web.ex b/lib/nerves_hub_web.ex
index 28c1bb2a2..c82ef5200 100644
--- a/lib/nerves_hub_web.ex
+++ b/lib/nerves_hub_web.ex
@@ -96,6 +96,15 @@ defmodule NervesHubWeb do
 
       alias NervesHubWeb.Components.Navigation
 
+      @type tab ::
+              :archives
+              | :deployments
+              | :devices
+              | :firmware
+              | :insights
+              | :settings
+              | :support_scripts
+
       # Routes generation with the ~p sigil
       unquote(verified_routes())
 
@@ -109,10 +118,7 @@ defmodule NervesHubWeb do
 
       def page_title(socket, page_title), do: assign(socket, :page_title, page_title)
 
-      @spec sidebar_tab(
-              Phoenix.Socket.t(),
-              :archives | :firmware | :deployments | :devices | :settings | :support_scripts
-            ) :: Phoenix.Socket.t()
+      @spec sidebar_tab(Phoenix.LiveView.Socket.t(), tab()) :: Phoenix.LiveView.Socket.t()
       def sidebar_tab(socket, tab) do
         socket
         |> assign(:sidebar_tab, tab)
diff --git a/lib/nerves_hub_web/components/navigation.ex b/lib/nerves_hub_web/components/navigation.ex
index 30c973116..a3205260d 100644
--- a/lib/nerves_hub_web/components/navigation.ex
+++ b/lib/nerves_hub_web/components/navigation.ex
@@ -15,6 +15,14 @@ defmodule NervesHubWeb.Components.Navigation do
   def updated_sidebar(assigns) do
     ~H"""
     <ul role="list">
+      <.nav_link :if={Application.get_env(:nerves_hub, :insights_enabled)} label="Insights" path={~p"/org/#{@org}/#{@product}/insights"} selected={:insights == @selected_tab} width_and_height={24}>
+        <path
+          d="M21 12H22M18.5 5.5L19.5 4.5M12 3V2M5.5 5.5L4.5 4.5M3 12H2M10 22H14M17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.0503 8.2341 15.8124 10 16.584V19H14V16.584C15.7659 15.8124 17 14.0503 17 12Z"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </.nav_link>
       <.nav_link label="Devices" path={~p"/org/#{@org}/#{@product}/devices"} selected={:devices == @selected_tab}>
         <path
           d="M2.5 10.8333H17.5M2.5 10.8333V14.1666C2.5 15.0871 3.24619 15.8333 4.16667 15.8333H15.8333C16.7538 15.8333 17.5 15.0871 17.5 14.1666V10.8333M2.5 10.8333L3.85106 5.42907C4.03654 4.68712 4.70318 4.16663 5.46796 4.16663H14.532C15.2968 4.16663 15.9635 4.68712 16.1489 5.42907L17.5 10.8333M5 13.3333H15"
@@ -76,13 +84,14 @@ defmodule NervesHubWeb.Components.Navigation do
   attr(:label, :any)
   attr(:path, :any)
   attr(:selected, :any)
+  attr(:width_and_height, :any, default: 20)
   slot(:inner_block)
 
   def nav_link(assigns) do
     ~H"""
     <li class={["h-11 flex items-center px-4 hover:bg-sidebar-item-hover", @selected && "bg-sidebar-item-selected border-r-2 border-indigo-500"]}>
       <.link class="group flex items-center gap-x-3 text-sm tracking-wide leading-[19px] text-[#D4D4D8] font-light w-full h-full" navigate={@path}>
-        <svg class={"w-5 h-5" <> active_icon(@selected)} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <svg class={"w-5 h-5" <> active_icon(@selected)} viewBox={"0 0 #{@width_and_height} #{@width_and_height}"} fill="none" xmlns="http://www.w3.org/2000/svg">
           {render_slot(@inner_block)}
         </svg>
         <span class={[@selected && "font-semibold text-zinc-50"]}>{@label}</span>
diff --git a/lib/nerves_hub_web/live/devices/index.ex b/lib/nerves_hub_web/live/devices/index.ex
index 1e87d69ee..0eff5a168 100644
--- a/lib/nerves_hub_web/live/devices/index.ex
+++ b/lib/nerves_hub_web/live/devices/index.ex
@@ -30,6 +30,7 @@ defmodule NervesHubWeb.Live.Devices.Index do
   @default_filters %{
     connection: "",
     connection_type: "",
+    filter: "",
     firmware_version: "",
     platform: "",
     healthy: "",
@@ -51,6 +52,7 @@ defmodule NervesHubWeb.Live.Devices.Index do
   @filter_types %{
     connection: :string,
     connection_type: :string,
+    filter: :string,
     firmware_version: :string,
     platform: :string,
     healthy: :string,
diff --git a/lib/nerves_hub_web/live/firmware.ex b/lib/nerves_hub_web/live/firmware.ex
index 9732c48cf..ba7f8177e 100644
--- a/lib/nerves_hub_web/live/firmware.ex
+++ b/lib/nerves_hub_web/live/firmware.ex
@@ -9,7 +9,7 @@ defmodule NervesHubWeb.Live.Firmware do
 
   embed_templates("firmware_templates/*")
 
-  @pagination_opts ["page_number", "page_size", "sort", "sort_direction"]
+  @pagination_opts ["page_number", "page_size", "sort", "sort_direction", "filter"]
 
   @impl Phoenix.LiveView
   def mount(_params, _session, socket) do
@@ -203,7 +203,8 @@ defmodule NervesHubWeb.Live.Firmware do
       page: pagination_opts["page_number"],
       page_size: pagination_opts["page_size"],
       sort: pagination_opts["sort"] || "inserted_at",
-      sort_direction: pagination_opts["sort_direction"]
+      sort_direction: pagination_opts["sort_direction"],
+      filter: pagination_opts["filter"]
     }
 
     {entries, pager_meta} = Firmwares.filter(product, opts)
diff --git a/lib/nerves_hub_web/live/product/insights.ex b/lib/nerves_hub_web/live/product/insights.ex
new file mode 100644
index 000000000..d80c2b909
--- /dev/null
+++ b/lib/nerves_hub_web/live/product/insights.ex
@@ -0,0 +1,76 @@
+defmodule NervesHubWeb.Live.Product.Insights do
+  use NervesHubWeb, :updated_live_view
+
+  alias NervesHub.Firmwares
+  alias NervesHub.Insights, as: InsightsQueries
+
+  def mount(_params, _session, socket) do
+    socket
+    |> assign(:page_title, "#{socket.assigns.product.name} Insights")
+    |> sidebar_tab(:insights)
+    |> connected_devices_count()
+    |> connected_device_counts_last_24_hours()
+    |> not_healthy_devices_count()
+    |> not_recently_seen_count()
+    |> high_reconnect_count()
+    |> active_firmware_count()
+    |> unknown_active_firmware_count()
+    |> ok()
+  end
+
+  defp connected_devices_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :connected_devices_count, fn ->
+      count = InsightsQueries.connected_count(product)
+      {:ok, %{connected_devices_count: count}}
+    end)
+  end
+
+  defp connected_device_counts_last_24_hours(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :connected_device_counts_last_24_hours, fn ->
+      count = InsightsQueries.connected_device_counts_last_24_hours(product)
+      {:ok, %{connected_device_counts_last_24_hours: count}}
+    end)
+  end
+
+  defp not_healthy_devices_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :not_healthy_devices_count, fn ->
+      count = InsightsQueries.not_healthy_devices_count(product)
+      {:ok, %{not_healthy_devices_count: count}}
+    end)
+  end
+
+  defp not_recently_seen_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :not_recently_seen_count, fn ->
+      count = InsightsQueries.not_recently_seen_count(product)
+      {:ok, %{not_recently_seen_count: count}}
+    end)
+  end
+
+  defp high_reconnect_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :high_reconnect_count, fn ->
+      count = InsightsQueries.high_reconnect_count(product)
+      {:ok, %{high_reconnect_count: count}}
+    end)
+  end
+
+  defp active_firmware_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :active_firmware_versions_count, fn ->
+      count = InsightsQueries.active_firmware_versions_count(product)
+      {:ok, %{active_firmware_versions_count: count}}
+    end)
+  end
+
+  defp unknown_active_firmware_count(%{assigns: %{product: product}} = socket) do
+    assign_async(socket, :unknown_active_firmware_versions_count, fn ->
+      versions = InsightsQueries.active_firmware_versions(product)
+
+      uuids = Enum.map(versions, & &1.version)
+
+      firmwares = Firmwares.get_installed_firmwares(product, uuids)
+
+      unknown_count = length(uuids) - length(firmwares)
+
+      {:ok, %{unknown_active_firmware_versions_count: unknown_count}}
+    end)
+  end
+end
diff --git a/lib/nerves_hub_web/live/product/insights.html.heex b/lib/nerves_hub_web/live/product/insights.html.heex
new file mode 100644
index 000000000..034d5d296
--- /dev/null
+++ b/lib/nerves_hub_web/live/product/insights.html.heex
@@ -0,0 +1,174 @@
+<div class="h-[56px] shrink-0 flex justify-end bg-base-900 border-b border-base-700 pl-6 items-center">
+  <div class="h-full border-l flex items-center justify-center border-base-700 bg-base-900">
+    <a :if={Application.get_env(:nerves_hub, :new_ui)} href={"/ui/switch?return_to=#{@current_path}"} class="">
+      <svg class="box-content px-5 h-5 w-5 stroke-zinc-500 hover:stroke-indigo-500" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path
+          d="M21 14V19C21 20.1046 20.1046 21 19 21H16M3 16V19C3 20.1046 3.89543 21 5 21H16M3 16V5C3 3.89543 3.89543 3 5 3H11M3 16C4.40293 15.7662 6.63687 15.7073 8.94504 16.2427M16 21C14.2965 18.2317 11.5726 16.8522 8.94504 16.2427M8.94504 16.2427C9.87157 15.1698 11.1851 14.1585 13 13.3925M8.5 7C8 7 7 7.3 7 8.5C7 9.7 8 10 8.5 10C9 10 10 9.7 10 8.5C10 7.3 9 7 8.5 7ZM17.5 9.46262L14.7188 11L15.25 7.74377L13 5.43769L16.1094 4.96262L17.5 2L18.8906 4.96262L22 5.43769L19.75 7.74377L20.2812 11L17.5 9.46262Z"
+          stroke-width="1.2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    </a>
+  </div>
+</div>
+
+<div class="h-0 flex-1 overflow-y-auto">
+  <div class="flex items-center h-[90px] gap-4 px-6 py-7 border-b border-[#3F3F46] text-sm font-medium">
+    <h1 class="text-xl leading-[30px] font-semibold text-neutral-50">Insights</h1>
+  </div>
+
+  <div class="grid grid-cols-4 grid-rows-4 gap-4 p-6">
+    <div class="col-span-2 flex flex-col justify-between rounded border border-zinc-700 bg-zinc-900 shadow-device-details-content">
+      <div class="h-14 pl-4 pr-3 flex items-center justify-between">
+        <div class="text-neutral-50 font-medium leading-6">
+          <.async_result :let={count} assign={@connected_devices_count}>
+            <:failed :let={_failure}>Opps!</:failed>
+            <div class="text-xl text-neutral-50 font-medium leading-6">
+              {count} <span class="text-nerves-gray-500">connected devices</span>
+            </div>
+          </.async_result>
+        </div>
+      </div>
+      <div class="flex gap-2 items-center text-nerves-gray-500">
+        <div class="w-full h-[100px]">
+          <.async_result :let={timeseries} assign={@connected_device_counts_last_24_hours}>
+            <:failed :let={_failure}>Opps!</:failed>
+            <canvas
+              id="connected_device_counts_last_24_hours"
+              phx-hook="ConnectedDevicesAnalytics"
+              phx-update="ignore"
+              data-metrics={JSON.encode!(timeseries)}
+              data-label-singular="device"
+              data-label-plural="devices"
+            >
+            </canvas>
+          </.async_result>
+        </div>
+      </div>
+    </div>
+
+    <div class="col-span-2 row-span-2 flex flex-col rounded border border-zinc-700 bg-zinc-900 shadow-device-details-content">
+      <div class="h-14 pl-4 pr-3 flex items-center justify-between">
+        <div class="text-neutral-50 font-medium leading-6">Health Summary</div>
+      </div>
+      <div class="h-full w-full pl-4 pr-3 flex items-center justify-center">
+        <div class="pt-6 text-nerves-gray-500 font-light leading-6">More data coming soon</div>
+      </div>
+    </div>
+
+    <div class="flex flex-col rounded border border-zinc-700 bg-zinc-900 shadow-device-details-content pt-4">
+      <div class="pl-4 pr-3 flex items-center justify-between">
+        <div class="text-nerves-gray-500 text-sm font-normal leading-6">Not seen recently</div>
+        <div id="reconnections-tooltip" phx-hook="ToolTip" data-placement="top">
+          <svg class="w-5 h-5 stroke-nerves-gray-500" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M10 12.5V10M10 7.5V7.49167M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
+              stroke-width="1.2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <div class="tooltip-content w-max absolute top-0 left-0 z-20 text-xs px-2 py-1.5 rounded border border-[#3F3F46] bg-base-900 hidden">
+            Devices which haven't connected in the last 24 hours.
+            <div class="tooltip-arrow absolute w-2 h-2 border-[#3F3F46] bg-base-900 origin-center rotate-45"></div>
+          </div>
+        </div>
+      </div>
+      <div class="grow flex pt-2 px-4 pb-4 gap-2 items-center text-3xl text-neutral-50">
+        <.async_result :let={count} assign={@not_recently_seen_count}>
+          <:loading><span class="animate-pulse text-nerves-gray-500 text-2xl">Loading ...</span></:loading>
+          <:failed :let={_failure}>Opps!</:failed>
+          {count}
+        </.async_result>
+      </div>
+      <div class="px-4 py-3 text-xs border-t border-zinc-700">
+        <.link
+          class="text-xs font-normal text-zinc-400 underline underline-offset-4 decoration-dotted hover:text-neutral-50"
+          navigate={~p"/org/#{@org.name}/#{@product.name}/devices?filter=not_recently_seen"}
+        >
+          View Devices
+        </.link>
+      </div>
+    </div>
+
+    <div class="flex flex-col rounded border border-zinc-700 bg-zinc-900 shadow-device-details-content pt-4">
+      <div class="pl-4 pr-3 flex items-center justify-between">
+        <div class="text-nerves-gray-500 text-sm font-normal leading-6">Unstable Connections</div>
+        <div id="flapping-connections-tooltip" phx-hook="ToolTip" data-placement="top">
+          <svg class="w-5 h-5 stroke-nerves-gray-500" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M10 12.5V10M10 7.5V7.49167M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
+              stroke-width="1.2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <div class="tooltip-content w-max absolute top-0 left-0 z-20 text-xs px-2 py-1.5 rounded border border-[#3F3F46] bg-base-900 hidden">
+            Over 5 disconnections in the last 24 hours.
+            <div class="tooltip-arrow absolute w-2 h-2 border-[#3F3F46] bg-base-900 origin-center rotate-45"></div>
+          </div>
+        </div>
+      </div>
+      <div class="grow flex pt-2 px-4 pb-4 gap-2 items-center text-3xl text-neutral-50">
+        <.async_result :let={count} assign={@high_reconnect_count}>
+          <:loading><span class="animate-pulse text-nerves-gray-500 text-2xl">Loading ...</span></:loading>
+          <:failed :let={_failure}>Opps!</:failed>
+          {count}
+        </.async_result>
+      </div>
+      <div class="px-4 py-3 text-xs border-t border-zinc-700">
+        <.link
+          class="text-xs font-normal text-zinc-400 underline underline-offset-4 decoration-dotted hover:text-neutral-50"
+          navigate={~p"/org/#{@org.name}/#{@product.name}/devices?filter=unstable_connections"}
+        >
+          View Devices
+        </.link>
+      </div>
+    </div>
+
+    <div class="flex flex-col rounded border border-zinc-700 bg-zinc-900 shadow-device-details-content pt-4">
+      <div class="pl-4 pr-3 flex items-center justify-between">
+        <div class="text-nerves-gray-500 text-sm font-normal leading-6">Active Firmware Versions</div>
+        <div id="active-firmwares-tooltip" phx-hook="ToolTip" data-placement="top">
+          <svg class="w-5 h-5 stroke-nerves-gray-500" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path
+              d="M10 12.5V10M10 7.5V7.49167M17.5 10C17.5 14.1421 14.1421 17.5 10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10Z"
+              stroke-width="1.2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+          <div class="tooltip-content w-max absolute top-0 left-0 z-20 text-xs px-2 py-1.5 rounded border border-[#3F3F46] bg-base-900 hidden">
+            Unique firmware versions installed on devices.
+            <div class="tooltip-arrow absolute w-2 h-2 border-[#3F3F46] bg-base-900 origin-center rotate-45"></div>
+          </div>
+        </div>
+      </div>
+      <div class="flex pt-2 px-4 pb-2 gap-2 items-center text-3xl text-neutral-50">
+        <.async_result :let={count} assign={@active_firmware_versions_count}>
+          <:loading><span class="animate-pulse text-nerves-gray-500 text-2xl">Loading ...</span></:loading>
+          <:failed :let={_failure}>Opps!</:failed>
+          {count}
+        </.async_result>
+      </div>
+      <div class="grow px-4 pb-4 text-xs font-normal text-zinc-400">
+        <.async_result :let={unknown_count} assign={@unknown_active_firmware_versions_count}>
+          <:loading>Loading ...</:loading>
+          <:failed :let={_failure}>Opps!</:failed>
+          <div :if={unknown_count > 0}>
+            Including <span class="text-neutral-50">{unknown_count}</span> unknown firmware version{if(unknown_count > 1, do: "s")}.
+          </div>
+        </.async_result>
+      </div>
+      <div class="px-4 py-3 text-xs border-t border-zinc-700">
+        <.link
+          class="text-xs font-normal text-zinc-400 underline underline-offset-4 decoration-dotted hover:text-neutral-50"
+          navigate={~p"/org/#{@org.name}/#{@product.name}/firmware?filter=active_firmware"}
+        >
+          View Firmware
+        </.link>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/lib/nerves_hub_web/router.ex b/lib/nerves_hub_web/router.ex
index 1d6fe1b90..34dcd9277 100644
--- a/lib/nerves_hub_web/router.ex
+++ b/lib/nerves_hub_web/router.ex
@@ -332,6 +332,8 @@ defmodule NervesHubWeb.Router do
       ] do
       live("/org/:org_name/:product_name/dashboard", Live.Dashboard.Index)
 
+      live("/org/:org_name/:product_name/insights", Live.Product.Insights)
+
       live("/org/:org_name/:product_name/devices", Live.Devices.Index)
       live("/org/:org_name/:product_name/devices/new", Live.Devices.New)
       live("/org/:org_name/:product_name/devices/:device_identifier", Live.Devices.Show, :details)