mo
46b9c50e73
- Data Hub with Hadoop tab (HDFS/Iceberg browser, Spark, pipeline) - Databricks-style Lakehouse Workbench (Trino engine, live exec matrix, materialize to Iceberg/S3); reused & embedded in every source-DB UI - HDFS -> Kafka -> Spark -> Iceberg/S3 pipeline; WebHDFS hostname resolver - Data Flow master pulse switch (Run/Pause/Stop) gating animated edges - Data Custodian autonomous Hadoop offload loop (batch counterpart to CDC), pulsing source -> HDFS edges; toggle in Data Flow - LLM now autonomously aware of all latest platform changes (live platform context) and enforces masking policy: never reveals masked PII, still answers helpfully with aggregates/explanations
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import { createContext, useContext, useEffect, useState, type ReactNode } from 'react'
|
|
|
|
export type Theme = 'light' | 'dark'
|
|
|
|
type ThemeContextValue = {
|
|
theme: Theme
|
|
toggle: () => void
|
|
}
|
|
|
|
const ThemeContext = createContext<ThemeContextValue | null>(null)
|
|
const STORAGE_KEY = 'atc-command-center-theme'
|
|
|
|
function readStored(): Theme {
|
|
const v = localStorage.getItem(STORAGE_KEY)
|
|
return v === 'dark' || v === 'light' ? v : 'dark'
|
|
}
|
|
|
|
export function ThemeProvider({ children }: { children: ReactNode }) {
|
|
const [theme, setTheme] = useState<Theme>(() => {
|
|
if (typeof window === 'undefined') return 'dark'
|
|
return readStored()
|
|
})
|
|
|
|
useEffect(() => {
|
|
const root = document.documentElement
|
|
root.classList.remove('light', 'dark')
|
|
root.classList.add(theme)
|
|
localStorage.setItem(STORAGE_KEY, theme)
|
|
}, [theme])
|
|
|
|
const toggle = () => setTheme((t) => (t === 'light' ? 'dark' : 'light'))
|
|
|
|
return (
|
|
<ThemeContext.Provider value={{ theme, toggle }}>
|
|
{children}
|
|
</ThemeContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useTheme() {
|
|
const ctx = useContext(ThemeContext)
|
|
if (!ctx) throw new Error('useTheme outside ThemeProvider')
|
|
return ctx
|
|
}
|