@queuedash/ui 3.9.0 → 3.10.0

package/dist/src/components/MetricsCard.d.ts

@@ -0,0 +1,12 @@
+type MetricsCardProps = {
+    label: string;
+    value: number | string;
+    trend?: {
+        value: number;
+        isPositive: boolean;
+    };
+    variant?: "completed" | "failed";
+};
+export declare const MetricsCard: ({ label, value, trend, variant, }: MetricsCardProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MetricsCard.d.ts.map

package/dist/src/components/MetricsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsCard.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsCard.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,OAAO,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mCAKzB,gBAAgB,gCAgClB,CAAC"}

package/dist/src/components/MetricsSection.d.ts

@@ -0,0 +1,6 @@
+type MetricsSectionProps = {
+    queueName: string;
+};
+export declare const MetricsSection: ({ queueName }: MetricsSectionProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=MetricsSection.d.ts.map

package/dist/src/components/MetricsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsSection.d.ts","sourceRoot":"","sources":["../../../src/components/MetricsSection.tsx"],"names":[],"mappings":"AAMA,KAAK,mBAAmB,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAWF,eAAO,MAAM,cAAc,GAAI,eAAe,mBAAmB,gCA8HhE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"QueuePage.d.ts","sourceRoot":"","sources":["../../../src/pages/QueuePage.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAgB,YAAY;;;;CAAmC,CAAC;AAEvE,eAAO,MAAM,SAAS,mCA4JrB,CAAC"}
+{"version":3,"file":"QueuePage.d.ts","sourceRoot":"","sources":["../../../src/pages/QueuePage.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAgB,YAAY;;;;CAAmC,CAAC;AAEvE,eAAO,MAAM,SAAS,mCAgKrB,CAAC"}

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

@@ -215,6 +215,16 @@ export declare const trpc: import("@trpc/react-query").CreateTRPCReactBase<impor
             }[];
             meta: object;
         }>;
+        metrics: import("@trpc/server").TRPCQueryProcedure<{
+            input: {
+                type: "completed" | "failed";
+                queueName: string;
+                start: number;
+                end: number;
+            };
+            output: import("@queuedash/api/dist/src/queue-adapters/base.adapter").QueueMetrics;
+            meta: object;
+        }>;
     }>>;
     scheduler: import("@trpc/server").TRPCBuiltRouter<{
         ctx: import("@queuedash/api").Context;
@@ -471,6 +481,16 @@ export declare const trpc: import("@trpc/react-query").CreateTRPCReactBase<impor
             }[];
             meta: object;
         }>;
+        metrics: import("@trpc/server").TRPCQueryProcedure<{
+            input: {
+                type: "completed" | "failed";
+                queueName: string;
+                start: number;
+                end: number;
+            };
+            output: import("@queuedash/api/dist/src/queue-adapters/base.adapter").QueueMetrics;
+            meta: object;
+        }>;
     }>>;
     scheduler: import("@trpc/server").TRPCBuiltRouter<{
         ctx: import("@queuedash/api").Context;

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

@@ -1 +1 @@
-{"version":3,"file":"trpc.d.ts","sourceRoot":"","sources":["../../../src/utils/trpc.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AACpD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAU+9D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA61E,CAAC;wBAA8C,CAAC;wBAA+B,CAAC;;oBAA8C,CAAC;yBAA6B,CAAC;sBAA4C,CAAC;2BAAiD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAkzE,CAAC;kBAAwC,CAAC;uBAA6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAp+J,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA61E,CAAC;wBAA8C,CAAC;wBAA+B,CAAC;;oBAA8C,CAAC;yBAA6B,CAAC;sBAA4C,CAAC;2BAAiD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAkzE,CAAC;kBAAwC,CAAC;uBAA6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;GADl9N,CAAC"}
+{"version":3,"file":"trpc.d.ts","sourceRoot":"","sources":["../../../src/utils/trpc.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AACzD,MAAM,MAAM,WAAW,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;AAEvD,MAAM,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACzD,MAAM,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;AACpD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAU+9D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA61E,CAAC;wBAA8C,CAAC;wBAA+B,CAAC;;oBAA8C,CAAC;yBAA6B,CAAC;sBAA4C,CAAC;2BAAiD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAipF,CAAC;kBAAwC,CAAC;uBAA6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAn0K,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA61E,CAAC;wBAA8C,CAAC;wBAA+B,CAAC;;oBAA8C,CAAC;yBAA6B,CAAC;sBAA4C,CAAC;2BAAiD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAipF,CAAC;kBAAwC,CAAC;uBAA6C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;GADjzO,CAAC"}

package/dist/styles.css

@@ -718,6 +718,10 @@ video {
   height: 2rem;
 }
 
+.h-\[88px\] {
+  height: 88px;
+}
+
 .h-full {
   height: 100%;
 }
@@ -866,6 +870,10 @@ video {
   cursor: pointer;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
 .grid-cols-\[auto\2c 350px\2c 1fr\2c 1fr\] {
   grid-template-columns: auto 350px 1fr 1fr;
 }
@@ -882,6 +890,10 @@ video {
   align-items: center;
 }
 
+.items-baseline {
+  align-items: baseline;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
@@ -894,6 +906,10 @@ video {
   justify-content: space-between;
 }
 
+.gap-3 {
+  gap: 0.75rem;
+}
+
 .space-x-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.125rem * var(--tw-space-x-reverse));
@@ -996,6 +1012,10 @@ video {
   border-radius: 0.125rem;
 }
 
+.rounded-xl {
+  border-radius: 0.75rem;
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
@@ -1047,6 +1067,10 @@ video {
   border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
 }
 
+.border-slate-200\/80 {
+  border-color: rgb(226 232 240 / 0.8);
+}
+
 .border-slate-300 {
   --tw-border-opacity: 1;
   border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
@@ -1252,6 +1276,10 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
+.bg-white\/80 {
+  background-color: rgb(255 255 255 / 0.8);
+}
+
 .bg-white\/90 {
   background-color: rgb(255 255 255 / 0.9);
 }
@@ -1464,6 +1492,23 @@ video {
   font-style: italic;
 }
 
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
+
+.leading-none {
+  line-height: 1;
+}
+
+.tracking-tight {
+  letter-spacing: -0.025em;
+}
+
+.tracking-wide {
+  letter-spacing: 0.025em;
+}
+
 .text-amber-100 {
   --tw-text-opacity: 1;
   color: rgb(254 243 199 / var(--tw-text-opacity, 1));
@@ -1724,12 +1769,23 @@ video {
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
 
+.backdrop-blur-sm {
+  --tw-backdrop-blur: blur(4px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
 
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1740,6 +1796,10 @@ video {
   transition-duration: 150ms;
 }
 
+.duration-200 {
+  transition-duration: 200ms;
+}
+
 .duration-300 {
   transition-duration: 300ms;
 }
@@ -1849,6 +1909,12 @@ video {
   color: rgb(15 23 42 / var(--tw-text-opacity, 1));
 }
 
+.hover\:shadow-sm:hover {
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .focus\:border-red-900:focus {
   --tw-border-opacity: 1;
   border-color: rgb(127 29 29 / var(--tw-border-opacity, 1));
@@ -1958,6 +2024,10 @@ video {
   border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
 }
 
+.dark\:border-slate-700\/50:is(.dark *) {
+  border-color: rgb(51 65 85 / 0.5);
+}
+
 .dark\:border-yellow-400:is(.dark *) {
   --tw-border-opacity: 1;
   border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));
@@ -2345,6 +2415,10 @@ video {
   background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
 }
 
+.dark\:hover\:bg-slate-800\/50:hover:is(.dark *) {
+  background-color: rgb(30 41 59 / 0.5);
+}
+
 .dark\:hover\:bg-slate-900:hover:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
@@ -2431,11 +2505,21 @@ video {
   background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));
 }
 
+@media (min-width: 640px) {
+  .sm\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
 @media (min-width: 1024px) {
   .lg\:top-\[calc\(50\%-30rem\)\] {
     top: calc(50% - 30rem);
   }
 
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+
   .lg\:px-10 {
     padding-left: 2.5rem;
     padding-right: 2.5rem;