Optimize object detail page with Power Apps-inspired tabbed layout #4495
Claudeci.yml
on: pull_request
Build Core
3m 19s
Test
13m 5s
Build Docs
8s
E2E Tests
0s
Annotations
11 errors
|
Build Core
Process completed with exit code 2.
|
|
Build Core
@object-ui/console#build: command (/home/runner/work/objectui/objectui/apps/console) /home/runner/setup-pnpm/node_modules/.bin/pnpm run build exited (2)
|
|
Build Core
'object.relationships' is possibly 'undefined'.
|
|
Test
Process completed with exit code 1.
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > API Integration > should render detail view with schema-driven widgets:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L319
TestingLibraryElementError: Unable to find an element by: [data-testid="field-management-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justi
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show data preview section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L263
TestingLibraryElementError: Unable to find an element by: [data-testid="data-preview-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-c
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show data experience section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L256
TestingLibraryElementError: Unable to find an element by: [data-testid="data-experience-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justif
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show keys section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L249
TestingLibraryElementError: Unable to find an element by: [data-testid="keys-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center ga
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show relationships section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L242
TestingLibraryElementError: Unable to find an element by: [data-testid="relationships-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show field management section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L228
TestingLibraryElementError: Unable to find an element by: [data-testid="field-management-section"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justi
|
|
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx > Object Manager (Metadata Pipeline) > Detail View (via MetadataDetailPage) > should show object properties section via schema widget:
apps/console/src/__tests__/ObjectManagerMetadataPipeline.test.tsx#L221
TestingLibraryElementError: Unable to find an element by: [data-testid="object-properties"]
Ignored nodes: comments, script, style
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-accent hover:text-accent-foreground h-10 w-10"
data-testid="back-to-list-btn"
>
<svg
aria-hidden="true"
class="lucide lucide-arrow-left h-4 w-4"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m12 19-7-7 7-7"
/>
<path
d="M19 12H5"
/>
</svg>
</button>
<div
class="bg-primary/10 p-2 rounded-md shrink-0"
>
<svg
aria-hidden="true"
class="lucide lucide-database h-5 w-5 text-primary"
fill="none"
height="24"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="24"
xmlns="http://www.w3.org/2000/svg"
>
<ellipse
cx="12"
cy="5"
rx="9"
ry="3"
/>
<path
d="M3 5V19A9 3 0 0 0 21 19V5"
/>
<path
d="M3 12A9 3 0 0 0 21 12"
/>
</svg>
</div>
<div
class="min-w-0"
>
<h1
class="text-xl sm:text-2xl font-bold tracking-tight"
>
Accounts
</h1>
<p
class="text-sm text-muted-foreground mt-1"
>
Object
Details
</p>
</div>
</div>
</div>
<div
class="flex flex-col gap-6"
data-testid="schema-detail-content"
>
<div
class="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2"
role="alert"
>
<p
class="font-medium"
>
Unknown component type:
<strong>
object-detail-tabs
</strong>
</p>
<p
class="text-xs mt-1"
>
💡
Ensure the component is registered via registry.register() before rendering. Check for typos in the component type name.
(OBJUI-001)
</p>
<pre
class="text-xs mt-2 overflow-auto"
>
{
"type": "object-detail-tabs",
"id": "account-tabs",
"objectName": "account"
}
</pre>
</div>
</div>
</div>
</div>
</body>
Ignored nodes: comments, script, style
<html>
<head />
<body>
<div>
<div
class="flex flex-col gap-4 p-4 sm:p-6"
data-testid="metadata-detail-page"
>
<div
class="flex flex-col sm:flex-row sm:items-center justify-between gap-3"
>
<div
class="flex items-center gap-3 min-w-0"
>
<button
class="inline-flex items-center justify-cent
|