@queuedash/ui 1.2.0 → 2.0.0

package/dist/src/pages/QueuePage.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
+export declare const numberFormat: {
+    (value: number): string;
+    (value: number | bigint): string;
+};
 export declare const QueuePage: () => JSX.Element;
 //# sourceMappingURL=QueuePage.d.ts.map

package/dist/src/utils/trpc.d.ts

@@ -452,6 +452,7 @@ export declare const trpc: import("@trpc/react-query/dist/createTRPCReact").Crea
             displayName: string;
             name: string;
             paused: boolean;
+            type: "bull" | "bullmq" | "bee";
             counts: {
                 waiting: number;
                 paused: number;
@@ -461,6 +462,16 @@ export declare const trpc: import("@trpc/react-query/dist/createTRPCReact").Crea
                 delayed: number;
                 failed: number;
             };
+            client: {
+                usedMemoryPercentage: number;
+                usedMemoryHuman: string;
+                totalMemoryHuman: string;
+                uptimeInSeconds: number;
+                connectedClients: number;
+                blockedClients: number;
+                maxClients: number;
+                version: string;
+            };
         }>;
         list: import("@trpc/server").BuildProcedure<"query", {
             _config: import("@trpc/server").RootConfig<{
@@ -922,6 +933,7 @@ export declare const trpc: import("@trpc/react-query/dist/createTRPCReact").Crea
             displayName: string;
             name: string;
             paused: boolean;
+            type: "bull" | "bullmq" | "bee";
             counts: {
                 waiting: number;
                 paused: number;
@@ -931,6 +943,16 @@ export declare const trpc: import("@trpc/react-query/dist/createTRPCReact").Crea
                 delayed: number;
                 failed: number;
             };
+            client: {
+                usedMemoryPercentage: number;
+                usedMemoryHuman: string;
+                totalMemoryHuman: string;
+                uptimeInSeconds: number;
+                connectedClients: number;
+                blockedClients: number;
+                maxClients: number;
+                version: string;
+            };
         }>;
         list: import("@trpc/server").BuildProcedure<"query", {
             _config: import("@trpc/server").RootConfig<{

package/dist/styles.css

@@ -617,10 +617,18 @@ video {
   margin-bottom: 0.25rem;
 }
 
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }
 
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
 .mb-6 {
   margin-bottom: 1.5rem;
 }
@@ -701,10 +709,18 @@ video {
   width: 13rem;
 }
 
+.w-64 {
+  width: 16rem;
+}
+
 .w-7 {
   width: 1.75rem;
 }
 
+.w-80 {
+  width: 20rem;
+}
+
 .w-\[144px\] {
   width: 144px;
 }
@@ -931,10 +947,6 @@ video {
   white-space: nowrap;
 }
 
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1048,11 +1060,6 @@ video {
   border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));
 }
 
-.bg-amber-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 243 199 / var(--tw-bg-opacity));
-}
-
 .bg-amber-50 {
   --tw-bg-opacity: 1;
   background-color: rgb(255 251 235 / var(--tw-bg-opacity));
@@ -1478,6 +1485,11 @@ video {
   color: rgb(22 163 74 / var(--tw-text-opacity));
 }
 
+.text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgb(22 101 52 / var(--tw-text-opacity));
+}
+
 .text-green-900 {
   --tw-text-opacity: 1;
   color: rgb(20 83 45 / var(--tw-text-opacity));
@@ -1518,6 +1530,11 @@ video {
   color: rgb(220 38 38 / var(--tw-text-opacity));
 }
 
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(153 27 27 / var(--tw-text-opacity));
+}
+
 .text-red-900 {
   --tw-text-opacity: 1;
   color: rgb(127 29 29 / var(--tw-text-opacity));
@@ -1702,11 +1719,6 @@ video {
   border-color: rgb(113 63 18 / var(--tw-border-opacity));
 }
 
-.hover\:bg-amber-200:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(253 230 138 / var(--tw-bg-opacity));
-}
-
 .hover\:bg-brand-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(6 159 255 / var(--tw-bg-opacity));
@@ -1811,11 +1823,6 @@ video {
   background-color: rgb(113 63 18 / var(--tw-bg-opacity));
 }
 
-.active\:bg-amber-300:active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(252 211 77 / var(--tw-bg-opacity));
-}
-
 .active\:bg-slate-300:active {
   --tw-bg-opacity: 1;
   background-color: rgb(203 213 225 / var(--tw-bg-opacity));
@@ -1860,11 +1867,6 @@ video {
   background-color: rgb(18 18 18 / var(--tw-bg-opacity));
 }
 
-.dark .dark\:bg-amber-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(120 53 15 / var(--tw-bg-opacity));
-}
-
 .dark .dark\:bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1904,11 +1906,6 @@ video {
   background-color: rgb(15 23 42 / 0.5);
 }
 
-.dark .dark\:text-amber-50 {
-  --tw-text-opacity: 1;
-  color: rgb(255 251 235 / var(--tw-text-opacity));
-}
-
 .dark .dark\:text-brand-300 {
   --tw-text-opacity: 1;
   color: rgb(131 232 255 / var(--tw-text-opacity));