cbaoth/med-plan-assistant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update consolidated and improved tooltips

Browse Source
This commit is contained in:
Andreas Weyer
2026-01-17 13:06:56 +00:00
parent 3214c152dd
commit 3e7281e4db
6 changed files with 180 additions and 177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/settings.tsx
View File

@@ -15,7 +15,7 @@ import { Label } from './ui/label';
import { Switch } from './ui/switch';
import { Separator } from './ui/separator';
import { Button } from './ui/button';
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './ui/tooltip';
import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './ui/select';
import { FormNumericInput } from './ui/form-numeric-input';
import CollapsibleCardHeader from './ui/collapsible-card-header';
@@ -269,7 +269,6 @@ const Settings = ({
<Label htmlFor="showTemplateDay" className="font-medium">
{t('showTemplateDayInChart')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'showTemplateDay'} onOpenChange={(open) => setOpenTooltipId(open ? 'showTemplateDay' : null)}>
<TooltipTrigger asChild>
<button
@@ -286,7 +285,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'showTemplateDayTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
@@ -300,7 +298,6 @@ const Settings = ({
<Label htmlFor="showDayReferenceLines" className="font-medium">
{t('showDayReferenceLines')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'showDayReferenceLines'} onOpenChange={(open) => setOpenTooltipId(open ? 'showDayReferenceLines' : null)}>
<TooltipTrigger asChild>
<button
@@ -317,7 +314,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'showDayReferenceLinesTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
</div>
@@ -331,7 +327,6 @@ const Settings = ({
<Label htmlFor="showTherapeuticRange" className="font-medium">
{t('showTherapeuticRangeLines')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'showTherapeuticRangeLines'} onOpenChange={(open) => setOpenTooltipId(open ? 'showTherapeuticRangeLines' : null)}>
<TooltipTrigger asChild>
<button
@@ -348,7 +343,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'showTherapeuticRangeLinesTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{showTherapeuticRange && (
<div className="ml-8 space-y-2">
@@ -356,7 +350,6 @@ const Settings = ({
<Label className="font-medium">
{t('therapeuticRange')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'therapeuticRange'} onOpenChange={(open) => setOpenTooltipId(open ? 'therapeuticRange' : null)}>
<TooltipTrigger asChild>
<button
@@ -373,7 +366,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'therapeuticRangeTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<div className="flex flex-wrap items-center gap-2">
<FormNumericInput
@@ -406,7 +398,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('displayedDays')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'displayedDays'} onOpenChange={(open) => setOpenTooltipId(open ? 'displayedDays' : null)}>
<TooltipTrigger asChild>
<button
@@ -423,7 +414,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'displayedDaysTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={displayedDays}
@@ -440,7 +430,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('yAxisRange')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'yAxisRange'} onOpenChange={(open) => setOpenTooltipId(open ? 'yAxisRange' : null)}>
<TooltipTrigger asChild>
<button
@@ -457,7 +446,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'yAxisRangeTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<div className="flex flex-wrap items-center gap-2">
<FormNumericInput
@@ -487,7 +475,6 @@ const Settings = ({
<div className="space-y-2">
<Label className="font-medium">{t('xAxisTimeFormat')}</Label>
<TooltipProvider>
<Select
value={showDayTimeOnXAxis}
onValueChange={value => onUpdateUiSetting('showDayTimeOnXAxis', value)}
@@ -528,7 +515,6 @@ const Settings = ({
</Tooltip>
</SelectContent>
</Select>
</TooltipProvider>
</div>
</CardContent>
)}
@@ -546,7 +532,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('simulationDuration')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'simulationDuration'} onOpenChange={(open) => setOpenTooltipId(open ? 'simulationDuration' : null)}>
<TooltipTrigger asChild>
<button
@@ -563,7 +548,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'simulationDurationTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={simulationDays}
@@ -598,7 +582,6 @@ const Settings = ({
<Label htmlFor="steadyStateDaysEnabled" className="font-medium">
{t('steadyStateDays')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'steadyStateDays'} onOpenChange={(open) => setOpenTooltipId(open ? 'steadyStateDays' : null)}>
<TooltipTrigger asChild>
<button
@@ -615,7 +598,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'steadyStateDaysTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{steadyStateDaysEnabled && (
<div className="ml-8 space-y-2">
@@ -648,7 +630,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('halfLife')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'halfLife'} onOpenChange={(open) => setOpenTooltipId(open ? 'halfLife' : null)}>
<TooltipTrigger asChild>
<button
@@ -665,7 +646,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{renderTooltipWithLinks(tWithDefaults(t, 'halfLifeTooltip', defaultsForT))}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.damph.halfLife}
@@ -688,7 +668,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('conversionHalfLife')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'conversionHalfLife'} onOpenChange={(open) => setOpenTooltipId(open ? 'conversionHalfLife' : null)}>
<TooltipTrigger asChild>
<button
@@ -705,7 +684,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'conversionHalfLifeTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.ldx.halfLife}
@@ -724,7 +702,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('absorptionHalfLife')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'absorptionHalfLife'} onOpenChange={(open) => setOpenTooltipId(open ? 'absorptionHalfLife' : null)}>
<TooltipTrigger asChild>
<button
@@ -741,7 +718,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'absorptionHalfLifeTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.ldx.absorptionHalfLife}
@@ -784,7 +760,6 @@ const Settings = ({
<Label htmlFor="weightBasedVdEnabled" className="font-medium">
{t('weightBasedVdScaling')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'weightBasedVd'} onOpenChange={(open) => setOpenTooltipId(open ? 'weightBasedVd' : null)}>
<TooltipTrigger asChild>
<button
@@ -801,13 +776,11 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'weightBasedVdTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{pkParams.advanced.weightBasedVd.enabled && (
<div className="ml-8 space-y-2">
<div className="flex items-center gap-2">
<Label className="text-sm font-medium">{t('bodyWeight')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'bodyWeight'} onOpenChange={(open) => setOpenTooltipId(open ? 'bodyWeight' : null)}>
<TooltipTrigger asChild>
<button
@@ -824,7 +797,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{renderTooltipWithLinks(tWithDefaults(t, 'bodyWeightTooltip', defaultsForT))}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.advanced.weightBasedVd.bodyWeight}
@@ -852,7 +824,6 @@ const Settings = ({
<Label htmlFor="foodEffectEnabled" className="font-medium">
{t('foodEffectEnabled')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'foodEffect'} onOpenChange={(open) => setOpenTooltipId(open ? 'foodEffect' : null)}>
<TooltipTrigger asChild>
<button
@@ -869,13 +840,11 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'foodEffectTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{pkParams.advanced.foodEffect.enabled && (
<div className="ml-8 space-y-2">
<div className="flex items-center gap-2">
<Label className="text-sm font-medium">{t('tmaxDelay')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'tmaxDelay'} onOpenChange={(open) => setOpenTooltipId(open ? 'tmaxDelay' : null)}>
<TooltipTrigger asChild>
<button
@@ -892,7 +861,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{renderTooltipWithLinks(tWithDefaults(t, 'tmaxDelayTooltip', defaultsForT))}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.advanced.foodEffect.tmaxDelay}
@@ -920,7 +888,6 @@ const Settings = ({
<Label htmlFor="urinePHEnabled" className="font-medium">
{t('urinePHTendency')}
</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'urinePH'} onOpenChange={(open) => setOpenTooltipId(open ? 'urinePH' : null)}>
<TooltipTrigger asChild>
<button
@@ -937,13 +904,11 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'urinePHTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
{pkParams.advanced.urinePh.enabled && (
<div className="ml-8 space-y-2">
<div className="flex items-center gap-2">
<Label className="text-sm font-medium">{t('urinePHValue')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'urinePHValue'} onOpenChange={(open) => setOpenTooltipId(open ? 'urinePHValue' : null)}>
<TooltipTrigger asChild>
<button
@@ -960,7 +925,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{tWithDefaults(t, 'urinePHValueTooltip', defaultsForT)}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.advanced.urinePh.phTendency}
@@ -981,7 +945,6 @@ const Settings = ({
<div className="space-y-2">
<div className="flex items-center gap-2">
<Label className="font-medium">{t('oralBioavailability')}</Label>
<TooltipProvider>
<Tooltip open={openTooltipId === 'oralBioavailability'} onOpenChange={(open) => setOpenTooltipId(open ? 'oralBioavailability' : null)}>
<TooltipTrigger asChild>
<button
@@ -998,7 +961,6 @@ const Settings = ({
<p className="text-xs max-w-xs">{renderTooltipWithLinks(tWithDefaults(t, 'oralBioavailabilityTooltip', defaultsForT))}</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>
</div>
<FormNumericInput
value={pkParams.advanced.fOral}