homeio

1"use client";
2
3/**
4 * Single shared instance of useStoreActions for the entire desktop shell.
5 *
6 * Problem solved: AppStore, AppGrid (controller), AppConfiguratorPanel all called
7 * useStoreActions() independently, creating 3-4 separate React state instances.
8 * This meant:
9 *   - Progress banner in the grid never showed for App Store installs/uninstalls
10 *   - App didn't appear as "updating" in the grid during App Store operations
11 *   - operationsByApp was not shared → no coordination between windows
12 *
13 * Solution: Wrap the desktop shell content in <StoreActionsProvider> once.
14 * All child components call useSharedStoreActions() to get the same instance.
15 */
16
17import { createContext, useContext, type ReactNode } from "react";
18import { useStoreActions, type StoreActionsHandle } from "./useStoreActions";
19
20const StoreActionsContext = createContext<StoreActionsHandle | null>(null);
21
22export function StoreActionsProvider({ children }: { children: ReactNode }) {
23  const actions = useStoreActions();
24  return (
25    <StoreActionsContext.Provider value={actions}>
26      {children}
27    </StoreActionsContext.Provider>
28  );
29}
30
31export function useSharedStoreActions(): StoreActionsHandle {
32  const ctx = useContext(StoreActionsContext);
33  const fallbackActions = useStoreActions();
34  return ctx ?? fallbackActions;
35}
36