Spaces:
Running
Running
File size: 2,650 Bytes
c2ea5ed |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 |
import React, {
createContext,
useContext,
useState,
ReactNode,
useMemo,
} from "react";
export interface NavigationState {
currentSection: string;
breadcrumbs: BreadcrumbItem[];
notifications: NotificationItem[];
}
export interface BreadcrumbItem {
label: string;
path?: string;
active?: boolean;
}
export interface NotificationItem {
id: string;
title: string;
message: string;
type: "info" | "warning" | "error" | "success";
timestamp: Date;
read: boolean;
}
interface NavigationActions {
setCurrentSection: (section: string) => void;
setBreadcrumbs: (breadcrumbs: BreadcrumbItem[]) => void;
addNotification: (
notification: Omit<NotificationItem, "id" | "timestamp" | "read">
) => void;
markNotificationRead: (id: string) => void;
clearAllNotifications: () => void;
}
interface NavigationContextType {
state: NavigationState;
actions: NavigationActions;
}
const NavigationContext = createContext<NavigationContextType | undefined>(
undefined
);
export function NavigationProvider({ children }: { children: ReactNode }) {
const [state, setState] = useState<NavigationState>({
currentSection: "traces",
breadcrumbs: [{ label: "AgentGraph", active: true }],
notifications: [],
});
const actions: NavigationActions = useMemo(
() => ({
setCurrentSection: (section: string) => {
setState((prev) => ({ ...prev, currentSection: section }));
},
setBreadcrumbs: (breadcrumbs: BreadcrumbItem[]) => {
setState((prev) => ({ ...prev, breadcrumbs }));
},
addNotification: (notification) => {
const newNotification: NotificationItem = {
...notification,
id: Date.now().toString(),
timestamp: new Date(),
read: false,
};
setState((prev) => ({
...prev,
notifications: [newNotification, ...prev.notifications],
}));
},
markNotificationRead: (id: string) => {
setState((prev) => ({
...prev,
notifications: prev.notifications.map((n) =>
n.id === id ? { ...n, read: true } : n
),
}));
},
clearAllNotifications: () => {
setState((prev) => ({ ...prev, notifications: [] }));
},
}),
[]
);
return (
<NavigationContext.Provider value={{ state, actions }}>
{children}
</NavigationContext.Provider>
);
}
export function useNavigation() {
const context = useContext(NavigationContext);
if (context === undefined) {
throw new Error("useNavigation must be used within a NavigationProvider");
}
return context;
}
|