<%= if @paused do %> Paused - {length(@activity_log)} events captured <% else %> Monitoring all tables in real-time <% end %>

<%= if Enum.empty?(@activity_log) do %>

<.icon name="hero-signal" class="w-12 h-12 mx-auto mb-4 opacity-30" />

Waiting for database activity...

INSERT, UPDATE, and DELETE operations will appear here in real-time

<% else %>

<%= for entry <- @activity_log do %>

<%!-- Header row --%>

{entry.operation} <.link navigate={ PhoenixKit.Utils.Routes.path("/admin/db/#{entry.schema}/#{entry.table}") } class="font-mono text-sm link link-hover" > {entry.schema}.{entry.table} <%= if entry.row_id do %> id: {entry.row_id} <% end %> {Calendar.strftime(entry.timestamp, "%Y-%m-%d %H:%M:%S")}

<%!-- Row data --%> <%= if entry.row_data do %>

<%= for {key, value} <- entry.row_data |> Enum.sort_by(fn {k, _} -> k end) do %> <% end %>

{key} <%= if key_new?(entry, key) do %> new <% end %> <%= if key_changed?(entry, key) do %> changed <% end %>

<%= cond do %> <% is_nil(value) -> %> null <% is_map(value) or is_list(value) -> %>

{if is_map(value), do: "{ ... }", else: "[ ... ]"}

{format_value(value)}

<% is_binary(value) and byte_size(value) > 100 -> %>

{String.slice(value, 0, 100)}...

{value}

<% true -> %> {inspect(value)} <% end %>

<% else %> <%= if entry.operation == "DELETE" do %>

Row deleted (data not available)

<% else %>

Row data not available <%= if is_nil(entry.row_id) do %> (table may not have an 'id' column) <% end %>

<% end %> <% end %>

<% end %>

Live Database Activity