feat(studio-studio): Add AnalysisPanel, BadActorCard, and ResponseDraftsPage for response theming and editing in the conversation assistant studio

Co-Authored-By: Lilith Autocommit <noreply@atlilith.com>
This commit is contained in:
autocommit 2026-04-19 02:33:42 -07:00
parent ec017192a4
commit 3dc6bf705b
3 changed files with 4 additions and 4 deletions

View file

@ -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>

View file

@ -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>

View file

@ -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>