Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jan 12, 2026

Connects all Zustand stores to Redux DevTools Remote server on port 8080 for debugging state changes, actions, and time-travel during development.

Changes

Dependencies

  • Added @redux-devtools/cli for remote devtools server

NPM Script

  • Added npm run devtools to start server on port 8080

Store Integration

  • Wrapped all stores (Chat, Auth, Models, Tools, Workspace, Conversation) with Zustand's devtools middleware
  • Added consistent action naming: {store}/{action}[/status] pattern for all set() calls

Configuration

  • Created devtools.config.ts for centralized dev-only config
  • Auto-enabled in development, auto-disabled in production

Documentation

  • Added DEVTOOLS.md usage guide
  • Updated README.md with devtools workflow

Usage

# Terminal 1
npm run devtools

# Terminal 2  
npm run dev

DevTools UI opens at http://localhost:8080 with all stores connected.

Implementation

// Before
export const useStore = create<State>()((set, get) => ({
  count: 0,
  increment: () => set({ count: get().count + 1 }),
}));

// After
export const useStore = create<State>()(
  devtools(
    (set, get) => ({
      count: 0,
      increment: () => set({ count: get().count + 1 }, undefined, 'store/increment'),
    }),
    { name: 'StoreName', ...devtoolsConfig }
  )
);

Redux DevTools Server Running

Original prompt

I have store but want to connest the electron app to dev tools - use - @redux-devtools/remote !!!!

https://github.com/zalmoxisus/remote-redux-devtools
use port 8080

and connect the zuzand store to the remote tool - add npm commanr to start remote redux tool - IT"S VERY HARD TASK - make research in case neede

USE SUPPER SIMPLE APPROACH TO ACHIVE THE RESULTS


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 4 commits January 12, 2026 23:37
Co-authored-by: vreshch <9742863+vreshch@users.noreply.github.com>
Co-authored-by: vreshch <9742863+vreshch@users.noreply.github.com>
Co-authored-by: vreshch <9742863+vreshch@users.noreply.github.com>
Co-authored-by: vreshch <9742863+vreshch@users.noreply.github.com>
Copilot AI changed the title [WIP] Connect Electron app to remote Redux dev tools Add Redux DevTools Remote integration for Zustand stores Jan 12, 2026
Copilot AI requested a review from vreshch January 12, 2026 23:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants