Fix PolyIMC bug that it won't handle multiple IMC from the same view & allow Pulse App to use tailwind theme variant & fix project/file explorer logic

Author: Shellishack

npm-packages/react-api/eslint.config.js

@@ -1,7 +1,7 @@
-import globals from "globals";
 import pluginJs from "@eslint/js";
-import tseslint from "typescript-eslint";
 import pluginReact from "eslint-plugin-react";
+import globals from "globals";
+import tseslint from "typescript-eslint";
 
 /** @type {import('eslint').Linter.Config[]} */
 export default [
@@ -26,4 +26,12 @@ export default [
       "@typescript-eslint/no-unused-vars": "off",
     },
   },
+  {
+    languageOptions: {
+      parserOptions: {
+        tsconfigRootDir: dirname(fileURLToPath(import.meta.url)),
+        project: "./tsconfig.json",
+      },
+    },
+  },
 ];

npm-packages/react-api/src/hooks/agent/use-agent-tools.ts

@@ -1,5 +1,5 @@
 import { AgentTool, IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 /**
  * Add or use agent tools in the editor.

npm-packages/react-api/src/hooks/agent/use-agents.ts

@@ -4,7 +4,7 @@ import {
   IMCMessageTypeEnum,
   LLMConfig,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useAgents() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-image-gen.ts

@@ -3,7 +3,7 @@ import {
   IMCMessage,
   IMCMessageTypeEnum,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useImageGen() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-llm.ts

@@ -3,7 +3,7 @@ import {
   IMCMessageTypeEnum,
   LLMConfig,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useLLM() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-ocr.ts

@@ -1,6 +1,6 @@
 import { IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/shared-utils";
 
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useOCR() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-speech2speech.ts

@@ -1,5 +1,5 @@
 import { IMCMessage, IMCMessageTypeEnum } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 import { useState } from "react";
 
 /**

npm-packages/react-api/src/hooks/ai-modality/use-stt.ts

@@ -3,7 +3,7 @@ import {
   IMCMessageTypeEnum,
   STTConfig,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useSTT() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-tts.ts

@@ -3,7 +3,7 @@ import {
   IMCMessageTypeEnum,
   TTSConfig,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useTTS() {
   const receiverHandlerMap = new Map<

npm-packages/react-api/src/hooks/ai-modality/use-video-gen.ts

@@ -3,7 +3,7 @@ import {
   IMCMessageTypeEnum,
   VideoModelConfig,
 } from "@pulse-editor/shared-utils";
-import useIMC from "../../lib/use-imc";
+import useIMC from "../imc/use-imc";
 
 export default function useVideoGen() {
   const receiverHandlerMap = new Map<