diff --git a/components/card/resource.vue b/components/card/resource.vue
index dc8ea0a..15ca185 100644
--- a/components/card/resource.vue
+++ b/components/card/resource.vue
@@ -1,13 +1,15 @@
 <script setup lang="ts">
-import {modelsv2Status, v2DataClass, type v2GenericResource, v2ResourceVariant,} from '~/composables/aruna_api_json';
+import {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger,} from "@/components/ui/tooltip"
+
+import {ResourceVariant, VisibilityClass} from "~/types/aruna-v3-enums";
+
 
 /* ----- PROPERTIES ----- */
 interface ResourceCardProps {
-  resource: v2GenericResource
+  resource: Resource
 }
 
 const {resource} = defineProps<ResourceCardProps>()
-const entry = toSearchResult(resource)
 
 /* ----- END PROPERTIES ----- */
 
@@ -17,72 +19,88 @@ function displayDescription(description: string): string {
   }
   return description
 }
-function displayDataClass(dataClass: v2DataClass): string {
-  switch (dataClass) {
-    case v2DataClass.DATA_CLASS_PUBLIC: return 'Public'
-    case v2DataClass.DATA_CLASS_PRIVATE: return 'Private'
-    default: return 'Unspecified'
+
+function displayVisbility(visibility: VisibilityClass): string {
+  switch (visibility) {
+    case VisibilityClass.Public:
+      return 'Public';
+    case VisibilityClass.PublicMetadata:
+      return 'Public Metadata';
+    case VisibilityClass.Private:
+      return 'Private';
+    default:
+      return 'Unspecified'
   }
 }
-function dataClassCss(dataClass: v2DataClass): string {
-  switch (dataClass) {
-    case v2DataClass.DATA_CLASS_PUBLIC: return 'border-green-600 text-green-600'
-    case v2DataClass.DATA_CLASS_PRIVATE: return 'border-red-600/80 text-red-600/80'
-    case v2DataClass.DATA_CLASS_CONFIDENTIAL: return 'border-white text-white'
-    case v2DataClass.DATA_CLASS_WORKSPACE: return 'border-indigo-600 text-indigo-600'
-    default: return 'border-aruna-text/50 text-aruna-text/50'
+
+function visibilityCss(visibility: VisibilityClass): string {
+  switch (visibility) {
+    case VisibilityClass.Public:
+      return 'border-green-600 text-green-600';
+    case VisibilityClass.PublicMetadata:
+      return 'border-white text-white';
+    case VisibilityClass.Private:
+      return 'border-red-600/80 text-red-600/80';
+    default:
+      return 'border-aruna-text/50 text-aruna-text/50'
   }
 }
 </script>
 
 <template>
-  <div v-if="entry"
-       class="flex flex-auto my-3 p-4 gap-x-4 bg-aruna-bg/90 border border-l-4 border-l-aruna-highlight shadow-sm rounded-md border-aruna-text/50"
-       :class="{'border-l-destructive': entry.object_status === modelsv2Status.STATUS_DELETED}">
+  <div
+      class="flex flex-auto my-3 p-4 gap-x-4 bg-aruna-bg/90 border border-l-4 border-l-aruna-highlight shadow-sm rounded-md border-aruna-text/50"
+      :class="{'border-l-destructive': resource.deleted}">
     <div class="flex flex-col basis-1/3 gap-y-3 border-aruna-text/50">
-      <!-- Name and ID display with links -->
-      <NuxtLink :to="`/objects/${entry.id}`"
-                class="text-aruna-highlight font-bold">
-        <h3>{{ entry.name }}</h3>
-      </NuxtLink>
+      <!-- Name and ID display -->
+      <TooltipProvider>
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <NuxtLink :to="`/objects/${resource.id}`"
+                      class="text-aruna-highlight font-bold">
+              <h3>{{ resource.name }}</h3>
+            </NuxtLink>
+          </TooltipTrigger>
+          <TooltipContent>
+            <p>{{ resource.id }}</p>
+          </TooltipContent>
+        </Tooltip>
+      </TooltipProvider>
 
-      <NuxtLink :to="`/objects/${entry.id}`"
-                class="text-sm text-aruna-text-accent font-bold">
-        <h4>{{ entry.id }}</h4>
-      </NuxtLink>
-      <!-- END Name and ID display with links -->
+      <h4>{{ resource.type === "Resource" ? resource.variant : resource.type }}</h4>
+      <!-- END Name and ID display -->
 
       <!-- Badges -->
       <div class="flex flex-col md:flex-row mt-2 gap-x-2 gap-y-2">
         <!-- DataClass Badge -->
-        <Badge :class="cn('px-2 py-1 bg-transparent hover:bg-transparent border', dataClassCss(entry.data_class))">
-          {{ displayDataClass(entry.data_class) }}
+        <Badge :class="cn('px-2 py-1 bg-transparent hover:bg-transparent border', visibilityCss(resource.data_class))">
+          {{ displayVisbility(resource.visibility) }}
         </Badge>
         <!-- END DataClass -->
         <!-- Stats Badge -->
-        <Badge v-if="entry.variant !== v2ResourceVariant.RESOURCE_VARIANT_OBJECT"
+        <Badge v-if="resource.variant !== ResourceVariant.Object"
                class="px-2 py-1 bg-transparent hover:bg-transparent border border-aruna-text text-aruna-text">
-          Children: {{ entry.stats.count }}
+          Children: {{ resource.count }}
         </Badge>
-        <Badge class="px-2 py-1 bg-transparent hover:bg-transparent border border-aruna-text text-aruna-text">
-          {{ entry.stats.size ? formatBytes(+entry.stats.size) : "N/A Bytes" }}
+        <Badge v-if="resource.variant === ResourceVariant.Object"
+               class="px-2 py-1 bg-transparent hover:bg-transparent border border-aruna-text text-aruna-text">
+          {{ resource.content_len ? formatBytes(+resource.content_len) : "N/A Bytes" }}
         </Badge>
         <!-- END Stats Badge -->
       </div>
       <!-- END Badges -->
     </div>
-
     <div class="mx-2 grow flex-col basis-2/3">
       <h4 class="text-sm my-3 uppercase text-aruna-text-accent">Description</h4>
-      <p v-if="entry.description.length > 0" class="mt-2 text-aruna-text">
-        {{ displayDescription(entry.description) }}
+      <p v-if="resource.description.length > 0" class="mt-2 text-aruna-text">
+        {{ displayDescription(resource.description) }}
       </p>
 
-      <hr v-if="entry.key_values.length > 0" class="my-4 text-aruna-text "/>
+      <hr v-if="resource.labels.length > 0" class="my-4 text-aruna-text "/>
 
       <!-- Basic Label Display -->
       <div class="flex flex-row flex-wrap">
-        <div v-for="label in entry.key_values" class="flex flex-row my-1 me-2 last:me-0">
+        <div v-for="label in resource.labels" class="flex flex-row my-1 me-2 last:me-0">
           <span
               :class="{ 'me-2 rounded-md': label.value === '' || label.value === undefined, 'rounded-l-md': label.value && label.value.length > 0 }"
               class="text-xs font-medium truncate max-w-60 whitespace-nowrap items-center gap-x-1.5 py-1.5 px-3 rounded-l-md text-aruna-highlight border border-aruna-highlight">
@@ -93,6 +111,7 @@ function dataClassCss(dataClass: v2DataClass): string {
             {{ label.value }}</span>
         </div>
       </div>
+
     </div>
   </div>
 </template>
\ No newline at end of file
diff --git a/components/custom-ui/SearchDialog.vue b/components/custom-ui/SearchDialog.vue
new file mode 100644
index 0000000..769b92f
--- /dev/null
+++ b/components/custom-ui/SearchDialog.vue
@@ -0,0 +1,166 @@
+<script setup lang="ts">
+
+import {IconLoader2, IconSearch} from "@tabler/icons-vue";
+import {GenericNodeType, ResourceVariant} from "~/types/aruna-v3-enums";
+
+const DEFAULT_LIMIT = useRuntimeConfig().public.searchDialogLimit || 10;
+
+/* ----- Properties ----- */
+interface SearchDialogProps {
+  limitResults?: number,
+  filter?: string
+}
+
+const props = defineProps<SearchDialogProps>()
+const limitResults = props.limitResults || DEFAULT_LIMIT
+const filter = props.filter
+/* ----- End Properties ----- */
+
+const router = useRouter()
+
+const queryInput = ref('')
+const fetching = ref(false)
+const response: Ref<SearchResponse | undefined | void> = ref(undefined)
+const dialogOpen = ref(false)
+
+const resources: ComputedRef<SplitResources | undefined> = computed(() => splitResources(response.value?.resources));
+
+type SplitResources = {
+  projects: Resource[],
+  folders: Resource[],
+  objects: Resource[],
+  other: any[],
+}
+
+function handleDialogOpenChange() {
+  dialogOpen.value = !dialogOpen.value
+}
+
+function openDialog(): void {
+  queryInput.value = ''; // reset the query when the dialog is opened again
+  dialogOpen.value = true;
+}
+
+// Debounce input to decrease number of requests
+watch(queryInput, () => {
+  // Empty input only clears results
+  if (!queryInput.value) {
+    response.value = undefined
+    return
+  }
+
+  fetching.value = true
+  response.value = undefined
+  debouncedInput()
+})
+
+const debouncedInput = debounce(async () => await searchResources(queryInput.value), 250)
+
+async function searchResources(query: string): Promise<void> {
+  // No need to search with empty input
+  if (!query) {
+    response.value = undefined
+    return
+  }
+
+  response.value = await $fetch<SearchResponse>('/api/v3/search', {
+    query: {
+      query: query,
+      limit: limitResults,
+      filter: filter
+    }
+  }).catch(error => {
+    console.log(error)
+    return
+  })
+  fetching.value = false
+  dialogOpen.value = true
+}
+
+function splitResources(resources: (Resource & { [type: string]: GenericNodeType })[]): SplitResources {
+  var result: SplitResources = {
+    projects: [],
+    folders: [],
+    objects: [],
+    other: []
+  }
+  if (resources) {
+    for (const resource of resources) {
+      if (resource.type === GenericNodeType.Resource) {
+        switch (resource.variant) {
+          case ResourceVariant.Project:
+            result.projects.push(resource)
+            break;
+          case ResourceVariant.Folder:
+            result.folders.push(resource)
+            break;
+          case ResourceVariant.Object:
+            result.objects.push(resource)
+            break;
+        }
+      } else {
+        result.other.push(resource)
+      }
+    }
+  }
+  return result
+}
+</script>
+
+<template>
+  <div class="relative flex">
+    <Button @click="openDialog()"
+            class="py-2 px-3 inline-flex justify-center items-center bg-transparent border border-aruna-highlight rounded-sm text-aruna-highlight hover:text-aruna-text-accent hover:bg-aruna-highlight disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-aruna-highlight cursor-pointer">
+      <IconSearch class="mr-1 h-4 w-4"/>
+      Search
+    </Button>
+
+    <!-- COMMAND DIALOG -->
+    <CommandDialog class="rounded-sm border" :open="dialogOpen" @update:open="handleDialogOpenChange">
+      <CommandInput placeholder="Search for resources"
+                    class="border-0 focus:border-0 outline-0 focus:outline-0 focus:ring-0"
+                    @input="(event) => queryInput = event.target.value"/>
+      <CommandList class="gap-y-2">
+        <CommandEmpty v-if="queryInput && fetching"
+                      class="flex items-center justify-center gap-x-4">
+          Fetching results
+          <IconLoader2 class="mr-2 animate-spin"/>
+        </CommandEmpty>
+        <CommandEmpty v-if="queryInput && !fetching">
+          No results found.
+        </CommandEmpty>
+        <CommandGroup heading="Projects">
+          <CommandItem v-for="resource in resources?.projects"
+                       :value="resource"
+                       @select="router.push('/projects/' + resource.id)"> <!-- Dummy, replace with proper path later -->
+            {{ resource.name }}
+          </CommandItem>
+        </CommandGroup>
+        <CommandGroup heading="Folders">
+          <CommandItem v-for="resource in resources?.folders"
+                       :value="resource"
+                       @select="router.push('/objects/' + resource.id)">
+            {{ resource.name }}
+          </CommandItem>
+        </CommandGroup>
+        <CommandGroup heading="Objects">
+          <CommandItem v-for="resource in resources?.objects"
+                       :value="resource"
+                       @select="router.push('/objects/' + resource.id)">
+            {{ resource.name }}
+          </CommandItem>
+        </CommandGroup>
+        <CommandGroup heading="Others">
+          <CommandItem v-for="resource in resources?.other"
+                       :value="resource">
+            {{ resource.type + ": " + resource.name }}
+          </CommandItem>
+        </CommandGroup>
+      </CommandList>
+      <Button v-if="response?.expected_hits > limitResults">
+        <NuxtLink :href="'/explore?q=' + queryInput">Show all results</NuxtLink>
+      </Button>
+    </CommandDialog>
+    <!-- END COMMAND DIALOG-->
+  </div>
+</template>
\ No newline at end of file
diff --git a/components/custom-ui/dashboard/Dashboard.vue b/components/custom-ui/dashboard/Dashboard.vue
index a038870..d38499a 100644
--- a/components/custom-ui/dashboard/Dashboard.vue
+++ b/components/custom-ui/dashboard/Dashboard.vue
@@ -38,6 +38,7 @@ import Events from "~/components/custom-ui/dashboard/Events.vue";
 import Profile from "~/components/custom-ui/user/Profile.vue";
 import Tokens from "~/components/custom-ui/user/Tokens.vue";
 import Proxies from "~/components/custom-ui/user/Proxies.vue";
+import SearchDialog from "~/components/custom-ui/SearchDialog.vue";
 import Licences from "~/components/custom-ui/dashboard/licenses/Licenses.vue";
 
 import type {User} from '~/composables/api_wrapper'
@@ -349,12 +350,7 @@ EventBus.on('spinStop', () => spinBaby.value = false)
               <Skeleton class="h-auto w-[300px]"/>
             </template>
           </ClientOnly>
-          <div class="relative flex">
-            <IconSearch class="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground"/>
-            <Input type="search"
-                   placeholder="Search Resources"
-                   class="w-[400px] appearance-none bg-background pl-8 shadow-none "/>
-          </div>
+          <SearchDialog filter="variant IN [0,1,2]"/>
         </div>
         <DropdownMenu>
           <ClientOnly fallbackTag="span">
diff --git a/components/custom-ui/dashboard/EventList.vue b/components/custom-ui/dashboard/EventList.vue
index ba7a939..8f69a68 100644
--- a/components/custom-ui/dashboard/EventList.vue
+++ b/components/custom-ui/dashboard/EventList.vue
@@ -2,7 +2,6 @@
 import {ScrollArea} from '@/components/ui/scroll-area'
 import {cn} from '@/utils/shadcn'
 import {Badge} from '@/components/ui/badge'
-import {decodeTime} from 'ulid'
 import {formatDate} from '~/composables/utils'
 import {formatDistanceToNow} from "date-fns";
 
diff --git a/components/search_results.vue b/components/search_results.vue
index fe1c755..60b1eaf 100644
--- a/components/search_results.vue
+++ b/components/search_results.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts">
-import type {v2GenericResource} from '@/composables/aruna_api_json';
 
 interface SearchResultListProps {
-  resources: v2GenericResource[]
+  resources: Resource[],
+  fetching: boolean,
 }
 const {resources} = defineProps<SearchResultListProps>()
 </script>
 
 <template>
-  <div v-if="resources.length == 0">
+  <div v-if="fetching">
+    <h2 class="text-aruna-text-accent font-bold text-center">Fetching Results</h2>
+  </div>
+
+  <div v-if="resources.length == 0 && !fetching">
     <h2 class="text-aruna-text-accent font-bold text-center">No results found</h2>
   </div>
 
diff --git a/composables/api_wrapper.ts b/composables/api_wrapper.ts
index 0418518..a52f0e4 100644
--- a/composables/api_wrapper.ts
+++ b/composables/api_wrapper.ts
@@ -60,7 +60,7 @@ export type CreateGroupResponse = paths["/api/v3/groups"]["post"]["responses"][2
 // Info
 export type GetEventsResponse = paths["/api/v3/info/events"]["get"]["responses"][200]["content"]["application/json"];
 export type GetStatsResponse = paths["/api/v3/info/stats"]["get"]["responses"][200]["content"]["application/json"];
-export type SearchResponse = paths["/api/v3/info/search"]["get"]["responses"][200]["content"]["application/json"];
+export type SearchResponse = paths["/api/v3/info/search"]["get"]["responses"][200]["content"]["applicatiown/json"];
 
 // License
 export type CreateLicensesResponse = paths["/api/v3/license"]["post"]["responses"][200]["content"]["application/json"];
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 0e25097..d02c1b7 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -100,7 +100,8 @@ export default defineNuxtConfig({
         hidePeriod: 60 * 60 * 24, // Hide banner per default for one day
         validFrom: '', // Some valid date string
         validTo: '', // Some valid date string
-      }
+      },
+      searchDialogLimit: 10
     }
   },
 
diff --git a/pages/explore.vue b/pages/explore.vue
index 0980d9c..42234b8 100644
--- a/pages/explore.vue
+++ b/pages/explore.vue
@@ -1,14 +1,11 @@
 <script lang="ts" setup>
-import {v2ResourceVariant, type v2GenericResource} from "~/composables/aruna_api_json";
 import {
   IconFile,
-  IconFiles,
   IconFolder,
   IconFolders,
   IconSearch,
   IconWorldSearch,
 } from "@tabler/icons-vue";
-import {Button} from '@/components/ui/button'
 import {
   Pagination,
   PaginationEllipsis,
@@ -19,23 +16,31 @@ import {
   PaginationNext,
   PaginationPrev,
 } from '@/components/ui/pagination'
+import { Input } from '@/components/ui/input'
+import { Button } from '@/components/ui/button'
+import {ResourceVariant} from "~/types/aruna-v3-enums";
 
 import {searchResources} from "~/composables/api_wrapper";
 
+const route = useRoute()
 const currentPage: Ref<number> = ref(1);
 const limit: Ref<number> = ref(20);
-const hits: Ref<v2GenericResource[]> = ref([]);
+const hits: Ref<Resource[]> = ref([]);
 const estimatedTotal = ref(0);
+const fetching = ref(true);
+
+const debouncedInput = debounce(async () => await queryResources(true), 250)
 
 /* Query */
-const query = ref("");
+const query = ref(route.query.q ? route.query.q : '')
 watch(query, async () => {
-  await queryResources(true)
+  fetching.value = true;
+  await debouncedInput()
 });
 
 /* Filter */
-const filter = ref("object_type = PROJECT");
-const typeFilter = ref(v2ResourceVariant.RESOURCE_VARIANT_PROJECT);
+const filter = ref("variant=0");
+const typeFilter = ref(ResourceVariant.Project);
 const customFilter = ref("");
 const customFilterValid = ref(true);
 
@@ -48,25 +53,23 @@ watch(typeFilter, async () => {
 
 function generateFilter() {
   switch (typeFilter.value) {
-    case v2ResourceVariant.RESOURCE_VARIANT_UNSPECIFIED: {
-      filter.value = "";
+    case null: {
+      filter.value = "variant IN [0,1,2]";
+      // limit search to projects, folders and objects
       break;
     }
-    case v2ResourceVariant.RESOURCE_VARIANT_PROJECT: {
-      filter.value = "object_type = PROJECT";
+    case ResourceVariant.Project: {
+      filter.value = "variant=0";
       break;
     }
-    case v2ResourceVariant.RESOURCE_VARIANT_COLLECTION: {
-      filter.value = "object_type = COLLECTION";
+    case ResourceVariant.Folder: {
+      filter.value = "variant=1";
       break;
     }
-    case v2ResourceVariant.RESOURCE_VARIANT_DATASET: {
-      filter.value = "object_type = DATASET";
+    case ResourceVariant.Object: {
+      filter.value = "variant=2";
       break;
     }
-    case v2ResourceVariant.RESOURCE_VARIANT_OBJECT: {
-      filter.value = "object_type = OBJECT";
-    }
   }
 
   if (customFilter.value.length > 0) {
@@ -93,13 +96,25 @@ async function queryResources(pageReset: boolean) {
   })
 
   try {
-    const response = await searchResources(body)
+    const response = await $fetch<SearchResponse>('/api/v3/search', {
+      query: {
+        query: query.value,
+        limit: limit.value,
+        filter: filter.value,
+        offset: offset,
+      }
+    }).catch(error => {
+      console.error(error)
+      throw new Error("Resource search failed.")
+    })
 
     customFilterValid.value = true;
     hits.value = response.resources ? response.resources : [];
-    estimatedTotal.value = response.estimatedTotal
-        ? Number(response.estimatedTotal)
+    console.log(hits.value);
+    estimatedTotal.value = response.expected_hits
+        ? Number(response.expected_hits)
         : 0;
+    fetching.value = false;
   } catch (error) {
     console.warn(error);
     customFilterValid.value = false;
@@ -139,7 +154,7 @@ onMounted(async () => await queryResources(true));
                    name="search-query-input-with-icon"
                    class="py-3 px-4 pe-11 block w-full border-e-0 border-aruna-text/50 rounded-s-md text-sm focus:z-10 focus:ring-1 focus:ring-aruna-highlight focus:border-aruna-highlight disabled:opacity-50 disabled:pointer-events-none bg-aruna-bg/90 text-aruna-text"
                    placeholder="Search Aruna Resources"/>
-            <button type="button"
+                 <button type="button"
                     class="w-[2.875rem] h-[2.875rem] flex-shrink-0 inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-e-md border border-aruna-highlight bg-aruna-bg/90 text-aruna-highlight hover:bg-aruna-highlight hover:text-aruna-text-accent disabled:opacity-50 disabled:pointer-events-none focus:outline-none focus:ring-1 focus:ring-aruna-highlight">
               <IconSearch class="flex-shrink-0 size-6"/>
             </button>
@@ -162,7 +177,7 @@ onMounted(async () => await queryResources(true));
                  class="cursor-pointer max-w-xs flex p-3 w-full bg-aruna-bg/90 border border-aruna-text/50 rounded-md text-sm focus:border-aruna-text/50 focus:ring-aruna-highlight text-aruna-text">
             <input type="radio"
                    v-model="typeFilter"
-                   :value="v2ResourceVariant.RESOURCE_VARIANT_UNSPECIFIED"
+                   :value="null"
                    id="resource-type-all"
                    name="resource-type-select"
                    class="shrink-0 mt-0.5 border-aruna-text/50 rounded-full text-aruna-highlight focus:ring-0 disabled:opacity-50 disabled:pointer-events-none bg-aruna-muted checked:bg-aruna-highlight checked:border-aruna-muted focus:ring-offset-0"/>
@@ -175,7 +190,7 @@ onMounted(async () => await queryResources(true));
             <input type="radio"
                    checked
                    v-model="typeFilter"
-                   :value="v2ResourceVariant.RESOURCE_VARIANT_PROJECT"
+                   :value="ResourceVariant.Project"
                    id="resource-type-projects"
                    name="resource-type-select"
                    class="shrink-0 mt-0.5 border-aruna-text/50 rounded-full text-aruna-highlight focus:ring-0 disabled:opacity-50 disabled:pointer-events-none bg-aruna-muted checked:bg-aruna-highlight checked:border-aruna-muted focus:ring-offset-0"/>
@@ -187,31 +202,19 @@ onMounted(async () => await queryResources(true));
                  class="cursor-pointer max-w-xs flex p-3 w-full bg-aruna-bg/90 border border-aruna-text/50 rounded-md text-sm focus:border-aruna-text/50 focus:ring-aruna-highlight text-aruna-text">
             <input type="radio"
                    v-model="typeFilter"
-                   :value="v2ResourceVariant.RESOURCE_VARIANT_COLLECTION"
+                   :value="ResourceVariant.Folder"
                    id="resource-type-collections"
                    name="resource-type-select"
                    class="shrink-0 mt-0.5 border-aruna-text/50 rounded-full text-aruna-highlight focus:ring-0 disabled:opacity-50 disabled:pointer-events-none bg-aruna-muted checked:bg-aruna-highlight checked:border-aruna-muted focus:ring-offset-0"/>
             <IconFolder class="flex-shrink-0 size-5 mx-2 text-aruna-text ms-5"/>
-            <span class="text-sm text-aruna-text">Collections</span>
-          </label>
-
-          <label for="resource-type-datasets"
-                 class="cursor-pointer max-w-xs flex p-3 w-full bg-aruna-bg/90 border border-aruna-text/50 rounded-md text-sm focus:border-aruna-text/50 focus:ring-aruna-highlight text-aruna-text">
-            <input type="radio"
-                   v-model="typeFilter"
-                   :value="v2ResourceVariant.RESOURCE_VARIANT_DATASET"
-                   id="resource-type-datasets"
-                   name="resource-type-select"
-                   class="shrink-0 mt-0.5 border-aruna-text/50 rounded-full text-aruna-highlight focus:ring-0 disabled:opacity-50 disabled:pointer-events-none bg-aruna-muted checked:bg-aruna-highlight checked:border-aruna-muted focus:ring-offset-0"/>
-            <IconFiles class="flex-shrink-0 size-5 mx-2 text-aruna-text ms-5"/>
-            <span class="text-sm text-aruna-text">Datasets</span>
+            <span class="text-sm text-aruna-text">Folder</span>
           </label>
 
           <label for="resource-type-objects"
                  class="cursor-pointer max-w-xs flex p-3 w-full bg-aruna-bg/90 border border-aruna-text/50 rounded-md text-sm focus:border-aruna-text/50 focus:ring-aruna-highlight text-aruna-text">
             <input type="radio"
                    v-model="typeFilter"
-                   :value="v2ResourceVariant.RESOURCE_VARIANT_OBJECT"
+                   :value="ResourceVariant.Object"
                    id="resource-type-objects"
                    name="resource-type-select"
                    class="shrink-0 mt-0.5 border-aruna-text/50 rounded-full text-aruna-highlight focus:ring-0 disabled:opacity-50 disabled:pointer-events-none bg-aruna-muted checked:bg-aruna-highlight checked:border-aruna-muted focus:ring-offset-0"/>
@@ -295,7 +298,7 @@ onMounted(async () => await queryResources(true));
         </Pagination>
 
         <!-- Start Display Search Results -->
-        <SearchResults :key="hits" :resources="hits"/>
+        <SearchResults :resources="hits" :fetching="fetching"/>
         <!-- End Display Search Results -->
 
         <Pagination v-if="estimatedTotal > limit"