├── app
    ├── loading.tsx
    ├── .DS_Store
    ├── dashboard
    │   └── loading.tsx
    ├── api
    │   ├── .DS_Store
    │   ├── upload
    │   │   └── route.ts
    │   ├── auth
    │   │   ├── logout
    │   │   │   └── route.ts
    │   │   ├── get-user
    │   │   │   └── route.ts
    │   │   ├── check-users
    │   │   │   └── route.ts
    │   │   ├── login
    │   │   │   └── route.ts
    │   │   ├── change-password
    │   │   │   └── route.ts
    │   │   └── register-first-user
    │   │   │   └── route.ts
    │   ├── settings
    │   │   ├── batch
    │   │   │   └── route.ts
    │   │   ├── upload
    │   │   │   └── route.ts
    │   │   └── route.ts
    │   ├── upload-chunk-status
    │   │   └── route.ts
    │   ├── upload-logs
    │   │   └── route.ts
    │   ├── device-info
    │   │   └── route.ts
    │   ├── device-machine-info
    │   │   └── route.ts
    │   ├── device-software
    │   │   └── route.ts
    │   ├── software-analysis
    │   │   └── route.ts
    │   ├── upload-chunk
    │   │   └── route.ts
    │   ├── device-credentials
    │   │   └── route.ts
    │   ├── device-files
    │   │   └── route.ts
    │   └── analytics
    │   │   └── performance
    │   │       └── route.ts
    ├── animation-demo
    │   └── page.tsx
    ├── components
    │   └── logout-button.tsx
    └── domain-search
    │   └── page.tsx
├── public
    ├── .DS_Store
    ├── images
    │   ├── logo.png
    │   ├── favicon.png
    │   └── logo-light.png
    ├── placeholder.jpg
    ├── placeholder-logo.png
    ├── placeholder-user.jpg
    ├── placeholder-logo.svg
    └── placeholder.svg
├── .gitignore
├── images
    ├── Bron-Vault-Dashboard.png
    ├── Bron-Vault-Search-1.png
    ├── Bron-Vault-Search-2.png
    ├── Bron-Vault-Search-3.png
    ├── Bron-Vault-Search-4.png
    ├── Bron-Vault-Device-Overview.png
    ├── Bron-Vault-Host-Information.png
    └── Bron-Vault-Domain-Keyword-Search.png
├── postcss.config.mjs
├── components
    ├── ui
    │   ├── aspect-ratio.tsx
    │   ├── skeleton.tsx
    │   ├── collapsible.tsx
    │   ├── use-mobile.tsx
    │   ├── textarea.tsx
    │   ├── label.tsx
    │   ├── progress.tsx
    │   ├── input.tsx
    │   ├── separator.tsx
    │   ├── toaster.tsx
    │   ├── sonner.tsx
    │   ├── checkbox.tsx
    │   ├── badge.tsx
    │   ├── slider.tsx
    │   ├── switch.tsx
    │   ├── tooltip.tsx
    │   ├── hover-card.tsx
    │   ├── popover.tsx
    │   ├── avatar.tsx
    │   ├── radio-group.tsx
    │   ├── alert.tsx
    │   ├── toggle.tsx
    │   ├── scroll-area.tsx
    │   ├── resizable.tsx
    │   ├── card.tsx
    │   ├── button.tsx
    │   ├── toggle-group.tsx
    │   ├── tabs.tsx
    │   ├── accordion.tsx
    │   ├── input-otp.tsx
    │   ├── calendar.tsx
    │   ├── table.tsx
    │   ├── breadcrumb.tsx
    │   ├── pagination.tsx
    │   ├── drawer.tsx
    │   ├── sheet.tsx
    │   └── dialog.tsx
    ├── theme-provider.tsx
    ├── force-refresh-wrapper.tsx
    ├── auth-guard.tsx
    ├── client-layout-with-sidebar.tsx
    ├── animated-stat-card.tsx
    ├── recon
    │   ├── ReconSummaryCards.tsx
    │   └── TimelineChart.tsx
    ├── app-header.tsx
    ├── search
    │   ├── TypingEffect.tsx
    │   └── SearchInterface.tsx
    ├── file
    │   └── FileContentDialog.tsx
    ├── animated-counter.tsx
    ├── error-boundary.tsx
    └── animated-software-list.tsx
├── AUTHORS.md
├── next-env.d.ts
├── components.json
├── hooks
    ├── use-mobile.tsx
    ├── useAuth.ts
    ├── useStats.ts
    └── useSearch.ts
├── tsconfig.json
├── lib
    ├── system-information-parser
    │   ├── types.ts
    │   └── parsers
    │   │   ├── ailurophile.parser.ts
    │   │   ├── exelastealer.parser.ts
    │   │   └── blank-grabber.parser.ts
    ├── utils.ts
    ├── upload
    │   └── upload-handler.ts
    ├── upload-connections.ts
    ├── logger.ts
    └── auth.ts
├── Dockerfile.setup
├── next.config.mjs
├── middleware.ts
├── Dockerfile
├── docker-status.sh
├── .env.example
├── scripts
    └── 006_add_performance_indexes.sql
├── styles
    └── globals.css
├── package.json
└── docker-start.sh


/app/loading.tsx:
--------------------------------------------------------------------------------
1 | export default function Loading() {
2 |   return null
3 | }
4 | 


--------------------------------------------------------------------------------
/app/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/app/.DS_Store


--------------------------------------------------------------------------------
/app/dashboard/loading.tsx:
--------------------------------------------------------------------------------
1 | export default function Loading() {
2 |   return null
3 | }
4 | 


--------------------------------------------------------------------------------
/public/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/.DS_Store


--------------------------------------------------------------------------------
/app/api/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/app/api/.DS_Store


--------------------------------------------------------------------------------
/public/images/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/images/logo.png


--------------------------------------------------------------------------------
/public/placeholder.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/placeholder.jpg


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .env
2 | .env.local
3 | node_modules/*
4 | .next/*
5 | uploads/*
6 | clickhouse-data
7 | mysql-data


--------------------------------------------------------------------------------
/public/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/images/favicon.png


--------------------------------------------------------------------------------
/public/images/logo-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/images/logo-light.png


--------------------------------------------------------------------------------
/public/placeholder-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/placeholder-logo.png


--------------------------------------------------------------------------------
/public/placeholder-user.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/public/placeholder-user.jpg


--------------------------------------------------------------------------------
/images/Bron-Vault-Dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Dashboard.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Search-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Search-1.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Search-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Search-2.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Search-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Search-3.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Search-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Search-4.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Device-Overview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Device-Overview.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Host-Information.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Host-Information.png


--------------------------------------------------------------------------------
/images/Bron-Vault-Domain-Keyword-Search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ITSEC-Research/bron-vault/HEAD/images/Bron-Vault-Domain-Keyword-Search.png


--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('postcss-load-config').Config} */
2 | const config = {
3 |   plugins: {
4 |     tailwindcss: {},
5 |   },
6 | };
7 | 
8 | export default config;
9 | 


--------------------------------------------------------------------------------
/components/ui/aspect-ratio.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 | 
3 | import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio"
4 | 
5 | const AspectRatio = AspectRatioPrimitive.Root
6 | 
7 | export { AspectRatio }
8 | 


--------------------------------------------------------------------------------
/AUTHORS.md:
--------------------------------------------------------------------------------
1 | # Authors
2 | 
3 | Broń Vault OSS Project was originally created by:
4 | 
5 | - [YoKo Kho](https://x.com/YoKoAcc)
6 | - [Tomi Ashari](https://x.com/mastomii)
7 | 
8 | Additional contributors may join and improve the project over time.


--------------------------------------------------------------------------------
/app/api/upload/route.ts:
--------------------------------------------------------------------------------
1 | import { type NextRequest } from "next/server"
2 | import { handleUploadRequest } from "@/lib/upload/upload-handler"
3 | 
4 | export async function POST(request: NextRequest) {
5 |   return handleUploadRequest(request)
6 | }
7 | 
8 | 


--------------------------------------------------------------------------------
/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | 
4 | // NOTE: This file should not be edited
5 | // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
6 | 


--------------------------------------------------------------------------------
/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from "@/lib/utils"
 2 | 
 3 | function Skeleton({
 4 |   className,
 5 |   ...props
 6 | }: React.HTMLAttributes<HTMLDivElement>) {
 7 |   return (
 8 |     <div
 9 |       className={cn("animate-pulse rounded-md bg-muted", className)}
10 |       {...props}
11 |     />
12 |   )
13 | }
14 | 
15 | export { Skeleton }
16 | 


--------------------------------------------------------------------------------
/components/theme-provider.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import * as React from 'react'
 4 | import {
 5 |   ThemeProvider as NextThemesProvider,
 6 |   type ThemeProviderProps,
 7 | } from 'next-themes'
 8 | 
 9 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
10 |   return <NextThemesProvider {...props}>{children}</NextThemesProvider>
11 | }
12 | 


--------------------------------------------------------------------------------
/components/ui/collapsible.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
 4 | 
 5 | const Collapsible = CollapsiblePrimitive.Root
 6 | 
 7 | const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger
 8 | 
 9 | const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent
10 | 
11 | export { Collapsible, CollapsibleTrigger, CollapsibleContent }
12 | 


--------------------------------------------------------------------------------
/app/api/auth/logout/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server";
 2 | import { getSecureCookieOptions } from "@/lib/auth";
 3 | 
 4 | export async function POST(request: NextRequest) {
 5 |   const response = NextResponse.json({ success: true });
 6 | 
 7 |   // Clear the auth cookie with consistent secure options
 8 |   response.cookies.set("auth", "", {
 9 |     ...getSecureCookieOptions(),
10 |     maxAge: 0, // Override maxAge to 0 to clear the cookie
11 |   });
12 | 
13 |   return response;
14 | }


--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.ts",
 8 |     "css": "app/globals.css",
 9 |     "baseColor": "neutral",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   },
20 |   "iconLibrary": "lucide"
21 | }


--------------------------------------------------------------------------------
/hooks/use-mobile.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | const MOBILE_BREAKPOINT = 768
 4 | 
 5 | export function useIsMobile() {
 6 |   const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
 7 | 
 8 |   React.useEffect(() => {
 9 |     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
10 |     const onChange = () => {
11 |       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
12 |     }
13 |     mql.addEventListener("change", onChange)
14 |     setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
15 |     return () => mql.removeEventListener("change", onChange)
16 |   }, [])
17 | 
18 |   return !!isMobile
19 | }
20 | 


--------------------------------------------------------------------------------
/components/ui/use-mobile.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | const MOBILE_BREAKPOINT = 768
 4 | 
 5 | export function useIsMobile() {
 6 |   const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)
 7 | 
 8 |   React.useEffect(() => {
 9 |     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
10 |     const onChange = () => {
11 |       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
12 |     }
13 |     mql.addEventListener("change", onChange)
14 |     setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
15 |     return () => mql.removeEventListener("change", onChange)
16 |   }, [])
17 | 
18 |   return !!isMobile
19 | }
20 | 


--------------------------------------------------------------------------------
/app/animation-demo/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { AnimationDemo } from "@/components/animation-demo"
 4 | 
 5 | export default function AnimationDemoPage() {
 6 |   return (
 7 |     <div className="min-h-screen bg-background p-6">
 8 |       <div className="max-w-7xl mx-auto">
 9 |         <div className="mb-8">
10 |           <h1 className="text-3xl font-bold text-foreground mb-2">
11 |             🎬 Dashboard Animation Demo
12 |           </h1>
13 |           <p className="text-muted-foreground">
14 |             Animation demonstration that has been added to the broń Vault dashboard
15 |           </p>
16 |         </div>
17 |         
18 |         <AnimationDemo />
19 |       </div>
20 |     </div>
21 |   )
22 | }
23 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "lib": ["dom", "dom.iterable", "esnext"],
 4 |     "allowJs": true,
 5 |     "target": "ES6",
 6 |     "skipLibCheck": true,
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------
/app/components/logout-button.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { Button } from "@/components/ui/button";
 3 | import { useRouter } from "next/navigation";
 4 | import { useState } from "react";
 5 | 
 6 | export default function LogoutButton() {
 7 |   const router = useRouter();
 8 |   const [loading, setLoading] = useState(false);
 9 | 
10 |   const handleLogout = async () => {
11 |     setLoading(true);
12 |     await fetch("/api/auth/logout", {
13 |       method: "POST",
14 |       credentials: "include",
15 |     });
16 |     setLoading(false);
17 |     router.replace("/login");
18 |   };
19 | 
20 |   return (
21 |     <Button onClick={handleLogout} disabled={loading} className="w-full bg-primary hover:bg-primary/90 text-white">
22 |       {loading ? "Logging out..." : "Logout"}
23 |     </Button>
24 |   );
25 | } 


--------------------------------------------------------------------------------
/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | const Textarea = React.forwardRef<
 6 |   HTMLTextAreaElement,
 7 |   React.ComponentProps<"textarea">
 8 | >(({ className, ...props }, ref) => {
 9 |   return (
10 |     <textarea
11 |       className={cn(
12 |         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
13 |         className
14 |       )}
15 |       ref={ref}
16 |       {...props}
17 |     />
18 |   )
19 | })
20 | Textarea.displayName = "Textarea"
21 | 
22 | export { Textarea }
23 | 


--------------------------------------------------------------------------------
/lib/system-information-parser/types.ts:
--------------------------------------------------------------------------------
 1 | // TypeScript interfaces untuk System Information Parser
 2 | 
 3 | export interface ParsedLogData {
 4 |   stealerType: string;
 5 |   os: string | null;
 6 |   ipAddress: string | null;
 7 |   username: string | null;
 8 |   cpu: string | null;
 9 |   ram: string | null;
10 |   computerName: string | null;
11 |   gpu: string | null;
12 |   country: string | null;
13 |   logDate: string | null;
14 |   logTime?: string | null;  // Format: HH:mm:ss (optional untuk backward compatibility)
15 |   hwid: string | null;
16 |   filePath: string | null;
17 |   antivirus: string | null;
18 | }
19 | 
20 | export interface SystemInfoFile {
21 |   fileName: string;
22 |   content: string;
23 | }
24 | 
25 | export type ParserFunction = (
26 |   content: string,
27 |   fileName: string
28 | ) => ParsedLogData;
29 | 
30 | 


--------------------------------------------------------------------------------
/components/ui/label.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as LabelPrimitive from "@radix-ui/react-label"
 5 | import { cva, type VariantProps } from "class-variance-authority"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const labelVariants = cva(
10 |   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
11 | )
12 | 
13 | const Label = React.forwardRef<
14 |   React.ElementRef<typeof LabelPrimitive.Root>,
15 |   React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
16 |     VariantProps<typeof labelVariants>
17 | >(({ className, ...props }, ref) => (
18 |   <LabelPrimitive.Root
19 |     ref={ref}
20 |     className={cn(labelVariants(), className)}
21 |     {...props}
22 |   />
23 | ))
24 | Label.displayName = LabelPrimitive.Root.displayName
25 | 
26 | export { Label }
27 | 


--------------------------------------------------------------------------------
/components/ui/progress.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as ProgressPrimitive from "@radix-ui/react-progress"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Progress = React.forwardRef<
 9 |   React.ElementRef<typeof ProgressPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
11 | >(({ className, value, ...props }, ref) => (
12 |   <ProgressPrimitive.Root
13 |     ref={ref}
14 |     className={cn("relative h-4 w-full overflow-hidden rounded-full bg-secondary", className)}
15 |     {...props}
16 |   >
17 |     <ProgressPrimitive.Indicator
18 |       className="h-full w-full flex-1 bg-primary transition-all"
19 |       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
20 |     />
21 |   </ProgressPrimitive.Root>
22 | ))
23 | Progress.displayName = ProgressPrimitive.Root.displayName
24 | 
25 | export { Progress }
26 | 


--------------------------------------------------------------------------------
/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {}
 6 | 
 7 | const Input = React.forwardRef<HTMLInputElement, InputProps>(({ className, type, ...props }, ref) => {
 8 |   return (
 9 |     <input
10 |       type={type}
11 |       className={cn(
12 |         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
13 |         className,
14 |       )}
15 |       ref={ref}
16 |       {...props}
17 |     />
18 |   )
19 | })
20 | Input.displayName = "Input"
21 | 
22 | export { Input }
23 | 


--------------------------------------------------------------------------------
/components/ui/separator.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as SeparatorPrimitive from "@radix-ui/react-separator"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Separator = React.forwardRef<
 9 |   React.ElementRef<typeof SeparatorPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
11 | >(
12 |   (
13 |     { className, orientation = "horizontal", decorative = true, ...props },
14 |     ref
15 |   ) => (
16 |     <SeparatorPrimitive.Root
17 |       ref={ref}
18 |       decorative={decorative}
19 |       orientation={orientation}
20 |       className={cn(
21 |         "shrink-0 bg-border",
22 |         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   )
28 | )
29 | Separator.displayName = SeparatorPrimitive.Root.displayName
30 | 
31 | export { Separator }
32 | 


--------------------------------------------------------------------------------
/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useToast } from "@/hooks/use-toast"
 4 | import {
 5 |   Toast,
 6 |   ToastClose,
 7 |   ToastDescription,
 8 |   ToastProvider,
 9 |   ToastTitle,
10 |   ToastViewport,
11 | } from "@/components/ui/toast"
12 | 
13 | export function Toaster() {
14 |   const { toasts } = useToast()
15 | 
16 |   return (
17 |     <ToastProvider>
18 |       {toasts.map(function ({ id, title, description, action, ...props }) {
19 |         return (
20 |           <Toast key={id} {...props}>
21 |             <div className="grid gap-1">
22 |               {title && <ToastTitle>{title}</ToastTitle>}
23 |               {description && (
24 |                 <ToastDescription>{description}</ToastDescription>
25 |               )}
26 |             </div>
27 |             {action}
28 |             <ToastClose />
29 |           </Toast>
30 |         )
31 |       })}
32 |       <ToastViewport />
33 |     </ToastProvider>
34 |   )
35 | }
36 | 


--------------------------------------------------------------------------------
/components/ui/sonner.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useTheme } from "next-themes"
 4 | import { Toaster as Sonner } from "sonner"
 5 | 
 6 | type ToasterProps = React.ComponentProps<typeof Sonner>
 7 | 
 8 | const Toaster = ({ ...props }: ToasterProps) => {
 9 |   const { theme = "system" } = useTheme()
10 | 
11 |   return (
12 |     <Sonner
13 |       theme={theme as ToasterProps["theme"]}
14 |       className="toaster group"
15 |       toastOptions={{
16 |         classNames: {
17 |           toast:
18 |             "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
19 |           description: "group-[.toast]:text-muted-foreground",
20 |           actionButton:
21 |             "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
22 |           cancelButton:
23 |             "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
24 |         },
25 |       }}
26 |       {...props}
27 |     />
28 |   )
29 | }
30 | 
31 | export { Toaster }
32 | 


--------------------------------------------------------------------------------
/app/api/settings/batch/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | import { settingsManager } from "@/lib/settings"
 4 | 
 5 | /**
 6 |  * GET /api/settings/batch
 7 |  * Get batch size settings (convenience endpoint)
 8 |  */
 9 | export async function GET(request: NextRequest) {
10 |   // Validate authentication
11 |   const user = await validateRequest(request)
12 |   if (!user) {
13 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
14 |   }
15 | 
16 |   try {
17 |     const batchSettings = await settingsManager.getBatchSettings()
18 | 
19 |     return NextResponse.json({
20 |       success: true,
21 |       ...batchSettings,
22 |     })
23 |   } catch (error) {
24 |     console.error("Error getting batch settings:", error)
25 |     return NextResponse.json(
26 |       {
27 |         success: false,
28 |         error: error instanceof Error ? error.message : "Failed to get batch settings",
29 |       },
30 |       { status: 500 }
31 |     )
32 |   }
33 | }
34 | 
35 | 


--------------------------------------------------------------------------------
/app/api/settings/upload/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | import { settingsManager } from "@/lib/settings"
 4 | 
 5 | /**
 6 |  * GET /api/settings/upload
 7 |  * Get upload-specific settings (convenience endpoint)
 8 |  */
 9 | export async function GET(request: NextRequest) {
10 |   // Validate authentication
11 |   const user = await validateRequest(request)
12 |   if (!user) {
13 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
14 |   }
15 | 
16 |   try {
17 |     const uploadSettings = await settingsManager.getUploadSettings()
18 | 
19 |     return NextResponse.json({
20 |       success: true,
21 |       ...uploadSettings,
22 |     })
23 |   } catch (error) {
24 |     console.error("Error getting upload settings:", error)
25 |     return NextResponse.json(
26 |       {
27 |         success: false,
28 |         error: error instanceof Error ? error.message : "Failed to get upload settings",
29 |       },
30 |       { status: 500 }
31 |     )
32 |   }
33 | }
34 | 
35 | 


--------------------------------------------------------------------------------
/components/force-refresh-wrapper.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { useEffect, useState } from "react";
 4 | 
 5 | interface ForceRefreshWrapperProps {
 6 |   children: React.ReactNode;
 7 |   refreshKey?: string;
 8 | }
 9 | 
10 | export default function ForceRefreshWrapper({ children, refreshKey }: ForceRefreshWrapperProps) {
11 |   const [key, setKey] = useState(0);
12 | 
13 |   useEffect(() => {
14 |     // Force refresh on mount and when refreshKey changes
15 |     setKey(prev => prev + 1);
16 |   }, [refreshKey]);
17 | 
18 |   useEffect(() => {
19 |     // Force refresh on hot reload in development
20 |     if (process.env.NODE_ENV === 'development' && typeof window !== 'undefined') {
21 |       const handleBeforeUnload = () => {
22 |         setKey(prev => prev + 1);
23 |       };
24 | 
25 |       // Add passive listener for better performance
26 |       window.addEventListener('beforeunload', handleBeforeUnload, { passive: true });
27 | 
28 |       return () => {
29 |         window.removeEventListener('beforeunload', handleBeforeUnload);
30 |       };
31 |     }
32 |   }, []);
33 | 
34 |   return <div key={key}>{children}</div>;
35 | }
36 | 


--------------------------------------------------------------------------------
/components/ui/checkbox.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
 5 | import { Check } from "lucide-react"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const Checkbox = React.forwardRef<
10 |   React.ElementRef<typeof CheckboxPrimitive.Root>,
11 |   React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
12 | >(({ className, ...props }, ref) => (
13 |   <CheckboxPrimitive.Root
14 |     ref={ref}
15 |     className={cn(
16 |       "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
17 |       className
18 |     )}
19 |     {...props}
20 |   >
21 |     <CheckboxPrimitive.Indicator
22 |       className={cn("flex items-center justify-center text-current")}
23 |     >
24 |       <Check className="h-4 w-4" />
25 |     </CheckboxPrimitive.Indicator>
26 |   </CheckboxPrimitive.Root>
27 | ))
28 | Checkbox.displayName = CheckboxPrimitive.Root.displayName
29 | 
30 | export { Checkbox }
31 | 


--------------------------------------------------------------------------------
/components/ui/badge.tsx:
--------------------------------------------------------------------------------
 1 | import type * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | 
 4 | import { cn } from "@/lib/utils"
 5 | 
 6 | const badgeVariants = cva(
 7 |   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
12 |         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
13 |         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
14 |         outline: "text-foreground",
15 |       },
16 |     },
17 |     defaultVariants: {
18 |       variant: "default",
19 |     },
20 |   },
21 | )
22 | 
23 | export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
24 | 
25 | function Badge({ className, variant, ...props }: BadgeProps) {
26 |   return <div className={cn(badgeVariants({ variant }), className)} {...props} />
27 | }
28 | 
29 | export { Badge, badgeVariants }
30 | 


--------------------------------------------------------------------------------
/components/ui/slider.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as SliderPrimitive from "@radix-ui/react-slider"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Slider = React.forwardRef<
 9 |   React.ElementRef<typeof SliderPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <SliderPrimitive.Root
13 |     ref={ref}
14 |     className={cn(
15 |       "relative flex w-full touch-none select-none items-center",
16 |       className
17 |     )}
18 |     {...props}
19 |   >
20 |     <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
21 |       <SliderPrimitive.Range className="absolute h-full bg-primary" />
22 |     </SliderPrimitive.Track>
23 |     <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
24 |   </SliderPrimitive.Root>
25 | ))
26 | Slider.displayName = SliderPrimitive.Root.displayName
27 | 
28 | export { Slider }
29 | 


--------------------------------------------------------------------------------
/components/auth-guard.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { useAuth } from '@/hooks/useAuth'
 4 | 
 5 | interface AuthGuardProps {
 6 |   children: React.ReactNode
 7 |   fallback?: React.ReactNode
 8 | }
 9 | 
10 | export function AuthGuard({ children, fallback }: AuthGuardProps) {
11 |   const { user, loading, error } = useAuth(true)
12 | 
13 |   if (loading) {
14 |     return (
15 |       fallback || (
16 |         <div className="flex items-center justify-center min-h-screen">
17 |           <div className="text-center">
18 |             <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mx-auto mb-4"></div>
19 |             <p className="text-gray-600">Checking authentication...</p>
20 |           </div>
21 |         </div>
22 |       )
23 |     )
24 |   }
25 | 
26 |   if (error || !user) {
27 |     return (
28 |       fallback || (
29 |         <div className="flex items-center justify-center min-h-screen">
30 |           <div className="text-center">
31 |             <p className="text-red-600 mb-4">Authentication required</p>
32 |             <p className="text-gray-600">Redirecting to login...</p>
33 |           </div>
34 |         </div>
35 |       )
36 |     )
37 |   }
38 | 
39 |   return <>{children}</>
40 | }
41 | 


--------------------------------------------------------------------------------
/Dockerfile.setup:
--------------------------------------------------------------------------------
 1 | # Dockerfile.setup
 2 | # Setup container to run setup-docker.sh inside Docker environment
 3 | 
 4 | FROM alpine:3.19
 5 | 
 6 | # Install dependencies required by the script
 7 | # - bash: to run setup-docker.sh (alpine default uses sh)
 8 | # - curl: for ClickHouse HTTP API connection
 9 | # - mysql-client: for MySQL connection
10 | RUN apk add --no-cache \
11 |     bash \
12 |     curl \
13 |     mysql-client \
14 |     ca-certificates
15 | 
16 | # Set working directory
17 | WORKDIR /scripts
18 | 
19 | # Copy setup script into the image
20 | # setup-docker.sh is copied as setup.sh inside the container
21 | # (internal name in container, source remains setup-docker.sh)
22 | COPY setup-docker.sh setup.sh
23 | 
24 | # ---------------------------------------------------------
25 | # IMPORTANT FIX FOR WINDOWS USERS
26 | # Remove \r (Carriage Return) characters if file was edited on Windows
27 | # to avoid "bad interpreter" error on Linux
28 | # ---------------------------------------------------------
29 | RUN sed -i 's/\r$//' setup.sh
30 | 
31 | # Ensure script is executable (permission fix)
32 | RUN chmod +x setup.sh
33 | 
34 | # Run script
35 | # Using bash explicitly because the script uses bash syntax
36 | CMD ["/bin/bash", "setup.sh"]
37 | 
38 | 


--------------------------------------------------------------------------------
/components/ui/switch.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as SwitchPrimitives from "@radix-ui/react-switch"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Switch = React.forwardRef<
 9 |   React.ElementRef<typeof SwitchPrimitives.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <SwitchPrimitives.Root
13 |     className={cn(
14 |       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
15 |       className
16 |     )}
17 |     {...props}
18 |     ref={ref}
19 |   >
20 |     <SwitchPrimitives.Thumb
21 |       className={cn(
22 |         "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
23 |       )}
24 |     />
25 |   </SwitchPrimitives.Root>
26 | ))
27 | Switch.displayName = SwitchPrimitives.Root.displayName
28 | 
29 | export { Switch }
30 | 


--------------------------------------------------------------------------------
/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const TooltipProvider = TooltipPrimitive.Provider
 9 | 
10 | const Tooltip = TooltipPrimitive.Root
11 | 
12 | const TooltipTrigger = TooltipPrimitive.Trigger
13 | 
14 | const TooltipContent = React.forwardRef<
15 |   React.ElementRef<typeof TooltipPrimitive.Content>,
16 |   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
17 | >(({ className, sideOffset = 4, ...props }, ref) => (
18 |   <TooltipPrimitive.Content
19 |     ref={ref}
20 |     sideOffset={sideOffset}
21 |     className={cn(
22 |       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
23 |       className,
24 |     )}
25 |     {...props}
26 |   />
27 | ))
28 | TooltipContent.displayName = TooltipPrimitive.Content.displayName
29 | 
30 | export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
31 | 


--------------------------------------------------------------------------------
/components/ui/hover-card.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const HoverCard = HoverCardPrimitive.Root
 9 | 
10 | const HoverCardTrigger = HoverCardPrimitive.Trigger
11 | 
12 | const HoverCardContent = React.forwardRef<
13 |   React.ElementRef<typeof HoverCardPrimitive.Content>,
14 |   React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>
15 | >(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
16 |   <HoverCardPrimitive.Content
17 |     ref={ref}
18 |     align={align}
19 |     sideOffset={sideOffset}
20 |     className={cn(
21 |       "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
22 |       className
23 |     )}
24 |     {...props}
25 |   />
26 | ))
27 | HoverCardContent.displayName = HoverCardPrimitive.Content.displayName
28 | 
29 | export { HoverCard, HoverCardTrigger, HoverCardContent }
30 | 


--------------------------------------------------------------------------------
/app/api/auth/get-user/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server";
 2 | import { pool } from "@/lib/mysql";
 3 | import type { RowDataPacket } from "mysql2";
 4 | import { validateRequest } from "@/lib/auth";
 5 | 
 6 | export async function GET(request: NextRequest) {
 7 |   // Use JWT validation instead of direct cookie access
 8 |   const user = await validateRequest(request);
 9 | 
10 |   if (!user) {
11 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 });
12 |   }
13 | 
14 |   try {
15 |     const [users] = await pool.query<RowDataPacket[]>(
16 |       "SELECT id, email, name FROM users WHERE id = ? LIMIT 1",
17 |       [user.userId]
18 |     );
19 | 
20 |     if (!Array.isArray(users) || users.length === 0) {
21 |       return NextResponse.json({ success: false, error: "User not found" }, { status: 404 });
22 |     }
23 | 
24 |     const userData = users[0];
25 |     return NextResponse.json({
26 |       success: true,
27 |       user: {
28 |         id: userData.id,
29 |         email: userData.email,
30 |         name: userData.name || userData.email.split('@')[0] // Fallback to email prefix if name is null
31 |       }
32 |     });
33 |   } catch (err) {
34 |     console.error("Get user error:", err);
35 |     return NextResponse.json({ success: false, error: "Internal server error" }, { status: 500 });
36 |   }
37 | }


--------------------------------------------------------------------------------
/components/client-layout-with-sidebar.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | import { usePathname } from "next/navigation";
 3 | import { useEffect, useState } from "react";
 4 | import { AppSidebar } from "@/components/app-sidebar";
 5 | import AppHeader from "@/components/app-header";
 6 | 
 7 | export default function ClientLayoutWithSidebar({ children }: { children: React.ReactNode }) {
 8 |   const pathname = usePathname();
 9 | 
10 |   // Scroll to top on route change
11 |   useEffect(() => {
12 |     window.scrollTo({ top: 0, behavior: "smooth" });
13 |   }, [pathname]);
14 | 
15 |   // Determine page title based on pathname
16 |   let title = "broń Vault";
17 |   if (pathname === "/dashboard") title = "broń Vault - Dashboard";
18 |   else if (pathname === "/") title = "broń Vault - Search";
19 |   else if (pathname === "/upload") title = "broń Vault - Upload";
20 |   else if (pathname === "/debug-zip") title = "broń Vault - Debug ZIP";
21 | 
22 |   // Don't render sidebar/header if on login page
23 |   if (pathname === "/login") {
24 |     return (
25 |       <main className="flex-1 bg-background">{children}</main>
26 |     );
27 |   }
28 | 
29 |   return (
30 |     <>
31 |       <AppSidebar />
32 |       <div className="flex-1 flex flex-col">
33 |         <AppHeader title={title} />
34 |         <main className="flex-1 bg-background">{children}</main>
35 |       </div>
36 |     </>
37 |   );
38 | } 


--------------------------------------------------------------------------------
/components/animated-stat-card.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { Card, CardContent } from "@/components/ui/card"
 4 | import { AnimatedCounter } from "./animated-counter"
 5 | import { LucideIcon } from "lucide-react"
 6 | 
 7 | interface AnimatedStatCardProps {
 8 |   icon: LucideIcon
 9 |   value: number
10 |   label: string
11 |   iconColor: string
12 |   delay?: number
13 | }
14 | 
15 | export function AnimatedStatCard({
16 |   icon: Icon,
17 |   value,
18 |   label,
19 |   iconColor,
20 |   delay = 0
21 | }: AnimatedStatCardProps) {
22 |   return (
23 |     <Card className="glass-card hover:border-primary/30 transition-all duration-500 group">
24 |       <CardContent className="flex items-center p-4 gap-4">
25 |         <div className="p-3 rounded-xl bg-primary/10 group-hover:bg-primary/20 group-hover:scale-110 transition-all duration-300 ring-1 ring-inset ring-primary/20">
26 |           <Icon className={`w-6 h-6 ${iconColor}`} />
27 |         </div>
28 |         <div>
29 |           <AnimatedCounter
30 |             value={value}
31 |             duration={2.5}
32 |             delay={delay}
33 |             className="text-2xl font-bold text-foreground"
34 |           />
35 |           <p className="text-xs text-muted-foreground uppercase tracking-wider font-medium">
36 |             {label}
37 |           </p>
38 |         </div>
39 |       </CardContent>
40 |     </Card>
41 |   )
42 | }
43 | 


--------------------------------------------------------------------------------
/components/ui/popover.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as PopoverPrimitive from "@radix-ui/react-popover"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Popover = PopoverPrimitive.Root
 9 | 
10 | const PopoverTrigger = PopoverPrimitive.Trigger
11 | 
12 | const PopoverContent = React.forwardRef<
13 |   React.ElementRef<typeof PopoverPrimitive.Content>,
14 |   React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
15 | >(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
16 |   <PopoverPrimitive.Portal>
17 |     <PopoverPrimitive.Content
18 |       ref={ref}
19 |       align={align}
20 |       sideOffset={sideOffset}
21 |       className={cn(
22 |         "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   </PopoverPrimitive.Portal>
28 | ))
29 | PopoverContent.displayName = PopoverPrimitive.Content.displayName
30 | 
31 | export { Popover, PopoverTrigger, PopoverContent }
32 | 


--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
 1 | /** @type {import('next').NextConfig} */
 2 | const nextConfig = {
 3 |   // Bundle optimization
 4 |   swcMinify: true,
 5 |   compiler: {
 6 |     removeConsole: process.env.NODE_ENV === 'production' ? {
 7 |       exclude: ['error', 'warn']
 8 |     } : false,
 9 |   },
10 |   eslint: {
11 |     // Only ignore during builds in development, not production
12 |     ignoreDuringBuilds: process.env.NODE_ENV === 'development',
13 |   },
14 |   typescript: {
15 |     // Only ignore build errors in development, not production
16 |     ignoreBuildErrors: process.env.NODE_ENV === 'development',
17 |   },
18 |   images: {
19 |     unoptimized: true,
20 |   },
21 |   // Add performance optimizations
22 |   experimental: {
23 |     // Disable CSS optimization to avoid critters dependency issue
24 |     // optimizeCss: true,
25 |   },
26 |   // Add security headers
27 |   async headers() {
28 |     return [
29 |       {
30 |         source: '/(.*)',
31 |         headers: [
32 |           {
33 |             key: 'X-Frame-Options',
34 |             value: 'DENY',
35 |           },
36 |           {
37 |             key: 'X-Content-Type-Options',
38 |             value: 'nosniff',
39 |           },
40 |           {
41 |             key: 'Referrer-Policy',
42 |             value: 'origin-when-cross-origin',
43 |           },
44 |         ],
45 |       },
46 |     ]
47 |   },
48 | }
49 | 
50 | export default nextConfig
51 | 


--------------------------------------------------------------------------------
/components/recon/ReconSummaryCards.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { Globe, Link, Key, HardDrive } from "lucide-react"
 4 | import { AnimatedStatCard } from "@/components/animated-stat-card"
 5 | 
 6 | interface SummaryStats {
 7 |   totalSubdomains: number
 8 |   totalPaths: number
 9 |   totalCredentials: number
10 |   totalReusedCredentials: number
11 |   totalDevices: number
12 | }
13 | 
14 | interface ReconSummaryCardsProps {
15 |   stats: SummaryStats
16 | }
17 | 
18 | export function ReconSummaryCards({ stats }: ReconSummaryCardsProps) {
19 |   return (
20 |     <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-3">
21 |       <AnimatedStatCard
22 |         icon={Globe}
23 |         value={stats.totalSubdomains}
24 |         label="Subdomains"
25 |         iconColor="text-blue-500"
26 |         delay={0}
27 |       />
28 |       <AnimatedStatCard
29 |         icon={Link}
30 |         value={stats.totalPaths}
31 |         label="Paths"
32 |         iconColor="text-amber-500"
33 |         delay={0.2}
34 |       />
35 |       <AnimatedStatCard
36 |         icon={Key}
37 |         value={stats.totalCredentials}
38 |         label="Credentials"
39 |         iconColor="text-emerald-500"
40 |         delay={0.4}
41 |       />
42 |       <AnimatedStatCard
43 |         icon={HardDrive}
44 |         value={stats.totalDevices}
45 |         label="Devices"
46 |         iconColor="text-blue-500"
47 |         delay={0.6}
48 |       />
49 |     </div>
50 |   )
51 | }
52 | 
53 | 


--------------------------------------------------------------------------------
/app/api/auth/check-users/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { pool } from "@/lib/mysql"
 3 | import type { RowDataPacket } from "mysql2"
 4 | 
 5 | // Force dynamic rendering
 6 | export const dynamic = 'force-dynamic'
 7 | 
 8 | export async function GET(request: NextRequest) {
 9 |   console.log("🔍 [PRODUCTION] Check users endpoint called")
10 |   try {
11 |     // Check if users table exists
12 |     const [tables] = await pool.query<RowDataPacket[]>(
13 |       "SHOW TABLES LIKE 'users'"
14 |     )
15 | 
16 |     if (!Array.isArray(tables) || tables.length === 0) {
17 |       // Users table doesn't exist, return 0 users
18 |       return NextResponse.json({
19 |         success: true,
20 |         userCount: 0,
21 |         needsInitialSetup: true
22 |       })
23 |     }
24 | 
25 |     // Count total users
26 |     const [result] = await pool.query<RowDataPacket[]>(
27 |       "SELECT COUNT(*) as count FROM users"
28 |     )
29 | 
30 |     const userCount = Array.isArray(result) && result.length > 0 ? result[0].count : 0
31 | 
32 |     return NextResponse.json({
33 |       success: true,
34 |       userCount: userCount,
35 |       needsInitialSetup: userCount === 0
36 |     })
37 |   } catch (err) {
38 |     console.error("Check users error:", err)
39 |     return NextResponse.json({
40 |       success: false,
41 |       error: "Failed to check users",
42 |       userCount: 0,
43 |       needsInitialSetup: true
44 |     }, { status: 500 })
45 |   }
46 | }
47 | 


--------------------------------------------------------------------------------
/components/app-header.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import UserProfileDropdown from "./user-profile-dropdown";
 4 | import { SidebarTrigger } from "@/components/ui/sidebar";
 5 | import ErrorBoundary from "./error-boundary";
 6 | import ForceRefreshWrapper from "./force-refresh-wrapper";
 7 | 
 8 | interface AppHeaderProps {
 9 |   title?: string;
10 | }
11 | 
12 | export default function AppHeader({ title }: AppHeaderProps) {
13 |   return (
14 |     <header className="sticky top-0 z-10 border-b border-white/5 backdrop-blur-xl transition-all duration-300 relative overflow-hidden">
15 |       {/* Gradient Background - Subtle */}
16 |       <div className="absolute inset-0 bg-gradient-to-r from-primary/8 via-primary/5 to-background/60 dark:from-primary/10 dark:via-primary/6 dark:to-background/60" />
17 |       
18 |       <div className="relative flex h-16 items-center justify-between px-4">
19 |         <div className="flex items-center">
20 |           <SidebarTrigger className="text-muted-foreground hover:text-foreground hover:bg-white/10 mr-4" />
21 |           <h1 className="text-xl font-semibold tracking-tight text-foreground">{title || 'broń Vault'}</h1>
22 |         </div>
23 |         <div className="flex items-center">
24 |           <ForceRefreshWrapper refreshKey={title}>
25 |             <ErrorBoundary fallback={<div className="text-red-500 text-sm">Profile error</div>}>
26 |               <UserProfileDropdown />
27 |             </ErrorBoundary>
28 |           </ForceRefreshWrapper>
29 |         </div>
30 |       </div>
31 |     </header>
32 |   );
33 | } 


--------------------------------------------------------------------------------
/middleware.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | 
 4 | const PUBLIC_PATHS = [
 5 |   "/login",
 6 |   "/api/auth/login",
 7 |   "/api/auth/check-users",
 8 |   "/api/auth/register-first-user",
 9 |   "/_next",
10 |   "/favicon.ico"
11 | ]
12 | 
13 | export async function middleware(request: NextRequest) {
14 |   const { pathname } = request.nextUrl
15 | 
16 |   // Allow public paths
17 |   if (PUBLIC_PATHS.some((p) => pathname === p || pathname.startsWith(p + "/"))) {
18 |     return NextResponse.next()
19 |   }
20 | 
21 |   // Allow static files
22 |   if (pathname.match(/\.(png|svg|jpg|jpeg|ico|css|js)$/)) {
23 |     return NextResponse.next()
24 |   }
25 | 
26 |   // Validate JWT token
27 |   const user = await validateRequest(request)
28 |   if (!user) {
29 |     const loginUrl = new URL("/login", request.url)
30 |     loginUrl.searchParams.set("redirect", pathname)
31 |     return NextResponse.redirect(loginUrl)
32 |   }
33 | 
34 |   // Add user info to headers for API routes
35 |   const response = NextResponse.next()
36 |   response.headers.set("x-user-id", user.userId)
37 |   response.headers.set("x-username", user.username)
38 | 
39 |   return response
40 | }
41 | 
42 | export const config = {
43 |   matcher: [
44 |     /*
45 |      * Match all request paths except for the ones starting with:
46 |      * - api (API routes)
47 |      * - _next/static (static files)
48 |      * - _next/image (image optimization files)
49 |      * - favicon.ico (favicon file)
50 |      */
51 |     '/((?!_next/static|_next/image|favicon.ico).*)',
52 |   ],
53 | };


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | # Install dependencies only when needed
 2 | FROM node:20-alpine AS deps
 3 | WORKDIR /app
 4 | COPY package.json ./
 5 | RUN yarn install --frozen-lockfile
 6 | 
 7 | # Rebuild the source code only when needed
 8 | FROM node:20-alpine AS builder
 9 | WORKDIR /app
10 | COPY . .
11 | COPY --from=deps /app/node_modules ./node_modules
12 | RUN yarn build
13 | 
14 | # Production image, copy all the files and run next
15 | FROM node:20-alpine AS runner
16 | WORKDIR /app
17 | ENV NODE_ENV=production
18 | 
19 | # Copy only necessary files
20 | COPY --from=builder /app/.next ./.next
21 | COPY --from=builder /app/public ./public
22 | COPY --from=builder /app/package.json ./package.json
23 | COPY --from=builder /app/node_modules ./node_modules
24 | COPY --from=builder /app/next.config.mjs ./next.config.mjs
25 | COPY --from=builder /app/tailwind.config.ts ./tailwind.config.ts
26 | COPY --from=builder /app/postcss.config.mjs ./postcss.config.mjs
27 | COPY --from=builder /app/middleware.ts ./middleware.ts
28 | COPY --from=builder /app/app ./app
29 | COPY --from=builder /app/components ./components
30 | COPY --from=builder /app/hooks ./hooks
31 | COPY --from=builder /app/lib ./lib
32 | COPY --from=builder /app/styles ./styles
33 | 
34 | # Create uploads directory if it doesn't exist
35 | RUN mkdir -p /app/uploads/chunks /app/uploads/extracted_files
36 | 
37 | EXPOSE 3000
38 | 
39 | # Add health check
40 | HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
41 |   CMD node -e "require('http').get('http://localhost:3000/api/auth/check-users', (r) => {process.exit(r.statusCode === 200 ? 0 : 1)})"
42 | 
43 | CMD ["yarn", "start"] 


--------------------------------------------------------------------------------
/components/ui/avatar.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as AvatarPrimitive from "@radix-ui/react-avatar"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Avatar = React.forwardRef<
 9 |   React.ElementRef<typeof AvatarPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <AvatarPrimitive.Root
13 |     ref={ref}
14 |     className={cn(
15 |       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
16 |       className
17 |     )}
18 |     {...props}
19 |   />
20 | ))
21 | Avatar.displayName = AvatarPrimitive.Root.displayName
22 | 
23 | const AvatarImage = React.forwardRef<
24 |   React.ElementRef<typeof AvatarPrimitive.Image>,
25 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
26 | >(({ className, ...props }, ref) => (
27 |   <AvatarPrimitive.Image
28 |     ref={ref}
29 |     className={cn("aspect-square h-full w-full", className)}
30 |     {...props}
31 |   />
32 | ))
33 | AvatarImage.displayName = AvatarPrimitive.Image.displayName
34 | 
35 | const AvatarFallback = React.forwardRef<
36 |   React.ElementRef<typeof AvatarPrimitive.Fallback>,
37 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
38 | >(({ className, ...props }, ref) => (
39 |   <AvatarPrimitive.Fallback
40 |     ref={ref}
41 |     className={cn(
42 |       "flex h-full w-full items-center justify-center rounded-full bg-muted",
43 |       className
44 |     )}
45 |     {...props}
46 |   />
47 | ))
48 | AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
49 | 
50 | export { Avatar, AvatarImage, AvatarFallback }
51 | 


--------------------------------------------------------------------------------
/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
 5 | import { Circle } from "lucide-react"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const RadioGroup = React.forwardRef<
10 |   React.ElementRef<typeof RadioGroupPrimitive.Root>,
11 |   React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
12 | >(({ className, ...props }, ref) => {
13 |   return (
14 |     <RadioGroupPrimitive.Root
15 |       className={cn("grid gap-2", className)}
16 |       {...props}
17 |       ref={ref}
18 |     />
19 |   )
20 | })
21 | RadioGroup.displayName = RadioGroupPrimitive.Root.displayName
22 | 
23 | const RadioGroupItem = React.forwardRef<
24 |   React.ElementRef<typeof RadioGroupPrimitive.Item>,
25 |   React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
26 | >(({ className, ...props }, ref) => {
27 |   return (
28 |     <RadioGroupPrimitive.Item
29 |       ref={ref}
30 |       className={cn(
31 |         "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
32 |         className
33 |       )}
34 |       {...props}
35 |     >
36 |       <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
37 |         <Circle className="h-2.5 w-2.5 fill-current text-current" />
38 |       </RadioGroupPrimitive.Indicator>
39 |     </RadioGroupPrimitive.Item>
40 |   )
41 | })
42 | RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
43 | 
44 | export { RadioGroup, RadioGroupItem }
45 | 


--------------------------------------------------------------------------------
/components/ui/alert.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | 
 4 | import { cn } from "@/lib/utils"
 5 | 
 6 | const alertVariants = cva(
 7 |   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default: "bg-background text-foreground",
12 |         destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
13 |       },
14 |     },
15 |     defaultVariants: {
16 |       variant: "default",
17 |     },
18 |   },
19 | )
20 | 
21 | const Alert = React.forwardRef<
22 |   HTMLDivElement,
23 |   React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>
24 | >(({ className, variant, ...props }, ref) => (
25 |   <div ref={ref} role="alert" className={cn(alertVariants({ variant }), className)} {...props} />
26 | ))
27 | Alert.displayName = "Alert"
28 | 
29 | const AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
30 |   ({ className, ...props }, ref) => (
31 |     <h5 ref={ref} className={cn("mb-1 font-medium leading-none tracking-tight", className)} {...props} />
32 |   ),
33 | )
34 | AlertTitle.displayName = "AlertTitle"
35 | 
36 | const AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
37 |   ({ className, ...props }, ref) => (
38 |     <div ref={ref} className={cn("text-sm [&_p]:leading-relaxed", className)} {...props} />
39 |   ),
40 | )
41 | AlertDescription.displayName = "AlertDescription"
42 | 
43 | export { Alert, AlertTitle, AlertDescription }
44 | 


--------------------------------------------------------------------------------
/components/ui/toggle.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as TogglePrimitive from "@radix-ui/react-toggle"
 5 | import { cva, type VariantProps } from "class-variance-authority"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const toggleVariants = cva(
10 |   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
11 |   {
12 |     variants: {
13 |       variant: {
14 |         default: "bg-transparent",
15 |         outline:
16 |           "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground",
17 |       },
18 |       size: {
19 |         default: "h-10 px-3 min-w-10",
20 |         sm: "h-9 px-2.5 min-w-9",
21 |         lg: "h-11 px-5 min-w-11",
22 |       },
23 |     },
24 |     defaultVariants: {
25 |       variant: "default",
26 |       size: "default",
27 |     },
28 |   }
29 | )
30 | 
31 | const Toggle = React.forwardRef<
32 |   React.ElementRef<typeof TogglePrimitive.Root>,
33 |   React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
34 |     VariantProps<typeof toggleVariants>
35 | >(({ className, variant, size, ...props }, ref) => (
36 |   <TogglePrimitive.Root
37 |     ref={ref}
38 |     className={cn(toggleVariants({ variant, size, className }))}
39 |     {...props}
40 |   />
41 | ))
42 | 
43 | Toggle.displayName = TogglePrimitive.Root.displayName
44 | 
45 | export { Toggle, toggleVariants }
46 | 


--------------------------------------------------------------------------------
/app/api/auth/login/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { pool } from "@/lib/mysql"
 3 | import bcrypt from "bcryptjs"
 4 | import type { RowDataPacket } from "mysql2"
 5 | import { generateToken, getSecureCookieOptions } from "@/lib/auth"
 6 | 
 7 | export async function POST(request: NextRequest) {
 8 |   const { email, password } = await request.json()
 9 | 
10 |   try {
11 |     const [users] = await pool.query<RowDataPacket[]>(
12 |       "SELECT id, email, password_hash, name FROM users WHERE email = ? LIMIT 1",
13 |       [email]
14 |     )
15 | 
16 |     if (!Array.isArray(users) || users.length === 0) {
17 |       return NextResponse.json({ success: false, error: "Invalid email or password." }, { status: 401 })
18 |     }
19 | 
20 |     const user = users[0]
21 | 
22 |     // Verify password hash
23 |     const match = await bcrypt.compare(password, user.password_hash || "")
24 |     if (!match) {
25 |       return NextResponse.json({ success: false, error: "Invalid email or password." }, { status: 401 })
26 |     }
27 | 
28 |     // Generate JWT token
29 |     const token = await generateToken({
30 |       userId: String(user.id),
31 |       username: user.name || user.email,
32 |     })
33 | 
34 |     // Set secure cookie with JWT token
35 |     const response = NextResponse.json({
36 |       success: true,
37 |       user: {
38 |         id: user.id,
39 |         email: user.email,
40 |         name: user.name
41 |       }
42 |     })
43 | 
44 |     response.cookies.set("auth", token, getSecureCookieOptions())
45 | 
46 |     return response
47 |   } catch (err) {
48 |     console.error("Login error:", err)
49 |     return NextResponse.json({ success: false, error: "Internal server error occurred." }, { status: 500 })
50 |   }
51 | }


--------------------------------------------------------------------------------
/components/ui/scroll-area.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const ScrollArea = React.forwardRef<
 9 |   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
11 | >(({ className, children, ...props }, ref) => (
12 |   <ScrollAreaPrimitive.Root
13 |     ref={ref}
14 |     className={cn("relative overflow-hidden", className)}
15 |     {...props}
16 |   >
17 |     <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
18 |       {children}
19 |     </ScrollAreaPrimitive.Viewport>
20 |     <ScrollBar />
21 |     <ScrollAreaPrimitive.Corner />
22 |   </ScrollAreaPrimitive.Root>
23 | ))
24 | ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName
25 | 
26 | const ScrollBar = React.forwardRef<
27 |   React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
28 |   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
29 | >(({ className, orientation = "vertical", ...props }, ref) => (
30 |   <ScrollAreaPrimitive.ScrollAreaScrollbar
31 |     ref={ref}
32 |     orientation={orientation}
33 |     className={cn(
34 |       "flex touch-none select-none transition-colors",
35 |       orientation === "vertical" &&
36 |         "h-full w-2.5 border-l border-l-transparent p-[1px]",
37 |       orientation === "horizontal" &&
38 |         "h-2.5 flex-col border-t border-t-transparent p-[1px]",
39 |       className
40 |     )}
41 |     {...props}
42 |   >
43 |     <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
44 |   </ScrollAreaPrimitive.ScrollAreaScrollbar>
45 | ))
46 | ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName
47 | 
48 | export { ScrollArea, ScrollBar }
49 | 


--------------------------------------------------------------------------------
/components/ui/resizable.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { GripVertical } from "lucide-react"
 4 | import * as ResizablePrimitive from "react-resizable-panels"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const ResizablePanelGroup = ({
 9 |   className,
10 |   ...props
11 | }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
12 |   <ResizablePrimitive.PanelGroup
13 |     className={cn(
14 |       "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
15 |       className
16 |     )}
17 |     {...props}
18 |   />
19 | )
20 | 
21 | const ResizablePanel = ResizablePrimitive.Panel
22 | 
23 | const ResizableHandle = ({
24 |   withHandle,
25 |   className,
26 |   ...props
27 | }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
28 |   withHandle?: boolean
29 | }) => (
30 |   <ResizablePrimitive.PanelResizeHandle
31 |     className={cn(
32 |       "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
33 |       className
34 |     )}
35 |     {...props}
36 |   >
37 |     {withHandle && (
38 |       <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
39 |         <GripVertical className="h-2.5 w-2.5" />
40 |       </div>
41 |     )}
42 |   </ResizablePrimitive.PanelResizeHandle>
43 | )
44 | 
45 | export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
46 | 


--------------------------------------------------------------------------------
/app/api/auth/change-password/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server";
 2 | import { pool } from "@/lib/mysql";
 3 | import bcrypt from "bcryptjs";
 4 | import type { RowDataPacket } from "mysql2";
 5 | import { validateRequest } from "@/lib/auth";
 6 | 
 7 | export async function POST(request: NextRequest) {
 8 |   const { currentPassword, newPassword } = await request.json();
 9 | 
10 |   // Use JWT validation instead of direct cookie access
11 |   const user = await validateRequest(request);
12 | 
13 |   if (!user) {
14 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 });
15 |   }
16 | 
17 |   try {
18 |     // Get current user data
19 |     const [users] = await pool.query<RowDataPacket[]>(
20 |       "SELECT id, password_hash FROM users WHERE id = ? LIMIT 1",
21 |       [user.userId]
22 |     );
23 | 
24 |     if (!Array.isArray(users) || users.length === 0) {
25 |       return NextResponse.json({ success: false, error: "User not found" }, { status: 404 });
26 |     }
27 | 
28 |     const userData = users[0];
29 | 
30 |     // Verify current password
31 |     const isCurrentPasswordValid = await bcrypt.compare(currentPassword, userData.password_hash);
32 |     if (!isCurrentPasswordValid) {
33 |       return NextResponse.json({ success: false, error: "Current password is incorrect" }, { status: 400 });
34 |     }
35 | 
36 |     // Hash new password
37 |     const newPasswordHash = await bcrypt.hash(newPassword, 12);
38 | 
39 |     // Update password
40 |     await pool.query(
41 |       "UPDATE users SET password_hash = ? WHERE id = ?",
42 |       [newPasswordHash, user.userId]
43 |     );
44 | 
45 |     return NextResponse.json({ success: true, message: "Password updated successfully" });
46 |   } catch (err) {
47 |     console.error("Change password error:", err);
48 |     return NextResponse.json({ success: false, error: "Internal server error" }, { status: 500 });
49 |   }
50 | } 


--------------------------------------------------------------------------------
/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | const Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({ className, ...props }, ref) => (
 6 |   <div ref={ref} className={cn("rounded-lg border bg-card text-card-foreground shadow-sm", className)} {...props} />
 7 | ))
 8 | Card.displayName = "Card"
 9 | 
10 | const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
11 |   ({ className, ...props }, ref) => (
12 |     <div ref={ref} className={cn("flex flex-col space-y-1.5 p-6", className)} {...props} />
13 |   ),
14 | )
15 | CardHeader.displayName = "CardHeader"
16 | 
17 | const CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
18 |   ({ className, ...props }, ref) => (
19 |     <h3 ref={ref} className={cn("text-2xl font-semibold leading-none tracking-tight", className)} {...props} />
20 |   ),
21 | )
22 | CardTitle.displayName = "CardTitle"
23 | 
24 | const CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
25 |   ({ className, ...props }, ref) => (
26 |     <p ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
27 |   ),
28 | )
29 | CardDescription.displayName = "CardDescription"
30 | 
31 | const CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
32 |   ({ className, ...props }, ref) => <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />,
33 | )
34 | CardContent.displayName = "CardContent"
35 | 
36 | const CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
37 |   ({ className, ...props }, ref) => (
38 |     <div ref={ref} className={cn("flex items-center p-6 pt-0", className)} {...props} />
39 |   ),
40 | )
41 | CardFooter.displayName = "CardFooter"
42 | 
43 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
44 | 


--------------------------------------------------------------------------------
/components/search/TypingEffect.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import React, { useState, useEffect } from "react"
 4 | 
 5 | interface TypingEffectProps {
 6 |   sentences: string[]
 7 |   isVisible: boolean
 8 |   typingSpeed?: number
 9 |   pauseDuration?: number
10 | }
11 | 
12 | export function TypingEffect({ 
13 |   sentences, 
14 |   isVisible, 
15 |   typingSpeed = 28, 
16 |   pauseDuration = 3000 
17 | }: TypingEffectProps) {
18 |   const [typingText, setTypingText] = useState("")
19 |   const [typingIndex, setTypingIndex] = useState(0)
20 | 
21 |   useEffect(() => {
22 |     if (!isVisible || sentences.length === 0) return
23 | 
24 |     setTypingText("")
25 |     let i = 0
26 |     let cancelled = false
27 |     const fullText = sentences[typingIndex]
28 | 
29 |     function type() {
30 |       if (cancelled) return
31 |       if (i < fullText.length) {
32 |         setTypingText(fullText.slice(0, i + 1))
33 |         i++
34 |         setTimeout(type, typingSpeed)
35 |       } else {
36 |         // Wait before switching to the next sentence
37 |         setTimeout(() => {
38 |           setTypingIndex((prev) => (prev + 1) % sentences.length)
39 |         }, pauseDuration)
40 |       }
41 |     }
42 | 
43 |     type()
44 |     return () => {
45 |       cancelled = true
46 |     }
47 |   }, [isVisible, typingIndex, sentences, typingSpeed, pauseDuration])
48 | 
49 |   if (!isVisible || sentences.length === 0) {
50 |     return null
51 |   }
52 | 
53 |   return (
54 |     <div className="w-full flex flex-col items-center mb-4 mt-8">
55 |       <span className="font-mono text-muted-foreground text-2xl font-bold mb-2 h-8 min-h-[2rem]">
56 |         {typeof typingText === "string" ? typingText.replace(/undefined/g, "") : ""}
57 |         {typingText.length > 0 && typingText.length < sentences[typingIndex].length ? (
58 |           <span className="inline-block w-2 animate-pulse align-bottom">|</span>
59 |         ) : null}
60 |       </span>
61 |     </div>
62 |   )
63 | }
64 | 


--------------------------------------------------------------------------------
/app/api/upload-chunk-status/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | import { chunkManager } from "@/lib/upload/chunk-manager"
 4 | 
 5 | /**
 6 |  * GET /api/upload-chunk-status
 7 |  * Get upload progress for a file
 8 |  */
 9 | export async function GET(request: NextRequest) {
10 |   // Validate authentication
11 |   const user = await validateRequest(request)
12 |   if (!user) {
13 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
14 |   }
15 | 
16 |   try {
17 |     const { searchParams } = new URL(request.url)
18 |     const fileId = searchParams.get("fileId")
19 | 
20 |     if (!fileId) {
21 |       return NextResponse.json(
22 |         { success: false, error: "fileId parameter is required" },
23 |         { status: 400 }
24 |       )
25 |     }
26 | 
27 |     const metadata = chunkManager.getChunkMetadata(fileId)
28 |     if (!metadata) {
29 |       return NextResponse.json(
30 |         { success: false, error: "File upload not found" },
31 |         { status: 404 }
32 |       )
33 |     }
34 | 
35 |     const uploadedChunks = await chunkManager.getUploadedChunkIndices(fileId)
36 |     const progress = (uploadedChunks.length / metadata.totalChunks) * 100
37 | 
38 |     return NextResponse.json({
39 |       success: true,
40 |       fileId,
41 |       totalChunks: metadata.totalChunks,
42 |       uploadedChunks: uploadedChunks.length,
43 |       uploadedChunkIndices: uploadedChunks,
44 |       progress: Math.round(progress),
45 |       canResume: uploadedChunks.length > 0 && uploadedChunks.length < metadata.totalChunks,
46 |     })
47 |   } catch (error) {
48 |     console.error("Error getting chunk status:", error)
49 |     return NextResponse.json(
50 |       {
51 |         success: false,
52 |         error: error instanceof Error ? error.message : "Failed to get chunk status",
53 |       },
54 |       { status: 500 }
55 |     )
56 |   }
57 | }
58 | 
59 | 


--------------------------------------------------------------------------------
/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { Slot } from "@radix-ui/react-slot"
 3 | import { cva, type VariantProps } from "class-variance-authority"
 4 | 
 5 | import { cn } from "@/lib/utils"
 6 | 
 7 | const buttonVariants = cva(
 8 |   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default: "bg-primary text-primary-foreground hover:bg-primary/90",
13 |         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
14 |         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
15 |         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
16 |         ghost: "hover:bg-accent hover:text-accent-foreground",
17 |         link: "text-primary underline-offset-4 hover:underline",
18 |       },
19 |       size: {
20 |         default: "h-10 px-4 py-2",
21 |         sm: "h-9 rounded-md px-3",
22 |         lg: "h-11 rounded-md px-8",
23 |         icon: "h-10 w-10",
24 |       },
25 |     },
26 |     defaultVariants: {
27 |       variant: "default",
28 |       size: "default",
29 |     },
30 |   },
31 | )
32 | 
33 | export interface ButtonProps
34 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
35 |     VariantProps<typeof buttonVariants> {
36 |   asChild?: boolean
37 | }
38 | 
39 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
40 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
41 |     const Comp = asChild ? Slot : "button"
42 |     return <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
43 |   },
44 | )
45 | Button.displayName = "Button"
46 | 
47 | export { Button, buttonVariants }
48 | 


--------------------------------------------------------------------------------
/docker-status.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # =====================================================
 4 | # Bron Vault - Docker Status & URLs
 5 | # =====================================================
 6 | # Script to display service status and access URLs
 7 | # =====================================================
 8 | 
 9 | # Colors
10 | GREEN='\033[0;32m'
11 | BLUE='\033[0;34m'
12 | CYAN='\033[0;36m'
13 | YELLOW='\033[1;33m'
14 | RED='\033[0;31m'
15 | NC='\033[0m'
16 | 
17 | echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
18 | echo -e "${CYAN}📊 Bron Vault Service Status${NC}"
19 | echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
20 | echo ""
21 | 
22 | # Check service status
23 | docker-compose ps
24 | 
25 | echo ""
26 | echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
27 | echo -e "${GREEN}📍 Access URLs:${NC}"
28 | echo ""
29 | echo -e "  🌐 ${YELLOW}Bron Vault App:${NC}    http://localhost:3000"
30 | echo -e "  📊 ${YELLOW}ClickHouse Play:${NC}     http://localhost:8123/play"
31 | echo -e "  🗄️  ${YELLOW}MySQL:${NC}              localhost:3306"
32 | echo -e "  📈 ${YELLOW}ClickHouse HTTP:${NC}      http://localhost:8123"
33 | echo ""
34 | echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
35 | echo -e "${GREEN}🔐 Default Login Credentials:${NC}"
36 | echo ""
37 | echo -e "  ${YELLOW}Email:${NC}    admin@bronvault.local"
38 | echo -e "  ${YELLOW}Password:${NC} admin"
39 | echo ""
40 | echo -e "  ${BLUE}ℹ️  Please change the password after first login for security.${NC}"
41 | echo ""
42 | echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
43 | echo ""
44 | echo -e "${BLUE}💡 Useful Commands:${NC}"
45 | echo ""
46 | echo -e "  View logs:        ${YELLOW}docker-compose logs -f${NC}"
47 | echo -e "  Stop services:    ${YELLOW}docker-compose down${NC}"
48 | echo -e "  Restart services: ${YELLOW}docker-compose restart${NC}"
49 | echo -e "  Check status:     ${YELLOW}./docker-status.sh${NC}"
50 | echo ""
51 | 
52 | 


--------------------------------------------------------------------------------
/components/ui/toggle-group.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group"
 5 | import { type VariantProps } from "class-variance-authority"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | import { toggleVariants } from "@/components/ui/toggle"
 9 | 
10 | const ToggleGroupContext = React.createContext<
11 |   VariantProps<typeof toggleVariants>
12 | >({
13 |   size: "default",
14 |   variant: "default",
15 | })
16 | 
17 | const ToggleGroup = React.forwardRef<
18 |   React.ElementRef<typeof ToggleGroupPrimitive.Root>,
19 |   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
20 |     VariantProps<typeof toggleVariants>
21 | >(({ className, variant, size, children, ...props }, ref) => (
22 |   <ToggleGroupPrimitive.Root
23 |     ref={ref}
24 |     className={cn("flex items-center justify-center gap-1", className)}
25 |     {...props}
26 |   >
27 |     <ToggleGroupContext.Provider value={{ variant, size }}>
28 |       {children}
29 |     </ToggleGroupContext.Provider>
30 |   </ToggleGroupPrimitive.Root>
31 | ))
32 | 
33 | ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
34 | 
35 | const ToggleGroupItem = React.forwardRef<
36 |   React.ElementRef<typeof ToggleGroupPrimitive.Item>,
37 |   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
38 |     VariantProps<typeof toggleVariants>
39 | >(({ className, children, variant, size, ...props }, ref) => {
40 |   const context = React.useContext(ToggleGroupContext)
41 | 
42 |   return (
43 |     <ToggleGroupPrimitive.Item
44 |       ref={ref}
45 |       className={cn(
46 |         toggleVariants({
47 |           variant: context.variant || variant,
48 |           size: context.size || size,
49 |         }),
50 |         className
51 |       )}
52 |       {...props}
53 |     >
54 |       {children}
55 |     </ToggleGroupPrimitive.Item>
56 |   )
57 | })
58 | 
59 | ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
60 | 
61 | export { ToggleGroup, ToggleGroupItem }
62 | 


--------------------------------------------------------------------------------
/lib/utils.ts:
--------------------------------------------------------------------------------
 1 | import { type ClassValue, clsx } from "clsx"
 2 | import { twMerge } from "tailwind-merge"
 3 | 
 4 | export function cn(...inputs: ClassValue[]) {
 5 |   return twMerge(clsx(inputs))
 6 | }
 7 | 
 8 | /**
 9 |  * Format bytes to human-readable string
10 |  * @param bytes - Size in bytes
11 |  * @param decimals - Number of decimal places
12 |  * @returns Formatted string (e.g., "10.5 GB")
13 |  */
14 | export function formatBytes(bytes: number, decimals: number = 2): string {
15 |   if (bytes === 0) return '0 Bytes'
16 |   
17 |   const k = 1024
18 |   const dm = decimals < 0 ? 0 : decimals
19 |   const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB']
20 |   const i = Math.floor(Math.log(bytes) / Math.log(k))
21 |   
22 |   return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
23 | }
24 | 
25 | /**
26 |  * Parse human-readable size string to bytes
27 |  * @param sizeStr - Size string (e.g., "10.5 GB")
28 |  * @returns Size in bytes
29 |  */
30 | export function parseBytes(sizeStr: string): number {
31 |   const units: { [key: string]: number } = {
32 |     'bytes': 1,
33 |     'kb': 1024,
34 |     'mb': 1024 * 1024,
35 |     'gb': 1024 * 1024 * 1024,
36 |     'tb': 1024 * 1024 * 1024 * 1024
37 |   }
38 |   
39 |   const match = sizeStr.toLowerCase().match(/^([\d.]+)\s*([a-z]+)$/)
40 |   if (!match) throw new Error('Invalid size format')
41 |   
42 |   const value = parseFloat(match[1])
43 |   const unit = match[2]
44 |   const multiplier = units[unit] || 1
45 |   
46 |   return Math.floor(value * multiplier)
47 | }
48 | 
49 | /**
50 |  * Split array into chunks of specified size
51 |  * @param array - Array to chunk
52 |  * @param size - Size of each chunk
53 |  * @returns Array of chunks
54 |  */
55 | export function chunkArray<T>(array: T[], size: number): T[][] {
56 |   if (size <= 0) {
57 |     throw new Error('Chunk size must be greater than 0')
58 |   }
59 |   const chunks: T[][] = []
60 |   for (let i = 0; i < array.length; i += size) {
61 |     chunks.push(array.slice(i, i + size))
62 |   }
63 |   return chunks
64 | }
65 | 


--------------------------------------------------------------------------------
/app/domain-search/page.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useState } from "react"
 4 | import { useRouter } from "next/navigation"
 5 | import { AuthGuard } from "@/components/auth-guard"
 6 | import { ReconSearchBar } from "@/components/recon/ReconSearchBar"
 7 | 
 8 | export default function DomainSearchPage() {
 9 |   const router = useRouter()
10 |   const [isLoading, setIsLoading] = useState(false)
11 | 
12 |   const handleSearch = async (query: string, searchType: "domain" | "keyword", keywordMode?: "domain-only" | "full-url") => {
13 |     if (!query || !query.trim()) return
14 |     
15 |     setIsLoading(true)
16 |     
17 |     if (searchType === 'domain') {
18 |     // Normalize domain
19 |       let normalizedDomain = query.trim().toLowerCase()
20 |     normalizedDomain = normalizedDomain.replace(/^https?:\/\//, '')
21 |     normalizedDomain = normalizedDomain.replace(/^www\./, '')
22 |     normalizedDomain = normalizedDomain.replace(/\/$/, '')
23 |     normalizedDomain = normalizedDomain.split('/')[0].split(':')[0]
24 |     
25 |     // Navigate to domain page with overview tab
26 |     router.push(`/domain-search/${encodeURIComponent(normalizedDomain)}?tab=overview`)
27 |     } else {
28 |       // Keyword search - pass as-is with type and mode parameters
29 |       const modeParam = keywordMode && keywordMode !== 'full-url' ? `&mode=${keywordMode}` : ''
30 |       router.push(`/domain-search/${encodeURIComponent(query.trim())}?type=keyword${modeParam}&tab=overview`)
31 |     }
32 |     
33 |     setIsLoading(false)
34 |   }
35 | 
36 |   return (
37 |     <AuthGuard>
38 |       <div className="flex flex-col min-h-screen bg-transparent">
39 |         <main className="flex-1 p-6 bg-transparent">
40 |           <div className="max-w-7xl mx-auto space-y-6">
41 |             {/* Spacer to match TypingEffect height + spacing */}
42 |             <div className="mt-8 h-8"></div>
43 |             <ReconSearchBar
44 |               onSearch={handleSearch}
45 |               isLoading={isLoading}
46 |             />
47 |           </div>
48 |         </main>
49 |       </div>
50 |     </AuthGuard>
51 |   )
52 | }
53 | 
54 | 


--------------------------------------------------------------------------------
/hooks/useAuth.ts:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { useEffect, useState } from 'react'
 4 | import { useRouter } from 'next/navigation'
 5 | 
 6 | interface User {
 7 |   id: number
 8 |   email: string
 9 |   name: string
10 | }
11 | 
12 | interface AuthState {
13 |   user: User | null
14 |   loading: boolean
15 |   error: string | null
16 | }
17 | 
18 | export function useAuth(requireAuth: boolean = true) {
19 |   const [authState, setAuthState] = useState<AuthState>({
20 |     user: null,
21 |     loading: true,
22 |     error: null
23 |   })
24 |   const router = useRouter()
25 | 
26 |   useEffect(() => {
27 |     async function checkAuth() {
28 |       try {
29 |         const response = await fetch('/api/auth/get-user', {
30 |           credentials: 'include'
31 |         })
32 | 
33 |         // Check if response is a redirect (HTML response)
34 |         const contentType = response.headers.get('content-type')
35 |         if (!contentType || !contentType.includes('application/json')) {
36 |           throw new Error('Authentication failed - redirected to login')
37 |         }
38 | 
39 |         if (response.ok) {
40 |           const data = await response.json()
41 |           if (data.success) {
42 |             setAuthState({
43 |               user: data.user,
44 |               loading: false,
45 |               error: null
46 |             })
47 |           } else {
48 |             throw new Error(data.error || 'Authentication failed')
49 |           }
50 |         } else {
51 |           throw new Error('Authentication failed')
52 |         }
53 |       } catch (error) {
54 |         setAuthState({
55 |           user: null,
56 |           loading: false,
57 |           error: error instanceof Error ? error.message : 'Authentication failed'
58 |         })
59 | 
60 |         // Redirect to login if authentication is required
61 |         if (requireAuth) {
62 |           const currentPath = window.location.pathname
63 |           router.replace(`/login?redirect=${encodeURIComponent(currentPath)}`)
64 |         }
65 |       }
66 |     }
67 | 
68 |     checkAuth()
69 |   }, [requireAuth, router])
70 | 
71 |   return authState
72 | }
73 | 


--------------------------------------------------------------------------------
/components/ui/tabs.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as TabsPrimitive from "@radix-ui/react-tabs"
 5 | 
 6 | import { cn } from "@/lib/utils"
 7 | 
 8 | const Tabs = TabsPrimitive.Root
 9 | 
10 | const TabsList = React.forwardRef<
11 |   React.ElementRef<typeof TabsPrimitive.List>,
12 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
13 | >(({ className, ...props }, ref) => (
14 |   <TabsPrimitive.List
15 |     ref={ref}
16 |     className={cn(
17 |       "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
18 |       className,
19 |     )}
20 |     {...props}
21 |   />
22 | ))
23 | TabsList.displayName = TabsPrimitive.List.displayName
24 | 
25 | const TabsTrigger = React.forwardRef<
26 |   React.ElementRef<typeof TabsPrimitive.Trigger>,
27 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
28 | >(({ className, ...props }, ref) => (
29 |   <TabsPrimitive.Trigger
30 |     ref={ref}
31 |     className={cn(
32 |       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
33 |       className,
34 |     )}
35 |     {...props}
36 |   />
37 | ))
38 | TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
39 | 
40 | const TabsContent = React.forwardRef<
41 |   React.ElementRef<typeof TabsPrimitive.Content>,
42 |   React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
43 | >(({ className, ...props }, ref) => (
44 |   <TabsPrimitive.Content
45 |     ref={ref}
46 |     className={cn(
47 |       "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
48 |       className,
49 |     )}
50 |     {...props}
51 |   />
52 | ))
53 | TabsContent.displayName = TabsPrimitive.Content.displayName
54 | 
55 | export { Tabs, TabsList, TabsTrigger, TabsContent }
56 | 


--------------------------------------------------------------------------------
/components/file/FileContentDialog.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import React from "react"
 4 | import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 5 | import { ScrollArea } from "@/components/ui/scroll-area"
 6 | 
 7 | interface FileContentDialogProps {
 8 |   selectedFile: { deviceId: string; filePath: string; fileName: string } | null
 9 |   onClose: () => void
10 |   fileContent: string
11 |   isLoadingFile: boolean
12 |   selectedFileType: 'text' | 'image' | null
13 |   deviceName?: string
14 | }
15 | 
16 | export function FileContentDialog({
17 |   selectedFile,
18 |   onClose,
19 |   fileContent,
20 |   isLoadingFile,
21 |   selectedFileType,
22 |   deviceName,
23 | }: FileContentDialogProps) {
24 |   if (!selectedFile) return null
25 | 
26 |   return (
27 |     <Dialog open={!!selectedFile} onOpenChange={onClose}>
28 |       <DialogContent className="max-w-4xl max-h-[80vh] glass-modal">
29 |         <DialogHeader>
30 |           <DialogTitle className="text-foreground">{selectedFile.fileName}</DialogTitle>
31 |           <DialogDescription className="text-muted-foreground">
32 |             Device: {deviceName}
33 |           </DialogDescription>
34 |         </DialogHeader>
35 |         <div className="h-[60vh] w-full overflow-y-auto overflow-x-auto">
36 |           {isLoadingFile ? (
37 |             <div className="flex items-center justify-center h-32">
38 |               <p className="text-foreground">Loading file content...</p>
39 |             </div>
40 |           ) : selectedFileType === 'image' ? (
41 |             <div className="overflow-x-auto">
42 |               <img 
43 |                 src={fileContent} 
44 |                 alt={selectedFile.fileName} 
45 |                 className="max-w-full max-h-full object-contain" 
46 |               />
47 |             </div>
48 |           ) : (
49 |             <div className="overflow-x-auto">
50 |               <pre className="text-xs whitespace-pre-wrap font-mono bg-card/50 p-4 rounded border border-border text-foreground min-w-max">
51 |                 {fileContent}
52 |               </pre>
53 |             </div>
54 |           )}
55 |         </div>
56 |       </DialogContent>
57 |     </Dialog>
58 |   )
59 | }
60 | 


--------------------------------------------------------------------------------
/components/ui/accordion.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import * as AccordionPrimitive from "@radix-ui/react-accordion"
 5 | import { ChevronDown } from "lucide-react"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const Accordion = AccordionPrimitive.Root
10 | 
11 | const AccordionItem = React.forwardRef<
12 |   React.ElementRef<typeof AccordionPrimitive.Item>,
13 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
14 | >(({ className, ...props }, ref) => (
15 |   <AccordionPrimitive.Item
16 |     ref={ref}
17 |     className={cn("border-b", className)}
18 |     {...props}
19 |   />
20 | ))
21 | AccordionItem.displayName = "AccordionItem"
22 | 
23 | const AccordionTrigger = React.forwardRef<
24 |   React.ElementRef<typeof AccordionPrimitive.Trigger>,
25 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
26 | >(({ className, children, ...props }, ref) => (
27 |   <AccordionPrimitive.Header className="flex">
28 |     <AccordionPrimitive.Trigger
29 |       ref={ref}
30 |       className={cn(
31 |         "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
32 |         className
33 |       )}
34 |       {...props}
35 |     >
36 |       {children}
37 |       <ChevronDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
38 |     </AccordionPrimitive.Trigger>
39 |   </AccordionPrimitive.Header>
40 | ))
41 | AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName
42 | 
43 | const AccordionContent = React.forwardRef<
44 |   React.ElementRef<typeof AccordionPrimitive.Content>,
45 |   React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
46 | >(({ className, children, ...props }, ref) => (
47 |   <AccordionPrimitive.Content
48 |     ref={ref}
49 |     className="overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down"
50 |     {...props}
51 |   >
52 |     <div className={cn("pb-4 pt-0", className)}>{children}</div>
53 |   </AccordionPrimitive.Content>
54 | ))
55 | 
56 | AccordionContent.displayName = AccordionPrimitive.Content.displayName
57 | 
58 | export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
59 | 


--------------------------------------------------------------------------------
/.env.example:
--------------------------------------------------------------------------------
 1 | # =====================================================
 2 | # Bron Vault - Environment Variables Template
 3 | # =====================================================
 4 | # Copy this file to .env.local and fill in your secure passwords
 5 | # 
 6 | # Usage:
 7 | #   1. cp .env.example .env.local
 8 | #   2. Edit .env.local with your secure passwords
 9 | #   3. docker-compose up -d --build
10 | # =====================================================
11 | 
12 | # -----------------------------------------------------------
13 | # MAIN DATABASE (MySQL/MariaDB)
14 | # -----------------------------------------------------------
15 | # Root password for MySQL (used for admin tasks)
16 | MYSQL_ROOT_PASSWORD=change_me_root_password_123
17 | 
18 | # Database name (usually no need to change)
19 | MYSQL_DATABASE=bronvaultnew
20 | 
21 | # Application user for connection from Next.js app
22 | MYSQL_USER=bronvault
23 | MYSQL_PASSWORD=change_me_app_password_123
24 | 
25 | # -----------------------------------------------------------
26 | # ANALYTICS DATABASE (ClickHouse)
27 | # -----------------------------------------------------------
28 | # User for ClickHouse connection from Next.js app
29 | CLICKHOUSE_USER=default
30 | CLICKHOUSE_PASSWORD=change_me_clickhouse_password_123
31 | 
32 | # ClickHouse database name for analytics
33 | CLICKHOUSE_DB=bronvault_analytics
34 | 
35 | # -----------------------------------------------------------
36 | # INTERNAL SYNC USER (Auto-Created)
37 | # -----------------------------------------------------------
38 | # This user is a bridge between MySQL & ClickHouse for MaterializedMySQL replication
39 | # User does NOT need to login with this - only for internal sync
40 | # Make sure password is different from MYSQL_PASSWORD for security
41 | SYNC_USER=clickhouse_sync
42 | SYNC_PASSWORD=change_me_sync_password_123
43 | 
44 | # =====================================================
45 | # IMPORTANT SECURITY NOTES:
46 | # =====================================================
47 | # 1. CHANGE ALL PASSWORDS with strong passwords!
48 | # 2. Do not commit .env to git (already in .gitignore)
49 | # 3. Use different passwords for each user
50 | # 4. Minimum 16 characters, combination of letters, numbers, and symbols
51 | # 5. Store .env.local in a secure location
52 | # =====================================================
53 | 


--------------------------------------------------------------------------------
/lib/upload/upload-handler.ts:
--------------------------------------------------------------------------------
 1 | import { type NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | import { broadcastLogToSession, closeLogSession } from "@/lib/upload-connections"
 4 | import { processFileUpload } from "./file-upload-processor"
 5 | 
 6 | export async function handleUploadRequest(request: NextRequest): Promise<NextResponse> {
 7 |   // Validate authentication
 8 |   const user = await validateRequest(request)
 9 |   if (!user) {
10 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
11 |   }
12 | 
13 |   const formData = await request.formData()
14 |   const sessionId = (formData.get("sessionId") as string) || "default"
15 | 
16 |   // Helper function for logging with broadcast
17 |   const logWithBroadcast = (message: string, type: "info" | "success" | "warning" | "error" = "info") => {
18 |     console.log(message)
19 |     broadcastLogToSession(sessionId, message, type)
20 |   }
21 | 
22 |   // Small delay to ensure log stream connection is established
23 |   await new Promise(resolve => setTimeout(resolve, 200))
24 | 
25 |   logWithBroadcast("🚀 Upload API called", "info")
26 | 
27 |   try {
28 |     const file = formData.get("file") as File
29 | 
30 |     if (!file) {
31 |       return NextResponse.json({ error: "No file uploaded" }, { status: 400 })
32 |     }
33 | 
34 |     // Process file upload
35 |     const result = await processFileUpload(file, sessionId, logWithBroadcast)
36 | 
37 |     // Close log session
38 |     setTimeout(() => closeLogSession(sessionId), 1000)
39 | 
40 |     if (result.success) {
41 |       return NextResponse.json({
42 |         success: true,
43 |         details: result.details,
44 |       })
45 |     } else {
46 |       return NextResponse.json(
47 |         {
48 |           error: "Processing failed",
49 |           details: result.error || "Unknown error",
50 |         },
51 |         { status: 500 },
52 |       )
53 |     }
54 |   } catch (error) {
55 |     logWithBroadcast("💥 Upload processing error:" + error, "error")
56 | 
57 |     // Close log session
58 |     setTimeout(() => closeLogSession(sessionId), 1000)
59 | 
60 |     return NextResponse.json(
61 |       {
62 |         error: "Processing failed",
63 |         details: error instanceof Error ? error.message : "Unknown error",
64 |       },
65 |       { status: 500 },
66 |     )
67 |   }
68 | }
69 | 
70 | 


--------------------------------------------------------------------------------
/components/animated-counter.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { useEffect, useState } from "react"
 4 | import { motion, useInView } from "framer-motion"
 5 | import { useRef } from "react"
 6 | 
 7 | interface AnimatedCounterProps {
 8 |   value: number
 9 |   duration?: number
10 |   delay?: number
11 |   className?: string
12 | }
13 | 
14 | export function AnimatedCounter({
15 |   value,
16 |   duration = 2,
17 |   delay = 0,
18 |   className = ""
19 | }: AnimatedCounterProps) {
20 |   const [count, setCount] = useState(0)
21 |   const ref = useRef(null)
22 |   const isInView = useInView(ref, { once: true, margin: "-100px" })
23 | 
24 |   // Safety check for value
25 |   const safeValue = typeof value === 'number' && !isNaN(value) ? value : 0
26 | 
27 |   useEffect(() => {
28 |     if (!isInView) return
29 | 
30 |     let startTime: number
31 |     let animationFrame: number
32 |     let isCancelled = false
33 | 
34 |     const animate = (timestamp: number) => {
35 |       if (isCancelled) return
36 | 
37 |       if (!startTime) startTime = timestamp + delay * 1000
38 | 
39 |       if (timestamp < startTime) {
40 |         animationFrame = requestAnimationFrame(animate)
41 |         return
42 |       }
43 | 
44 |       const progress = Math.min((timestamp - startTime) / (duration * 1000), 1)
45 | 
46 |       // Easing function for smooth animation
47 |       const easeOutQuart = 1 - Math.pow(1 - progress, 4)
48 | 
49 |       if (!isCancelled) {
50 |         setCount(Math.floor(easeOutQuart * safeValue))
51 |       }
52 | 
53 |       if (progress < 1 && !isCancelled) {
54 |         animationFrame = requestAnimationFrame(animate)
55 |       } else if (!isCancelled) {
56 |         setCount(safeValue)
57 |       }
58 |     }
59 | 
60 |     animationFrame = requestAnimationFrame(animate)
61 | 
62 |     return () => {
63 |       isCancelled = true
64 |       if (animationFrame) {
65 |         cancelAnimationFrame(animationFrame)
66 |       }
67 |     }
68 |   }, [safeValue, duration, delay, isInView])
69 | 
70 |   return (
71 |     <motion.span
72 |       ref={ref}
73 |       className={className}
74 |       initial={{ opacity: 0, scale: 0.5 }}
75 |       animate={isInView ? { opacity: 1, scale: 1 } : { opacity: 0, scale: 0.5 }}
76 |       transition={{ 
77 |         duration: 0.5, 
78 |         delay: delay,
79 |         type: "spring",
80 |         stiffness: 100
81 |       }}
82 |     >
83 |       {count.toLocaleString()}
84 |     </motion.span>
85 |   )
86 | }
87 | 


--------------------------------------------------------------------------------
/app/api/upload-logs/route.ts:
--------------------------------------------------------------------------------
 1 | import type { NextRequest } from "next/server"
 2 | import { connections } from "@/lib/upload-connections"
 3 | import { validateRequest } from "@/lib/auth"
 4 | import { NextResponse } from "next/server"
 5 | 
 6 | export async function GET(request: NextRequest) {
 7 |   // Validate authentication
 8 |   const user = await validateRequest(request)
 9 |   if (!user) {
10 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
11 |   }
12 | 
13 |   const { searchParams } = new URL(request.url)
14 |   const sessionId = searchParams.get("sessionId") || "default"
15 | 
16 |   const stream = new ReadableStream({
17 |     start(controller) {
18 |       // Store this connection
19 |       connections.set(sessionId, controller)
20 |       console.log(`🔗 Connection stored for session: ${sessionId}`)
21 |       console.log(`📊 Total connections now: ${connections.size}`)
22 |       console.log(`📋 All sessions: ${Array.from(connections.keys())}`)
23 | 
24 |       // Send initial connection message
25 |       const data = `data: ${JSON.stringify({
26 |         timestamp: new Date().toISOString(),
27 |         message: "🔗 Connected to upload log stream",
28 |         type: "info",
29 |       })}\n\n`
30 | 
31 |       controller.enqueue(new TextEncoder().encode(data))
32 | 
33 |       // Send heartbeat to ensure connection is established
34 |       setTimeout(() => {
35 |         if (connections.has(sessionId)) {
36 |           const heartbeat = `data: ${JSON.stringify({
37 |             timestamp: new Date().toISOString(),
38 |             message: "✅ Connection established, ready for upload logs",
39 |             type: "info",
40 |           })}\n\n`
41 | 
42 |           try {
43 |             controller.enqueue(new TextEncoder().encode(heartbeat))
44 |           } catch (error) {
45 |             console.error('Failed to send heartbeat:', error)
46 |             connections.delete(sessionId)
47 |           }
48 |         }
49 |       }, 100) // Send heartbeat after 100ms
50 |     },
51 |     cancel() {
52 |       // Clean up connection
53 |       connections.delete(sessionId)
54 |     },
55 |   })
56 | 
57 |   return new Response(stream, {
58 |     headers: {
59 |       "Content-Type": "text/event-stream",
60 |       "Cache-Control": "no-cache",
61 |       Connection: "keep-alive",
62 |       "Access-Control-Allow-Origin": "*",
63 |       "Access-Control-Allow-Headers": "Cache-Control",
64 |     },
65 |   })
66 | }
67 | 
68 | 
69 | 


--------------------------------------------------------------------------------
/components/ui/input-otp.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import { OTPInput, OTPInputContext } from "input-otp"
 5 | import { Dot } from "lucide-react"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | 
 9 | const InputOTP = React.forwardRef<
10 |   React.ElementRef<typeof OTPInput>,
11 |   React.ComponentPropsWithoutRef<typeof OTPInput>
12 | >(({ className, containerClassName, ...props }, ref) => (
13 |   <OTPInput
14 |     ref={ref}
15 |     containerClassName={cn(
16 |       "flex items-center gap-2 has-[:disabled]:opacity-50",
17 |       containerClassName
18 |     )}
19 |     className={cn("disabled:cursor-not-allowed", className)}
20 |     {...props}
21 |   />
22 | ))
23 | InputOTP.displayName = "InputOTP"
24 | 
25 | const InputOTPGroup = React.forwardRef<
26 |   React.ElementRef<"div">,
27 |   React.ComponentPropsWithoutRef<"div">
28 | >(({ className, ...props }, ref) => (
29 |   <div ref={ref} className={cn("flex items-center", className)} {...props} />
30 | ))
31 | InputOTPGroup.displayName = "InputOTPGroup"
32 | 
33 | const InputOTPSlot = React.forwardRef<
34 |   React.ElementRef<"div">,
35 |   React.ComponentPropsWithoutRef<"div"> & { index: number }
36 | >(({ index, className, ...props }, ref) => {
37 |   const inputOTPContext = React.useContext(OTPInputContext)
38 |   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]
39 | 
40 |   return (
41 |     <div
42 |       ref={ref}
43 |       className={cn(
44 |         "relative flex h-10 w-10 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
45 |         isActive && "z-10 ring-2 ring-ring ring-offset-background",
46 |         className
47 |       )}
48 |       {...props}
49 |     >
50 |       {char}
51 |       {hasFakeCaret && (
52 |         <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
53 |           <div className="h-4 w-px animate-caret-blink bg-foreground duration-1000" />
54 |         </div>
55 |       )}
56 |     </div>
57 |   )
58 | })
59 | InputOTPSlot.displayName = "InputOTPSlot"
60 | 
61 | const InputOTPSeparator = React.forwardRef<
62 |   React.ElementRef<"div">,
63 |   React.ComponentPropsWithoutRef<"div">
64 | >(({ ...props }, ref) => (
65 |   <div ref={ref} role="separator" {...props}>
66 |     <Dot />
67 |   </div>
68 | ))
69 | InputOTPSeparator.displayName = "InputOTPSeparator"
70 | 
71 | export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
72 | 


--------------------------------------------------------------------------------
/scripts/006_add_performance_indexes.sql:
--------------------------------------------------------------------------------
 1 | -- Performance optimization indexes for dashboard queries
 2 | -- These indexes will significantly speed up queries on large datasets (millions/billions of rows)
 3 | --
 4 | -- NOTE: This script is OPTIONAL - indexes are created AUTOMATICALLY by the application!
 5 | -- The function ensurePerformanceIndexes() in lib/mysql.ts creates these indexes automatically
 6 | -- when the database is first initialized (during first upload) or when stats API is first called.
 7 | --
 8 | -- You only need to run this script manually if:
 9 | -- 1. You want to create indexes before first upload
10 | -- 2. You're doing manual database setup
11 | -- 3. You're troubleshooting index issues
12 | --
13 | -- For normal usage: Just run the app, indexes will be created automatically!
14 | 
15 | -- Composite index for browser analysis queries
16 | -- Optimizes: SELECT browser, COUNT(DISTINCT device_id) FROM credentials WHERE browser IS NOT NULL GROUP BY browser
17 | CREATE INDEX IF NOT EXISTS idx_credentials_browser_device ON credentials(browser, device_id);
18 | 
19 | -- Composite index for TLD queries  
20 | -- Optimizes: SELECT tld, COUNT(*) FROM credentials WHERE tld IS NOT NULL GROUP BY tld
21 | CREATE INDEX IF NOT EXISTS idx_credentials_tld_device ON credentials(tld, device_id);
22 | 
23 | -- Index for files count query
24 | -- Optimizes: SELECT COUNT(*) FROM files WHERE is_directory = FALSE
25 | CREATE INDEX IF NOT EXISTS idx_files_is_directory ON files(is_directory);
26 | 
27 | -- Composite index for password stats queries (critical for top passwords query)
28 | -- Optimizes: SELECT password, COUNT(DISTINCT device_id) FROM password_stats WHERE password IS NOT NULL GROUP BY password
29 | -- Note: Using prefix index on password (first 100 chars) for better performance
30 | CREATE INDEX IF NOT EXISTS idx_password_stats_password_device ON password_stats(password(100), device_id);
31 | 
32 | -- Index for software queries
33 | -- Optimizes: SELECT software_name, version, COUNT(DISTINCT device_id) FROM software GROUP BY software_name, version
34 | CREATE INDEX IF NOT EXISTS idx_software_name_version_device ON software(software_name, version, device_id);
35 | 
36 | -- Index for device_name_hash (if not exists) - critical for unique/duplicate counts
37 | CREATE INDEX IF NOT EXISTS idx_devices_name_hash ON devices(device_name_hash);
38 | 
39 | -- Index for upload_date (for recent devices and batch stats)
40 | CREATE INDEX IF NOT EXISTS idx_devices_upload_date ON devices(upload_date);
41 | 
42 | 


--------------------------------------------------------------------------------
/app/api/device-info/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse"
 3 | import { validateRequest } from "@/lib/auth"
 4 | 
 5 | export async function POST(request: NextRequest) {
 6 |   // Validate authentication
 7 |   const user = await validateRequest(request)
 8 |   if (!user) {
 9 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
10 |   }
11 | 
12 |   try {
13 |     const { deviceId } = await request.json()
14 | 
15 |     if (!deviceId) {
16 |       return NextResponse.json({ error: "Device ID is required" }, { status: 400 })
17 |     }
18 | 
19 |     // Get device info (ClickHouse)
20 |     const deviceInfo = (await executeClickHouseQuery(
21 |       "SELECT device_id, device_name, upload_batch, upload_date FROM devices WHERE device_id = {deviceId:String}",
22 |       { deviceId },
23 |     )) as any[]
24 | 
25 |     if (deviceInfo.length === 0) {
26 |       return NextResponse.json({ error: "Device not found" }, { status: 404 })
27 |     }
28 | 
29 |     const device = deviceInfo[0]
30 | 
31 |     // Get system information from systeminformation table (ClickHouse)
32 |     const systemInfo = (await executeClickHouseQuery(
33 |       `
34 |       SELECT os, computer_name, ip_address, country, file_path, username
35 |       FROM systeminformation
36 |       WHERE device_id = {deviceId:String}
37 |       LIMIT 1
38 |     `,
39 |       { deviceId },
40 |     )) as any[]
41 | 
42 |     const response: any = {
43 |       deviceId: device.device_id,
44 |       deviceName: device.device_name,
45 |       uploadBatch: device.upload_batch,
46 |       uploadDate: device.upload_date,
47 |     }
48 | 
49 |     // Add system information if available
50 |     if (systemInfo.length > 0) {
51 |       const sysInfo = systemInfo[0]
52 |       response.operatingSystem = sysInfo.os || undefined
53 |       response.hostname = sysInfo.computer_name || undefined
54 |       response.ipAddress = sysInfo.ip_address || undefined
55 |       response.country = sysInfo.country || undefined
56 |       response.filePath = sysInfo.file_path || undefined
57 |       response.username = sysInfo.username || undefined
58 |     }
59 | 
60 |     return NextResponse.json(response)
61 |   } catch (error) {
62 |     console.error("Error loading device info:", error)
63 |     return NextResponse.json(
64 |       {
65 |         error: "Failed to load device info",
66 |         details: error instanceof Error ? error.message : "Unknown error",
67 |       },
68 |       { status: 500 },
69 |     )
70 |   }
71 | }
72 | 
73 | 


--------------------------------------------------------------------------------
/app/api/device-machine-info/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse"
 3 | import { validateRequest } from "@/lib/auth"
 4 | 
 5 | export async function POST(request: NextRequest) {
 6 |   // Validate authentication
 7 |   const user = await validateRequest(request)
 8 |   if (!user) {
 9 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
10 |   }
11 | 
12 |   try {
13 |     const { deviceId } = await request.json()
14 | 
15 |     if (!deviceId) {
16 |       return NextResponse.json({ error: "Device ID is required" }, { status: 400 })
17 |     }
18 | 
19 |     // Get all system information from systeminformation table (ClickHouse)
20 |     const systemInfo = (await executeClickHouseQuery(
21 |       `
22 |       SELECT 
23 |         device_id,
24 |         stealer_type,
25 |         os,
26 |         ip_address,
27 |         username,
28 |         cpu,
29 |         ram,
30 |         computer_name,
31 |         gpu,
32 |         country,
33 |         log_date,
34 |         hwid,
35 |         file_path,
36 |         antivirus,
37 |         source_file,
38 |         created_at
39 |       FROM systeminformation
40 |       WHERE device_id = {deviceId:String}
41 |       LIMIT 1
42 |     `,
43 |       { deviceId },
44 |     )) as any[]
45 | 
46 |     if (systemInfo.length === 0) {
47 |       return NextResponse.json({ error: "System information not found" }, { status: 404 })
48 |     }
49 | 
50 |     const sysInfo = systemInfo[0]
51 | 
52 |     return NextResponse.json({
53 |       deviceId: sysInfo.device_id,
54 |       stealerType: sysInfo.stealer_type || null,
55 |       os: sysInfo.os || null,
56 |       ipAddress: sysInfo.ip_address || null,
57 |       username: sysInfo.username || null,
58 |       cpu: sysInfo.cpu || null,
59 |       ram: sysInfo.ram || null,
60 |       computerName: sysInfo.computer_name || null,
61 |       gpu: sysInfo.gpu || null,
62 |       country: sysInfo.country || null,
63 |       logDate: sysInfo.log_date || null,
64 |       hwid: sysInfo.hwid || null,
65 |       filePath: sysInfo.file_path || null,
66 |       antivirus: sysInfo.antivirus || null,
67 |       sourceFile: sysInfo.source_file || null,
68 |       createdAt: sysInfo.created_at || null,
69 |     })
70 |   } catch (error) {
71 |     console.error("Error loading machine info:", error)
72 |     return NextResponse.json(
73 |       {
74 |         error: "Failed to load machine info",
75 |         details: error instanceof Error ? error.message : "Unknown error",
76 |       },
77 |       { status: 500 },
78 |     )
79 |   }
80 | }
81 | 
82 | 


--------------------------------------------------------------------------------
/components/error-boundary.tsx:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import React from "react";
 4 | import { logError } from "@/lib/logger";
 5 | 
 6 | interface ErrorBoundaryState {
 7 |   hasError: boolean;
 8 |   error?: Error;
 9 |   errorId?: string;
10 | }
11 | 
12 | interface ErrorBoundaryProps {
13 |   children: React.ReactNode;
14 |   fallback?: React.ReactNode;
15 |   context?: string;
16 |   onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
17 | }
18 | 
19 | class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
20 |   constructor(props: ErrorBoundaryProps) {
21 |     super(props);
22 |     this.state = { hasError: false };
23 |   }
24 | 
25 |   static getDerivedStateFromError(error: Error): ErrorBoundaryState {
26 |     const errorId = `error_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
27 |     return { hasError: true, error, errorId };
28 |   }
29 | 
30 |   componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {
31 |     const context = this.props.context || 'ErrorBoundary';
32 | 
33 |     // Log error with proper context
34 |     logError(
35 |       `${context} caught an error: ${error.message}`,
36 |       {
37 |         error: error.toString(),
38 |         stack: error.stack,
39 |         componentStack: errorInfo.componentStack,
40 |         errorId: this.state.errorId
41 |       },
42 |       context
43 |     );
44 | 
45 |     // Call custom error handler if provided
46 |     this.props.onError?.(error, errorInfo);
47 |   }
48 | 
49 |   render() {
50 |     if (this.state.hasError) {
51 |       if (this.props.fallback) {
52 |         return this.props.fallback;
53 |       }
54 | 
55 |       return (
56 |         <div className="flex items-center justify-center p-4 bg-red-50 border border-red-200 rounded-md">
57 |           <div className="text-center">
58 |             <h2 className="text-lg font-semibold text-red-800 mb-2">Something went wrong</h2>
59 |             <p className="text-red-600 text-sm mb-4">
60 |               {this.state.error?.message || "An unexpected error occurred"}
61 |             </p>
62 |             {process.env.NODE_ENV === 'development' && this.state.errorId && (
63 |               <p className="text-red-500 text-xs mb-4 font-mono">
64 |                 Error ID: {this.state.errorId}
65 |               </p>
66 |             )}
67 |             <button
68 |               onClick={() => this.setState({ hasError: false, error: undefined, errorId: undefined })}
69 |               className="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 transition-colors"
70 |             >
71 |               Try again
72 |             </button>
73 |           </div>
74 |         </div>
75 |       );
76 |     }
77 | 
78 |     return this.props.children;
79 |   }
80 | }
81 | 
82 | export default ErrorBoundary;
83 | 


--------------------------------------------------------------------------------
/lib/upload-connections.ts:
--------------------------------------------------------------------------------
 1 | // Shared connections store for upload log streaming
 2 | // This ensures both upload API and upload-logs API use the same connections Map
 3 | 
 4 | declare global {
 5 |   var uploadLogConnections: Map<string, ReadableStreamDefaultController> | undefined
 6 | }
 7 | 
 8 | // Create or get existing connections Map
 9 | export const connections = globalThis.uploadLogConnections ?? new Map<string, ReadableStreamDefaultController>()
10 | 
11 | // Store in global to persist across hot reloads
12 | globalThis.uploadLogConnections = connections
13 | 
14 | export function broadcastLogToSession(
15 |   sessionId: string,
16 |   message: string,
17 |   type: "info" | "success" | "warning" | "error" = "info",
18 | ) {
19 |   console.log(`🔍 broadcastLogToSession called: sessionId=${sessionId}, message=${message}`)
20 |   const controller = connections.get(sessionId)
21 |   console.log(`📡 Controller found for session ${sessionId}:`, !!controller)
22 |   console.log(`📊 Total active connections:`, connections.size)
23 | 
24 |   if (controller) {
25 |     const logData = {
26 |       timestamp: new Date().toISOString(),
27 |       message,
28 |       type,
29 |     }
30 | 
31 |     const data = `data: ${JSON.stringify(logData)}\n\n`
32 | 
33 |     try {
34 |       controller.enqueue(new TextEncoder().encode(data))
35 |       console.log(`✅ Log sent successfully to session ${sessionId}`)
36 |     } catch (error) {
37 |       console.error("Failed to send log to client:", error)
38 |       connections.delete(sessionId)
39 |     }
40 |   } else {
41 |     console.log(`❌ No controller found for session ${sessionId}`)
42 |     console.log(`📋 Available sessions:`, Array.from(connections.keys()))
43 |   }
44 | }
45 | 
46 | export function closeLogSession(sessionId: string) {
47 |   console.log(`🔒 Closing log session: ${sessionId}`)
48 |   const controller = connections.get(sessionId)
49 | 
50 |   if (controller) {
51 |     try {
52 |       // Send final message before closing
53 |       const finalData = {
54 |         timestamp: new Date().toISOString(),
55 |         message: "🔒 Log session closed",
56 |         type: "info" as const,
57 |       }
58 | 
59 |       const data = `data: ${JSON.stringify(finalData)}\n\n`
60 |       controller.enqueue(new TextEncoder().encode(data))
61 | 
62 |       // Close the stream
63 |       controller.close()
64 |       console.log(`✅ Log session ${sessionId} closed successfully`)
65 |     } catch (error) {
66 |       console.error(`Failed to close log session ${sessionId}:`, error)
67 |     } finally {
68 |       // Remove from connections map
69 |       connections.delete(sessionId)
70 |       console.log(`📊 Session ${sessionId} removed. Active connections: ${connections.size}`)
71 |     }
72 |   } else {
73 |     console.log(`⚠️ No active session found for ${sessionId}`)
74 |   }
75 | }
76 | 


--------------------------------------------------------------------------------
/styles/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | body {
 6 |   font-family: Arial, Helvetica, sans-serif;
 7 | }
 8 | 
 9 | @layer utilities {
10 |   .text-balance {
11 |     text-wrap: balance;
12 |   }
13 | }
14 | 
15 | @layer base {
16 |   :root {
17 |     --background: 0 0% 100%;
18 |     --foreground: 0 0% 3.9%;
19 |     --card: 0 0% 100%;
20 |     --card-foreground: 0 0% 3.9%;
21 |     --popover: 0 0% 100%;
22 |     --popover-foreground: 0 0% 3.9%;
23 |     --primary: 0 0% 9%;
24 |     --primary-foreground: 0 0% 98%;
25 |     --secondary: 0 0% 96.1%;
26 |     --secondary-foreground: 0 0% 9%;
27 |     --muted: 0 0% 96.1%;
28 |     --muted-foreground: 0 0% 45.1%;
29 |     --accent: 0 0% 96.1%;
30 |     --accent-foreground: 0 0% 9%;
31 |     --destructive: 0 84.2% 60.2%;
32 |     --destructive-foreground: 0 0% 98%;
33 |     --border: 0 0% 89.8%;
34 |     --input: 0 0% 89.8%;
35 |     --ring: 0 0% 3.9%;
36 |     --chart-1: 12 76% 61%;
37 |     --chart-2: 173 58% 39%;
38 |     --chart-3: 197 37% 24%;
39 |     --chart-4: 43 74% 66%;
40 |     --chart-5: 27 87% 67%;
41 |     --radius: 0.5rem;
42 |     --sidebar-background: 0 0% 98%;
43 |     --sidebar-foreground: 240 5.3% 26.1%;
44 |     --sidebar-primary: 240 5.9% 10%;
45 |     --sidebar-primary-foreground: 0 0% 98%;
46 |     --sidebar-accent: 240 4.8% 95.9%;
47 |     --sidebar-accent-foreground: 240 5.9% 10%;
48 |     --sidebar-border: 220 13% 91%;
49 |     --sidebar-ring: 217.2 91.2% 59.8%;
50 |   }
51 |   .dark {
52 |     --background: 0 0% 3.9%;
53 |     --foreground: 0 0% 98%;
54 |     --card: 0 0% 3.9%;
55 |     --card-foreground: 0 0% 98%;
56 |     --popover: 0 0% 3.9%;
57 |     --popover-foreground: 0 0% 98%;
58 |     --primary: 0 0% 98%;
59 |     --primary-foreground: 0 0% 9%;
60 |     --secondary: 0 0% 14.9%;
61 |     --secondary-foreground: 0 0% 98%;
62 |     --muted: 0 0% 14.9%;
63 |     --muted-foreground: 0 0% 63.9%;
64 |     --accent: 0 0% 14.9%;
65 |     --accent-foreground: 0 0% 98%;
66 |     --destructive: 0 62.8% 30.6%;
67 |     --destructive-foreground: 0 0% 98%;
68 |     --border: 0 0% 14.9%;
69 |     --input: 0 0% 14.9%;
70 |     --ring: 0 0% 83.1%;
71 |     --chart-1: 220 70% 50%;
72 |     --chart-2: 160 60% 45%;
73 |     --chart-3: 30 80% 55%;
74 |     --chart-4: 280 65% 60%;
75 |     --chart-5: 340 75% 55%;
76 |     --sidebar-background: 240 5.9% 10%;
77 |     --sidebar-foreground: 240 4.8% 95.9%;
78 |     --sidebar-primary: 224.3 76.3% 48%;
79 |     --sidebar-primary-foreground: 0 0% 100%;
80 |     --sidebar-accent: 240 3.7% 15.9%;
81 |     --sidebar-accent-foreground: 240 4.8% 95.9%;
82 |     --sidebar-border: 240 3.7% 15.9%;
83 |     --sidebar-ring: 217.2 91.2% 59.8%;
84 |   }
85 | }
86 | 
87 | @layer base {
88 |   * {
89 |     @apply border-border;
90 |   }
91 |   body {
92 |     @apply bg-background text-foreground;
93 |   }
94 | }
95 | 


--------------------------------------------------------------------------------
/components/ui/calendar.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import * as React from "react"
 4 | import { ChevronLeft, ChevronRight } from "lucide-react"
 5 | import { DayPicker } from "react-day-picker"
 6 | 
 7 | import { cn } from "@/lib/utils"
 8 | import { buttonVariants } from "@/components/ui/button"
 9 | 
10 | export type CalendarProps = React.ComponentProps<typeof DayPicker>
11 | 
12 | function Calendar({
13 |   className,
14 |   classNames,
15 |   showOutsideDays = true,
16 |   ...props
17 | }: CalendarProps) {
18 |   return (
19 |     <DayPicker
20 |       showOutsideDays={showOutsideDays}
21 |       className={cn("p-3", className)}
22 |       classNames={{
23 |         months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
24 |         month: "space-y-4",
25 |         caption: "flex justify-center pt-1 relative items-center",
26 |         caption_label: "text-sm font-medium",
27 |         nav: "space-x-1 flex items-center",
28 |         nav_button: cn(
29 |           buttonVariants({ variant: "outline" }),
30 |           "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
31 |         ),
32 |         nav_button_previous: "absolute left-1",
33 |         nav_button_next: "absolute right-1",
34 |         table: "w-full border-collapse space-y-1",
35 |         head_row: "flex",
36 |         head_cell:
37 |           "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
38 |         row: "flex w-full mt-2",
39 |         cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
40 |         day: cn(
41 |           buttonVariants({ variant: "ghost" }),
42 |           "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
43 |         ),
44 |         day_range_end: "day-range-end",
45 |         day_selected:
46 |           "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
47 |         day_today: "bg-accent text-accent-foreground",
48 |         day_outside:
49 |           "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
50 |         day_disabled: "text-muted-foreground opacity-50",
51 |         day_range_middle:
52 |           "aria-selected:bg-accent aria-selected:text-accent-foreground",
53 |         day_hidden: "invisible",
54 |         ...classNames,
55 |       }}
56 |       components={{
57 |         IconLeft: ({ ...props }) => <ChevronLeft className="h-4 w-4" />,
58 |         IconRight: ({ ...props }) => <ChevronRight className="h-4 w-4" />,
59 |       }}
60 |       {...props}
61 |     />
62 |   )
63 | }
64 | Calendar.displayName = "Calendar"
65 | 
66 | export { Calendar }
67 | 


--------------------------------------------------------------------------------
/components/ui/table.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(
 6 |   ({ className, ...props }, ref) => (
 7 |     <div className="relative w-full">
 8 |       <table ref={ref} className={cn("w-full caption-bottom text-sm", className)} {...props} />
 9 |     </div>
10 |   ),
11 | )
12 | Table.displayName = "Table"
13 | 
14 | const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
15 |   ({ className, ...props }, ref) => <thead ref={ref} className={cn(className)} {...props} />,
16 | )
17 | TableHeader.displayName = "TableHeader"
18 | 
19 | const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
20 |   ({ className, ...props }, ref) => (
21 |     <tbody ref={ref} className={cn("[&_tr:last-child]:border-0", className)} {...props} />
22 |   ),
23 | )
24 | TableBody.displayName = "TableBody"
25 | 
26 | const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(
27 |   ({ className, ...props }, ref) => (
28 |     <tfoot ref={ref} className={cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className)} {...props} />
29 |   ),
30 | )
31 | TableFooter.displayName = "TableFooter"
32 | 
33 | const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(
34 |   ({ className, ...props }, ref) => (
35 |     <tr
36 |       ref={ref}
37 |       className={cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className)}
38 |       {...props}
39 |     />
40 |   ),
41 | )
42 | TableRow.displayName = "TableRow"
43 | 
44 | const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(
45 |   ({ className, ...props }, ref) => (
46 |     <th
47 |       ref={ref}
48 |       className={cn(
49 |         "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
50 |         className,
51 |       )}
52 |       {...props}
53 |     />
54 |   ),
55 | )
56 | TableHead.displayName = "TableHead"
57 | 
58 | const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(
59 |   ({ className, ...props }, ref) => (
60 |     <td ref={ref} className={cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className)} {...props} />
61 |   ),
62 | )
63 | TableCell.displayName = "TableCell"
64 | 
65 | const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(
66 |   ({ className, ...props }, ref) => (
67 |     <caption ref={ref} className={cn("mt-4 text-sm text-muted-foreground", className)} {...props} />
68 |   ),
69 | )
70 | TableCaption.displayName = "TableCaption"
71 | 
72 | export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }
73 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bronvault-oss-project",
 3 |   "version": "1.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "build": "next build",
 7 |     "dev": "next dev",
 8 |     "lint": "next lint",
 9 |     "start": "next start",
10 |     "migrate:dates": "npx tsx scripts/migrate-fix-and-normalize-dates.ts",
11 |     "migrate:dates:dry-run": "DRY_RUN=true npx tsx scripts/migrate-fix-and-normalize-dates.ts"
12 |   },
13 |   "dependencies": {
14 |     "@clickhouse/client": "^1.14.0",
15 |     "@hookform/resolvers": "^3.9.1",
16 |     "@radix-ui/react-accordion": "1.2.2",
17 |     "@radix-ui/react-alert-dialog": "1.1.4",
18 |     "@radix-ui/react-aspect-ratio": "1.1.1",
19 |     "@radix-ui/react-avatar": "1.1.2",
20 |     "@radix-ui/react-checkbox": "1.1.3",
21 |     "@radix-ui/react-collapsible": "1.1.2",
22 |     "@radix-ui/react-context-menu": "2.2.4",
23 |     "@radix-ui/react-dialog": "1.1.4",
24 |     "@radix-ui/react-dropdown-menu": "2.1.4",
25 |     "@radix-ui/react-hover-card": "1.1.4",
26 |     "@radix-ui/react-label": "2.1.1",
27 |     "@radix-ui/react-menubar": "1.1.4",
28 |     "@radix-ui/react-navigation-menu": "1.2.3",
29 |     "@radix-ui/react-popover": "1.1.4",
30 |     "@radix-ui/react-progress": "1.1.1",
31 |     "@radix-ui/react-radio-group": "1.2.2",
32 |     "@radix-ui/react-scroll-area": "1.2.2",
33 |     "@radix-ui/react-select": "2.1.4",
34 |     "@radix-ui/react-separator": "1.1.1",
35 |     "@radix-ui/react-slider": "1.2.2",
36 |     "@radix-ui/react-slot": "1.1.1",
37 |     "@radix-ui/react-switch": "1.1.2",
38 |     "@radix-ui/react-tabs": "1.1.1",
39 |     "@radix-ui/react-toast": "1.2.4",
40 |     "@radix-ui/react-toggle": "1.1.1",
41 |     "@radix-ui/react-toggle-group": "1.1.1",
42 |     "@radix-ui/react-tooltip": "1.1.4",
43 |     "@types/yauzl": "^2.10.3",
44 |     "autoprefixer": "^10.4.20",
45 |     "bcryptjs": "^3.0.2",
46 |     "class-variance-authority": "^0.7.1",
47 |     "clsx": "^2.1.1",
48 |     "cmdk": "1.0.4",
49 |     "date-fns": "^3.6.0",
50 |     "embla-carousel-react": "8.5.1",
51 |     "framer-motion": "^12.23.6",
52 |     "i18n-iso-countries": "^7.14.0",
53 |     "input-otp": "1.4.1",
54 |     "jszip": "^3.10.1",
55 |     "lucide-react": "^0.454.0",
56 |     "mysql2": "^3.6.5",
57 |     "next": "14.2.16",
58 |     "next-themes": "^0.4.4",
59 |     "react": "^18",
60 |     "react-day-picker": "8.10.1",
61 |     "react-dom": "^18",
62 |     "react-hook-form": "^7.54.1",
63 |     "react-resizable-panels": "^2.1.7",
64 |     "recharts": "2.15.0",
65 |     "sonner": "^1.7.1",
66 |     "tailwind-merge": "^2.5.5",
67 |     "tailwindcss-animate": "^1.0.7",
68 |     "vaul": "^0.9.6",
69 |     "web-vitals": "^3.5.2",
70 |     "yauzl": "^3.2.0",
71 |     "zod": "^3.24.1"
72 |   },
73 |   "devDependencies": {
74 |     "@types/node": "^22",
75 |     "@types/react": "^18",
76 |     "@types/react-dom": "^18",
77 |     "postcss": "^8.5",
78 |     "tailwindcss": "^3.4.17",
79 |     "tsx": "^4.19.2",
80 |     "typescript": "^5"
81 |   }
82 | }
83 | 


--------------------------------------------------------------------------------
/app/api/device-software/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse"
 3 | import { logInfo, logError } from "@/lib/logger"
 4 | import { deviceCredentialsSchema, validateData, createValidationErrorResponse } from "@/lib/validation"
 5 | import { validateRequest } from "@/lib/auth"
 6 | 
 7 | export async function POST(request: NextRequest) {
 8 |   // Validate authentication
 9 |   const user = await validateRequest(request)
10 |   if (!user) {
11 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
12 |   }
13 | 
14 |   try {
15 |     const body = await request.json()
16 | 
17 |     // Validate input
18 |     const validation = validateData(deviceCredentialsSchema, body)
19 |     if (!validation.success) {
20 |       logError("Validation failed for device software request", validation.errors, 'Device Software API')
21 |       return NextResponse.json(createValidationErrorResponse(validation.errors), { status: 400 })
22 |     }
23 | 
24 |     const { deviceId } = validation.data
25 |     logInfo(`Loading software for device: ${deviceId}`, undefined, 'Device Software API')
26 | 
27 |     // First, verify the device exists (ClickHouse)
28 |     const deviceCheck = (await executeClickHouseQuery(
29 |       "SELECT device_id, device_name FROM devices WHERE device_id = {deviceId:String}",
30 |       { deviceId },
31 |     )) as any[]
32 | 
33 |     console.log("📱 Device check result:", deviceCheck)
34 | 
35 |     if (deviceCheck.length === 0) {
36 |       console.log("❌ Device not found:", deviceId)
37 |       return NextResponse.json({ error: "Device not found" }, { status: 404 })
38 |     }
39 | 
40 |     // Get software installed for this device (ClickHouse)
41 |     const software = (await executeClickHouseQuery(
42 |       `SELECT 
43 |         coalesce(software_name, 'Unknown') as software_name,
44 |         coalesce(version, '') as version,
45 |         coalesce(source_file, '') as source_file
46 |        FROM software 
47 |        WHERE device_id = {deviceId:String} 
48 |        ORDER BY software_name, version`,
49 |       { deviceId },
50 |     )) as any[]
51 | 
52 |     console.log(`📊 Found ${software.length} software entries for device ${deviceId}`)
53 | 
54 |     // Format software for display
55 |     const formattedSoftware = software.map((sw) => ({
56 |       software_name: sw.software_name || "Unknown",
57 |       version: sw.version || "",
58 |       source_file: sw.source_file || "",
59 |     }))
60 | 
61 |     console.log(`✅ Returning ${formattedSoftware.length} formatted software entries`)
62 | 
63 |     return NextResponse.json(formattedSoftware)
64 |   } catch (error) {
65 |     console.error("❌ Error loading device software:", error)
66 |     return NextResponse.json(
67 |       {
68 |         error: "Failed to load software",
69 |         details: error instanceof Error ? error.message : "Unknown error",
70 |       },
71 |       { status: 500 },
72 |     )
73 |   }
74 | }
75 | 
76 | 


--------------------------------------------------------------------------------
/public/placeholder-logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="215" height="48" fill="none"><path fill="#000" d="M57.588 9.6h6L73.828 38h-5.2l-2.36-6.88h-11.36L52.548 38h-5.2l10.24-28.4Zm7.16 17.16-4.16-12.16-4.16 12.16h8.32Zm23.694-2.24c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.486-7.72.12 3.4c.534-1.227 1.307-2.173 2.32-2.84 1.04-.693 2.267-1.04 3.68-1.04 1.494 0 2.76.387 3.8 1.16 1.067.747 1.827 1.813 2.28 3.2.507-1.44 1.294-2.52 2.36-3.24 1.094-.747 2.414-1.12 3.96-1.12 1.414 0 2.64.307 3.68.92s1.84 1.52 2.4 2.72c.56 1.2.84 2.667.84 4.4V38h-4.96V25.92c0-1.813-.293-3.187-.88-4.12-.56-.96-1.413-1.44-2.56-1.44-.906 0-1.68.213-2.32.64-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.84-.48 3.04V38h-4.56V25.92c0-1.2-.133-2.213-.4-3.04-.24-.827-.626-1.453-1.16-1.88-.506-.427-1.133-.64-1.88-.64-.906 0-1.68.227-2.32.68-.64.427-1.133 1.053-1.48 1.88-.32.827-.48 1.827-.48 3V38h-4.96V16.8h4.48Zm26.723 10.6c0-2.24.427-4.187 1.28-5.84.854-1.68 2.067-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.84 0 3.494.413 4.96 1.24 1.467.827 2.64 2.08 3.52 3.76.88 1.653 1.347 3.693 1.4 6.12v1.32h-15.08c.107 1.813.614 3.227 1.52 4.24.907.987 2.134 1.48 3.68 1.48.987 0 1.88-.253 2.68-.76a4.803 4.803 0 0 0 1.84-2.2l5.08.36c-.64 2.027-1.84 3.64-3.6 4.84-1.733 1.173-3.733 1.76-6 1.76-2.08 0-3.906-.453-5.48-1.36-1.573-.907-2.786-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84Zm15.16-2.04c-.213-1.733-.76-3.013-1.64-3.84-.853-.827-1.893-1.24-3.12-1.24-1.44 0-2.6.453-3.48 1.36-.88.88-1.44 2.12-1.68 3.72h9.92ZM163.139 9.6V38h-5.04V9.6h5.04Zm8.322 7.2.24 5.88-.64-.36c.32-2.053 1.094-3.56 2.32-4.52 1.254-.987 2.787-1.48 4.6-1.48 2.32 0 4.107.733 5.36 2.2 1.254 1.44 1.88 3.387 1.88 5.84V38h-4.96V25.92c0-1.253-.12-2.28-.36-3.08-.24-.8-.64-1.413-1.2-1.84-.533-.427-1.253-.64-2.16-.64-1.44 0-2.573.48-3.4 1.44-.8.933-1.2 2.307-1.2 4.12V38h-4.96V16.8h4.48Zm30.003 7.72c-.186-1.307-.706-2.32-1.56-3.04-.853-.72-1.866-1.08-3.04-1.08-1.68 0-2.986.613-3.92 1.84-.906 1.227-1.36 2.947-1.36 5.16s.454 3.933 1.36 5.16c.934 1.227 2.24 1.84 3.92 1.84 1.254 0 2.307-.373 3.16-1.12.854-.773 1.387-1.867 1.6-3.28l5.12.24c-.186 1.68-.733 3.147-1.64 4.4-.906 1.227-2.08 2.173-3.52 2.84-1.413.667-2.986 1-4.72 1-2.08 0-3.906-.453-5.48-1.36-1.546-.907-2.76-2.2-3.64-3.88-.853-1.68-1.28-3.627-1.28-5.84 0-2.24.427-4.187 1.28-5.84.88-1.68 2.094-2.973 3.64-3.88 1.574-.907 3.4-1.36 5.48-1.36 1.68 0 3.227.32 4.64.96 1.414.64 2.56 1.56 3.44 2.76.907 1.2 1.454 2.6 1.64 4.2l-5.12.28Zm11.443 8.16V38h-5.6v-5.32h5.6Z"/><path fill="#171717" fill-rule="evenodd" d="m7.839 40.783 16.03-28.054L20 6 0 40.783h7.839Zm8.214 0H40L27.99 19.894l-4.02 7.032 3.976 6.914H20.02l-3.967 6.943Z" clip-rule="evenodd"/></svg>


--------------------------------------------------------------------------------
/public/placeholder.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" fill="none"><rect width="1200" height="1200" fill="#EAEAEA" rx="3"/><g opacity=".5"><g opacity=".5"><path fill="#FAFAFA" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 736.5c-75.454 0-136.621-61.167-136.621-136.62 0-75.454 61.167-136.621 136.621-136.621 75.453 0 136.62 61.167 136.62 136.621 0 75.453-61.167 136.62-136.62 136.62Z"/></g><path stroke="url(#a)" stroke-width="2.418" d="M0-1.209h553.581" transform="scale(1 -1) rotate(45 1163.11 91.165)"/><path stroke="url(#b)" stroke-width="2.418" d="M404.846 598.671h391.726"/><path stroke="url(#c)" stroke-width="2.418" d="M599.5 795.742V404.017"/><path stroke="url(#d)" stroke-width="2.418" d="m795.717 796.597-391.441-391.44"/><path fill="#fff" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/><g clip-path="url(#e)"><path fill="#666" fill-rule="evenodd" d="M616.426 586.58h-31.434v16.176l3.553-3.554.531-.531h9.068l.074-.074 8.463-8.463h2.565l7.18 7.181V586.58Zm-15.715 14.654 3.698 3.699 1.283 1.282-2.565 2.565-1.282-1.283-5.2-5.199h-6.066l-5.514 5.514-.073.073v2.876a2.418 2.418 0 0 0 2.418 2.418h26.598a2.418 2.418 0 0 0 2.418-2.418v-8.317l-8.463-8.463-7.181 7.181-.071.072Zm-19.347 5.442v4.085a6.045 6.045 0 0 0 6.046 6.045h26.598a6.044 6.044 0 0 0 6.045-6.045v-7.108l1.356-1.355-1.282-1.283-.074-.073v-17.989h-38.689v23.43l-.146.146.146.147Z" clip-rule="evenodd"/></g><path stroke="#C9C9C9" stroke-width="2.418" d="M600.709 656.704c-31.384 0-56.825-25.441-56.825-56.824 0-31.384 25.441-56.825 56.825-56.825 31.383 0 56.824 25.441 56.824 56.825 0 31.383-25.441 56.824-56.824 56.824Z"/></g><defs><linearGradient id="a" x1="554.061" x2="-.48" y1=".083" y2=".087" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="796.912" x2="404.507" y1="599.963" y2="599.965" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="600.792" x2="600.794" y1="403.677" y2="796.082" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="404.85" x2="796.972" y1="403.903" y2="796.02" gradientUnits="userSpaceOnUse"><stop stop-color="#C9C9C9" stop-opacity="0"/><stop offset=".208" stop-color="#C9C9C9"/><stop offset=".792" stop-color="#C9C9C9"/><stop offset="1" stop-color="#C9C9C9" stop-opacity="0"/></linearGradient><clipPath id="e"><path fill="#fff" d="M581.364 580.535h38.689v38.689h-38.689z"/></clipPath></defs></svg>


--------------------------------------------------------------------------------
/app/api/settings/route.ts:
--------------------------------------------------------------------------------
  1 | import { NextRequest, NextResponse } from "next/server"
  2 | import { validateRequest } from "@/lib/auth"
  3 | import { settingsManager } from "@/lib/settings"
  4 | 
  5 | /**
  6 |  * GET /api/settings
  7 |  * Get all settings or settings by prefix
  8 |  */
  9 | export async function GET(request: NextRequest) {
 10 |   // Validate authentication
 11 |   const user = await validateRequest(request)
 12 |   if (!user) {
 13 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
 14 |   }
 15 | 
 16 |   try {
 17 |     const { searchParams } = new URL(request.url)
 18 |     const prefix = searchParams.get("prefix")
 19 | 
 20 |     let settings
 21 |     if (prefix) {
 22 |       settings = await settingsManager.getSettingsByPrefix(prefix)
 23 |     } else {
 24 |       settings = await settingsManager.getAllSettings()
 25 |     }
 26 | 
 27 |     return NextResponse.json({
 28 |       success: true,
 29 |       settings,
 30 |     })
 31 |   } catch (error) {
 32 |     console.error("Error getting settings:", error)
 33 |     return NextResponse.json(
 34 |       {
 35 |         success: false,
 36 |         error: error instanceof Error ? error.message : "Failed to get settings",
 37 |       },
 38 |       { status: 500 }
 39 |     )
 40 |   }
 41 | }
 42 | 
 43 | /**
 44 |  * POST /api/settings
 45 |  * Update setting(s)
 46 |  */
 47 | export async function POST(request: NextRequest) {
 48 |   // Validate authentication
 49 |   const user = await validateRequest(request)
 50 |   if (!user) {
 51 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
 52 |   }
 53 | 
 54 |   try {
 55 |     const body = await request.json()
 56 | 
 57 |     // Support both single and multiple updates
 58 |     if (body.key_name && body.value !== undefined) {
 59 |       // Single update
 60 |       await settingsManager.updateSetting(body.key_name, body.value)
 61 |       return NextResponse.json({
 62 |         success: true,
 63 |         message: "Setting updated successfully",
 64 |         updated: 1,
 65 |       })
 66 |     } else if (Array.isArray(body.settings)) {
 67 |       // Multiple updates
 68 |       let updated = 0
 69 |       for (const setting of body.settings) {
 70 |         if (setting.key_name && setting.value !== undefined) {
 71 |           await settingsManager.updateSetting(setting.key_name, setting.value)
 72 |           updated++
 73 |         }
 74 |       }
 75 |       return NextResponse.json({
 76 |         success: true,
 77 |         message: `${updated} setting(s) updated successfully`,
 78 |         updated,
 79 |       })
 80 |     } else {
 81 |       return NextResponse.json(
 82 |         {
 83 |           success: false,
 84 |           error: "Invalid request format. Expected { key_name, value } or { settings: [...] }",
 85 |         },
 86 |         { status: 400 }
 87 |       )
 88 |     }
 89 |   } catch (error) {
 90 |     console.error("Error updating settings:", error)
 91 |     return NextResponse.json(
 92 |       {
 93 |         success: false,
 94 |         error: error instanceof Error ? error.message : "Failed to update settings",
 95 |       },
 96 |       { status: 500 }
 97 |     )
 98 |   }
 99 | }
100 | 
101 | 


--------------------------------------------------------------------------------
/docker-start.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | 
 3 | # =====================================================
 4 | # Bron Vault - Docker Start Script with Summary
 5 | # =====================================================
 6 | # Wrapper script for docker-compose up with summary
 7 | # =====================================================
 8 | 
 9 | set -e
10 | 
11 | # Colors
12 | GREEN='\033[0;32m'
13 | BLUE='\033[0;34m'
14 | CYAN='\033[0;36m'
15 | YELLOW='\033[1;33m'
16 | RED='\033[0;31m'
17 | NC='\033[0m'
18 | 
19 | # Check if docker-compose is available
20 | if ! command -v docker-compose &> /dev/null && ! docker compose version &> /dev/null; then
21 |     echo -e "${RED}❌ [ERROR] docker-compose not found!${NC}"
22 |     echo ""
23 |     echo "Make sure Docker is installed and running."
24 |     echo ""
25 |     echo "For Docker Desktop:"
26 |     echo "  Download from: https://www.docker.com/products/docker-desktop"
27 |     echo ""
28 |     echo "For Linux (standalone):"
29 |     echo "  Install docker-compose:"
30 |     echo "    sudo apt-get update"
31 |     echo "    sudo apt-get install docker.io docker-compose"
32 |     echo ""
33 |     exit 1
34 | fi
35 | 
36 | echo -e "${CYAN}🚀 Starting Bron Vault Services...${NC}"
37 | echo ""
38 | 
39 | # Check if containers already exist
40 | if docker-compose ps -q | grep -q .; then
41 |     # Containers exist, just start them (no build needed)
42 |     echo -e "${BLUE}ℹ️  Containers already exist, starting without rebuild...${NC}"
43 |     docker-compose up -d
44 | else
45 |     # First time setup, need to build
46 |     echo -e "${BLUE}ℹ️  First time setup, building images...${NC}"
47 |     docker-compose up -d --build
48 | fi
49 | 
50 | echo ""
51 | echo -e "${GREEN}✅ All services started!${NC}"
52 | echo ""
53 | 
54 | # Wait a bit to ensure all services are ready
55 | sleep 3
56 | 
57 | # Display status and URLs using separate script
58 | echo ""
59 | if [ -f "./docker-status.sh" ]; then
60 |     ./docker-status.sh
61 | else
62 |     # Fallback if docker-status.sh doesn't exist
63 |     echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
64 |     echo -e "${CYAN}📊 Bron Vault Service Status${NC}"
65 |     echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
66 |     echo ""
67 |     docker-compose ps
68 |     echo ""
69 |     echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
70 |     echo -e "${GREEN}📍 Access URLs:${NC}"
71 |     echo ""
72 |     echo -e "  🌐 ${YELLOW}Bron Vault App:${NC}    http://localhost:3000"
73 |     echo -e "  📊 ${YELLOW}ClickHouse Play:${NC}     http://localhost:8123/play"
74 |     echo -e "  🗄️  ${YELLOW}MySQL:${NC}              localhost:3306"
75 |     echo -e "  📈 ${YELLOW}ClickHouse HTTP:${NC}      http://localhost:8123"
76 |     echo ""
77 |     echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
78 |     echo -e "${GREEN}🔐 Default Login Credentials:${NC}"
79 |     echo ""
80 |     echo -e "  ${YELLOW}Email:${NC}    admin@bronvault.local"
81 |     echo -e "  ${YELLOW}Password:${NC} admin"
82 |     echo ""
83 |     echo -e "  ${BLUE}ℹ️  Please change the password after first login for security.${NC}"
84 |     echo ""
85 |     echo -e "${CYAN}━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━${NC}"
86 |     echo ""
87 | fi
88 | 
89 | 


--------------------------------------------------------------------------------
/app/api/software-analysis/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server";
 2 | import { executeQuery as executeMySQLQuery } from "@/lib/mysql";
 3 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse";
 4 | import { validateRequest } from "@/lib/auth";
 5 | 
 6 | interface SoftwareData {
 7 |   software_name: string;
 8 |   version: string | null;
 9 |   count: number;
10 | }
11 | 
12 | export async function GET(request: NextRequest) {
13 |   // Validate authentication
14 |   const user = await validateRequest(request)
15 |   if (!user) {
16 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
17 |   }
18 | 
19 |   try {
20 |     // Check cache first (analytics_cache remains in MySQL - operational table)
21 |     const cacheResult = (await executeMySQLQuery(
22 |       "SELECT cache_data FROM analytics_cache WHERE cache_key = 'software_analysis' AND expires_at > NOW()"
23 |     )) as any[]
24 | 
25 |     if (Array.isArray(cacheResult) && cacheResult.length > 0) {
26 |       const cached = cacheResult[0].cache_data
27 |       let parsed: any = null
28 | 
29 |       try {
30 |         if (typeof cached === "string") {
31 |           parsed = JSON.parse(cached)
32 |         } else if (typeof cached === "object" && cached !== null) {
33 |           parsed = cached
34 |         }
35 |       } catch (e) {
36 |         console.warn("Software analysis cache parse failed, will recalc")
37 |       }
38 | 
39 |       if (parsed && parsed.success && parsed.softwareAnalysis) {
40 |         return NextResponse.json(parsed)
41 |       }
42 |     }
43 | 
44 |     // Query to get software grouped by name and version for attack surface management
45 |     // ClickHouse: Convert COUNT(DISTINCT device_id) -> uniq(device_id)
46 |     const results = await executeClickHouseQuery(`
47 |       SELECT software_name, version, uniq(device_id) as count
48 |       FROM software 
49 |       WHERE software_name IS NOT NULL AND software_name != ''
50 |       GROUP BY software_name, version
51 |       ORDER BY count DESC, software_name, version
52 |       LIMIT 10
53 |     `) as any[];
54 | 
55 |     if (!Array.isArray(results)) {
56 |       return NextResponse.json({ success: false, error: "Invalid data format" }, { status: 500 });
57 |     }
58 | 
59 |     // Convert to array format
60 |     const softwareAnalysis: SoftwareData[] = results.map((row) => ({
61 |       software_name: row.software_name,
62 |       version: row.version,
63 |       count: row.count
64 |     }));
65 | 
66 |     const result = { 
67 |       success: true, 
68 |       softwareAnalysis 
69 |     };
70 | 
71 |     // Cache for 10 minutes
72 |     // analytics_cache remains in MySQL (operational table)
73 |     await executeMySQLQuery(
74 |       "INSERT INTO analytics_cache (cache_key, cache_data, expires_at) VALUES (?, ?, DATE_ADD(NOW(), INTERVAL 10 MINUTE)) ON DUPLICATE KEY UPDATE cache_data = VALUES(cache_data), expires_at = VALUES(expires_at)",
75 |       ["software_analysis", JSON.stringify(result)]
76 |     );
77 | 
78 |     return NextResponse.json(result);
79 | 
80 |   } catch (error) {
81 |     console.error("Software analysis error:", error);
82 |     return NextResponse.json({ 
83 |       success: false, 
84 |       error: "Internal server error" 
85 |     }, { status: 500 });
86 |   }
87 | } 


--------------------------------------------------------------------------------
/components/ui/breadcrumb.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react"
  2 | import { Slot } from "@radix-ui/react-slot"
  3 | import { ChevronRight, MoreHorizontal } from "lucide-react"
  4 | 
  5 | import { cn } from "@/lib/utils"
  6 | 
  7 | const Breadcrumb = React.forwardRef<
  8 |   HTMLElement,
  9 |   React.ComponentPropsWithoutRef<"nav"> & {
 10 |     separator?: React.ReactNode
 11 |   }
 12 | >(({ ...props }, ref) => <nav ref={ref} aria-label="breadcrumb" {...props} />)
 13 | Breadcrumb.displayName = "Breadcrumb"
 14 | 
 15 | const BreadcrumbList = React.forwardRef<
 16 |   HTMLOListElement,
 17 |   React.ComponentPropsWithoutRef<"ol">
 18 | >(({ className, ...props }, ref) => (
 19 |   <ol
 20 |     ref={ref}
 21 |     className={cn(
 22 |       "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
 23 |       className
 24 |     )}
 25 |     {...props}
 26 |   />
 27 | ))
 28 | BreadcrumbList.displayName = "BreadcrumbList"
 29 | 
 30 | const BreadcrumbItem = React.forwardRef<
 31 |   HTMLLIElement,
 32 |   React.ComponentPropsWithoutRef<"li">
 33 | >(({ className, ...props }, ref) => (
 34 |   <li
 35 |     ref={ref}
 36 |     className={cn("inline-flex items-center gap-1.5", className)}
 37 |     {...props}
 38 |   />
 39 | ))
 40 | BreadcrumbItem.displayName = "BreadcrumbItem"
 41 | 
 42 | const BreadcrumbLink = React.forwardRef<
 43 |   HTMLAnchorElement,
 44 |   React.ComponentPropsWithoutRef<"a"> & {
 45 |     asChild?: boolean
 46 |   }
 47 | >(({ asChild, className, ...props }, ref) => {
 48 |   const Comp = asChild ? Slot : "a"
 49 | 
 50 |   return (
 51 |     <Comp
 52 |       ref={ref}
 53 |       className={cn("transition-colors hover:text-foreground", className)}
 54 |       {...props}
 55 |     />
 56 |   )
 57 | })
 58 | BreadcrumbLink.displayName = "BreadcrumbLink"
 59 | 
 60 | const BreadcrumbPage = React.forwardRef<
 61 |   HTMLSpanElement,
 62 |   React.ComponentPropsWithoutRef<"span">
 63 | >(({ className, ...props }, ref) => (
 64 |   <span
 65 |     ref={ref}
 66 |     role="link"
 67 |     aria-disabled="true"
 68 |     aria-current="page"
 69 |     className={cn("font-normal text-foreground", className)}
 70 |     {...props}
 71 |   />
 72 | ))
 73 | BreadcrumbPage.displayName = "BreadcrumbPage"
 74 | 
 75 | const BreadcrumbSeparator = ({
 76 |   children,
 77 |   className,
 78 |   ...props
 79 | }: React.ComponentProps<"li">) => (
 80 |   <li
 81 |     role="presentation"
 82 |     aria-hidden="true"
 83 |     className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
 84 |     {...props}
 85 |   >
 86 |     {children ?? <ChevronRight />}
 87 |   </li>
 88 | )
 89 | BreadcrumbSeparator.displayName = "BreadcrumbSeparator"
 90 | 
 91 | const BreadcrumbEllipsis = ({
 92 |   className,
 93 |   ...props
 94 | }: React.ComponentProps<"span">) => (
 95 |   <span
 96 |     role="presentation"
 97 |     aria-hidden="true"
 98 |     className={cn("flex h-9 w-9 items-center justify-center", className)}
 99 |     {...props}
100 |   >
101 |     <MoreHorizontal className="h-4 w-4" />
102 |     <span className="sr-only">More</span>
103 |   </span>
104 | )
105 | BreadcrumbEllipsis.displayName = "BreadcrumbElipssis"
106 | 
107 | export {
108 |   Breadcrumb,
109 |   BreadcrumbList,
110 |   BreadcrumbItem,
111 |   BreadcrumbLink,
112 |   BreadcrumbPage,
113 |   BreadcrumbSeparator,
114 |   BreadcrumbEllipsis,
115 | }
116 | 


--------------------------------------------------------------------------------
/components/ui/pagination.tsx:
--------------------------------------------------------------------------------
  1 | import * as React from "react"
  2 | import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react"
  3 | 
  4 | import { cn } from "@/lib/utils"
  5 | import { ButtonProps, buttonVariants } from "@/components/ui/button"
  6 | 
  7 | const Pagination = ({ className, ...props }: React.ComponentProps<"nav">) => (
  8 |   <nav
  9 |     role="navigation"
 10 |     aria-label="pagination"
 11 |     className={cn("mx-auto flex w-full justify-center", className)}
 12 |     {...props}
 13 |   />
 14 | )
 15 | Pagination.displayName = "Pagination"
 16 | 
 17 | const PaginationContent = React.forwardRef<
 18 |   HTMLUListElement,
 19 |   React.ComponentProps<"ul">
 20 | >(({ className, ...props }, ref) => (
 21 |   <ul
 22 |     ref={ref}
 23 |     className={cn("flex flex-row items-center gap-1", className)}
 24 |     {...props}
 25 |   />
 26 | ))
 27 | PaginationContent.displayName = "PaginationContent"
 28 | 
 29 | const PaginationItem = React.forwardRef<
 30 |   HTMLLIElement,
 31 |   React.ComponentProps<"li">
 32 | >(({ className, ...props }, ref) => (
 33 |   <li ref={ref} className={cn("", className)} {...props} />
 34 | ))
 35 | PaginationItem.displayName = "PaginationItem"
 36 | 
 37 | type PaginationLinkProps = {
 38 |   isActive?: boolean
 39 | } & Pick<ButtonProps, "size"> &
 40 |   React.ComponentProps<"a">
 41 | 
 42 | const PaginationLink = ({
 43 |   className,
 44 |   isActive,
 45 |   size = "icon",
 46 |   ...props
 47 | }: PaginationLinkProps) => (
 48 |   <a
 49 |     aria-current={isActive ? "page" : undefined}
 50 |     className={cn(
 51 |       buttonVariants({
 52 |         variant: isActive ? "outline" : "ghost",
 53 |         size,
 54 |       }),
 55 |       className
 56 |     )}
 57 |     {...props}
 58 |   />
 59 | )
 60 | PaginationLink.displayName = "PaginationLink"
 61 | 
 62 | const PaginationPrevious = ({
 63 |   className,
 64 |   ...props
 65 | }: React.ComponentProps<typeof PaginationLink>) => (
 66 |   <PaginationLink
 67 |     aria-label="Go to previous page"
 68 |     size="default"
 69 |     className={cn("gap-1 pl-2.5", className)}
 70 |     {...props}
 71 |   >
 72 |     <ChevronLeft className="h-4 w-4" />
 73 |     <span>Previous</span>
 74 |   </PaginationLink>
 75 | )
 76 | PaginationPrevious.displayName = "PaginationPrevious"
 77 | 
 78 | const PaginationNext = ({
 79 |   className,
 80 |   ...props
 81 | }: React.ComponentProps<typeof PaginationLink>) => (
 82 |   <PaginationLink
 83 |     aria-label="Go to next page"
 84 |     size="default"
 85 |     className={cn("gap-1 pr-2.5", className)}
 86 |     {...props}
 87 |   >
 88 |     <span>Next</span>
 89 |     <ChevronRight className="h-4 w-4" />
 90 |   </PaginationLink>
 91 | )
 92 | PaginationNext.displayName = "PaginationNext"
 93 | 
 94 | const PaginationEllipsis = ({
 95 |   className,
 96 |   ...props
 97 | }: React.ComponentProps<"span">) => (
 98 |   <span
 99 |     aria-hidden
100 |     className={cn("flex h-9 w-9 items-center justify-center", className)}
101 |     {...props}
102 |   >
103 |     <MoreHorizontal className="h-4 w-4" />
104 |     <span className="sr-only">More pages</span>
105 |   </span>
106 | )
107 | PaginationEllipsis.displayName = "PaginationEllipsis"
108 | 
109 | export {
110 |   Pagination,
111 |   PaginationContent,
112 |   PaginationEllipsis,
113 |   PaginationItem,
114 |   PaginationLink,
115 |   PaginationNext,
116 |   PaginationPrevious,
117 | }
118 | 


--------------------------------------------------------------------------------
/components/animated-software-list.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import { motion, useInView } from "framer-motion"
 4 | import { useRef } from "react"
 5 | 
 6 | interface SoftwareData {
 7 |   software_name: string
 8 |   version: string | null
 9 |   count: number
10 | }
11 | 
12 | interface AnimatedSoftwareListProps {
13 |   softwareData: SoftwareData[]
14 | }
15 | 
16 | export function AnimatedSoftwareList({ softwareData }: AnimatedSoftwareListProps) {
17 |   const ref = useRef(null)
18 |   const isInView = useInView(ref, { once: true, margin: "-50px" })
19 | 
20 |   // Safety check for softwareData
21 |   const safeSoftwareData = Array.isArray(softwareData) ? softwareData : []
22 | 
23 |   if (safeSoftwareData.length === 0) {
24 |     return (
25 |       <div className="text-center py-8">
26 |         <p className="text-muted-foreground">No software data available</p>
27 |         <p className="text-xs text-muted-foreground mt-2">Upload some stealer logs to see software statistics</p>
28 |       </div>
29 |     )
30 |   }
31 | 
32 |   const maxCount = Math.max(...safeSoftwareData.map(s => s?.count || 0))
33 | 
34 |   return (
35 |     <div ref={ref} className="space-y-2.5">
36 |       {safeSoftwareData.map((item, index) => {
37 |         const percentage = maxCount > 0 ? ((item?.count || 0) / maxCount) * 100 : 0
38 | 
39 |         return (
40 |           <div
41 |             key={`${item?.software_name || 'unknown'}-${item?.version || 'no-version'}-${index}`}
42 |             className="space-y-1.5"
43 |           >
44 |             <div className="flex items-center justify-between">
45 |               <div className="flex items-center space-x-2 min-w-0 flex-1">
46 |                 <div className="flex items-center justify-center w-8 h-8 rounded-full bg-emerald-500/20 text-emerald-500 ring-1 ring-emerald-500/50 text-xs font-bold flex-shrink-0">
47 |                   #{index + 1}
48 |                 </div>
49 |                 <div className="min-w-0 flex-1">
50 |                   <div className="flex items-center space-x-2">
51 |                     <span className="text-sm font-medium text-foreground truncate">
52 |                       {item?.software_name || 'Unknown Software'}
53 |                     </span>
54 |                     {item?.version && (
55 |                       <span className="text-[10px] text-muted-foreground bg-secondary/50 px-1.5 py-0.5 rounded border border-white/5 flex-shrink-0">
56 |                         {item.version}
57 |                       </span>
58 |                     )}
59 |                   </div>
60 |                 </div>
61 |               </div>
62 |               <span className="text-sm text-muted-foreground font-mono ml-2 flex-shrink-0">
63 |                 {item?.count || 0}
64 |               </span>
65 |             </div>
66 |             <div className="w-full bg-secondary/30 rounded-full h-2 overflow-hidden">
67 |               <motion.div
68 |                 className="bg-primary/60 h-2 rounded-full shadow-[0_0_15px_rgba(255,51,51,0.25)]"
69 |                 initial={{ width: 0 }}
70 |                 animate={isInView ? { width: `${percentage}%` } : { width: 0 }}
71 |                 transition={{
72 |                   duration: 1.2,
73 |                   delay: index * 0.1 + 0.3,
74 |                   type: "spring",
75 |                   stiffness: 80
76 |                 }}
77 |               />
78 |             </div>
79 |           </div>
80 |         )
81 |       })}
82 |     </div>
83 |   )
84 | }
85 | 


--------------------------------------------------------------------------------
/components/search/SearchInterface.tsx:
--------------------------------------------------------------------------------
 1 | "use client"
 2 | 
 3 | import React from "react"
 4 | import { Search, Mail, Globe } from "lucide-react"
 5 | import { Button } from "@/components/ui/button"
 6 | import { Input } from "@/components/ui/input"
 7 | import { Card, CardContent } from "@/components/ui/card"
 8 | import { Badge } from "@/components/ui/badge"
 9 | import { generateId, announceToScreenReader } from "@/lib/accessibility"
10 | 
11 | interface SearchInterfaceProps {
12 |   searchQuery: string
13 |   setSearchQuery: (query: string) => void
14 |   searchType: "email" | "domain"
15 |   setSearchType: (type: "email" | "domain") => void
16 |   isLoading: boolean
17 |   onSearch: () => void
18 |   onDetectSearchType: (query: string) => void
19 | }
20 | 
21 | export function SearchInterface({
22 |   searchQuery,
23 |   setSearchQuery,
24 |   searchType,
25 |   setSearchType,
26 |   isLoading,
27 |   onSearch,
28 |   onDetectSearchType,
29 | }: SearchInterfaceProps) {
30 |   return (
31 |     <div className="flex flex-col items-center space-y-4">
32 |       <Card className="glass-card border-border w-full max-w-3xl mx-auto">
33 |         <CardContent className="p-6">
34 |           <div className="flex items-center space-x-2">
35 |             <div className="relative flex-1">
36 |               <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
37 |               <Input
38 |                 type="text"
39 |                 placeholder="Search by email or domain..."
40 |                 value={searchQuery}
41 |                 onChange={(e) => {
42 |                   setSearchQuery(e.target.value)
43 |                   onDetectSearchType(e.target.value)
44 |                 }}
45 |                 onKeyPress={(e) => e.key === "Enter" && onSearch()}
46 |                 className="pl-10 h-12 text-lg glass border-border/50 text-foreground placeholder:text-muted-foreground"
47 |               />
48 |             </div>
49 |             <Button
50 |               onClick={onSearch}
51 |               disabled={isLoading || !searchQuery.trim()}
52 |               className="h-12 px-6 bg-primary hover:bg-primary/90 text-primary-foreground"
53 |             >
54 |               {isLoading ? "Searching..." : "Search"}
55 |             </Button>
56 |           </div>
57 |           <div className="flex items-center mt-2">
58 |             <Badge
59 |               variant={searchType === "email" ? "default" : "secondary"}
60 |               className={
61 |                 (searchType === "email"
62 |                   ? "bg-primary text-primary-foreground"
63 |                   : "glass border-white/5") +
64 |                 " rounded-none px-3 py-1 border-r-0"
65 |               }
66 |               style={{ borderTopLeftRadius: 4, borderBottomLeftRadius: 4 }}
67 |             >
68 |               <Mail className="h-3 w-3 mr-1" />
69 |               Email
70 |             </Badge>
71 |             <Badge
72 |               variant={searchType === "domain" ? "default" : "secondary"}
73 |               className={
74 |                 (searchType === "domain"
75 |                   ? "bg-primary text-primary-foreground"
76 |                   : "glass border-white/5") +
77 |                 " rounded-none px-3 py-1 border-l-0"
78 |               }
79 |               style={{ borderTopRightRadius: 4, borderBottomRightRadius: 4 }}
80 |             >
81 |               <Globe className="h-3 w-3 mr-1" />
82 |               Domain
83 |             </Badge>
84 |           </div>
85 |         </CardContent>
86 |       </Card>
87 |     </div>
88 |   )
89 | }
90 | 


--------------------------------------------------------------------------------
/components/ui/drawer.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import { Drawer as DrawerPrimitive } from "vaul"
  5 | 
  6 | import { cn } from "@/lib/utils"
  7 | 
  8 | const Drawer = ({
  9 |   shouldScaleBackground = true,
 10 |   ...props
 11 | }: React.ComponentProps<typeof DrawerPrimitive.Root>) => (
 12 |   <DrawerPrimitive.Root
 13 |     shouldScaleBackground={shouldScaleBackground}
 14 |     {...props}
 15 |   />
 16 | )
 17 | Drawer.displayName = "Drawer"
 18 | 
 19 | const DrawerTrigger = DrawerPrimitive.Trigger
 20 | 
 21 | const DrawerPortal = DrawerPrimitive.Portal
 22 | 
 23 | const DrawerClose = DrawerPrimitive.Close
 24 | 
 25 | const DrawerOverlay = React.forwardRef<
 26 |   React.ElementRef<typeof DrawerPrimitive.Overlay>,
 27 |   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>
 28 | >(({ className, ...props }, ref) => (
 29 |   <DrawerPrimitive.Overlay
 30 |     ref={ref}
 31 |     className={cn("fixed inset-0 z-50 bg-black/80", className)}
 32 |     {...props}
 33 |   />
 34 | ))
 35 | DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
 36 | 
 37 | const DrawerContent = React.forwardRef<
 38 |   React.ElementRef<typeof DrawerPrimitive.Content>,
 39 |   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
 40 | >(({ className, children, ...props }, ref) => (
 41 |   <DrawerPortal>
 42 |     <DrawerOverlay />
 43 |     <DrawerPrimitive.Content
 44 |       ref={ref}
 45 |       className={cn(
 46 |         "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
 47 |         className
 48 |       )}
 49 |       {...props}
 50 |     >
 51 |       <div className="mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" />
 52 |       {children}
 53 |     </DrawerPrimitive.Content>
 54 |   </DrawerPortal>
 55 | ))
 56 | DrawerContent.displayName = "DrawerContent"
 57 | 
 58 | const DrawerHeader = ({
 59 |   className,
 60 |   ...props
 61 | }: React.HTMLAttributes<HTMLDivElement>) => (
 62 |   <div
 63 |     className={cn("grid gap-1.5 p-4 text-center sm:text-left", className)}
 64 |     {...props}
 65 |   />
 66 | )
 67 | DrawerHeader.displayName = "DrawerHeader"
 68 | 
 69 | const DrawerFooter = ({
 70 |   className,
 71 |   ...props
 72 | }: React.HTMLAttributes<HTMLDivElement>) => (
 73 |   <div
 74 |     className={cn("mt-auto flex flex-col gap-2 p-4", className)}
 75 |     {...props}
 76 |   />
 77 | )
 78 | DrawerFooter.displayName = "DrawerFooter"
 79 | 
 80 | const DrawerTitle = React.forwardRef<
 81 |   React.ElementRef<typeof DrawerPrimitive.Title>,
 82 |   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>
 83 | >(({ className, ...props }, ref) => (
 84 |   <DrawerPrimitive.Title
 85 |     ref={ref}
 86 |     className={cn(
 87 |       "text-lg font-semibold leading-none tracking-tight",
 88 |       className
 89 |     )}
 90 |     {...props}
 91 |   />
 92 | ))
 93 | DrawerTitle.displayName = DrawerPrimitive.Title.displayName
 94 | 
 95 | const DrawerDescription = React.forwardRef<
 96 |   React.ElementRef<typeof DrawerPrimitive.Description>,
 97 |   React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>
 98 | >(({ className, ...props }, ref) => (
 99 |   <DrawerPrimitive.Description
100 |     ref={ref}
101 |     className={cn("text-sm text-muted-foreground", className)}
102 |     {...props}
103 |   />
104 | ))
105 | DrawerDescription.displayName = DrawerPrimitive.Description.displayName
106 | 
107 | export {
108 |   Drawer,
109 |   DrawerPortal,
110 |   DrawerOverlay,
111 |   DrawerTrigger,
112 |   DrawerClose,
113 |   DrawerContent,
114 |   DrawerHeader,
115 |   DrawerFooter,
116 |   DrawerTitle,
117 |   DrawerDescription,
118 | }
119 | 


--------------------------------------------------------------------------------
/hooks/useStats.ts:
--------------------------------------------------------------------------------
  1 | import { useState, useEffect, useCallback, useRef } from "react"
  2 | 
  3 | interface Stats {
  4 |   totalDevices: number
  5 |   uniqueDeviceNames: number
  6 |   duplicateDeviceNames: number
  7 |   totalFiles: number
  8 |   totalCredentials: number
  9 |   totalDomains: number
 10 |   totalUrls: number
 11 | }
 12 | 
 13 | interface TopPassword {
 14 |   password: string
 15 |   total_count: number
 16 | }
 17 | 
 18 | interface UseStatsReturn {
 19 |   stats: Stats
 20 |   topPasswords: TopPassword[]
 21 |   isStatsLoaded: boolean
 22 |   statsError: string | null
 23 |   loadStats: () => Promise<void>
 24 | }
 25 | 
 26 | export function useStats(): UseStatsReturn {
 27 |   const [stats, setStats] = useState<Stats>({
 28 |     totalDevices: 0,
 29 |     uniqueDeviceNames: 0,
 30 |     duplicateDeviceNames: 0,
 31 |     totalFiles: 0,
 32 |     totalCredentials: 0,
 33 |     totalDomains: 0,
 34 |     totalUrls: 0,
 35 |   })
 36 |   const [topPasswords, setTopPasswords] = useState<TopPassword[]>([])
 37 |   const [isStatsLoaded, setIsStatsLoaded] = useState(false)
 38 |   const [statsError, setStatsError] = useState<string | null>(null)
 39 | 
 40 |   // Add caching and prevent multiple simultaneous requests
 41 |   const cacheRef = useRef<{ data: any; timestamp: number } | null>(null)
 42 |   const loadingRef = useRef(false)
 43 |   const CACHE_DURATION = 30000 // 30 seconds
 44 | 
 45 |   const loadStats = useCallback(async () => {
 46 |     // Check cache first
 47 |     if (cacheRef.current) {
 48 |       const { data, timestamp } = cacheRef.current
 49 |       if (Date.now() - timestamp < CACHE_DURATION) {
 50 |         if (data.stats) {
 51 |           setStats(data.stats)
 52 |           setTopPasswords(data.topPasswords || [])
 53 |         } else {
 54 |           setStats(data)
 55 |         }
 56 |         setIsStatsLoaded(true)
 57 |         setStatsError(null)
 58 |         return
 59 |       }
 60 |     }
 61 | 
 62 |     // Prevent multiple simultaneous requests
 63 |     if (loadingRef.current) return
 64 |     loadingRef.current = true
 65 | 
 66 |     try {
 67 |       const response = await fetch("/api/stats")
 68 |       if (response.ok) {
 69 |         const data = await response.json()
 70 | 
 71 |         // Cache the response
 72 |         cacheRef.current = { data, timestamp: Date.now() }
 73 | 
 74 |         if (data.stats) {
 75 |           setStats(data.stats)
 76 |           setTopPasswords(data.topPasswords || [])
 77 |         } else {
 78 |           setStats(data)
 79 |         }
 80 |         setIsStatsLoaded(true)
 81 |         setStatsError(null)
 82 |       } else {
 83 |         setIsStatsLoaded(true)
 84 |         setStatsError("No data found. Please upload a .zip file first using the Upload menu to populate the search database.")
 85 |         setStats({
 86 |           totalDevices: 0,
 87 |           uniqueDeviceNames: 0,
 88 |           duplicateDeviceNames: 0,
 89 |           totalFiles: 0,
 90 |           totalCredentials: 0,
 91 |           totalDomains: 0,
 92 |           totalUrls: 0,
 93 |         })
 94 |       }
 95 |     } catch (error) {
 96 |       setIsStatsLoaded(true)
 97 |       setStatsError("No data found. Please upload a .zip file first using the Upload menu to populate the search database.")
 98 |       setStats({
 99 |         totalDevices: 0,
100 |         uniqueDeviceNames: 0,
101 |         duplicateDeviceNames: 0,
102 |         totalFiles: 0,
103 |         totalCredentials: 0,
104 |         totalDomains: 0,
105 |         totalUrls: 0,
106 |       })
107 |     } finally {
108 |       loadingRef.current = false
109 |     }
110 |   }, [])
111 | 
112 |   useEffect(() => {
113 |     loadStats()
114 |   }, [])
115 | 
116 |   return {
117 |     stats,
118 |     topPasswords,
119 |     isStatsLoaded,
120 |     statsError,
121 |     loadStats,
122 |   }
123 | }
124 | 


--------------------------------------------------------------------------------
/components/recon/TimelineChart.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import { useState, useEffect } from "react"
  4 | import {
  5 |   AreaChart,
  6 |   Area,
  7 |   XAxis,
  8 |   YAxis,
  9 |   CartesianGrid,
 10 |   Tooltip,
 11 |   ResponsiveContainer,
 12 | } from "recharts"
 13 | 
 14 | interface TimelineChartProps {
 15 |   data: Array<{
 16 |     date: string
 17 |     credentialCount: number
 18 |   }>
 19 |   targetDomain: string
 20 |   onGranularityChange?: (granularity: "auto" | "weekly" | "monthly") => void
 21 | }
 22 | 
 23 | export function TimelineChart({ data: initialData, targetDomain, onGranularityChange }: TimelineChartProps) {
 24 |   const [granularity, setGranularity] = useState<"auto" | "weekly" | "monthly">("auto")
 25 |   
 26 |   // Use initialData directly, no need for internal state that causes delay
 27 |   const data = Array.isArray(initialData) ? initialData : []
 28 | 
 29 |   useEffect(() => {
 30 |     console.log("📊 TimelineChart received data:", {
 31 |       dataLength: data?.length || 0,
 32 |       isArray: Array.isArray(initialData),
 33 |       sample: data?.slice(0, 3),
 34 |       fullData: initialData,
 35 |       type: typeof initialData,
 36 |     })
 37 |   }, [initialData, data])
 38 | 
 39 |   useEffect(() => {
 40 |     if (onGranularityChange) {
 41 |       console.log("📊 Granularity changed to:", granularity)
 42 |       onGranularityChange(granularity)
 43 |     }
 44 |   }, [granularity, onGranularityChange])
 45 | 
 46 |   if (!data || data.length === 0) {
 47 |     console.warn("⚠️ TimelineChart: No data available")
 48 |     return (
 49 |       <div className="flex items-center justify-center h-64">
 50 |         <p className="text-muted-foreground">No timeline data available</p>
 51 |       </div>
 52 |     )
 53 |   }
 54 | 
 55 |   console.log("📊 TimelineChart rendering with data:", data.length, "items")
 56 | 
 57 |   return (
 58 |     <div className="h-[300px] w-full">
 59 |       <ResponsiveContainer width="100%" height="100%">
 60 |         <AreaChart 
 61 |           data={data}
 62 |           margin={{ top: 10, right: 10, left: 0, bottom: 0 }}
 63 |         >
 64 |           <defs>
 65 |             <linearGradient id="colorRed" x1="0" y1="0" x2="0" y2="1">
 66 |               <stop offset="5%" stopColor="#dc2626" stopOpacity={0.2}/>
 67 |               <stop offset="95%" stopColor="#dc2626" stopOpacity={0}/>
 68 |             </linearGradient>
 69 |           </defs>
 70 |           <CartesianGrid strokeDasharray="3 3" vertical={false} stroke="#52525b" strokeWidth={1} />
 71 |           <XAxis
 72 |             dataKey="date"
 73 |             stroke="#52525b"
 74 |             tick={{ fill: "#71717a", fontSize: 11 }}
 75 |             tickLine={false}
 76 |             axisLine={false}
 77 |             dy={10}
 78 |           />
 79 |           <YAxis
 80 |             stroke="#52525b"
 81 |             tick={{ fill: "#71717a", fontSize: 11 }}
 82 |             tickLine={false}
 83 |             axisLine={false}
 84 |             dx={-10}
 85 |           />
 86 |           <Tooltip
 87 |             contentStyle={{
 88 |               backgroundColor: "#18181b", 
 89 |               borderColor: "#27272a", 
 90 |               color: "#fff",
 91 |               border: "1px solid #27272a"
 92 |             }}
 93 |             itemStyle={{ color: "#fca5a5" }}
 94 |             labelStyle={{ color: "#a1a1aa", marginBottom: "0.25rem" }}
 95 |             cursor={{ stroke: "#dc2626", strokeWidth: 1, strokeDasharray: "4 4" }}
 96 |           />
 97 |           <Area
 98 |             type="monotone"
 99 |             dataKey="credentialCount"
100 |             stroke="#dc2626"
101 |             strokeWidth={2}
102 |             fillOpacity={1}
103 |             fill="url(#colorRed)"
104 |           />
105 |         </AreaChart>
106 |       </ResponsiveContainer>
107 |     </div>
108 |   )
109 | }
110 | 
111 | 


--------------------------------------------------------------------------------
/app/api/upload-chunk/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { validateRequest } from "@/lib/auth"
 3 | import { chunkManager } from "@/lib/upload/chunk-manager"
 4 | import { createWriteStream } from "fs"
 5 | import { existsSync } from "fs"
 6 | import { mkdir } from "fs/promises"
 7 | import path from "path"
 8 | import { pipeline } from "stream/promises"
 9 | 
10 | /**
11 |  * POST /api/upload-chunk
12 |  * Upload a single chunk of a file
13 |  */
14 | export async function POST(request: NextRequest) {
15 |   // Validate authentication
16 |   const user = await validateRequest(request)
17 |   if (!user) {
18 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
19 |   }
20 | 
21 |   try {
22 |     const formData = await request.formData()
23 | 
24 |     const chunk = formData.get("chunk") as File
25 |     const chunkIndex = parseInt(formData.get("chunkIndex") as string)
26 |     const totalChunks = parseInt(formData.get("totalChunks") as string)
27 |     const fileId = formData.get("fileId") as string
28 |     const fileName = formData.get("fileName") as string
29 |     const fileSize = parseInt(formData.get("fileSize") as string)
30 |     const chunkSize = parseInt(formData.get("chunkSize") as string)
31 |     const sessionId = (formData.get("sessionId") as string) || "default"
32 | 
33 |     console.log(`📥 [CHUNK UPLOAD] Receiving chunk ${chunkIndex + 1}/${totalChunks} for file: ${fileName} (${fileId})`)
34 |     console.log(`   Chunk size: ${chunk.size} bytes, Total file size: ${fileSize} bytes`)
35 | 
36 |     // Validate required fields
37 |     if (!chunk || isNaN(chunkIndex) || isNaN(totalChunks) || !fileId || !fileName || isNaN(fileSize)) {
38 |       return NextResponse.json(
39 |         { success: false, error: "Missing required fields" },
40 |         { status: 400 }
41 |       )
42 |     }
43 | 
44 |     // Initialize chunk metadata if first chunk
45 |     let metadata = chunkManager.getChunkMetadata(fileId)
46 |     if (!metadata) {
47 |       metadata = chunkManager.initializeChunk(fileId, fileName, fileSize, totalChunks, sessionId)
48 |     }
49 | 
50 |     // Get chunk file path
51 |     const chunkPath = chunkManager.getChunkPath(fileId, chunkIndex)
52 |     const chunkDir = path.dirname(chunkPath)
53 | 
54 |     // Create chunk directory if it doesn't exist
55 |     if (!existsSync(chunkDir)) {
56 |       await mkdir(chunkDir, { recursive: true })
57 |     }
58 | 
59 |     // Convert File to Buffer and write to disk
60 |     // Note: For very large chunks, we could stream, but File API in Next.js
61 |     // requires conversion to Buffer first for reliable handling
62 |     const arrayBuffer = await chunk.arrayBuffer()
63 |     const buffer = Buffer.from(arrayBuffer)
64 |     
65 |     // Write buffer to disk
66 |     const { writeFile } = await import("fs/promises")
67 |     await writeFile(chunkPath, buffer)
68 | 
69 |     // Mark chunk as uploaded
70 |     chunkManager.markChunkUploaded(fileId, chunkIndex)
71 | 
72 |     console.log(`✅ [CHUNK UPLOAD] Chunk ${chunkIndex + 1}/${totalChunks} saved successfully to: ${chunkPath}`)
73 | 
74 |     return NextResponse.json({
75 |       success: true,
76 |       chunkIndex,
77 |       fileId,
78 |       message: `Chunk ${chunkIndex + 1}/${totalChunks} uploaded successfully`,
79 |     })
80 |   } catch (error) {
81 |     console.error("❌ [CHUNK UPLOAD] Error uploading chunk:", error)
82 |     console.error("   Error details:", {
83 |       message: error instanceof Error ? error.message : String(error),
84 |       stack: error instanceof Error ? error.stack : undefined,
85 |       name: error instanceof Error ? error.name : undefined,
86 |     })
87 |     return NextResponse.json(
88 |       {
89 |         success: false,
90 |         error: error instanceof Error ? error.message : "Failed to upload chunk",
91 |         details: error instanceof Error ? error.stack : String(error),
92 |       },
93 |       { status: 500 }
94 |     )
95 |   }
96 | }
97 | 
98 | 


--------------------------------------------------------------------------------
/lib/system-information-parser/parsers/ailurophile.parser.ts:
--------------------------------------------------------------------------------
  1 | // Ailurophile parser
  2 | 
  3 | import { ParsedLogData } from '../types';
  4 | import { extractValue, cleanValue, extractIP, extractUsername, extractCountryCode, normalizeLine, isSeparatorLine } from '../helpers';
  5 | 
  6 | /**
  7 |  * Parse Ailurophile log
  8 |  * Format: IP: [redacted]
  9 |  *         Country: [redacted]
 10 |  *         Hostname: [redacted]
 11 |  *         PC Type: Microsoft Windows [redacted]
 12 |  */
 13 | export function parseAilurophile(content: string, fileName: string): ParsedLogData {
 14 |   const lines = content.split(/\r?\n/);
 15 |   const result: ParsedLogData = {
 16 |     stealerType: 'Ailurophile',
 17 |     os: null,
 18 |     ipAddress: null,
 19 |     username: null,
 20 |     cpu: null,
 21 |     ram: null,
 22 |     computerName: null,
 23 |     gpu: null,
 24 |     country: null,
 25 |     logDate: null,
 26 |     hwid: null,
 27 |     filePath: null,
 28 |     antivirus: null,
 29 |   };
 30 | 
 31 |   for (const line of lines) {
 32 |     const trimmedLine = line.trim();
 33 |     if (!trimmedLine) continue;
 34 | 
 35 |     // Skip separator lines
 36 |     if (isSeparatorLine(trimmedLine)) {
 37 |       continue;
 38 |     }
 39 | 
 40 |     // Normalize: remove dash prefix dan indent/tab jika ada
 41 |     const normalizedLine = normalizeLine(trimmedLine);
 42 |     const lowerLine = normalizedLine.toLowerCase();
 43 | 
 44 |     // IP: [redacted]
 45 |     if (lowerLine.startsWith('ip:') && !result.ipAddress) {
 46 |       const value = extractValue(normalizedLine);
 47 |       if (value && value.trim() && !value.toLowerCase().includes('[redacted]')) {
 48 |         result.ipAddress = cleanValue(extractIP(value));
 49 |       }
 50 |     }
 51 | 
 52 |     // Country: [redacted]
 53 |     if (lowerLine.startsWith('country:') && !result.country) {
 54 |       const value = extractValue(normalizedLine);
 55 |       if (value && value.trim() && !value.toLowerCase().includes('[redacted]')) {
 56 |         result.country = cleanValue(extractCountryCode(value));
 57 |       }
 58 |     }
 59 | 
 60 |     // Hostname: [redacted]
 61 |     if (lowerLine.startsWith('hostname:') && !result.computerName) {
 62 |       const value = extractValue(normalizedLine);
 63 |       if (value && value.trim() && !value.toLowerCase().includes('[redacted]')) {
 64 |         result.computerName = cleanValue(value);
 65 |       }
 66 |     }
 67 | 
 68 |     // PC Type: Microsoft Windows [redacted]
 69 |     if (lowerLine.includes('pc type:') && !result.os) {
 70 |       const value = extractValue(normalizedLine);
 71 |       if (value && value.trim() && !value.toLowerCase().includes('[redacted]')) {
 72 |         result.os = cleanValue(value);
 73 |       }
 74 |     }
 75 | 
 76 |     // Architecture: amd64
 77 |     // Skip, not needed
 78 | 
 79 |     // File Path: C:\Users\[redacted]\AppData\Local\Temp
 80 |     if (lowerLine.includes('file path:') && !result.filePath) {
 81 |       const value = extractValue(normalizedLine);
 82 |       if (value && value.trim() && !value.toLowerCase().includes('[redacted]')) {
 83 |         result.filePath = cleanValue(value);
 84 |       }
 85 |     }
 86 | 
 87 |     // Main Path: C:\Users\[redacted]\AppData\Local\Ailurophile
 88 |     // Skip, not needed
 89 | 
 90 |     // Allowed Extensions: [rdp txt doc docx pdf csv xls xlsx keys ldb log]
 91 |     // Skip, not needed
 92 | 
 93 |     // Folders to Search: [Documents Desktop Downloads]
 94 |     // Skip, not needed
 95 | 
 96 |     // Files: [bank info casino prv privé prive telegram personnel trading bitcoin sauvegarde funds recup note]
 97 |     // Skip, not needed
 98 | 
 99 |     // MAC Address: [redacted]
100 |     // Skip, not needed
101 | 
102 |     // Screen Resolution: [redacted]
103 |     // Skip, not needed
104 | 
105 |     // Browsers:
106 |     //   Chrome Default - version: [version string]
107 |     //   Edge Default - version: [version string]
108 |     // Skip, not needed
109 |   }
110 | 
111 |   return result;
112 | }
113 | 
114 | 


--------------------------------------------------------------------------------
/lib/logger.ts:
--------------------------------------------------------------------------------
  1 | type LogLevel = 'debug' | 'info' | 'warn' | 'error'
  2 | 
  3 | interface LogEntry {
  4 |   timestamp: string
  5 |   level: LogLevel
  6 |   message: string
  7 |   data?: any
  8 |   context?: string
  9 | }
 10 | 
 11 | class Logger {
 12 |   private isDevelopment = process.env.NODE_ENV === 'development'
 13 |   private isServer = typeof window === 'undefined'
 14 | 
 15 |   private formatMessage(level: LogLevel, message: string, data?: any, context?: string): LogEntry {
 16 |     return {
 17 |       timestamp: new Date().toISOString(),
 18 |       level,
 19 |       message,
 20 |       data,
 21 |       context
 22 |     }
 23 |   }
 24 | 
 25 |   private shouldLog(level: LogLevel): boolean {
 26 |     // In production, only log warnings and errors
 27 |     if (!this.isDevelopment) {
 28 |       return level === 'warn' || level === 'error'
 29 |     }
 30 |     return true
 31 |   }
 32 | 
 33 |   private logToConsole(entry: LogEntry) {
 34 |     if (!this.shouldLog(entry.level)) return
 35 | 
 36 |     const prefix = entry.context ? `[${entry.context}]` : ''
 37 |     const message = `${prefix} ${entry.message}`
 38 | 
 39 |     switch (entry.level) {
 40 |       case 'debug':
 41 |         console.debug(message, entry.data)
 42 |         break
 43 |       case 'info':
 44 |         console.info(message, entry.data)
 45 |         break
 46 |       case 'warn':
 47 |         console.warn(message, entry.data)
 48 |         break
 49 |       case 'error':
 50 |         console.error(message, entry.data)
 51 |         break
 52 |     }
 53 |   }
 54 | 
 55 |   debug(message: string, data?: any, context?: string) {
 56 |     const entry = this.formatMessage('debug', message, data, context)
 57 |     this.logToConsole(entry)
 58 |   }
 59 | 
 60 |   info(message: string, data?: any, context?: string) {
 61 |     const entry = this.formatMessage('info', message, data, context)
 62 |     this.logToConsole(entry)
 63 |   }
 64 | 
 65 |   warn(message: string, data?: any, context?: string) {
 66 |     const entry = this.formatMessage('warn', message, data, context)
 67 |     this.logToConsole(entry)
 68 |   }
 69 | 
 70 |   error(message: string, data?: any, context?: string) {
 71 |     const entry = this.formatMessage('error', message, data, context)
 72 |     this.logToConsole(entry)
 73 |   }
 74 | 
 75 |   // API-specific logging with broadcast capability
 76 |   apiLog(message: string, level: LogLevel = 'info', sessionId?: string) {
 77 |     this.logToConsole(this.formatMessage(level, message, undefined, 'API'))
 78 |     
 79 |     // If sessionId provided, broadcast to client (for upload logs)
 80 |     if (sessionId && this.isServer) {
 81 |       try {
 82 |         // Dynamic import to avoid circular dependencies
 83 |         import('./upload-connections').then(({ broadcastLogToSession }) => {
 84 |           const logType = level === 'debug' ? 'info' : level === 'warn' ? 'warning' : level
 85 |           broadcastLogToSession(sessionId, message, logType as "info" | "success" | "warning" | "error")
 86 |         }).catch(() => {
 87 |           // Silently fail if broadcast is not available
 88 |         })
 89 |       } catch {
 90 |         // Silently fail if broadcast is not available
 91 |       }
 92 |     }
 93 |   }
 94 | }
 95 | 
 96 | // Export singleton instance
 97 | export const logger = new Logger()
 98 | 
 99 | // Convenience exports for common use cases
100 | export const logDebug = (message: string, data?: any, context?: string) => 
101 |   logger.debug(message, data, context)
102 | 
103 | export const logInfo = (message: string, data?: any, context?: string) => 
104 |   logger.info(message, data, context)
105 | 
106 | export const logWarn = (message: string, data?: any, context?: string) => 
107 |   logger.warn(message, data, context)
108 | 
109 | export const logError = (message: string, data?: any, context?: string) => 
110 |   logger.error(message, data, context)
111 | 
112 | export const logApi = (message: string, level: LogLevel = 'info', sessionId?: string) => 
113 |   logger.apiLog(message, level, sessionId)
114 | 


--------------------------------------------------------------------------------
/hooks/useSearch.ts:
--------------------------------------------------------------------------------
  1 | import { useState } from "react"
  2 | 
  3 | interface SearchResult {
  4 |   deviceId: string
  5 |   deviceName: string
  6 |   uploadBatch: string
  7 |   matchingFiles: string[]
  8 |   matchedContent: string[]
  9 |   files: any[]
 10 |   totalFiles: number
 11 |   upload_date?: string
 12 |   uploadDate?: string
 13 |   logDate?: string
 14 | }
 15 | 
 16 | interface PaginationInfo {
 17 |   page: number
 18 |   limit: number
 19 |   total: number
 20 |   totalPages: number
 21 |   hasMore: boolean
 22 | }
 23 | 
 24 | interface UseSearchReturn {
 25 |   searchQuery: string
 26 |   setSearchQuery: (query: string) => void
 27 |   searchResults: SearchResult[]
 28 |   setSearchResults: (results: SearchResult[]) => void
 29 |   isLoading: boolean
 30 |   searchType: "email" | "domain"
 31 |   setSearchType: (type: "email" | "domain") => void
 32 |   handleSearch: () => Promise<void>
 33 |   detectSearchType: (query: string) => void
 34 |   loadMore: () => Promise<void>
 35 |   pagination: PaginationInfo | null
 36 |   totalDevices: number
 37 |   hasSearched: boolean
 38 | }
 39 | 
 40 | export function useSearch(): UseSearchReturn {
 41 |   const [searchQuery, setSearchQuery] = useState("")
 42 |   const [searchResults, setSearchResults] = useState<SearchResult[]>([])
 43 |   const [isLoading, setIsLoading] = useState(false)
 44 |   const [searchType, setSearchType] = useState<"email" | "domain">("email")
 45 |   const [page, setPage] = useState(1)
 46 |   const [pagination, setPagination] = useState<PaginationInfo | null>(null)
 47 |   const [hasSearched, setHasSearched] = useState(false)
 48 | 
 49 |   const detectSearchType = (query: string) => {
 50 |     if (query.includes("@")) {
 51 |       setSearchType("email")
 52 |     } else if (query.includes(".")) {
 53 |       setSearchType("domain")
 54 |     }
 55 |   }
 56 | 
 57 |   const handleSearch = async (reset = true) => {
 58 |     if (!searchQuery.trim()) return
 59 |     
 60 |     const currentPage = reset ? 1 : page + 1
 61 |     
 62 |     setIsLoading(true)
 63 |     try {
 64 |       const response = await fetch("/api/search", {
 65 |         method: "POST",
 66 |         headers: {
 67 |           "Content-Type": "application/json",
 68 |         },
 69 |         body: JSON.stringify({
 70 |           query: searchQuery,
 71 |           type: searchType,
 72 |           page: currentPage,
 73 |           limit: 50,
 74 |         }),
 75 |       })
 76 |       
 77 |       if (response.ok) {
 78 |         const data = await response.json()
 79 |         
 80 |         if (reset) {
 81 |           // New search: replace results
 82 |           setSearchResults(data.devices || [])
 83 |           setPage(1)
 84 |           setHasSearched(true) // Mark that search has been executed
 85 |         } else {
 86 |           // Load more: append results
 87 |           setSearchResults(prev => [...prev, ...(data.devices || [])])
 88 |           setPage(currentPage)
 89 |         }
 90 |         
 91 |         setPagination(data.pagination || null)
 92 |       } else {
 93 |         const errorData = await response.json()
 94 |         console.error("Search error:", errorData)
 95 |         if (reset) {
 96 |           setHasSearched(true) // Mark as searched even on error
 97 |         }
 98 |       }
 99 |     } catch (error) {
100 |       console.error("Search error:", error)
101 |       if (reset) {
102 |         setHasSearched(true) // Mark as searched even on error
103 |       }
104 |     } finally {
105 |       setIsLoading(false)
106 |     }
107 |   }
108 | 
109 |   const loadMore = async () => {
110 |     if (pagination?.hasMore && !isLoading) {
111 |       await handleSearch(false)
112 |     }
113 |   }
114 | 
115 |   return {
116 |     searchQuery,
117 |     setSearchQuery,
118 |     searchResults,
119 |     setSearchResults,
120 |     isLoading,
121 |     searchType,
122 |     setSearchType,
123 |     handleSearch: () => handleSearch(true),
124 |     detectSearchType,
125 |     loadMore,
126 |     pagination,
127 |     totalDevices: pagination?.total || 0,
128 |     hasSearched,
129 |   }
130 | }
131 | 


--------------------------------------------------------------------------------
/app/api/device-credentials/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextRequest, NextResponse } from "next/server"
 2 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse"
 3 | import { logInfo, logError } from "@/lib/logger"
 4 | import { deviceCredentialsSchema, validateData, createValidationErrorResponse } from "@/lib/validation"
 5 | import { validateRequest } from "@/lib/auth"
 6 | 
 7 | export async function POST(request: NextRequest) {
 8 |   // Validate authentication
 9 |   const user = await validateRequest(request)
10 |   if (!user) {
11 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
12 |   }
13 | 
14 |   try {
15 |     const body = await request.json()
16 | 
17 |     // Validate input
18 |     const validation = validateData(deviceCredentialsSchema, body)
19 |     if (!validation.success) {
20 |       logError("Validation failed for device credentials request", validation.errors, 'Device Credentials API')
21 |       return NextResponse.json(createValidationErrorResponse(validation.errors), { status: 400 })
22 |     }
23 | 
24 |     const { deviceId } = validation.data
25 |     logInfo(`Loading credentials for device: ${deviceId}`, undefined, 'Device Credentials API')
26 | 
27 |     // First, verify the device exists (ClickHouse)
28 |     // NOTE: device_id is VARCHAR(255) in schema, so {deviceId:String} is correct
29 |     const deviceCheck = (await executeClickHouseQuery(
30 |       "SELECT device_id, device_name FROM devices WHERE device_id = {deviceId:String}",
31 |       { deviceId }
32 |     )) as any[]
33 | 
34 |     console.log("📱 Device check result:", deviceCheck)
35 | 
36 |     if (deviceCheck.length === 0) {
37 |       console.log("❌ Device not found:", deviceId)
38 |       return NextResponse.json({ error: "Device not found" }, { status: 404 })
39 |     }
40 | 
41 |     // ENHANCED: Get credentials with flexible browser handling (ClickHouse)
42 |     // NOTE: device_id is VARCHAR(255) in schema, so {deviceId:String} is correct
43 |     const credentials = (await executeClickHouseQuery(
44 |       `SELECT 
45 |         coalesce(browser, 'Unknown') as browser,
46 |         coalesce(url, '') as url, 
47 |         coalesce(username, '') as username, 
48 |         coalesce(password, '') as password,
49 |         file_path
50 |        FROM credentials 
51 |        WHERE device_id = {deviceId:String} 
52 |        ORDER BY url, username`,
53 |       { deviceId },
54 |     )) as any[]
55 | 
56 |     console.log(`📊 Found ${credentials.length} credentials for device ${deviceId}`)
57 | 
58 |     // Debug: Check total credentials in database (ClickHouse)
59 |     const totalCredentials = (await executeClickHouseQuery("SELECT count() as count FROM credentials")) as any[]
60 |     console.log(`📊 Total credentials in database: ${JSON.stringify(totalCredentials)}`)
61 | 
62 |     // Debug: Check credentials with device info (ClickHouse)
63 |     const credentialsWithDevice = (await executeClickHouseQuery(
64 |       `SELECT c.*, d.device_name 
65 |        FROM credentials c 
66 |        INNER JOIN devices d ON c.device_id = d.device_id 
67 |        WHERE c.device_id = {deviceId:String}`,
68 |       { deviceId },
69 |     )) as any[]
70 | 
71 |     console.log(`🔍 Credential details with device info: ${JSON.stringify(credentialsWithDevice)}`)
72 | 
73 |     // Format credentials for display - Handle missing browser gracefully
74 |     const formattedCredentials = credentials.map((cred) => ({
75 |       browser: cred.browser === "Unknown" || !cred.browser ? null : cred.browser,
76 |       url: cred.url || "",
77 |       username: cred.username || "",
78 |       password: cred.password || "",
79 |       filePath: cred.file_path || "",
80 |     }))
81 | 
82 |     console.log(`✅ Returning ${formattedCredentials.length} formatted credentials`)
83 | 
84 |     return NextResponse.json(formattedCredentials)
85 |   } catch (error) {
86 |     console.error("❌ Error loading device credentials:", error)
87 |     return NextResponse.json(
88 |       {
89 |         error: "Failed to load credentials",
90 |         details: error instanceof Error ? error.message : "Unknown error",
91 |       },
92 |       { status: 500 },
93 |     )
94 |   }
95 | }
96 | 


--------------------------------------------------------------------------------
/lib/system-information-parser/parsers/exelastealer.parser.ts:
--------------------------------------------------------------------------------
  1 | // ExelaStealer parser
  2 | 
  3 | import { ParsedLogData } from '../types';
  4 | import { extractValue, combineOS, cleanValue, extractIP, extractUsername, normalizeLine, isSeparatorLine } from '../helpers';
  5 | 
  6 | /**
  7 |  * Parse ExelaStealer log (Windows systeminfo format)
  8 |  * Format: OS Name: Microsoft Windows 10 Pro
  9 |  *         OS Version: 10.0.19044 N/A Build 19044
 10 |  */
 11 | export function parseExelaStealer(content: string, fileName: string): ParsedLogData {
 12 |   const lines = content.split(/\r?\n/);
 13 |   const result: ParsedLogData = {
 14 |     stealerType: 'ExelaStealer',
 15 |     os: null,
 16 |     ipAddress: null,
 17 |     username: null,
 18 |     cpu: null,
 19 |     ram: null,
 20 |     computerName: null,
 21 |     gpu: null,
 22 |     country: null,
 23 |     logDate: null,
 24 |     hwid: null,
 25 |     filePath: null,
 26 |     antivirus: null,
 27 |   };
 28 | 
 29 |   let osName: string | null = null;
 30 |   let osVersion: string | null = null;
 31 | 
 32 |   for (const line of lines) {
 33 |     const trimmedLine = line.trim();
 34 |     if (!trimmedLine) continue;
 35 | 
 36 |     // Skip separator lines
 37 |     if (isSeparatorLine(trimmedLine)) {
 38 |       continue;
 39 |     }
 40 | 
 41 |     // Normalize: remove dash prefix dan indent/tab jika ada
 42 |     const normalizedLine = normalizeLine(trimmedLine);
 43 |     const lowerLine = normalizedLine.toLowerCase();
 44 | 
 45 |     // OS Name: Microsoft Windows 10 Pro
 46 |     if (lowerLine.startsWith('os name:') && !osName) {
 47 |       osName = extractValue(normalizedLine);
 48 |     }
 49 | 
 50 |     // OS Version: 10.0.19044 N/A Build 19044
 51 |     if (lowerLine.startsWith('os version:') && !osVersion) {
 52 |       osVersion = extractValue(normalizedLine);
 53 |     }
 54 | 
 55 |     // Host Name: DESKTOP-AS11AQO
 56 |     if (lowerLine.startsWith('host name:') && !result.computerName) {
 57 |       const value = extractValue(normalizedLine);
 58 |       if (value && value.trim()) {
 59 |         result.computerName = cleanValue(value);
 60 |       }
 61 |     }
 62 | 
 63 |     // Registered Owner: Bruno
 64 |     if (lowerLine.startsWith('registered owner:') && !result.username) {
 65 |       const value = extractValue(normalizedLine);
 66 |       if (value && value.trim()) {
 67 |         result.username = cleanValue(extractUsername(value));
 68 |       }
 69 |     }
 70 | 
 71 |     // Processor(s): 1 Processor(s) Installed. [01]: Intel64 Family 6 Model 85 Stepping 7 GenuineIntel 2800 Mhz
 72 |     if (lowerLine.startsWith('processor(s):') && !result.cpu) {
 73 |       // Cari baris berikutnya yang berisi detail processor
 74 |       const lineIndex = lines.indexOf(line);
 75 |       if (lineIndex >= 0 && lineIndex < lines.length - 1) {
 76 |         const processorLine = lines[lineIndex + 1];
 77 |         if (processorLine) {
 78 |           const match = processorLine.match(/\[01\]:\s*(.+)/i);
 79 |           if (match) {
 80 |             result.cpu = cleanValue(match[1].trim());
 81 |           }
 82 |         }
 83 |       }
 84 |     }
 85 | 
 86 |     // Total Physical Memory: 4,195 MB
 87 |     if (lowerLine.startsWith('total physical memory:') && !result.ram) {
 88 |       const value = extractValue(normalizedLine);
 89 |       if (value && value.trim()) {
 90 |         result.ram = cleanValue(value);
 91 |       }
 92 |     }
 93 | 
 94 |     // IP address(es) [01]: 172.16.1.9
 95 |     if (lowerLine.includes('ip address(es)') && !result.ipAddress) {
 96 |       // Cari baris berikutnya yang berisi IP
 97 |       const lineIndex = lines.indexOf(line);
 98 |       if (lineIndex >= 0 && lineIndex < lines.length - 1) {
 99 |         const ipLine = lines[lineIndex + 1];
100 |         if (ipLine) {
101 |           const match = ipLine.match(/\[01\]:\s*([0-9.]+)/);
102 |           if (match) {
103 |             result.ipAddress = cleanValue(extractIP(match[1]));
104 |           }
105 |         }
106 |       }
107 |     }
108 |   }
109 | 
110 |   // Combine OS Name dan OS Version
111 |   if (osName || osVersion) {
112 |     result.os = cleanValue(combineOS(osName, osVersion));
113 |   }
114 | 
115 |   return result;
116 | }
117 | 
118 | 


--------------------------------------------------------------------------------
/app/api/auth/register-first-user/route.ts:
--------------------------------------------------------------------------------
  1 | import { NextRequest, NextResponse } from "next/server"
  2 | import { pool } from "@/lib/mysql"
  3 | import bcrypt from "bcryptjs"
  4 | import type { RowDataPacket } from "mysql2"
  5 | 
  6 | // Force dynamic rendering
  7 | export const dynamic = 'force-dynamic'
  8 | 
  9 | export async function POST(request: NextRequest) {
 10 |   try {
 11 |     const { email, password, name } = await request.json()
 12 | 
 13 |     // Validate input
 14 |     if (!email || !password || !name) {
 15 |       return NextResponse.json({ 
 16 |         success: false, 
 17 |         error: "Email, password, and name are required" 
 18 |       }, { status: 400 })
 19 |     }
 20 | 
 21 |     // Validate email format
 22 |     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
 23 |     if (!emailRegex.test(email)) {
 24 |       return NextResponse.json({ 
 25 |         success: false, 
 26 |         error: "Invalid email format" 
 27 |       }, { status: 400 })
 28 |     }
 29 | 
 30 |     // Validate password strength
 31 |     if (password.length < 6) {
 32 |       return NextResponse.json({ 
 33 |         success: false, 
 34 |         error: "Password must be at least 6 characters long" 
 35 |       }, { status: 400 })
 36 |     }
 37 | 
 38 |     // Check if users table exists, create if not
 39 |     const [tables] = await pool.query<RowDataPacket[]>(
 40 |       "SHOW TABLES LIKE 'users'"
 41 |     )
 42 | 
 43 |     if (!Array.isArray(tables) || tables.length === 0) {
 44 |       // Create users table
 45 |       await pool.query(`
 46 |         CREATE TABLE IF NOT EXISTS users (
 47 |           id INT AUTO_INCREMENT PRIMARY KEY,
 48 |           email VARCHAR(255) NOT NULL UNIQUE,
 49 |           password_hash VARCHAR(255) NOT NULL,
 50 |           name VARCHAR(255) DEFAULT NULL,
 51 |           created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
 52 |           updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
 53 |         ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci
 54 |       `)
 55 |     }
 56 | 
 57 |     // SECURITY CHECK: Ensure no users exist before allowing registration
 58 |     const [existingUsers] = await pool.query<RowDataPacket[]>(
 59 |       "SELECT COUNT(*) as count FROM users"
 60 |     )
 61 | 
 62 |     const userCount = Array.isArray(existingUsers) && existingUsers.length > 0 ? existingUsers[0].count : 0
 63 | 
 64 |     if (userCount > 0) {
 65 |       return NextResponse.json({ 
 66 |         success: false, 
 67 |         error: "Registration is only allowed when no users exist. Please use login instead." 
 68 |       }, { status: 403 })
 69 |     }
 70 | 
 71 |     // Check if email already exists (extra safety)
 72 |     const [emailCheck] = await pool.query<RowDataPacket[]>(
 73 |       "SELECT id FROM users WHERE email = ? LIMIT 1",
 74 |       [email]
 75 |     )
 76 | 
 77 |     if (Array.isArray(emailCheck) && emailCheck.length > 0) {
 78 |       return NextResponse.json({ 
 79 |         success: false, 
 80 |         error: "Email already exists" 
 81 |       }, { status: 400 })
 82 |     }
 83 | 
 84 |     // Hash password
 85 |     const hashedPassword = await bcrypt.hash(password, 12)
 86 | 
 87 |     // Create first user
 88 |     await pool.query(
 89 |       "INSERT INTO users (email, password_hash, name) VALUES (?, ?, ?)",
 90 |       [email, hashedPassword, name]
 91 |     )
 92 | 
 93 |     console.log("✅ First user created successfully:", email)
 94 | 
 95 |     return NextResponse.json({ 
 96 |       success: true, 
 97 |       message: "First user created successfully. You can now login.",
 98 |       user: {
 99 |         email: email,
100 |         name: name
101 |       }
102 |     })
103 |   } catch (err) {
104 |     console.error("Register first user error:", err)
105 |     
106 |     // Handle duplicate email error
107 |     if (err instanceof Error && err.message.includes('Duplicate entry')) {
108 |       return NextResponse.json({ 
109 |         success: false, 
110 |         error: "Email already exists" 
111 |       }, { status: 400 })
112 |     }
113 | 
114 |     return NextResponse.json({ 
115 |       success: false, 
116 |       error: "Failed to create user",
117 |       details: err instanceof Error ? err.message : "Unknown error"
118 |     }, { status: 500 })
119 |   }
120 | }
121 | 


--------------------------------------------------------------------------------
/components/ui/sheet.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as SheetPrimitive from "@radix-ui/react-dialog"
  5 | import { cva, type VariantProps } from "class-variance-authority"
  6 | 
  7 | import { cn } from "@/lib/utils"
  8 | 
  9 | const Sheet = SheetPrimitive.Root
 10 | 
 11 | const SheetTrigger = SheetPrimitive.Trigger
 12 | 
 13 | const SheetClose = SheetPrimitive.Close
 14 | 
 15 | const SheetPortal = SheetPrimitive.Portal
 16 | 
 17 | const SheetOverlay = React.forwardRef<
 18 |   React.ElementRef<typeof SheetPrimitive.Overlay>,
 19 |   React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
 20 | >(({ className, ...props }, ref) => (
 21 |   <SheetPrimitive.Overlay
 22 |     className={cn(
 23 |       "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 24 |       className,
 25 |     )}
 26 |     {...props}
 27 |     ref={ref}
 28 |   />
 29 | ))
 30 | SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
 31 | 
 32 | const sheetVariants = cva(
 33 |   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
 34 |   {
 35 |     variants: {
 36 |       side: {
 37 |         top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
 38 |         bottom:
 39 |           "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
 40 |         left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
 41 |         right:
 42 |           "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
 43 |       },
 44 |     },
 45 |     defaultVariants: {
 46 |       side: "right",
 47 |     },
 48 |   },
 49 | )
 50 | 
 51 | interface SheetContentProps
 52 |   extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
 53 |     VariantProps<typeof sheetVariants> {}
 54 | 
 55 | const SheetContent = React.forwardRef<React.ElementRef<typeof SheetPrimitive.Content>, SheetContentProps>(
 56 |   ({ side = "right", className, children, ...props }, ref) => (
 57 |     <SheetPortal>
 58 |       <SheetOverlay />
 59 |       <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>
 60 |         {children}
 61 |       </SheetPrimitive.Content>
 62 |     </SheetPortal>
 63 |   ),
 64 | )
 65 | SheetContent.displayName = SheetPrimitive.Content.displayName
 66 | 
 67 | const SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
 68 |   <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
 69 | )
 70 | SheetHeader.displayName = "SheetHeader"
 71 | 
 72 | const SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
 73 |   <div className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)} {...props} />
 74 | )
 75 | SheetFooter.displayName = "SheetFooter"
 76 | 
 77 | const SheetTitle = React.forwardRef<
 78 |   React.ElementRef<typeof SheetPrimitive.Title>,
 79 |   React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
 80 | >(({ className, ...props }, ref) => (
 81 |   <SheetPrimitive.Title ref={ref} className={cn("text-lg font-semibold text-foreground", className)} {...props} />
 82 | ))
 83 | SheetTitle.displayName = SheetPrimitive.Title.displayName
 84 | 
 85 | const SheetDescription = React.forwardRef<
 86 |   React.ElementRef<typeof SheetPrimitive.Description>,
 87 |   React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
 88 | >(({ className, ...props }, ref) => (
 89 |   <SheetPrimitive.Description ref={ref} className={cn("text-sm text-muted-foreground", className)} {...props} />
 90 | ))
 91 | SheetDescription.displayName = SheetPrimitive.Description.displayName
 92 | 
 93 | export {
 94 |   Sheet,
 95 |   SheetPortal,
 96 |   SheetOverlay,
 97 |   SheetTrigger,
 98 |   SheetClose,
 99 |   SheetContent,
100 |   SheetHeader,
101 |   SheetFooter,
102 |   SheetTitle,
103 |   SheetDescription,
104 | }
105 | 


--------------------------------------------------------------------------------
/app/api/device-files/route.ts:
--------------------------------------------------------------------------------
  1 | import { NextRequest, NextResponse } from "next/server"
  2 | import { executeQuery as executeClickHouseQuery } from "@/lib/clickhouse"
  3 | import { logInfo, logError } from "@/lib/logger"
  4 | import { deviceCredentialsSchema, validateData, createValidationErrorResponse } from "@/lib/validation"
  5 | import { validateRequest } from "@/lib/auth"
  6 | 
  7 | export async function POST(request: NextRequest) {
  8 |   // Validate authentication
  9 |   const user = await validateRequest(request)
 10 |   if (!user) {
 11 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
 12 |   }
 13 | 
 14 |   try {
 15 |     const body = await request.json()
 16 | 
 17 |     // Validate input
 18 |     const validation = validateData(deviceCredentialsSchema, body)
 19 |     if (!validation.success) {
 20 |       logError("Validation failed for device files request", validation.errors, 'Device Files API')
 21 |       return NextResponse.json(createValidationErrorResponse(validation.errors), { status: 400 })
 22 |     }
 23 | 
 24 |     const { deviceId } = validation.data
 25 |     logInfo(`Loading files for device: ${deviceId}`, undefined, 'Device Files API')
 26 | 
 27 |     // First, verify the device exists and get device info (ClickHouse)
 28 |     // NOTE: device_id is VARCHAR(255) in schema, so {deviceId:String} is correct
 29 |     const deviceCheck = (await executeClickHouseQuery(
 30 |       "SELECT device_id, device_name, upload_batch, total_files FROM devices WHERE device_id = {deviceId:String}",
 31 |       { deviceId },
 32 |     )) as any[]
 33 | 
 34 |     console.log("📱 Device check result:", deviceCheck)
 35 | 
 36 |     if (deviceCheck.length === 0) {
 37 |       console.log("❌ Device not found:", deviceId)
 38 |       return NextResponse.json({ error: "Device not found" }, { status: 404 })
 39 |     }
 40 | 
 41 |     const device = deviceCheck[0]
 42 | 
 43 |     // Get all files for this device (ClickHouse)
 44 |     // Only files with local_file_path (all files should be migrated to disk)
 45 |     // NOTE: device_id is VARCHAR(255) in schema, so {deviceId:String} is correct
 46 |     // NOTE: has_content returns 1 or 0 (Number) - will be converted to Boolean in mapping
 47 |     const files = (await executeClickHouseQuery(
 48 |       `SELECT 
 49 |         file_path,
 50 |         file_name,
 51 |         coalesce(parent_path, '') as parent_path,
 52 |         is_directory,
 53 |         coalesce(file_size, 0) as file_size,
 54 |         if(local_file_path IS NOT NULL, 1, 0) as has_content,
 55 |         file_type
 56 |        FROM files 
 57 |        WHERE device_id = {deviceId:String} 
 58 |        ORDER BY file_path`,
 59 |       { deviceId },
 60 |     )) as any[]
 61 | 
 62 |     console.log(`📊 Found ${files.length} files for device ${deviceId}`)
 63 | 
 64 |     // Format files for display
 65 |     // Note: has_content dari ClickHouse adalah 1 atau 0 (Number), perlu convert ke Boolean
 66 |     const formattedFiles = files.map((file) => ({
 67 |       file_path: file.file_path || "",
 68 |       file_name: file.file_name || "",
 69 |       parent_path: file.parent_path || "",
 70 |       is_directory: file.is_directory || false,
 71 |       file_size: file.file_size || 0,
 72 |       // Convert Number (1/0) to Boolean explicitly
 73 |       has_content: Boolean(file.has_content && file.has_content !== 0),
 74 |     }))
 75 | 
 76 |     // Return device info with files
 77 |     const result = {
 78 |       deviceId: device.device_id,
 79 |       deviceName: device.device_name,
 80 |       uploadBatch: device.upload_batch,
 81 |       totalFiles: device.total_files || files.length,
 82 |       files: formattedFiles,
 83 |       matchingFiles: [], // Empty for now, can be populated if needed
 84 |       matchedContent: [], // Empty for now, can be populated if needed
 85 |     }
 86 | 
 87 |     console.log(`✅ Returning device files data with ${formattedFiles.length} files`)
 88 | 
 89 |     return NextResponse.json(result)
 90 |   } catch (error) {
 91 |     console.error("❌ Error loading device files:", error)
 92 |     return NextResponse.json(
 93 |       {
 94 |         error: "Failed to load files",
 95 |         details: error instanceof Error ? error.message : "Unknown error",
 96 |       },
 97 |       { status: 500 },
 98 |     )
 99 |   }
100 | }
101 | 
102 | 


--------------------------------------------------------------------------------
/app/api/analytics/performance/route.ts:
--------------------------------------------------------------------------------
  1 | import { NextRequest, NextResponse } from 'next/server'
  2 | import { logInfo, logWarn } from '@/lib/logger'
  3 | import { validateRequest } from '@/lib/auth'
  4 | 
  5 | interface PerformanceMetric {
  6 |   metric: string
  7 |   value: number
  8 |   rating: 'good' | 'needs-improvement' | 'poor'
  9 |   timestamp: number
 10 |   url: string
 11 |   userAgent: string
 12 | }
 13 | 
 14 | // In-memory storage for demo purposes
 15 | // In production, you'd want to use a proper database or analytics service
 16 | const performanceMetrics: PerformanceMetric[] = []
 17 | 
 18 | export async function POST(request: NextRequest) {
 19 |   // Validate authentication
 20 |   const user = await validateRequest(request)
 21 |   if (!user) {
 22 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
 23 |   }
 24 | 
 25 |   try {
 26 |     const metric: PerformanceMetric = await request.json()
 27 |     
 28 |     // Validate the metric data
 29 |     if (!metric.metric || typeof metric.value !== 'number') {
 30 |       return NextResponse.json(
 31 |         { error: 'Invalid metric data' },
 32 |         { status: 400 }
 33 |       )
 34 |     }
 35 | 
 36 |     // Store the metric
 37 |     performanceMetrics.push(metric)
 38 |     
 39 |     // Log poor performance metrics
 40 |     if (metric.rating === 'poor') {
 41 |       logWarn(
 42 |         `Poor performance detected: ${metric.metric} = ${metric.value}ms`,
 43 |         metric,
 44 |         'Performance Analytics'
 45 |       )
 46 |     } else {
 47 |       logInfo(
 48 |         `Performance metric recorded: ${metric.metric} = ${metric.value}ms`,
 49 |         undefined,
 50 |         'Performance Analytics'
 51 |       )
 52 |     }
 53 | 
 54 |     // Keep only last 1000 metrics to prevent memory issues
 55 |     if (performanceMetrics.length > 1000) {
 56 |       performanceMetrics.splice(0, performanceMetrics.length - 1000)
 57 |     }
 58 | 
 59 |     return NextResponse.json({ success: true })
 60 |   } catch (error) {
 61 |     logWarn('Failed to process performance metric', error, 'Performance Analytics')
 62 |     return NextResponse.json(
 63 |       { error: 'Failed to process metric' },
 64 |       { status: 500 }
 65 |     )
 66 |   }
 67 | }
 68 | 
 69 | export async function GET(request: NextRequest) {
 70 |   // Validate authentication
 71 |   const user = await validateRequest(request)
 72 |   if (!user) {
 73 |     return NextResponse.json({ success: false, error: "Unauthorized" }, { status: 401 })
 74 |   }
 75 | 
 76 |   try {
 77 |     const { searchParams } = new URL(request.url)
 78 |     const metric = searchParams.get('metric')
 79 |     const limit = parseInt(searchParams.get('limit') || '100')
 80 | 
 81 |     let filteredMetrics = performanceMetrics
 82 | 
 83 |     // Filter by metric type if specified
 84 |     if (metric) {
 85 |       filteredMetrics = performanceMetrics.filter(m => m.metric === metric)
 86 |     }
 87 | 
 88 |     // Limit results
 89 |     const results = filteredMetrics
 90 |       .slice(-limit)
 91 |       .sort((a, b) => b.timestamp - a.timestamp)
 92 | 
 93 |     // Calculate summary statistics
 94 |     const summary = calculateSummary(filteredMetrics)
 95 | 
 96 |     return NextResponse.json({
 97 |       metrics: results,
 98 |       summary,
 99 |       total: filteredMetrics.length
100 |     })
101 |   } catch (error) {
102 |     logWarn('Failed to retrieve performance metrics', error, 'Performance Analytics')
103 |     return NextResponse.json(
104 |       { error: 'Failed to retrieve metrics' },
105 |       { status: 500 }
106 |     )
107 |   }
108 | }
109 | 
110 | function calculateSummary(metrics: PerformanceMetric[]) {
111 |   if (metrics.length === 0) {
112 |     return {
113 |       count: 0,
114 |       averageValue: 0,
115 |       ratings: { good: 0, needsImprovement: 0, poor: 0 }
116 |     }
117 |   }
118 | 
119 |   const totalValue = metrics.reduce((sum, m) => sum + m.value, 0)
120 |   const averageValue = totalValue / metrics.length
121 | 
122 |   const ratings = metrics.reduce(
123 |     (acc, m) => {
124 |       acc[m.rating === 'needs-improvement' ? 'needsImprovement' : m.rating]++
125 |       return acc
126 |     },
127 |     { good: 0, needsImprovement: 0, poor: 0 }
128 |   )
129 | 
130 |   return {
131 |     count: metrics.length,
132 |     averageValue: Math.round(averageValue * 100) / 100,
133 |     ratings
134 |   }
135 | }
136 | 


--------------------------------------------------------------------------------
/lib/auth.ts:
--------------------------------------------------------------------------------
  1 | import { NextRequest } from 'next/server'
  2 | 
  3 | const JWT_SECRET = process.env.JWT_SECRET || 'your-secret-key-change-this-in-production'
  4 | 
  5 | export interface JWTPayload {
  6 |   userId: string
  7 |   username: string
  8 |   iat?: number
  9 |   exp?: number
 10 | }
 11 | 
 12 | // Simple base64 encoding/decoding for Edge Runtime compatibility
 13 | function base64UrlEncode(str: string): string {
 14 |   return btoa(str)
 15 |     .replace(/\+/g, '-')
 16 |     .replace(/\//g, '_')
 17 |     .replace(/=/g, '')
 18 | }
 19 | 
 20 | function base64UrlDecode(str: string): string {
 21 |   str += '='.repeat((4 - str.length % 4) % 4)
 22 |   return atob(str.replace(/-/g, '+').replace(/_/g, '/'))
 23 | }
 24 | 
 25 | // Simple HMAC-SHA256 implementation using Web Crypto API
 26 | async function hmacSha256(key: string, data: string): Promise<string> {
 27 |   const encoder = new TextEncoder()
 28 |   const keyData = encoder.encode(key)
 29 |   const messageData = encoder.encode(data)
 30 | 
 31 |   const cryptoKey = await globalThis.crypto.subtle.importKey(
 32 |     'raw',
 33 |     keyData,
 34 |     { name: 'HMAC', hash: 'SHA-256' },
 35 |     false,
 36 |     ['sign']
 37 |   )
 38 | 
 39 |   const signature = await globalThis.crypto.subtle.sign('HMAC', cryptoKey, messageData)
 40 |   const signatureArray = new Uint8Array(signature)
 41 |   const signatureString = String.fromCharCode(...signatureArray)
 42 |   return base64UrlEncode(signatureString)
 43 | }
 44 | 
 45 | export async function generateToken(payload: Omit<JWTPayload, 'iat' | 'exp'>): Promise<string> {
 46 |   const header = {
 47 |     alg: 'HS256',
 48 |     typ: 'JWT'
 49 |   }
 50 | 
 51 |   const now = Math.floor(Date.now() / 1000)
 52 |   const fullPayload = {
 53 |     ...payload,
 54 |     iat: now,
 55 |     exp: now + (24 * 60 * 60) // 24 hours
 56 |   }
 57 | 
 58 |   const encodedHeader = base64UrlEncode(JSON.stringify(header))
 59 |   const encodedPayload = base64UrlEncode(JSON.stringify(fullPayload))
 60 |   const data = `${encodedHeader}.${encodedPayload}`
 61 | 
 62 |   const signature = await hmacSha256(JWT_SECRET, data)
 63 |   return `${data}.${signature}`
 64 | }
 65 | 
 66 | export async function verifyToken(token: string): Promise<JWTPayload | null> {
 67 |   try {
 68 |     const parts = token.split('.')
 69 |     if (parts.length !== 3) {
 70 |       return null
 71 |     }
 72 | 
 73 |     const [encodedHeader, encodedPayload, signature] = parts
 74 |     const data = `${encodedHeader}.${encodedPayload}`
 75 | 
 76 |     // Verify signature
 77 |     const expectedSignature = await hmacSha256(JWT_SECRET, data)
 78 |     if (signature !== expectedSignature) {
 79 |       console.error('JWT signature verification failed')
 80 |       return null
 81 |     }
 82 | 
 83 |     // Decode payload
 84 |     const payload = JSON.parse(base64UrlDecode(encodedPayload)) as JWTPayload
 85 | 
 86 |     // Check expiration
 87 |     if (payload.exp && payload.exp < Math.floor(Date.now() / 1000)) {
 88 |       console.error('JWT token expired')
 89 |       return null
 90 |     }
 91 | 
 92 |     return payload
 93 |   } catch (error) {
 94 |     console.error('JWT verification failed:', error)
 95 |     return null
 96 |   }
 97 | }
 98 | 
 99 | export function getTokenFromRequest(request: NextRequest): string | null {
100 |   // Try to get token from Authorization header first
101 |   const authHeader = request.headers.get('authorization')
102 |   if (authHeader && authHeader.startsWith('Bearer ')) {
103 |     return authHeader.substring(7)
104 |   }
105 | 
106 |   // Fallback to cookie
107 |   const authCookie = request.cookies.get('auth')
108 |   return authCookie?.value || null
109 | }
110 | 
111 | export async function validateRequest(request: NextRequest): Promise<JWTPayload | null> {
112 |   const token = getTokenFromRequest(request)
113 |   if (!token) {
114 |     return null
115 |   }
116 | 
117 |   return await verifyToken(token)
118 | }
119 | 
120 | export class AuthError extends Error {
121 |   constructor(message: string, public statusCode: number = 401) {
122 |     super(message)
123 |     this.name = 'AuthError'
124 |   }
125 | }
126 | 
127 | // Helper function to create secure cookie options
128 | export function getSecureCookieOptions() {
129 |   return {
130 |     httpOnly: true,
131 |     secure: process.env.NODE_ENV === 'production',
132 |     sameSite: 'strict' as const,
133 |     maxAge: 24 * 60 * 60, // 24 hours in seconds
134 |     path: '/',
135 |   }
136 | }
137 | 


--------------------------------------------------------------------------------
/lib/system-information-parser/parsers/blank-grabber.parser.ts:
--------------------------------------------------------------------------------
  1 | // Blank Grabber parser (Windows systeminfo format)
  2 | 
  3 | import { ParsedLogData } from '../types';
  4 | import { extractValue, combineOS, cleanValue, extractIP, extractUsername, normalizeLine, isSeparatorLine } from '../helpers';
  5 | 
  6 | /**
  7 |  * Parse Blank Grabber log (Windows systeminfo command output)
  8 |  * Format: Host Name: DESKTOP-1PQPCEA
  9 |  *         OS Name: Microsoft Windows 10 Pro
 10 |  *         OS Version: 10.0.19045 N/A Build 19045
 11 |  */
 12 | export function parseBlankGrabber(content: string, fileName: string): ParsedLogData {
 13 |   const lines = content.split(/\r?\n/);
 14 |   const result: ParsedLogData = {
 15 |     stealerType: 'Blank Grabber',
 16 |     os: null,
 17 |     ipAddress: null,
 18 |     username: null,
 19 |     cpu: null,
 20 |     ram: null,
 21 |     computerName: null,
 22 |     gpu: null,
 23 |     country: null,
 24 |     logDate: null,
 25 |     hwid: null,
 26 |     filePath: null,
 27 |     antivirus: null,
 28 |   };
 29 | 
 30 |   let osName: string | null = null;
 31 |   let osVersion: string | null = null;
 32 | 
 33 |   for (const line of lines) {
 34 |     const trimmedLine = line.trim();
 35 |     if (!trimmedLine) continue;
 36 | 
 37 |     // Skip separator lines
 38 |     if (isSeparatorLine(trimmedLine)) {
 39 |       continue;
 40 |     }
 41 | 
 42 |     // Normalize: remove dash prefix dan indent/tab jika ada
 43 |     const normalizedLine = normalizeLine(trimmedLine);
 44 |     const lowerLine = normalizedLine.toLowerCase();
 45 | 
 46 |     // Host Name: DESKTOP-1PQPCEA
 47 |     if (lowerLine.startsWith('host name:') && !result.computerName) {
 48 |       const value = extractValue(normalizedLine);
 49 |       if (value && value.trim()) {
 50 |         result.computerName = cleanValue(value);
 51 |       }
 52 |     }
 53 | 
 54 |     // OS Name: Microsoft Windows 10 Pro
 55 |     if (lowerLine.startsWith('os name:') && !osName) {
 56 |       const value = extractValue(normalizedLine);
 57 |       if (value && value.trim()) {
 58 |         osName = value;
 59 |       }
 60 |     }
 61 | 
 62 |     // OS Version: 10.0.19045 N/A Build 19045
 63 |     if (lowerLine.startsWith('os version:') && !osVersion) {
 64 |       const value = extractValue(normalizedLine);
 65 |       if (value && value.trim()) {
 66 |         osVersion = value;
 67 |       }
 68 |     }
 69 | 
 70 |     // Registered Owner: admin
 71 |     if (lowerLine.startsWith('registered owner:') && !result.username) {
 72 |       const value = extractValue(normalizedLine);
 73 |       if (value && value.trim()) {
 74 |         result.username = cleanValue(extractUsername(value));
 75 |       }
 76 |     }
 77 | 
 78 |     // Processor(s): 2 Processor(s) Installed. [01]: AMD64 Family 23 Model 113 Stepping 0 AuthenticAMD ~3500 Mhz
 79 |     if (lowerLine.startsWith('processor(s):') && !result.cpu) {
 80 |       // Cari baris berikutnya yang berisi detail processor
 81 |       const lineIndex = lines.indexOf(line);
 82 |       if (lineIndex >= 0 && lineIndex < lines.length - 1) {
 83 |         const processorLine = lines[lineIndex + 1];
 84 |         if (processorLine) {
 85 |           const match = processorLine.match(/\[01\]:\s*(.+)/i);
 86 |           if (match) {
 87 |             result.cpu = cleanValue(match[1].trim());
 88 |           }
 89 |         }
 90 |       }
 91 |     }
 92 | 
 93 |     // Total Physical Memory: 8,191 MB
 94 |     if (lowerLine.startsWith('total physical memory:') && !result.ram) {
 95 |       const value = extractValue(normalizedLine);
 96 |       if (value && value.trim()) {
 97 |         result.ram = cleanValue(value);
 98 |       }
 99 |     }
100 | 
101 |     // IP address(es) [01]: 192.168.229.128
102 |     if (lowerLine.includes('ip address(es)') && !result.ipAddress) {
103 |       // Cari baris berikutnya yang berisi IP
104 |       const lineIndex = lines.indexOf(line);
105 |       if (lineIndex >= 0 && lineIndex < lines.length - 1) {
106 |         const ipLine = lines[lineIndex + 1];
107 |         if (ipLine) {
108 |           const match = ipLine.match(/\[01\]:\s*([0-9.]+)/);
109 |           if (match) {
110 |             result.ipAddress = cleanValue(extractIP(match[1]));
111 |           }
112 |         }
113 |       }
114 |     }
115 |   }
116 | 
117 |   // Combine OS Name dan OS Version
118 |   if (osName || osVersion) {
119 |     result.os = cleanValue(combineOS(osName, osVersion));
120 |   }
121 | 
122 |   return result;
123 | }
124 | 
125 | 


--------------------------------------------------------------------------------
/components/ui/dialog.tsx:
--------------------------------------------------------------------------------
  1 | "use client"
  2 | 
  3 | import * as React from "react"
  4 | import * as DialogPrimitive from "@radix-ui/react-dialog"
  5 | import { X } from "lucide-react"
  6 | 
  7 | import { cn } from "@/lib/utils"
  8 | 
  9 | const Dialog = DialogPrimitive.Root
 10 | 
 11 | const DialogTrigger = DialogPrimitive.Trigger
 12 | 
 13 | const DialogPortal = DialogPrimitive.Portal
 14 | 
 15 | const DialogClose = DialogPrimitive.Close
 16 | 
 17 | const DialogOverlay = React.forwardRef<
 18 |   React.ElementRef<typeof DialogPrimitive.Overlay>,
 19 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
 20 | >(({ className, ...props }, ref) => (
 21 |   <DialogPrimitive.Overlay
 22 |     ref={ref}
 23 |     className={cn(
 24 |       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
 25 |       className
 26 |     )}
 27 |     {...props}
 28 |   />
 29 | ))
 30 | DialogOverlay.displayName = DialogPrimitive.Overlay.displayName
 31 | 
 32 | const DialogContent = React.forwardRef<
 33 |   React.ElementRef<typeof DialogPrimitive.Content>,
 34 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
 35 | >(({ className, children, ...props }, ref) => (
 36 |   <DialogPortal>
 37 |     <DialogOverlay />
 38 |     <DialogPrimitive.Content
 39 |       ref={ref}
 40 |       className={cn(
 41 |         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
 42 |         className
 43 |       )}
 44 |       {...props}
 45 |     >
 46 |       {children}
 47 |       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
 48 |         <X className="h-4 w-4" />
 49 |         <span className="sr-only">Close</span>
 50 |       </DialogPrimitive.Close>
 51 |     </DialogPrimitive.Content>
 52 |   </DialogPortal>
 53 | ))
 54 | DialogContent.displayName = DialogPrimitive.Content.displayName
 55 | 
 56 | const DialogHeader = ({
 57 |   className,
 58 |   ...props
 59 | }: React.HTMLAttributes<HTMLDivElement>) => (
 60 |   <div
 61 |     className={cn(
 62 |       "flex flex-col space-y-1.5 text-center sm:text-left",
 63 |       className
 64 |     )}
 65 |     {...props}
 66 |   />
 67 | )
 68 | DialogHeader.displayName = "DialogHeader"
 69 | 
 70 | const DialogFooter = ({
 71 |   className,
 72 |   ...props
 73 | }: React.HTMLAttributes<HTMLDivElement>) => (
 74 |   <div
 75 |     className={cn(
 76 |       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
 77 |       className
 78 |     )}
 79 |     {...props}
 80 |   />
 81 | )
 82 | DialogFooter.displayName = "DialogFooter"
 83 | 
 84 | const DialogTitle = React.forwardRef<
 85 |   React.ElementRef<typeof DialogPrimitive.Title>,
 86 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
 87 | >(({ className, ...props }, ref) => (
 88 |   <DialogPrimitive.Title
 89 |     ref={ref}
 90 |     className={cn(
 91 |       "text-lg font-semibold leading-none tracking-tight",
 92 |       className
 93 |     )}
 94 |     {...props}
 95 |   />
 96 | ))
 97 | DialogTitle.displayName = DialogPrimitive.Title.displayName
 98 | 
 99 | const DialogDescription = React.forwardRef<
100 |   React.ElementRef<typeof DialogPrimitive.Description>,
101 |   React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
102 | >(({ className, ...props }, ref) => (
103 |   <DialogPrimitive.Description
104 |     ref={ref}
105 |     className={cn("text-sm text-muted-foreground", className)}
106 |     {...props}
107 |   />
108 | ))
109 | DialogDescription.displayName = DialogPrimitive.Description.displayName
110 | 
111 | export {
112 |   Dialog,
113 |   DialogPortal,
114 |   DialogOverlay,
115 |   DialogClose,
116 |   DialogTrigger,
117 |   DialogContent,
118 |   DialogHeader,
119 |   DialogFooter,
120 |   DialogTitle,
121 |   DialogDescription,
122 | }
123 | 


--------------------------------------------------------------------------------