Say what went wrong on a node in one line

The bubble opened with the loader's own frame — `exec(compile(...))`
inside `_load_function` — before anything about the user's code, and
then said all of it twice, because a load failure arrives both as the
node's status and as a node_error issue carrying the same text. It is
now `Type: message (line N)`, deduplicated, with the line taken from the
node's own file. Full tracebacks still go to the server log.

Long messages grow the bubble instead of stretching it, and scroll only
past 240px. The tooltip arrow is gone: it read as a rotated square notch
under the bubble, and no better anywhere else it appeared.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KkmeRiyeYmVZqJVwuyHq9o

frontend/src/components/Flow/FlowNode.tsx

@@ -83,9 +83,13 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
 
   // Whatever is wrong — it failed to load, it failed to run, or the graph
   // around it does not add up — is the same red dot with the same explanation.
-  const problem = [live?.status === "error" ? live.error : null, issueText]
+  // A load failure arrives twice, as node status and as a validation issue, so
+  // identical lines collapse into one.
+  const lines = [live?.status === "error" ? live.error : null, issueText]
     .filter(Boolean)
     .join("\n")
+    .split("\n")
+  const problem = [...new Set(lines)].join("\n")
   const status = problem ? "error" : live?.status
   const style = STATUS_STYLES[status as keyof typeof STATUS_STYLES]
 
@@ -126,7 +130,7 @@ function FlowNodeComponent({ data, selected }: NodeProps) {
                 aria-label={style.label}
               />
             </TooltipTrigger>
-            <TooltipContent className="max-w-xs whitespace-pre-line">
+            <TooltipContent className="max-h-60 max-w-xs overflow-y-auto whitespace-pre-line break-words">
               {problem || style.label}
             </TooltipContent>
           </Tooltip>

frontend/src/components/ui/tooltip.tsx

@@ -34,7 +34,7 @@ function TooltipTrigger({
 
 function TooltipContent({
   className,
-  sideOffset = 0,
+  sideOffset = 4,
   children,
   ...props
 }: React.ComponentProps<typeof TooltipPrimitive.Content>) {
@@ -50,7 +50,6 @@ function TooltipContent({
         {...props}
       >
         {children}
-        <TooltipPrimitive.Arrow className="bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
       </TooltipPrimitive.Content>
     </TooltipPrimitive.Portal>
   )