From 786d785c116fe63003ea26016f7dfe6d424880cc Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Tue, 14 Jul 2026 12:20:29 +0200
Subject: [PATCH] nits

---
 .../src/lib/components/home/ItemsList.svelte  | 33 +++++++++++--------
 .../lib/components/home/NoItemFound.svelte    |  6 ++--
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/home/ItemsList.svelte b/frontend/src/lib/components/home/ItemsList.svelte
index cd696b24ba..9e8409f663 100644
--- a/frontend/src/lib/components/home/ItemsList.svelte
+++ b/frontend/src/lib/components/home/ItemsList.svelte
@@ -40,6 +40,7 @@
 	import { triggerableByAI } from '$lib/actions/triggerableByAI.svelte'
 	import { NetworkIcon } from 'lucide-svelte'
 	import { base } from '$lib/base'
+	import Toggle from '../Toggle.svelte'
 	interface Props {
 		subtab?: 'flow' | 'script' | 'app'
 		showEditButtons?: boolean
@@ -512,6 +513,13 @@
 					/>
 				{/snippet}
 			</ToggleButtonGroup>
+			<Toggle
+				options={{ right: 'Tree view' }}
+				textClass="text-nowrap"
+				size="xs"
+				class="ml-4"
+				bind:checked={treeView}
+			/>
 		</div>
 
 		<div class="relative text-primary grow min-w-[200px] max-w-[30rem] ml-auto">
@@ -529,9 +537,6 @@
 		{/if}
 	</div>
 	<div class="relative">
-		{#if filteredItems?.length == 0}
-			<div class="mt-10"></div>
-		{/if}
 		{#if !loading}
 			<div class="flex w-full flex-row-reverse gap-2 mt-2 mb-1 items-center h-0">
 				{#if treeView}
@@ -572,16 +577,18 @@
 			<!-- Pipelines aren't part of the text filter, so only fall through to show
 			     them (list rows / injected tree folders) when not actively searching;
 			     a no-match search still reads as empty. -->
-			<NoItemFound
-				hasFilters={filter !== '' ||
-					archived ||
-					filterUserFolders ||
-					!!pathFilter ||
-					!!summaryFilter ||
-					!!filterValues.val.label ||
-					!!filterValues.val.draft_only ||
-					!!filterValues.val.draft}
-			/>
+			<div class="py-10 border rounded-md">
+				<NoItemFound
+					hasFilters={filter !== '' ||
+						archived ||
+						filterUserFolders ||
+						!!pathFilter ||
+						!!summaryFilter ||
+						!!filterValues.val.label ||
+						!!filterValues.val.draft_only ||
+						!!filterValues.val.draft}
+				/>
+			</div>
 		{:else if treeView}
 			<TreeViewRoot
 				{items}
diff --git a/frontend/src/lib/components/home/NoItemFound.svelte b/frontend/src/lib/components/home/NoItemFound.svelte
index 75778a4637..cba4d85bae 100644
--- a/frontend/src/lib/components/home/NoItemFound.svelte
+++ b/frontend/src/lib/components/home/NoItemFound.svelte
@@ -16,9 +16,9 @@
 {:else}
 	<div class="flex justify-center items-center h-48">
 		<div class="text-primary text-center">
-			<div class="text-lg font-semibold text-emphasis">Welcome to Windmill</div>
-			<div class="text-xs font-normal text-hint">Get started by creating your first script, flow, or app</div>
+			<div class="text-xs font-normal text-hint">
+				Get started by creating your first script, flow, or app
+			</div>
 		</div>
 	</div>
 {/if}
-