diff --git a/app/components/simple-table/column.hbs b/app/components/simple-table/column.hbs
index 43a6449..22a0b24 100644
--- a/app/components/simple-table/column.hbs
+++ b/app/components/simple-table/column.hbs
@@ -11,6 +11,8 @@
     <span class='inline-flex items-center'>
       {{#if (has-block 'name')}}
         {{yield to='name'}}
+      {{else if @headComponent}}
+        <@headComponent @data={{@data}} />
       {{else if @name}}
         {{@name}}
       {{else if @prop}}
diff --git a/app/components/task-toast.js b/app/components/task-toast.js
index 98971d2..39bbf3d 100644
--- a/app/components/task-toast.js
+++ b/app/components/task-toast.js
@@ -4,7 +4,9 @@ import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
 import { tracked } from '@glimmer/tracking';
 import { Loading, Check, AlertOctagonOutline } from 'ember-mdi';
+import Task from '../models/task';
 
+// TODO: refactor for using more inside Task logic
 export default class TaskToastComponent extends Component {
   @service meilisearch;
 
@@ -97,7 +99,7 @@ export default class TaskToastComponent extends Component {
   @action
   reloadTask() {
     this.meilisearch.getTask(this.taskUid).then((task) => {
-      this.task = task;
+      this.task = new Task(task);
 
       if (this.isSucceeded || this.isFailed) {
         this.clearInterval();
diff --git a/app/templates/admin/tasks/index.hbs b/app/templates/admin/tasks/index.hbs
index 1faac5c..aea482a 100644
--- a/app/templates/admin/tasks/index.hbs
+++ b/app/templates/admin/tasks/index.hbs
@@ -1,6 +1,9 @@
 <Headers::H1 @title='Tasks' />
 
 <div class='sm:flex sm:flex-nowrap'>
+  {{! indexUid }}
+
+  {{! limit }}
   <div class='relative mb-4 sm:ml-4 sm:flex-none'>
     <Listbox @value={{this.limit}} @onChange={{set this 'limit'}} as |listbox|>
       <listbox.Button