refactor: update default sort option to 'newest'

src/components/custom/widget/NewWorkflowTemplateSelectorDialog.vue

@@ -82,16 +82,18 @@
         </MultiSelect>
 
         <!-- Sort Options -->
-        <SingleSelect
+        <div class="absolute right-40">
-          v-model="sortBy"
+          <SingleSelect
-          :label="$t('templateWorkflows.sorting', 'Sort by')"
+            v-model="sortBy"
-          :options="sortOptions"
+            :label="$t('templateWorkflows.sorting', 'Sort by')"
-          class="w-[160px]"
+            :options="sortOptions"
-        >
+            class="w-[160px] -translate-x-full overlay-x-hidden"
-          <template #icon>
+          >
-            <i-lucide:arrow-up-down />
+            <template #icon>
-          </template>
+              <i-lucide:arrow-up-down />
-        </SingleSelect>
+            </template>
+          </SingleSelect>
+        </div>
       </div>
     </template>
 
@@ -548,11 +550,11 @@ const licenseFilterLabel = computed(() => {
 
 // Sort options
 const sortOptions = computed(() => [
+  { name: t('templateWorkflows.sort.newest', 'Newest'), value: 'newest' },
   {
     name: t('templateWorkflows.sort.default', 'Default'),
     value: 'default'
   },
-  { name: t('templateWorkflows.sort.newest', 'Newest'), value: 'newest' },
   {
     name: t(
       'templateWorkflows.sort.vramLowToHigh',

src/composables/useTemplateFiltering.ts

@@ -30,7 +30,7 @@ export function useTemplateFiltering(
     | 'newest'
     | 'vram-low-to-high'
     | 'model-size-low-to-high'
-  >('default')
+  >('newest')
 
   const templatesArray = computed(() => {
     const templateData = 'value' in templates ? templates.value : templates