From 677940ff036bc68f53bb2d5616813094621aad5a Mon Sep 17 00:00:00 2001
From: Athul <athul@zipstack.com>
Date: Thu, 11 Jun 2026 12:39:27 +0530
Subject: [PATCH] UN-2742 Show profile name instead of LLM name in output tabs

Profiles encode user intent (same model can differ by LLMWhisperer
mode, chunking, etc.), so the profile name is the meaningful label
when comparing outputs. The LLM model name stays available as a
tooltip on each tab.

Applies to the shared tab strip used by the Output Analyzer and the
main combined-output view (JsonView), and the same pattern in
OutputForDocModal.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 .../components/custom-tools/combined-output/JsonView.jsx  | 8 ++++++--
 .../output-for-doc-modal/OutputForDocModal.jsx            | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/custom-tools/combined-output/JsonView.jsx b/frontend/src/components/custom-tools/combined-output/JsonView.jsx
index 36e11c4648..e29d426771 100644
--- a/frontend/src/components/custom-tools/combined-output/JsonView.jsx
+++ b/frontend/src/components/custom-tools/combined-output/JsonView.jsx
@@ -1,4 +1,4 @@
-import { Tabs } from "antd";
+import { Tabs, Tooltip } from "antd";
 import TabPane from "antd/es/tabs/TabPane";
 import Prism from "prismjs";
 import PropTypes from "prop-types";
@@ -70,7 +70,11 @@ function JsonView({
           )}
           {adapterData.map((adapter) => (
             <TabPane
-              tab={<span>{adapter?.llm_model || adapter?.profile_name}</span>}
+              tab={
+                <Tooltip title={adapter?.llm_model}>
+                  <span>{adapter?.profile_name || adapter?.llm_model}</span>
+                </Tooltip>
+              }
               key={adapter?.profile_id}
             />
           ))}
diff --git a/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx b/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx
index ce8b81ec54..c16273c6e2 100644
--- a/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx
+++ b/frontend/src/components/custom-tools/output-for-doc-modal/OutputForDocModal.jsx
@@ -3,7 +3,7 @@ import {
   CloseCircleFilled,
   InfoCircleFilled,
 } from "@ant-design/icons";
-import { Button, Modal, Table, Tabs, Typography } from "antd";
+import { Button, Modal, Table, Tabs, Tooltip, Typography } from "antd";
 import TabPane from "antd/es/tabs/TabPane";
 import PropTypes from "prop-types";
 import { useEffect, useState } from "react";
@@ -340,7 +340,11 @@ function OutputForDocModal({
             <TabPane tab={<span>Default</span>} key={"0"}></TabPane>
             {adapterData?.map((adapter, index) => (
               <TabPane
-                tab={<span>{adapter?.llm_model || adapter?.profile_name}</span>}
+                tab={
+                  <Tooltip title={adapter?.llm_model}>
+                    <span>{adapter?.profile_name || adapter?.llm_model}</span>
+                  </Tooltip>
+                }
                 key={(index + 1)?.toString()}
               ></TabPane>
             ))}