diff --git a/admin-compliance/app/sdk/iace/[projectId]/components/page.tsx b/admin-compliance/app/sdk/iace/[projectId]/components/page.tsx
index 6242dd3..f266029 100644
--- a/admin-compliance/app/sdk/iace/[projectId]/components/page.tsx
+++ b/admin-compliance/app/sdk/iace/[projectId]/components/page.tsx
@@ -55,9 +55,9 @@ export default function ComponentsPage() {
             Erfassen Sie alle Software-, Firmware-, KI- und Hardware-Komponenten der Maschine.
           </p>
         </div>
-        {!c.showForm && (
+        {!showForm && (
           <div className="flex items-center gap-2">
-            <button onClick={() => c.setShowLibrary(true)}
+            <button onClick={() => setShowLibrary(true)}
               className="flex items-center gap-2 px-3 py-2 border border-purple-300 text-purple-700 rounded-lg hover:bg-purple-50 transition-colors text-sm">
               <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
@@ -96,7 +96,7 @@ export default function ComponentsPage() {
         />
       )}
 
-      {c.tree.length > 0 ? (
+      {tree.length > 0 ? (
         <div className="bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 divide-y divide-gray-100 dark:divide-gray-700">
           <div className="px-4 py-3 bg-gray-50 dark:bg-gray-750 rounded-t-xl">
             <div className="flex items-center gap-2 text-xs font-medium text-gray-500 uppercase tracking-wider">
@@ -108,9 +108,9 @@ export default function ComponentsPage() {
             </div>
           </div>
           <div className="py-1">
-            {c.tree.map((component) => (
+            {tree.map((component) => (
               <ComponentTreeNode key={component.id} component={component} depth={0}
-                onEdit={c.handleEdit} onDelete={c.handleDelete} onAddChild={c.handleAddChild} />
+                onEdit={handleEdit} onDelete={handleDelete} onAddChild={handleAddChild} />
             ))}
           </div>
         </div>
@@ -128,7 +128,7 @@ export default function ComponentsPage() {
               Erstellen Sie eine hierarchische Struktur aus Software, Firmware, KI-Modulen und Hardware.
             </p>
             <div className="mt-6 flex items-center justify-center gap-3">
-              <button onClick={() => c.setShowLibrary(true)}
+              <button onClick={() => setShowLibrary(true)}
                 className="px-6 py-3 border border-purple-300 text-purple-700 rounded-lg hover:bg-purple-50 transition-colors">
                 Aus Bibliothek waehlen
               </button>