From baeabae586eb7c1a183426b38ce81cf3e827bdcd Mon Sep 17 00:00:00 2001
From: Esdras Eduardo <esdrasedu@gmail.com>
Date: Wed, 11 Dec 2024 16:25:36 +0800
Subject: [PATCH] feat(Calculations): Able to show calculations

---
 dev/resources/accounts/calculations/concat.ex |  30 +++
 dev/resources/accounts/resources/user.ex      |  25 ++-
 lib/ash_admin/components/core_components.ex   |  56 +++---
 lib/ash_admin/components/layouts.ex           |   4 +-
 .../components/resource/data_table.ex         |  34 ++--
 lib/ash_admin/components/resource/form.ex     | 113 ++++++-----
 .../components/resource/generic_action.ex     |  24 +--
 .../components/resource/metadata_table.ex     |  22 +--
 lib/ash_admin/components/resource/nav.ex      |   2 +-
 .../resource/sensitive_attribute.ex           |   2 +-
 lib/ash_admin/components/resource/show.ex     | 183 +++++++++++++++---
 lib/ash_admin/components/resource/table.ex    |   8 +-
 .../components/top_nav/actor_select.ex        |   8 +-
 .../components/top_nav/drawer_dropdown.ex     |   4 +-
 lib/ash_admin/components/top_nav/dropdown.ex  |   6 +-
 .../components/top_nav/tenant_form.ex         |   2 +-
 lib/ash_admin/resource/resource.ex            |  17 ++
 17 files changed, 376 insertions(+), 164 deletions(-)
 create mode 100644 dev/resources/accounts/calculations/concat.ex

diff --git a/dev/resources/accounts/calculations/concat.ex b/dev/resources/accounts/calculations/concat.ex
new file mode 100644
index 00000000..f9e6cfde
--- /dev/null
+++ b/dev/resources/accounts/calculations/concat.ex
@@ -0,0 +1,30 @@
+defmodule Demo.Calculations.Concat do
+  use Ash.Resource.Calculation
+
+  @impl true
+  def init(opts) do
+    if opts[:keys] && is_list(opts[:keys]) && Enum.all?(opts[:keys], &is_atom/1) do
+      {:ok, opts}
+    else
+      {:error, "Expected a `keys` option for which keys to concat"}
+    end
+  end
+
+  @impl true
+  def load(_query, opts, _context) do
+    opts[:keys]
+  end
+
+  @impl true
+  def calculate(records, opts, %{arguments: %{separator: separator}}) when is_bitstring(separator) do
+    Enum.map(records, fn record ->
+      Enum.map_join(opts[:keys], separator, fn key ->
+        to_string(Map.get(record, key))
+      end)
+    end)
+  end
+
+  def calculate(_records, _opts, _context) do
+    {:error, "Argument separator invalid"}
+  end
+end
diff --git a/dev/resources/accounts/resources/user.ex b/dev/resources/accounts/resources/user.ex
index b2a52547..4bd1a9d1 100644
--- a/dev/resources/accounts/resources/user.ex
+++ b/dev/resources/accounts/resources/user.ex
@@ -20,6 +20,8 @@ defmodule Demo.Accounts.User do
     read_actions [:me, :read, :by_id, :by_name]
 
     table_columns [:id, :first_name, :last_name, :representative, :admin, :full_name, :api_key, :date_of_birth]
+
+    show_calculations [:multi_arguments, :full_name]
   end
 
   multitenancy do
@@ -82,7 +84,28 @@ defmodule Demo.Accounts.User do
   end
 
   calculations do
-    calculate :full_name, :string, expr(first_name <> " " <> last_name)
+    calculate :full_name, :string, {Demo.Calculations.Concat, keys: [:first_name, :last_name]} do
+      argument :separator, :string do
+        allow_nil? false
+        constraints [allow_empty?: true, trim?: false]
+        default " "
+      end
+    end
+
+    calculate :is_super_admin?, :boolean, expr(admin && representative)
+
+    calculate :multi_arguments, :string, expr("Arg1: " <> ^arg(:arg1) <> ", Arg2: " <> (if ^arg(:arg2), do: "Yes", else: "No") <> ", Arg3: " <> ^arg(:arg3)) do
+      argument :arg1, :string do
+        allow_nil? false
+        constraints [allow_empty?: false]
+      end
+
+      argument :arg2, :boolean
+
+      argument :arg3, :float do
+        allow_nil? true
+      end
+    end
   end
 
   attributes do
diff --git a/lib/ash_admin/components/core_components.ex b/lib/ash_admin/components/core_components.ex
index 1f37a145..5628854e 100644
--- a/lib/ash_admin/components/core_components.ex
+++ b/lib/ash_admin/components/core_components.ex
@@ -79,7 +79,7 @@ defmodule AshAdmin.CoreComponents do
                 </button>
               </div>
               <div id={"#{@id}-content"}>
-                <%= render_slot(@inner_block) %>
+                {render_slot(@inner_block)}
               </div>
             </.focus_wrap>
           </div>
@@ -122,9 +122,9 @@ defmodule AshAdmin.CoreComponents do
       <p :if={@title} class="flex items-center gap-1.5 text-sm font-semibold leading-6">
         <.icon :if={@kind == :info} name="hero-information-circle-mini" class="h-4 w-4" />
         <.icon :if={@kind == :error} name="hero-exclamation-circle-mini" class="h-4 w-4" />
-        <%= @title %>
+        {@title}
       </p>
-      <p class="mt-2 text-sm leading-5"><%= msg %></p>
+      <p class="mt-2 text-sm leading-5">{msg}</p>
       <button type="button" class="group absolute top-1 right-1 p-2" aria-label={gettext("close")}>
         <.icon name="hero-x-mark-solid" class="h-5 w-5 opacity-40 group-hover:opacity-70" />
       </button>
@@ -197,9 +197,9 @@ defmodule AshAdmin.CoreComponents do
     ~H"""
     <.form :let={f} for={@for} as={@as} {@rest}>
       <div class="mt-10 space-y-8 bg-white">
-        <%= render_slot(@inner_block, f) %>
+        {render_slot(@inner_block, f)}
         <div :for={action <- @actions} class="mt-2 flex items-center justify-between gap-6">
-          <%= render_slot(action, f) %>
+          {render_slot(action, f)}
         </div>
       </div>
     </.form>
@@ -231,7 +231,7 @@ defmodule AshAdmin.CoreComponents do
       ]}
       {@rest}
     >
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </button>
     """
   end
@@ -312,9 +312,9 @@ defmodule AshAdmin.CoreComponents do
           class="rounded border-zinc-300 text-zinc-900 focus:ring-0"
           {@rest}
         />
-        <%= @label %>
+        {@label}
       </label>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -322,7 +322,7 @@ defmodule AshAdmin.CoreComponents do
   def input(%{type: "select"} = assigns) do
     ~H"""
     <div phx-feedback-for={@name}>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <select
         id={@id}
         name={@name}
@@ -330,10 +330,10 @@ defmodule AshAdmin.CoreComponents do
         multiple={@multiple}
         {@rest}
       >
-        <option :if={@prompt} value=""><%= @prompt %></option>
-        <%= Phoenix.HTML.Form.options_for_select(@options, @value) %>
+        <option :if={@prompt} value="">{@prompt}</option>
+        {Phoenix.HTML.Form.options_for_select(@options, @value)}
       </select>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -341,7 +341,7 @@ defmodule AshAdmin.CoreComponents do
   def input(%{type: "textarea"} = assigns) do
     ~H"""
     <div phx-feedback-for={@name}>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <textarea
         id={@id}
         name={@name}
@@ -353,7 +353,7 @@ defmodule AshAdmin.CoreComponents do
         ]}
         {@rest}
       ><%= Phoenix.HTML.Form.normalize_value("textarea", @value) %></textarea>
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -362,7 +362,7 @@ defmodule AshAdmin.CoreComponents do
   def input(assigns) do
     ~H"""
     <div phx-feedback-for={@name}>
-      <.label for={@id}><%= @label %></.label>
+      <.label for={@id}>{@label}</.label>
       <input
         type={@type}
         name={@name}
@@ -376,7 +376,7 @@ defmodule AshAdmin.CoreComponents do
         ]}
         {@rest}
       />
-      <.error :for={msg <- @errors}><%= msg %></.error>
+      <.error :for={msg <- @errors}>{msg}</.error>
     </div>
     """
   end
@@ -390,7 +390,7 @@ defmodule AshAdmin.CoreComponents do
   def label(assigns) do
     ~H"""
     <label for={@for} class="block text-sm font-semibold leading-6 text-zinc-800">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </label>
     """
   end
@@ -404,7 +404,7 @@ defmodule AshAdmin.CoreComponents do
     ~H"""
     <p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600 phx-no-feedback:hidden">
       <.icon name="hero-exclamation-circle-mini" class="mt-0.5 h-5 w-5 flex-none" />
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </p>
     """
   end
@@ -423,13 +423,13 @@ defmodule AshAdmin.CoreComponents do
     <header class={[@actions != [] && "flex items-center justify-between gap-6", @class]}>
       <div>
         <h1 class="text-lg font-semibold leading-8 text-zinc-800">
-          <%= render_slot(@inner_block) %>
+          {render_slot(@inner_block)}
         </h1>
         <p :if={@subtitle != []} class="mt-2 text-sm leading-6 text-zinc-600">
-          <%= render_slot(@subtitle) %>
+          {render_slot(@subtitle)}
         </p>
       </div>
-      <div class="flex-none"><%= render_slot(@actions) %></div>
+      <div class="flex-none">{render_slot(@actions)}</div>
     </header>
     """
   end
@@ -470,8 +470,8 @@ defmodule AshAdmin.CoreComponents do
       <table class="w-[40rem] mt-11 sm:w-full">
         <thead class="text-sm text-left leading-6 text-zinc-500">
           <tr>
-            <th :for={col <- @col} class="p-0 pr-6 pb-4 font-normal"><%= col[:label] %></th>
-            <th class="relative p-0 pb-4"><span class="sr-only"><%= gettext("Actions") %></span></th>
+            <th :for={col <- @col} class="p-0 pr-6 pb-4 font-normal">{col[:label]}</th>
+            <th class="relative p-0 pb-4"><span class="sr-only">{gettext("Actions")}</span></th>
           </tr>
         </thead>
         <tbody
@@ -488,7 +488,7 @@ defmodule AshAdmin.CoreComponents do
               <div class="block py-4 pr-6">
                 <span class="absolute -inset-y-px right-0 -left-4 group-hover:bg-zinc-50 sm:rounded-l-xl" />
                 <span class={["relative", i == 0 && "font-semibold text-zinc-900"]}>
-                  <%= render_slot(col, @row_item.(row)) %>
+                  {render_slot(col, @row_item.(row))}
                 </span>
               </div>
             </td>
@@ -499,7 +499,7 @@ defmodule AshAdmin.CoreComponents do
                   :for={action <- @action}
                   class="relative ml-4 font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
                 >
-                  <%= render_slot(action, @row_item.(row)) %>
+                  {render_slot(action, @row_item.(row))}
                 </span>
               </div>
             </td>
@@ -529,8 +529,8 @@ defmodule AshAdmin.CoreComponents do
     <div class="mt-14">
       <dl class="-my-4 divide-y divide-zinc-100">
         <div :for={item <- @item} class="flex gap-4 py-4 text-sm leading-6 sm:gap-8">
-          <dt class="w-1/4 flex-none text-zinc-500"><%= item.title %></dt>
-          <dd class="text-zinc-700"><%= render_slot(item) %></dd>
+          <dt class="w-1/4 flex-none text-zinc-500">{item.title}</dt>
+          <dd class="text-zinc-700">{render_slot(item)}</dd>
         </div>
       </dl>
     </div>
@@ -555,7 +555,7 @@ defmodule AshAdmin.CoreComponents do
         class="text-sm font-semibold leading-6 text-zinc-900 hover:text-zinc-700"
       >
         <.icon name="hero-arrow-left-solid" class="h-3 w-3" />
-        <%= render_slot(@inner_block) %>
+        {render_slot(@inner_block)}
       </.link>
     </div>
     """
diff --git a/lib/ash_admin/components/layouts.ex b/lib/ash_admin/components/layouts.ex
index 16ea7dd9..f01dfa1d 100644
--- a/lib/ash_admin/components/layouts.ex
+++ b/lib/ash_admin/components/layouts.ex
@@ -24,7 +24,7 @@ defmodule AshAdmin.Layouts do
         <meta http-equiv="X-UA-Compatible" content="IE=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
         <meta name="csrf-token" content={get_csrf_token()} />
-        <title><%= assigns[:page_title] || "Ash Admin" %></title>
+        <title>{assigns[:page_title] || "Ash Admin"}</title>
         <style nonce={csp_nonce(@conn, :style)}>
           <%= raw(render("app.css", %{})) %>
         </style>
@@ -48,7 +48,7 @@ defmodule AshAdmin.Layouts do
         </script>
       </head>
       <body>
-        <%= @inner_content %>
+        {@inner_content}
       </body>
       <script nonce={csp_nonce(@conn, :script)}>
         <%= raw(render("app.js", %{})) %>
diff --git a/lib/ash_admin/components/resource/data_table.ex b/lib/ash_admin/components/resource/data_table.ex
index 4953316b..225e9488 100644
--- a/lib/ash_admin/components/resource/data_table.ex
+++ b/lib/ash_admin/components/resource/data_table.ex
@@ -43,20 +43,20 @@ defmodule AshAdmin.Components.Resource.DataTable do
                     <ul>
                       <li :for={{field, message} <- all_errors(form)}>
                         <span :if={field}>
-                          <%= field %>:
+                          {field}:
                         </span>
                         <span>
-                          <%= message %>
+                          {message}
                         </span>
                       </li>
                     </ul>
                   </div>
-                  <%= AshAdmin.Components.Resource.Form.render_attributes(
+                  {AshAdmin.Components.Resource.Form.render_attributes(
                     assigns,
                     @resource,
                     @action,
                     form
-                  ) %>
+                  )}
                   <div class="px-4 py-3 text-right sm:px-6">
                     <button
                       type="submit"
@@ -93,13 +93,13 @@ defmodule AshAdmin.Components.Resource.DataTable do
               <ul>
                 <%= for {path, error} <- AshPhoenix.Form.errors(@query, for_path: :all) do %>
                   <%= for {field, message} <- error do %>
-                    <li><%= Enum.join(path ++ [field], ".") %>: <%= message %></li>
+                    <li>{Enum.join(path ++ [field], ".")}: {message}</li>
                   <% end %>
                 <% end %>
               </ul>
             </div>
             <div class="px-2">
-              <%= render_pagination_links(assigns, :top) %>
+              {render_pagination_links(assigns, :top)}
 
               <div :if={@thousand_records_warning && !@action.get? && match?({:ok, _}, @data)}>
                 Only showing up to 1000 rows. To show more, enable
@@ -118,7 +118,7 @@ defmodule AshAdmin.Components.Resource.DataTable do
                 prefix={@prefix}
                 actor={@actor}
               />
-              <%= render_pagination_links(assigns, :bottom) %>
+              {render_pagination_links(assigns, :bottom)}
             </div>
           </div>
         </div>
@@ -433,7 +433,7 @@ defmodule AshAdmin.Components.Resource.DataTable do
           >
             Previous
           </button>
-          <%= render_pagination_information(assigns, true) %>
+          {render_pagination_information(assigns, true)}
           <button
             :if={next_page?(@data)}
             phx-click="next_page"
@@ -445,7 +445,7 @@ defmodule AshAdmin.Components.Resource.DataTable do
         </div>
         <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
           <div>
-            <%= render_pagination_information(assigns) %>
+            {render_pagination_information(assigns)}
           </div>
           <div>
             <nav
@@ -475,9 +475,9 @@ defmodule AshAdmin.Components.Resource.DataTable do
                 </svg>
               </button>
               <span :if={offset?(@data)}>
-                <%= render_page_links(assigns, leading_page_nums(@data)) %>
-                <%= render_middle_page_num(assigns, @page_num, trailing_page_nums(@data)) %>
-                <%= render_page_links(assigns, trailing_page_nums(@data)) %>
+                {render_page_links(assigns, leading_page_nums(@data))}
+                {render_middle_page_num(assigns, @page_num, trailing_page_nums(@data))}
+                {render_page_links(assigns, trailing_page_nums(@data))}
               </span>
               <button
                 :if={next_page?(@data)}
@@ -525,7 +525,7 @@ defmodule AshAdmin.Components.Resource.DataTable do
         ])
       }
     >
-      <%= i %>
+      {i}
     </button>
     """
   end
@@ -536,14 +536,14 @@ defmodule AshAdmin.Components.Resource.DataTable do
     ~H"""
     <p class={classes(["text-sm text-gray-700", "sm:hidden": @small])}>
       <span :if={offset?(@data)}>
-        Showing <span class="font-medium"><%= first(@data) %></span>
-        to <span class="font-medium"><%= last(@data) %></span>
+        Showing <span class="font-medium">{first(@data)}</span>
+        to <span class="font-medium">{last(@data)}</span>
         <%= if count(@data) do %>
           of
         <% end %>
       </span>
       <span :if={count(@data)}>
-        <span class="font-medium"><%= count(@data) %></span> results
+        <span class="font-medium">{count(@data)}</span> results
       </span>
     </p>
     """
@@ -598,7 +598,7 @@ defmodule AshAdmin.Components.Resource.DataTable do
         ...
       </span>
       <span :if={!@ellipsis}>
-        <%= @num %>
+        {@num}
       </span>
     </span>
     """
diff --git a/lib/ash_admin/components/resource/form.ex b/lib/ash_admin/components/resource/form.ex
index cc623ad5..d772fcb7 100644
--- a/lib/ash_admin/components/resource/form.ex
+++ b/lib/ash_admin/components/resource/form.ex
@@ -43,19 +43,19 @@ defmodule AshAdmin.Components.Resource.Form do
     <div class="md:pt-10 sm:mt-0 bg-gray-300 min-h-screen">
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          <%= render_form(assigns) %>
+          {render_form(assigns)}
         </div>
       </div>
 
       <div :if={@type != :create} class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          <%= AshAdmin.Components.Resource.Show.render_show(
+          {AshAdmin.Components.Resource.Show.render_show(
             assigns,
             @record,
             @resource,
             "Original Record",
             false
-          ) %>
+          )}
         </div>
       </div>
     </div>
@@ -87,16 +87,16 @@ defmodule AshAdmin.Components.Resource.Form do
         <ul>
           <li :for={{field, message} <- all_errors(@form)}>
             <span :if={field}>
-              <%= field %>:
+              {field}:
             </span>
             <span>
-              <%= message %>
+              {message}
             </span>
           </li>
         </ul>
       </div>
       <h1 class="text-lg mt-2 ml-4">
-        <%= String.capitalize(to_string(@action.type)) %> <%= AshAdmin.Resource.name(@resource) %>
+        {String.capitalize(to_string(@action.type))} {AshAdmin.Resource.name(@resource)}
       </h1>
       <div class="flex justify-between col-span-6 mr-4 mt-2 overflow-auto px-4">
         <AshAdmin.Components.Resource.SelectTable.table
@@ -142,13 +142,13 @@ defmodule AshAdmin.Components.Resource.Form do
             value={elem(kv, 1)}
             type="hidden"
           />
-          <%= render_attributes(assigns, @resource, @action, form) %>
+          {render_attributes(assigns, @resource, @action, form)}
           <div class="px-4 py-3 text-right sm:px-6">
             <button
               type="submit"
               class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
             >
-              <%= save_button_text(@type) %>
+              {save_button_text(@type)}
             </button>
           </div>
         </.form>
@@ -197,14 +197,14 @@ defmodule AshAdmin.Components.Resource.Form do
             class="block text-sm font-medium text-gray-700"
             for={@form.name <> "[#{attribute.name}]"}
           >
-            <%= to_name(attribute.name) %>
+            {to_name(attribute.name)}
           </label>
-          <%= render_attribute_input(assigns, attribute, @form) %>
+          {render_attribute_input(assigns, attribute, @form)}
           <.error_tag
             :for={{error, vars} <- Keyword.get_values(@form.errors || [], attribute.name)}
             :if={!Ash.Type.embedded_type?(attribute.type)}
           >
-            <%= replace_vars(error, vars) %>
+            {replace_vars(error, vars)}
           </.error_tag>
         </div>
       </div>
@@ -229,14 +229,14 @@ defmodule AshAdmin.Components.Resource.Form do
           class="block text-sm font-medium text-gray-700"
           for={@form.name <> "[#{attribute.name}]"}
         >
-          <%= to_name(attribute.name) %>
+          {to_name(attribute.name)}
         </label>
-        <%= render_attribute_input(assigns, attribute, @form) %>
+        {render_attribute_input(assigns, attribute, @form)}
         <.error_tag
           :for={{error, vars} <- Keyword.get_values(@form.errors || [], attribute.name)}
           :if={!Ash.Type.embedded_type?(attribute.type)}
         >
-          <%= replace_vars(error, vars) %>
+          {replace_vars(error, vars)}
         </.error_tag>
       </div>
     </div>
@@ -261,14 +261,14 @@ defmodule AshAdmin.Components.Resource.Form do
           class="block text-sm font-medium text-gray-700"
           for={@form.name <> "[#{attribute.name}]"}
         >
-          <%= to_name(attribute.name) %>
+          {to_name(attribute.name)}
         </label>
-        <%= render_attribute_input(assigns, attribute, @form) %>
+        {render_attribute_input(assigns, attribute, @form)}
         <.error_tag
           :for={{error, vars} <- Keyword.get_values(@form.errors || [], attribute.name)}
           :if={!Ash.Type.embedded_type?(attribute.type)}
         >
-          <%= replace_vars(error, vars) %>
+          {replace_vars(error, vars)}
         </.error_tag>
       </div>
     </div>
@@ -278,15 +278,15 @@ defmodule AshAdmin.Components.Resource.Form do
           class="block text-sm font-medium text-gray-700"
           for={@form.name <> "[#{argument.name}]"}
         >
-          <%= to_name(argument.name) %>
+          {to_name(argument.name)}
         </label>
-        <%= render_relationship_input(
+        {render_relationship_input(
           assigns,
           Ash.Resource.Info.relationship(@form.source.resource, relationship),
           @form,
           argument,
           opts
-        ) %>
+        )}
       <% end %>
     </div>
     """
@@ -296,7 +296,7 @@ defmodule AshAdmin.Components.Resource.Form do
   def error_tag(assigns) do
     ~H"""
     <p class="mt-3 flex gap-3 text-sm leading-6 text-rose-600 phx-no-feedback:hidden">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </p>
     """
   end
@@ -362,10 +362,10 @@ defmodule AshAdmin.Components.Resource.Form do
           <ul>
             <li :for={{field, message} <- AshPhoenix.Form.errors(inner_form.source)}>
               <span :if={field}>
-                <%= to_name(field) %>:
+                {to_name(field)}:
               </span>
               <span>
-                <%= message %>
+                {message}
               </span>
             </li>
           </ul>
@@ -386,24 +386,24 @@ defmodule AshAdmin.Components.Resource.Form do
               value={elem(kv, 1)}
               type="hidden"
             />
-            <%= render_attributes(
+            {render_attributes(
               assigns,
               @relationship.through,
               join_action(@relationship.through, join_form, inner_form.source.form_keys[:_join]),
               join_form,
               @exactly_fields || inner_form.source.form_keys[:_join][:create_fields],
               skip_through_related(@exactly_fields, @relationship)
-            ) %>
+            )}
           </.inputs_for>
         <% end %>
-        <%= render_attributes(
+        {render_attributes(
           assigns,
           inner_form.source.resource,
           inner_form.source.source.action,
           inner_form,
           @exactly_fields || relationship_fields(inner_form),
           skip_related(@exactly_fields, @relationship)
-        ) %>
+        )}
 
         <button
           :if={can_remove_related?(inner_form, @opts)}
@@ -467,10 +467,10 @@ defmodule AshAdmin.Components.Resource.Form do
         Load
       </button>
       <div :if={is_exception(@load_errors[@relationship.name])}>
-        <%= Exception.message(@load_errors[@relationship.name]) %>
+        {Exception.message(@load_errors[@relationship.name])}
       </div>
       <div :if={@load_errors[@relationship.name] && !is_exception(@load_errors[@relationship.name])}>
-        <%= inspect(@load_errors[@relationship.name]) %>
+        {inspect(@load_errors[@relationship.name])}
       </div>
     </div>
     """
@@ -759,7 +759,7 @@ defmodule AshAdmin.Components.Resource.Form do
           prompt={allow_nil_option(@attribute, @value)}
           name={@name || @form.name <> "[#{@attribute.name}]"}
         />
-      <% markdown?(@form.source.resource, @attribute) -> %>
+      <% markdown?(@resource, @attribute) -> %>
         <div
           phx-hook="MarkdownEditor"
           id={if @id, do: @id <> "_container", else: @form.id <> "_#{@attribute.name}_container"}
@@ -773,7 +773,7 @@ defmodule AshAdmin.Components.Resource.Form do
             name={@name || @form.name <> "[#{@attribute.name}]"}
           ><%= value(@value, @form, @attribute) || "" %></textarea>
         </div>
-      <% long_text?(@form.source.resource, @attribute) -> %>
+      <% long_text?(@resource, @attribute) -> %>
         <textarea
           id={@id || @form.id <> "_#{@attribute.name}"}
           name={@name || @form.name <> "[#{@attribute.name}]"}
@@ -782,9 +782,9 @@ defmodule AshAdmin.Components.Resource.Form do
           data-attrs="style"
           placeholder={placeholder(@default)}
         ><%= value(@value, @form, @attribute) %></textarea>
-      <% short_text?(@form.source.resource, @attribute) -> %>
+      <% short_text?(@resource, @attribute) -> %>
         <.input
-          type={text_input_type(@form.source.resource, @attribute)}
+          type={text_input_type(@resource, @attribute)}
           id={@id || @form.id <> "_#{@attribute.name}"}
           value={value(@value, @form, @attribute)}
           class="mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"
@@ -793,7 +793,7 @@ defmodule AshAdmin.Components.Resource.Form do
         />
       <% true -> %>
         <.input
-          type={text_input_type(@form.source.resource, @attribute)}
+          type={text_input_type(@resource, @attribute)}
           placeholder={placeholder(@default)}
           id={@id || @form.id <> "_#{@attribute.name}"}
           value={value(@value, @form, @attribute)}
@@ -980,7 +980,7 @@ defmodule AshAdmin.Components.Resource.Form do
           options={@possible_types}
           field={@form[:_union_type]}
         />
-        <%= render_attribute_input(
+        {render_attribute_input(
           assigns,
           %{@attribute | type: @actual_union_type, constraints: @actual_union_constraints},
           @form,
@@ -988,7 +988,7 @@ defmodule AshAdmin.Components.Resource.Form do
           @name,
           @id,
           @actual_union_type_name
-        ) %>
+        )}
       </div>
     </div>
     """
@@ -1014,7 +1014,7 @@ defmodule AshAdmin.Components.Resource.Form do
       ~H"""
       <%= cond do %>
         <% match?({:array, {:array, _}}, @attribute.type) -> %>
-          <%= render_fallback_attribute(assigns, @form, @attribute, @value, @name, @id, @union_type) %>
+          {render_fallback_attribute(assigns, @form, @attribute, @value, @name, @id, @union_type)}
         <% match?({:array, _}, @attribute.type) && Ash.Type.embedded_type?(@attribute.type) -> %>
           <.inputs_for :let={inner_form} field={@form[@attribute.name]}>
             <.input
@@ -1033,7 +1033,7 @@ defmodule AshAdmin.Components.Resource.Form do
               <.icon name="hero-minus" class="h-4 w-4 text-gray-500" />
             </button>
 
-            <%= render_attributes(
+            {render_attributes(
               assigns,
               inner_form.source.resource,
               inner_form.source.source.action,
@@ -1042,7 +1042,7 @@ defmodule AshAdmin.Components.Resource.Form do
                 | id: nested_form_id(@id, @form.id, @attribute.name, inner_form),
                   name: nested_form_name(@name, @form.name, @attribute.name, inner_form)
               }
-            ) %>
+            )}
           </.inputs_for>
           <button
             :if={can_append_embed?(@form.source, @attribute.name, @attribute.type)}
@@ -1074,7 +1074,7 @@ defmodule AshAdmin.Components.Resource.Form do
               <.icon name="hero-minus" class="h-4 w-4 text-gray-500" />
             </button>
 
-            <%= render_attributes(
+            {render_attributes(
               assigns,
               inner_form.source.resource,
               inner_form.source.source.action,
@@ -1083,7 +1083,7 @@ defmodule AshAdmin.Components.Resource.Form do
                 | id: @id || @form.id <> "_#{@attribute.name}",
                   name: @name || @form.name <> "[#{@attribute.name}]"
               }
-            ) %>
+            )}
           <% end %>
           <button
             :if={can_append_embed?(@form.source, @attribute.name, @attribute.type)}
@@ -1105,7 +1105,7 @@ defmodule AshAdmin.Components.Resource.Form do
             value={elem(kv, 1)}
             type="hidden"
           />
-          <%= render_attributes(
+          {render_attributes(
             assigns,
             inner_form.source.resource,
             inner_form.source.source.action,
@@ -1114,7 +1114,7 @@ defmodule AshAdmin.Components.Resource.Form do
               | id: @id || @form.id <> "_#{@attribute.name}",
                 name: @name || @form.name <> "[#{@attribute.name}]"
             }
-          ) %>
+          )}
         <% Ash.Type.embedded_type?(@attribute.type) -> %>
           <.inputs_for :let={inner_form} field={@form[@attribute.name]}>
             <.input
@@ -1133,7 +1133,7 @@ defmodule AshAdmin.Components.Resource.Form do
               <.icon name="hero-minus" class="h-4 w-4 text-gray-500" />
             </button>
 
-            <%= render_attributes(
+            {render_attributes(
               assigns,
               inner_form.source.resource,
               inner_form.source.source.action,
@@ -1142,7 +1142,7 @@ defmodule AshAdmin.Components.Resource.Form do
                 | id: @id || @form.id <> "_#{@attribute.name}",
                   name: @name || @form.name <> "[#{@attribute.name}]"
               }
-            ) %>
+            )}
           </.inputs_for>
           <button
             :if={can_append_embed?(@form.source, @attribute.name, @attribute.type)}
@@ -1166,7 +1166,7 @@ defmodule AshAdmin.Components.Resource.Form do
             name={@name || @form.name <> "[#{@attribute.name}]"}
           />
         <% true -> %>
-          <%= render_fallback_attribute(assigns, @form, @attribute, @value, @name, @id, @union_type) %>
+          {render_fallback_attribute(assigns, @form, @attribute, @value, @name, @id, @union_type)}
       <% end %>
       """
     end
@@ -1217,7 +1217,7 @@ defmodule AshAdmin.Components.Resource.Form do
         {this_value, index} <-
           Enum.with_index(list_value(@value || AshPhoenix.Form.value(@form.source, @attribute.name)))
       }>
-        <%= render_attribute_input(
+        {render_attribute_input(
           assigns,
           %{@attribute | type: @type, constraints: @attribute.constraints[:items] || []},
           @form,
@@ -1225,7 +1225,7 @@ defmodule AshAdmin.Components.Resource.Form do
           @name <> "[#{index}]",
           @id <> "_#{index}",
           @union_type
-        ) %>
+        )}
         <button
           type="button"
           phx-click="remove_value"
@@ -1374,8 +1374,17 @@ defmodule AshAdmin.Components.Resource.Form do
   defp value(%Ash.Union{value: value}, _form, _attribute, _) when not is_nil(value), do: value
   defp value(value, _form, _attribute, _) when not is_nil(value), do: value
 
-  defp value(_value, form, attribute, _default) do
-    case AshPhoenix.Form.value(form.source, attribute.name) do
+  defp value(
+         _value,
+         %{source: %AshPhoenix.FilterForm.Arguments{input: input}},
+         %{name: attribute_name},
+         _default
+       ) do
+    Map.get(input, attribute_name, nil)
+  end
+
+  defp value(_value, %{source: form}, attribute, _default) do
+    case AshPhoenix.Form.value(form, attribute.name) do
       %Ash.Union{value: value} -> value
       value -> value
     end
@@ -1835,6 +1844,10 @@ defmodule AshAdmin.Components.Resource.Form do
 
   def attributes(resource, action, exactly \\ nil)
 
+  def attributes(resource, %Ash.Resource.Calculation{arguments: arguments}, _exacly) do
+    sort_attributes(arguments, resource)
+  end
+
   def attributes(resource, %{type: :read, arguments: arguments}, exactly)
       when not is_nil(exactly) do
     resource
diff --git a/lib/ash_admin/components/resource/generic_action.ex b/lib/ash_admin/components/resource/generic_action.ex
index 7fe7770c..e9bcdf9b 100644
--- a/lib/ash_admin/components/resource/generic_action.ex
+++ b/lib/ash_admin/components/resource/generic_action.ex
@@ -32,20 +32,20 @@ defmodule AshAdmin.Components.Resource.GenericAction do
             <ul>
               <li :for={{field, message} <- all_errors(form)}>
                 <span :if={field}>
-                  <%= field %>:
+                  {field}:
                 </span>
                 <span>
-                  <%= message %>
+                  {message}
                 </span>
               </li>
             </ul>
           </div>
-          <%= AshAdmin.Components.Resource.Form.render_attributes(
+          {AshAdmin.Components.Resource.Form.render_attributes(
             assigns,
             @resource,
             @action,
             form
-          ) %>
+          )}
           <button
             type="submit"
             class="inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
@@ -71,20 +71,20 @@ defmodule AshAdmin.Components.Resource.GenericAction do
                   <ul>
                     <li :for={{field, message} <- all_errors(form)}>
                       <span :if={field}>
-                        <%= field %>:
+                        {field}:
                       </span>
                       <span>
-                        <%= message %>
+                        {message}
                       </span>
                     </li>
                   </ul>
                 </div>
-                <%= AshAdmin.Components.Resource.Form.render_attributes(
+                {AshAdmin.Components.Resource.Form.render_attributes(
                   assigns,
                   @resource,
                   @action,
                   form
-                ) %>
+                )}
                 <div class="px-4 py-3 text-right sm:px-6 my-auto">
                   <button
                     type="submit"
@@ -106,7 +106,7 @@ defmodule AshAdmin.Components.Resource.GenericAction do
         <% {:ok, result} -> %>
           <div class="shadow-lg overflow-auto sm:rounded-md bg-white mx-12 px-8">
             <h1>Success</h1>
-            <%= render_value(assigns, result, @action.returns, @action.constraints) %>
+            {render_value(assigns, result, @action.returns, @action.constraints)}
           </div>
         <% :error -> %>
           Action failed
@@ -126,7 +126,7 @@ defmodule AshAdmin.Components.Resource.GenericAction do
 
     ~H"""
     <%= for inner_value <- List.wrap(@value) do %>
-      <%= render_value(assigns, inner_value, @type, @constraints) %>
+      {render_value(assigns, inner_value, @type, @constraints)}
       <hr />
     <% end %>
     """
@@ -193,10 +193,10 @@ defmodule AshAdmin.Components.Resource.GenericAction do
       ~H"""
       <%= for {key, config} <- @constraints[:fields] do %>
         <div class="block text-sm font-medium text-gray-700">
-          <%= to_name(key) %>
+          {to_name(key)}
         </div>
         <div>
-          <%= render_value(assigns, get_key(@value, key), config[:type], config[:constraints]) %>
+          {render_value(assigns, get_key(@value, key), config[:type], config[:constraints])}
         </div>
       <% end %>
       """
diff --git a/lib/ash_admin/components/resource/metadata_table.ex b/lib/ash_admin/components/resource/metadata_table.ex
index 3628590d..644f35ba 100644
--- a/lib/ash_admin/components/resource/metadata_table.ex
+++ b/lib/ash_admin/components/resource/metadata_table.ex
@@ -29,13 +29,13 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
             class={classes("bg-gray-200": rem(index, 2) == 0)}
           >
             <.th scope="row">
-              <%= attribute.name %>
+              {attribute.name}
             </.th>
             <.td>
-              <%= attribute_type(attribute) %>
+              {attribute_type(attribute)}
             </.td>
             <.td class="max-w-sm min-w-sm text-gray-500">
-              <%= attribute.description %>
+              {attribute.description}
             </.td>
             <.td>
               <CoreComponents.icon
@@ -92,18 +92,18 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
             class={classes("bg-gray-200": rem(index, 2) == 0)}
           >
             <.th scope="row">
-              <%= relationship.name %>
+              {relationship.name}
             </.th>
             <.td>
-              <%= relationship.type %>
+              {relationship.type}
             </.td>
             <.td>
               <.link navigate={"#{@prefix}?domain=#{AshAdmin.Domain.name(@domain)}&resource=#{AshAdmin.Resource.name(relationship.destination)}"}>
-                <%= AshAdmin.Resource.name(relationship.destination) %>
+                {AshAdmin.Resource.name(relationship.destination)}
               </.link>
             </.td>
             <.td class="max-w-sm min-w-sm text-gray-500">
-              <%= relationship.description %>
+              {relationship.description}
             </.td>
           </tr>
         </tbody>
@@ -117,7 +117,7 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
   def h1(assigns) do
     ~H"""
     <h1 class="text-3xl rounded-t py-8">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </h1>
     """
   end
@@ -127,7 +127,7 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
   def table(assigns) do
     ~H"""
     <table class="table-auto w-full">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </table>
     """
   end
@@ -138,7 +138,7 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
   def th(assigns) do
     ~H"""
     <th scope={@scope} class="px-2 py-3 text-left text-sm font-semibold text-gray-900">
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </th>
     """
   end
@@ -149,7 +149,7 @@ defmodule AshAdmin.Components.Resource.MetadataTable do
   def td(assigns) do
     ~H"""
     <td class={classes(["px-2 py-3 text-left text-sm text-gray-900", @class])}>
-      <%= render_slot(@inner_block) %>
+      {render_slot(@inner_block)}
     </td>
     """
   end
diff --git a/lib/ash_admin/components/resource/nav.ex b/lib/ash_admin/components/resource/nav.ex
index 34392c8c..d3253fd1 100644
--- a/lib/ash_admin/components/resource/nav.ex
+++ b/lib/ash_admin/components/resource/nav.ex
@@ -19,7 +19,7 @@ defmodule AshAdmin.Components.Resource.Nav do
             <div class="flex-shrink-0">
               <h3 class="text-white text-lg">
                 <.link navigate={"#{@prefix}?domain=#{AshAdmin.Domain.name(@domain)}&resource=#{AshAdmin.Resource.name(@resource)}"}>
-                  <%= AshAdmin.Resource.name(@resource) %>
+                  {AshAdmin.Resource.name(@resource)}
                 </.link>
               </h3>
             </div>
diff --git a/lib/ash_admin/components/resource/sensitive_attribute.ex b/lib/ash_admin/components/resource/sensitive_attribute.ex
index dfc81066..278d445a 100644
--- a/lib/ash_admin/components/resource/sensitive_attribute.ex
+++ b/lib/ash_admin/components/resource/sensitive_attribute.ex
@@ -20,7 +20,7 @@ defmodule AshAdmin.Components.Resource.SensitiveAttribute do
         </span>
       </span>
       <span :if={@present? && @viewed}>
-        <%= render_slot(@inner_block) %>
+        {render_slot(@inner_block)}
         <span class="cursor-pointer" phx-click="toggle_sensitive_attribute" phx-target={@myself}>
           <.icon name="hero-eye-slash-solid" class="w-5 h-5 text-gray-500" />
         </span>
diff --git a/lib/ash_admin/components/resource/show.ex b/lib/ash_admin/components/resource/show.ex
index 53196fa7..dc2e1861 100644
--- a/lib/ash_admin/components/resource/show.ex
+++ b/lib/ash_admin/components/resource/show.ex
@@ -17,16 +17,43 @@ defmodule AshAdmin.Components.Resource.Show do
   attr :prefix, :any, required: true
 
   def render(assigns) do
+    assigns =
+      assign_new(assigns, :calculations, fn %{resource: resource} ->
+        calculations =
+          AshAdmin.Resource.show_calculations(resource)
+
+        resource
+        |> Ash.Resource.Info.calculations()
+        |> Enum.filter(&(&1.name in calculations))
+        |> Enum.sort_by(
+          &Enum.find_index(calculations, fn name ->
+            name == &1.name
+          end)
+        )
+        |> Enum.map(fn calculation ->
+          form =
+            AshPhoenix.FilterForm.Arguments.new(%{}, calculation.arguments)
+            |> to_form()
+
+          {calculation, form}
+        end)
+      end)
+
     ~H"""
     <div class="md:pt-10 sm:mt-0 bg-gray-300 min-h-screen pb-20">
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          <%= render_show(assigns, @record, @resource) %>
+          {render_show(assigns, @record, @resource)}
         </div>
       </div>
       <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
         <div class="mt-5 md:mt-0 md:col-span-2">
-          <%= render_relationships(assigns, @record, @resource) %>
+          {render_calculations(assigns, @record, @resource)}
+        </div>
+      </div>
+      <div class="md:grid md:grid-cols-3 md:gap-6 md:mx-16 md:mt-10">
+        <div class="mt-5 md:mt-0 md:col-span-2">
+          {render_relationships(assigns, @record, @resource)}
         </div>
       </div>
     </div>
@@ -38,7 +65,7 @@ defmodule AshAdmin.Components.Resource.Show do
 
     ~H"""
     <div class="shadow-lg overflow-hidden sm:rounded-md bg-white">
-      <h1 :if={@title} class="pt-2 pl-4 text-lg"><%= @title %></h1>
+      <h1 :if={@title} class="pt-2 pl-4 text-lg">{@title}</h1>
       <button
         :if={AshAdmin.Resource.actor?(@resource)}
         class="float-right pt-4 pr-4"
@@ -51,7 +78,7 @@ defmodule AshAdmin.Components.Resource.Show do
       </button>
       <div class="px-4 py-5 sm:p-6">
         <div>
-          <%= render_attributes(assigns, @record, @resource) %>
+          {render_attributes(assigns, @record, @resource)}
           <div :if={@buttons} class="px-4 py-3 text-right sm:px-6">
             <.link
               :if={destroy?(@resource)}
@@ -75,6 +102,65 @@ defmodule AshAdmin.Components.Resource.Show do
     """
   end
 
+  @spec render_calculations(any(), any(), any()) :: Phoenix.LiveView.Rendered.t()
+  def render_calculations(assigns, record, resource) do
+    assigns = assign(assigns, record: record, resource: resource)
+
+    ~H"""
+    <div
+      :for={{calculation, calculation_form} <- @calculations}
+      class="shadow-lg overflow-hidden sm:rounded-md mb-2 bg-white"
+    >
+      <div class="px-4 py-5 mt-2">
+        <div>{to_name(calculation.name)}</div>
+        <div :if={loaded?(@record, calculation.name)}>
+          {render_maybe_sensitive_attribute(
+            assigns,
+            @resource,
+            @record,
+            calculation
+          )}
+        </div>
+        <div>
+          <.form
+            :let={form}
+            :if={length(calculation.arguments)}
+            as={calculation.name}
+            for={calculation_form}
+            phx-submit="calculate"
+            phx-target={@myself}
+          >
+            <.input type="hidden" name="calculation" value={calculation.name} />
+            {AshAdmin.Components.Resource.Form.render_attributes(
+              assigns,
+              @resource,
+              calculation,
+              form
+            )}
+            <.error :if={is_exception(@calculation_errors[calculation.name])}>
+              {Exception.message(@calculation_errors[calculation.name])}
+            </.error>
+            <.error :if={
+              @calculation_errors[calculation.name] &&
+                !is_exception(@calculation_errors[calculation.name])
+            }>
+              {inspect(@calculation_errors[calculation.name])}
+            </.error>
+            <div class="px-4 py-3 text-right sm:px-6 text-right">
+              <button
+                type="submit"
+                class="py-2 px-4 mt-2 bg-indigo-600 text-white border-gray-600 hover:bg-gray-400 rounded-md justify-center items-center"
+              >
+                Calculate
+              </button>
+            </div>
+          </.form>
+        </div>
+      </div>
+    </div>
+    """
+  end
+
   defp render_relationships(assigns, _record, resource) do
     assigns = assign(assigns, resource: resource)
 
@@ -85,7 +171,7 @@ defmodule AshAdmin.Components.Resource.Show do
     >
       <div class="px-4 py-5 mt-2">
         <div>
-          <%= to_name(relationship.name) %>
+          {to_name(relationship.name)}
           <button
             :if={!loaded?(@record, relationship.name)}
             phx-click="load"
@@ -108,7 +194,7 @@ defmodule AshAdmin.Components.Resource.Show do
           </button>
 
           <div :if={loaded?(@record, relationship.name)}>
-            <%= render_relationship_data(assigns, @record, relationship) %>
+            {render_relationship_data(assigns, @record, relationship)}
           </div>
         </div>
       </div>
@@ -117,7 +203,12 @@ defmodule AshAdmin.Components.Resource.Show do
   end
 
   def mount(socket) do
-    {:ok, assign_new(socket, :load_errors, fn -> %{} end)}
+    assign =
+      socket
+      |> assign_new(:load_errors, fn -> %{} end)
+      |> assign_new(:calculation_errors, fn -> %{} end)
+
+    {:ok, assign}
   end
 
   defp render_relationship_data(assigns, record, %{
@@ -143,7 +234,7 @@ defmodule AshAdmin.Components.Resource.Show do
 
         ~H"""
         <div class="mb-10">
-          <%= render_attributes(assigns, @record, @destination, @name) %>
+          {render_attributes(assigns, @record, @destination, @name)}
           <div class="px-4 py-3 text-right sm:px-6">
             <.link
               :if={AshAdmin.Resource.show_action(@destination)}
@@ -217,15 +308,15 @@ defmodule AshAdmin.Components.Resource.Show do
           ])
         }
       >
-        <div class="block text-sm font-medium text-gray-700"><%= to_name(attribute.name) %></div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
         <div>
-          <%= render_maybe_sensitive_attribute(
+          {render_maybe_sensitive_attribute(
             assigns,
             @resource,
             @record,
             attribute,
             @relationship_name
-          ) %>
+          )}
         </div>
       </div>
     </div>
@@ -245,15 +336,15 @@ defmodule AshAdmin.Components.Resource.Show do
           ])
         }
       >
-        <div class="block text-sm font-medium text-gray-700"><%= to_name(attribute.name) %></div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
         <div>
-          <%= render_maybe_sensitive_attribute(
+          {render_maybe_sensitive_attribute(
             assigns,
             @resource,
             @record,
             attribute,
             @relationship_name
-          ) %>
+          )}
         </div>
       </div>
     </div>
@@ -274,22 +365,28 @@ defmodule AshAdmin.Components.Resource.Show do
           ])
         }
       >
-        <div class="block text-sm font-medium text-gray-700"><%= to_name(attribute.name) %></div>
+        <div class="block text-sm font-medium text-gray-700">{to_name(attribute.name)}</div>
         <div>
-          <%= render_maybe_sensitive_attribute(
+          {render_maybe_sensitive_attribute(
             assigns,
             @resource,
             @record,
             attribute,
             @relationship_name
-          ) %>
+          )}
         </div>
       </div>
     </div>
     """
   end
 
-  defp render_maybe_sensitive_attribute(assigns, resource, record, attribute, relationship_name) do
+  defp render_maybe_sensitive_attribute(
+         assigns,
+         resource,
+         record,
+         attribute,
+         relationship_name \\ nil
+       ) do
     assigns = assign(assigns, attribute: attribute, relationship_name: relationship_name)
     show_sensitive_fields = AshAdmin.Resource.show_sensitive_fields(resource)
 
@@ -300,7 +397,7 @@ defmodule AshAdmin.Components.Resource.Show do
         module={SensitiveAttribute}
         value={Map.get(@record, @attribute.name)}
       >
-        <%= render_attribute(assigns, @resource, @record, @attribute, @relationship_name) %>
+        {render_attribute(assigns, @resource, @record, @attribute, @relationship_name)}
       </.live_component>
       """
     else
@@ -336,28 +433,28 @@ defmodule AshAdmin.Components.Resource.Show do
       <%= if @nested do %>
         <ul>
           <li :for={value <- List.wrap(Map.get(@record, @name))} class="mb-4 pb-4 shadow-md">
-            <%= render_attribute(
+            {render_attribute(
               assigns,
               @resource,
               Map.put(@record, @name, value),
               %{@attribute | type: @type},
               @relationship_name,
               true
-            ) %>
+            )}
           </li>
         </ul>
       <% else %>
         <div class="shadow-md border mt-4 mb-4 ml-4">
           <ul>
             <li :for={value <- List.wrap(Map.get(@record, @name))} class="my-4 mb-4 pb-4 shadow-md">
-              <%= render_attribute(
+              {render_attribute(
                 assigns,
                 @resource,
                 Map.put(@record, @name, value),
                 %{@attribute | type: @type},
                 @relationship_name,
                 true
-              ) %>
+              )}
             </li>
           </ul>
         </div>
@@ -507,21 +604,21 @@ defmodule AshAdmin.Components.Resource.Show do
           ~H"""
           <%= if @nested do %>
             <div class="ml-1 pl-2 pr-2">
-              <%= render_attributes(
+              {render_attributes(
                 assigns,
                 Map.get(@record, @attribute.name),
                 @attribute.type,
                 @relationship_name
-              ) %>
+              )}
             </div>
           <% else %>
             <div class="shadow-md border mt-4 mb-4 rounded py-2 px-2 ml-1 pl-2 pr-2">
-              <%= render_attributes(
+              {render_attributes(
                 assigns,
                 Map.get(@record, @attribute.name),
                 @attribute.type,
                 @relationship_name
-              ) %>
+              )}
             </div>
           <% end %>
           """
@@ -582,6 +679,38 @@ defmodule AshAdmin.Components.Resource.Show do
     end
   end
 
+  def handle_event("calculate", %{"calculation" => calculation} = event, socket) do
+    record = socket.assigns.record
+    domain = socket.assigns.domain
+
+    arguments =
+      event
+      |> Map.get(calculation, [])
+      |> Enum.map(fn {attr, value} -> {String.to_atom(attr), value} end)
+
+    calculation = String.to_atom(calculation)
+
+    calculations =
+      [{calculation, arguments}]
+
+    case Ash.load(
+           record,
+           calculations,
+           domain: domain,
+           actor: socket.assigns[:actor],
+           authorize?: socket.assigns[:authorizing]
+         ) do
+      {:ok, loaded} ->
+        {:noreply, assign(socket, record: loaded)}
+
+      {:error, errors} ->
+        {:noreply,
+         assign(socket,
+           calculation_errors: Map.put(socket.assigns.calculation_errors, calculation, errors)
+         )}
+    end
+  end
+
   def handle_event("load", %{"relationship" => relationship}, socket) do
     record = socket.assigns.record
     domain = socket.assigns.domain
diff --git a/lib/ash_admin/components/resource/table.ex b/lib/ash_admin/components/resource/table.ex
index da7f462b..7259a4f7 100644
--- a/lib/ash_admin/components/resource/table.ex
+++ b/lib/ash_admin/components/resource/table.ex
@@ -27,13 +27,13 @@ defmodule AshAdmin.Components.Resource.Table do
       <table class="rounded-t-lg m-5 w-5/6 mx-auto text-left">
         <thead class="text-left border-b-2">
           <th :for={attribute <- attributes(@resource, @attributes, @skip)}>
-            <%= to_name(attribute.name) %>
+            {to_name(attribute.name)}
           </th>
         </thead>
         <tbody>
           <tr :for={record <- @data} class="border-b-2">
             <td :for={attribute <- attributes(@resource, @attributes, @skip)} class="py-3">
-              <%= render_attribute(
+              {render_attribute(
                 @domain,
                 record,
                 attribute,
@@ -41,7 +41,7 @@ defmodule AshAdmin.Components.Resource.Table do
                 @show_sensitive_fields,
                 @actor,
                 @relationship_name
-              ) %>
+              )}
             </td>
             <td :if={@actions && actions?(@resource)}>
               <div class="flex h-max justify-items-center">
@@ -209,7 +209,7 @@ defmodule AshAdmin.Components.Resource.Table do
       module={SensitiveAttribute}
       value={@value}
     >
-      <%= format_attribute_value(@value, @attribute) %>
+      {format_attribute_value(@value, @attribute)}
     </.live_component>
     """
   end
diff --git a/lib/ash_admin/components/top_nav/actor_select.ex b/lib/ash_admin/components/top_nav/actor_select.ex
index 7178685c..eda460d2 100644
--- a/lib/ash_admin/components/top_nav/actor_select.ex
+++ b/lib/ash_admin/components/top_nav/actor_select.ex
@@ -76,7 +76,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
             class="hover:text-blue-400 hover:underline"
             target={"#{@prefix}?domain=#{AshAdmin.Domain.name(@actor_domain)}&resource=#{AshAdmin.Resource.name(@actor.__struct__)}&primary_key=#{encode_primary_key(@actor)}"}
           >
-            <%= user_display(@actor, @actor_tenant) %>
+            {user_display(@actor, @actor_tenant)}
           </.link>
           <button :if={@actor} phx-click={@clear_actor} type="button">
             <svg
@@ -99,7 +99,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
         </span>
       </div>
       <div :if={!@actor}>
-        <%= render_actor_link(assigns, @actor_resources) %>
+        {render_actor_link(assigns, @actor_resources)}
       </div>
     </div>
     """
@@ -110,7 +110,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
 
     ~H"""
     <.link navigate={"#{@prefix}?domain=#{AshAdmin.Domain.name(@domain)}&resource=#{AshAdmin.Resource.name(@resource)}&action_type=read"}>
-      Set <%= AshAdmin.Resource.name(@resource) %>
+      Set {AshAdmin.Resource.name(@resource)}
     </.link>
     """
   end
@@ -124,7 +124,7 @@ defmodule AshAdmin.Components.TopNav.ActorSelect do
         :for={{{domain, resource}, i} <- Enum.with_index(@domains_and_resources)}
         navigate={"#{@prefix}?domain=#{AshAdmin.Domain.name(domain)}&resource=#{AshAdmin.Resource.name(resource)}&action_type=read"}
       >
-        Set <%= AshAdmin.Resource.name(resource) %>
+        Set {AshAdmin.Resource.name(resource)}
         <span :if={i != Enum.count(@domains_and_resources) - 1}>
           |
         </span>
diff --git a/lib/ash_admin/components/top_nav/drawer_dropdown.ex b/lib/ash_admin/components/top_nav/drawer_dropdown.ex
index 3406c6fe..dbadc3f2 100644
--- a/lib/ash_admin/components/top_nav/drawer_dropdown.ex
+++ b/lib/ash_admin/components/top_nav/drawer_dropdown.ex
@@ -24,7 +24,7 @@ defmodule AshAdmin.Components.TopNav.DrawerDropdown do
             )
           }
         >
-          <%= @name %>
+          {@name}
         </a>
 
         <div
@@ -46,7 +46,7 @@ defmodule AshAdmin.Components.TopNav.DrawerDropdown do
             class="block px-4 py-2 text-sm hover:bg-gray-200 hover:text-gray-900"
             role="menuitem"
           >
-            <%= link.text %>
+            {link.text}
           </.link>
         </div>
       </div>
diff --git a/lib/ash_admin/components/top_nav/dropdown.ex b/lib/ash_admin/components/top_nav/dropdown.ex
index b7840272..a999c0ba 100644
--- a/lib/ash_admin/components/top_nav/dropdown.ex
+++ b/lib/ash_admin/components/top_nav/dropdown.ex
@@ -28,7 +28,7 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
           aria-haspopup="true"
           aria-expanded="true"
         >
-          <%= @name %>
+          {@name}
 
           <svg
             class="-mr-1 ml-2 h-5 w-5"
@@ -79,7 +79,7 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
                     }
                     role="menuotem"
                   >
-                    <%= link.text %>
+                    {link.text}
                   </.link>
                 <% end %>
               </div>
@@ -105,7 +105,7 @@ defmodule AshAdmin.Components.TopNav.Dropdown do
     ~H"""
     <%= if @label_text do %>
       <span class="block px-4 py-2 text-xs text-gray-400 font-semibold italic">
-        <%= @label_text %>
+        {@label_text}
       </span>
     <% end %>
     """
diff --git a/lib/ash_admin/components/top_nav/tenant_form.ex b/lib/ash_admin/components/top_nav/tenant_form.ex
index c9464d47..8b9f3b04 100644
--- a/lib/ash_admin/components/top_nav/tenant_form.ex
+++ b/lib/ash_admin/components/top_nav/tenant_form.ex
@@ -38,7 +38,7 @@ defmodule AshAdmin.Components.TopNav.TenantForm do
         </button>
       </.form>
       <a :if={!@editing_tenant} href="#" phx-click="start_editing_tenant">
-        <%= if @tenant, do: "Tenant: #{@tenant}", else: "No tenant" %>
+        {if @tenant, do: "Tenant: #{@tenant}", else: "No tenant"}
       </a>
       <button :if={@tenant} phx-click={@clear_tenant}>
         <svg
diff --git a/lib/ash_admin/resource/resource.ex b/lib/ash_admin/resource/resource.ex
index 9107cf72..debf04fa 100644
--- a/lib/ash_admin/resource/resource.ex
+++ b/lib/ash_admin/resource/resource.ex
@@ -95,6 +95,11 @@ defmodule AshAdmin.Resource do
         type: {:list, :atom},
         doc:
           "The list of fields that should not be redacted in the admin UI even if they are marked as sensitive."
+      ],
+      show_calculations: [
+        type: {:list, :atom},
+        doc:
+          "A list of calculation that can be calculate when this resource is shown. By default, all calculations are included."
       ]
     ]
   }
@@ -190,6 +195,11 @@ defmodule AshAdmin.Resource do
     end
   end
 
+  def show_calculations(resource) do
+    Spark.Dsl.Extension.get_opt(resource, [:admin], :show_calculations, nil, true) ||
+      calculations(resource)
+  end
+
   def fields(resource) do
     Spark.Dsl.Extension.get_entities(resource, [:admin, :form])
   end
@@ -219,4 +229,11 @@ defmodule AshAdmin.Resource do
     |> Enum.sort_by(&(!Map.get(&1, :primary?)))
     |> Enum.map(& &1.name)
   end
+
+  defp calculations(resource) do
+    resource
+    |> Ash.Resource.Info.calculations()
+    |> Enum.map(& &1.name)
+    |> Enum.sort_by(& &1)
+  end
 end