Skip to content

fixes #149

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
imran31415 merged 1 commit into from
Feb 8, 2026
Merged

fixes #149

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions frontend/src/components/AgentApiKeyManager.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -195,7 +195,7 @@ const AgentApiKeyManager: React.FC<AgentApiKeyManagerProps> = ({
defaultText: {
fontSize: 14,
fontWeight: '500' as const,
color: '#FFD700',
color: colors.statusWarning,
},
priorityText: {
fontSize: 14,
Expand Down Expand Up @@ -495,7 +495,7 @@ const AgentApiKeyManager: React.FC<AgentApiKeyManagerProps> = ({
switch (status?.toLowerCase()) {
case 'valid': return colors.statusSuccess;
case 'invalid': return colors.statusError;
case 'expired': return '#fd7e14';
case 'expired': return colors.statusWarning;
case 'untested': return colors.textSecondary;
case 'rate_limited': return colors.statusWarning;
default: return colors.textSecondary;
Expand Down Expand Up @@ -538,7 +538,7 @@ const AgentApiKeyManager: React.FC<AgentApiKeyManagerProps> = ({

{item.isDefault && (
<View style={styles.defaultBadge}>
<Ionicons name="star" size={16} color="#FFD700" />
<Ionicons name="star" size={16} color={colors.statusWarning} />
<Text style={styles.defaultText}>Default for Service</Text>
</View>
)}
Expand Down
8 changes: 4 additions & 4 deletions frontend/src/components/AgentDetailView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -273,7 +273,7 @@ const AgentDetailView: React.FC<AgentDetailViewProps> = ({
errorText: {
fontSize: 16,
fontWeight: '500' as const,
color: '#FF6B35',
color: colors.statusError,
marginTop: 12,
marginBottom: 4,
textAlign: 'center' as const,
Expand Down Expand Up @@ -745,13 +745,13 @@ const AgentDetailView: React.FC<AgentDetailViewProps> = ({
</View>

<View style={styles.statCard}>
<Ionicons name="speedometer" size={24} color="#6f42c1" />
<Ionicons name="speedometer" size={24} color={colors.accent} />
<Text style={styles.statValue}>{agentStats.averageExecutionTime.toFixed(1)}s</Text>
<Text style={styles.statLabel}>Avg Duration</Text>
</View>

<View style={styles.statCard}>
<Ionicons name="trending-up" size={24} color="#17a2b8" />
<Ionicons name="trending-up" size={24} color={colors.accent} />
<Text style={styles.statValue}>
{agentStats.totalExecutions > 0
? Math.round((agentStats.completedExecutions / agentStats.totalExecutions) * 100)
Expand Down Expand Up @@ -846,7 +846,7 @@ const AgentDetailView: React.FC<AgentDetailViewProps> = ({
</View>
) : loadError ? (
<View style={styles.errorContainer}>
<Ionicons name="warning-outline" size={24} color="#FF6B35" />
<Ionicons name="warning-outline" size={24} color={colors.statusError} />
<Text style={styles.errorText}>Failed to load executions</Text>
<Text style={styles.errorSubtext}>{loadError}</Text>
<TouchableOpacity
Expand Down
16 changes: 8 additions & 8 deletions frontend/src/components/AgentMarketplaceCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,23 +103,23 @@ const AgentMarketplaceCard: React.FC<AgentMarketplaceCardProps> = ({
},
modelText: {
fontSize: 12,
color: '#AF52DE',
color: colors.accent,
fontWeight: '500' as const,
},
apiKeyTag: {
backgroundColor: '#E3F2FD',
backgroundColor: colors.accentSoft,
paddingHorizontal: 8,
paddingVertical: 3,
borderRadius: 6,
},
apiKeyText: {
fontSize: 11,
color: '#1976D2',
color: colors.accent,
fontWeight: '500' as const,
},
description: {
fontSize: 15,
color: '#6B6B6B',
color: colors.textSecondary,
lineHeight: 22,
marginBottom: 16,
},
Expand Down Expand Up @@ -171,7 +171,7 @@ const AgentMarketplaceCard: React.FC<AgentMarketplaceCardProps> = ({
},
moreSkillsText: {
fontSize: 12,
color: '#6B6B6B',
color: colors.textSecondary,
fontWeight: '500' as const,
},
statsContainer: {
Expand All @@ -189,7 +189,7 @@ const AgentMarketplaceCard: React.FC<AgentMarketplaceCardProps> = ({
},
statText: {
fontSize: 12,
color: '#6B6B6B',
color: colors.textSecondary,
fontWeight: '500' as const,
},
ctaContainer: {
Expand All @@ -213,9 +213,9 @@ const AgentMarketplaceCard: React.FC<AgentMarketplaceCardProps> = ({
const getExperienceColor = (level: string) => {
switch (level) {
case 'Junior': return colors.accent;
case 'Mid-Level': return '#32D74B';
case 'Mid-Level': return colors.statusSuccess;
case 'Senior': return colors.statusWarning;
case 'Expert': return '#AF52DE';
case 'Expert': return colors.accent;
default: return colors.accent;
}
};
Expand Down
32 changes: 16 additions & 16 deletions frontend/src/components/AgentMemoryViewer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
backgroundColor: colors.bgSurface,
},
filterButtonActive: {
backgroundColor: '#4CAF50',
backgroundColor: colors.statusSuccess,
},
filterButtonText: {
color: colors.textSecondary,
Expand All @@ -91,13 +91,13 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
flexDirection: 'row' as const,
alignItems: 'center' as const,
padding: 16,
backgroundColor: '#ffebee',
backgroundColor: `${colors.statusError}15`,
marginHorizontal: 16,
marginTop: 8,
borderRadius: 8,
},
errorText: {
color: '#f44336',
color: colors.statusError,
marginLeft: 8,
flex: 1,
},
Expand Down Expand Up @@ -134,10 +134,10 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
borderRadius: 6,
},
selectedNode: {
backgroundColor: '#e3f2fd',
backgroundColor: colors.accentSoft,
},
contextNode: {
backgroundColor: '#f1f8e9',
backgroundColor: `${colors.statusSuccess}15`,
},
nodeContent: {
flexDirection: 'row' as const,
Expand Down Expand Up @@ -196,7 +196,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
borderRadius: 8,
marginBottom: 8,
borderLeftWidth: 3,
borderLeftColor: '#4CAF50',
borderLeftColor: colors.statusSuccess,
},
searchResultHeader: {
flexDirection: 'row' as const,
Expand Down Expand Up @@ -224,7 +224,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
},
searchResultRelevance: {
fontSize: 12,
color: '#4CAF50',
color: colors.statusSuccess,
fontWeight: 'bold' as const,
},
noResults: {
Expand All @@ -246,11 +246,11 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
},
relationship: {
padding: 12,
backgroundColor: '#fff3e0',
backgroundColor: `${colors.statusWarning}15`,
borderRadius: 8,
marginBottom: 8,
borderLeftWidth: 3,
borderLeftColor: '#FF9800',
borderLeftColor: colors.statusWarning,
},
relationshipText: {
fontSize: 14,
Expand All @@ -259,7 +259,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
},
relationshipStrength: {
fontSize: 12,
color: '#FF9800',
color: colors.statusWarning,
fontWeight: 'bold' as const,
},
emptyStateContainer: {
Expand Down Expand Up @@ -512,10 +512,10 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
size={16}
color={
node.type === 'context'
? '#4CAF50'
? colors.statusSuccess
: node.type === 'relationship'
? '#FF9800'
: '#2196F3'
? colors.statusWarning
: colors.accent
}
style={styles.nodeIcon}
/>
Expand All @@ -530,7 +530,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
style={styles.clearButton}
onPress={() => clearMemoryContext(node.context!)}
>
<MaterialCommunityIcons name="delete" size={14} color="#f44336" />
<MaterialCommunityIcons name="delete" size={14} color={colors.statusError} />
</TouchableOpacity>
)}
</View>
Expand Down Expand Up @@ -592,7 +592,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC
<View style={styles.container}>
<View style={styles.header}>
<View style={styles.headerLeft}>
<MaterialCommunityIcons name="brain" size={24} color="#4CAF50" />
<MaterialCommunityIcons name="brain" size={24} color={colors.statusSuccess} />
<Text style={styles.title}>
{agent.firstName} {agent.lastName} - Memory
</Text>
Expand Down Expand Up @@ -636,7 +636,7 @@ export const AgentMemoryViewer: React.FC<AgentMemoryViewerProps> = ({ agent, onC

{error && (
<View style={styles.errorContainer}>
<MaterialCommunityIcons name="alert-circle" size={20} color="#f44336" />
<MaterialCommunityIcons name="alert-circle" size={20} color={colors.statusError} />
<Text style={styles.errorText}>{error}</Text>
</View>
)}
Expand Down
24 changes: 12 additions & 12 deletions frontend/src/components/AgentResumeModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,7 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
availability: {
fontSize: 14,
color: '#6B6B6B',
color: colors.textSecondary,
fontWeight: '500' as const,
},
apiRequirementsSection: {
Expand All @@ -145,15 +145,15 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
apiRequirementTag: {
flexDirection: 'row' as const,
alignItems: 'center' as const,
backgroundColor: '#E3F2FD',
backgroundColor: colors.accentSoft,
paddingHorizontal: 12,
paddingVertical: 6,
borderRadius: 16,
gap: 6,
},
apiRequirementText: {
fontSize: 14,
color: '#1976D2',
color: colors.accent,
fontWeight: '500' as const,
},
modelConfigSection: {
Expand All @@ -178,7 +178,7 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
modelConfigLabel: {
fontSize: 14,
color: '#6B6B6B',
color: colors.textSecondary,
fontWeight: '500' as const,
},
modelConfigValue: {
Expand All @@ -199,7 +199,7 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
description: {
fontSize: 16,
color: '#6B6B6B',
color: colors.textSecondary,
lineHeight: 24,
},
highlight: {
Expand Down Expand Up @@ -245,22 +245,22 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
capabilityCount: {
fontSize: 12,
color: '#6B6B6B',
color: colors.textSecondary,
},
specialtiesContainer: {
flexDirection: 'row' as const,
flexWrap: 'wrap' as const,
gap: 8,
},
specialtyTag: {
backgroundColor: '#E3F2FD',
backgroundColor: colors.accentSoft,
paddingHorizontal: 12,
paddingVertical: 6,
borderRadius: 16,
},
specialtyText: {
fontSize: 14,
color: '#1976D2',
color: colors.accent,
fontWeight: '500' as const,
},
toolsContainer: {
Expand Down Expand Up @@ -299,7 +299,7 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
statLabel: {
fontSize: 12,
color: '#6B6B6B',
color: colors.textSecondary,
textAlign: 'center' as const,
},
templateCard: {
Expand All @@ -324,11 +324,11 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
},
templateCategory: {
fontSize: 14,
color: '#6B6B6B',
color: colors.textSecondary,
},
templateDescription: {
fontSize: 14,
color: '#6B6B6B',
color: colors.textSecondary,
lineHeight: 20,
},
actionContainer: {
Expand Down Expand Up @@ -614,7 +614,7 @@ const AgentResumeModal: React.FC<AgentResumeModalProps> = ({
<Text style={styles.sectionTitle}>Execution Template</Text>
<View style={styles.templateCard}>
<View style={styles.templateHeader}>
<Ionicons name="document-text" size={24} color="#AF52DE" />
<Ionicons name="document-text" size={24} color={colors.accent} />
<View style={styles.templateInfo}>
<Text style={styles.templateName}>{agent.templateName}</Text>
<Text style={styles.templateCategory}>{agent.category}</Text>
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/ApiKeyModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -374,7 +374,7 @@ const ApiKeyModal: React.FC<ApiKeyModalProps> = ({
},
environmentCardSelected: {
borderColor: colors.statusSuccess,
backgroundColor: '#F0FFF4',
backgroundColor: `${colors.statusSuccess}15`,
},
environmentText: {
fontSize: 12,
Expand Down
Loading
Loading