diff --git a/core/assets/css/app.css b/core/assets/css/app.css
index 8de75235..c1767cec 100644
--- a/core/assets/css/app.css
+++ b/core/assets/css/app.css
@@ -84,3 +84,15 @@ span.line.highlighted {
   width: 100%;
   display: inline-block;
 }
+
+span.line {
+  text-wrap: pretty;
+}
+
+span.line.diff.add {
+  background-color: rgba(16, 185, 129, 0.14);
+}
+
+span.line.diff.remove {
+  background-color: rgba(244, 63, 94, 0.14);
+}
diff --git a/core/assets/js/app.js b/core/assets/js/app.js
index 61cffec3..3669907b 100644
--- a/core/assets/js/app.js
+++ b/core/assets/js/app.js
@@ -33,7 +33,10 @@ import Chart from "chart.js/auto";
 import { parse } from "best-effort-json-parser";
 
 import { codeToHtml } from "shiki";
-import { transformerNotationHighlight } from "@shikijs/transformers";
+import {
+  transformerNotationHighlight,
+  transformerNotationDiff,
+} from "@shikijs/transformers";
 
 import * as Sentry from "@sentry/browser";
 import Tracker from "@openreplay/tracker";
@@ -60,6 +63,9 @@ import "@getcanary/web/components/canary-search-match-github-discussion.js";
 import "@getcanary/web/components/canary-ask.js";
 import "@getcanary/web/components/canary-ask-results.js";
 import "@getcanary/web/components/canary-tooltip.js";
+import "@getcanary/web/components/canary-footer.js";
+import "@getcanary/web/components/canary-filter-tabs-glob.js";
+import "@getcanary/web/components/canary-filter-tags.js";
 
 const csrfToken = document
   .querySelector("meta[name='csrf-token']")
@@ -80,7 +86,10 @@ const hooks = {
       codeToHtml(this.el.textContent, {
         lang: "html",
         theme: "rose-pine-dawn",
-        transformers: [transformerNotationHighlight()],
+        transformers: [
+          transformerNotationHighlight(),
+          transformerNotationDiff(),
+        ],
       }).then((html) => {
         this.el.innerHTML = html;
       });
diff --git a/core/assets/package-lock.json b/core/assets/package-lock.json
index acbe175e..b536d453 100644
--- a/core/assets/package-lock.json
+++ b/core/assets/package-lock.json
@@ -5,7 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
-        "@getcanary/web": "^1.0.10",
+        "@getcanary/web": "^1.0.11",
         "@openreplay/tracker": "^14.0.9",
         "@sentry/browser": "^8.33.1",
         "best-effort-json-parser": "^1.1.2",
@@ -446,9 +446,9 @@
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig=="
     },
     "node_modules/@getcanary/web": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/@getcanary/web/-/web-1.0.10.tgz",
-      "integrity": "sha512-gkOyjU0K/xS+rxDxHDS7lOOFKK79g+fwuB2iB2HFcZX2/YEImLBNz5xmDmJTXYEaEGcOdn4Th9W46U0fKI95QQ==",
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@getcanary/web/-/web-1.0.11.tgz",
+      "integrity": "sha512-4+1Kz7aCF02QSNvMb2BnnvzeA5YZ1zJU3Aa2Tzqt09Zinb1w1dsO41CWDLuvOd3/S6TBf0n2soYlppuVDcvkpw==",
       "dependencies": {
         "@floating-ui/dom": "^1.6.8",
         "@lit-labs/observers": "^2.0.2",
@@ -458,8 +458,7 @@
         "best-effort-json-parser": "^1.1.2",
         "lit": "^3.1.4",
         "marked": "^14.0.0",
-        "picomatch": "^4.0.2",
-        "prismjs": "^1.29.0"
+        "picomatch": "^4.0.2"
       }
     },
     "node_modules/@getcanary/web/node_modules/picomatch": {
@@ -1833,14 +1832,6 @@
         "svelte": "^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0"
       }
     },
-    "node_modules/prismjs": {
-      "version": "1.29.0",
-      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.29.0.tgz",
-      "integrity": "sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/property-information": {
       "version": "6.5.0",
       "resolved": "https://registry.npmjs.org/property-information/-/property-information-6.5.0.tgz",
diff --git a/core/assets/package.json b/core/assets/package.json
index 984aad6d..35018180 100644
--- a/core/assets/package.json
+++ b/core/assets/package.json
@@ -20,7 +20,7 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@getcanary/web": "^1.0.10",
+    "@getcanary/web": "^1.0.11",
     "@openreplay/tracker": "^14.0.9",
     "@sentry/browser": "^8.33.1",
     "best-effort-json-parser": "^1.1.2",
diff --git a/core/lib/canary/accounts/project.ex b/core/lib/canary/accounts/project.ex
index 2048aca3..330009ec 100644
--- a/core/lib/canary/accounts/project.ex
+++ b/core/lib/canary/accounts/project.ex
@@ -31,7 +31,24 @@ defmodule Canary.Accounts.Project do
 
     create :create do
       primary? true
-      accept [:account_id, :name]
+
+      accept [:name]
+      argument :account_id, :uuid, allow_nil?: false
+
+      change manage_relationship(:account_id, :account, type: :append)
+
+      change fn changeset, _ ->
+        account_id = Ash.Changeset.get_argument(changeset, :account_id)
+
+        with {:ok, %{billing: %{membership: %{tier: tier}}}} <-
+               Canary.Accounts.Account
+               |> Ash.get(account_id, load: [billing: [:membership]]) do
+          changeset
+          |> Ash.Changeset.force_change_attribute(:public, tier == :admin)
+        else
+          _ -> changeset
+        end
+      end
 
       change fn changeset, _ ->
         key = "cp_" <> String.slice(Ecto.UUID.generate(), 0..7)
diff --git a/core/lib/canary_web/components/layouts/app.html.heex b/core/lib/canary_web/components/layouts/app.html.heex
index 13aeda53..fdbe39c6 100644
--- a/core/lib/canary_web/components/layouts/app.html.heex
+++ b/core/lib/canary_web/components/layouts/app.html.heex
@@ -1,9 +1,9 @@
 <div class="flex flex-col h-screen">
-  <nav class="bg-white border-b border-gray-300 shadow-sm h-16 flex flex-row items-center px-4 justify-between">
+  <nav class="bg-white border-b border-gray-300 shadow-sm h-12 flex flex-row items-center px-4 justify-between">
     <div class="flex flex-row items-center gap-8">
       <.link class="text-md text-black" navigate={~p"/"}>🐤 Canary</.link>
       <%= if not is_nil(@current_account) and not is_nil(@current_project) do %>
-        <div class="flex flex-row items-center gap-2">
+        <div class="flex flex-row items-center gap-2 py-2">
           <form phx-change="account-change">
             <.input
               type="select"
@@ -81,7 +81,7 @@
   </main>
 
   <footer
-    :if={not is_nil(@current_account) and not @current_account.owner_email_confirmed}
+    :if={not is_nil(@current_account) and is_nil(@current_account.owner_email_confirmed)}
     class="bg-red-50 text-xs text-center py-2 font-semibold"
   >
     The owner of this account has not confirmed their email address.
diff --git a/core/lib/canary_web/live/example_live/ask.ex b/core/lib/canary_web/live/example_live/ask.ex
deleted file mode 100644
index 2dee56e1..00000000
--- a/core/lib/canary_web/live/example_live/ask.ex
+++ /dev/null
@@ -1,71 +0,0 @@
-defmodule CanaryWeb.ExampleLive.Ask do
-  use CanaryWeb, :live_component
-
-  @impl true
-  def render(assigns) do
-    ~H"""
-    <div class="border border-gray-200 py-4 px-6 rounded-md">
-      <h2>Search + Ask AI</h2>
-
-      <div class="flex flex-col gap-0 mt-2">
-        <p class="text-md">Click below to try it ↓</p>
-        <canary-root>
-          <canary-provider-cloud
-            project-key={@current_project.public_key}
-            api-base={CanaryWeb.Endpoint.url()}
-          >
-            <canary-modal>
-              <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
-              <canary-content slot="content">
-                <canary-input slot="input" autofocus></canary-input>
-                <canary-search slot="mode">
-                  <canary-search-results slot="body"></canary-search-results>
-                </canary-search>
-                <canary-ask slot="mode">
-                  <canary-ask-results slot="body"></canary-ask-results>
-                </canary-ask>
-              </canary-content>
-            </canary-modal>
-          </canary-provider-cloud>
-        </canary-root>
-      </div>
-
-      <div class="flex flex-col gap-0 mt-4">
-        <p>Actual code to render above ↓</p>
-        <code id={@id} phx-hook="Highlight"><%= @code %></code>
-      </div>
-    </div>
-    """
-  end
-
-  @impl true
-  def update(assigns, socket) do
-    project = assigns.current_project
-
-    code = """
-    <canary-root>
-      <canary-provider-cloud project-key="#{project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
-        <canary-modal>
-          <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
-            <canary-content>
-              <canary-input slot="input"></canary-input>
-              <canary-search slot="mode">
-                <canary-search-results slot="body"></canary-search-results>
-              </canary-search>
-              <canary-ask slot="mode"> // [!code highlight]
-                <canary-ask-results slot="body"></canary-ask-results> // [!code highlight]
-              </canary-ask> // [!code highlight]
-            </canary-content>
-        </canary-modal>
-      </canary-provider-cloud>
-    </canary-root>
-    """
-
-    socket =
-      socket
-      |> assign(assigns)
-      |> assign(:code, code)
-
-    {:ok, socket}
-  end
-end
diff --git a/core/lib/canary_web/live/example_live/example.ex b/core/lib/canary_web/live/example_live/example.ex
new file mode 100644
index 00000000..7b2e8210
--- /dev/null
+++ b/core/lib/canary_web/live/example_live/example.ex
@@ -0,0 +1,30 @@
+defmodule CanaryWeb.ExampleLive.Example do
+  use CanaryWeb, :live_component
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <div class="border border-gray-200 py-4 px-6 rounded-md">
+      <h2><%= @example.name %></h2>
+      <p :if={@example[:description]} class="italic mb-4"><%= @example.description %></p>
+
+      <div class="flex flex-col gap-0 mt-2">
+        <div class="text-md mb-2">
+          Click below to try it ↓
+        </div>
+        <%= raw(@example.code) %>
+      </div>
+
+      <div class="flex flex-col gap-0 mt-4 text-wrap">
+        <p>Actual code to render above ↓</p>
+        <code id={@id} phx-hook="Highlight"><%= @example.code %></code>
+      </div>
+    </div>
+    """
+  end
+
+  @impl true
+  def update(assigns, socket) do
+    {:ok, assign(socket, assigns)}
+  end
+end
diff --git a/core/lib/canary_web/live/example_live/examples.ex b/core/lib/canary_web/live/example_live/examples.ex
new file mode 100644
index 00000000..d2a23c30
--- /dev/null
+++ b/core/lib/canary_web/live/example_live/examples.ex
@@ -0,0 +1,242 @@
+defmodule CanaryWeb.ExampleLive.Examples do
+  use CanaryWeb, :live_component
+
+  @impl true
+  def render(assigns) do
+    ~H"""
+    <div class="flex flex-col gap-4">
+      <.live_component
+        :for={example <- @examples}
+        id={"example-#{example.name}"}
+        module={CanaryWeb.ExampleLive.Example}
+        current_project={@current_project}
+        example={example}
+      />
+    </div>
+    """
+  end
+
+  @impl true
+  def update(assigns, socket) do
+    has_webpage =
+      assigns.current_project.sources
+      |> Enum.any?(&(&1.config.type == :webpage))
+
+    has_github =
+      assigns.current_project.sources
+      |> Enum.any?(&(&1.config.type in [:github_issue, :github_discussion]))
+
+    tags =
+      assigns.current_project.sources
+      |> Enum.filter(&(&1.config.type == :webpage))
+      |> Enum.flat_map(& &1.config.value.tag_definitions)
+      |> Enum.map(& &1.name)
+      |> Enum.uniq()
+      |> Enum.join(",")
+
+    tabs = [
+      %{
+        name: "Docs",
+        pattern: "**/*",
+        options: %{ignore: "**/github.com/**"}
+      },
+      %{
+        name: "Github",
+        pattern: "**/github.com/**"
+      }
+    ]
+
+    examples =
+      [
+        %{
+          name: "Simple search",
+          description:
+            "Blazing fast fulltext search + semantic/hybrid search for longer, question-like queries.",
+          code: """
+          <canary-root query="#{assigns.current_project.name}">
+            <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+              <canary-modal transition>
+                <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                  <canary-content slot="content">
+                    <canary-input slot="input" autofocus></canary-input>
+                    <canary-search slot="mode"> // [!code highlight]
+                      <canary-search-results slot="body"></canary-search-results> // [!code highlight]
+                    </canary-search> // [!code highlight]
+                  </canary-content>
+              </canary-modal>
+            </canary-provider-cloud>
+          </canary-root>
+          """
+        },
+        %{
+          name: "Custom search bar",
+          description: "Everything is customizable. It's web-component.",
+          code: """
+          <canary-root query="#{assigns.current_project.name}">
+            <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+              <canary-modal transition>
+                <!-- <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar> --> // [!code --]
+                <button slot="trigger" class="border max-w-[400px] p-4 bg-gray-100 hover:bg-gray-200">Click this!</button> // [!code ++]
+                  <canary-content slot="content">
+                    <canary-input slot="input" autofocus></canary-input>
+                    <canary-search slot="mode">
+                      <canary-search-results slot="body"></canary-search-results>
+                    </canary-search>
+                  </canary-content>
+              </canary-modal>
+            </canary-provider-cloud>
+          </canary-root>
+          """
+        },
+        if(has_webpage and has_github,
+          do: %{
+            name: "Search with tabs",
+            description: "Can create any number of tabs using glob patterns.",
+            code: """
+            <canary-root query="#{assigns.current_project.name}">
+              <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+                <canary-modal transition>
+                  <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                    <canary-content slot="content">
+                      <canary-input slot="input" autofocus></canary-input>
+                      <canary-search slot="mode">
+                        <canary-filter-tabs-glob slot="head" tabs='#{Jason.encode!(tabs)}'></canary-filter-tabs-glob> // [!code ++]
+                        <canary-search-results slot="body"></canary-search-results>
+                      </canary-search>
+                    </canary-content>
+                </canary-modal>
+              </canary-provider-cloud>
+            </canary-root>
+            """
+          },
+          else: nil
+        ),
+        if(tags !== "",
+          do: %{
+            name: "Search with tags",
+            description: "Can split results based on selected tags.",
+            code: """
+            <canary-root query="#{assigns.current_project.name}">
+              <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+                <canary-modal transition>
+                  <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                    <canary-content slot="content">
+                      <canary-filter-tags slot="head" tags="#{tags}"></canary-filter-tags> // [!code ++]
+                      <canary-input slot="input" autofocus></canary-input>
+                      <canary-search slot="mode">
+                        <canary-search-results slot="body"></canary-search-results>
+                      </canary-search>
+                    </canary-content>
+                </canary-modal>
+              </canary-provider-cloud>
+            </canary-root>
+            """
+          },
+          else: nil
+        ),
+        cond do
+          has_webpage and has_github and tags != "" ->
+            %{
+              name: "Search with Ask AI",
+              description: "Type longer question, and press tab to run 'Ask AI'.",
+              code: """
+              <canary-root query="#{assigns.current_project.name}">
+                <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+                  <canary-modal transition>
+                    <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                      <canary-content slot="content">
+                        <canary-filter-tags slot="head" tags="#{tags}"></canary-filter-tags>
+                        <canary-input slot="input" autofocus></canary-input>
+                        <canary-search slot="mode">
+                          <canary-filter-tabs-glob slot="head" tabs='#{Jason.encode!(tabs)}'></canary-filter-tabs-glob>
+                          <canary-search-results slot="body"></canary-search-results>
+                        </canary-search>
+                        <canary-ask slot="mode"> // [!code ++]
+                          <canary-ask-results slot="body"></canary-ask-results> // [!code ++]
+                        </canary-ask> // [!code ++]
+                      </canary-content>
+                  </canary-modal>
+                </canary-provider-cloud>
+              </canary-root>
+              """
+            }
+
+          has_webpage and has_github and tags == "" ->
+            %{
+              name: "Search with Ask AI",
+              description: "Type longer question, and press tab to run 'Ask AI'.",
+              code: """
+              <canary-root query="#{assigns.current_project.name}">
+                <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+                  <canary-modal transition>
+                    <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                      <canary-content slot="content">
+                        <canary-input slot="input" autofocus></canary-input>
+                        <canary-search slot="mode">
+                          <canary-filter-tabs-glob slot="head" tabs='#{Jason.encode!(tabs)}'></canary-filter-tabs-glob>
+                          <canary-search-results slot="body"></canary-search-results>
+                        </canary-search>
+                        <canary-ask slot="mode"> // [!code ++]
+                          <canary-ask-results slot="body"></canary-ask-results> // [!code ++]
+                        </canary-ask> // [!code ++]
+                      </canary-content>
+                  </canary-modal>
+                </canary-provider-cloud>
+              </canary-root>
+              """
+            }
+
+          true ->
+            %{
+              name: "Search with Ask AI",
+              description: "Type longer question, and press tab to run 'Ask AI'.",
+              code: """
+              <canary-root>
+                <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+                  <canary-modal transition>
+                    <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                      <canary-content slot="content">
+                        <canary-input slot="input" autofocus></canary-input>
+                        <canary-search slot="mode">
+                          <canary-search-results slot="body"></canary-search-results>
+                        </canary-search>
+                        <canary-ask slot="mode"> // [!code ++]
+                          <canary-ask-results slot="body"></canary-ask-results> // [!code ++]
+                        </canary-ask> // [!code ++]
+                      </canary-content>
+                  </canary-modal>
+                </canary-provider-cloud>
+              </canary-root>
+              """
+            }
+        end,
+        %{
+          name: "Render anything in the footer",
+          code: """
+          <canary-root query="thank you for the shout-out!">
+            <canary-provider-cloud project-key="#{assigns.current_project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
+              <canary-modal transition>
+                <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
+                  <canary-content slot="content">
+                    <canary-input slot="input" autofocus></canary-input>
+                    <canary-search slot="mode">
+                      <canary-search-results slot="body"></canary-search-results>
+                    </canary-search>
+                    <canary-footer slot="footer"></canary-footer> // [!code ++]
+                  </canary-content>
+              </canary-modal>
+            </canary-provider-cloud>
+          </canary-root>
+          """
+        }
+      ]
+      |> Enum.reject(&is_nil/1)
+
+    socket =
+      socket
+      |> assign(assigns)
+      |> assign(:examples, examples)
+
+    {:ok, socket}
+  end
+end
diff --git a/core/lib/canary_web/live/example_live/index.ex b/core/lib/canary_web/live/example_live/index.ex
index d1b0ab1f..a6663432 100644
--- a/core/lib/canary_web/live/example_live/index.ex
+++ b/core/lib/canary_web/live/example_live/index.ex
@@ -5,14 +5,7 @@ defmodule CanaryWeb.ExampleLive.Index do
   def render(%{num_sources: 0} = assigns) do
     ~H"""
     <div>
-      <div class="mb-4">
-        <h2>Examples</h2>
-        <div>
-          <div>
-            For more information, please refer to our <a href="https://getcanary.dev/docs">documentation</a>.
-          </div>
-        </div>
-      </div>
+      <%= render_header(assigns) %>
 
       <div class="w-full h-[calc(100vh-300px)] bg-gray-100 rounded-sm flex flex-col items-center justify-center">
         <p class="text-lg">
@@ -26,30 +19,45 @@ defmodule CanaryWeb.ExampleLive.Index do
     """
   end
 
-  def render(assigns) do
+  def render(%{num_total_documents: 0} = assigns) do
     ~H"""
     <div>
-      <div class="mb-4">
-        <h2>Examples</h2>
-        <div>
-          <div>
-            For more information, please refer to our <a href="https://getcanary.dev/docs">documentation</a>.
-          </div>
-        </div>
+      <%= render_header(assigns) %>
+
+      <div class="w-full h-[calc(100vh-300px)] bg-gray-100 rounded-sm flex flex-col items-center justify-center">
+        <p class="text-lg">
+          You have some sources, but they don't have any documents yet.
+        </p>
+        <p>
+          Head over to <.link navigate={~p"/source"}>sources</.link>
+          tab and fetch documents from your sources.
+        </p>
       </div>
+    </div>
+    """
+  end
 
-      <div class="flex flex-col gap-4">
-        <.live_component
-          id="example-search"
-          module={CanaryWeb.ExampleLive.Search}
-          current_project={@current_project}
-        />
+  def render(assigns) do
+    ~H"""
+    <div>
+      <%= render_header(assigns) %>
+      <.live_component
+        id="examples"
+        module={CanaryWeb.ExampleLive.Examples}
+        current_project={@current_project}
+      />
+    </div>
+    """
+  end
 
-        <.live_component
-          id="example-ask"
-          module={CanaryWeb.ExampleLive.Ask}
-          current_project={@current_project}
-        />
+  defp render_header(assigns) do
+    ~H"""
+    <div class="mb-4">
+      <h2>Examples</h2>
+      <div>
+        <div>
+          For more information, please refer to our <a href="https://getcanary.dev">documentation</a>.
+        </div>
       </div>
     </div>
     """
@@ -57,11 +65,20 @@ defmodule CanaryWeb.ExampleLive.Index do
 
   @impl true
   def mount(_params, _session, socket) do
-    num_sources =
+    current_project =
       socket.assigns.current_project
-      |> Ash.load!(:num_sources)
-      |> Map.get(:num_sources)
+      |> Ash.load!([:num_sources, sources: [:num_documents]])
+
+    num_total_documents =
+      current_project.sources
+      |> Enum.reduce(0, fn source, acc -> acc + source.num_documents end)
+
+    socket =
+      socket
+      |> assign(:current_project, current_project)
+      |> assign(:num_sources, current_project.num_sources)
+      |> assign(:num_total_documents, num_total_documents)
 
-    {:ok, assign(socket, num_sources: num_sources)}
+    {:ok, socket}
   end
 end
diff --git a/core/lib/canary_web/live/example_live/search.ex b/core/lib/canary_web/live/example_live/search.ex
deleted file mode 100644
index 1828de79..00000000
--- a/core/lib/canary_web/live/example_live/search.ex
+++ /dev/null
@@ -1,65 +0,0 @@
-defmodule CanaryWeb.ExampleLive.Search do
-  use CanaryWeb, :live_component
-
-  @impl true
-  def render(assigns) do
-    ~H"""
-    <div class="border border-gray-200 py-4 px-6 rounded-md">
-      <h2>Search</h2>
-
-      <div class="flex flex-col gap-0 mt-2">
-        <p class="text-md">Click below to try it ↓</p>
-        <canary-root>
-          <canary-provider-cloud
-            project-key={@current_project.public_key}
-            api-base={CanaryWeb.Endpoint.url()}
-          >
-            <canary-modal>
-              <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
-              <canary-content slot="content">
-                <canary-input slot="input" autofocus></canary-input>
-                <canary-search slot="mode">
-                  <canary-search-results slot="body"></canary-search-results>
-                </canary-search>
-              </canary-content>
-            </canary-modal>
-          </canary-provider-cloud>
-        </canary-root>
-      </div>
-
-      <div class="flex flex-col gap-0 mt-4">
-        <p>Actual code to render above ↓</p>
-        <code id={@id} phx-hook="Highlight"><%= @code %></code>
-      </div>
-    </div>
-    """
-  end
-
-  @impl true
-  def update(assigns, socket) do
-    project = assigns.current_project
-
-    code = """
-    <canary-root>
-      <canary-provider-cloud project-key="#{project.public_key}" api-base="#{CanaryWeb.Endpoint.url()}">
-        <canary-modal>
-          <canary-trigger-searchbar slot="trigger"></canary-trigger-searchbar>
-            <canary-content>
-              <canary-input slot="input"></canary-input>
-              <canary-search slot="mode"> // [!code highlight]
-                <canary-search-results slot="body"></canary-search-results> // [!code highlight]
-              </canary-search> // [!code highlight]
-            </canary-content>
-        </canary-modal>
-      </canary-provider-cloud>
-    </canary-root>
-    """
-
-    socket =
-      socket
-      |> assign(assigns)
-      |> assign(:code, code)
-
-    {:ok, socket}
-  end
-end
diff --git a/core/lib/canary_web/live/live_account.ex b/core/lib/canary_web/live/live_account.ex
index c5080f21..8a74547d 100644
--- a/core/lib/canary_web/live/live_account.ex
+++ b/core/lib/canary_web/live/live_account.ex
@@ -22,7 +22,7 @@ defmodule CanaryWeb.LiveAccount do
 
   defp select_from_existing_accounts(socket) do
     current_user = socket.assigns[:current_user]
-    accounts = current_user |> Ash.load!(:accounts) |> Map.get(:accounts)
+    accounts = current_user |> Ash.load!(accounts: [:owner_email_confirmed]) |> Map.get(:accounts)
 
     current_account =
       Enum.find(accounts, &(&1.id == current_user.selected_account_id)) ||
diff --git a/core/lib/canary_web/live/public_live/demo.ex b/core/lib/canary_web/live/public_live/demo.ex
index 03b67628..53f6748b 100644
--- a/core/lib/canary_web/live/public_live/demo.ex
+++ b/core/lib/canary_web/live/public_live/demo.ex
@@ -2,6 +2,8 @@ defmodule CanaryWeb.PublicLive.Demo do
   use CanaryWeb, :live_view
   require Ash.Query
 
+  alias PrimerLive.Component, as: Primer
+
   @impl true
   def render(%{current_project: nil} = assigns) do
     ~H"""
@@ -14,27 +16,41 @@ defmodule CanaryWeb.PublicLive.Demo do
   def render(assigns) do
     ~H"""
     <div class="px-12 py-4">
-      <h2>Canary Demo</h2>
-      <div>
-        After <.link navigate="/" class="text-blue-500 underline">
-          creating your account,
-        </.link>fill in the ID below when creating a new project. <pre class="mt-2"><%= @current_project.id %></pre>
+      <h2 class="text-3xl">
+        🐤 Canary demo for
+        <span class="text-yellow-900 underline"><%= String.capitalize(@current_project.name) %></span>
+      </h2>
+      <div class="mt-2">
+        Canary is <a href="https://github.com/fastrepl/canary" target="_blank">open source</a>, and we have hosted service at <a
+          href="https://cloud.getcanary.dev"
+          target="_blank"
+        >cloud.getcanary.dev</a>.
+      </div>
+      <div class="mt-2">
+        You can use the ID below to clone this demo project, after <.link navigate="/projects">creating your account</.link>.
+        <div class="w-[320px] mt-2">
+          <Primer.text_input value={@current_project.id} disabled is_small is_full_width>
+            <:group_button>
+              <Primer.button
+                aria-label="Copy"
+                phx-hook="Clipboard"
+                id="project-key"
+                data-clipboard-text={@current_project.id}
+                is_small
+              >
+                <Primer.octicon name="paste-16" />
+              </Primer.button>
+            </:group_button>
+          </Primer.text_input>
+        </div>
       </div>
 
       <div class="py-4">
-        <div class="flex flex-col gap-4">
-          <.live_component
-            id="example-search"
-            module={CanaryWeb.ExampleLive.Search}
-            current_project={@current_project}
-          />
-
-          <.live_component
-            id="example-ask"
-            module={CanaryWeb.ExampleLive.Ask}
-            current_project={@current_project}
-          />
-        </div>
+        <.live_component
+          id="example-search"
+          module={CanaryWeb.ExampleLive.Examples}
+          current_project={@current_project}
+        />
       </div>
     </div>
     """
@@ -46,7 +62,7 @@ defmodule CanaryWeb.PublicLive.Demo do
       case Canary.Accounts.Project
            |> Ash.Query.filter(public == true)
            |> Ash.Query.filter(id == ^id)
-           |> Ash.read_one() do
+           |> Ash.read_one(load: [:sources]) do
         {:ok, project} -> assign(socket, current_project: project)
         _ -> assign(socket, current_project: nil)
       end