SaaS fixes (#6578)

Co-authored-by: Claude Opus 4.8 <[email protected]>
Co-authored-by: James Brunton <[email protected]>
Co-authored-by: Reece Browne <[email protected]>
Co-authored-by: ConnorYoh <[email protected]>
Co-authored-by: Reece <[email protected]>
Co-authored-by: EthanHealy01 <[email protected]>
Co-authored-by: Ludy <[email protected]>

frontend/.storybook/main.ts

@@ -1,12 +1,14 @@
 import { resolve } from "node:path";
 import type { StorybookConfig } from "@storybook/react-vite";
+import tsconfigPaths from "vite-tsconfig-paths";
 
 /**
  * Storybook 9 ships essentials, interactions, and docs as built-ins, so the
  * addon list is just the extras we want: theme switching + a11y auditing.
  *
- * Story files live next to their components in shared/ and portal/src/.
- * MDX docs pages live in portal/src/docs/.
+ * Story files live next to their components in shared/, portal/src/, and
+ * editor/src/ — the design system is shared by BOTH apps, so both surface
+ * their stories here. MDX docs pages live in portal/src/docs/.
  */
 const config: StorybookConfig = {
   stories: [
@@ -14,6 +16,7 @@ const config: StorybookConfig = {
     "../portal/src/**/*.stories.@(ts|tsx)",
     "../shared/**/*.mdx",
     "../shared/**/*.stories.@(ts|tsx)",
+    "../editor/src/**/*.stories.@(ts|tsx)",
   ],
   addons: ["@storybook/addon-themes", "@storybook/addon-a11y"],
   framework: {
@@ -28,13 +31,26 @@ const config: StorybookConfig = {
   staticDirs: ["../portal/public"],
   viteFinal: async (config) => {
     // Wire @portal/* and @shared/* aliases directly on the Storybook bundler so
-    // story imports resolve without needing the portal's vite config.
+    // portal story imports resolve without needing the portal's vite config.
     config.resolve = config.resolve ?? {};
     config.resolve.alias = {
       ...(config.resolve.alias ?? {}),
       "@portal": resolve(__dirname, "../portal/src"),
       "@shared": resolve(__dirname, "../shared"),
     };
+    // Editor stories import via @app/* (proprietary→core fallback), @core/* and
+    // @proprietary/*. Resolve them exactly the way the editor's own build does —
+    // through vite-tsconfig-paths against the proprietary vite tsconfig — so the
+    // shared Storybook can host editor components without duplicating the alias
+    // map here.
+    config.plugins = config.plugins ?? [];
+    config.plugins.push(
+      tsconfigPaths({
+        projects: [
+          resolve(__dirname, "../editor/tsconfig.proprietary.vite.json"),
+        ],
+      }),
+    );
     return config;
   },
 };