diff --git a/features/profile/frontend-app/src/App.tsx b/features/profile/frontend-app/src/App.tsx
index b6b580fed..6d8942ef9 100755
--- a/features/profile/frontend-app/src/App.tsx
+++ b/features/profile/frontend-app/src/App.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsxImportSource react */
+
 
 import { DeveloperFab } from '@lilith/ui-developer-fab';
 import { Routes, Route, Navigate } from '@lilith/ui-router';
diff --git a/features/profile/frontend-app/src/pages/ProfileEditorPage.tsx b/features/profile/frontend-app/src/pages/ProfileEditorPage.tsx
index 31e0765ac..fba834e9f 100755
--- a/features/profile/frontend-app/src/pages/ProfileEditorPage.tsx
+++ b/features/profile/frontend-app/src/pages/ProfileEditorPage.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsxImportSource react */
+
 
 import { ProfileAttributeEditor } from '@lilith/attributes-admin';
 import { useNavigate } from '@lilith/ui-router';
diff --git a/features/profile/plugin-profile-editor/src/CompletionBar.tsx b/features/profile/plugin-profile-editor/src/CompletionBar.tsx
index d510272ee..4fba36f3e 100755
--- a/features/profile/plugin-profile-editor/src/CompletionBar.tsx
+++ b/features/profile/plugin-profile-editor/src/CompletionBar.tsx
@@ -4,7 +4,8 @@
  * Displays profile completion percentage based on critical fields.
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import {
   CompletionBar as StyledCompletionBar,
   CompletionText,
diff --git a/features/profile/plugin-profile-editor/src/FieldRenderer.tsx b/features/profile/plugin-profile-editor/src/FieldRenderer.tsx
index 21be09835..1b446d466 100755
--- a/features/profile/plugin-profile-editor/src/FieldRenderer.tsx
+++ b/features/profile/plugin-profile-editor/src/FieldRenderer.tsx
@@ -5,7 +5,8 @@
  * Handles all field types: text, email, number, textarea, select, multiselect, checkbox, radio.
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import type { ProfileFieldConfig } from './types';
 import {
   FieldGroup,
diff --git a/features/profile/plugin-profile-editor/src/ProfileEditor.tsx b/features/profile/plugin-profile-editor/src/ProfileEditor.tsx
index b35af36bc..1f7073253 100755
--- a/features/profile/plugin-profile-editor/src/ProfileEditor.tsx
+++ b/features/profile/plugin-profile-editor/src/ProfileEditor.tsx
@@ -12,7 +12,8 @@
  * - useProfileForm.ts: Form state management
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import type { ProfileEditorProps } from './types';
 import { useProfileForm } from './useProfileForm';
 import { FieldRenderer } from './FieldRenderer';
diff --git a/features/profile/plugin-profile-editor/src/TabNavigation.tsx b/features/profile/plugin-profile-editor/src/TabNavigation.tsx
index 326712904..f7eb70b46 100755
--- a/features/profile/plugin-profile-editor/src/TabNavigation.tsx
+++ b/features/profile/plugin-profile-editor/src/TabNavigation.tsx
@@ -4,7 +4,8 @@
  * Handles tabbed navigation for profile editor sections.
  */
 
-import React from 'react';
+/** @jsxImportSource react */
+
 import type { ProfileTabConfig } from './types';
 import { TabList, TabButton, TabIcon } from './styles';