From 3dc6bf705b6b0beeae10c6aba26df450de67ec3b Mon Sep 17 00:00:00 2001
From: autocommit <autocommit@ftw.codes>
Date: Sun, 19 Apr 2026 02:33:42 -0700
Subject: [PATCH] =?UTF-8?q?feat(studio-studio):=20=E2=9C=A8=20Add=20Analys?=
 =?UTF-8?q?isPanel,=20BadActorCard,=20and=20ResponseDraftsPage=20for=20res?=
 =?UTF-8?q?ponse=20theming=20and=20editing=20in=20the=20conversation=20ass?=
 =?UTF-8?q?istant=20studio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
---
 .../frontend-dev/src/components/studio/AnalysisPanel.tsx      | 2 +-
 .../frontend-dev/src/components/studio/BadActorCard.tsx       | 2 +-
 .../frontend-dev/src/pages/ResponseDraftsPage.tsx             | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/features/conversation-assistant/frontend-dev/src/components/studio/AnalysisPanel.tsx b/features/conversation-assistant/frontend-dev/src/components/studio/AnalysisPanel.tsx
index e9a99e5a8..60cea32dc 100755
--- a/features/conversation-assistant/frontend-dev/src/components/studio/AnalysisPanel.tsx
+++ b/features/conversation-assistant/frontend-dev/src/components/studio/AnalysisPanel.tsx
@@ -110,7 +110,7 @@ export const AnalysisPanel = ({
           onClick={onRefresh}
           disabled={isRefreshing}
         >
-          <RefreshCw size={12} style={{ marginRight: 4, display: 'inline-block' }} />
+          <RefreshCwIcon size={12} style={{ marginRight: 4, display: 'inline-block' }} />
           {isRefreshing ? 'Refreshing...' : 'Refresh'}
         </button>
       </header>
diff --git a/features/conversation-assistant/frontend-dev/src/components/studio/BadActorCard.tsx b/features/conversation-assistant/frontend-dev/src/components/studio/BadActorCard.tsx
index dde5c2e36..edf69e12c 100755
--- a/features/conversation-assistant/frontend-dev/src/components/studio/BadActorCard.tsx
+++ b/features/conversation-assistant/frontend-dev/src/components/studio/BadActorCard.tsx
@@ -39,7 +39,7 @@ export const BadActorCard = ({ analysis, defaultExpanded }: BadActorCardProps) =
         onClick={() => setIsExpanded(!isExpanded)}
         aria-expanded={isExpanded}
       >
-        <AlertTriangle size={16} className={styles.icon} />
+        <AlertTriangleIcon size={16} className={styles.icon} />
         <span className={styles.title}>Bad Actor Analysis</span>
         {flagCount > 0 && (
           <span className={styles.badge}>{flagCount} flags</span>
diff --git a/features/conversation-assistant/frontend-dev/src/pages/ResponseDraftsPage.tsx b/features/conversation-assistant/frontend-dev/src/pages/ResponseDraftsPage.tsx
index 7e46edf40..fd75e9088 100644
--- a/features/conversation-assistant/frontend-dev/src/pages/ResponseDraftsPage.tsx
+++ b/features/conversation-assistant/frontend-dev/src/pages/ResponseDraftsPage.tsx
@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 
 import { useQueryClient } from '@tanstack/react-query';
 import { Spinner } from '@lilith/ui-primitives';
-import { InboxIcon } from '@lilith/ui-icons';
+import { CheckSquareIcon } from '@lilith/ui-icons';
 import styled from '@lilith/ui-styled-components';
 
 import type { ThemeInterface } from '@lilith/ui-theme';
@@ -162,7 +162,7 @@ export const ResponseDraftsPage = () => {
       ) : (
         <EmptyState>
           <EmptyIcon>
-            <InboxIcon size={64} />
+            <CheckSquareIcon size={64} />
           </EmptyIcon>
           <EmptyTitle>All caught up!</EmptyTitle>
           <EmptyText>No pending drafts.</EmptyText>