Function CommandRegistryProvider

web/hooks/useCommandRegistry.ts:50–133

({
  children,
}: {
  children: React.ReactNode;
})

});

export function CommandRegistryProvider({
  children,
}: {
  children: React.ReactNode;
}) {
  const [commands, setCommands] = useState<Command[]>([]);
  const commandsRef = useRef<Command[]>([]);
  const [paletteOpen, setPaletteOpen] = useState(false);
  const [helpOpen, setHelpOpen] = useState(false);
  const [recentCommandIds, setRecentCommandIds] = useState<string[]>(() => {
    if (typeof window === "undefined") return [];
    try {
      return JSON.parse(localStorage.getItem(RECENT_KEY) ?? "[]");
    } catch {
      return [];
    }
  });

  const registerCommand = useCallback((cmd: Command) => {
    setCommands((prev) => {
      const next = [...prev.filter((c) => c.id !== cmd.id), cmd];
      commandsRef.current = next;
      return next;
    });
    return () => {
      setCommands((prev) => {
        const next = prev.filter((c) => c.id !== cmd.id);
        commandsRef.current = next;
        return next;
      });
    };
  }, []);

  const addToRecent = useCallback((id: string) => {
    setRecentCommandIds((prev) => {
      const next = [id, ...prev.filter((r) => r !== id)].slice(0, RECENT_MAX);
      try {
        localStorage.setItem(RECENT_KEY, JSON.stringify(next));
      } catch {}
      return next;
    });
  }, []);

  const runCommand = useCallback(
    (id: string) => {
      const cmd = commandsRef.current.find((c) => c.id === id);
      if (!cmd) return;
      if (cmd.when && !cmd.when()) return;
      addToRecent(id);
      cmd.action();
    },
    [addToRecent]
  );

  const openPalette = useCallback(() => setPaletteOpen(true), []);
  const closePalette = useCallback(() => setPaletteOpen(false), []);
  const openHelp = useCallback(() => setHelpOpen(true), []);
  const closeHelp = useCallback(() => setHelpOpen(false), []);