Merge PR winfunc#407: ES Module Imports

Add web-compatible fallback for non-Tauri environments using
dynamic listen function that checks environment at runtime.

Author: Marlon Costa

src/components/ClaudeCodeSession.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef, useMemo } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { 
+import {
   Copy,
   ChevronDown,
   GitBranch,
@@ -15,8 +15,7 @@ import { Label } from "@/components/ui/label";
 import { Popover } from "@/components/ui/popover";
 import { api, type Session } from "@/lib/api";
 import { cn } from "@/lib/utils";
-
-import { listen, type UnlistenFn } from "@tauri-apps/api/event";
+import { listen as tauriListen } from "@tauri-apps/api/event";
 import { StreamMessage } from "./StreamMessage";
 import {
   FloatingPromptInput,
@@ -46,6 +45,37 @@ import {
 } from "@/hooks";
 import { SessionPersistenceService } from "@/services/sessionPersistence";
 
+type UnlistenFn = () => void;
+
+// Runtime check for Tauri environment (must be function to check at call time)
+const isTauriEnv = () => typeof window !== 'undefined' && !!(window.__TAURI__ || window.__TAURI_INTERNALS__);
+
+// Web-compatible fallback for non-Tauri environments
+const webListen = (eventName: string, callback: (event: { payload: unknown }) => void): Promise<UnlistenFn> => {
+  console.log('[ClaudeCodeSession] Setting up DOM event listener for:', eventName);
+
+  const domEventHandler = (event: Event) => {
+    const customEvent = event as CustomEvent;
+    console.log('[ClaudeCodeSession] DOM event received:', eventName, customEvent.detail);
+    callback({ payload: customEvent.detail });
+  };
+
+  window.addEventListener(eventName, domEventHandler);
+
+  return Promise.resolve(() => {
+    console.log('[ClaudeCodeSession] Removing DOM event listener for:', eventName);
+    window.removeEventListener(eventName, domEventHandler);
+  });
+};
+
+// Dynamic listen function that checks environment at runtime
+const listen = (eventName: string, callback: (event: { payload: unknown }) => void): Promise<UnlistenFn> => {
+  if (isTauriEnv()) {
+    return tauriListen(eventName, callback);
+  }
+  return webListen(eventName, callback);
+};
+
 interface ClaudeCodeSessionProps {
   /**
    * Optional session to resume (when clicking from SessionList)