fix(frontend): make agent ouput clickable (#11433)

### Changes 🏗️

<img width="1490" height="432" alt="Screenshot 2025-11-24 at 23 26 12"
src="https://github.com/user-attachments/assets/e5a149f2-7751-4276-9b76-707db7afdd46"
/>


The agent output buttons on the new run page weren't always clickable
due to a missing `z-index`.

### Checklist 📋

#### For code changes:
- [x] I have clearly listed my changes in the PR description
- [x] I have made a test plan
- [x] I have tested my changes according to the test plan:
  - [x] Login
  - [x] Open run in new runs page
  - [x] Ouput buttons are clickable without issues
This commit is contained in:
Ubbe
2025-11-25 20:15:46 +07:00
committed by GitHub
parent 52aac09577
commit 07368468a4

View File

@@ -1,15 +1,15 @@
"use client";
import React, { useMemo } from "react";
import {
globalRegistry,
OutputItem,
OutputActions,
} from "@/app/(platform)/library/agents/[id]/components/AgentRunsView/components/OutputRenderers";
import type {
OutputMetadata,
OutputRenderer,
} from "@/app/(platform)/library/agents/[id]/components/AgentRunsView/components/OutputRenderers";
import {
globalRegistry,
OutputActions,
OutputItem,
} from "@/app/(platform)/library/agents/[id]/components/AgentRunsView/components/OutputRenderers";
import React, { useMemo } from "react";
type OutputsRecord = Record<string, Array<unknown>>;
@@ -84,7 +84,7 @@ export function RunOutputs({ outputs }: RunOutputsProps) {
return (
<div className="relative flex flex-col gap-4">
<div className="absolute -top-3 right-0">
<div className="absolute -top-3 right-0 z-10">
<OutputActions
items={items.map((item) => ({
value: item.value,