From f4376bbcedc697a4cd1bec58dfede594788aeeeb Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Wed, 25 Feb 2026 09:18:22 +0000
Subject: [PATCH 1/2] feat: add tooltip to error icon button in summary tab

Co-Authored-By: John <john@hyprnote.com>
---
 .../src/components/notepad/session-panel.tsx  | 34 ++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/notepad/session-panel.tsx b/apps/web/src/components/notepad/session-panel.tsx
index f5b3204d2b..883b796575 100644
--- a/apps/web/src/components/notepad/session-panel.tsx
+++ b/apps/web/src/components/notepad/session-panel.tsx
@@ -1,4 +1,4 @@
-import { RefreshCw } from "lucide-react";
+import { CircleAlert, RefreshCw } from "lucide-react";
 import {
   lazy,
   Suspense,
@@ -14,6 +14,13 @@ import { parseJsonContent } from "@hypr/tiptap/shared";
 import "@hypr/tiptap/styles.css";
 import type { Segment } from "@hypr/transcript";
 
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@hypr/ui/components/ui/tooltip";
+
 import { EMPTY_MENTION_CONFIG } from "@/components/transcription/constants";
 import { FloatingCTA } from "@/components/transcription/floating-cta";
 import { SummaryView } from "@/components/transcription/summary-view";
@@ -185,7 +192,28 @@ export function SessionPanel({
                 active={activeTab === "summary"}
                 onClick={() => setActiveTab("summary")}
                 trailing={
-                  activeTab === "summary" && transcript && !isSummarizing ? (
+                  isSummarizing ? (
+                    <div className="ml-1 animate-spin rounded-full h-3 w-3 border-b border-stone-600" />
+                  ) : summaryError ? (
+                    <TooltipProvider delayDuration={0}>
+                      <Tooltip>
+                        <TooltipTrigger asChild>
+                          <button
+                            onClick={(e) => {
+                              e.stopPropagation();
+                              handleRegenerate();
+                            }}
+                            className="ml-1 p-0.5 rounded hover:bg-neutral-200 transition-colors"
+                          >
+                            <CircleAlert size={12} className="text-red-500" />
+                          </button>
+                        </TooltipTrigger>
+                        <TooltipContent side="bottom">
+                          <p className="max-w-[240px]">{summaryError}</p>
+                        </TooltipContent>
+                      </Tooltip>
+                    </TooltipProvider>
+                  ) : activeTab === "summary" && transcript && !isSummarizing ? (
                     <button
                       onClick={(e) => {
                         e.stopPropagation();
@@ -195,8 +223,6 @@ export function SessionPanel({
                     >
                       <RefreshCw size={12} />
                     </button>
-                  ) : isSummarizing ? (
-                    <div className="ml-1 animate-spin rounded-full h-3 w-3 border-b border-stone-600" />
                   ) : null
                 }
               />

From e71344fdb792ed31aa81f2eb8eae0362f9b26ba7 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Wed, 25 Feb 2026 09:27:42 +0000
Subject: [PATCH 2/2] fix: formatting for dprint

Co-Authored-By: John <john@hyprnote.com>
---
 apps/web/src/components/notepad/session-panel.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/notepad/session-panel.tsx b/apps/web/src/components/notepad/session-panel.tsx
index 883b796575..a402cfaa0c 100644
--- a/apps/web/src/components/notepad/session-panel.tsx
+++ b/apps/web/src/components/notepad/session-panel.tsx
@@ -13,7 +13,6 @@ import type { JSONContent, TiptapEditor } from "@hypr/tiptap/editor";
 import { parseJsonContent } from "@hypr/tiptap/shared";
 import "@hypr/tiptap/styles.css";
 import type { Segment } from "@hypr/transcript";
-
 import {
   Tooltip,
   TooltipContent,
@@ -213,7 +212,9 @@ export function SessionPanel({
                         </TooltipContent>
                       </Tooltip>
                     </TooltipProvider>
-                  ) : activeTab === "summary" && transcript && !isSummarizing ? (
+                  ) : activeTab === "summary" &&
+                    transcript &&
+                    !isSummarizing ? (
                     <button
                       onClick={(e) => {
                         e.stopPropagation();