ui phase 1

client/src/app/[locale]/(private-routes)/nurse/services/VariantBuilder.tsx

@@ -14,7 +14,7 @@ import {
   ToggleButtonGroup,
   Typography,
 } from '@mui/material';
-import { AppButton, AppLoading, CategoryTile, PriceDisplay, StepperHeader } from '@/components';
+import { AppButton, AppLoading, CategoryTile, ErrorState, PriceDisplay, StepperHeader } from '@/components';
 import { ApiError } from '@/lib/api/errors';
 import { digitsOnly, rialToToman, tomanToRial } from '@/utils';
 import {
@@ -383,6 +383,14 @@ const VariantBuilder: FunctionComponent<VariantBuilderProps> = ({ initial, onDon
 
           {optionGroupsQuery.isLoading ? (
             <AppLoading />
+          ) : optionGroupsQuery.isError ? (
+            // A failed fetch must never read as "this category has zero options" — that would let the
+            // nurse skip required options entirely. Block progression until the retry succeeds.
+            <ErrorState
+              message={t('options_error')}
+              retryLabel={tc('retry')}
+              onRetry={() => optionGroupsQuery.refetch()}
+            />
           ) : groups.length === 0 ? (
             <Typography variant="body2" sx={{ color: 'text.secondary' }}>
               {t('options_none')}
@@ -472,7 +480,12 @@ const VariantBuilder: FunctionComponent<VariantBuilderProps> = ({ initial, onDon
             {t('next')}
           </AppButton>
         ) : activeStep === 1 ? (
-          <AppButton color="primary" variant="contained" onClick={goNextFromOptions}>
+          <AppButton
+            color="primary"
+            variant="contained"
+            onClick={goNextFromOptions}
+            disabled={optionGroupsQuery.isError}
+          >
             {t('next')}
           </AppButton>
         ) : (