@alepha/devtools 0.15.2 → 0.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/devtools/actions.html +3 -3
- package/assets/devtools/actions.html.br +0 -0
- package/assets/devtools/actions.html.gz +0 -0
- package/assets/devtools/atoms.html +3 -3
- package/assets/devtools/atoms.html.br +0 -0
- package/assets/devtools/atoms.html.gz +0 -0
- package/assets/devtools/caches.html +3 -3
- package/assets/devtools/caches.html.br +0 -0
- package/assets/devtools/caches.html.gz +0 -0
- package/assets/devtools/chunk.6FHGgu4o.js +1 -0
- package/assets/devtools/chunk.6FHGgu4o.js.br +0 -0
- package/assets/devtools/chunk.6FHGgu4o.js.gz +0 -0
- package/assets/devtools/chunk.BEZMZ7cU.js +2 -0
- package/assets/devtools/chunk.BEZMZ7cU.js.br +0 -0
- package/assets/devtools/chunk.BEZMZ7cU.js.gz +0 -0
- package/assets/devtools/chunk.BKeiNpZN.js +9 -0
- package/assets/devtools/chunk.BKeiNpZN.js.br +0 -0
- package/assets/devtools/chunk.BKeiNpZN.js.gz +0 -0
- package/assets/devtools/chunk.BLPoqamD.js +1 -0
- package/assets/devtools/chunk.BLPoqamD.js.br +0 -0
- package/assets/devtools/chunk.BLPoqamD.js.gz +0 -0
- package/assets/devtools/{chunk.U6B6OT4m.js → chunk.BLRSfNfT.js} +1 -1
- package/assets/devtools/chunk.BLRSfNfT.js.br +0 -0
- package/assets/devtools/chunk.BLRSfNfT.js.gz +0 -0
- package/assets/devtools/{chunk.qLydHlIe.js → chunk.BRvGzx4Z.js} +1 -1
- package/assets/devtools/chunk.BRvGzx4Z.js.br +0 -0
- package/assets/devtools/chunk.BRvGzx4Z.js.gz +0 -0
- package/assets/devtools/{chunk.DXhVYZJu.js → chunk.BSg4Kjs-.js} +1 -1
- package/assets/devtools/chunk.BSg4Kjs-.js.br +0 -0
- package/assets/devtools/chunk.BSg4Kjs-.js.gz +0 -0
- package/assets/devtools/{chunk.BOYwUUqI.js → chunk.BV5mF0Co.js} +1 -1
- package/assets/devtools/chunk.BV5mF0Co.js.br +0 -0
- package/assets/devtools/chunk.BV5mF0Co.js.gz +0 -0
- package/assets/devtools/{chunk.BPCHIpy2.js → chunk.BYw9RTNZ.js} +1 -1
- package/assets/devtools/chunk.BYw9RTNZ.js.br +0 -0
- package/assets/devtools/chunk.BYw9RTNZ.js.gz +0 -0
- package/assets/devtools/chunk.BrKdm6Sb.js +1 -0
- package/assets/devtools/chunk.BrKdm6Sb.js.br +0 -0
- package/assets/devtools/chunk.BrKdm6Sb.js.gz +0 -0
- package/assets/devtools/chunk.BzM7ER7Q.js +1 -0
- package/assets/devtools/chunk.BzM7ER7Q.js.br +0 -0
- package/assets/devtools/chunk.BzM7ER7Q.js.gz +0 -0
- package/assets/devtools/{chunk.B4XxoeIU.js → chunk.CCy0GI_s.js} +1 -1
- package/assets/devtools/chunk.CCy0GI_s.js.br +0 -0
- package/assets/devtools/chunk.CCy0GI_s.js.gz +0 -0
- package/assets/devtools/{chunk.Bz4bTzr0.js → chunk.CFRKkktr.js} +1 -1
- package/assets/devtools/chunk.CFRKkktr.js.br +0 -0
- package/assets/devtools/chunk.CFRKkktr.js.gz +0 -0
- package/assets/devtools/{chunk.YsQsplrn.js → chunk.CJlnGw1S.js} +1 -1
- package/assets/devtools/chunk.CJlnGw1S.js.br +0 -0
- package/assets/devtools/chunk.CJlnGw1S.js.gz +0 -0
- package/assets/devtools/{chunk.DgZ24mun.js → chunk.CZOSxV2E.js} +3 -3
- package/assets/devtools/chunk.CZOSxV2E.js.br +0 -0
- package/assets/devtools/chunk.CZOSxV2E.js.gz +0 -0
- package/assets/devtools/chunk.CZp8Oawk.js +1 -0
- package/assets/devtools/chunk.CZp8Oawk.js.br +0 -0
- package/assets/devtools/chunk.CZp8Oawk.js.gz +0 -0
- package/assets/devtools/{chunk.BrsQ66Fo.js → chunk.Cas0t8F5.js} +1 -1
- package/assets/devtools/chunk.Cas0t8F5.js.br +0 -0
- package/assets/devtools/chunk.Cas0t8F5.js.gz +0 -0
- package/assets/devtools/chunk.Cf3d2zjg.js +1 -0
- package/assets/devtools/chunk.Cf3d2zjg.js.br +0 -0
- package/assets/devtools/chunk.Cf3d2zjg.js.gz +0 -0
- package/assets/devtools/{chunk.ax3VFVgz.js → chunk.CjAS4aWI.js} +1 -1
- package/assets/devtools/chunk.CjAS4aWI.js.br +0 -0
- package/assets/devtools/chunk.CjAS4aWI.js.gz +0 -0
- package/assets/devtools/{chunk.K-Ms8Mzm.js → chunk.ClYEvjjk.js} +1 -1
- package/assets/devtools/chunk.ClYEvjjk.js.br +2 -0
- package/assets/devtools/chunk.ClYEvjjk.js.gz +0 -0
- package/assets/devtools/chunk.D-abBFDq.js +2 -0
- package/assets/devtools/chunk.D-abBFDq.js.br +0 -0
- package/assets/devtools/chunk.D-abBFDq.js.gz +0 -0
- package/assets/devtools/{chunk.CKppnGPU.js → chunk.D06kB6Ym.js} +1 -1
- package/assets/devtools/chunk.D06kB6Ym.js.br +0 -0
- package/assets/devtools/chunk.D06kB6Ym.js.gz +0 -0
- package/assets/devtools/chunk.D0wx1CNI.js +1 -0
- package/assets/devtools/chunk.D0wx1CNI.js.br +0 -0
- package/assets/devtools/chunk.D0wx1CNI.js.gz +0 -0
- package/assets/devtools/chunk.D8oqA7fh.js +1 -0
- package/assets/devtools/chunk.D8oqA7fh.js.br +0 -0
- package/assets/devtools/chunk.D8oqA7fh.js.gz +0 -0
- package/assets/devtools/{chunk.DrLudrGo.js → chunk.DGiOCunw.js} +1 -1
- package/assets/devtools/chunk.DGiOCunw.js.br +0 -0
- package/assets/devtools/chunk.DGiOCunw.js.gz +0 -0
- package/assets/devtools/chunk.DHfKeDbH.js +1 -0
- package/assets/devtools/chunk.DHfKeDbH.js.br +0 -0
- package/assets/devtools/chunk.DHfKeDbH.js.gz +0 -0
- package/assets/devtools/{chunk.DkirMznI.js → chunk.DQrcztZO.js} +1 -1
- package/assets/devtools/chunk.DQrcztZO.js.br +0 -0
- package/assets/devtools/chunk.DQrcztZO.js.gz +0 -0
- package/assets/devtools/chunk.DdQKcont.js +1 -0
- package/assets/devtools/chunk.DdQKcont.js.br +0 -0
- package/assets/devtools/chunk.DdQKcont.js.gz +0 -0
- package/assets/devtools/{chunk.DN2ng7Ec.js → chunk.DjMiOB4_.js} +1 -1
- package/assets/devtools/chunk.DjMiOB4_.js.br +0 -0
- package/assets/devtools/chunk.DjMiOB4_.js.gz +0 -0
- package/assets/devtools/{chunk.BRKelMlC.js → chunk.JqUdzWl6.js} +1 -1
- package/assets/devtools/chunk.JqUdzWl6.js.br +0 -0
- package/assets/devtools/chunk.JqUdzWl6.js.gz +0 -0
- package/assets/devtools/{chunk.D1-ODKSf.js → chunk.VTMXAJC6.js} +1 -1
- package/assets/devtools/chunk.VTMXAJC6.js.br +0 -0
- package/assets/devtools/chunk.VTMXAJC6.js.gz +0 -0
- package/assets/devtools/chunk._oyZXgMC.js +1 -0
- package/assets/devtools/chunk._oyZXgMC.js.br +0 -0
- package/assets/devtools/chunk._oyZXgMC.js.gz +0 -0
- package/assets/devtools/chunk.plCe1Vwk.js +1 -0
- package/assets/devtools/chunk.plCe1Vwk.js.br +0 -0
- package/assets/devtools/chunk.plCe1Vwk.js.gz +0 -0
- package/assets/devtools/db.html +3 -3
- package/assets/devtools/db.html.br +0 -0
- package/assets/devtools/db.html.gz +0 -0
- package/assets/devtools/entry.CfgGy8wg.js +79 -0
- package/assets/devtools/entry.CfgGy8wg.js.br +0 -0
- package/assets/devtools/entry.CfgGy8wg.js.gz +0 -0
- package/assets/devtools/env.html +3 -3
- package/assets/devtools/env.html.br +0 -0
- package/assets/devtools/env.html.gz +0 -0
- package/assets/devtools/graph.html +3 -3
- package/assets/devtools/graph.html.br +0 -0
- package/assets/devtools/graph.html.gz +0 -0
- package/assets/devtools/index.html +3 -3
- package/assets/devtools/index.html.br +0 -0
- package/assets/devtools/index.html.gz +0 -0
- package/assets/devtools/logs.html +3 -3
- package/assets/devtools/logs.html.br +0 -0
- package/assets/devtools/logs.html.gz +0 -0
- package/assets/devtools/queues.html +3 -3
- package/assets/devtools/queues.html.br +0 -0
- package/assets/devtools/queues.html.gz +0 -0
- package/assets/devtools/topics.html +3 -3
- package/assets/devtools/topics.html.br +0 -0
- package/assets/devtools/topics.html.gz +0 -0
- package/package.json +5 -4
- package/src/ui/AppRouter.tsx +7 -3
- package/src/ui/main.ts +0 -2
- package/assets/devtools/chunk.8L5-bmT2.js +0 -2
- package/assets/devtools/chunk.8L5-bmT2.js.br +0 -0
- package/assets/devtools/chunk.8L5-bmT2.js.gz +0 -0
- package/assets/devtools/chunk.9_-GTbfg.js +0 -1
- package/assets/devtools/chunk.9_-GTbfg.js.br +0 -0
- package/assets/devtools/chunk.9_-GTbfg.js.gz +0 -0
- package/assets/devtools/chunk.B06miRTQ.js +0 -1
- package/assets/devtools/chunk.B06miRTQ.js.br +0 -0
- package/assets/devtools/chunk.B06miRTQ.js.gz +0 -0
- package/assets/devtools/chunk.B4XxoeIU.js.br +0 -0
- package/assets/devtools/chunk.B4XxoeIU.js.gz +0 -0
- package/assets/devtools/chunk.BDGiK8wy.js +0 -1
- package/assets/devtools/chunk.BDGiK8wy.js.br +0 -0
- package/assets/devtools/chunk.BDGiK8wy.js.gz +0 -0
- package/assets/devtools/chunk.BK94oaB2.js +0 -1
- package/assets/devtools/chunk.BK94oaB2.js.br +0 -0
- package/assets/devtools/chunk.BK94oaB2.js.gz +0 -0
- package/assets/devtools/chunk.BLgG-Amn.js +0 -1
- package/assets/devtools/chunk.BLgG-Amn.js.br +0 -0
- package/assets/devtools/chunk.BLgG-Amn.js.gz +0 -0
- package/assets/devtools/chunk.BOYwUUqI.js.br +0 -0
- package/assets/devtools/chunk.BOYwUUqI.js.gz +0 -0
- package/assets/devtools/chunk.BPCHIpy2.js.br +0 -0
- package/assets/devtools/chunk.BPCHIpy2.js.gz +0 -0
- package/assets/devtools/chunk.BRKelMlC.js.br +0 -0
- package/assets/devtools/chunk.BRKelMlC.js.gz +0 -0
- package/assets/devtools/chunk.BrsQ66Fo.js.br +0 -0
- package/assets/devtools/chunk.BrsQ66Fo.js.gz +0 -0
- package/assets/devtools/chunk.Bz4bTzr0.js.br +0 -0
- package/assets/devtools/chunk.Bz4bTzr0.js.gz +0 -0
- package/assets/devtools/chunk.CKppnGPU.js.br +0 -0
- package/assets/devtools/chunk.CKppnGPU.js.gz +0 -0
- package/assets/devtools/chunk.CfzSCjsJ.js +0 -1
- package/assets/devtools/chunk.CfzSCjsJ.js.br +0 -0
- package/assets/devtools/chunk.CfzSCjsJ.js.gz +0 -0
- package/assets/devtools/chunk.CiLYCLJH.js +0 -1
- package/assets/devtools/chunk.CiLYCLJH.js.br +0 -0
- package/assets/devtools/chunk.CiLYCLJH.js.gz +0 -0
- package/assets/devtools/chunk.CnHYu38l.js +0 -2
- package/assets/devtools/chunk.CnHYu38l.js.br +0 -0
- package/assets/devtools/chunk.CnHYu38l.js.gz +0 -0
- package/assets/devtools/chunk.D1-ODKSf.js.br +0 -0
- package/assets/devtools/chunk.D1-ODKSf.js.gz +0 -0
- package/assets/devtools/chunk.D4SUrYI2.js +0 -1
- package/assets/devtools/chunk.D4SUrYI2.js.br +0 -0
- package/assets/devtools/chunk.D4SUrYI2.js.gz +0 -0
- package/assets/devtools/chunk.DAeCHJ5Z.js +0 -1
- package/assets/devtools/chunk.DAeCHJ5Z.js.br +0 -0
- package/assets/devtools/chunk.DAeCHJ5Z.js.gz +0 -0
- package/assets/devtools/chunk.DN2ng7Ec.js.br +0 -3
- package/assets/devtools/chunk.DN2ng7Ec.js.gz +0 -0
- package/assets/devtools/chunk.DXhVYZJu.js.br +0 -0
- package/assets/devtools/chunk.DXhVYZJu.js.gz +0 -0
- package/assets/devtools/chunk.DgZ24mun.js.br +0 -0
- package/assets/devtools/chunk.DgZ24mun.js.gz +0 -0
- package/assets/devtools/chunk.DkirMznI.js.br +0 -0
- package/assets/devtools/chunk.DkirMznI.js.gz +0 -0
- package/assets/devtools/chunk.Dnb5TqA8.js +0 -1
- package/assets/devtools/chunk.Dnb5TqA8.js.br +0 -0
- package/assets/devtools/chunk.Dnb5TqA8.js.gz +0 -0
- package/assets/devtools/chunk.DqdWWOSs.js +0 -1
- package/assets/devtools/chunk.DqdWWOSs.js.br +0 -0
- package/assets/devtools/chunk.DqdWWOSs.js.gz +0 -0
- package/assets/devtools/chunk.DrLudrGo.js.br +0 -0
- package/assets/devtools/chunk.DrLudrGo.js.gz +0 -0
- package/assets/devtools/chunk.K-Ms8Mzm.js.br +0 -1
- package/assets/devtools/chunk.K-Ms8Mzm.js.gz +0 -0
- package/assets/devtools/chunk.KgyhVGwW.js +0 -9
- package/assets/devtools/chunk.KgyhVGwW.js.br +0 -0
- package/assets/devtools/chunk.KgyhVGwW.js.gz +0 -0
- package/assets/devtools/chunk.U6B6OT4m.js.br +0 -0
- package/assets/devtools/chunk.U6B6OT4m.js.gz +0 -0
- package/assets/devtools/chunk.V91GMRqU.js +0 -1
- package/assets/devtools/chunk.V91GMRqU.js.br +0 -0
- package/assets/devtools/chunk.V91GMRqU.js.gz +0 -0
- package/assets/devtools/chunk.YsQsplrn.js.br +0 -0
- package/assets/devtools/chunk.YsQsplrn.js.gz +0 -0
- package/assets/devtools/chunk.ax3VFVgz.js.br +0 -0
- package/assets/devtools/chunk.ax3VFVgz.js.gz +0 -0
- package/assets/devtools/chunk.qLydHlIe.js.br +0 -0
- package/assets/devtools/chunk.qLydHlIe.js.gz +0 -0
- package/assets/devtools/entry.DqiMGelS.js +0 -79
- package/assets/devtools/entry.DqiMGelS.js.br +0 -0
- package/assets/devtools/entry.DqiMGelS.js.gz +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html
|
|
2
|
+
<html data-theme="Midnight">
|
|
3
3
|
<head><meta charset="UTF-8">
|
|
4
4
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5
5
|
<link rel="stylesheet" href="/devtools/asset.CUUwTesj.css" crossorigin="">
|
|
6
|
-
<script type="module" crossorigin="" src="/devtools/entry.
|
|
6
|
+
<script type="module" crossorigin="" src="/devtools/entry.CfgGy8wg.js"></script>
|
|
7
7
|
</head>
|
|
8
8
|
<body>
|
|
9
9
|
<div id="root"><script data-mantine-script="true">try {
|
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]){--mantine-color-anchor: var(--mantine-color-pink-4);--mantine-color-dark-light: rgba(22, 27, 34, 0.15);--mantine-color-dark-light-hover: rgba(22, 27, 34, 0.2);--mantine-color-dark-outline-hover: rgba(48, 54, 61, 0.05);--mantine-color-gray-light: rgba(87, 96, 106, 0.15);--mantine-color-gray-light-hover: rgba(87, 96, 106, 0.2);--mantine-color-gray-outline-hover: rgba(140, 149, 159, 0.05);--mantine-color-red-light: rgba(164, 14, 38, 0.15);--mantine-color-red-light-hover: rgba(164, 14, 38, 0.2);--mantine-color-red-outline-hover: rgba(250, 69, 73, 0.05);--mantine-color-blue-light: rgba(5, 80, 174, 0.15);--mantine-color-blue-light-hover: rgba(5, 80, 174, 0.2);--mantine-color-blue-outline-hover: rgba(33, 139, 255, 0.05);--mantine-color-green-light: rgba(17, 99, 41, 0.15);--mantine-color-green-light-hover: rgba(17, 99, 41, 0.2);--mantine-color-green-outline-hover: rgba(45, 164, 78, 0.05);}
|
|
18
18
|
|
|
19
|
-
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-pink-7);--mantine-color-dark-filled: var(--mantine-color-dark-7);--mantine-color-dark-filled-hover: var(--mantine-color-dark-8);--mantine-color-dark-light: rgba(21, 27, 35, 0.1);--mantine-color-dark-light-hover: rgba(21, 27, 35, 0.12);--mantine-color-dark-light-color: var(--mantine-color-dark-7);--mantine-color-dark-outline: var(--mantine-color-dark-7);--mantine-color-dark-outline-hover: rgba(21, 27, 35, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-7);--mantine-color-gray-filled-hover: var(--mantine-color-gray-8);--mantine-color-gray-light: rgba(66, 74, 83, 0.1);--mantine-color-gray-light-hover: rgba(66, 74, 83, 0.12);--mantine-color-gray-light-color: var(--mantine-color-gray-7);--mantine-color-gray-outline: var(--mantine-color-gray-7);--mantine-color-gray-outline-hover: rgba(66, 74, 83, 0.05);--mantine-color-red-filled: var(--mantine-color-red-7);--mantine-color-red-filled-hover: var(--mantine-color-red-8);--mantine-color-red-light: rgba(130, 7, 30, 0.1);--mantine-color-red-light-hover: rgba(130, 7, 30, 0.12);--mantine-color-red-light-color: var(--mantine-color-red-7);--mantine-color-red-outline: var(--mantine-color-red-7);--mantine-color-red-outline-hover: rgba(130, 7, 30, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-7);--mantine-color-pink-filled-hover: var(--mantine-color-pink-8);--mantine-color-pink-light: rgba(214, 51, 108, 0.1);--mantine-color-pink-light-hover: rgba(214, 51, 108, 0.12);--mantine-color-pink-light-color: var(--mantine-color-pink-7);--mantine-color-pink-outline: var(--mantine-color-pink-7);--mantine-color-pink-outline-hover: rgba(214, 51, 108, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-7);--mantine-color-grape-filled-hover: var(--mantine-color-grape-8);--mantine-color-grape-light: rgba(174, 62, 201, 0.1);--mantine-color-grape-light-hover: rgba(174, 62, 201, 0.12);--mantine-color-grape-light-color: var(--mantine-color-grape-7);--mantine-color-grape-outline: var(--mantine-color-grape-7);--mantine-color-grape-outline-hover: rgba(174, 62, 201, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-7);--mantine-color-violet-filled-hover: var(--mantine-color-violet-8);--mantine-color-violet-light: rgba(112, 72, 232, 0.1);--mantine-color-violet-light-hover: rgba(112, 72, 232, 0.12);--mantine-color-violet-light-color: var(--mantine-color-violet-7);--mantine-color-violet-outline: var(--mantine-color-violet-7);--mantine-color-violet-outline-hover: rgba(112, 72, 232, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-7);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-8);--mantine-color-indigo-light: rgba(66, 99, 235, 0.1);--mantine-color-indigo-light-hover: rgba(66, 99, 235, 0.12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-7);--mantine-color-indigo-outline: var(--mantine-color-indigo-7);--mantine-color-indigo-outline-hover: rgba(66, 99, 235, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-7);--mantine-color-blue-filled-hover: var(--mantine-color-blue-8);--mantine-color-blue-light: rgba(3, 61, 139, 0.1);--mantine-color-blue-light-hover: rgba(3, 61, 139, 0.12);--mantine-color-blue-light-color: var(--mantine-color-blue-7);--mantine-color-blue-outline: var(--mantine-color-blue-7);--mantine-color-blue-outline-hover: rgba(3, 61, 139, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-7);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-8);--mantine-color-cyan-light: rgba(16, 152, 173, 0.1);--mantine-color-cyan-light-hover: rgba(16, 152, 173, 0.12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-7);--mantine-color-cyan-outline: var(--mantine-color-cyan-7);--mantine-color-cyan-outline-hover: rgba(16, 152, 173, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-7);--mantine-color-teal-filled-hover: var(--mantine-color-teal-8);--mantine-color-teal-light: rgba(12, 166, 120, 0.1);--mantine-color-teal-light-hover: rgba(12, 166, 120, 0.12);--mantine-color-teal-light-color: var(--mantine-color-teal-7);--mantine-color-teal-outline: var(--mantine-color-teal-7);--mantine-color-teal-outline-hover: rgba(12, 166, 120, 0.05);--mantine-color-green-filled: var(--mantine-color-green-7);--mantine-color-green-filled-hover: var(--mantine-color-green-8);--mantine-color-green-light: rgba(4, 79, 30, 0.1);--mantine-color-green-light-hover: rgba(4, 79, 30, 0.12);--mantine-color-green-light-color: var(--mantine-color-green-7);--mantine-color-green-outline: var(--mantine-color-green-7);--mantine-color-green-outline-hover: rgba(4, 79, 30, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-7);--mantine-color-lime-filled-hover: var(--mantine-color-lime-8);--mantine-color-lime-light: rgba(116, 184, 22, 0.1);--mantine-color-lime-light-hover: rgba(116, 184, 22, 0.12);--mantine-color-lime-light-color: var(--mantine-color-lime-7);--mantine-color-lime-outline: var(--mantine-color-lime-7);--mantine-color-lime-outline-hover: rgba(116, 184, 22, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-7);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-8);--mantine-color-yellow-light: rgba(245, 159, 0, 0.1);--mantine-color-yellow-light-hover: rgba(245, 159, 0, 0.12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-7);--mantine-color-yellow-outline: var(--mantine-color-yellow-7);--mantine-color-yellow-outline-hover: rgba(245, 159, 0, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-7);--mantine-color-orange-filled-hover: var(--mantine-color-orange-8);--mantine-color-orange-light: rgba(247, 103, 7, 0.1);--mantine-color-orange-light-hover: rgba(247, 103, 7, 0.12);--mantine-color-orange-light-color: var(--mantine-color-orange-7);--mantine-color-orange-outline: var(--mantine-color-orange-7);--mantine-color-orange-outline-hover: rgba(247, 103, 7, 0.05);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-navbar-width:calc(18.75rem * var(--mantine-scale));--app-shell-navbar-offset:calc(18.75rem * var(--mantine-scale));--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:var(--mantine-spacing-md);}@media(max-width: 47.99375em){:root{--app-shell-navbar-width:100%;--app-shell-navbar-offset:0px;--app-shell-navbar-transform:translateX(calc(var(--app-shell-navbar-width) * -1));--app-shell-navbar-transform-rtl:translateX(var(--app-shell-navbar-width));}}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;width:100%;flex:1" class="m_89ab340 mantine-AppShell-root" data-resizing="true" data-mode="fixed" id="mantine-_R_lu_"><header style="--app-shell-header-z-index:100;background:var(--alepha-background)" class="m_3b16f56b mantine-AppShell-header right-scroll-bar-position" data-with-border="true"><div style="align-items:center;justify-content:space-between;padding-inline:var(--mantine-spacing-md);height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2jdlu_"><div style="flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_dmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3ddmjdlu_"><button style="--burger-size:var(--burger-size-sm)" class="mantine-focus-auto m_fea6bf1a mantine-Burger-root m_87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="sm" type="button"><div class="m_d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div></button></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_5ddmjdlu_"><div style="margin-left:-32px;border-right:1px solid var(--mantine-color-default-border);width:calc(4.875rem * var(--mantine-scale));height:calc(3.75rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_bdddmjdlu_"></div></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_7ddmjdlu_"><button style="--button-justify:space-between;--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-pink-outline-hover);--button-color:var(--mantine-color-pink-outline);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-pink-outline);border:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-with-right-section="true" type="button" justify="space-between"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><div style="gap:var(--mantine-spacing-xs);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_barfddmjdlu_"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search "><path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg><div style="min-width:calc(12rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2mrarfddmjdlu_ mantine-visible-from-sm"><p style="--text-fz:var(--mantine-font-size-xs);--text-lh:var(--mantine-line-height-xs);color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xs">Search...</p></div></div></span><span class="m_a74036a mantine-Button-section" data-position="right"><kbd style="--kbd-fz:var(--kbd-fz-sm)" class="m_dc6f14e2 mantine-Kbd-root mantine-visible-from-sm" data-size="sm">+K</kbd></span></span></button></div></div><div class="m_8bffd616 mantine-Flex-root __m__-_R_lmjdlu_"></div><div style="align-items:center;justify-content:end;flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_tmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3dtmjdlu_"><button style="--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" type="button" aria-label="Toggle color scheme"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sun "><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg></span></span></button></div></div></div></header><nav style="opacity:1;--app-shell-navbar-z-index:calc(100 + 1);background:transparent" class="m_45252eee mantine-AppShell-navbar alepha-sidebar-navbar" data-with-border="true" data-resizing="false"><div style="flex-direction:column;padding-block:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_6ldlu_"><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_1mmldlu_"></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_2mmldlu_"><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldkdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-dashboard "><path d="M10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M13.45 11.55l2.05 -2.05"></path><path d="M6.4 20a9 9 0 1 1 11.2 0l-11.2 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldkdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldkdmmmldlu_">Dashboard</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_lmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/actions"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldktmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-api "><path d="M4 13h5"></path><path d="M12 16v-8h3a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-3"></path><path d="M20 8v8"></path><path d="M9 16v-5.5a2.5 2.5 0 0 0 -5 0v5.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldktmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldktmmmldlu_">Actions</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_15mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="default" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/queues"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldl5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldl5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldl5mmmldlu_">Queues</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/topics"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldldmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-message-circle "><path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldldmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldldmmmldlu_">Topics</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/caches"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldllmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-archive "><path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2"></path><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10"></path><path d="M10 12l4 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldllmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldllmmmldlu_">Caches</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/db"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldltmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-database "><path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0"></path><path d="M4 6v6a8 3 0 0 0 16 0v-6"></path><path d="M4 12v6a8 3 0 0 0 16 0v-6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldltmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldltmmmldlu_">DB Studio</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_25mmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/env"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-variable "><path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"></path><path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldmdmmmldlu_">Environment</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/atoms"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmlmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-atom "><path d="M12 12v.01"></path><path d="M19.071 4.929c-1.562 -1.562 -6 .337 -9.9 4.243c-3.905 3.905 -5.804 8.337 -4.242 9.9c1.562 1.561 6 -.338 9.9 -4.244c3.905 -3.905 5.804 -8.337 4.242 -9.9"></path><path d="M4.929 4.929c-1.562 1.562 .337 6 4.243 9.9c3.905 3.905 8.337 5.804 9.9 4.242c1.561 -1.562 -.338 -6 -4.244 -9.9c-3.905 -3.905 -8.337 -5.804 -9.9 -4.242"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmlmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldmlmmmldlu_">Atoms</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2tmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_35mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/graph"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldn5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-topology-ring "><path d="M14 20a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M14 4a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M6 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M22 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M13.5 5.5l5 5"></path><path d="M5.5 13.5l5 5"></path><path d="M13.5 18.5l5 -5"></path><path d="M10.5 5.5l-5 5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldn5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldn5mmmldlu_">Graph</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_3dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/logs"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldndmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-logs "><path d="M4 12h.01"></path><path d="M4 6h.01"></path><path d="M4 18h.01"></path><path d="M8 18h2"></path><path d="M8 12h2"></path><path d="M8 6h2"></path><path d="M14 6h6"></path><path d="M14 12h6"></path><path d="M14 18h6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldndmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldndmmmldlu_">Logs</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_3mmldlu_"></div></div></nav><main style="flex-direction:column;padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:0rem;padding-left:calc(18.75rem * var(--mantine-scale));padding-right:0rem;display:flex;flex:1" class="m_8983817 mantine-AppShell-main alepha-sidebar-main" data-resizing="false"><div style="gap:var(--mantine-spacing-xl);flex-direction:column;padding:var(--mantine-spacing-xl);width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2ndlu_"><div style="gap:var(--mantine-spacing-sm);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_dmndlu_"><div style="--ti-size:calc(2rem * var(--mantine-scale));--ti-bg:var(--mantine-color-orange-light);--ti-color:var(--mantine-color-orange-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="m_7341320d mantine-ThemeIcon-root" data-variant="light" color="orange"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg></div><p style="--text-fz:var(--mantine-font-size-xl);--text-lh:var(--mantine-line-height-xl);font-weight:600" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xl">Queue Monitor</p></div><p style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Background job queues - coming soon</p></div></main></div></div>
|
|
19
|
+
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-pink-7);--mantine-color-dark-filled: var(--mantine-color-dark-7);--mantine-color-dark-filled-hover: var(--mantine-color-dark-8);--mantine-color-dark-light: rgba(21, 27, 35, 0.1);--mantine-color-dark-light-hover: rgba(21, 27, 35, 0.12);--mantine-color-dark-light-color: var(--mantine-color-dark-7);--mantine-color-dark-outline: var(--mantine-color-dark-7);--mantine-color-dark-outline-hover: rgba(21, 27, 35, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-7);--mantine-color-gray-filled-hover: var(--mantine-color-gray-8);--mantine-color-gray-light: rgba(66, 74, 83, 0.1);--mantine-color-gray-light-hover: rgba(66, 74, 83, 0.12);--mantine-color-gray-light-color: var(--mantine-color-gray-7);--mantine-color-gray-outline: var(--mantine-color-gray-7);--mantine-color-gray-outline-hover: rgba(66, 74, 83, 0.05);--mantine-color-red-filled: var(--mantine-color-red-7);--mantine-color-red-filled-hover: var(--mantine-color-red-8);--mantine-color-red-light: rgba(130, 7, 30, 0.1);--mantine-color-red-light-hover: rgba(130, 7, 30, 0.12);--mantine-color-red-light-color: var(--mantine-color-red-7);--mantine-color-red-outline: var(--mantine-color-red-7);--mantine-color-red-outline-hover: rgba(130, 7, 30, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-7);--mantine-color-pink-filled-hover: var(--mantine-color-pink-8);--mantine-color-pink-light: rgba(214, 51, 108, 0.1);--mantine-color-pink-light-hover: rgba(214, 51, 108, 0.12);--mantine-color-pink-light-color: var(--mantine-color-pink-7);--mantine-color-pink-outline: var(--mantine-color-pink-7);--mantine-color-pink-outline-hover: rgba(214, 51, 108, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-7);--mantine-color-grape-filled-hover: var(--mantine-color-grape-8);--mantine-color-grape-light: rgba(174, 62, 201, 0.1);--mantine-color-grape-light-hover: rgba(174, 62, 201, 0.12);--mantine-color-grape-light-color: var(--mantine-color-grape-7);--mantine-color-grape-outline: var(--mantine-color-grape-7);--mantine-color-grape-outline-hover: rgba(174, 62, 201, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-7);--mantine-color-violet-filled-hover: var(--mantine-color-violet-8);--mantine-color-violet-light: rgba(112, 72, 232, 0.1);--mantine-color-violet-light-hover: rgba(112, 72, 232, 0.12);--mantine-color-violet-light-color: var(--mantine-color-violet-7);--mantine-color-violet-outline: var(--mantine-color-violet-7);--mantine-color-violet-outline-hover: rgba(112, 72, 232, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-7);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-8);--mantine-color-indigo-light: rgba(66, 99, 235, 0.1);--mantine-color-indigo-light-hover: rgba(66, 99, 235, 0.12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-7);--mantine-color-indigo-outline: var(--mantine-color-indigo-7);--mantine-color-indigo-outline-hover: rgba(66, 99, 235, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-7);--mantine-color-blue-filled-hover: var(--mantine-color-blue-8);--mantine-color-blue-light: rgba(3, 61, 139, 0.1);--mantine-color-blue-light-hover: rgba(3, 61, 139, 0.12);--mantine-color-blue-light-color: var(--mantine-color-blue-7);--mantine-color-blue-outline: var(--mantine-color-blue-7);--mantine-color-blue-outline-hover: rgba(3, 61, 139, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-7);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-8);--mantine-color-cyan-light: rgba(16, 152, 173, 0.1);--mantine-color-cyan-light-hover: rgba(16, 152, 173, 0.12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-7);--mantine-color-cyan-outline: var(--mantine-color-cyan-7);--mantine-color-cyan-outline-hover: rgba(16, 152, 173, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-7);--mantine-color-teal-filled-hover: var(--mantine-color-teal-8);--mantine-color-teal-light: rgba(12, 166, 120, 0.1);--mantine-color-teal-light-hover: rgba(12, 166, 120, 0.12);--mantine-color-teal-light-color: var(--mantine-color-teal-7);--mantine-color-teal-outline: var(--mantine-color-teal-7);--mantine-color-teal-outline-hover: rgba(12, 166, 120, 0.05);--mantine-color-green-filled: var(--mantine-color-green-7);--mantine-color-green-filled-hover: var(--mantine-color-green-8);--mantine-color-green-light: rgba(4, 79, 30, 0.1);--mantine-color-green-light-hover: rgba(4, 79, 30, 0.12);--mantine-color-green-light-color: var(--mantine-color-green-7);--mantine-color-green-outline: var(--mantine-color-green-7);--mantine-color-green-outline-hover: rgba(4, 79, 30, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-7);--mantine-color-lime-filled-hover: var(--mantine-color-lime-8);--mantine-color-lime-light: rgba(116, 184, 22, 0.1);--mantine-color-lime-light-hover: rgba(116, 184, 22, 0.12);--mantine-color-lime-light-color: var(--mantine-color-lime-7);--mantine-color-lime-outline: var(--mantine-color-lime-7);--mantine-color-lime-outline-hover: rgba(116, 184, 22, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-7);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-8);--mantine-color-yellow-light: rgba(245, 159, 0, 0.1);--mantine-color-yellow-light-hover: rgba(245, 159, 0, 0.12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-7);--mantine-color-yellow-outline: var(--mantine-color-yellow-7);--mantine-color-yellow-outline-hover: rgba(245, 159, 0, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-7);--mantine-color-orange-filled-hover: var(--mantine-color-orange-8);--mantine-color-orange-light: rgba(247, 103, 7, 0.1);--mantine-color-orange-light-hover: rgba(247, 103, 7, 0.12);--mantine-color-orange-light-color: var(--mantine-color-orange-7);--mantine-color-orange-outline: var(--mantine-color-orange-7);--mantine-color-orange-outline-hover: rgba(247, 103, 7, 0.05);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-navbar-width:calc(18.75rem * var(--mantine-scale));--app-shell-navbar-offset:calc(18.75rem * var(--mantine-scale));--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:var(--mantine-spacing-md);}@media(max-width: 47.99375em){:root{--app-shell-navbar-width:100%;--app-shell-navbar-offset:0px;--app-shell-navbar-transform:translateX(calc(var(--app-shell-navbar-width) * -1));--app-shell-navbar-transform-rtl:translateX(var(--app-shell-navbar-width));}}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;width:100%;flex:1" class="m_89ab340 mantine-AppShell-root" data-resizing="true" data-mode="fixed" id="mantine-_R_lu_"><header style="--app-shell-header-z-index:100;background:var(--alepha-background)" class="m_3b16f56b mantine-AppShell-header right-scroll-bar-position" data-with-border="true"><div style="align-items:center;justify-content:space-between;padding-inline:var(--mantine-spacing-md);height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2jdlu_"><div style="flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_dmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3ddmjdlu_"><button style="--burger-size:var(--burger-size-sm)" class="mantine-focus-auto m_fea6bf1a mantine-Burger-root m_87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="sm" type="button"><div class="m_d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div></button></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_5ddmjdlu_"><div style="margin-left:-32px;border-right:1px solid var(--mantine-color-default-border);width:calc(4.875rem * var(--mantine-scale));height:calc(3.75rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_bdddmjdlu_"></div></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_7ddmjdlu_"><button style="--button-justify:space-between;--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-pink-outline-hover);--button-color:var(--mantine-color-pink-outline);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-pink-outline);border:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-with-right-section="true" type="button" justify="space-between"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><div style="gap:var(--mantine-spacing-xs);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_barfddmjdlu_"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search "><path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg><div style="min-width:calc(12rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2mrarfddmjdlu_ mantine-visible-from-sm"><p style="--text-fz:var(--mantine-font-size-xs);--text-lh:var(--mantine-line-height-xs);color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xs">Search...</p></div></div></span><span class="m_a74036a mantine-Button-section" data-position="right"><kbd style="--kbd-fz:var(--kbd-fz-sm)" class="m_dc6f14e2 mantine-Kbd-root mantine-visible-from-sm" data-size="sm">+K</kbd></span></span></button></div></div><div class="m_8bffd616 mantine-Flex-root __m__-_R_lmjdlu_"></div><div style="align-items:center;justify-content:end;flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_tmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3dtmjdlu_"><button style="--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" type="button" aria-label="Toggle color scheme"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sun "><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg></span></span></button></div></div></div></header><nav style="opacity:1;--app-shell-navbar-z-index:calc(100 + 1);background:transparent" class="m_45252eee mantine-AppShell-navbar alepha-sidebar-navbar" data-with-border="true" data-resizing="false" data-hover-expanded="false"><div style="flex-direction:column;padding-block:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_6ldlu_"><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_1mmldlu_"></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_2mmldlu_"><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldkdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-dashboard "><path d="M10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M13.45 11.55l2.05 -2.05"></path><path d="M6.4 20a9 9 0 1 1 11.2 0l-11.2 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldkdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldkdmmmldlu_">Dashboard</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_lmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/actions"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldktmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-api "><path d="M4 13h5"></path><path d="M12 16v-8h3a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-3"></path><path d="M20 8v8"></path><path d="M9 16v-5.5a2.5 2.5 0 0 0 -5 0v5.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldktmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldktmmmldlu_">Actions</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_15mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="default" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/queues"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldl5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldl5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldl5mmmldlu_">Queues</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/topics"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldldmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-message-circle "><path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldldmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldldmmmldlu_">Topics</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/caches"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldllmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-archive "><path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2"></path><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10"></path><path d="M10 12l4 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldllmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldllmmmldlu_">Caches</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/db"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldltmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-database "><path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0"></path><path d="M4 6v6a8 3 0 0 0 16 0v-6"></path><path d="M4 12v6a8 3 0 0 0 16 0v-6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldltmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldltmmmldlu_">DB Studio</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_25mmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/env"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-variable "><path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"></path><path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldmdmmmldlu_">Environment</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/atoms"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmlmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-atom "><path d="M12 12v.01"></path><path d="M19.071 4.929c-1.562 -1.562 -6 .337 -9.9 4.243c-3.905 3.905 -5.804 8.337 -4.242 9.9c1.562 1.561 6 -.338 9.9 -4.244c3.905 -3.905 5.804 -8.337 4.242 -9.9"></path><path d="M4.929 4.929c-1.562 1.562 .337 6 4.243 9.9c3.905 3.905 8.337 5.804 9.9 4.242c1.561 -1.562 -.338 -6 -4.244 -9.9c-3.905 -3.905 -8.337 -5.804 -9.9 -4.242"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmlmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldmlmmmldlu_">Atoms</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2tmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_35mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/graph"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldn5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-topology-ring "><path d="M14 20a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M14 4a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M6 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M22 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M13.5 5.5l5 5"></path><path d="M5.5 13.5l5 5"></path><path d="M13.5 18.5l5 -5"></path><path d="M10.5 5.5l-5 5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldn5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldn5mmmldlu_">Graph</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_3dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/logs"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldndmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-logs "><path d="M4 12h.01"></path><path d="M4 6h.01"></path><path d="M4 18h.01"></path><path d="M8 18h2"></path><path d="M8 12h2"></path><path d="M8 6h2"></path><path d="M14 6h6"></path><path d="M14 12h6"></path><path d="M14 18h6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldndmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldndmmmldlu_">Logs</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_3mmldlu_"></div></div></nav><main style="flex-direction:column;padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:0rem;padding-left:calc(18.75rem * var(--mantine-scale));padding-right:0rem;display:flex;flex:1" class="m_8983817 mantine-AppShell-main alepha-sidebar-main" data-resizing="false"><div style="gap:var(--mantine-spacing-xl);flex-direction:column;padding:var(--mantine-spacing-xl);width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2ndlu_"><div style="gap:var(--mantine-spacing-sm);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_dmndlu_"><div style="--ti-size:calc(2rem * var(--mantine-scale));--ti-bg:var(--mantine-color-orange-light);--ti-color:var(--mantine-color-orange-light-color);--ti-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent" class="m_7341320d mantine-ThemeIcon-root" data-variant="light" color="orange"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg></div><p style="--text-fz:var(--mantine-font-size-xl);--text-lh:var(--mantine-line-height-xl);font-weight:600" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xl">Queue Monitor</p></div><p style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Background job queues - coming soon</p></div></main></div></div>
|
|
20
20
|
<script>window.__ssr={"layers":[{"part":"/","name":"root","config":{"query":{},"params":{}},"props":{}},{"name":"layout","config":{"query":{},"params":{}},"props":{}},{"part":"/queues","name":"queues","config":{"query":{},"params":{}},"props":{}}]}</script></body>
|
|
21
21
|
</html>
|
|
Binary file
|
|
Binary file
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<!DOCTYPE html>
|
|
2
|
-
<html
|
|
2
|
+
<html data-theme="Midnight">
|
|
3
3
|
<head><meta charset="UTF-8">
|
|
4
4
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
5
5
|
<link rel="stylesheet" href="/devtools/asset.CUUwTesj.css" crossorigin="">
|
|
6
|
-
<script type="module" crossorigin="" src="/devtools/entry.
|
|
6
|
+
<script type="module" crossorigin="" src="/devtools/entry.CfgGy8wg.js"></script>
|
|
7
7
|
</head>
|
|
8
8
|
<body>
|
|
9
9
|
<div id="root"><script data-mantine-script="true">try {
|
|
@@ -16,6 +16,6 @@
|
|
|
16
16
|
|
|
17
17
|
:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]){--mantine-color-anchor: var(--mantine-color-pink-4);--mantine-color-dark-light: rgba(22, 27, 34, 0.15);--mantine-color-dark-light-hover: rgba(22, 27, 34, 0.2);--mantine-color-dark-outline-hover: rgba(48, 54, 61, 0.05);--mantine-color-gray-light: rgba(87, 96, 106, 0.15);--mantine-color-gray-light-hover: rgba(87, 96, 106, 0.2);--mantine-color-gray-outline-hover: rgba(140, 149, 159, 0.05);--mantine-color-red-light: rgba(164, 14, 38, 0.15);--mantine-color-red-light-hover: rgba(164, 14, 38, 0.2);--mantine-color-red-outline-hover: rgba(250, 69, 73, 0.05);--mantine-color-blue-light: rgba(5, 80, 174, 0.15);--mantine-color-blue-light-hover: rgba(5, 80, 174, 0.2);--mantine-color-blue-outline-hover: rgba(33, 139, 255, 0.05);--mantine-color-green-light: rgba(17, 99, 41, 0.15);--mantine-color-green-light-hover: rgba(17, 99, 41, 0.2);--mantine-color-green-outline-hover: rgba(45, 164, 78, 0.05);}
|
|
18
18
|
|
|
19
|
-
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-pink-7);--mantine-color-dark-filled: var(--mantine-color-dark-7);--mantine-color-dark-filled-hover: var(--mantine-color-dark-8);--mantine-color-dark-light: rgba(21, 27, 35, 0.1);--mantine-color-dark-light-hover: rgba(21, 27, 35, 0.12);--mantine-color-dark-light-color: var(--mantine-color-dark-7);--mantine-color-dark-outline: var(--mantine-color-dark-7);--mantine-color-dark-outline-hover: rgba(21, 27, 35, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-7);--mantine-color-gray-filled-hover: var(--mantine-color-gray-8);--mantine-color-gray-light: rgba(66, 74, 83, 0.1);--mantine-color-gray-light-hover: rgba(66, 74, 83, 0.12);--mantine-color-gray-light-color: var(--mantine-color-gray-7);--mantine-color-gray-outline: var(--mantine-color-gray-7);--mantine-color-gray-outline-hover: rgba(66, 74, 83, 0.05);--mantine-color-red-filled: var(--mantine-color-red-7);--mantine-color-red-filled-hover: var(--mantine-color-red-8);--mantine-color-red-light: rgba(130, 7, 30, 0.1);--mantine-color-red-light-hover: rgba(130, 7, 30, 0.12);--mantine-color-red-light-color: var(--mantine-color-red-7);--mantine-color-red-outline: var(--mantine-color-red-7);--mantine-color-red-outline-hover: rgba(130, 7, 30, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-7);--mantine-color-pink-filled-hover: var(--mantine-color-pink-8);--mantine-color-pink-light: rgba(214, 51, 108, 0.1);--mantine-color-pink-light-hover: rgba(214, 51, 108, 0.12);--mantine-color-pink-light-color: var(--mantine-color-pink-7);--mantine-color-pink-outline: var(--mantine-color-pink-7);--mantine-color-pink-outline-hover: rgba(214, 51, 108, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-7);--mantine-color-grape-filled-hover: var(--mantine-color-grape-8);--mantine-color-grape-light: rgba(174, 62, 201, 0.1);--mantine-color-grape-light-hover: rgba(174, 62, 201, 0.12);--mantine-color-grape-light-color: var(--mantine-color-grape-7);--mantine-color-grape-outline: var(--mantine-color-grape-7);--mantine-color-grape-outline-hover: rgba(174, 62, 201, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-7);--mantine-color-violet-filled-hover: var(--mantine-color-violet-8);--mantine-color-violet-light: rgba(112, 72, 232, 0.1);--mantine-color-violet-light-hover: rgba(112, 72, 232, 0.12);--mantine-color-violet-light-color: var(--mantine-color-violet-7);--mantine-color-violet-outline: var(--mantine-color-violet-7);--mantine-color-violet-outline-hover: rgba(112, 72, 232, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-7);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-8);--mantine-color-indigo-light: rgba(66, 99, 235, 0.1);--mantine-color-indigo-light-hover: rgba(66, 99, 235, 0.12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-7);--mantine-color-indigo-outline: var(--mantine-color-indigo-7);--mantine-color-indigo-outline-hover: rgba(66, 99, 235, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-7);--mantine-color-blue-filled-hover: var(--mantine-color-blue-8);--mantine-color-blue-light: rgba(3, 61, 139, 0.1);--mantine-color-blue-light-hover: rgba(3, 61, 139, 0.12);--mantine-color-blue-light-color: var(--mantine-color-blue-7);--mantine-color-blue-outline: var(--mantine-color-blue-7);--mantine-color-blue-outline-hover: rgba(3, 61, 139, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-7);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-8);--mantine-color-cyan-light: rgba(16, 152, 173, 0.1);--mantine-color-cyan-light-hover: rgba(16, 152, 173, 0.12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-7);--mantine-color-cyan-outline: var(--mantine-color-cyan-7);--mantine-color-cyan-outline-hover: rgba(16, 152, 173, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-7);--mantine-color-teal-filled-hover: var(--mantine-color-teal-8);--mantine-color-teal-light: rgba(12, 166, 120, 0.1);--mantine-color-teal-light-hover: rgba(12, 166, 120, 0.12);--mantine-color-teal-light-color: var(--mantine-color-teal-7);--mantine-color-teal-outline: var(--mantine-color-teal-7);--mantine-color-teal-outline-hover: rgba(12, 166, 120, 0.05);--mantine-color-green-filled: var(--mantine-color-green-7);--mantine-color-green-filled-hover: var(--mantine-color-green-8);--mantine-color-green-light: rgba(4, 79, 30, 0.1);--mantine-color-green-light-hover: rgba(4, 79, 30, 0.12);--mantine-color-green-light-color: var(--mantine-color-green-7);--mantine-color-green-outline: var(--mantine-color-green-7);--mantine-color-green-outline-hover: rgba(4, 79, 30, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-7);--mantine-color-lime-filled-hover: var(--mantine-color-lime-8);--mantine-color-lime-light: rgba(116, 184, 22, 0.1);--mantine-color-lime-light-hover: rgba(116, 184, 22, 0.12);--mantine-color-lime-light-color: var(--mantine-color-lime-7);--mantine-color-lime-outline: var(--mantine-color-lime-7);--mantine-color-lime-outline-hover: rgba(116, 184, 22, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-7);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-8);--mantine-color-yellow-light: rgba(245, 159, 0, 0.1);--mantine-color-yellow-light-hover: rgba(245, 159, 0, 0.12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-7);--mantine-color-yellow-outline: var(--mantine-color-yellow-7);--mantine-color-yellow-outline-hover: rgba(245, 159, 0, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-7);--mantine-color-orange-filled-hover: var(--mantine-color-orange-8);--mantine-color-orange-light: rgba(247, 103, 7, 0.1);--mantine-color-orange-light-hover: rgba(247, 103, 7, 0.12);--mantine-color-orange-light-color: var(--mantine-color-orange-7);--mantine-color-orange-outline: var(--mantine-color-orange-7);--mantine-color-orange-outline-hover: rgba(247, 103, 7, 0.05);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-navbar-width:calc(18.75rem * var(--mantine-scale));--app-shell-navbar-offset:calc(18.75rem * var(--mantine-scale));--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:var(--mantine-spacing-md);}@media(max-width: 47.99375em){:root{--app-shell-navbar-width:100%;--app-shell-navbar-offset:0px;--app-shell-navbar-transform:translateX(calc(var(--app-shell-navbar-width) * -1));--app-shell-navbar-transform-rtl:translateX(var(--app-shell-navbar-width));}}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;width:100%;flex:1" class="m_89ab340 mantine-AppShell-root" data-resizing="true" data-mode="fixed" id="mantine-_R_lu_"><header style="--app-shell-header-z-index:100;background:var(--alepha-background)" class="m_3b16f56b mantine-AppShell-header right-scroll-bar-position" data-with-border="true"><div style="align-items:center;justify-content:space-between;padding-inline:var(--mantine-spacing-md);height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2jdlu_"><div style="flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_dmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3ddmjdlu_"><button style="--burger-size:var(--burger-size-sm)" class="mantine-focus-auto m_fea6bf1a mantine-Burger-root m_87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="sm" type="button"><div class="m_d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div></button></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_5ddmjdlu_"><div style="margin-left:-32px;border-right:1px solid var(--mantine-color-default-border);width:calc(4.875rem * var(--mantine-scale));height:calc(3.75rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_bdddmjdlu_"></div></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_7ddmjdlu_"><button style="--button-justify:space-between;--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-pink-outline-hover);--button-color:var(--mantine-color-pink-outline);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-pink-outline);border:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-with-right-section="true" type="button" justify="space-between"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><div style="gap:var(--mantine-spacing-xs);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_barfddmjdlu_"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search "><path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg><div style="min-width:calc(12rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2mrarfddmjdlu_ mantine-visible-from-sm"><p style="--text-fz:var(--mantine-font-size-xs);--text-lh:var(--mantine-line-height-xs);color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xs">Search...</p></div></div></span><span class="m_a74036a mantine-Button-section" data-position="right"><kbd style="--kbd-fz:var(--kbd-fz-sm)" class="m_dc6f14e2 mantine-Kbd-root mantine-visible-from-sm" data-size="sm">+K</kbd></span></span></button></div></div><div class="m_8bffd616 mantine-Flex-root __m__-_R_lmjdlu_"></div><div style="align-items:center;justify-content:end;flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_tmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3dtmjdlu_"><button style="--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" type="button" aria-label="Toggle color scheme"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sun "><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg></span></span></button></div></div></div></header><nav style="opacity:1;--app-shell-navbar-z-index:calc(100 + 1);background:transparent" class="m_45252eee mantine-AppShell-navbar alepha-sidebar-navbar" data-with-border="true" data-resizing="false"><div style="flex-direction:column;padding-block:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_6ldlu_"><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_1mmldlu_"></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_2mmldlu_"><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldkdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-dashboard "><path d="M10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M13.45 11.55l2.05 -2.05"></path><path d="M6.4 20a9 9 0 1 1 11.2 0l-11.2 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldkdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldkdmmmldlu_">Dashboard</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_lmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/actions"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldktmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-api "><path d="M4 13h5"></path><path d="M12 16v-8h3a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-3"></path><path d="M20 8v8"></path><path d="M9 16v-5.5a2.5 2.5 0 0 0 -5 0v5.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldktmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldktmmmldlu_">Actions</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_15mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/queues"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldl5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldl5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldl5mmmldlu_">Queues</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="default" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/topics"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldldmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-message-circle "><path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldldmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldldmmmldlu_">Topics</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/caches"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldllmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-archive "><path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2"></path><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10"></path><path d="M10 12l4 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldllmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldllmmmldlu_">Caches</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/db"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldltmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-database "><path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0"></path><path d="M4 6v6a8 3 0 0 0 16 0v-6"></path><path d="M4 12v6a8 3 0 0 0 16 0v-6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldltmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldltmmmldlu_">DB Studio</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_25mmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/env"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-variable "><path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"></path><path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldmdmmmldlu_">Environment</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/atoms"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmlmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-atom "><path d="M12 12v.01"></path><path d="M19.071 4.929c-1.562 -1.562 -6 .337 -9.9 4.243c-3.905 3.905 -5.804 8.337 -4.242 9.9c1.562 1.561 6 -.338 9.9 -4.244c3.905 -3.905 5.804 -8.337 4.242 -9.9"></path><path d="M4.929 4.929c-1.562 1.562 .337 6 4.243 9.9c3.905 3.905 8.337 5.804 9.9 4.242c1.561 -1.562 -.338 -6 -4.244 -9.9c-3.905 -3.905 -8.337 -5.804 -9.9 -4.242"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmlmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldmlmmmldlu_">Atoms</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2tmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_35mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/graph"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldn5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-topology-ring "><path d="M14 20a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M14 4a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M6 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M22 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M13.5 5.5l5 5"></path><path d="M5.5 13.5l5 5"></path><path d="M13.5 18.5l5 -5"></path><path d="M10.5 5.5l-5 5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldn5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldn5mmmldlu_">Graph</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_3dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/logs"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldndmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-logs "><path d="M4 12h.01"></path><path d="M4 6h.01"></path><path d="M4 18h.01"></path><path d="M8 18h2"></path><path d="M8 12h2"></path><path d="M8 6h2"></path><path d="M14 6h6"></path><path d="M14 12h6"></path><path d="M14 18h6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldndmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_rddlldndmmmldlu_">Logs</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_3mmldlu_"></div></div></nav><main style="flex-direction:column;padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:0rem;padding-left:calc(18.75rem * var(--mantine-scale));padding-right:0rem;display:flex;flex:1" class="m_8983817 mantine-AppShell-main alepha-sidebar-main" data-resizing="false"><div style="align-items:center;justify-content:center;height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2ndlu_"><p style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Loading...</p></div></main></div></div>
|
|
19
|
+
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]){--mantine-color-anchor: var(--mantine-color-pink-7);--mantine-color-dark-filled: var(--mantine-color-dark-7);--mantine-color-dark-filled-hover: var(--mantine-color-dark-8);--mantine-color-dark-light: rgba(21, 27, 35, 0.1);--mantine-color-dark-light-hover: rgba(21, 27, 35, 0.12);--mantine-color-dark-light-color: var(--mantine-color-dark-7);--mantine-color-dark-outline: var(--mantine-color-dark-7);--mantine-color-dark-outline-hover: rgba(21, 27, 35, 0.05);--mantine-color-gray-filled: var(--mantine-color-gray-7);--mantine-color-gray-filled-hover: var(--mantine-color-gray-8);--mantine-color-gray-light: rgba(66, 74, 83, 0.1);--mantine-color-gray-light-hover: rgba(66, 74, 83, 0.12);--mantine-color-gray-light-color: var(--mantine-color-gray-7);--mantine-color-gray-outline: var(--mantine-color-gray-7);--mantine-color-gray-outline-hover: rgba(66, 74, 83, 0.05);--mantine-color-red-filled: var(--mantine-color-red-7);--mantine-color-red-filled-hover: var(--mantine-color-red-8);--mantine-color-red-light: rgba(130, 7, 30, 0.1);--mantine-color-red-light-hover: rgba(130, 7, 30, 0.12);--mantine-color-red-light-color: var(--mantine-color-red-7);--mantine-color-red-outline: var(--mantine-color-red-7);--mantine-color-red-outline-hover: rgba(130, 7, 30, 0.05);--mantine-color-pink-filled: var(--mantine-color-pink-7);--mantine-color-pink-filled-hover: var(--mantine-color-pink-8);--mantine-color-pink-light: rgba(214, 51, 108, 0.1);--mantine-color-pink-light-hover: rgba(214, 51, 108, 0.12);--mantine-color-pink-light-color: var(--mantine-color-pink-7);--mantine-color-pink-outline: var(--mantine-color-pink-7);--mantine-color-pink-outline-hover: rgba(214, 51, 108, 0.05);--mantine-color-grape-filled: var(--mantine-color-grape-7);--mantine-color-grape-filled-hover: var(--mantine-color-grape-8);--mantine-color-grape-light: rgba(174, 62, 201, 0.1);--mantine-color-grape-light-hover: rgba(174, 62, 201, 0.12);--mantine-color-grape-light-color: var(--mantine-color-grape-7);--mantine-color-grape-outline: var(--mantine-color-grape-7);--mantine-color-grape-outline-hover: rgba(174, 62, 201, 0.05);--mantine-color-violet-filled: var(--mantine-color-violet-7);--mantine-color-violet-filled-hover: var(--mantine-color-violet-8);--mantine-color-violet-light: rgba(112, 72, 232, 0.1);--mantine-color-violet-light-hover: rgba(112, 72, 232, 0.12);--mantine-color-violet-light-color: var(--mantine-color-violet-7);--mantine-color-violet-outline: var(--mantine-color-violet-7);--mantine-color-violet-outline-hover: rgba(112, 72, 232, 0.05);--mantine-color-indigo-filled: var(--mantine-color-indigo-7);--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-8);--mantine-color-indigo-light: rgba(66, 99, 235, 0.1);--mantine-color-indigo-light-hover: rgba(66, 99, 235, 0.12);--mantine-color-indigo-light-color: var(--mantine-color-indigo-7);--mantine-color-indigo-outline: var(--mantine-color-indigo-7);--mantine-color-indigo-outline-hover: rgba(66, 99, 235, 0.05);--mantine-color-blue-filled: var(--mantine-color-blue-7);--mantine-color-blue-filled-hover: var(--mantine-color-blue-8);--mantine-color-blue-light: rgba(3, 61, 139, 0.1);--mantine-color-blue-light-hover: rgba(3, 61, 139, 0.12);--mantine-color-blue-light-color: var(--mantine-color-blue-7);--mantine-color-blue-outline: var(--mantine-color-blue-7);--mantine-color-blue-outline-hover: rgba(3, 61, 139, 0.05);--mantine-color-cyan-filled: var(--mantine-color-cyan-7);--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-8);--mantine-color-cyan-light: rgba(16, 152, 173, 0.1);--mantine-color-cyan-light-hover: rgba(16, 152, 173, 0.12);--mantine-color-cyan-light-color: var(--mantine-color-cyan-7);--mantine-color-cyan-outline: var(--mantine-color-cyan-7);--mantine-color-cyan-outline-hover: rgba(16, 152, 173, 0.05);--mantine-color-teal-filled: var(--mantine-color-teal-7);--mantine-color-teal-filled-hover: var(--mantine-color-teal-8);--mantine-color-teal-light: rgba(12, 166, 120, 0.1);--mantine-color-teal-light-hover: rgba(12, 166, 120, 0.12);--mantine-color-teal-light-color: var(--mantine-color-teal-7);--mantine-color-teal-outline: var(--mantine-color-teal-7);--mantine-color-teal-outline-hover: rgba(12, 166, 120, 0.05);--mantine-color-green-filled: var(--mantine-color-green-7);--mantine-color-green-filled-hover: var(--mantine-color-green-8);--mantine-color-green-light: rgba(4, 79, 30, 0.1);--mantine-color-green-light-hover: rgba(4, 79, 30, 0.12);--mantine-color-green-light-color: var(--mantine-color-green-7);--mantine-color-green-outline: var(--mantine-color-green-7);--mantine-color-green-outline-hover: rgba(4, 79, 30, 0.05);--mantine-color-lime-filled: var(--mantine-color-lime-7);--mantine-color-lime-filled-hover: var(--mantine-color-lime-8);--mantine-color-lime-light: rgba(116, 184, 22, 0.1);--mantine-color-lime-light-hover: rgba(116, 184, 22, 0.12);--mantine-color-lime-light-color: var(--mantine-color-lime-7);--mantine-color-lime-outline: var(--mantine-color-lime-7);--mantine-color-lime-outline-hover: rgba(116, 184, 22, 0.05);--mantine-color-yellow-filled: var(--mantine-color-yellow-7);--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-8);--mantine-color-yellow-light: rgba(245, 159, 0, 0.1);--mantine-color-yellow-light-hover: rgba(245, 159, 0, 0.12);--mantine-color-yellow-light-color: var(--mantine-color-yellow-7);--mantine-color-yellow-outline: var(--mantine-color-yellow-7);--mantine-color-yellow-outline-hover: rgba(245, 159, 0, 0.05);--mantine-color-orange-filled: var(--mantine-color-orange-7);--mantine-color-orange-filled-hover: var(--mantine-color-orange-8);--mantine-color-orange-light: rgba(247, 103, 7, 0.1);--mantine-color-orange-light-hover: rgba(247, 103, 7, 0.12);--mantine-color-orange-light-color: var(--mantine-color-orange-7);--mantine-color-orange-outline: var(--mantine-color-orange-7);--mantine-color-orange-outline-hover: rgba(247, 103, 7, 0.05);}</style><style data-mantine-styles="classes">@media (max-width: 35.99375em) {.mantine-visible-from-xs {display: none !important;}}@media (min-width: 36em) {.mantine-hidden-from-xs {display: none !important;}}@media (max-width: 47.99375em) {.mantine-visible-from-sm {display: none !important;}}@media (min-width: 48em) {.mantine-hidden-from-sm {display: none !important;}}@media (max-width: 61.99375em) {.mantine-visible-from-md {display: none !important;}}@media (min-width: 62em) {.mantine-hidden-from-md {display: none !important;}}@media (max-width: 74.99375em) {.mantine-visible-from-lg {display: none !important;}}@media (min-width: 75em) {.mantine-hidden-from-lg {display: none !important;}}@media (max-width: 87.99375em) {.mantine-visible-from-xl {display: none !important;}}@media (min-width: 88em) {.mantine-hidden-from-xl {display: none !important;}}</style><style data-mantine-styles="inline">:root{--app-shell-navbar-width:calc(18.75rem * var(--mantine-scale));--app-shell-navbar-offset:calc(18.75rem * var(--mantine-scale));--app-shell-header-height:calc(3.75rem * var(--mantine-scale));--app-shell-header-offset:calc(3.75rem * var(--mantine-scale));--app-shell-padding:var(--mantine-spacing-md);}@media(max-width: 47.99375em){:root{--app-shell-navbar-width:100%;--app-shell-navbar-offset:0px;--app-shell-navbar-transform:translateX(calc(var(--app-shell-navbar-width) * -1));--app-shell-navbar-transform-rtl:translateX(var(--app-shell-navbar-width));}}</style><div style="--app-shell-transition-duration:200ms;--app-shell-transition-timing-function:ease;width:100%;flex:1" class="m_89ab340 mantine-AppShell-root" data-resizing="true" data-mode="fixed" id="mantine-_R_lu_"><header style="--app-shell-header-z-index:100;background:var(--alepha-background)" class="m_3b16f56b mantine-AppShell-header right-scroll-bar-position" data-with-border="true"><div style="align-items:center;justify-content:space-between;padding-inline:var(--mantine-spacing-md);height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2jdlu_"><div style="flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_dmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3ddmjdlu_"><button style="--burger-size:var(--burger-size-sm)" class="mantine-focus-auto m_fea6bf1a mantine-Burger-root m_87cf2631 mantine-UnstyledButton-root mantine-hidden-from-sm" data-size="sm" type="button"><div class="m_d4fb9cad mantine-Burger-burger" data-reduce-motion="true"></div></button></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_5ddmjdlu_"><div style="margin-left:-32px;border-right:1px solid var(--mantine-color-default-border);width:calc(4.875rem * var(--mantine-scale));height:calc(3.75rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_bdddmjdlu_"></div></div><div style="align-items:center;margin-left:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_7ddmjdlu_"><button style="--button-justify:space-between;--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-pink-outline-hover);--button-color:var(--mantine-color-pink-outline);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-pink-outline);border:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="outline" data-with-right-section="true" type="button" justify="space-between"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><div style="gap:var(--mantine-spacing-xs);align-items:center" class="m_8bffd616 mantine-Flex-root __m__-_R_barfddmjdlu_"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-search "><path d="M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0"></path><path d="M21 21l-6 -6"></path></svg><div style="min-width:calc(12rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2mrarfddmjdlu_ mantine-visible-from-sm"><p style="--text-fz:var(--mantine-font-size-xs);--text-lh:var(--mantine-line-height-xs);color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root" data-size="xs">Search...</p></div></div></span><span class="m_a74036a mantine-Button-section" data-position="right"><kbd style="--kbd-fz:var(--kbd-fz-sm)" class="m_dc6f14e2 mantine-Kbd-root mantine-visible-from-sm" data-size="sm">+K</kbd></span></span></button></div></div><div class="m_8bffd616 mantine-Flex-root __m__-_R_lmjdlu_"></div><div style="align-items:center;justify-content:end;flex:1" class="m_8bffd616 mantine-Flex-root __m__-_R_tmjdlu_"><div style="align-items:center;margin-left:0rem" class="m_8bffd616 mantine-Flex-root __m__-_R_3dtmjdlu_"><button style="--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text)" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" type="button" aria-label="Toggle color scheme"><span class="m_80f1301b mantine-Button-inner"><span class="m_811560b9 mantine-Button-label"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-sun "><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path></svg></span></span></button></div></div></div></header><nav style="opacity:1;--app-shell-navbar-z-index:calc(100 + 1);background:transparent" class="m_45252eee mantine-AppShell-navbar alepha-sidebar-navbar" data-with-border="true" data-resizing="false" data-hover-expanded="false"><div style="flex-direction:column;padding-block:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_6ldlu_"><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_1mmldlu_"></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md);flex:1" class="alepha-sidebar-scroll m_8bffd616 mantine-Flex-root __m__-_R_2mmldlu_"><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldkdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-dashboard "><path d="M10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"></path><path d="M13.45 11.55l2.05 -2.05"></path><path d="M6.4 20a9 9 0 1 1 11.2 0l-11.2 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldkdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldkdmmmldlu_">Dashboard</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_lmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/actions"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldktmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-api "><path d="M4 13h5"></path><path d="M12 16v-8h3a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-3"></path><path d="M20 8v8"></path><path d="M9 16v-5.5a2.5 2.5 0 0 0 -5 0v5.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldktmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldktmmmldlu_">Actions</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_15mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/queues"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldl5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-stack-2 "><path d="M12 4l-8 4l8 4l8 -4l-8 -4"></path><path d="M4 12l8 4l8 -4"></path><path d="M4 16l8 4l8 -4"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldl5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldl5mmmldlu_">Queues</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:var(--mantine-color-default);--button-hover:var(--mantine-color-default-hover);--button-color:var(--mantine-color-default-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid var(--mantine-color-default-border);padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="default" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/topics"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldldmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-message-circle "><path d="M3 20l1.3 -3.9c-2.324 -3.437 -1.426 -7.872 2.1 -10.374c3.526 -2.501 8.59 -2.296 11.845 .48c3.255 2.777 3.695 7.266 1.029 10.501c-2.666 3.235 -7.615 4.215 -11.574 2.293l-4.7 1"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldldmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldldmmmldlu_">Topics</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/caches"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldllmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-archive "><path d="M3 6a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2"></path><path d="M5 8v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-10"></path><path d="M10 12l4 0"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldllmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldllmmmldlu_">Caches</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_1tmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/db"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldltmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-database "><path d="M4 6a8 3 0 1 0 16 0a8 3 0 1 0 -16 0"></path><path d="M4 6v6a8 3 0 0 0 16 0v-6"></path><path d="M4 12v6a8 3 0 0 0 16 0v-6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldltmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldltmmmldlu_">DB Studio</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_25mmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/env"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmdmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-variable "><path d="M5 4c-2.5 5 -2.5 10 0 16m14 -16c2.5 5 2.5 10 0 16m-10 -11h1c1 0 1 1 2.016 3.527c.984 2.473 .984 3.473 1.984 3.473h1"></path><path d="M8 16c1.5 0 3 -2 4 -3.5s2.5 -3.5 4 -3.5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmdmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldmdmmmldlu_">Environment</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_2lmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/atoms"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldmlmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-atom "><path d="M12 12v.01"></path><path d="M19.071 4.929c-1.562 -1.562 -6 .337 -9.9 4.243c-3.905 3.905 -5.804 8.337 -4.242 9.9c1.562 1.561 6 -.338 9.9 -4.244c3.905 -3.905 5.804 -8.337 4.242 -9.9"></path><path d="M4.929 4.929c-1.562 1.562 .337 6 4.243 9.9c3.905 3.905 8.337 5.804 9.9 4.242c1.561 -1.562 -.338 -6 -4.244 -9.9c-3.905 -3.905 -8.337 -5.804 -9.9 -4.242"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldmlmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldmlmmmldlu_">Atoms</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="margin-inline:var(--mantine-spacing-sm);margin-block:var(--mantine-spacing-xs);background:var(--alepha-border);height:calc(0.0625rem * var(--mantine-scale))" class="m_8bffd616 mantine-Flex-root __m__-_R_2tmmmldlu_"></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_35mmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/graph"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldn5mmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-topology-ring "><path d="M14 20a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M14 4a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M6 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M22 12a2 2 0 1 0 -4 0a2 2 0 0 0 4 0"></path><path d="M13.5 5.5l5 5"></path><path d="M5.5 13.5l5 5"></path><path d="M13.5 18.5l5 -5"></path><path d="M10.5 5.5l-5 5"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldn5mmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldn5mmmldlu_">Graph</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div><div style="flex-direction:column;padding-inline-start:0rem;position:relative" class="m_8bffd616 mantine-Flex-root __m__-_R_3dmmmldlu_"><a style="--button-justify:space-between;--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-fz:var(--mantine-font-size-sm);--button-radius:var(--mantine-radius-md);--button-bg:transparent;--button-hover:var(--mantine-color-gray-light-hover);--button-color:var(--mantine-color-gray-light-color);--button-bd:calc(0.0625rem * var(--mantine-scale)) solid transparent;padding-inline:var(--mantine-spacing-xs);color:var(--mantine-color-text);width:100%" class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root" data-variant="subtle" data-size="sm" data-with-left-section="true" justify="space-between" href="/devtools/logs"><span class="m_80f1301b mantine-Button-inner"><span class="m_a74036a mantine-Button-section" data-position="left"><div style="gap:var(--mantine-spacing-sm);align-items:center;width:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_lldndmmmldlu_"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-logs "><path d="M4 12h.01"></path><path d="M4 6h.01"></path><path d="M4 18h.01"></path><path d="M8 18h2"></path><path d="M8 12h2"></path><path d="M8 6h2"></path><path d="M14 6h6"></path><path d="M14 12h6"></path><path d="M14 18h6"></path></svg><div style="flex-direction:column" class="m_8bffd616 mantine-Flex-root __m__-_R_5dlldndmmmldlu_"><div class="m_8bffd616 mantine-Flex-root __m__-_R_bddlldndmmmldlu_">Logs</div></div></div></span><span class="m_811560b9 mantine-Button-label"></span></span></a></div></div><div style="gap:calc(0.25rem * var(--mantine-scale));flex-direction:column;padding-inline:var(--mantine-spacing-md)" class="m_8bffd616 mantine-Flex-root __m__-_R_3mmldlu_"></div></div></nav><main style="flex-direction:column;padding-top:calc(3.75rem * var(--mantine-scale));padding-bottom:0rem;padding-left:calc(18.75rem * var(--mantine-scale));padding-right:0rem;display:flex;flex:1" class="m_8983817 mantine-AppShell-main alepha-sidebar-main" data-resizing="false"><div style="align-items:center;justify-content:center;height:100%" class="m_8bffd616 mantine-Flex-root __m__-_R_2ndlu_"><p style="color:var(--mantine-color-dimmed)" class="mantine-focus-auto m_b6d8b162 mantine-Text-root">Loading...</p></div></main></div></div>
|
|
20
20
|
<script>window.__ssr={"layers":[{"part":"/","name":"root","config":{"query":{},"params":{}},"props":{}},{"name":"layout","config":{"query":{},"params":{}},"props":{}},{"part":"/topics","name":"topics","config":{"query":{},"params":{}},"props":{}}]}</script></body>
|
|
21
21
|
</html>
|
|
Binary file
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@alepha/devtools",
|
|
3
3
|
"description": "Developer tools for monitoring and debugging Alepha applications.",
|
|
4
4
|
"author": "Nicolas Foures",
|
|
5
|
-
"version": "0.15.
|
|
5
|
+
"version": "0.15.3",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"engines": {
|
|
8
8
|
"node": ">=22.0.0"
|
|
@@ -16,21 +16,22 @@
|
|
|
16
16
|
"assets"
|
|
17
17
|
],
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@alepha/ui": "0.15.
|
|
19
|
+
"@alepha/ui": "0.15.3",
|
|
20
20
|
"@biomejs/biome": "^2.3.13",
|
|
21
21
|
"@mantine/core": "^8.3.13",
|
|
22
22
|
"@mantine/hooks": "^8.3.13",
|
|
23
23
|
"@tabler/icons-react": "^3.36.1",
|
|
24
24
|
"@xyflow/react": "^12.10.0",
|
|
25
|
-
"alepha": "0.15.
|
|
25
|
+
"alepha": "0.15.3",
|
|
26
26
|
"react": "^19.2.4",
|
|
27
|
+
"react-dom": "^19.2.4",
|
|
27
28
|
"tsdown": "^0.20.1",
|
|
28
29
|
"typescript": "^5.9.3",
|
|
29
30
|
"vite": "^7.3.1",
|
|
30
31
|
"vitest": "^4.0.18"
|
|
31
32
|
},
|
|
32
33
|
"peerDependencies": {
|
|
33
|
-
"alepha": "0.15.
|
|
34
|
+
"alepha": "0.15.3"
|
|
34
35
|
},
|
|
35
36
|
"scripts": {
|
|
36
37
|
"lint": "alepha lint",
|
package/src/ui/AppRouter.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { $ui, midnightTheme } from "@alepha/ui";
|
|
2
2
|
import {
|
|
3
3
|
IconApi,
|
|
4
4
|
IconArchive,
|
|
@@ -13,9 +13,13 @@ import {
|
|
|
13
13
|
} from "@tabler/icons-react";
|
|
14
14
|
import { $page } from "alepha/react/router";
|
|
15
15
|
|
|
16
|
-
export class AppRouter
|
|
16
|
+
export class AppRouter {
|
|
17
|
+
ui = $ui({
|
|
18
|
+
themes: [midnightTheme],
|
|
19
|
+
});
|
|
20
|
+
|
|
17
21
|
layout = $page({
|
|
18
|
-
parent: this.root,
|
|
22
|
+
parent: this.ui.root,
|
|
19
23
|
lazy: () => import("./components/DevLayout.tsx"),
|
|
20
24
|
});
|
|
21
25
|
|
package/src/ui/main.ts
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { alephaThemeListAtom, midnightTheme } from "@alepha/ui";
|
|
2
1
|
import { Alepha, run } from "alepha";
|
|
3
2
|
import { AppRouter } from "./AppRouter.tsx";
|
|
4
3
|
|
|
5
4
|
const alepha = Alepha.create();
|
|
6
5
|
|
|
7
6
|
alepha.with(AppRouter);
|
|
8
|
-
alepha.set(alephaThemeListAtom, [midnightTheme]);
|
|
9
7
|
|
|
10
8
|
run(alepha);
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{x as S,a5 as z,a6 as k,r as h,j as e,F as x,T as r,B as a,L as p,ah as L,C as E,af as v,X as w,ab as V,ag as B,ad as I,ae as M}from"./entry.DqiMGelS.js";import{d as $}from"./chunk.D1-ODKSf.js";import{S as y,B as b}from"./chunk.BLgG-Amn.js";import{C as T}from"./chunk.DXhVYZJu.js";import{T as t}from"./chunk.CKppnGPU.js";import{I as N}from"./chunk.K-Ms8Mzm.js";const O=[["path",{d:"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065",key:"svg-0"}],["path",{d:"M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0",key:"svg-1"}]],A=S("outline","settings","Settings",O),H=s=>{const n=new Map;for(const l of s){const i=l.schema;if(i?.properties)for(const[o,c]of Object.entries(i.properties)){if(n.has(o))continue;const d=c,u=l.values[o];let g=d.type??"unknown",m=d.format;if(d.anyOf){const j=d.anyOf.find(f=>f.type!=="null");j&&(g=j.type??"unknown",m=j.format)}n.set(o,{name:o,value:u,type:g,description:d.description,format:m})}}return Array.from(n.values()).sort((l,i)=>l.name.localeCompare(i.name))},F=({variables:s,selectedVar:n,onSelectVar:l,search:i,onSearchChange:o})=>e.jsxs(y,{gap:0,h:"100%",children:[e.jsx(a,{p:"sm",style:{borderBottom:`1px solid ${p.colors.border}`},children:e.jsx(L,{placeholder:"Search variables...",leftSection:e.jsx(E,{size:14}),size:"xs",value:i,onChange:c=>o(c.target.value)})}),e.jsx(v,{style:{flex:1},children:e.jsxs(a,{children:[e.jsxs(r,{size:"xs",fw:600,c:"dimmed",px:"sm",py:"xs",style:{backgroundColor:p.colors.background,borderBottom:`1px solid ${p.colors.border}`,textTransform:"uppercase",letterSpacing:"0.05em"},children:["Variables (",s.length,")"]}),s.map(c=>{const d=n?.name===c.name;return e.jsxs(x,{align:"center",gap:"xs",px:"sm",py:6,onClick:()=>l(c),style:{cursor:"pointer",backgroundColor:d?"#228be615":void 0,borderLeft:d?"2px solid #228be6":"2px solid transparent",borderBottom:`1px solid ${p.colors.border}`},children:[e.jsx(w,{size:14,opacity:.5}),e.jsx(r,{size:"sm",style:{flex:1},truncate:!0,ff:"monospace",children:c.name})]},c.name)})]})})]}),R=({variable:s})=>{const n=s.value!==void 0&&s.value!=="",l=n?String(s.value):"(not set)",i=s.name.toLowerCase().includes("secret")||s.name.toLowerCase().includes("password")||s.name.toLowerCase().includes("key")||s.name.toLowerCase().includes("token");return e.jsxs(x,{direction:"column",h:"100%",children:[e.jsx(a,{px:"md",py:"sm",style:{borderBottom:`1px solid ${p.colors.border}`,backgroundColor:"#228be608"},children:e.jsxs(x,{align:"center",gap:"sm",children:[e.jsx(w,{size:18,opacity:.7}),e.jsx(r,{size:"md",fw:600,ff:"monospace",children:s.name}),e.jsx(b,{size:"xs",variant:"outline",color:"blue",children:s.format||s.type})]})}),e.jsx(v,{style:{flex:1},p:"md",children:e.jsxs(y,{gap:"lg",children:[s.description&&e.jsxs(a,{children:[e.jsx(r,{size:"sm",fw:600,mb:"xs",children:"Description"}),e.jsx(r,{size:"sm",c:"dimmed",children:s.description})]}),e.jsxs(a,{children:[e.jsx(r,{size:"sm",fw:600,mb:"xs",children:"Current Value"}),e.jsxs(x,{align:"center",gap:"sm",children:[e.jsx(T,{block:!0,style:{flex:1,filter:i&&n?"blur(4px)":void 0,transition:"filter 0.2s"},onMouseEnter:o=>{i&&(o.currentTarget.style.filter="none")},onMouseLeave:o=>{i&&n&&(o.currentTarget.style.filter="blur(4px)")},children:l}),n&&e.jsx(V,{value:String(s.value),children:({copied:o,copy:c})=>e.jsx(B,{label:o?"Copied!":"Copy value",children:e.jsx(a,{onClick:c,style:{cursor:"pointer"},c:o?"teal":"dimmed",children:o?e.jsx(I,{size:16}):e.jsx(M,{size:16})})})})]}),i&&e.jsx(r,{size:"xs",c:"dimmed",mt:"xs",children:"Hover to reveal sensitive value"})]}),e.jsxs(a,{children:[e.jsx(r,{size:"sm",fw:600,mb:"xs",children:"Schema"}),e.jsx(t,{striped:!0,highlightOnHover:!0,withTableBorder:!0,children:e.jsxs(t.Tbody,{children:[e.jsxs(t.Tr,{children:[e.jsx(t.Td,{w:120,children:e.jsx(r,{size:"sm",c:"dimmed",children:"Type"})}),e.jsx(t.Td,{children:e.jsx(r,{size:"sm",ff:"monospace",children:s.type})})]}),s.format&&e.jsxs(t.Tr,{children:[e.jsx(t.Td,{children:e.jsx(r,{size:"sm",c:"dimmed",children:"Format"})}),e.jsx(t.Td,{children:e.jsx(r,{size:"sm",ff:"monospace",children:s.format})})]})]})})]}),e.jsxs(a,{children:[e.jsx(r,{size:"sm",fw:600,mb:"xs",children:"Usage"}),e.jsx(T,{block:!0,children:`# Set in .env file or environment
|
|
2
|
-
${s.name}=${n?s.value:"<value>"}`})]})]})})]})},D=()=>e.jsx(x,{align:"center",justify:"center",h:"100%",c:"dimmed",children:e.jsxs(y,{align:"center",gap:"xs",children:[e.jsx(A,{size:48,opacity:.3}),e.jsx(r,{children:"No environment variables found"}),e.jsx(r,{size:"sm",c:"dimmed",children:"Use $env primitive to define expected environment variables"})]})}),U=({variables:s})=>e.jsx(v,{h:"100%",p:"md",children:e.jsx(y,{gap:"lg",children:e.jsxs(a,{children:[e.jsxs(x,{align:"center",gap:"xs",mb:"sm",children:[e.jsx(N,{size:18,opacity:.7}),e.jsx(r,{size:"md",fw:600,children:"All Environment Variables"}),e.jsxs(b,{size:"sm",variant:"light",children:[s.length," variables"]})]}),e.jsxs(t,{striped:!0,highlightOnHover:!0,withTableBorder:!0,children:[e.jsx(t.Thead,{children:e.jsxs(t.Tr,{children:[e.jsx(t.Th,{children:"Name"}),e.jsx(t.Th,{children:"Type"}),e.jsx(t.Th,{children:"Value"})]})}),e.jsx(t.Tbody,{children:s.map(n=>{const l=n.value!==void 0&&n.value!=="",i=n.name.toLowerCase().includes("secret")||n.name.toLowerCase().includes("password")||n.name.toLowerCase().includes("key")||n.name.toLowerCase().includes("token");return e.jsxs(t.Tr,{children:[e.jsx(t.Td,{children:e.jsx(r,{size:"sm",ff:"monospace",fw:500,children:n.name})}),e.jsx(t.Td,{children:e.jsx(b,{size:"xs",variant:"outline",color:"blue",children:n.format||n.type})}),e.jsx(t.Td,{children:l?e.jsxs(r,{size:"sm",ff:"monospace",c:"dimmed",style:{filter:i?"blur(4px)":void 0},children:[String(n.value).slice(0,30),String(n.value).length>30?"...":""]}):e.jsx(r,{size:"sm",c:"dimmed",fs:"italic",children:"(not set)"})})]},n.name)})})]})]})})}),J=()=>{const s=z(k),[n,l]=h.useState([]),[i,o]=h.useState(!0),[c,d]=h.useState(null),[u,g]=h.useState("");h.useEffect(()=>{s.fetch("/devtools/api/metadata",{schema:{response:$}}).then(f=>{l(f.data.envs),o(!1)})},[]);const m=h.useMemo(()=>H(n),[n]),j=h.useMemo(()=>{if(!u)return m;const f=u.toLowerCase();return m.filter(C=>C.name.toLowerCase().includes(f))},[m,u]);return i?e.jsx(x,{align:"center",justify:"center",h:"100%",children:e.jsx(r,{c:"dimmed",children:"Loading..."})}):m.length===0?e.jsx(D,{}):e.jsxs(x,{h:"100%",style:{overflow:"hidden"},children:[e.jsx(a,{w:280,style:{borderRight:`1px solid ${p.colors.border}`,backgroundColor:p.colors.surface},children:e.jsx(F,{variables:j,selectedVar:c,onSelectVar:d,search:u,onSearchChange:g})}),e.jsx(a,{style:{flex:1,overflow:"hidden"},children:c?e.jsx(R,{variable:c}):e.jsx(U,{variables:m})})]})};export{J as DevEnvExplorer,J as default};
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as m,f as j,d as A,o as se,j as i,B as L,t as re,w as ee,v as oe,c as Po,aE as me,ba as Ro,bb as Ue,aj as ge,be as To,q as fe,a1 as te,aL as He,g as Ce,aA as $o,U as Vo,a2 as we,b9 as qe,am as We,an as Ze,aJ as Fo,af as Mo,e as zo,az as Bo,a4 as Je,x as ye}from"./entry.DqiMGelS.js";import{I as Lo,a as Go,b as Ko}from"./chunk.qLydHlIe.js";import{P as he}from"./chunk.CfzSCjsJ.js";function Ho(e){const o=m.useRef(void 0);return m.useEffect(()=>{o.current=e},[e]),o.current}function be(e,o=document){const t=o.querySelector(e);if(t)return t;const s=o.querySelectorAll("*");for(let r=0;r<s.length;r+=1){const a=s[r];if(a.shadowRoot){const n=be(e,a.shadowRoot);if(n)return n}}return null}function U(e,o=document){const t=[],s=o.querySelectorAll(e);t.push(...Array.from(s));const r=o.querySelectorAll("*");for(let a=0;a<r.length;a+=1){const n=r[a];if(n.shadowRoot){const l=U(e,n.shadowRoot);t.push(...l)}}return t}function H(e){if(!e)return document;const o=e.getRootNode();return o instanceof ShadowRoot||o instanceof Document?o:document}function Qe(e){return typeof e=="string"?{value:e,label:e}:"value"in e&&!("label"in e)?{value:e.value,label:e.value,disabled:e.disabled}:typeof e=="number"?{value:e.toString(),label:e.toString()}:"group"in e?{group:e.group,items:e.items.map(o=>Qe(o))}:e}function Uo(e){return e?e.map(o=>Qe(o)):[]}function Xe(e){return e.reduce((o,t)=>"group"in t?{...o,...Xe(t.items)}:(o[t.value]=t,o),{})}var R={dropdown:"m_88b62a41",search:"m_985517d8",options:"m_b2821a6e",option:"m_92253aa5",empty:"m_2530cd1d",header:"m_858f94bd",footer:"m_82b967cb",group:"m_254f3e4f",groupLabel:"m_2bb2e9e5",chevron:"m_2943220b",optionsDropdownOption:"m_390b5f4",optionsDropdownCheckIcon:"m_8ee53fc2",optionsDropdownCheckPlaceholder:"m_a530ee0a"};const qo={error:null},Wo=re((e,{size:o,color:t})=>({chevron:{"--combobox-chevron-size":oe(o,"combobox-chevron-size"),"--combobox-chevron-color":t?ee(t,e):void 0}})),ke=j((e,o)=>{const t=A("ComboboxChevron",qo,e),{size:s,error:r,style:a,className:n,classNames:l,styles:c,unstyled:d,vars:p,mod:u,...b}=t,x=se({name:"ComboboxChevron",classes:R,props:t,style:a,className:n,classNames:l,styles:c,unstyled:d,vars:p,varsResolver:Wo,rootSelector:"chevron"});return i.jsx(L,{component:"svg",...b,...x("chevron"),size:s,viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",mod:["combobox-chevron",{error:r},u],ref:o,children:i.jsx("path",{d:"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})});ke.classes=R;ke.displayName="@mantine/core/ComboboxChevron";const[Zo,M]=Po("Combobox component was not found in tree"),Ye=m.forwardRef(({size:e,onMouseDown:o,onClick:t,onClear:s,...r},a)=>i.jsx(me.ClearButton,{ref:a,tabIndex:-1,"aria-hidden":!0,...r,onMouseDown:n=>{n.preventDefault(),o?.(n)},onClick:n=>{s(),t?.(n)}}));Ye.displayName="@mantine/core/ComboboxClearButton";const Oe=j((e,o)=>{const{classNames:t,styles:s,className:r,style:a,hidden:n,...l}=A("ComboboxDropdown",null,e),c=M();return i.jsx(he.Dropdown,{...l,ref:o,role:"presentation","data-hidden":n||void 0,...c.getStyles("dropdown",{className:r,style:a,classNames:t,styles:s})})});Oe.classes=R;Oe.displayName="@mantine/core/ComboboxDropdown";const Jo={refProp:"ref"},eo=j((e,o)=>{const{children:t,refProp:s}=A("ComboboxDropdownTarget",Jo,e);if(M(),!Ro(t))throw new Error("Combobox.DropdownTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");return i.jsx(he.Target,{ref:o,refProp:s,children:t})});eo.displayName="@mantine/core/ComboboxDropdownTarget";const Se=j((e,o)=>{const{classNames:t,className:s,style:r,styles:a,vars:n,...l}=A("ComboboxEmpty",null,e),c=M();return i.jsx(L,{ref:o,...c.getStyles("empty",{className:s,classNames:t,styles:a,style:r}),...l})});Se.classes=R;Se.displayName="@mantine/core/ComboboxEmpty";function De({onKeyDown:e,withKeyboardNavigation:o,withAriaAttributes:t,withExpandedAttribute:s,targetType:r,autoComplete:a}){const n=M(),[l,c]=m.useState(null),d=u=>{if(e?.(u),!n.readOnly&&o){if(u.nativeEvent.isComposing)return;if(u.nativeEvent.code==="ArrowDown"&&(u.preventDefault(),n.store.dropdownOpened?c(n.store.selectNextOption()):(n.store.openDropdown("keyboard"),c(n.store.selectActiveOption()),n.store.updateSelectedOptionIndex("selected",{scrollIntoView:!0}))),u.nativeEvent.code==="ArrowUp"&&(u.preventDefault(),n.store.dropdownOpened?c(n.store.selectPreviousOption()):(n.store.openDropdown("keyboard"),c(n.store.selectActiveOption()),n.store.updateSelectedOptionIndex("selected",{scrollIntoView:!0}))),u.nativeEvent.code==="Enter"||u.nativeEvent.code==="NumpadEnter"){if(u.nativeEvent.keyCode===229)return;const b=n.store.getSelectedOptionIndex();n.store.dropdownOpened&&b!==-1?(u.preventDefault(),n.store.clickSelectedOption()):r==="button"&&(u.preventDefault(),n.store.openDropdown("keyboard"))}u.key==="Escape"&&n.store.closeDropdown("keyboard"),u.nativeEvent.code==="Space"&&r==="button"&&(u.preventDefault(),n.store.toggleDropdown("keyboard"))}};return{...t?{"aria-haspopup":"listbox","aria-expanded":s?!!(n.store.listId&&n.store.dropdownOpened):void 0,"aria-controls":n.store.dropdownOpened&&n.store.listId?n.store.listId:void 0,"aria-activedescendant":n.store.dropdownOpened&&l||void 0,autoComplete:a,"data-expanded":n.store.dropdownOpened||void 0,"data-mantine-stop-propagation":n.store.dropdownOpened||void 0}:{},onKeyDown:d}}const Qo={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1,autoComplete:"off"},oo=j((e,o)=>{const{children:t,refProp:s,withKeyboardNavigation:r,withAriaAttributes:a,withExpandedAttribute:n,targetType:l,autoComplete:c,...d}=A("ComboboxEventsTarget",Qo,e),p=Ue(t);if(!p)throw new Error("Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const u=M(),b=De({targetType:l,withAriaAttributes:a,withKeyboardNavigation:r,withExpandedAttribute:n,onKeyDown:p.props.onKeyDown,autoComplete:c});return m.cloneElement(p,{...b,...d,[s]:ge(o,u.store.targetRef,To(p))})});oo.displayName="@mantine/core/ComboboxEventsTarget";const _e=j((e,o)=>{const{classNames:t,className:s,style:r,styles:a,vars:n,...l}=A("ComboboxFooter",null,e),c=M();return i.jsx(L,{ref:o,...c.getStyles("footer",{className:s,classNames:t,style:r,styles:a}),...l,onMouseDown:d=>{d.preventDefault()}})});_e.classes=R;_e.displayName="@mantine/core/ComboboxFooter";const Ne=j((e,o)=>{const{classNames:t,className:s,style:r,styles:a,vars:n,children:l,label:c,id:d,...p}=A("ComboboxGroup",null,e),u=M(),b=fe(d);return i.jsxs(L,{ref:o,role:"group","aria-labelledby":c?b:void 0,...u.getStyles("group",{className:s,classNames:t,style:r,styles:a}),...p,children:[c&&i.jsx("div",{id:b,...u.getStyles("groupLabel",{classNames:t,styles:a}),children:c}),l]})});Ne.classes=R;Ne.displayName="@mantine/core/ComboboxGroup";const Ie=j((e,o)=>{const{classNames:t,className:s,style:r,styles:a,vars:n,...l}=A("ComboboxHeader",null,e),c=M();return i.jsx(L,{ref:o,...c.getStyles("header",{className:s,classNames:t,style:r,styles:a}),...l,onMouseDown:d=>{d.preventDefault()}})});Ie.classes=R;Ie.displayName="@mantine/core/ComboboxHeader";function to({value:e,valuesDivider:o=",",...t}){return i.jsx("input",{type:"hidden",value:Array.isArray(e)?e.join(o):e||"",...t})}to.displayName="@mantine/core/ComboboxHiddenInput";const Ae=j((e,o)=>{const t=A("ComboboxOption",null,e),{classNames:s,className:r,style:a,styles:n,vars:l,onClick:c,id:d,active:p,onMouseDown:u,onMouseOver:b,disabled:x,selected:y,mod:C,...g}=t,k=M(),S=m.useId(),_=d||S;return i.jsx(L,{...k.getStyles("option",{className:r,classNames:s,styles:n,style:a}),...g,ref:o,id:_,mod:["combobox-option",{"combobox-active":p,"combobox-disabled":x,"combobox-selected":y},C],role:"option",onClick:h=>{x?h.preventDefault():(k.onOptionSubmit?.(t.value,t),c?.(h))},onMouseDown:h=>{h.preventDefault(),u?.(h)},onMouseOver:h=>{k.resetSelectionOnOptionHover&&k.store.resetSelectedOption(),b?.(h)}})});Ae.classes=R;Ae.displayName="@mantine/core/ComboboxOption";const Ee=j((e,o)=>{const t=A("ComboboxOptions",null,e),{classNames:s,className:r,style:a,styles:n,id:l,onMouseDown:c,labelledBy:d,...p}=t,u=M(),b=fe(l);return m.useEffect(()=>{u.store.setListId(b)},[b]),i.jsx(L,{ref:o,...u.getStyles("options",{className:r,style:a,classNames:s,styles:n}),...p,id:b,role:"listbox","aria-labelledby":d,onMouseDown:x=>{x.preventDefault(),c?.(x)}})});Ee.classes=R;Ee.displayName="@mantine/core/ComboboxOptions";const Xo={withAriaAttributes:!0,withKeyboardNavigation:!0},je=j((e,o)=>{const t=A("ComboboxSearch",Xo,e),{classNames:s,styles:r,unstyled:a,vars:n,withAriaAttributes:l,onKeyDown:c,withKeyboardNavigation:d,size:p,...u}=t,b=M(),x=b.getStyles("search"),y=De({targetType:"input",withAriaAttributes:l,withKeyboardNavigation:d,withExpandedAttribute:!1,onKeyDown:c,autoComplete:"off"});return i.jsx(me,{ref:ge(o,b.store.searchRef),classNames:[{input:x.className},s],styles:[{input:x.style},r],size:p||b.size,...y,...u,__staticSelector:"Combobox"})});je.classes=R;je.displayName="@mantine/core/ComboboxSearch";const Yo={refProp:"ref",targetType:"input",withKeyboardNavigation:!0,withAriaAttributes:!0,withExpandedAttribute:!1,autoComplete:"off"},no=j((e,o)=>{const{children:t,refProp:s,withKeyboardNavigation:r,withAriaAttributes:a,withExpandedAttribute:n,targetType:l,autoComplete:c,...d}=A("ComboboxTarget",Yo,e),p=Ue(t);if(!p)throw new Error("Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported");const u=M(),b=De({targetType:l,withAriaAttributes:a,withKeyboardNavigation:r,withExpandedAttribute:n,onKeyDown:p.props.onKeyDown,autoComplete:c}),x=m.cloneElement(p,{...b,...d});return i.jsx(he.Target,{ref:ge(o,u.store.targetRef),children:x})});no.displayName="@mantine/core/ComboboxTarget";function et(e,o,t){for(let s=e-1;s>=0;s-=1)if(!o[s].hasAttribute("data-combobox-disabled"))return s;if(t){for(let s=o.length-1;s>-1;s-=1)if(!o[s].hasAttribute("data-combobox-disabled"))return s}return e}function ot(e,o,t){for(let s=e+1;s<o.length;s+=1)if(!o[s].hasAttribute("data-combobox-disabled"))return s;if(t){for(let s=0;s<o.length;s+=1)if(!o[s].hasAttribute("data-combobox-disabled"))return s}return e}function tt(e){for(let o=0;o<e.length;o+=1)if(!e[o].hasAttribute("data-combobox-disabled"))return o;return-1}function so({defaultOpened:e,opened:o,onOpenedChange:t,onDropdownClose:s,onDropdownOpen:r,loop:a=!0,scrollBehavior:n="instant"}={}){const[l,c]=te({value:o,defaultValue:e,finalValue:!1,onChange:t}),d=m.useRef(null),p=m.useRef(-1),u=m.useRef(null),b=m.useRef(null),x=m.useRef(-1),y=m.useRef(-1),C=m.useRef(-1),g=m.useCallback((f="unknown")=>{l||(c(!0),r?.(f))},[c,r,l]),k=m.useCallback((f="unknown")=>{l&&(c(!1),s?.(f))},[c,s,l]),S=m.useCallback((f="unknown")=>{l?k(f):g(f)},[k,g,l]),_=m.useCallback(()=>{const f=H(b.current),D=be(`#${d.current} [data-combobox-selected]`,f);D?.removeAttribute("data-combobox-selected"),D?.removeAttribute("aria-selected")},[]),h=m.useCallback(f=>{const D=H(b.current),F=be(`#${d.current}`,D),N=F?U("[data-combobox-option]",F):null;if(!N)return null;const I=f>=N.length?0:f<0?N.length-1:f;return p.current=I,N?.[I]&&!N[I].hasAttribute("data-combobox-disabled")?(_(),N[I].setAttribute("data-combobox-selected","true"),N[I].setAttribute("aria-selected","true"),N[I].scrollIntoView({block:"nearest",behavior:n}),N[I].id):null},[n,_]),O=m.useCallback(()=>{const f=H(b.current),D=be(`#${d.current} [data-combobox-active]`,f);if(D){const N=U(`#${d.current} [data-combobox-option]`,f).findIndex(I=>I===D);return h(N)}return h(0)},[h]),P=m.useCallback(()=>{const f=H(b.current),D=U(`#${d.current} [data-combobox-option]`,f);return h(ot(p.current,D,a))},[h,a]),E=m.useCallback(()=>{const f=H(b.current),D=U(`#${d.current} [data-combobox-option]`,f);return h(et(p.current,D,a))},[h,a]),ce=m.useCallback(()=>{const f=H(b.current),D=U(`#${d.current} [data-combobox-option]`,f);return h(tt(D))},[h]),J=m.useCallback((f="selected",D)=>{C.current=window.setTimeout(()=>{const F=H(b.current),N=U(`#${d.current} [data-combobox-option]`,F),I=N.findIndex(Y=>Y.hasAttribute(`data-combobox-${f}`));p.current=I,D?.scrollIntoView&&N[I]?.scrollIntoView({block:"nearest",behavior:n})},0)},[]),le=m.useCallback(()=>{p.current=-1,_()},[_]),Q=m.useCallback(()=>{const f=H(b.current);U(`#${d.current} [data-combobox-option]`,f)?.[p.current]?.click()},[]),q=m.useCallback(f=>{d.current=f},[]),z=m.useCallback(()=>{x.current=window.setTimeout(()=>u.current?.focus(),0)},[]),K=m.useCallback(()=>{y.current=window.setTimeout(()=>b.current?.focus(),0)},[]),X=m.useCallback(()=>p.current,[]);return m.useEffect(()=>()=>{window.clearTimeout(x.current),window.clearTimeout(y.current),window.clearTimeout(C.current)},[]),{dropdownOpened:l,openDropdown:g,closeDropdown:k,toggleDropdown:S,selectedOptionIndex:p.current,getSelectedOptionIndex:X,selectOption:h,selectFirstOption:ce,selectActiveOption:O,selectNextOption:P,selectPreviousOption:E,resetSelectedOption:le,updateSelectedOptionIndex:J,listId:d.current,setListId:q,clickSelectedOption:Q,searchRef:u,focusSearchInput:z,targetRef:b,focusTarget:K}}const nt={keepMounted:!0,withinPortal:!0,resetSelectionOnOptionHover:!1,width:"target",transitionProps:{transition:"fade",duration:0},size:"sm"},st=re((e,{size:o,dropdownPadding:t})=>({options:{"--combobox-option-fz":He(o),"--combobox-option-padding":oe(o,"combobox-option-padding")},dropdown:{"--combobox-padding":t===void 0?void 0:Ce(t),"--combobox-option-fz":He(o),"--combobox-option-padding":oe(o,"combobox-option-padding")}}));function v(e){const o=A("Combobox",nt,e),{classNames:t,styles:s,unstyled:r,children:a,store:n,vars:l,onOptionSubmit:c,onClose:d,size:p,dropdownPadding:u,resetSelectionOnOptionHover:b,__staticSelector:x,readOnly:y,attributes:C,...g}=o,k=so(),S=n||k,_=se({name:x||"Combobox",classes:R,props:o,classNames:t,styles:s,unstyled:r,attributes:C,vars:l,varsResolver:st}),h=()=>{d?.(),S.closeDropdown()};return i.jsx(Zo,{value:{getStyles:_,store:S,onOptionSubmit:c,size:p,resetSelectionOnOptionHover:b,readOnly:y},children:i.jsx(he,{opened:S.dropdownOpened,preventPositionChangeWhenVisible:!1,...g,onChange:O=>!O&&h(),withRoles:!1,unstyled:r,children:a})})}const rt=e=>e;v.extend=rt;v.classes=R;v.displayName="@mantine/core/Combobox";v.Target=no;v.Dropdown=Oe;v.Options=Ee;v.Option=Ae;v.Search=je;v.Empty=Se;v.Chevron=ke;v.Footer=_e;v.Header=Ie;v.EventsTarget=oo;v.DropdownTarget=eo;v.Group=Ne;v.ClearButton=Ye;v.HiddenInput=to;var ro={root:"m_bf2d988c",inner:"m_26062bec",input:"m_26063560",icon:"m_bf295423","input--outline":"m_215c4542"};const ao=m.createContext(null),at=ao.Provider,co=()=>m.useContext(ao),[ct,lt]=$o();var lo={card:"m_26775b0a"};const it={withBorder:!0},dt=re((e,{radius:o})=>({card:{"--card-radius":we(o)}})),Pe=j((e,o)=>{const t=A("CheckboxCard",it,e),{classNames:s,className:r,style:a,styles:n,unstyled:l,vars:c,checked:d,mod:p,withBorder:u,value:b,onClick:x,defaultChecked:y,onChange:C,attributes:g,...k}=t,S=se({name:"CheckboxCard",classes:lo,props:t,className:r,style:a,classNames:s,styles:n,unstyled:l,attributes:g,vars:c,varsResolver:dt,rootSelector:"card"}),_=co(),h=typeof d=="boolean"?d:_?_.value.includes(b||""):void 0,[O,P]=te({value:h,defaultValue:y,finalValue:!1,onChange:C});return i.jsx(ct,{value:{checked:O},children:i.jsx(Vo,{ref:o,mod:[{"with-border":u,checked:O},p],...S("card"),...k,role:"checkbox","aria-checked":O,onClick:E=>{x?.(E),_?.onChange(b||""),P(!O)}})})});Pe.displayName="@mantine/core/CheckboxCard";Pe.classes=lo;const Re=j((e,o)=>{const{value:t,defaultValue:s,onChange:r,size:a,wrapperProps:n,children:l,readOnly:c,disabled:d,...p}=A("CheckboxGroup",null,e),[u,b]=te({value:t,defaultValue:s,finalValue:[],onChange:r}),x=y=>{const C=typeof y=="string"?y:y.currentTarget.value;!c&&b(u.includes(C)?u.filter(g=>g!==C):[...u,C])};return i.jsx(at,{value:{value:u,onChange:x,size:a,disabled:d},children:i.jsx(me.Wrapper,{size:a,ref:o,...n,...p,labelElement:"div",__staticSelector:"CheckboxGroup",children:i.jsx(Lo,{role:"group",children:l})})})});Re.classes=me.Wrapper.classes;Re.displayName="@mantine/core/CheckboxGroup";function io({size:e,style:o,...t}){const s=e!==void 0?{width:Ce(e),height:Ce(e),...o}:o;return i.jsx("svg",{viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:s,"aria-hidden":!0,...t,children:i.jsx("path",{d:"M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})})}function uo({indeterminate:e,...o}){return e?i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 6","aria-hidden":!0,...o,children:i.jsx("rect",{width:"32",height:"6",fill:"currentColor",rx:"3"})}):i.jsx(io,{...o})}var po={indicator:"m_5e5256ee",icon:"m_1b1c543a","indicator--outline":"m_76e20374"};const ut={icon:uo,variant:"filled"},pt=re((e,{radius:o,color:t,size:s,iconColor:r,variant:a,autoContrast:n})=>{const l=qe({color:t||e.primaryColor,theme:e}),c=l.isThemeColor&&l.shade===void 0?`var(--mantine-color-${l.color}-outline)`:l.color;return{indicator:{"--checkbox-size":oe(s,"checkbox-size"),"--checkbox-radius":o===void 0?void 0:we(o),"--checkbox-color":a==="outline"?c:ee(t,e),"--checkbox-icon-color":r?ee(r,e):We(n,e)?Ze({color:t,theme:e,autoContrast:n}):void 0}}}),Te=j((e,o)=>{const t=A("CheckboxIndicator",ut,e),{classNames:s,className:r,style:a,styles:n,unstyled:l,vars:c,icon:d,indeterminate:p,radius:u,color:b,iconColor:x,autoContrast:y,checked:C,mod:g,variant:k,disabled:S,attributes:_,...h}=t,O=se({name:"CheckboxIndicator",classes:po,props:t,className:r,style:a,classNames:s,styles:n,unstyled:l,attributes:_,vars:c,varsResolver:pt,rootSelector:"indicator"}),P=lt(),E=typeof C=="boolean"||typeof p=="boolean"?C||p:P?.checked||!1;return i.jsx(L,{ref:o,...O("indicator",{variant:k}),variant:k,mod:[{checked:E,disabled:S},g],...h,children:i.jsx(d,{indeterminate:p,...O("icon")})})});Te.displayName="@mantine/core/CheckboxIndicator";Te.classes=po;const bt={labelPosition:"right",icon:uo,variant:"filled"},mt=re((e,{radius:o,color:t,size:s,iconColor:r,variant:a,autoContrast:n})=>{const l=qe({color:t||e.primaryColor,theme:e}),c=l.isThemeColor&&l.shade===void 0?`var(--mantine-color-${l.color}-outline)`:l.color;return{root:{"--checkbox-size":oe(s,"checkbox-size"),"--checkbox-radius":o===void 0?void 0:we(o),"--checkbox-color":a==="outline"?c:ee(t,e),"--checkbox-icon-color":r?ee(r,e):We(n,e)?Ze({color:t,theme:e,autoContrast:n}):void 0}}}),ae=j((e,o)=>{const t=A("Checkbox",bt,e),{classNames:s,className:r,style:a,styles:n,unstyled:l,vars:c,color:d,label:p,id:u,size:b,radius:x,wrapperProps:y,checked:C,labelPosition:g,description:k,error:S,disabled:_,variant:h,indeterminate:O,icon:P,rootRef:E,iconColor:ce,onChange:J,autoContrast:le,mod:Q,attributes:q,...z}=t,K=co(),X=b||K?.size,f=se({name:"Checkbox",props:t,classes:ro,className:r,style:a,classNames:s,styles:n,unstyled:l,attributes:q,vars:c,varsResolver:mt}),{styleProps:D,rest:F}=Fo(z),N=fe(u),I={checked:K?.value.includes(F.value)??C,onChange:ie=>{K?.onChange(ie),J?.(ie)},disabled:K?.disabled??_},Y=m.useRef(null),B=o||Y;return m.useEffect(()=>{B&&"current"in B&&B.current&&(B.current.indeterminate=O||!1,O?B.current.setAttribute("data-indeterminate","true"):B.current.removeAttribute("data-indeterminate"))},[O,B]),i.jsx(Go,{...f("root"),__staticSelector:"Checkbox",__stylesApiProps:t,id:N,size:X,labelPosition:g,label:p,description:k,error:S,disabled:I.disabled,classNames:s,styles:n,unstyled:l,"data-checked":I.checked||C||void 0,variant:h,ref:E,mod:Q,...D,...y,children:i.jsxs(L,{...f("inner"),mod:{"data-label-position":g},children:[i.jsx(L,{component:"input",id:N,ref:B,mod:{error:!!S},...f("input",{focusable:!0,variant:h}),...F,...I,type:"checkbox"}),i.jsx(P,{indeterminate:O,...f("icon")})]})})});ae.classes={...ro,...Ko};ae.displayName="@mantine/core/Checkbox";ae.Group=Re;ae.Indicator=Te;ae.Card=Pe;function ne(e){return"group"in e}function bo({options:e,search:o,limit:t}){const s=o.trim().toLowerCase(),r=[];for(let a=0;a<e.length;a+=1){const n=e[a];if(r.length===t)return r;ne(n)&&r.push({group:n.group,items:bo({options:n.items,search:o,limit:t-r.length})}),ne(n)||n.label.toLowerCase().includes(s)&&r.push(n)}return r}function ft(e){if(e.length===0)return!0;for(const o of e)if(!("group"in o)||o.items.length>0)return!1;return!0}function mo(e,o=new Set){if(Array.isArray(e))for(const t of e)if(ne(t))mo(t.items,o);else{if(typeof t.value>"u")throw new Error("[@mantine/core] Each option must have value property");if(typeof t.value!="string")throw new Error(`[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof t.value}`);if(o.has(t.value))throw new Error(`[@mantine/core] Duplicate options are not supported. Option with value "${t.value}" was provided more than once`);o.add(t.value)}}function ht(e,o){return Array.isArray(e)?e.includes(o):e===o}function fo({data:e,withCheckIcon:o,withAlignedLabels:t,value:s,checkIconPosition:r,unstyled:a,renderOption:n}){if(!ne(e)){const c=ht(s,e.value),d=o&&(c?i.jsx(io,{className:R.optionsDropdownCheckIcon}):t?i.jsx("div",{className:R.optionsDropdownCheckPlaceholder}):null),p=i.jsxs(i.Fragment,{children:[r==="left"&&d,i.jsx("span",{children:e.label}),r==="right"&&d]});return i.jsx(v.Option,{value:e.value,disabled:e.disabled,className:zo({[R.optionsDropdownOption]:!a}),"data-reverse":r==="right"||void 0,"data-checked":c||void 0,"aria-selected":c,active:c,children:typeof n=="function"?n({option:e,checked:c}):p})}const l=e.items.map(c=>i.jsx(fo,{data:c,value:s,unstyled:a,withCheckIcon:o,withAlignedLabels:t,checkIconPosition:r,renderOption:n},c.value));return i.jsx(v.Group,{label:e.group,children:l})}function xt({data:e,hidden:o,hiddenWhenEmpty:t,filter:s,search:r,limit:a,maxDropdownHeight:n,withScrollArea:l=!0,filterOptions:c=!0,withCheckIcon:d=!1,withAlignedLabels:p=!1,value:u,checkIconPosition:b,nothingFoundMessage:x,unstyled:y,labelId:C,renderOption:g,scrollAreaProps:k,"aria-label":S}){mo(e);const h=typeof r=="string"?(s||bo)({options:e,search:c?r:"",limit:a??1/0}):e,O=ft(h),P=h.map(E=>i.jsx(fo,{data:E,withCheckIcon:d,withAlignedLabels:p,value:u,checkIconPosition:b,unstyled:y,renderOption:g},ne(E)?E.group:E.value));return i.jsx(v.Dropdown,{hidden:o||t&&O,"data-composed":!0,children:i.jsxs(v.Options,{labelledBy:C,"aria-label":S,children:[l?i.jsx(Mo.Autosize,{mah:n??220,type:"scroll",scrollbarSize:"var(--combobox-padding)",offsetScrollbars:"y",...k,children:P}):P,O&&x&&i.jsx(v.Empty,{children:x})]})})}const vt={withCheckIcon:!0,allowDeselect:!0,checkIconPosition:"left",openOnFocus:!0},ho=j((e,o)=>{const t=A("Select",vt,e),{classNames:s,styles:r,unstyled:a,vars:n,dropdownOpened:l,defaultDropdownOpened:c,onDropdownClose:d,onDropdownOpen:p,onFocus:u,onBlur:b,onClick:x,onChange:y,data:C,value:g,defaultValue:k,selectFirstOptionOnChange:S,selectFirstOptionOnDropdownOpen:_,onOptionSubmit:h,comboboxProps:O,readOnly:P,disabled:E,filter:ce,limit:J,withScrollArea:le,maxDropdownHeight:Q,size:q,searchable:z,rightSection:K,checkIconPosition:X,withCheckIcon:f,withAlignedLabels:D,nothingFoundMessage:F,name:N,form:I,searchValue:Y,defaultSearchValue:B,onSearchChange:ie,allowDeselect:xo,error:$e,rightSectionPointerEvents:vo,id:Co,clearable:go,clearButtonProps:wo,hiddenInputProps:yo,renderOption:ko,onClear:Oo,autoComplete:So,scrollAreaProps:Do,__defaultRightSection:yt,__clearSection:kt,__clearable:Ot,chevronColor:_o,autoSelectOnBlur:Ve,openOnFocus:No,attributes:Fe,...de}=t,xe=m.useMemo(()=>Uo(C),[C]),ue=m.useRef({}),V=m.useMemo(()=>Xe(xe),[xe]),Me=fe(Co),[w,ze,Be]=te({value:g,defaultValue:k,finalValue:null,onChange:y}),G=typeof w=="string"?w in V?V[w]:ue.current[w]:void 0,Le=Ho(G),[pe,Io,Ao]=te({value:Y,defaultValue:B,finalValue:G?G.label:"",onChange:ie}),T=so({opened:l,defaultOpened:c,onDropdownOpen:()=>{p?.(),_?T.selectFirstOption():T.updateSelectedOptionIndex("active",{scrollIntoView:!0})},onDropdownClose:()=>{d?.(),setTimeout(T.resetSelectedOption,0)}}),W=$=>{Io($),T.resetSelectedOption()},{resolvedClassNames:Ge,resolvedStyles:Ke}=Bo({props:t,styles:r,classNames:s});m.useEffect(()=>{S&&T.selectFirstOption()},[S,pe]),m.useEffect(()=>{g===null&&W(""),typeof g=="string"&&G&&(Le?.value!==G.value||Le?.label!==G.label)&&W(G.label)},[g,G]),m.useEffect(()=>{!Be&&!Ao&&W(typeof w=="string"?w in V?V[w]?.label:ue.current[w]?.label||"":"")},[V,w]),m.useEffect(()=>{w&&w in V&&(ue.current[w]=V[w])},[V,w]);const Eo=i.jsx(v.ClearButton,{...wo,onClear:()=>{ze(null,null),W(""),Oo?.()}}),jo=go&&!!w&&!E&&!P;return i.jsxs(i.Fragment,{children:[i.jsxs(v,{store:T,__staticSelector:"Select",classNames:Ge,styles:Ke,unstyled:a,readOnly:P,size:q,attributes:Fe,keepMounted:Ve,onOptionSubmit:$=>{h?.($);const Z=xo&&V[$].value===w?null:V[$],ve=Z?Z.value:null;ve!==w&&ze(ve,Z),!Be&&W(typeof ve=="string"&&Z?.label||""),T.closeDropdown()},...O,children:[i.jsx(v.Target,{targetType:z?"input":"button",autoComplete:So,children:i.jsx(Je,{id:Me,ref:o,__defaultRightSection:i.jsx(v.Chevron,{size:q,error:$e,unstyled:a,color:_o}),__clearSection:Eo,__clearable:jo,rightSection:K,rightSectionPointerEvents:vo||"none",...de,size:q,__staticSelector:"Select",disabled:E,readOnly:P||!z,value:pe,onChange:$=>{W($.currentTarget.value),T.openDropdown(),S&&T.selectFirstOption()},onFocus:$=>{No&&z&&T.openDropdown(),u?.($)},onBlur:$=>{Ve&&T.clickSelectedOption(),z&&T.closeDropdown();const Z=typeof w=="string"&&(w in V?V[w]:ue.current[w]);W(Z&&Z.label||""),b?.($)},onClick:$=>{z?T.openDropdown():T.toggleDropdown(),x?.($)},classNames:Ge,styles:Ke,unstyled:a,pointer:!z,error:$e,attributes:Fe})}),i.jsx(xt,{data:xe,hidden:P||E,filter:ce,search:pe,limit:J,hiddenWhenEmpty:!F,withScrollArea:le,maxDropdownHeight:Q,filterOptions:!!z&&G?.label!==pe,value:w,checkIconPosition:X,withCheckIcon:f,withAlignedLabels:D,nothingFoundMessage:F,unstyled:a,labelId:de.label?`${Me}-label`:void 0,"aria-label":de.label?void 0:de["aria-label"],renderOption:ko,scrollAreaProps:Do})]}),i.jsx(v.HiddenInput,{value:w,name:N,form:I,disabled:E,...yo})]})});ho.classes={...Je.classes,...v.classes};ho.displayName="@mantine/core/Select";const Ct=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 13l-6 6",key:"svg-1"}],["path",{d:"M6 13l6 6",key:"svg-2"}]],Nt=ye("outline","arrow-down","ArrowDown",Ct);const gt=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M18 11l-6 -6",key:"svg-1"}],["path",{d:"M6 11l6 -6",key:"svg-2"}]],It=ye("outline","arrow-up","ArrowUp",gt);const wt=[["path",{d:"M12 5l0 14",key:"svg-0"}],["path",{d:"M5 12l14 0",key:"svg-1"}]],At=ye("outline","plus","Plus",wt);export{ae as C,Nt as I,xt as O,ho as S,It as a,At as b,Xe as c,v as d,io as e,Uo as g,ne as i,so as u};
|
|
Binary file
|