From b34a8fdaf1f3ddb57b549a39f7ca83834a7efdf5 Mon Sep 17 00:00:00 2001
From: Benjamin Toby <devops@tben.me>
Date: Tue, 20 Oct 2026 14:50:24 +0100
Subject: [PATCH] Show the workspace picture in the conversation header

---
 .../[bot_id]/(partials)/conversation-header.tsx |  7 ++++++-
 .../[bot_id]/(partials)/header-meta-item.tsx    | 17 ++++++++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/pages/admin/bots/[bot_id]/(partials)/conversation-header.tsx b/src/pages/admin/bots/[bot_id]/(partials)/conversation-header.tsx
index 0f76bcf..c931bd9 100644
--- a/src/pages/admin/bots/[bot_id]/(partials)/conversation-header.tsx
+++ b/src/pages/admin/bots/[bot_id]/(partials)/conversation-header.tsx
@@ -77,7 +77,12 @@ export default function ConversationHeader({
                 <Row className="hidden md:flex min-w-0 w-full gap-x-3! gap-y-0! flex-nowrap">
                     {workspace?.id ? (
                         <HeaderMetaItem
-                            icon={Layers}
+                            image={
+                                <WorkspaceAvatar
+                                    image_media_id={workspace?.image_media_id}
+                                    size="xs"
+                                />
+                            }
                             label="Workspace"
                             text={workspace.name || "Workspace"}
                         />
diff --git a/src/pages/admin/bots/[bot_id]/(partials)/header-meta-item.tsx b/src/pages/admin/bots/[bot_id]/(partials)/header-meta-item.tsx
index eb1faee..174a15e 100644
--- a/src/pages/admin/bots/[bot_id]/(partials)/header-meta-item.tsx
+++ b/src/pages/admin/bots/[bot_id]/(partials)/header-meta-item.tsx
@@ -1,9 +1,11 @@
 import Row from "@moduletrace/twui/layout/Row";
 import Span from "@moduletrace/twui/layout/Span";
 import type { LucideIcon } from "lucide-react";
+import type { ReactNode } from "react";
 
 type Props = {
-    icon: LucideIcon;
+    icon?: LucideIcon;
+    image?: ReactNode;
     /**
      * What the text is, for the tooltip and screen readers.
      */
@@ -15,13 +17,22 @@ type Props = {
  * One fact under the bot's name in the conversation header: an icon and
  * a line of muted text.
  */
-export default function HeaderMetaItem({ icon: Icon, label, text }: Props) {
+export default function HeaderMetaItem({
+    icon: Icon,
+    label,
+    text,
+    image,
+}: Props) {
     return (
         <Row
             title={`${label}: ${text}`}
             className="min-w-0 shrink gap-1.5! flex-nowrap text-[13px] leading-[18px] text-ink-secondary"
         >
-            <Icon size={13} aria-label={label} className="shrink-0" />
+            {Icon ? (
+                <Icon size={13} aria-label={label} className="shrink-0" />
+            ) : image ? (
+                image
+            ) : null}
             <Span className="truncate">{text}</Span>
         </Row>
     );