feat: enhance EditAuthType to support read-only in history view

lib/screens/history/history_widgets/his_request_pane.dart

@@ -39,11 +39,12 @@ class HistoryRequestPane extends ConsumerWidget {
             .select((value) => value?.httpRequestModel.hasQuery)) ??
         false;
 
-    final scriptsLength = ref.watch(selectedHistoryRequestModelProvider
-            .select((value) => value?.preRequestScript?.length)) ??
-        ref.watch(selectedHistoryRequestModelProvider
-            .select((value) => value?.postRequestScript?.length)) ??
-        0;
+    final hasAuth = ref.watch(selectedHistoryRequestModelProvider.select(
+        (value) =>
+            value?.httpRequestModel.authModel?.type != APIAuthType.none));
+
+    final authModel = ref.watch(selectedHistoryRequestModelProvider
+        .select((value) => value?.httpRequestModel.authModel));
 
     return switch (apiType) {
       APIType.rest => RequestPane(
@@ -72,6 +73,10 @@ class HistoryRequestPane extends ConsumerWidget {
               rows: paramsMap,
               keyName: kNameURLParam,
             ),
+            EditAuthType(
+              authModel: authModel,
+              readOnly: true,
+            ),
             RequestDataTable(
               rows: headersMap,
               keyName: kNameHeader,

lib/screens/home_page/editor_pane/details_card/request_pane/request_auth.dart

@@ -9,22 +9,35 @@ import 'package:apidash_core/apidash_core.dart';
 import 'package:apidash/providers/providers.dart';
 
 class EditAuthType extends ConsumerWidget {
-  const EditAuthType({super.key});
+  final AuthModel? authModel;
+  final bool readOnly;
+
+  const EditAuthType({
+    super.key,
+    this.authModel,
+    this.readOnly = false,
+  });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
-    final selectedRequest = ref.read(selectedRequestModelProvider);
+    final AuthModel? currentAuthData;
+    final APIAuthType currentAuthType;
 
+    if (authModel != null) {
+      currentAuthData = authModel;
+      currentAuthType = authModel!.type;
+    } else {
+      final selectedRequest = ref.read(selectedRequestModelProvider);
       if (selectedRequest == null) {
         return const SizedBox.shrink();
       }
 
-    final currentAuthType = ref.watch(
-      selectedRequestModelProvider
-          .select((request) => request?.authModel?.type ?? APIAuthType.none),
+      currentAuthType = ref.watch(
+        selectedRequestModelProvider.select((request) =>
+            request?.httpRequestModel?.authModel?.type ?? APIAuthType.none),
       );
-    final currentAuthData = selectedRequest.authModel;
-
+      currentAuthData = selectedRequest.httpRequestModel?.authModel;
+    }
     return SingleChildScrollView(
       child: Padding(
         padding: const EdgeInsets.all(16.0),
@@ -40,6 +53,27 @@ class EditAuthType extends ConsumerWidget {
             SizedBox(
               height: 8,
             ),
+            if (readOnly)
+              Container(
+                padding:
+                    const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+                decoration: BoxDecoration(
+                  color: Theme.of(context).colorScheme.surfaceContainerLowest,
+                  borderRadius: BorderRadius.circular(8),
+                  border: Border.all(
+                    color:
+                        Theme.of(context).colorScheme.outline.withOpacity(0.3),
+                  ),
+                ),
+                child: Text(
+                  currentAuthType.name.toUpperCase(),
+                  style: Theme.of(context).textTheme.bodyMedium?.copyWith(
+                        fontWeight: FontWeight.w500,
+                        color: Theme.of(context).colorScheme.primary,
+                      ),
+                ),
+              )
+            else
               ADPopupMenu<APIAuthType>(
                 value: currentAuthType.name.capitalize(),
                 values: const [
@@ -55,10 +89,11 @@ class EditAuthType extends ConsumerWidget {
                 tooltip: "Select Authentication Type",
                 isOutlined: true,
                 onChanged: (APIAuthType? newType) {
-                final selectedRequest = ref.read(selectedRequestModelProvider);
+                  final selectedRequest =
+                      ref.read(selectedRequestModelProvider);
                   if (newType != null) {
                     ref.read(collectionStateNotifierProvider.notifier).update(
-                        authData: selectedRequest?.authModel
+                          authData: selectedRequest?.httpRequestModel?.authModel
                                   ?.copyWith(type: newType) ??
                               AuthModel(type: newType),
                         );
@@ -107,9 +142,13 @@ class EditAuthType extends ConsumerWidget {
           updateAuth: updateAuth,
         );
       case APIAuthType.none:
-        return const Text("No authentication selected.");
+        return Text(readOnly
+            ? "No authentication was used for this request."
+            : "No authentication selected.");
       default:
-        return const Text("This auth type is not implemented yet.");
+        return Text(readOnly
+            ? "Authentication details for ${authData?.type.name} are not yet supported in history view."
+            : "This auth type is not implemented yet.");
     }
   }
 }