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:
parent
ec017192a4
commit
3dc6bf705b
3 changed files with 4 additions and 4 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue