Matt Aitken
09413a62a4
* PropertyTable component changed to use sub components * Separate run span component * Early WIP on tabs that use search query * Shortcut key tabs for the span panel * The span timeline is working * When runs get expired, update the OTEL event with an error * Improved the expired error message * Reveal env vars when editing * Tightened things up a bit * Added detail tab properties * Progress dashed line * Move the env label next to the Run number title * Top level cancel/replay buttons * Replay with a different payload and environment * Fix for non json payloads * Hide the clear/copy buttons * UI improvements with large payloads * Close the panels when you replay/cancel * Added the new timeline to spans * Use the u-turn left icon for replay * Added an index for spanId on TaskRun * Remove replay/cancel buttons the span view * Replay shortcut works inside the code editor * Split the log/span inspector between Overview and Detail as well * More improvements to the inspector * Context and output improvements * Focus on run working * Added version to run.ctx * Added some padding to the detail view * Added context tab with shortcut * Only load the replay data when the dialog is open * Replaying uses the tags from the original run * Links are now text links * Removed version links for now because we don’t have dropdown filters for them yet * Tabs are now outside of the scrollview * The inspector is now 30% of the width by default * Allow replaying and editing SuperJSON payloads * Deleted unused CodeGroup file * Increase the tags limit to 5, do the limiting on the server * The admin tooltip now always shows basic org, project and user info * Fix for schedule inspector disabled state layout * Remove new unused span metadata and context * Removed unused import
32 lines
958 B
TypeScript
32 lines
958 B
TypeScript
import { type ReactNode } from "react";
|
|
import { Paragraph } from "./Paragraph";
|
|
import { cn } from "~/utils/cn";
|
|
|
|
type ChildrenClassName = {
|
|
children: ReactNode;
|
|
className?: string;
|
|
};
|
|
|
|
function PropertyTable({ children, className }: { children: ReactNode; className?: string }) {
|
|
return <div className={cn("flex flex-col gap-y-3", className)}>{children}</div>;
|
|
}
|
|
|
|
function PropertyItem({ children, className }: ChildrenClassName) {
|
|
return <div className={cn("flex flex-col gap-0 text-sm", className)}>{children}</div>;
|
|
}
|
|
|
|
function PropertyLabel({ children, className }: ChildrenClassName) {
|
|
return <div className={cn("font-medium text-text-bright", className)}>{children}</div>;
|
|
}
|
|
|
|
function PropertyValue({ children, className }: ChildrenClassName) {
|
|
return <div className={cn("text-text-dimmed", className)}>{children}</div>;
|
|
}
|
|
|
|
export {
|
|
PropertyTable as Table,
|
|
PropertyItem as Item,
|
|
PropertyLabel as Label,
|
|
PropertyValue as Value,
|
|
};
|