fix(ui): resource tab scroll from container

2026-10-04 02:04:06 +00:00 · 2026-05-22 09:44:35 +02:00
2 changed files with 10 additions and 1 deletions
@@ -1087,6 +1087,7 @@ export function ResourceDetailDrawerContent({
              <ResourceMetadataPanel
                metadata={f?.resourceMetadata}
                details={f?.resourceDetails}
+                fill
              />
            )}
          </TabsContent>
@@ -10,6 +10,13 @@ import { parseMetadata } from "@/lib/resource-metadata";
 interface ResourceMetadataPanelProps {
  metadata: Record<string, unknown> | string | null | undefined;
  details: string | null | undefined;
+  /**
+   * When true the metadata editor fills the available height and scrolls
+   * internally. Only enable this when the panel is rendered inside a bounded
+   * flex container; otherwise the editor collapses. Defaults to growing with
+   * its content.
+   */
+  fill?: boolean;
 }

 /**
@@ -24,6 +31,7 @@ interface ResourceMetadataPanelProps {
 export function ResourceMetadataPanel({
  metadata,
  details,
+  fill = false,
 }: ResourceMetadataPanelProps) {
  const parsedMetadata = parseMetadata(metadata);
  const hasMetadata =
@@ -58,7 +66,7 @@ export function ResourceMetadataPanel({
          copyValue={formattedMetadata}
          editable={false}
          minHeight={220}
-          fill
+          fill={fill}
          showCopyButton
          onChange={() => {}}
        />