browser

1"use client"
2 
3import type React from "react"
4import { useEffect, useState } from "react"
5import Image from "next/image"
6import {
7  Battery,
8  BookmarkIcon,
9  ChevronLeft,
10  ChevronRight,
11  Download,
12  Globe,
13  History,
14  Home,
15  Lock,
16  Maximize2,
17  Minimize2,
18  MoreHorizontal,
19  Plus,
20  RotateCcw,
21  Search,
22  Settings,
23  Shield,
24  Square,
25  Star,
26  StarOff,
27  Volume2,
28  Wifi,
29  X,
30} from "lucide-react"
31 
32import { cn } from "@/lib/utils"
33import { Badge } from "@/components/ui/badge"
34import { Button } from "@/components/ui/button"
35import { Card } from "@/components/ui/card"
36import { Input } from "@/components/ui/input"
37import { Separator } from "@/components/ui/separator"
38 
39interface Tab {
40  id: string
41  title: string
42  url: string
43  favicon?: string
44  isActive: boolean
45  isLoading: boolean
46}
47 
48interface Bookmark {
49  id: string
50  title: string
51  url: string
52  favicon?: string
53}
54 
55interface HistoryItem {
56  id: string
57  title: string
58  url: string
59  timestamp: Date
60  favicon?: string
61}
62 
63interface BrowserProps {
64  image?: string
65  initialUrl?: string
66  initialTabs?: Partial<Tab>[]
67  theme?: "light" | "dark" | "system"
68  showWindowControls?: boolean
69  showBookmarksBar?: boolean
70  showStatusBar?: boolean
71  className?: string
72  enableTabManagement?: boolean
73  enableBookmarks?: boolean
74  enableHistory?: boolean
75  enableDownloads?: boolean
76  enableSettings?: boolean
77  maxTabs?: number
78  customBookmarks?: Bookmark[]
79  customHistory?: HistoryItem[]
80  onNavigate?: (url: string, tabId: string) => void
81  onTabCreate?: (tab: Tab) => void
82  onTabClose?: (tabId: string) => void
83  onTabSwitch?: (tabId: string) => void
84  onBookmarkToggle?: (url: string, isBookmarked: boolean) => void
85  onDownload?: (url: string) => void
86  renderContent?: (url: string, isLoading: boolean) => React.ReactNode
87  customFavicons?: Record<string, string>
88  openLinksInNewTab?: boolean
89  autoFocusAddressBar?: boolean
90  simulateLoading?: boolean
91  loadingDuration?: number
92}
93 
94export function Browser({
95  image = "/placeholder.svg",
96  initialUrl = "https://eldoraui.site",
97  initialTabs,
98  showWindowControls = false,
99  showBookmarksBar = false,
100  showStatusBar = true,
101  className,
102  enableTabManagement = false,
103  enableBookmarks = true,
104  enableHistory = true,
105  enableDownloads = true,
106  enableSettings = true,
107  maxTabs = 10,
108  customBookmarks,
109  customHistory,
110  onNavigate,
111  onTabCreate,
112  onTabClose,
113  onTabSwitch,
114  onBookmarkToggle,
115  onDownload,
116  renderContent,
117  autoFocusAddressBar = false,
118// … truncated