2 files changed, 11 insertions, 0 deletions

diff --git a/packages/renderer/src/stores/RendererStore.ts b/packages/renderer/src/stores/RendererStore.ts
index d0e7843..731ca28 100644
--- a/packages/renderer/src/stores/RendererStore.ts
+++ b/packages/renderer/src/stores/RendererStore.ts
@@ -42,8 +42,17 @@ export const rendererStore = types
     get services(): Service[] {
       return this.config.services;
     },
+    get selectedService(): Service | undefined {
+      return self.shared.selectedService;
+    },
   }))
   .actions((self) => ({
+    setSelectedServiceId(serviceId: string): void {
+      getEnv(self).dispatchMainAction({
+        action: 'set-selected-service-id',
+        serviceId,
+      });
+    },
     setBrowserViewBounds(browserViewBounds: BrowserViewBounds): void {
       getEnv(self).dispatchMainAction({
         action: 'set-browser-view-bounds',
diff --git a/packages/renderer/src/stores/SharedStore.ts b/packages/renderer/src/stores/SharedStore.ts
index baaf061..962f7e2 100644
--- a/packages/renderer/src/stores/SharedStore.ts
+++ b/packages/renderer/src/stores/SharedStore.ts
@@ -22,9 +22,11 @@ import { sharedStore as originalSharedStore } from '@sophie/shared';
 import { Instance, types } from 'mobx-state-tree';
 
 import { config } from './Config';
+import { service } from './Service';
 
 export const sharedStore = originalSharedStore.props({
   config: types.optional(config, {}),
+  selectedService: types.safeReference(service),
 });
 
 export interface SharedStore extends Instance<typeof sharedStore> {}