From 1e6e22d455fe04ef1a139d3d912abf35b5f6db1a Mon Sep 17 00:00:00 2001
From: jake <jakeadriansames@gmail.com>
Date: Sat, 21 Mar 2026 10:46:53 +0000
Subject: [PATCH] =?UTF-8?q?agent:=20components=20=E2=80=94=20add=20shared?=
 =?UTF-8?q?=20EmptyState=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/lib/components/EmptyState.svelte | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 src/lib/components/EmptyState.svelte

diff --git a/src/lib/components/EmptyState.svelte b/src/lib/components/EmptyState.svelte
new file mode 100644
index 0000000..43e0e25
--- /dev/null
+++ b/src/lib/components/EmptyState.svelte
@@ -0,0 +1,17 @@
+<script>
+  let { icon: Icon = null, message = '', actionLabel = '', onAction = null } = $props();
+</script>
+
+<div class="flex flex-col items-center justify-center gap-4 py-16 text-text-secondary">
+  {#if Icon}
+    <Icon size={48} strokeWidth={1} class="opacity-40" aria-hidden="true" />
+  {/if}
+  <p class="text-center max-w-xs leading-relaxed">{message}</p>
+  {#if actionLabel && onAction}
+    <button onclick={onAction}
+      class="px-4 py-2 rounded-lg bg-accent text-bg text-sm font-medium hover:bg-accent-hover"
+      style="transition-duration: var(--duration-ui)">
+      {actionLabel}
+    </button>
+  {/if}
+</div>