8000 AI Expression - Make biological importance help more apparent and informative by bobular · Pull Request #1411 · VEuPathDB/web-monorepo · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

AI Expression - Make biological importance help more apparent and informative #1411

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
merged 1 commit into from
May 29, 2025
Merged

AI Expression - Make biological importance help more apparent and informative #1411

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
7 changes: 6 additions & 1 deletion ...nomics-site/webapp/wdkCustomization/js/client/components/records/AiExpressionSummary.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,6 @@ div.ai-floating-extras {
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 1em;

a {
/* remove the underline by default */
Expand Down Expand Up @@ -108,6 +107,12 @@ div.ai-topic-heading {
margin-bottom: 0.5em;
margin-right: 6em;

.badge {
i {
margin-left: 0.5em;
}
}

&::after {
content: '';
display: table;
Expand Down
34 changes: 32 additions & 2 deletions ...enomics-site/webapp/wdkCustomization/js/client/components/records/AiExpressionSummary.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import React, { useEffect, useRef, useState } from 'react';
import {
CollapsibleSection,
HelpIcon,
Loading,
} from '@veupathdb/wdk-client/lib/Components';
import { Props } from '@veupathdb/wdk-client/lib/Views/Records/RecordAttributes/RecordAttributeSection';
Expand Down Expand Up @@ -279,10 +280,40 @@ const AiExpressionResult = (props: AiExpressionResultProps) => {
<div className="ai-topic-heading">
<span
className="badge"
title={`AI-estimated biological importance`}
aria-label={`Column heading for AI-estimated importance score`}
>
Importance
<HelpIcon>
<div>
<h4>Biological importance & confidence</h4>
<p>
The AI was asked to rate the biological importance of each
experimental result on a scale from 1 (least important) to
5 (most important).
</p>
<p>
Please note that these ratings are based solely on the
available data for a single gene in a single
experiment—typically including standard errors and
percentile statistics—and are <i>not</i> the result of a
robust statistical analysis across all genes or
experiments.
</p>
<p>
The AI also estimated its confidence in each rating using
a scale from A (highest confidence) to E (lowest
confidence).
</p>
<p>
Each value in this column reflects the AI's predicted
importance and confidence level—for example,{' '}
<strong>5A</strong> means the AI judged the result to be
highly important with high confidence, while{' '}
<strong>1E</strong> suggests low importance and low
confidence.
</p>
</div>
</HelpIcon>
</span>
</div>
<ul className="ai-topic">
Expand Down Expand Up @@ -451,7 +482,6 @@ function AiExperimentSummary({
<div>
<span
className="badge"
title={`AI-estimated biological importance: ${biological_importance}/5 (confidence: ${confidenceGrade})`}
aria-label={`Importance score: ${biological_importance} out of 5`}
>
{biological_importance}
Expand Down
Loading
0