PolloUILib.lua

-- Pollo UI Lib
-- Reusable PolloHub interface only. No game modules are included.

local Players = game:GetService("Players")
local RunService = game:GetService("RunService")
local TweenService = game:GetService("TweenService")
local UserInputService = game:GetService("UserInputService")
local HttpService = game:GetService("HttpService")

local LocalPlayer = Players.LocalPlayer

local PolloUI = {
	Version = "2.0.1",
	Themes = {
		["Pollo Dark"] = {
			Root = Color3.fromRGB(3, 5, 7),
			Top = Color3.fromRGB(10, 13, 17),
			Side = Color3.fromRGB(7, 10, 13),
			Content = Color3.fromRGB(0, 0, 0),
			Card = Color3.fromRGB(10, 12, 15),
			Input = Color3.fromRGB(8, 11, 15),
			Stroke = Color3.fromRGB(26, 32, 39),
			Accent = Color3.fromRGB(85, 200, 255),
			Text = Color3.fromRGB(244, 248, 255),
			Muted = Color3.fromRGB(143, 153, 170),
			Dim = Color3.fromRGB(88, 98, 113)
		},
		["Midnight Mint"] = {
			Root = Color3.fromRGB(4, 12, 13),
			Top = Color3.fromRGB(7, 22, 22),
			Side = Color3.fromRGB(5, 16, 17),
			Content = Color3.fromRGB(1, 7, 8),
			Card = Color3.fromRGB(8, 22, 22),
			Input = Color3.fromRGB(5, 15, 16),
			Stroke = Color3.fromRGB(24, 54, 52),
			Accent = Color3.fromRGB(90, 235, 190),
			Text = Color3.fromRGB(238, 255, 250),
			Muted = Color3.fromRGB(139, 174, 166),
			Dim = Color3.fromRGB(77, 112, 107)
		},
		["Rose Noir"] = {
			Root = Color3.fromRGB(12, 5, 10),
			Top = Color3.fromRGB(25, 10, 20),
			Side = Color3.fromRGB(17, 7, 15),
			Content = Color3.fromRGB(7, 2, 6),
			Card = Color3.fromRGB(24, 10, 20),
			Input = Color3.fromRGB(17, 7, 15),
			Stroke = Color3.fromRGB(58, 29, 48),
			Accent = Color3.fromRGB(255, 110, 165),
			Text = Color3.fromRGB(255, 240, 248),
			Muted = Color3.fromRGB(190, 145, 168),
			Dim = Color3.fromRGB(117, 82, 100)
		},
		["Solar Clean"] = {
			Root = Color3.fromRGB(15, 14, 11),
			Top = Color3.fromRGB(31, 28, 20),
			Side = Color3.fromRGB(22, 20, 16),
			Content = Color3.fromRGB(10, 9, 7),
			Card = Color3.fromRGB(30, 27, 20),
			Input = Color3.fromRGB(22, 19, 14),
			Stroke = Color3.fromRGB(69, 58, 37),
			Accent = Color3.fromRGB(255, 190, 80),
			Text = Color3.fromRGB(255, 248, 230),
			Muted = Color3.fromRGB(190, 174, 139),
			Dim = Color3.fromRGB(122, 105, 72)
		},
		["Violet Pulse"] = {
			Root = Color3.fromRGB(8, 5, 14),
			Top = Color3.fromRGB(18, 12, 28),
			Side = Color3.fromRGB(12, 8, 20),
			Content = Color3.fromRGB(5, 3, 10),
			Card = Color3.fromRGB(20, 14, 31),
			Input = Color3.fromRGB(13, 9, 22),
			Stroke = Color3.fromRGB(61, 42, 86),
			Accent = Color3.fromRGB(166, 92, 255),
			Text = Color3.fromRGB(250, 245, 255),
			Muted = Color3.fromRGB(178, 157, 200),
			Dim = Color3.fromRGB(111, 91, 133)
		}
	}
}

local Window = {}
Window.__index = Window

local Group = {}
Group.__index = Group

local Page = {}
Page.__index = Page

local Card = {}
Card.__index = Card

local function cloneTable(source)
	local result = {}
	for key, value in pairs(source or {}) do
		result[key] = value
	end
	return result
end

local function mergeTheme(base, custom)
	local theme = cloneTable(base)
	for key, value in pairs(custom or {}) do
		theme[key] = value
	end
	return theme
end

local function safeCall(callback, ...)
	if type(callback) ~= "function" then
		return
	end
	local ok, err = pcall(callback, ...)
	if not ok then
		warn("[PolloUI] Callback error: " .. tostring(err))
	end
end

local function new(className, properties)
	local object = Instance.new(className)
	for key, value in pairs(properties or {}) do
		object[key] = value
	end
	return object
end

local function addCorner(parent, radius)
	return new("UICorner", {
		Parent = parent,
		CornerRadius = UDim.new(0, radius or 8)
	})
end

local function addStroke(parent, color, thickness, transparency)
	return new("UIStroke", {
		Parent = parent,
		Color = color,
		Thickness = thickness or 1,
		Transparency = transparency or 0
	})
end

local function addPadding(parent, left, top, right, bottom)
	return new("UIPadding", {
		Parent = parent,
		PaddingLeft = UDim.new(0, left or 0),
		PaddingTop = UDim.new(0, top or 0),
		PaddingRight = UDim.new(0, right or 0),
		PaddingBottom = UDim.new(0, bottom or 0)
	})
end

local function getGuiParent()
	local ok, parent = pcall(function()
		return (gethui and gethui()) or game:GetService("CoreGui")
	end)
	if ok and typeof(parent) == "Instance" then
		return parent
	end
	return LocalPlayer:WaitForChild("PlayerGui")
end

local function themeToData(theme)
	local data = {}
	for key, color in pairs(theme) do
		if typeof(color) == "Color3" then
			data[key] = {
				math.floor(color.R * 255 + 0.5),
				math.floor(color.G * 255 + 0.5),
				math.floor(color.B * 255 + 0.5)
			}
		end
	end
	return data
end

local function dataToTheme(data, fallback)
	local theme = cloneTable(fallback)
	for key, value in pairs(data or {}) do
		if type(value) == "table" and tonumber(value[1]) and tonumber(value[2]) and tonumber(value[3]) then
			theme[key] = Color3.fromRGB(value[1], value[2], value[3])
		end
	end
	return theme
end

function Window:_Bind(object, property, role)
	table.insert(self.ThemeBindings, {
		Object = object,
		Property = property,
		Role = role
	})
	object[property] = self.Theme[role]
	return object
end

function Window:_Unbind(object, property)
	for index = #self.ThemeBindings, 1, -1 do
		local binding = self.ThemeBindings[index]
		if binding.Object == object and binding.Property == property then
			table.remove(self.ThemeBindings, index)
		end
	end
end

function Window:_Stroke(parent, transparency)
	local stroke = addStroke(parent, self.Theme.Stroke, 1, transparency)
	self:_Bind(stroke, "Color", "Stroke")
	return stroke
end

function Window:_TrackCorner(corner)
	table.insert(self.Corners, corner)
	return corner
end

function Window:_Corner(parent, radius)
	return self:_TrackCorner(addCorner(parent, radius or self.CornerRadius))
end

function Window:_Label(properties)
	properties = properties or {}
	local role = properties.Role or "Text"
	properties.Role = nil
	properties.BackgroundTransparency = properties.BackgroundTransparency == nil and 1 or properties.BackgroundTransparency
	properties.BorderSizePixel = 0
	properties.Font = properties.Font or Enum.Font.Gotham
	properties.TextSize = properties.TextSize or 12
	properties.TextXAlignment = properties.TextXAlignment or Enum.TextXAlignment.Left
	local label = new("TextLabel", properties)
	self:_Bind(label, "TextColor3", role)
	return label
end

function Window:_Button(properties, backgroundRole)
	properties = properties or {}
	properties.AutoButtonColor = false
	properties.BorderSizePixel = 0
	properties.Font = properties.Font or Enum.Font.Gotham
	properties.TextSize = properties.TextSize or 12
	local button = new("TextButton", properties)
	self:_Bind(button, "BackgroundColor3", backgroundRole or "Input")
	self:_Bind(button, "TextColor3", "Text")
	local scale = new("UIScale", {Parent = button, Scale = 1})
	self:AddConnection(button.MouseEnter:Connect(function()
		self:_Tween(scale, TweenInfo.new(0.14, Enum.EasingStyle.Quint), {Scale = 1.012})
	end))
	self:AddConnection(button.MouseLeave:Connect(function()
		self:_Tween(scale, TweenInfo.new(0.14, Enum.EasingStyle.Quint), {Scale = 1})
	end))
	self:AddConnection(button.MouseButton1Down:Connect(function()
		self:_Tween(scale, TweenInfo.new(0.08, Enum.EasingStyle.Quint), {Scale = 0.975})
	end))
	self:AddConnection(button.MouseButton1Up:Connect(function()
		self:_Tween(scale, TweenInfo.new(0.12, Enum.EasingStyle.Quint), {Scale = 1.012})
	end))
	return button
end

function Window:AddConnection(connection)
	if self.Destroyed then
		pcall(function()
			connection:Disconnect()
		end)
		return connection
	end
	table.insert(self.Connections, connection)
	return connection
end

function Window:_Tween(object, tweenInfo, properties)
	if self.Destroyed then
		return nil
	end
	local tween = TweenService:Create(object, tweenInfo, properties)
	table.insert(self.Tweens, tween)
	tween:Play()
	return tween
end

function Window:_Delay(seconds, callback)
	if self.Destroyed then
		return nil
	end
	local thread
	thread = task.delay(seconds, function()
		if self.Destroyed then
			return
		end
		callback()
	end)
	table.insert(self.Tasks, thread)
	return thread
end

function Window:_ClosePopup()
	if self.ActivePopup then
		self.ActivePopup:Destroy()
		self.ActivePopup = nil
	end
end

function Window:_CreatePopup(anchor, width, height)
	self:_ClosePopup()
	local layer = new("TextButton", {
		Parent = self.Main,
		Size = UDim2.new(1, 0, 1, 0),
		BackgroundTransparency = 1,
		BorderSizePixel = 0,
		Text = "",
		AutoButtonColor = false,
		ZIndex = 80
	})
	self.ActivePopup = layer

	local localX = anchor.AbsolutePosition.X - self.Main.AbsolutePosition.X
	local localY = anchor.AbsolutePosition.Y - self.Main.AbsolutePosition.Y + anchor.AbsoluteSize.Y + 4
	local popupWidth = math.min(width, self.Main.AbsoluteSize.X - 16)
	local popupHeight = math.min(height, self.Main.AbsoluteSize.Y - 16)
	if localX + popupWidth > self.Main.AbsoluteSize.X - 8 then
		localX = self.Main.AbsoluteSize.X - popupWidth - 8
	end
	if localY + popupHeight > self.Main.AbsoluteSize.Y - 8 then
		localY = anchor.AbsolutePosition.Y - self.Main.AbsolutePosition.Y - popupHeight - 4
	end
	localX = math.max(8, localX)
	localY = math.max(8, localY)

	local panel = new("Frame", {
		Parent = layer,
		Position = UDim2.fromOffset(localX, localY),
		Size = UDim2.fromOffset(popupWidth, popupHeight),
		BorderSizePixel = 0,
		ZIndex = 81
	})
	self:_Bind(panel, "BackgroundColor3", "Card")
	self:_Corner(panel, 10)
	self:_Stroke(panel)
	local scale = new("UIScale", {Parent = panel, Scale = 0.94})
	self:_Tween(scale, TweenInfo.new(0.16, Enum.EasingStyle.Back, Enum.EasingDirection.Out), {Scale = 1})
	self:AddConnection(layer.MouseButton1Click:Connect(function()
		self:_ClosePopup()
	end))
	return panel
end

function Window:_RelayoutNavigation()
	local y = 10
	for _, group in ipairs(self.GroupOrder) do
		group.Button.Position = UDim2.new(0, 10, 0, y)
		group.Button.Visible = group.SearchVisible ~= false
		if group.Button.Visible then
			y = y + 34
			for _, page in ipairs(group.Pages) do
				local visible = self.ShowSubTabs and group.Expanded and page.SearchVisible ~= false
				page.NavButton.Visible = visible
				if visible then
					page.NavButton.Position = UDim2.new(0, 24, 0, y)
					y = y + 30
				end
			end
			y = y + 8
		else
			for _, page in ipairs(group.Pages) do
				page.NavButton.Visible = false
			end
		end
	end
	self.Nav.CanvasSize = UDim2.new(0, 0, 0, y + 8)
end

function Window:_UpdateGroupOrder()
	for index, group in ipairs(self.GroupOrder) do
		group.Order = index
	end
	self:_RelayoutNavigation()
end

function Window:_CreateGroup(name, description, required)
	local group = setmetatable({
		Window = self,
		Name = name,
		Description = description or "",
		Pages = {},
		Expanded = required and name == "Home" or false,
		Required = required == true,
		SearchVisible = true
	}, Group)

	group.Button = self:_Button({
		Parent = self.Nav,
		Size = UDim2.new(1, -20, 0, 30),
		Text = "    " .. name,
		TextXAlignment = Enum.TextXAlignment.Left,
		Font = Enum.Font.GothamMedium,
		TextSize = 12
	}, "Side")
	self:_Corner(group.Button, 9)
	group.Accent = new("Frame", {
		Parent = group.Button,
		Position = UDim2.new(0, 5, 0.5, -8),
		Size = UDim2.new(0, 3, 0, 16),
		BorderSizePixel = 0,
		BackgroundTransparency = 0.7
	})
	self:_Bind(group.Accent, "BackgroundColor3", "Accent")
	self:_Corner(group.Accent, 2)
	group.Arrow = self:_Label({
		Parent = group.Button,
		Position = UDim2.new(1, -24, 0, 0),
		Size = UDim2.new(0, 18, 1, 0),
		Text = ">",
		TextXAlignment = Enum.TextXAlignment.Center,
		TextSize = 11,
		Role = "Dim"
	})
	group.Arrow.Rotation = group.Expanded and 90 or 0

	self:AddConnection(group.Button.MouseButton1Click:Connect(function()
		group:SetExpanded(not group.Expanded)
		if group.Pages[1] then
			self:SelectPage(group.Pages[1].Name)
		end
	end))
	self.Groups[name] = group
	return group
end

function Window:CreateGroup(name, options)
	options = options or {}
	name = tostring(name or "Group")
	if name == "Home" or name == "Misc" then
		return self.Groups[name]
	end
	if self.Groups[name] then
		return self.Groups[name]
	end
	local group = self:_CreateGroup(name, options.Description, false)
	table.insert(self.GroupOrder, math.max(2, #self.GroupOrder), group)
	self:_UpdateGroupOrder()
	if options.Page ~= false then
		group:CreatePage(options.PageName or name, options.Description)
	end
	return group
end

function Window:GetGroup(name)
	return self.Groups[name]
end

function Window:GetPage(name)
	return self.Pages[name]
end

-- Compatibility aliases for Pollo UI Lib 1.x.
function Window:CreateTab(name)
	self:CreateGroup(name)
	return self:GetPage(name)
end

function Window:SelectTab(name)
	return self:SelectPage(name)
end

function Window:SetMinimized(minimized)
	self:SetOpen(not minimized)
end

function Group:SetExpanded(expanded)
	self.Expanded = expanded == true
	if not self.Window.KeepGroupsOpen and self.Expanded then
		for _, group in ipairs(self.Window.GroupOrder) do
			if group ~= self then
				group.Expanded = false
				group.Arrow.Rotation = 0
			end
		end
	end
	self.Window:_Tween(self.Arrow, TweenInfo.new(0.16, Enum.EasingStyle.Quint), {
		Rotation = self.Expanded and 90 or 0
	})
	self.Window:_RelayoutNavigation()
end

function Group:CreatePage(name, description)
	name = tostring(name or self.Name)
	if self.Window.Pages[name] then
		return self.Window.Pages[name]
	end
	local holder = new("CanvasGroup", {
		Parent = self.Window.PageArea,
		Size = UDim2.new(1, 0, 1, 0),
		BackgroundTransparency = 1,
		GroupTransparency = 1,
		Visible = false
	})
	local scroll = new("ScrollingFrame", {
		Parent = holder,
		Size = UDim2.new(1, 0, 1, 0),
		BackgroundTransparency = 1,
		BorderSizePixel = 0,
		ScrollBarThickness = 3,
		ScrollBarImageColor3 = self.Window.Theme.Dim,
		CanvasSize = UDim2.new(0, 0, 0, 0)
	})
	addPadding(scroll, 16, 12, 16, 20)
	local columns = new("Frame", {
		Parent = scroll,
		Size = UDim2.new(1, -32, 0, 0),
		BackgroundTransparency = 1
	})
	local left = new("Frame", {
		Parent = columns,
		Size = UDim2.new(0.5, -7, 0, 0),
		AutomaticSize = Enum.AutomaticSize.Y,
		BackgroundTransparency = 1
	})
	local right = new("Frame", {
		Parent = columns,
		Position = UDim2.new(0.5, 7, 0, 0),
		Size = UDim2.new(0.5, -7, 0, 0),
		AutomaticSize = Enum.AutomaticSize.Y,
		BackgroundTransparency = 1
	})
	local leftLayout = new("UIListLayout", {
		Parent = left,
		Padding = UDim.new(0, 10),
		SortOrder = Enum.SortOrder.LayoutOrder
	})
	local rightLayout = new("UIListLayout", {
		Parent = right,
		Padding = UDim.new(0, 10),
		SortOrder = Enum.SortOrder.LayoutOrder
	})

	local page = setmetatable({
		Window = self.Window,
		Group = self,
		Name = name,
		Description = description or self.Description,
		Holder = holder,
		Scroll = scroll,
		Columns = {left, right},
		Layouts = {leftLayout, rightLayout},
		SearchVisible = true,
		Cards = {}
	}, Page)

	page.NavButton = self.Window:_Button({
		Parent = self.Window.Nav,
		Size = UDim2.new(1, -36, 0, 27),
		Text = "      " .. name,
		TextXAlignment = Enum.TextXAlignment.Left,
		TextSize = 12,
		Visible = false
	}, "Side")
	self.Window:_Corner(page.NavButton, 9)
	self.Window:AddConnection(page.NavButton.MouseButton1Click:Connect(function()
		self.Window:SelectPage(name)
	end))
	self.Window:AddConnection(leftLayout:GetPropertyChangedSignal("AbsoluteContentSize"):Connect(function()
		page:_UpdateCanvas()
	end))
	self.Window:AddConnection(rightLayout:GetPropertyChangedSignal("AbsoluteContentSize"):Connect(function()
		page:_UpdateCanvas()
	end))

	table.insert(self.Pages, page)
	self.Window.Pages[name] = page
	self.Window:_RelayoutNavigation()
	return page
end

function Page:_UpdateCanvas()
	local height = math.max(self.Layouts[1].AbsoluteContentSize.Y, self.Layouts[2].AbsoluteContentSize.Y)
	self.Columns[1].Size = UDim2.new(0.5, -7, 0, height)
	self.Columns[2].Size = UDim2.new(0.5, -7, 0, height)
	self.Columns[1].Parent.Size = UDim2.new(1, -32, 0, height)
	self.Scroll.CanvasSize = UDim2.new(0, 0, 0, height + 40)
end

function Window:SelectPage(name)
	local page = self.Pages[name]
	if not page or self.ActivePage == page then
		return page
	end
	self:_ClosePopup()
	local previous = self.ActivePage
	self.ActivePage = page
	self.ActivePageName = name
	self.HeaderTitle.Text = page.Name
	self.HeaderSubtitle.Text = page.Description or ""

	if previous then
		self:_Tween(previous.Holder, TweenInfo.new(0.1, Enum.EasingStyle.Quint, Enum.EasingDirection.In), {
			GroupTransparency = 1,
			Position = UDim2.new(0, -10, 0, 0)
		})
		self:_Delay(0.105, function()
			if self.ActivePage ~= previous then
				previous.Holder.Visible = false
				previous.Holder.Position = UDim2.new(0, 0, 0, 0)
			end
		end)
	end
	page.Holder.Visible = true
	page.Holder.Position = UDim2.new(0, 12, 0, 0)
	page.Holder.GroupTransparency = 1
	self:_Tween(page.Holder, TweenInfo.new(0.2, Enum.EasingStyle.Quint, Enum.EasingDirection.Out), {
		GroupTransparency = 0,
		Position = UDim2.new(0, 0, 0, 0)
	})

	for _, group in ipairs(self.GroupOrder) do
		local activeGroup = group == page.Group
		group.Accent.BackgroundTransparency = activeGroup and 0.1 or 0.7
		group.Button.BackgroundTransparency = activeGroup and 0.05 or 0.25
		for _, groupPage in ipairs(group.Pages) do
			local active = groupPage == page
			groupPage.NavButton.BackgroundTransparency = active and 0 or 0.35
			groupPage.NavButton.TextColor3 = active and self.Theme.Text or self.Theme.Muted
		end
	end
	return page
end

function Page:CreateCard(title, options)
	options = type(options) == "table" and options or {}
	local column = math.clamp(tonumber(options.Column) or 1, 1, 2)
	local frame = new("Frame", {
		Parent = self.Columns[column],
		Size = UDim2.new(1, 0, 0, 0),
		AutomaticSize = Enum.AutomaticSize.Y,
		BorderSizePixel = 0,
		LayoutOrder = options.Order or (#self.Cards + 1)
	})
	self.Window:_Bind(frame, "BackgroundColor3", "Card")
	self.Window:_Corner(frame, 10)
	self.Window:_Stroke(frame, 0.35)
	addPadding(frame, 12, 10, 12, 12)
	new("UIListLayout", {
		Parent = frame,
		Padding = UDim.new(0, 8),
		SortOrder = Enum.SortOrder.LayoutOrder
	})
	local accent = new("Frame", {
		Parent = frame,
		Position = UDim2.new(0, -12, 0, 0),
		Size = UDim2.new(0, 3, 0, 22),
		BorderSizePixel = 0
	})
	self.Window:_Bind(accent, "BackgroundColor3", "Accent")
	self.Window:_Corner(accent, 2)
	local titleLabel = self.Window:_Label({
		Parent = frame,
		Size = UDim2.new(1, 0, 0, 20),
		Text = title or "Card",
		Font = Enum.Font.GothamMedium,
		TextSize = 13,
		LayoutOrder = 1
	})
	accent.Parent = titleLabel
	accent.Position = UDim2.new(0, -12, 0, 0)
	local divider = new("Frame", {
		Parent = frame,
		Size = UDim2.new(1, 0, 0, 1),
		BorderSizePixel = 0,
		BackgroundTransparency = 0.4,
		LayoutOrder = 2
	})
	self.Window:_Bind(divider, "BackgroundColor3", "Stroke")
	local card = setmetatable({
		Window = self.Window,
		Page = self,
		Frame = frame,
		Title = titleLabel,
		NextOrder = 3
	}, Card)
	table.insert(self.Cards, card)
	return card
end

function Card:_Next()
	local order = self.NextOrder
	self.NextOrder = self.NextOrder + 1
	return order
end

function Card:_Row(height)
	return new("Frame", {
		Parent = self.Frame,
		Size = UDim2.new(1, 0, 0, height or 30),
		BackgroundTransparency = 1,
		LayoutOrder = self:_Next()
	})
end

function Card:AddLabel(text, options)
	options = options or {}
	return self.Window:_Label({
		Parent = self.Frame,
		Size = UDim2.new(1, 0, 0, options.Height or 22),
		Text = tostring(text or ""),
		TextWrapped = options.Wrapped == true,
		TextYAlignment = options.TextYAlignment or Enum.TextYAlignment.Center,
		TextSize = options.TextSize or 12,
		Font = options.Bold and Enum.Font.GothamBold or Enum.Font.Gotham,
		Role = options.Role or "Muted",
		LayoutOrder = self:_Next()
	})
end

function Card:AddSeparator()
	local separator = new("Frame", {
		Parent = self.Frame,
		Size = UDim2.new(1, 0, 0, 1),
		BorderSizePixel = 0,
		BackgroundTransparency = 0.35,
		LayoutOrder = self:_Next()
	})
	self.Window:_Bind(separator, "BackgroundColor3", "Stroke")
	return separator
end

function Card:AddButton(text, callback, options)
	options = options or {}
	local button = self.Window:_Button({
		Parent = self.Frame,
		Size = UDim2.new(1, 0, 0, options.Height or 30),
		Text = tostring(text or "Button"),
		TextXAlignment = options.Centered and Enum.TextXAlignment.Center or Enum.TextXAlignment.Left,
		TextSize = options.TextSize or 12,
		LayoutOrder = self:_Next()
	}, options.Role or "Input")
	self.Window:_Corner(button, 9)
	if not options.Centered then
		addPadding(button, 10, 0, 10, 0)
	end
	self.Window:AddConnection(button.MouseButton1Click:Connect(function()
		safeCall(callback, button)
	end))
	return button
end

function Card:AddToggle(text, default, callback)
	local enabled = default == true
	local row = self:_Row(30)
	self.Window:_Label({
		Parent = row,
		Size = UDim2.new(1, -54, 1, 0),
		Text = tostring(text or "Toggle"),
		Role = "Muted",
		TextSize = 12
	})
	local toggle = self.Window:_Button({
		Parent = row,
		Position = UDim2.new(1, -42, 0.5, -11),
		Size = UDim2.new(0, 42, 0, 22),
		Text = ""
	}, "Input")
	self.Window:_Corner(toggle, 11)
	local knob = new("Frame", {
		Parent = toggle,
		Size = UDim2.new(0, 16, 0, 16),
		BorderSizePixel = 0
	})
	self.Window:_Bind(knob, "BackgroundColor3", "Text")
	self.Window:_Corner(knob, 8)
	local control = {}
	local function render()
		toggle.BackgroundColor3 = enabled and self.Window.Theme.Accent or self.Window.Theme.Input
		self.Window:_Tween(knob, TweenInfo.new(0.14, Enum.EasingStyle.Quint), {
			Position = enabled and UDim2.new(1, -19, 0.5, -8) or UDim2.new(0, 3, 0.5, -8)
		})
	end
	table.insert(self.Window.ThemeRenderers, render)
	function control:Get()
		return enabled
	end
	function control:Set(value, silent)
		enabled = value == true
		render()
		if not silent then
			safeCall(callback, enabled)
		end
	end
	control.Button = toggle
	self.Window:AddConnection(toggle.MouseButton1Click:Connect(function()
		control:Set(not enabled)
	end))
	render()
	return control
end

function Card:AddSlider(options)
	options = options or {}
	local minimum = tonumber(options.Min) or 0
	local maximum = tonumber(options.Max) or 100
	local decimals = tonumber(options.Decimals) or 0
	local value = math.clamp(tonumber(options.Default) or minimum, minimum, maximum)
	local multiplier = 10 ^ decimals
	local dragging = false
	local row = self:_Row(52)
	local nameLabel = self.Window:_Label({
		Parent = row,
		Size = UDim2.new(1, -74, 0, 20),
		Text = options.Text or "Slider",
		Role = "Muted"
	})
	local valueLabel = self.Window:_Label({
		Parent = row,
		Position = UDim2.new(1, -70, 0, 0),
		Size = UDim2.new(0, 70, 0, 20),
		Text = tostring(value),
		TextXAlignment = Enum.TextXAlignment.Right
	})
	local track = new("Frame", {
		Parent = row,
		Position = UDim2.new(0, 0, 0, 35),
		Size = UDim2.new(1, 0, 0, 6),
		BorderSizePixel = 0
	})
	self.Window:_Bind(track, "BackgroundColor3", "Input")
	self.Window:_Corner(track, 3)
	local fill = new("Frame", {Parent = track, BorderSizePixel = 0})
	self.Window:_Bind(fill, "BackgroundColor3", "Accent")
	self.Window:_Corner(fill, 3)
	local knob = self.Window:_Button({
		Parent = track,
		Size = UDim2.new(0, 10, 0, 18),
		Text = ""
	}, "Text")
	self.Window:_Corner(knob, 3)
	local control = {Label = nameLabel}
	local function round(number)
		return math.floor(number * multiplier + 0.5) / multiplier
	end
	local function render()
		local alpha = maximum > minimum and math.clamp((value - minimum) / (maximum - minimum), 0, 1) or 0
		valueLabel.Text = tostring(value)
		fill.Size = UDim2.new(alpha, 0, 1, 0)
		knob.Position = UDim2.new(alpha, -5, 0.5, -9)
	end
	local function fromX(x)
		local alpha = math.clamp((x - track.AbsolutePosition.X) / math.max(track.AbsoluteSize.X, 1), 0, 1)
		control:Set(minimum + ((maximum - minimum) * alpha))
	end
	function control:Get()
		return value
	end
	function control:Set(nextValue, silent)
		value = round(math.clamp(tonumber(nextValue) or value, minimum, maximum))
		render()
		if not silent then
			safeCall(options.Callback, value)
		end
	end
	self.Window:AddConnection(track.InputBegan:Connect(function(input)
		if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
			dragging = true
			fromX(input.Position.X)
		end
	end))
	self.Window:AddConnection(knob.MouseButton1Down:Connect(function()
		dragging = true
	end))
	self.Window:AddConnection(UserInputService.InputChanged:Connect(function(input)
		if dragging and (input.UserInputType == Enum.UserInputType.MouseMovement or input.UserInputType == Enum.UserInputType.Touch) then
			fromX(input.Position.X)
		end
	end))
	self.Window:AddConnection(UserInputService.InputEnded:Connect(function(input)
		if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
			dragging = false
		end
	end))
	render()
	return control
end

function Card:AddTextBox(options)
	options = options or {}
	local row = self:_Row(options.Label and 54 or 32)
	if options.Label then
		self.Window:_Label({
			Parent = row,
			Size = UDim2.new(1, 0, 0, 20),
			Text = options.Label,
			Role = "Muted"
		})
	end
	local box = new("TextBox", {
		Parent = row,
		Position = options.Label and UDim2.new(0, 0, 0, 26) or UDim2.new(0, 0, 0, 0),
		Size = UDim2.new(1, 0, 0, 28),
		BackgroundColor3 = self.Window.Theme.Input,
		BorderSizePixel = 0,
		ClearTextOnFocus = options.ClearTextOnFocus == true,
		Text = tostring(options.Default or ""),
		PlaceholderText = options.Placeholder or "",
		PlaceholderColor3 = self.Window.Theme.Dim,
		TextColor3 = self.Window.Theme.Text,
		Font = Enum.Font.Gotham,
		TextSize = 12,
		TextXAlignment = Enum.TextXAlignment.Left
	})
	self.Window:_Bind(box, "BackgroundColor3", "Input")
	self.Window:_Bind(box, "TextColor3", "Text")
	self.Window:_Corner(box, 8)
	self.Window:_Stroke(box)
	addPadding(box, 10, 0, 10, 0)
	self.Window:AddConnection(box.FocusLost:Connect(function(enterPressed)
		if options.EnterOnly and not enterPressed then
			return
		end
		safeCall(options.Callback, box.Text, box)
	end))
	return box
end

function Card:AddDropdown(options)
	options = options or {}
	local values = options.Values or {"None"}
	if #values == 0 then
		values = {"None"}
	end
	local current = table.find(values, options.Default) or 1
	local row = self:_Row(32)
	self.Window:_Label({
		Parent = row,
		Size = UDim2.new(0.45, 0, 1, 0),
		Text = options.Text or "Dropdown",
		Role = "Muted"
	})
	local pick = self.Window:_Button({
		Parent = row,
		Position = UDim2.new(0.47, 0, 0, 1),
		Size = UDim2.new(0.53, 0, 1, -2),
		Text = tostring(values[current]),
		TextXAlignment = Enum.TextXAlignment.Left,
		TextTruncate = Enum.TextTruncate.AtEnd
	}, "Input")
	self.Window:_Corner(pick, 9)
	addPadding(pick, 10, 0, 24, 0)
	self.Window:_Label({
		Parent = pick,
		Position = UDim2.new(1, -22, 0, 0),
		Size = UDim2.new(0, 16, 1, 0),
		Text = ">",
		Rotation = 90,
		TextXAlignment = Enum.TextXAlignment.Center,
		Role = "Dim"
	})
	local control = {Button = pick}
	local function open()
		local panel = self.Window:_CreatePopup(pick, math.max(160, pick.AbsoluteSize.X), math.min(174, (#values * 28) + 10))
		local list = new("ScrollingFrame", {
			Parent = panel,
			Position = UDim2.new(0, 5, 0, 5),
			Size = UDim2.new(1, -10, 1, -10),
			BackgroundTransparency = 1,
			BorderSizePixel = 0,
			ScrollBarThickness = #values > 5 and 2 or 0,
			CanvasSize = UDim2.new(0, 0, 0, #values * 28),
			ZIndex = 82
		})
		for index, value in ipairs(values) do
			local option = self.Window:_Button({
				Parent = list,
				Position = UDim2.new(0, 0, 0, (index - 1) * 28),
				Size = UDim2.new(1, -3, 0, 26),
				Text = tostring(value),
				TextXAlignment = Enum.TextXAlignment.Left,
				TextSize = 11,
				ZIndex = 83
			}, index == current and "Accent" or "Card")
			self.Window:_Corner(option, 7)
			addPadding(option, 9, 0, 6, 0)
			self.Window:AddConnection(option.MouseButton1Click:Connect(function()
				control:Set(value)
				self.Window:_ClosePopup()
			end))
		end
	end
	function control:Get()
		return values[current]
	end
	function control:Set(value, silent)
		current = table.find(values, value) or 1
		pick.Text = tostring(values[current])
		if not silent then
			safeCall(options.Callback, values[current])
		end
	end
	function control:SetOptions(nextValues, selected)
		values = nextValues or {"None"}
		if #values == 0 then
			values = {"None"}
		end
		control:Set(selected or values[1], true)
	end
	self.Window:AddConnection(pick.MouseButton1Click:Connect(open))
	return control
end

function Card:AddColorPicker(options)
	options = options or {}
	local color = options.Default or self.Window.Theme.Accent
	local hue, saturation, value = color:ToHSV()
	local row = self:_Row(30)
	self.Window:_Label({
		Parent = row,
		Size = UDim2.new(1, -52, 1, 0),
		Text = options.Text or "Color",
		Role = "Muted"
	})
	local preview = self.Window:_Button({
		Parent = row,
		Position = UDim2.new(1, -42, 0.5, -11),
		Size = UDim2.new(0, 42, 0, 22),
		Text = ""
	}, "Accent")
	self.Window:_Unbind(preview, "BackgroundColor3")
	preview.BackgroundColor3 = color
	self.Window:_Corner(preview, 6)
	local control = {Button = preview}
	local function apply(nextColor, silent)
		color = nextColor
		hue, saturation, value = color:ToHSV()
		preview.BackgroundColor3 = color
		if not silent then
			safeCall(options.Callback, color)
		end
	end
	function control:Get()
		return color
	end
	function control:Set(nextColor, silent)
		if typeof(nextColor) == "Color3" then
			apply(nextColor, silent)
		end
	end
	self.Window:AddConnection(preview.MouseButton1Click:Connect(function()
		local popup = self.Window:_CreatePopup(preview, 220, 174)
		local square = self.Window:_Button({
			Parent = popup,
			Position = UDim2.new(0, 10, 0, 10),
			Size = UDim2.new(1, -20, 0, 105),
			Text = "",
			ZIndex = 82
		}, "Accent")
		self.Window:_Unbind(square, "BackgroundColor3")
		self.Window:_Corner(square, 8)
		local white = new("Frame", {Parent = square, Size = UDim2.new(1, 0, 1, 0), BackgroundColor3 = Color3.new(1, 1, 1), BorderSizePixel = 0, ZIndex = 83})
		self.Window:_Corner(white, 8)
		new("UIGradient", {Parent = white, Transparency = NumberSequence.new({NumberSequenceKeypoint.new(0, 0), NumberSequenceKeypoint.new(1, 1)})})
		local black = new("Frame", {Parent = square, Size = UDim2.new(1, 0, 1, 0), BackgroundColor3 = Color3.new(0, 0, 0), BorderSizePixel = 0, ZIndex = 84})
		self.Window:_Corner(black, 8)
		new("UIGradient", {Parent = black, Rotation = 90, Transparency = NumberSequence.new({NumberSequenceKeypoint.new(0, 1), NumberSequenceKeypoint.new(1, 0)})})
		local hueBar = self.Window:_Button({
			Parent = popup,
			Position = UDim2.new(0, 10, 0, 124),
			Size = UDim2.new(1, -20, 0, 12),
			Text = "",
			ZIndex = 82
		}, "Accent")
		self.Window:_Unbind(hueBar, "BackgroundColor3")
		self.Window:_Corner(hueBar, 6)
		new("UIGradient", {
			Parent = hueBar,
			Color = ColorSequence.new({
				ColorSequenceKeypoint.new(0, Color3.fromRGB(255, 0, 0)),
				ColorSequenceKeypoint.new(0.17, Color3.fromRGB(255, 255, 0)),
				ColorSequenceKeypoint.new(0.33, Color3.fromRGB(0, 255, 0)),
				ColorSequenceKeypoint.new(0.5, Color3.fromRGB(0, 255, 255)),
				ColorSequenceKeypoint.new(0.67, Color3.fromRGB(0, 0, 255)),
				ColorSequenceKeypoint.new(0.83, Color3.fromRGB(255, 0, 255)),
				ColorSequenceKeypoint.new(1, Color3.fromRGB(255, 0, 0))
			})
		})
		local draggingSquare = false
		local draggingHue = false
		local function update()
			square.BackgroundColor3 = Color3.fromHSV(hue, 1, 1)
			apply(Color3.fromHSV(hue, saturation, value))
		end
		local function setSquare(position)
			saturation = math.clamp((position.X - square.AbsolutePosition.X) / math.max(square.AbsoluteSize.X, 1), 0, 1)
			value = 1 - math.clamp((position.Y - square.AbsolutePosition.Y) / math.max(square.AbsoluteSize.Y, 1), 0, 1)
			update()
		end
		local function setHue(position)
			hue = math.clamp((position.X - hueBar.AbsolutePosition.X) / math.max(hueBar.AbsoluteSize.X, 1), 0, 1)
			update()
		end
		local popupConnections = {}
		table.insert(popupConnections, square.InputBegan:Connect(function(input)
			if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
				draggingSquare = true
				setSquare(input.Position)
			end
		end))
		table.insert(popupConnections, hueBar.InputBegan:Connect(function(input)
			if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
				draggingHue = true
				setHue(input.Position)
			end
		end))
		table.insert(popupConnections, UserInputService.InputChanged:Connect(function(input)
			if draggingSquare and (input.UserInputType == Enum.UserInputType.MouseMovement or input.UserInputType == Enum.UserInputType.Touch) then
				setSquare(input.Position)
			elseif draggingHue and (input.UserInputType == Enum.UserInputType.MouseMovement or input.UserInputType == Enum.UserInputType.Touch) then
				setHue(input.Position)
			end
		end))
		table.insert(popupConnections, UserInputService.InputEnded:Connect(function(input)
			if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
				draggingSquare = false
				draggingHue = false
			end
		end))
		self.Window:AddConnection(popup.Destroying:Connect(function()
			for _, connection in ipairs(popupConnections) do
				connection:Disconnect()
			end
		end))
		update()
	end))
	return control
end

function Window:SetTheme(theme)
	local nextTheme
	local name
	if type(theme) == "string" and PolloUI.Themes[theme] then
		name = theme
		nextTheme = mergeTheme(PolloUI.Themes[theme], {})
	elseif type(theme) == "table" then
		name = "Custom"
		nextTheme = mergeTheme(self.Theme, theme)
	else
		return
	end
	self.ThemeName = name
	self.Theme = nextTheme
	for index = #self.ThemeBindings, 1, -1 do
		local binding = self.ThemeBindings[index]
		if binding.Object and binding.Object.Parent then
			binding.Object[binding.Property] = self.Theme[binding.Role]
		else
			table.remove(self.ThemeBindings, index)
		end
	end
	for _, group in ipairs(self.GroupOrder) do
		for _, page in ipairs(group.Pages) do
			page.Scroll.ScrollBarImageColor3 = self.Theme.Dim
		end
	end
	for _, render in ipairs(self.ThemeRenderers) do
		safeCall(render)
	end
	if self.ActivePage then
		self:SelectPage(self.ActivePage.Name)
	end
	if self.HomeThemeLabel then
		self.HomeThemeLabel.Text = "Theme: " .. self.ThemeName
	end
end

function Window:SetCornerStyle(style)
	local radius = ({Rounded = 10, Compact = 5, Sharp = 0})[style] or 10
	self.CornerStyle = style
	self.CornerRadius = radius
	for _, corner in ipairs(self.Corners) do
		if corner and corner.Parent then
			self:_Tween(corner, TweenInfo.new(0.16), {CornerRadius = UDim.new(0, radius)})
		end
	end
end

function Window:SetOpen(open)
	self.Open = open == true
	self.Main.Visible = true
	local target = self.Open and self.OpenPosition or self.ClosedPosition
	self:_Tween(self.Main, TweenInfo.new(0.28, Enum.EasingStyle.Quint, Enum.EasingDirection.Out), {
		Position = target,
		BackgroundTransparency = self.Open and 0 or 0.08
	})
	if not self.Open then
		self:_Delay(0.29, function()
			if not self.Open and self.Main then
				self.Main.Visible = false
			end
		end)
	end
end

function Window:Toggle()
	self:SetOpen(not self.Open)
end

function Window:Notify(title, message, kind, duration)
	if typeof(message) == "Color3" then
		message = nil
	end
	if message == nil then
		message = title
		title = "Pollo UI"
	end
	kind = kind or "Info"
	local item = {
		Title = tostring(title),
		Message = tostring(message),
		Type = kind,
		Time = os.date("%H:%M:%S")
	}
	table.insert(self.NotificationHistory, 1, item)
	while #self.NotificationHistory > 60 do
		table.remove(self.NotificationHistory)
	end
	self.NotificationUnread = self.NotificationUnread + 1
	self:_RefreshNotifications()

	local colors = {
		Success = Color3.fromRGB(74, 220, 132),
		Warning = Color3.fromRGB(255, 196, 80),
		Error = Color3.fromRGB(255, 86, 96),
		Info = self.Theme.Accent
	}
	local toast = new("Frame", {
		Parent = self.ToastArea,
		Size = UDim2.new(1, 0, 0, 62),
		BackgroundColor3 = self.Theme.Card,
		BackgroundTransparency = 1,
		BorderSizePixel = 0
	})
	self:_Corner(toast, 9)
	self:_Stroke(toast)
	new("Frame", {
		Parent = toast,
		Position = UDim2.new(0, 0, 0, 8),
		Size = UDim2.new(0, 3, 1, -16),
		BackgroundColor3 = colors[kind] or colors.Info,
		BorderSizePixel = 0
	})
	self:_Label({
		Parent = toast,
		Position = UDim2.new(0, 12, 0, 7),
		Size = UDim2.new(1, -24, 0, 18),
		Text = item.Title,
		Font = Enum.Font.GothamMedium,
		TextSize = 11
	})
	self:_Label({
		Parent = toast,
		Position = UDim2.new(0, 12, 0, 28),
		Size = UDim2.new(1, -24, 0, 24),
		Text = item.Message,
		TextWrapped = true,
		TextSize = 10,
		Role = "Muted"
	})
	self:_Tween(toast, TweenInfo.new(0.18), {BackgroundTransparency = 0})
	self:_Delay(duration or self.NotificationDuration, function()
		if toast and toast.Parent then
			self:_Tween(toast, TweenInfo.new(0.18), {BackgroundTransparency = 1})
			self:_Delay(0.19, function()
				if toast then
					toast:Destroy()
				end
			end)
		end
	end)
end

function Window:_RefreshNotifications()
	if self.NotificationBadge then
		self.NotificationBadge.Text = tostring(math.min(self.NotificationUnread, 99))
		self.NotificationBadge.Visible = self.NotificationUnread > 0
	end
	if not self.NotificationList then
		return
	end
	for _, child in ipairs(self.NotificationList:GetChildren()) do
		child:Destroy()
	end
	local colors = {
		Success = Color3.fromRGB(74, 220, 132),
		Warning = Color3.fromRGB(255, 196, 80),
		Error = Color3.fromRGB(255, 86, 96),
		Info = self.Theme.Accent
	}
	for index, item in ipairs(self.NotificationHistory) do
		local row = new("Frame", {
			Parent = self.NotificationList,
			Position = UDim2.new(0, 0, 0, (index - 1) * 58),
			Size = UDim2.new(1, -4, 0, 52),
			BorderSizePixel = 0
		})
		self:_Bind(row, "BackgroundColor3", "Input")
		self:_Corner(row, 8)
		new("Frame", {
			Parent = row,
			Position = UDim2.new(0, 0, 0, 7),
			Size = UDim2.new(0, 3, 1, -14),
			BackgroundColor3 = colors[item.Type] or colors.Info,
			BorderSizePixel = 0
		})
		self:_Label({
			Parent = row,
			Position = UDim2.new(0, 11, 0, 5),
			Size = UDim2.new(1, -80, 0, 18),
			Text = item.Type .. "  " .. item.Title .. "  " .. item.Time,
			TextSize = 10,
			Font = Enum.Font.GothamMedium,
			TextTruncate = Enum.TextTruncate.AtEnd
		})
		self:_Label({
			Parent = row,
			Position = UDim2.new(0, 11, 0, 27),
			Size = UDim2.new(1, -80, 0, 17),
			Text = item.Message,
			TextSize = 10,
			TextTruncate = Enum.TextTruncate.AtEnd,
			Role = "Muted"
		})
		local copy = self:_Button({
			Parent = row,
			Position = UDim2.new(1, -60, 0.5, -11),
			Size = UDim2.new(0, 52, 0, 22),
			Text = "Copy",
			TextSize = 9
		}, "Card")
		self:_Corner(copy, 6)
		copy.MouseButton1Click:Connect(function()
			if setclipboard then
				setclipboard(item.Type .. " | " .. item.Title .. " | " .. item.Message)
			end
		end)
	end
	self.NotificationList.CanvasSize = UDim2.new(0, 0, 0, #self.NotificationHistory * 58)
end

function Window:SaveCustomTheme()
	if not writefile then
		self:Notify("Theme", "writefile is not available.", "Warning")
		return false
	end
	pcall(function()
		local folder = self.ThemeFile:match("^(.*)/[^/]+$")
		if folder and makefolder and (not isfolder or not isfolder(folder)) then
			makefolder(folder)
		end
	end)
	local ok, err = pcall(function()
		writefile(self.ThemeFile, HttpService:JSONEncode(themeToData(self.CustomTheme)))
	end)
	self:Notify("Theme", ok and "Custom theme saved." or ("Save failed: " .. tostring(err)), ok and "Success" or "Error")
	return ok
end

function Window:LoadCustomTheme()
	if not readfile or not isfile or not isfile(self.ThemeFile) then
		return false
	end
	local ok, data = pcall(function()
		return HttpService:JSONDecode(readfile(self.ThemeFile))
	end)
	if ok and type(data) == "table" then
		self.CustomTheme = dataToTheme(data, self.CustomTheme)
		return true
	end
	return false
end

function Window:_ApplyVisibility()
	self.Search.Visible = self.ShowSearch
	self.StatsHud.Visible = self.ShowStats
	self.Footer.Visible = self.ShowFooter
	self.Profile.Visible = self.ShowProfile
	self:_RelayoutNavigation()
end

function Window:_BuildRequiredPages()
	local homeGroup = self:_CreateGroup("Home", "Player and interface overview.", true)
	local homePage = homeGroup:CreatePage("Home", "Player and interface overview.")
	local notificationsPage = homeGroup:CreatePage("Notifications", "Notification history and settings.")
	local miscGroup = self:_CreateGroup("Misc", "Interface settings and themes.", true)
	local miscPage = miscGroup:CreatePage("Misc", "Required interface settings.")
	local themesPage = miscGroup:CreatePage("Themes", "Preset and custom interface colors.")
	self.GroupOrder = {homeGroup, miscGroup}
	self:_UpdateGroupOrder()

	local playerCard = homePage:CreateCard("Player", {Column = 1})
	local avatarRow = playerCard:_Row(82)
	local avatar = new("ImageLabel", {
		Parent = avatarRow,
		Size = UDim2.new(0, 76, 0, 76),
		BackgroundColor3 = self.Theme.Input,
		BorderSizePixel = 0,
		Image = "rbxthumb://type=AvatarHeadShot&id=" .. tostring(LocalPlayer.UserId) .. "&w=150&h=150"
	})
	self:_Corner(avatar, 14)
	self:_Label({
		Parent = avatarRow,
		Position = UDim2.new(0, 90, 0, 8),
		Size = UDim2.new(1, -90, 0, 20),
		Text = "@" .. LocalPlayer.Name,
		Font = Enum.Font.GothamBold,
		TextSize = 14
	})
	self:_Label({
		Parent = avatarRow,
		Position = UDim2.new(0, 90, 0, 34),
		Size = UDim2.new(1, -90, 0, 18),
		Text = LocalPlayer.DisplayName,
		Role = "Muted"
	})
	playerCard:AddLabel("UserId: " .. tostring(LocalPlayer.UserId), {Role = "Muted"})

	local overviewCard = homePage:CreateCard("Interface", {Column = 2})
	overviewCard:AddLabel("Pollo UI Lib " .. PolloUI.Version, {Bold = true})
	self.HomePlaytimeLabel = overviewCard:AddLabel("Open for: 00:00", {Role = "Muted"})
	self.HomeThemeLabel = overviewCard:AddLabel("Theme: " .. self.ThemeName, {Role = "Muted"})
	self.HomePageLabel = overviewCard:AddLabel("Page: Home", {Role = "Muted"})
	overviewCard:AddButton("Open Notifications", function()
		self.NotificationUnread = 0
		self:_RefreshNotifications()
		self:SelectPage("Notifications")
	end)

	local notificationCard = notificationsPage:CreateCard("History", {Column = 1})
	self.NotificationList = new("ScrollingFrame", {
		Parent = notificationCard.Frame,
		Size = UDim2.new(1, 0, 0, 310),
		BackgroundTransparency = 1,
		BorderSizePixel = 0,
		ScrollBarThickness = 3,
		LayoutOrder = notificationCard:_Next(),
		CanvasSize = UDim2.new(0, 0, 0, 0)
	})
	local notificationSettings = notificationsPage:CreateCard("Settings", {Column = 2})
	notificationSettings:AddSlider({
		Text = "Duration",
		Min = 1,
		Max = 12,
		Default = self.NotificationDuration,
		Callback = function(value)
			self.NotificationDuration = value
		end
	})
	notificationSettings:AddButton("Clear History", function()
		table.clear(self.NotificationHistory)
		self.NotificationUnread = 0
		self:_RefreshNotifications()
	end)

	local interfaceCard = miscPage:CreateCard("Interface", {Column = 1})
	interfaceCard:AddToggle("Show Search", true, function(value)
		self.ShowSearch = value
		self:_ApplyVisibility()
	end)
	interfaceCard:AddToggle("Show Stats HUD", true, function(value)
		self.ShowStats = value
		self:_ApplyVisibility()
	end)
	interfaceCard:AddToggle("Show Footer", true, function(value)
		self.ShowFooter = value
		self:_ApplyVisibility()
	end)
	interfaceCard:AddToggle("Show Profile", true, function(value)
		self.ShowProfile = value
		self:_ApplyVisibility()
	end)
	interfaceCard:AddToggle("Show Sub Tabs", true, function(value)
		self.ShowSubTabs = value
		self:_ApplyVisibility()
	end)
	interfaceCard:AddToggle("Keep Groups Open", false, function(value)
		self.KeepGroupsOpen = value
	end)

	local behaviorCard = miscPage:CreateCard("Behavior", {Column = 2})
	behaviorCard:AddDropdown({
		Text = "Corner Style",
		Values = {"Rounded", "Compact", "Sharp"},
		Default = "Rounded",
		Callback = function(value)
			self:SetCornerStyle(value)
		end
	})
	behaviorCard:AddDropdown({
		Text = "Menu Key",
		Values = {"LeftShift", "RightShift", "RightControl", "Insert", "Home"},
		Default = self.ToggleKey.Name,
		Callback = function(value)
			self.ToggleKey = Enum.KeyCode[value]
		end
	})
	behaviorCard:AddButton("Test Notification", function()
		self:Notify("Pollo UI", "The notification center is working.", "Success")
	end)
	behaviorCard:AddButton("Close Interface", function()
		self:SetOpen(false)
	end)
	behaviorCard:AddButton("Unload GUI", function()
		self:Unload()
	end)

	local presetCard = themesPage:CreateCard("Theme Presets", {Column = 1})
	local presetNames = {"Pollo Dark", "Midnight Mint", "Rose Noir", "Solar Clean", "Violet Pulse", "Custom"}
	self.ThemeDropdown = presetCard:AddDropdown({
		Text = "Theme",
		Values = presetNames,
		Default = self.ThemeName,
		Callback = function(value)
			if value == "Custom" then
				self:SetTheme(self.CustomTheme)
			else
				self:SetTheme(value)
			end
		end
	})
	presetCard:AddButton("Reset To Pollo Dark", function()
		self.ThemeDropdown:Set("Pollo Dark")
	end)

	local customCard = themesPage:CreateCard("Custom Theme", {Column = 2})
	for _, key in ipairs({"Accent", "Root", "Top", "Side", "Content", "Card", "Input", "Stroke", "Text", "Muted"}) do
		customCard:AddColorPicker({
			Text = key,
			Default = self.CustomTheme[key],
			Callback = function(color)
				self.CustomTheme[key] = color
				self.ThemeDropdown:Set("Custom")
			end
		})
	end
	customCard:AddButton("Save Custom Theme", function()
		self:SaveCustomTheme()
	end)
	customCard:AddButton("Load Custom Theme", function()
		if self:LoadCustomTheme() then
			self.ThemeDropdown:Set("Custom")
			self:Notify("Theme", "Custom theme loaded.", "Success")
		else
			self:Notify("Theme", "No saved custom theme was found.", "Warning")
		end
	end)

	self:_RefreshNotifications()
	homeGroup:SetExpanded(true)
	self:SelectPage("Home")
end

function Window:_CreateShell(options)
	local parent = options.Parent or getGuiParent()
	local old = parent:FindFirstChild(options.Name)
	if old then
		old:Destroy()
	end
	self.Gui = new("ScreenGui", {
		Parent = parent,
		Name = options.Name,
		ResetOnSpawn = false,
		ZIndexBehavior = Enum.ZIndexBehavior.Sibling
	})
	self.ToastArea = new("Frame", {
		Parent = self.Gui,
		AnchorPoint = Vector2.new(1, 0),
		Position = UDim2.new(1, -18, 0, 18),
		Size = UDim2.new(0, 290, 0, 420),
		BackgroundTransparency = 1
	})
	new("UIListLayout", {
		Parent = self.ToastArea,
		Padding = UDim.new(0, 8),
		HorizontalAlignment = Enum.HorizontalAlignment.Right,
		SortOrder = Enum.SortOrder.LayoutOrder
	})

	self.StatsHud = new("Frame", {
		Parent = self.Gui,
		AnchorPoint = Vector2.new(0.5, 0),
		Position = UDim2.new(0.5, 0, 0, 6),
		Size = UDim2.new(0, 330, 0, 38),
		BorderSizePixel = 0
	})
	self:_Bind(self.StatsHud, "BackgroundColor3", "Top")
	self:_Corner(self.StatsHud, 10)
	self:_Stroke(self.StatsHud)
	self:_Label({Parent = self.StatsHud, Position = UDim2.new(0, 12, 0, 0), Size = UDim2.new(0, 170, 1, 0), Text = options.Title, Font = Enum.Font.GothamMedium, TextSize = 12})
	self.PingLabel = self:_Label({Parent = self.StatsHud, Position = UDim2.new(0, 186, 0, 0), Size = UDim2.new(0, 66, 1, 0), Text = "0 ms", TextXAlignment = Enum.TextXAlignment.Center, Role = "Muted", TextSize = 11})
	self.FpsLabel = self:_Label({Parent = self.StatsHud, Position = UDim2.new(0, 256, 0, 0), Size = UDim2.new(0, 64, 1, 0), Text = "0 FPS", TextXAlignment = Enum.TextXAlignment.Center, Role = "Muted", TextSize = 11})

	-- CanvasGroup clips every child against the root UICorner. A regular Frame
	-- leaves the topbar/sidebar corners visually square in several Roblox builds.
	self.Main = new("CanvasGroup", {
		Parent = self.Gui,
		AnchorPoint = Vector2.new(0.5, 0.5),
		Position = self.ClosedPosition,
		Size = options.Size,
		BorderSizePixel = 0,
		ClipsDescendants = true,
		Active = true
	})
	self.MainFrame = self.Main
	self:_Bind(self.Main, "BackgroundColor3", "Root")
	self:_Corner(self.Main, 14)
	self:_Stroke(self.Main)
	self.TopBar = new("Frame", {
		Parent = self.Main,
		Size = UDim2.new(1, 0, 0, 64),
		BorderSizePixel = 0
	})
	self:_Bind(self.TopBar, "BackgroundColor3", "Top")
	self:_Label({Parent = self.TopBar, Position = UDim2.new(0, 18, 0, 0), Size = UDim2.new(0, 190, 1, 0), Text = options.Title, Font = Enum.Font.GothamBold, TextSize = 13})
	new("Frame", {Parent = self.TopBar, Position = UDim2.new(0, 210, 0, 14), Size = UDim2.new(0, 1, 0, 36), BackgroundColor3 = self.Theme.Stroke, BorderSizePixel = 0})
	self.HeaderTitle = self:_Label({Parent = self.TopBar, Position = UDim2.new(0, 228, 0, 12), Size = UDim2.new(0, 300, 0, 20), Text = "Home", Font = Enum.Font.GothamBold, TextSize = 15})
	self.HeaderSubtitle = self:_Label({Parent = self.TopBar, Position = UDim2.new(0, 228, 0, 34), Size = UDim2.new(0, 340, 0, 18), Text = "Player and interface overview.", Role = "Muted", TextSize = 11})
	self.Search = new("TextBox", {
		Parent = self.TopBar,
		Position = UDim2.new(1, -230, 0, 16),
		Size = UDim2.new(0, 180, 0, 30),
		BackgroundColor3 = self.Theme.Input,
		BorderSizePixel = 0,
		ClearTextOnFocus = false,
		Text = "",
		PlaceholderText = "Search tabs/groups...",
		PlaceholderColor3 = self.Theme.Dim,
		TextColor3 = self.Theme.Text,
		Font = Enum.Font.Gotham,
		TextSize = 11
	})
	self:_Bind(self.Search, "BackgroundColor3", "Input")
	self:_Bind(self.Search, "TextColor3", "Text")
	self:_Corner(self.Search, 11)
	self:_Stroke(self.Search)
	self.NotificationButton = self:_Button({Parent = self.TopBar, Position = UDim2.new(1, -42, 0, 16), Size = UDim2.new(0, 30, 0, 30), Text = "N", Font = Enum.Font.GothamBold}, "Input")
	self:_Corner(self.NotificationButton, 10)
	self.NotificationBadge = self:_Label({Parent = self.NotificationButton, Position = UDim2.new(1, -8, 0, -5), Size = UDim2.new(0, 15, 0, 15), Text = "0", TextXAlignment = Enum.TextXAlignment.Center, TextSize = 9, Font = Enum.Font.GothamBold})
	self.NotificationBadge.BackgroundTransparency = 0
	self.NotificationBadge.BackgroundColor3 = Color3.fromRGB(255, 86, 96)
	self.NotificationBadge.Visible = false
	self:_Corner(self.NotificationBadge, 8)

	self.Side = new("Frame", {Parent = self.Main, Position = UDim2.new(0, 0, 0, 64), Size = UDim2.new(0, 210, 1, -64), BorderSizePixel = 0})
	self:_Bind(self.Side, "BackgroundColor3", "Side")
	self.Nav = new("ScrollingFrame", {Parent = self.Side, Position = UDim2.new(0, 0, 0, 0), Size = UDim2.new(1, 0, 1, -82), BackgroundTransparency = 1, BorderSizePixel = 0, ScrollBarThickness = 2, CanvasSize = UDim2.new(0, 0, 0, 0)})
	self.TabBar = self.Nav
	self.Profile = new("Frame", {Parent = self.Side, Position = UDim2.new(0, 10, 1, -72), Size = UDim2.new(1, -20, 0, 62), BorderSizePixel = 0})
	self:_Bind(self.Profile, "BackgroundColor3", "Input")
	self:_Corner(self.Profile, 9)
	self:_Stroke(self.Profile)
	local profileAvatar = new("ImageLabel", {Parent = self.Profile, Position = UDim2.new(0, 9, 0.5, -18), Size = UDim2.new(0, 36, 0, 36), BackgroundTransparency = 1, Image = "rbxthumb://type=AvatarHeadShot&id=" .. tostring(LocalPlayer.UserId) .. "&w=100&h=100"})
	self:_Corner(profileAvatar, 18)
	self:_Label({Parent = self.Profile, Position = UDim2.new(0, 54, 0, 12), Size = UDim2.new(1, -60, 0, 18), Text = "@" .. LocalPlayer.Name, Font = Enum.Font.GothamBold, TextSize = 11, TextTruncate = Enum.TextTruncate.AtEnd})
	self:_Label({Parent = self.Profile, Position = UDim2.new(0, 54, 0, 32), Size = UDim2.new(1, -60, 0, 16), Text = options.Credit, Role = "Muted", TextSize = 10, TextTruncate = Enum.TextTruncate.AtEnd})

	self.Content = new("Frame", {Parent = self.Main, Position = UDim2.new(0, 210, 0, 64), Size = UDim2.new(1, -210, 1, -64), BorderSizePixel = 0})
	self:_Bind(self.Content, "BackgroundColor3", "Content")
	self.PageArea = new("Frame", {Parent = self.Content, Size = UDim2.new(1, 0, 1, -44), BackgroundTransparency = 1, ClipsDescendants = true})
	self.Footer = new("Frame", {Parent = self.Content, Position = UDim2.new(0, 14, 1, -36), Size = UDim2.new(1, -28, 0, 26), BorderSizePixel = 0})
	self:_Bind(self.Footer, "BackgroundColor3", "Input")
	self:_Corner(self.Footer, 10)
	self:_Label({Parent = self.Footer, Position = UDim2.new(0, 12, 0, 0), Size = UDim2.new(1, -24, 1, 0), Text = options.Footer, Role = "Dim", TextSize = 10})

	self:AddConnection(self.NotificationButton.MouseButton1Click:Connect(function()
		self.NotificationUnread = 0
		self:_RefreshNotifications()
		self:SelectPage("Notifications")
	end))
	self:AddConnection(self.Search:GetPropertyChangedSignal("Text"):Connect(function()
		local query = string.lower(self.Search.Text)
		for _, group in ipairs(self.GroupOrder) do
			local groupMatch = query == "" or string.find(string.lower(group.Name), query, 1, true) ~= nil
			local pageMatch = false
			for _, page in ipairs(group.Pages) do
				page.SearchVisible = query == "" or string.find(string.lower(page.Name), query, 1, true) ~= nil
				pageMatch = pageMatch or page.SearchVisible
			end
			group.SearchVisible = group.Required or groupMatch or pageMatch
		end
		self:_RelayoutNavigation()
	end))

	local dragging = false
	local dragStart
	local startPosition
	self:AddConnection(self.TopBar.InputBegan:Connect(function(input)
		if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
			dragging = true
			dragStart = input.Position
			startPosition = self.Main.Position
		end
	end))
	self:AddConnection(self.TopBar.InputEnded:Connect(function(input)
		if input.UserInputType == Enum.UserInputType.MouseButton1 or input.UserInputType == Enum.UserInputType.Touch then
			dragging = false
		end
	end))
	self:AddConnection(UserInputService.InputChanged:Connect(function(input)
		if dragging and (input.UserInputType == Enum.UserInputType.MouseMovement or input.UserInputType == Enum.UserInputType.Touch) then
			local delta = input.Position - dragStart
			local target = UDim2.new(startPosition.X.Scale, startPosition.X.Offset + delta.X, startPosition.Y.Scale, startPosition.Y.Offset + delta.Y)
			if self.DragTween then
				self.DragTween:Cancel()
			end
			self.DragTween = self:_Tween(self.Main, TweenInfo.new(0.07, Enum.EasingStyle.Quad, Enum.EasingDirection.Out), {Position = target})
			self.OpenPosition = target
		end
	end))
end

function Window:Unload()
	if self.Destroyed then
		return
	end
	self.Destroyed = true
	self.Open = false
	if self.DragTween then
		pcall(function()
			self.DragTween:Cancel()
		end)
	end
	for _, tween in ipairs(self.Tweens) do
		pcall(function()
			tween:Cancel()
		end)
	end
	for _, thread in ipairs(self.Tasks) do
		pcall(function()
			task.cancel(thread)
		end)
	end
	for _, connection in ipairs(self.Connections) do
		pcall(function()
			connection:Disconnect()
		end)
	end
	if self.Gui then
		self.Gui:Destroy()
		self.Gui = nil
	end
	table.clear(self.Connections)
	table.clear(self.Tweens)
	table.clear(self.Tasks)
	table.clear(self.ThemeRenderers)
	table.clear(self.ThemeBindings)
end

function PolloUI:CreateWindow(options)
	options = options or {}
	local themeName = PolloUI.Themes[options.Theme] and options.Theme or "Pollo Dark"
	local size = options.Size or UDim2.new(0, 830, 0, 530)
	local window = setmetatable({
		ThemeName = themeName,
		Theme = mergeTheme(PolloUI.Themes[themeName], type(options.Theme) == "table" and options.Theme or nil),
		CustomTheme = mergeTheme(PolloUI.Themes["Violet Pulse"], {}),
		ThemeFile = options.ThemeFile or "PolloUILib/custom-theme.json",
		ThemeBindings = {},
		ThemeRenderers = {},
		Corners = {},
		Connections = {},
		Tweens = {},
		Tasks = {},
		Groups = {},
		GroupOrder = {},
		Pages = {},
		ActivePage = nil,
		ActivePageName = nil,
		ActivePopup = nil,
		NotificationHistory = {},
		NotificationUnread = 0,
		NotificationDuration = options.NotificationDuration or 4,
		ShowSearch = true,
		ShowStats = options.ShowStats ~= false,
		ShowFooter = true,
		ShowProfile = true,
		ShowSubTabs = true,
		KeepGroupsOpen = false,
		CornerStyle = "Rounded",
		CornerRadius = 10,
		ToggleKey = options.ToggleKey or Enum.KeyCode.LeftShift,
		Open = true,
		OpenPosition = options.Position or UDim2.new(0.5, 0, 0.5, 0),
		ClosedPosition = UDim2.new(0.5, 0, 1, math.floor(size.Y.Offset * 0.65)),
		StartedAt = os.clock(),
		Destroyed = false
	}, Window)
	options.Name = options.Name or "PolloUILibGui"
	options.Title = options.Title or "PolloHub // UI Lib"
	options.Credit = options.Credit or "Pollo UI Lib"
	options.Footer = options.Footer or "Pollo UI Lib v" .. PolloUI.Version
	options.Size = size
	window:LoadCustomTheme()
	window:_CreateShell(options)
	window:_BuildRequiredPages()
	window:_ApplyVisibility()
	window.Open = false
	window:SetOpen(true)

	window:AddConnection(UserInputService.InputBegan:Connect(function(input, processed)
		if not processed and input.KeyCode == window.ToggleKey then
			window:Toggle()
		end
	end))
	local frames = 0
	local clock = os.clock()
	window:AddConnection(RunService.RenderStepped:Connect(function()
		frames = frames + 1
		local now = os.clock()
		if now - clock >= 0.5 then
			local fps = math.floor(frames / (now - clock) + 0.5)
			frames = 0
			clock = now
			local ping = 0
			pcall(function()
				local network = game:GetService("Stats"):FindFirstChild("Network")
				local server = network and network:FindFirstChild("ServerStatsItem")
				local dataPing = server and server:FindFirstChild("Data Ping")
				if dataPing then
					ping = math.floor(dataPing:GetValue() + 0.5)
				end
			end)
			window.FpsLabel.Text = tostring(fps) .. " FPS"
			window.PingLabel.Text = tostring(ping) .. " ms"
			if window.HomePlaytimeLabel then
				local seconds = math.floor(now - window.StartedAt)
				window.HomePlaytimeLabel.Text = string.format("Open for: %02d:%02d", math.floor(seconds / 60), seconds % 60)
				window.HomePageLabel.Text = "Page: " .. tostring(window.ActivePageName or "Home")
			end
		end
	end))
	return window
end

return PolloUI