cronixui 1.0.5 → 1.1.0

package/packages/go/cronixui/cronixui.go

@@ -1,379 +1,926 @@
 package cronixui
 
-import "fmt"
+import (
+	"image/color"
+	"strings"
+
+	"fyne.io/fyne/v2"
+	"fyne.io/fyne/v2/app"
+	"fyne.io/fyne/v2/canvas"
+	"fyne.io/fyne/v2/container"
+	"fyne.io/fyne/v2/layout"
+	"fyne.io/fyne/v2/theme"
+	"fyne.io/fyne/v2/widget"
+)
 
-// Version of CronixUI
-const Version = "1.0.4"
+const Version = "1.0.6"
+
+// =============================================================================
+// DESIGN TOKENS
+// =============================================================================
+
+type Colors struct {
+	BG            color.Color
+	Surface       color.Color
+	Surface2      color.Color
+	Surface3      color.Color
+	Surface4      color.Color
+	Text          color.Color
+	TextMuted     color.Color
+	TextDim       color.Color
+	Accent        color.Color
+	AccentHover   color.Color
+	AccentLight   color.Color
+	AccentGlow    color.Color
+	AccentText    color.Color
+	Success       color.Color
+	SuccessBorder color.Color
+	SuccessText   color.Color
+	Warning       color.Color
+	WarningBorder color.Color
+	WarningText   color.Color
+	Error         color.Color
+	ErrorBorder   color.Color
+	ErrorText     color.Color
+	Info          color.Color
+	InfoBorder    color.Color
+	InfoText      color.Color
+	Border        color.Color
+	BorderHover   color.Color
+	BorderFocus   color.Color
+}
+
+func DefaultColors() *Colors {
+	return &Colors{
+		BG:            color.RGBA{R: 10, G: 10, B: 10, A: 255},
+		Surface:       color.RGBA{R: 17, G: 17, B: 17, A: 255},
+		Surface2:      color.RGBA{R: 26, G: 26, B: 26, A: 255},
+		Surface3:      color.RGBA{R: 34, G: 34, B: 34, A: 255},
+		Surface4:      color.RGBA{R: 42, G: 42, B: 42, A: 255},
+		Text:          color.RGBA{R: 240, G: 237, B: 232, A: 255},
+		TextMuted:     color.RGBA{R: 240, G: 237, B: 232, A: 128},
+		TextDim:       color.RGBA{R: 240, G: 237, B: 232, A: 64},
+		Accent:        color.RGBA{R: 107, G: 35, B: 35, A: 255},
+		AccentHover:   color.RGBA{R: 125, G: 42, B: 42, A: 255},
+		AccentLight:   color.RGBA{R: 138, G: 53, B: 53, A: 255},
+		AccentGlow:    color.RGBA{R: 107, G: 35, B: 35, A: 77},
+		AccentText:    color.RGBA{R: 201, G: 122, B: 122, A: 255},
+		Success:       color.RGBA{R: 30, G: 80, B: 40, A: 255},
+		SuccessBorder: color.RGBA{R: 60, G: 140, B: 70, A: 102},
+		SuccessText:   color.RGBA{R: 107, G: 196, B: 122, A: 255},
+		Warning:       color.RGBA{R: 80, G: 60, B: 20, A: 255},
+		WarningBorder: color.RGBA{R: 150, G: 110, B: 30, A: 102},
+		WarningText:   color.RGBA{R: 196, G: 164, B: 58, A: 255},
+		Error:         color.RGBA{R: 80, G: 20, B: 20, A: 255},
+		ErrorBorder:   color.RGBA{R: 180, G: 60, B: 60, A: 102},
+		ErrorText:     color.RGBA{R: 196, G: 107, B: 107, A: 255},
+		Info:          color.RGBA{R: 20, G: 53, B: 80, A: 255},
+		InfoBorder:    color.RGBA{R: 60, G: 140, B: 200, A: 102},
+		InfoText:      color.RGBA{R: 107, G: 168, B: 196, A: 255},
+		Border:        color.RGBA{R: 255, G: 255, B: 255, A: 20},
+		BorderHover:   color.RGBA{R: 255, G: 255, B: 255, A: 38},
+		BorderFocus:   color.RGBA{R: 255, G: 255, B: 255, A: 64},
+	}
+}
 
-// ToastType represents toast notification type
-type ToastType int
+type Typography struct {
+	FontFamily   string
+	FontMono     string
+	FontSizeXS   float32
+	FontSizeSM   float32
+	FontSizeBase float32
+	FontSizeMD   float32
+	FontSizeLG   float32
+	FontSizeXL   float32
+	FontSize2XL  float32
+	FontSize3XL  float32
+}
+
+func DefaultTypography() *Typography {
+	return &Typography{
+		FontFamily:   "Outfit",
+		FontMono:     "JetBrains Mono",
+		FontSizeXS:   11,
+		FontSizeSM:   12,
+		FontSizeBase: 13,
+		FontSizeMD:   14,
+		FontSizeLG:   16,
+		FontSizeXL:   20,
+		FontSize2XL:  28,
+		FontSize3XL:  36,
+	}
+}
 
-const (
-	ToastTypeSuccess ToastType = iota
-	ToastTypeError
-	ToastTypeWarning
-	ToastTypeInfo
-)
+type Spacing struct {
+	Space1, Space2, Space3, Space4, Space5, Space6, Space8, Space10, Space12 float32
+}
 
-// Toast represents a toast notification
-type Toast struct {
-	Title    string
-	Message  string
-	Type     ToastType
-	Duration int
+func DefaultSpacing() *Spacing {
+	return &Spacing{4, 8, 12, 16, 20, 24, 32, 40, 48}
 }
 
-// ToastShow displays a toast notification
-func ToastShow(message string, opts ...func(*Toast)) *Toast {
-	t := &Toast{Message: message, Type: ToastTypeInfo, Duration: 4000}
-	for _, opt := range opts {
-		opt(t)
-	}
-	return t
+type RadiusTokens struct {
+	SM, Default, LG, XL, Full float32
 }
 
-// WithTitle sets toast title
-func WithTitle(title string) func(*Toast) {
-	return func(t *Toast) { t.Title = title }
+func DefaultRadiusTokens() *RadiusTokens {
+	return &RadiusTokens{6, 10, 14, 20, 9999}
 }
 
-// WithType sets toast type
-func WithType(toastType ToastType) func(*Toast) {
-	return func(t *Toast) { t.Type = toastType }
+type Shadow struct {
+	SM, Default, LG, Glow string
 }
 
-// WithDuration sets toast duration
-func WithDuration(duration int) func(*Toast) {
-	return func(t *Toast) { t.Duration = duration }
+func DefaultShadow() *Shadow {
+	return &Shadow{
+		SM:      "0 1px 2px rgba(0, 0, 0, 0.3)",
+		Default: "0 4px 12px rgba(0, 0, 0, 0.4)",
+		LG:      "0 8px 24px rgba(0, 0, 0, 0.5)",
+		Glow:    "0 0 20px rgba(107, 35, 35, 0.3)",
+	}
 }
 
-// ToastSuccess shows a success toast
-func ToastSuccess(message string) *Toast {
-	return ToastShow(message, WithType(ToastTypeSuccess))
+type Transition struct {
+	Fast, Default, Slow string
 }
 
-// ToastError shows an error toast
-func ToastError(message string) *Toast {
-	return ToastShow(message, WithType(ToastTypeError))
+func DefaultTransition() *Transition {
+	return &Transition{"0.1s ease", "0.15s ease", "0.25s ease"}
 }
 
-// ToastWarning shows a warning toast
-func ToastWarning(message string) *Toast {
-	return ToastShow(message, WithType(ToastTypeWarning))
+type ZIndexTokens struct {
+	Dropdown, Sticky, Fixed, ModalBackdrop, Modal, Popover, Tooltip, Toast int
 }
 
-// ToastInfo shows an info toast
-func ToastInfo(message string) *Toast {
-	return ToastShow(message, WithType(ToastTypeInfo))
+func DefaultZIndexTokens() *ZIndexTokens {
+	return &ZIndexTokens{100, 200, 300, 400, 500, 600, 700, 800}
 }
 
-// Toggle represents a toggle switch
-type Toggle struct {
-	on bool
+type LayoutTokens struct {
+	ContainerMax, SidebarWidth, HeaderHeight float32
 }
 
-// NewToggle creates a new toggle
-func NewToggle() *Toggle {
-	return &Toggle{}
+func DefaultLayoutTokens() *LayoutTokens {
+	return &LayoutTokens{1200, 260, 56}
 }
 
-// Toggle flips the toggle state
-func (t *Toggle) Toggle() {
-	t.on = !t.on
+// =============================================================================
+// THEME
+// =============================================================================
+
+type Theme struct {
+	colors  *Colors
+	spacing *Spacing
+	radius  *RadiusTokens
 }
 
-// IsOn returns current toggle state
-func (t *Toggle) IsOn() bool {
-	return t.on
+func NewTheme() fyne.Theme {
+	return &Theme{
+		colors:  DefaultColors(),
+		spacing: DefaultSpacing(),
+		radius:  DefaultRadiusTokens(),
+	}
 }
 
-// SetOn sets the toggle state
-func (t *Toggle) SetOn(value bool) {
-	t.on = value
+func (t *Theme) Color(name fyne.ThemeColorName, variant fyne.ThemeVariant) color.Color {
+	switch name {
+	case theme.ColorNameBackground:
+		return t.colors.BG
+	case theme.ColorNameButton:
+		return t.colors.Surface2
+	case theme.ColorNameDisabledButton:
+		return t.colors.Surface3
+	case theme.ColorNameInputBackground:
+		return t.colors.Surface
+	case theme.ColorNameInputBorder:
+		return t.colors.Border
+	case theme.ColorNameDisabled:
+		return t.colors.TextDim
+	case theme.ColorNameForeground:
+		return t.colors.Text
+	case theme.ColorNamePlaceHolder:
+		return t.colors.TextMuted
+	case theme.ColorNamePrimary:
+		return t.colors.Accent
+	case theme.ColorNameHover:
+		return t.colors.Surface3
+	case theme.ColorNamePressed:
+		return t.colors.Surface4
+	case theme.ColorNameScrollBar:
+		return t.colors.Surface3
+	case theme.ColorNameShadow:
+		return color.RGBA{R: 0, G: 0, B: 0, A: 50}
+	case theme.ColorNameSuccess:
+		return t.colors.Success
+	case theme.ColorNameWarning:
+		return t.colors.Warning
+	case theme.ColorNameError:
+		return t.colors.Error
+	default:
+		return t.colors.Text
+	}
 }
 
-// Modal represents a modal dialog
-type Modal struct {
-	open bool
+func (t *Theme) Font(style fyne.TextStyle) fyne.Resource {
+	return theme.DefaultTheme().Font(style)
+}
+
+func (t *Theme) Icon(name fyne.ThemeIconName) fyne.Resource {
+	return theme.DefaultTheme().Icon(name)
+}
+
+func (t *Theme) Size(name fyne.ThemeSizeName) float32 {
+	switch name {
+	case theme.SizeNamePadding:
+		return t.spacing.Space2
+	case theme.SizeNameInlinePadding:
+		return t.spacing.Space3
+	case theme.SizeNameScrollBar:
+		return 8
+	case theme.SizeNameScrollBarSmall:
+		return 4
+	case theme.SizeNameSeparatorThickness:
+		return 1
+	case theme.SizeNameText:
+		return t.spacing.Space4
+	case theme.SizeNameHeadingText:
+		return t.spacing.Space6
+	case theme.SizeNameSubHeadingText:
+		return t.spacing.Space5
+	case theme.SizeNameCaptionText:
+		return t.spacing.Space2
+	case theme.SizeNameInputBorder:
+		return 1
+	case theme.SizeNameInputRadius:
+		return t.radius.Default
+	case theme.SizeNameSelectionRadius:
+		return t.radius.SM
+	default:
+		return 0
+	}
+}
+
+// =============================================================================
+// BUTTONS
+// =============================================================================
+
+type ButtonVariant int
+
+const (
+	ButtonDefault ButtonVariant = iota
+	ButtonPrimary
+	ButtonGhost
+	ButtonOutline
+	ButtonDanger
+	ButtonSuccess
+)
+
+func NewButton(text string, variant ButtonVariant, onTap func()) *widget.Button {
+	btn := widget.NewButton(text, onTap)
+	switch variant {
+	case ButtonPrimary:
+		btn.Importance = widget.HighImportance
+	case ButtonDanger:
+		btn.Importance = widget.DangerImportance
+	case ButtonSuccess:
+		btn.Importance = widget.HighImportance
+	case ButtonGhost, ButtonOutline:
+		btn.Importance = widget.LowImportance
+	default:
+		btn.Importance = widget.MediumImportance
+	}
+	return btn
 }
 
-// NewModal creates a new modal
-func NewModal() *Modal {
-	return &Modal{}
+func NewButtonGroup(buttons ...*widget.Button) *fyne.Container {
+	return container.NewHBox(buttons...)
 }
 
-// Open opens the modal
-func (m *Modal) Open() {
-	m.open = true
+// =============================================================================
+// CARD
+// =============================================================================
+
+// CardOption is a function that configures a card.
+type CardOption func(*CardConfig)
+
+// CardConfig holds card configuration.
+type CardConfig struct {
+	Title    string
+	Subtitle string
+	Icon     fyne.CanvasObject
+	Footer   fyne.CanvasObject
+	Clickable bool
 }
 
-// Close closes the modal
-func (m *Modal) Close() {
-	m.open = false
+// WithCardTitle sets the card title.
+func WithCardTitle(title string) CardOption {
+	return func(c *CardConfig) { c.Title = title }
 }
 
-// IsOpen returns whether modal is open
-func (m *Modal) IsOpen() bool {
-	return m.open
+// WithCardSubtitle sets the card subtitle.
+func WithCardSubtitle(subtitle string) CardOption {
+	return func(c *CardConfig) { c.Subtitle = subtitle }
 }
 
-// Dropdown represents a dropdown menu
-type Dropdown struct {
-	open bool
+// WithCardIcon sets the card icon.
+func WithCardIcon(icon fyne.CanvasObject) CardOption {
+	return func(c *CardConfig) { c.Icon = icon }
 }
 
-// NewDropdown creates a new dropdown
-func NewDropdown() *Dropdown {
-	return &Dropdown{}
+// WithCardFooter sets the card footer.
+func WithCardFooter(footer fyne.CanvasObject) CardOption {
+	return func(c *CardConfig) { c.Footer = footer }
 }
 
-// Open opens the dropdown
-func (d *Dropdown) Open() {
-	d.open = true
+// WithCardClickable makes the card clickable.
+func WithCardClickable(clickable bool) CardOption {
+	return func(c *CardConfig) { c.Clickable = clickable }
 }
 
-// Close closes the dropdown
-func (d *Dropdown) Close() {
-	d.open = false
+// NewCard creates a card widget with optional icon, title, subtitle, and footer.
+func NewCard(content fyne.CanvasObject, options ...CardOption) *fyne.Container {
+	config := &CardConfig{}
+	for _, opt := range options {
+		opt(config)
+	}
+
+	c := DefaultColors()
+	
+	var headerObjects []fyne.CanvasObject
+	if config.Icon != nil {
+		headerObjects = append(headerObjects, config.Icon)
+	}
+	if config.Title != "" {
+		titleText := canvas.NewText(config.Title, c.Text)
+		titleText.TextSize = 14
+		titleText.TextStyle = fyne.TextStyle{Bold: true}
+		headerObjects = append(headerObjects, titleText)
+	}
+	if config.Subtitle != "" {
+		subtitleText := canvas.NewText(config.Subtitle, c.TextMuted)
+		subtitleText.TextSize = 12
+		headerObjects = append(headerObjects, subtitleText)
+	}
+
+	var header *fyne.Container
+	if len(headerObjects) > 0 {
+		header = container.NewVBox(headerObjects...)
+	}
+
+	var body fyne.CanvasObject
+	if header != nil {
+		body = container.NewVBox(header, content)
+	} else {
+		body = content
+	}
+
+	var finalContent *fyne.Container
+	if config.Footer != nil {
+		finalContent = container.NewVBox(body, canvas.NewRectangle(c.Border), config.Footer)
+	} else {
+		if c, ok := body.(*fyne.Container); ok {
+			finalContent = c
+		} else {
+			finalContent = container.NewMax(body)
+		}
+	}
+
+	bg := canvas.NewRectangle(c.Surface)
+	bg.StrokeColor = c.Border
+	bg.StrokeWidth = 1
+	bg.CornerRadius = 14
+
+	return container.NewStack(bg, container.NewPadded(finalContent))
 }
 
-// Toggle flips dropdown state
-func (d *Dropdown) Toggle() {
-	d.open = !d.open
+// =============================================================================
+// INPUTS
+// =============================================================================
+
+func NewInput(placeholder string) *widget.Entry {
+	entry := widget.NewEntry()
+	entry.SetPlaceHolder(placeholder)
+	return entry
 }
 
-// IsOpen returns whether dropdown is open
-func (d *Dropdown) IsOpen() bool {
-	return d.open
+func NewTextarea(placeholder string) *widget.Entry {
+	entry := widget.NewMultiLineEntry()
+	entry.SetPlaceHolder(placeholder)
+	return entry
 }
 
-// Tabs represents a tabs component
-type Tabs struct {
-	activeIndex int
+func NewPassword(placeholder string) *widget.Entry {
+	entry := widget.NewPasswordEntry()
+	entry.SetPlaceHolder(placeholder)
+	return entry
 }
 
-// NewTabs creates new tabs
-func NewTabs() *Tabs {
-	return &Tabs{activeIndex: 0}
+// =============================================================================
+// FORM ELEMENTS
+// =============================================================================
+
+func NewCheckbox(label string, onChanged func(bool)) *widget.Check {
+	return widget.NewCheck(label, onChanged)
 }
 
-// SetActive sets active tab by index
-func (t *Tabs) SetActive(index int) {
-	t.activeIndex = index
+func NewRadio(options []string, onChanged func(string)) *widget.RadioGroup {
+	return widget.NewRadioGroup(options, onChanged)
 }
 
-// ActiveIndex returns current active index
-func (t *Tabs) ActiveIndex() int {
-	return t.activeIndex
+func NewSelect(options []string, onChanged func(string)) *widget.Select {
+	return widget.NewSelect(options, onChanged)
 }
 
-// Accordion represents an accordion component
-type Accordion struct {
-	openIndices map[int]bool
+func NewSlider(min, max float64) *widget.Slider {
+	return widget.NewSlider(min, max)
 }
 
-// NewAccordion creates a new accordion
-func NewAccordion() *Accordion {
-	return &Accordion{openIndices: make(map[int]bool)}
+// =============================================================================
+// PROGRESS & LOADING
+// =============================================================================
+
+func NewProgress() *widget.ProgressBar {
+	return widget.NewProgressBar()
 }
 
-// Toggle toggles an accordion item
-func (a *Accordion) Toggle(index int) {
-	a.openIndices[index] = !a.openIndices[index]
+func NewProgressInfinite() *widget.ProgressBarInfinite {
+	return widget.NewProgressBarInfinite()
 }
 
-// Open opens an accordion item
-func (a *Accordion) Open(index int) {
-	a.openIndices[index] = true
+// =============================================================================
+// TOGGLE
+// =============================================================================
+
+type Toggle struct {
+	widget.BaseWidget
+	on       bool
+	onToggle func(bool)
 }
 
-// Close closes an accordion item
-func (a *Accordion) Close(index int) {
-	a.openIndices[index] = false
+func NewToggle(onToggle func(bool)) *Toggle {
+	t := &Toggle{onToggle: onToggle}
+	t.ExtendBaseWidget(t)
+	return t
 }
 
-// OpenAll opens all items up to total
-func (a *Accordion) OpenAll(total int) {
-	for i := 0; i < total; i++ {
-		a.openIndices[i] = true
+func (t *Toggle) Toggle() {
+	t.on = !t.on
+	if t.onToggle != nil {
+		t.onToggle(t.on)
 	}
+	t.Refresh()
 }
 
-// CloseAll closes all accordion items
-func (a *Accordion) CloseAll() {
-	a.openIndices = make(map[int]bool)
+func (t *Toggle) IsOn() bool       { return t.on }
+func (t *Toggle) SetOn(value bool) { t.on = value; t.Refresh() }
+
+// =============================================================================
+// MODAL
+// =============================================================================
+
+type Modal struct {
+	widget.BaseWidget
+	content fyne.CanvasObject
+	open    bool
+	window  fyne.Window
 }
 
-// IsOpen returns whether item is open
-func (a *Accordion) IsOpen(index int) bool {
-	return a.openIndices[index]
+func NewModal(content fyne.CanvasObject) *Modal {
+	m := &Modal{content: content}
+	m.ExtendBaseWidget(m)
+	return m
 }
 
-// Pagination represents a pagination component
-type Pagination struct {
-	total   int
-	current int
+func (m *Modal) Open(window fyne.Window) {
+	m.window = window
+	m.open = true
+	m.Show()
 }
 
-// NewPagination creates new pagination
-func NewPagination(total, current int) *Pagination {
-	if current < 1 {
-		current = 1
+func (m *Modal) Close()       { m.open = false; m.Hide() }
+func (m *Modal) IsOpen() bool { return m.open }
+func (m *Modal) Show() {
+	if m.window != nil {
+		popup := widget.NewModalPopUp(m.content, m.window.Canvas())
+		popup.Show()
 	}
-	if current > total {
-		current = total
+}
+func (m *Modal) Hide() {}
+
+// =============================================================================
+// DROPDOWN
+// =============================================================================
+
+// Dropdown creates a dropdown selection widget using Fyne's Select widget.
+func NewDropdown(items []string, onSelect func(string)) *widget.Select {
+	s := widget.NewSelect(items, onSelect)
+	return s
+}
+
+// =============================================================================
+// TABS
+// =============================================================================
+
+func NewTabs(items ...*widget.TabItem) *container.AppTabs {
+	return container.NewAppTabs(items...)
+}
+
+// =============================================================================
+// ACCORDION
+// =============================================================================
+
+type AccordionItem struct {
+	Title   string
+	Content fyne.CanvasObject
+}
+
+type Accordion struct {
+	widget.BaseWidget
+	items       []AccordionItem
+	openIndices map[int]bool
+}
+
+func NewAccordion(items ...AccordionItem) *Accordion {
+	a := &Accordion{items: items, openIndices: make(map[int]bool)}
+	a.ExtendBaseWidget(a)
+	return a
+}
+
+func (a *Accordion) Toggle(index int) { a.openIndices[index] = !a.openIndices[index]; a.Refresh() }
+func (a *Accordion) Open(index int)   { a.openIndices[index] = true; a.Refresh() }
+func (a *Accordion) Close(index int)  { delete(a.openIndices, index); a.Refresh() }
+func (a *Accordion) OpenAll() {
+	for i := range a.items {
+		a.openIndices[i] = true
 	}
-	return &Pagination{total: total, current: current}
+	a.Refresh()
+}
+func (a *Accordion) CloseAll()             { a.openIndices = make(map[int]bool); a.Refresh() }
+func (a *Accordion) IsOpen(index int) bool { return a.openIndices[index] }
+
+// =============================================================================
+// PAGINATION
+// =============================================================================
+
+type Pagination struct {
+	widget.BaseWidget
+	total    int
+	current  int
+	onChange func(int)
+}
+
+func NewPagination(total, current int, onChange func(int)) *Pagination {
+	p := &Pagination{total: total, current: current, onChange: onChange}
+	p.ExtendBaseWidget(p)
+	return p
 }
 
-// GoTo navigates to a specific page
 func (p *Pagination) GoTo(page int) {
 	if page >= 1 && page <= p.total {
 		p.current = page
+		if p.onChange != nil {
+			p.onChange(page)
+		}
+		p.Refresh()
 	}
 }
-
-// Next goes to next page
 func (p *Pagination) Next() {
 	if p.current < p.total {
-		p.current++
+		p.GoTo(p.current + 1)
 	}
 }
-
-// Prev goes to previous page
 func (p *Pagination) Prev() {
 	if p.current > 1 {
-		p.current--
+		p.GoTo(p.current - 1)
 	}
 }
+func (p *Pagination) Current() int { return p.current }
+func (p *Pagination) Total() int   { return p.total }
+
+// =============================================================================
+// TOAST
+// =============================================================================
+
+type ToastType int
+
+const (
+	ToastSuccess ToastType = iota
+	ToastError
+	ToastWarning
+	ToastInfo
+)
+
+func ShowToast(window fyne.Window, message string, toastType ToastType) {
+	c := DefaultColors()
+	var bgColor color.Color
+	var prefix string
+	switch toastType {
+	case ToastSuccess:
+		bgColor = c.Success
+		prefix = "✓ "
+	case ToastError:
+		bgColor = c.Error
+		prefix = "✕ "
+	case ToastWarning:
+		bgColor = c.Warning
+		prefix = "⚠ "
+	default:
+		bgColor = c.Info
+		prefix = "ℹ "
+	}
+	label := canvas.NewText(prefix+message, c.Text)
+	label.TextSize = 13
+	bg := canvas.NewRectangle(bgColor)
+	bg.CornerRadius = 10
+	cont := container.NewStack(bg, container.NewPadded(label))
+	popover := widget.NewPopUp(cont, window.Canvas())
+	popover.Move(fyne.NewPos(window.Canvas().Size().Width-320, window.Canvas().Size().Height-60))
+}
+
+// =============================================================================
+// COMMAND PALETTE
+// =============================================================================
+
+type CommandItem struct {
+	Title, Subtitle, Kbd string
+	Action               func()
+}
+
+// CommandPalette creates a modal command palette with search and filtering.
+func NewCommandPalette(window fyne.Window, items []CommandItem) *fyne.Container {
+	c := DefaultColors()
+	searchEntry := widget.NewEntry()
+	searchEntry.SetPlaceHolder("Type to search commands...")
+
+	list := widget.NewList(
+		func() int { return len(items) },
+		func() fyne.CanvasObject {
+			return container.NewVBox(
+				widget.NewLabel("Command"),
+				widget.NewLabel("Description"),
+			)
+		},
+		func(id widget.ListItemID, item fyne.CanvasObject) {
+			if id < len(items) {
+				vbox := item.(*fyne.Container)
+				vbox.Objects[0].(*widget.Label).SetText(items[id].Title)
+				vbox.Objects[1].(*widget.Label).SetText(items[id].Subtitle)
+			}
+		},
+	)
+
+	searchEntry.OnChanged = func(query string) {
+		// Filter logic can be added here
+		list.Refresh()
+	}
+
+	list.OnSelected = func(id widget.ListItemID) {
+		if id < len(items) && items[id].Action != nil {
+			items[id].Action()
+			window.Hide()
+		}
+	}
 
-// Current returns current page
-func (p *Pagination) Current() int {
-	return p.current
+	content := container.NewVBox(
+		searchEntry,
+		container.NewScroll(list),
+	)
+
+	bg := canvas.NewRectangle(c.Surface)
+	bg.CornerRadius = 14
+
+	return container.NewStack(bg, container.NewPadded(content))
 }
 
-// Total returns total pages
-func (p *Pagination) Total() int {
-	return p.total
+// =============================================================================
+// SEARCH
+// =============================================================================
+
+type SearchItem struct {
+	Title, Subtitle string
+	Action          func()
+}
+
+// Search creates a search widget with input and results list.
+func NewSearch(items []SearchItem, onSelect func(SearchItem)) *fyne.Container {
+	c := DefaultColors()
+	searchEntry := widget.NewEntry()
+	searchEntry.SetPlaceHolder("Search...")
+
+	results := make([]SearchItem, 0)
+	resultsList := widget.NewList(
+		func() int { return len(results) },
+		func() fyne.CanvasObject {
+			return container.NewVBox(
+				widget.NewLabel("Title"),
+				widget.NewLabel("Subtitle"),
+			)
+		},
+		func(id widget.ListItemID, item fyne.CanvasObject) {
+			if id < len(results) {
+				vbox := item.(*fyne.Container)
+				vbox.Objects[0].(*widget.Label).SetText(results[id].Title)
+				vbox.Objects[1].(*widget.Label).SetText(results[id].Subtitle)
+			}
+		},
+	)
+
+	resultsList.OnSelected = func(id widget.ListItemID) {
+		if id < len(results) && onSelect != nil {
+			onSelect(results[id])
+		}
+	}
+
+	searchEntry.OnChanged = func(query string) {
+		results = make([]SearchItem, 0)
+		if query == "" {
+			resultsList.Refresh()
+			return
+		}
+		for _, item := range items {
+			// Simple case-insensitive search
+			if containsIgnoreCase(item.Title, query) || containsIgnoreCase(item.Subtitle, query) {
+				results = append(results, item)
+			}
+		}
+		resultsList.Refresh()
+	}
+
+	content := container.NewVBox(
+		searchEntry,
+		container.NewScroll(resultsList),
+	)
+
+	return content
 }
 
-// CommandPaletteItem represents a command palette item
-type CommandPaletteItem struct {
-	Title  string
-	Kbd    string
-	Action func()
+func containsIgnoreCase(s, substr string) bool {
+	return strings.Contains(strings.ToLower(s), strings.ToLower(substr))
 }
 
-// CommandPalette represents a command palette
-type CommandPalette struct {
-	open  bool
-	items []CommandPaletteItem
+// =============================================================================
+// TABLE
+// =============================================================================
+
+func NewTable(rows, cols int, cellFunc func(row, col int) fyne.CanvasObject) *widget.Table {
+	return widget.NewTable(
+		func() (int, int) { return rows, cols },
+		func() fyne.CanvasObject { return widget.NewLabel("") },
+		func(id widget.TableCellID, cell fyne.CanvasObject) {
+			if obj := cellFunc(id.Row, id.Col); obj != nil {
+				cell.(*widget.Label).SetText(obj.(*widget.Label).Text)
+			}
+		},
+	)
 }
 
-// NewCommandPalette creates a new command palette
-func NewCommandPalette() *CommandPalette {
-	return &CommandPalette{items: make([]CommandPaletteItem, 0)}
+// =============================================================================
+// LIST
+// =============================================================================
+
+type ListItem struct {
+	Title, Subtitle string
 }
 
-// Open opens command palette
-func (c *CommandPalette) Open() {
-	c.open = true
+func NewList(items []ListItem) *widget.List {
+	return widget.NewList(
+		func() int { return len(items) },
+		func() fyne.CanvasObject { return widget.NewLabel("") },
+		func(id widget.ListItemID, item fyne.CanvasObject) {
+			item.(*widget.Label).SetText(items[id].Title)
+		},
+	)
 }
 
-// Close closes command palette
-func (c *CommandPalette) Close() {
-	c.open = false
+// =============================================================================
+// LAYOUT HELPERS
+// =============================================================================
+
+func NewContainer(content fyne.CanvasObject) fyne.CanvasObject {
+	return container.NewMax(content)
 }
 
-// Toggle toggles command palette
-func (c *CommandPalette) Toggle() {
-	c.open = !c.open
+func NewFlex(objects ...fyne.CanvasObject) fyne.CanvasObject {
+	return container.NewHBox(objects...)
 }
 
-// IsOpen returns whether command palette is open
-func (c *CommandPalette) IsOpen() bool {
-	return c.open
+func NewStack(objects ...fyne.CanvasObject) fyne.CanvasObject {
+	return container.NewVBox(objects...)
 }
 
-// SetItems sets command items
-func (c *CommandPalette) SetItems(items []CommandPaletteItem) {
-	c.items = items
+func NewGrid(cols int, objects ...fyne.CanvasObject) fyne.CanvasObject {
+	return container.NewGridWithColumns(cols, objects...)
 }
 
-// Items returns all items
-func (c *CommandPalette) Items() []CommandPaletteItem {
-	return c.items
+func NewForm(items ...*widget.FormItem) *widget.Form {
+	return widget.NewForm(items...)
 }
 
-// Execute executes item by index
-func (c *CommandPalette) Execute(index int) {
-	if index >= 0 && index < len(c.items) && c.items[index].Action != nil {
-		c.items[index].Action()
-		c.Close()
+// =============================================================================
+// NAV
+// =============================================================================
+
+// Nav creates a navigation sidebar widget.
+func NewNav(items []string, active int, onSelect func(int)) *widget.List {
+	list := widget.NewList(
+		func() int { return len(items) },
+		func() fyne.CanvasObject {
+			return widget.NewLabel("Nav Item")
+		},
+		func(id widget.ListItemID, item fyne.CanvasObject) {
+			if id < len(items) {
+				item.(*widget.Label).SetText(items[id])
+			}
+		},
+	)
+	list.OnSelected = func(id widget.ListItemID) {
+		if onSelect != nil {
+			onSelect(id)
+		}
+	}
+	if active >= 0 && active < len(items) {
+		list.Select(active)
 	}
+	return list
 }
 
-// SearchItem represents a search result item
-type SearchItem struct {
-	Title    string
-	Subtitle string
-	Action   func()
-}
+// =============================================================================
+// STAT
+// =============================================================================
 
-// Search represents a search component
-type Search struct {
-	open  bool
-	items []SearchItem
-}
+type StatDeltaType int
 
-// NewSearch creates a new search
-func NewSearch() *Search {
-	return &Search{items: make([]SearchItem, 0)}
-}
+const (
+	StatDeltaUp StatDeltaType = iota
+	StatDeltaDown
+)
 
-// SetItems sets searchable items
-func (s *Search) SetItems(items []SearchItem) {
-	s.items = items
-}
+// Stat creates a stat/metric display widget with value, label, and optional delta.
+func NewStat(value string, label string, delta string, deltaType StatDeltaType) *fyne.Container {
+	c := DefaultColors()
+
+	valueLabel := canvas.NewText(value, c.Text)
+	valueLabel.TextSize = 28
+	valueLabel.TextStyle = fyne.TextStyle{Bold: true}
+
+	labelWidget := canvas.NewText(label, c.TextMuted)
+	labelWidget.TextSize = 11
+
+	var deltaWidget *canvas.Text
+	if delta != "" {
+		deltaColor := c.SuccessText
+		if deltaType == StatDeltaDown {
+			deltaColor = c.ErrorText
+		}
+		prefix := "↑ "
+		if deltaType == StatDeltaDown {
+			prefix = "↓ "
+		}
+		deltaWidget = canvas.NewText(prefix+delta, deltaColor)
+		deltaWidget.TextSize = 11
+	}
 
-// Filter filters items by query
-func (s *Search) Filter(query string) []SearchItem {
-	var results []SearchItem
-	for _, item := range s.items {
-		results = append(results, item)
+	content := container.NewVBox(
+		valueLabel,
+		labelWidget,
+	)
+
+	if deltaWidget != nil {
+		content = container.NewVBox(
+			valueLabel,
+			labelWidget,
+			deltaWidget,
+		)
 	}
-	return results
-}
 
-// Open opens search results
-func (s *Search) Open() {
-	s.open = true
-}
+	bg := canvas.NewRectangle(c.Surface)
+	bg.StrokeColor = c.Border
+	bg.StrokeWidth = 1
+	bg.CornerRadius = 10
 
-// Close closes search results
-func (s *Search) Close() {
-	s.open = false
+	return container.NewStack(bg, container.NewPadded(content))
 }
 
-// IsOpen returns whether search is open
-func (s *Search) IsOpen() bool {
-	return s.open
+// =============================================================================
+// APPLICATION
+// =============================================================================
+
+type App struct {
+	fyne.App
+	Theme fyne.Theme
 }
 
-// Items returns all items
-func (s *Search) Items() []SearchItem {
-	return s.items
+func NewApp() *App {
+	a := app.New()
+	t := NewTheme()
+	a.Settings().SetTheme(t)
+	return &App{App: a, Theme: t}
 }
 
-// Select selects and executes item by index
-func (s *Search) Select(index int) {
-	if index >= 0 && index < len(s.items) && s.items[index].Action != nil {
-		s.items[index].Action()
-		s.Close()
-	}
+func (a *App) NewWindow(title string) fyne.Window {
+	return a.App.NewWindow(title)
 }
 
-// Init initializes all CronixUI components
-func Init() {
-	fmt.Println("CronixUI", Version, "initialized")
+func Init() fyne.Theme {
+	return NewTheme()
 }