fix(frontend): use observe: "response" to access HuggingFace response headers and body

Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Julie Cao <116243642+juliethecao@users.noreply.github.com>

Author: juliethecao

frontend/src/app/workspace/component/hugging-face/hugging-face.component.ts

@@ -356,17 +356,18 @@ export class HuggingFaceComponent extends FieldType<FieldTypeConfig> implements
     this.cdr.detectChanges();
 
     this.subscription = this.http
-      .get<
-        HuggingFaceModelOption[]
-      >(`${AppSettings.getApiEndpoint()}/huggingface/models?task=${encodeURIComponent(tag)}`)
+      .get<HuggingFaceModelOption[]>(
+        `${AppSettings.getApiEndpoint()}/huggingface/models?task=${encodeURIComponent(tag)}`,
+        { observe: "response" }
+      )
+      .pipe(finalize(() => inFlightByTag.delete(tag)))
       .subscribe({
         next: resp => {
           const models = resp.body ?? [];
           if (resp.headers.get(TRUNCATED_HEADER) === "true") {
             truncatedByTag.add(tag);
           }
           allModelsByTag.set(tag, models);
-          inFlightByTag.delete(tag);
           this.loading = false;
           this.truncated = truncatedByTag.has(tag);
           this.allModels = models;
@@ -376,7 +377,6 @@ export class HuggingFaceComponent extends FieldType<FieldTypeConfig> implements
           console.error(`Failed to load HuggingFace models for task '${tag}':`, err);
           const msg = "Failed to load models. Click retry to try again.";
           errorByTag.set(tag, msg);
-          inFlightByTag.delete(tag);
           this.loading = false;
           this.errorMessage = msg;
           this.cdr.detectChanges();