`<EmptyState />`

Standalone empty-state block — title, subtitle, logo, and "powered by" link. <MessageList /> renders this automatically when its messages array is empty; use the standalone for custom layouts.

<script setup lang="ts">
import { EmptyState } from '@agent-layer-zero/dendrite-vue'
</script>

<template>
  <EmptyState
    title="What's on your mind?"
    subtitle="Local AI, no data leaves your browser."
    logo-src="/your-logo.png"
  />
</template>

import { EmptyState } from '@agent-layer-zero/dendrite-react'

<EmptyState
  title="What's on your mind?"
  subtitle="Local AI, no data leaves your browser."
  logoSrc="/your-logo.png"
/>

<div class="alz-empty-state">
  <img src="/your-logo.png" alt="" class="alz-empty-state__logo" />
  <h2 class="alz-empty-state__title">What's on your mind?</h2>
  <p class="alz-empty-state__subtitle">Local AI, no data leaves your browser.</p>
</div>