Feat/optional sender #1286
Triggered via pull request
September 26, 2025 06:50
p2arthur
Status
Failure
Total duration
4m 24s
Artifacts
–
pr.yaml
on: pull_request
Run PR checks
/
node-ci
4m 20s
Annotations
8 errors
|
Run PR checks / node-ci
Process completed with exit code 1.
|
|
src/features/applications/components/application-method-definitions.test.tsx > application-method-definitions > test-arc32-app-spec > when a wallet is connected > when calling get_pay_txn_amount method > clear the payment transaction if the user switch to call add method:
src/features/applications/components/application-method-definitions.test.tsx#L790
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
aria-describedby="radix-:rol:"
aria-labelledby="radix-:rok:"
class="fixed top-0 w-full h-full md:w-auto md:h-auto md:left-[50%] md:top-[50%] z-50 grid md:translate-x-[-50%] md:translate-y-[-50%] gap-3 border shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] md:rounded-lg pt-4 [&:has(_h2)]:pt-2.5 bg-card"
data-state="open"
id="radix-:roj:"
role="dialog"
style="pointer-events: auto;"
>
<p
hidden=""
id="radix-:rol:"
>
Build Transaction
</p>
<div
class="flex sm:text-left px-4 flex-row items-center space-y-0"
>
<h2
class="pb-0 pb-0"
id="radix-:rok:"
>
Build Transaction
</h2>
</div>
<div
class="w-full md:w-[768px] max-h-[600px] overflow-auto px-4 pt-1 pb-4"
>
<div>
<div
class="flex flex-col mb-4"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ml-0.5 mb-2"
for="transaction-type"
>
Transaction type
</label>
<button
aria-autocomplete="none"
aria-controls="radix-:ror:"
aria-expanded="false"
class="border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-10 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate"
data-state="closed"
dir="ltr"
id="transaction-type"
role="combobox"
type="button"
>
<span … />
<div … />
</button>
</div>
<div
class="grid"
>
bound HTMLFormElement {
"0": <input … />,
"1": <input … />,
"2": <input … />,
"3": <button … />,
"4": <input … />,
"5": <button … />,
"6": <input … />,
"7": <input … />,
"8": <button … />,
"9": <button … />,
}
</div>
</div>
</div>
<button
class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
type="button"
>
<svg
class="size-4"
fill="none"
height="15"
viewBox="0 0 15 15"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<span
class="sr-only"
>
Close
</span>
</button>
</div> instead
Ignored nodes: comments, script, style
<html
class="light"
>
<head>
<title>
Lora App:1099
</title>
</head>
<body
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="opacity: 0; position: fixed; pointer-events: none; outline-color: none; outline-style: none; outline-width: initial;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div>
<div
|
|
src/features/applications/components/application-method-definitions.test.tsx > application-method-definitions > test-arc32-app-spec > when a wallet is connected > when calling get_pay_txn_amount method > allows the user to edit note for get_pay_txn_amount method call:
src/features/applications/components/application-method-definitions.test.tsx#L669
Error: expect(element).not.toBeInTheDocument()
expected document not to contain element, found <div
aria-describedby="radix-:rm5:"
aria-labelledby="radix-:rm4:"
class="fixed top-0 w-full h-full md:w-auto md:h-auto md:left-[50%] md:top-[50%] z-50 grid md:translate-x-[-50%] md:translate-y-[-50%] gap-3 border shadow-lg duration-200 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] md:rounded-lg pt-4 [&:has(_h2)]:pt-2.5 bg-card"
data-state="open"
id="radix-:rm3:"
role="dialog"
style="pointer-events: auto;"
>
<p
hidden=""
id="radix-:rm5:"
>
Build Transaction
</p>
<div
class="flex sm:text-left px-4 flex-row items-center space-y-0"
>
<h2
class="pb-0 pb-0"
id="radix-:rm4:"
>
Build Transaction
</h2>
</div>
<div
class="w-full md:w-[768px] max-h-[600px] overflow-auto px-4 pt-1 pb-4"
>
<div>
<div
class="flex flex-col mb-4"
>
<label
class="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 ml-0.5 mb-2"
for="transaction-type"
>
Transaction type
</label>
<button
aria-autocomplete="none"
aria-controls="radix-:rmb:"
aria-expanded="false"
class="border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-10 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:truncate"
data-state="closed"
dir="ltr"
id="transaction-type"
role="combobox"
type="button"
>
<span … />
<div … />
</button>
</div>
<div
class="grid"
>
bound HTMLFormElement {
"0": <input … />,
"1": <input … />,
"2": <input … />,
"3": <button … />,
"4": <input … />,
"5": <button … />,
"6": <input … />,
"7": <input … />,
"8": <button … />,
"9": <button … />,
}
</div>
</div>
</div>
<button
class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
type="button"
>
<svg
class="size-4"
fill="none"
height="15"
viewBox="0 0 15 15"
width="15"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
<span
class="sr-only"
>
Close
</span>
</button>
</div> instead
Ignored nodes: comments, script, style
<html
class="light"
>
<head>
<title>
Lora App:1088
</title>
</head>
<body
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="opacity: 0; position: fixed; pointer-events: none; outline-color: none; outline-style: none; outline-width: initial;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div>
<div
|
|
src/features/applications/components/application-method-definitions.test.tsx > application-method-definitions > test-arc32-app-spec > when a wallet is connected > when calling get_pay_txn_amount method > allows the user to edit the payment amount:
src/features/applications/components/application-method-definitions.test.tsx#L577
TestingLibraryElementError: Unable to find an element with the text: Send Result. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div>
<div
class="mb-4 mt-2 flex h-10 items-center"
>
<h1
class="text-nowrap"
>
Application
</h1>
</div>
<div
class="space-y-4"
>
<div
aria-label="Application Details"
class="rounded-lg border bg-card text-card-foreground shadow-sm p-4 [&:has(_h2)]:pt-2.5"
>
<div
class="text-sm"
>
<div
class="flex gap-2"
>
<div
class="grid grid-cols-[minmax(min-content,auto)_1fr] gap-x-4 gap-y-1.5"
>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Application ID
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex flex-wrap items-center gap-2"
>
<div
class="flex items-center overflow-hidden"
>
<span
class="truncate"
>
1061
</span>
<button
aria-label="Copy"
class="relative inline-flex items-center justify-center 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 align-middle ml-1 size-4 hover:text-foreground/60"
>
<svg
class="lucide lucide-copy "
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"
>
<rect
height="14"
rx="2"
ry="2"
width="14"
x="8"
y="8"
/>
<path
d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
/>
</svg>
</button>
</div>
</div>
</dd>
</dl>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Creator
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex items-center overflow-hidden"
>
<a
class="text-primary underline truncate"
href="/localnet/account/VP2D2IJHZS5FOWFLIEW3UIEWPQYABON66SGSZFHX3URIEKY5PXIUMXMAGM"
>
VP2D2IJHZS5FOWFLIEW3UIEWPQYABON66SGSZFHX3URIEKY5PXIUMXMAGM
</a>
<button
aria-label="Copy"
class="relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-s
|
|
src/features/applications/components/application-method-definitions.test.tsx > application-method-definitions > test-arc32-app-spec > when a wallet is connected > when calling get_pay_txn_amount method > succeeds when all fields have been correctly supplied:
src/features/applications/components/application-method-definitions.test.tsx#L450
TestingLibraryElementError: Unable to find an element with the text: Send Result. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div />
<div>
<div
class="mb-4 mt-2 flex h-10 items-center"
>
<h1
class="text-nowrap"
>
Application
</h1>
</div>
<div
class="space-y-4"
>
<div
aria-label="Application Details"
class="rounded-lg border bg-card text-card-foreground shadow-sm p-4 [&:has(_h2)]:pt-2.5"
>
<div
class="text-sm"
>
<div
class="flex gap-2"
>
<div
class="grid grid-cols-[minmax(min-content,auto)_1fr] gap-x-4 gap-y-1.5"
>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Application ID
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex flex-wrap items-center gap-2"
>
<div
class="flex items-center overflow-hidden"
>
<span
class="truncate"
>
1038
</span>
<button
aria-label="Copy"
class="relative inline-flex items-center justify-center 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 align-middle ml-1 size-4 hover:text-foreground/60"
>
<svg
class="lucide lucide-copy "
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"
>
<rect
height="14"
rx="2"
ry="2"
width="14"
x="8"
y="8"
/>
<path
d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
/>
</svg>
</button>
</div>
</div>
</dd>
</dl>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Creator
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex items-center overflow-hidden"
>
<a
class="text-primary underline truncate"
href="/localnet/account/UQGSNCGHTDS2ICIZ4OC25CB67BKOTTPTWPFQG5SA7FYLX34THKU24DEN24"
>
UQGSNCGHTDS2ICIZ4OC25CB67BKOTTPTWPFQG5SA7FYLX34THKU24DEN24
</a>
<button
aria-label="Copy"
class="relative inline-flex items-center justify-center whitespace-nowrap rounded-md text-s
|
|
src/features/applications/components/application-method-definitions.test.tsx > application-method-definitions > test-arc32-app-spec > when a wallet is connected > when calling calculator add method > fee can be be shared between transactions:
src/features/applications/components/application-method-definitions.test.tsx#L367
TestingLibraryElementError: Unable to find role="button" and name "Send"
Ignored nodes: comments, script, style
<body
data-scroll-locked="1"
style="pointer-events: none;"
>
<span
aria-hidden="true"
data-aria-hidden="true"
data-radix-focus-guard=""
style="opacity: 0; position: fixed; pointer-events: none; outline-color: none; outline-style: none; outline-width: initial;"
tabindex="0"
/>
<div
aria-hidden="true"
data-aria-hidden="true"
/>
<div>
<div
aria-hidden="true"
class="mb-4 mt-2 flex h-10 items-center"
data-aria-hidden="true"
>
<h1
class="text-nowrap"
>
Application
</h1>
</div>
<div
class="space-y-4"
>
<div
aria-hidden="true"
aria-label="Application Details"
class="rounded-lg border bg-card text-card-foreground shadow-sm p-4 [&:has(_h2)]:pt-2.5"
data-aria-hidden="true"
>
<div
class="text-sm"
>
<div
class="flex gap-2"
>
<div
class="grid grid-cols-[minmax(min-content,auto)_1fr] gap-x-4 gap-y-1.5"
>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Application ID
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex flex-wrap items-center gap-2"
>
<div
class="flex items-center overflow-hidden"
>
<span
class="truncate"
>
1028
</span>
<button
aria-label="Copy"
class="relative inline-flex items-center justify-center 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 align-middle ml-1 size-4 hover:text-foreground/60"
>
<svg
class="lucide lucide-copy "
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"
>
<rect
height="14"
rx="2"
ry="2"
width="14"
x="8"
y="8"
/>
<path
d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
/>
</svg>
</button>
</div>
</div>
</dd>
</dl>
<dl
class="grid grid-cols-subgrid col-span-2"
>
<dt
class="font-medium"
>
Creator
</dt>
<dd
class="overflow-ellipsis whitespace-normal overflow-hidden"
>
<div
class="flex items-center overflow-hidden"
>
<a
class="text-primary underline truncate"
href="/localnet/account/367DZ3F7DMEX3E7L4UCDBKOPG2NG27AB4UYAZCMGR4DBFHQVVMJA247LTY"
|
|
src/features/transaction-wizard/transaction-wizard-page.test.tsx > transaction-wizard-page > when a wallet is connected > and a close account transaction is being sent > succeeds when all fields have been correctly supplied:
src/features/transaction-wizard/transaction-wizard-page.test.tsx#L306
TestingLibraryElementError: Unable to find an element with the text: Send Result. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
class="space-y-2"
>
<div
class="mb-4 mt-2 flex h-10 items-center"
>
<h1
class="text-nowrap"
>
Transaction Wizard
</h1>
</div>
<div
class="space-y-6"
>
<p>
Create and send transactions to the selected network using a connected wallet.
</p>
<div>
<div
class="space-y-4"
>
<div
class="mb-4 flex items-center gap-2"
>
<h2
class="pb-0"
>
Transaction Group
</h2>
<button
class="relative inline-flex items-center justify-center 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 border border-secondary bg-transparent text-secondary hover:bg-accent hover:text-secondary/90 h-10 px-4 py-2 plausible-event-name=txn-wizard-add-txn ml-auto"
>
<div
class="flex items-center gap-2"
>
<svg
class="lucide lucide-plus "
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 12h14"
/>
<path
d="M12 5v14"
/>
</svg>
Add Transaction
</div>
</button>
</div>
<div
class="grid"
>
<div
class="relative w-full overflow-auto"
>
<table
aria-label="transaction-group-table"
class="w-full caption-bottom text-sm border-separate border-spacing-0 overflow-hidden"
>
<thead
class="[&_tr]:border-b"
>
<tr
class="border-b transition-colors data-[state=selected]:bg-muted relative z-10 bg-muted hover:bg-muted"
>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-10 border-y"
/>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
/>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
>
Type
</th>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
>
Description
</th>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
|
|
src/features/transaction-wizard/transaction-wizard-page.test.tsx > transaction-wizard-page > when a wallet is connected > and a payment transaction is being sent > succeeds when all fields have been correctly supplied:
src/features/transaction-wizard/transaction-wizard-page.test.tsx#L195
Error: expect(element).not.toBeDisabled()
Received element is disabled:
<button
class="relative inline-flex items-center justify-center 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 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2 plausible-event-name=txn-wizard-send-txn w-28"
disabled=""
/>
Ignored nodes: comments, script, style
<html
class="light"
>
<head>
<title>
Lora Transaction Wizard
</title>
</head>
<body>
<div>
<div
class="space-y-2"
>
<div
class="mb-4 mt-2 flex h-10 items-center"
>
<h1
class="text-nowrap"
>
Transaction Wizard
</h1>
</div>
<div
class="space-y-6"
>
<p>
Create and send transactions to the selected network using a connected wallet.
</p>
<div>
<div
class="space-y-4"
>
<div
class="mb-4 flex items-center gap-2"
>
<h2
class="pb-0"
>
Transaction Group
</h2>
<button
class="relative inline-flex items-center justify-center 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 border border-secondary bg-transparent text-secondary hover:bg-accent hover:text-secondary/90 h-10 px-4 py-2 plausible-event-name=txn-wizard-add-txn ml-auto"
>
<div
class="flex items-center gap-2"
>
<svg
class="lucide lucide-plus "
fill="none"
height="16"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
viewBox="0 0 24 24"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5 12h14"
/>
<path
d="M12 5v14"
/>
</svg>
Add Transaction
</div>
</button>
</div>
<div
class="grid"
>
<div
class="relative w-full overflow-auto"
>
<table
aria-label="transaction-group-table"
class="w-full caption-bottom text-sm border-separate border-spacing-0 overflow-hidden"
>
<thead
class="[&_tr]:border-b"
>
<tr
class="border-b transition-colors data-[state=selected]:bg-muted relative z-10 bg-muted hover:bg-muted"
>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-10 border-y"
/>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
/>
<th
class="h-10 px-2 text-left align-middle font-medium text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] border-y"
>
|