Skip to content

Fix AI Analysis UI issues: invisible link, duplicate assistant title, and FRAP typo #47

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

Open
androemeda wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Fix AI Analysis UI issues: invisible link, duplicate assistant title, and FRAP typo #47

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6b2eaa9
fixed typo
androemeda Mar 8, 2026
2476e29
removed the extra "AI assistant" terms from /search page
androemeda Mar 8, 2026
ebff3a4
fix: improve tab visibility on /search/[bmid] page
androemeda Mar 8, 2026
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
4 changes: 2 additions & 2 deletions frontend/app/chat/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -77,9 +77,9 @@ export default function ChatPage() {
value: "How to create an account on VCell Software?",
},
{
label: "How to model FrapBindings in VCell Software?",
label: "How to model FRAP Bindings in VCell Software?",
icon: <FileText className="h-3 w-3 mr-2" />,
value: "How to model FragBindings in VCell Software?",
value: "How to model FRAP Bindings in VCell Software?",
},
{
label: "How to model Moving Boundaries in VCell Software?",
Expand Down
14 changes: 4 additions & 10 deletions frontend/app/search/[bmid]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -259,12 +259,12 @@ export default function BiomodelDetailPage() {
</CardHeader>
<CardContent className="p-6 bg-white">
<Tabs value={activeTab} onValueChange={setActiveTab} className="w-full">
<TabsList className="grid w-full grid-cols-2 mb-6">
<TabsTrigger value="overview" className="flex items-center gap-2 font-bold text-white">
<TabsList className="grid w-full grid-cols-2 mb-6 bg-slate-100">
<TabsTrigger value="overview" className="flex items-center gap-2 font-bold text-slate-600 data-[state=active]:bg-blue-600 data-[state=active]:text-white">
<FileText className="h-4 w-4" />
Overview
</TabsTrigger>
<TabsTrigger value="analysis" className="flex items-center gap-2 font-bold text-white">
<TabsTrigger value="analysis" className="flex items-center gap-2 font-bold text-slate-600 data-[state=active]:bg-blue-600 data-[state=active]:text-white">
<Search className="h-4 w-4" />
AI Analysis
</TabsTrigger>
Expand Down Expand Up @@ -427,17 +427,11 @@ export default function BiomodelDetailPage() {
<TabsContent value="analysis" className="space-y-6">
{/* AI Analysis Section */}
<div className="mb-6">
<div className="flex items-center gap-2 mb-2">
<Search className="h-4 w-4 text-blue-400" />
<span className="font-semibold text-slate-800 text-sm">
AI Analysis Assistant
</span>
</div>
<div className="bg-slate-50 border border-slate-200 rounded shadow-sm h-[600px] overflow-hidden">
<ChatBox
startMessage={combinedMessages}
quickActions={quickActions}
cardTitle="VCell AI Assistant"
cardTitle=""
promptPrefix={`Analyze the biomodel with the bmId ${data.bmKey}`}
isLoading={false}
/>
Expand Down
4 changes: 2 additions & 2 deletions frontend/components/ChatBox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -234,12 +234,12 @@ export const ChatBox: React.FC<ChatBoxProps> = ({

return (
<Card className="h-full flex flex-col shadow-sm border-slate-200">
<CardHeader className="bg-slate-50 border-b border-slate-200 flex-shrink-0">
{cardTitle && <CardHeader className="bg-slate-50 border-b border-slate-200 flex-shrink-0">
<CardTitle className="flex items-center gap-2 text-slate-900">
<MessageSquare className="h-5 w-5" />
{cardTitle}
</CardTitle>
</CardHeader>
</CardHeader>}
<CardContent className="flex-1 p-0 overflow-hidden">
<ScrollArea className="h-full p-4">
<div className="space-y-4">
Expand Down