@gravito/zenith 1.0.0-beta.1 → 1.0.1

package/src/client/components/ConfirmDialog.tsx

@@ -35,7 +35,6 @@ export function ConfirmDialog({
           onClick={(e) => e.stopPropagation()}
           onKeyDown={(e) => e.stopPropagation()}
         >
-          {/* biome-ignore lint/a11y/noStaticElementInteractions: Modal content needs to stop propagation */}
           <motion.div
             initial={{ scale: 0.9, opacity: 0 }}
             animate={{ scale: 1, opacity: 1 }}

package/src/client/components/JobInspector.tsx

@@ -83,14 +83,18 @@ export function JobInspector({ queueName, onClose }: JobInspectorProps) {
   }
 
   const toggleSelectAll = React.useCallback(() => {
-    if (!data?.jobs) return
+    if (!data?.jobs) {
+      return
+    }
     const availableCount = data.jobs.filter((j) => j._raw && !j._archived).length
     if (selectedIndices.size === availableCount && availableCount > 0) {
       setSelectedIndices(new Set())
     } else {
       const indices = new Set<number>()
       data.jobs.forEach((j, i) => {
-        if (j._raw && !j._archived) indices.add(i)
+        if (j._raw && !j._archived) {
+          indices.add(i)
+        }
       })
       setSelectedIndices(indices)
     }
@@ -134,10 +138,14 @@ export function JobInspector({ queueName, onClose }: JobInspectorProps) {
   }, [])
 
   const handleAction = async (action: 'delete' | 'retry', job: Job) => {
-    if (!job._raw) return
+    if (!job._raw) {
+      return
+    }
     const endpoint = action === 'delete' ? 'delete' : 'retry'
     const body: any = { raw: job._raw }
-    if (action === 'delete') body.type = view
+    if (action === 'delete') {
+      body.type = view
+    }
 
     await fetch(`/api/queues/${queueName}/jobs/${endpoint}`, {
       method: 'POST',
@@ -150,7 +158,9 @@ export function JobInspector({ queueName, onClose }: JobInspectorProps) {
   }
 
   const handleBulkAction = async (action: 'delete' | 'retry') => {
-    if (selectedIndices.size === 0 || !data?.jobs) return
+    if (selectedIndices.size === 0 || !data?.jobs) {
+      return
+    }
 
     const count = selectedIndices.size
     setConfirmDialog({
@@ -186,7 +196,9 @@ export function JobInspector({ queueName, onClose }: JobInspectorProps) {
   }
 
   const handleBulkActionAll = async (action: 'delete' | 'retry') => {
-    if (view === 'archive') return
+    if (view === 'archive') {
+      return
+    }
 
     setConfirmDialog({
       open: true,

package/src/client/components/PageHeader.tsx

@@ -1,34 +1,38 @@
-import { LucideIcon } from 'lucide-react'
-import { ReactNode } from 'react'
+import type { LucideIcon } from 'lucide-react'
+import type { ReactNode } from 'react'
 import { cn } from '../utils'
 
 interface PageHeaderProps {
-    icon: LucideIcon
-    title: string
-    description?: string
-    children?: ReactNode
-    className?: string
+  icon: LucideIcon
+  title: string
+  description?: string
+  children?: ReactNode
+  className?: string
 }
 
-export function PageHeader({ icon: Icon, title, description, children, className }: PageHeaderProps) {
-    return (
-        <div className={cn("flex justify-between items-end", className)}>
-            <div>
-                <h1 className="text-4xl font-black tracking-tighter flex items-center gap-3">
-                    <div className="p-2 bg-primary/10 rounded-xl text-primary">
-                        <Icon size={32} />
-                    </div>
-                    {title}
-                </h1>
-                {description && (
-                    <p className="text-muted-foreground mt-2 text-sm font-bold opacity-60 uppercase tracking-widest pl-[3.75rem]">
-                        {description}
-                    </p>
-                )}
-            </div>
-            <div>
-                {children}
-            </div>
-        </div>
-    )
+export function PageHeader({
+  icon: Icon,
+  title,
+  description,
+  children,
+  className,
+}: PageHeaderProps) {
+  return (
+    <div className={cn('flex justify-between items-end', className)}>
+      <div>
+        <h1 className="text-4xl font-black tracking-tighter flex items-center gap-3">
+          <div className="p-2 bg-primary/10 rounded-xl text-primary">
+            <Icon size={32} />
+          </div>
+          {title}
+        </h1>
+        {description && (
+          <p className="text-muted-foreground mt-2 text-sm font-bold opacity-60 uppercase tracking-widest pl-[3.75rem]">
+            {description}
+          </p>
+        )}
+      </div>
+      <div>{children}</div>
+    </div>
+  )
 }

package/src/client/pages/OverviewPage.tsx

@@ -506,4 +506,3 @@ export function OverviewPage() {
     </div>
   )
 }
-