fix: remove .serena from repo and fix prettier formatting

Add .serena/ to .gitignore - tool config should not be committed.
Run prettier on all files that failed CI formatting check.

Author: bburda

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Serena
+.serena/

.serena/.gitignore

@@ -60,7 +60,14 @@ export function EntityResourceTabs({ entityId, entityType, basePath, onNavigate
     const [operations, setOperations] = useState<Operation[]>([]);
     const [faults, setFaults] = useState<Fault[]>([]);
 
-    const { selectEntity, fetchEntityData, fetchEntityOperations, fetchConfigurations, listEntityFaults, storeConfigurations } = useAppStore(
+    const {
+        selectEntity,
+        fetchEntityData,
+        fetchEntityOperations,
+        fetchConfigurations,
+        listEntityFaults,
+        storeConfigurations,
+    } = useAppStore(
         useShallow((state) => ({
             selectEntity: state.selectEntity,
             fetchEntityData: state.fetchEntityData,
@@ -80,16 +87,12 @@ export function EntityResourceTabs({ entityId, entityType, basePath, onNavigate
             try {
                 switch (tab) {
                     case 'data': {
-                        const dataRes = await fetchEntityData(entityType, entityId).catch(
-                            () => [] as ComponentTopic[]
-                        );
+                        const dataRes = await fetchEntityData(entityType, entityId).catch(() => [] as ComponentTopic[]);
                         setData(dataRes);
                         break;
                     }
                     case 'operations': {
-                        const opsRes = await fetchEntityOperations(entityType, entityId).catch(
-                            () => [] as Operation[]
-                        );
+                        const opsRes = await fetchEntityOperations(entityType, entityId).catch(() => [] as Operation[]);
                         setOperations(opsRes);
                         break;
                     }
@@ -114,7 +117,15 @@ export function EntityResourceTabs({ entityId, entityType, basePath, onNavigate
                 setIsLoading(false);
             }
         },
-        [fetchEntityData, fetchEntityOperations, fetchConfigurations, listEntityFaults, entityId, entityType, loadedTabs]
+        [
+            fetchEntityData,
+            fetchEntityOperations,
+            fetchConfigurations,
+            listEntityFaults,
+            entityId,
+            entityType,
+            loadedTabs,
+        ]
     );
 
     // Load resources when tab changes

.serena/project.yml

@@ -409,7 +409,15 @@ export function FaultsDashboard() {
     const [groupByEntity, setGroupByEntity] = useState(true);
 
     // Use shared faults state from store
-    const { faults, isLoadingFaults, isConnected, fetchFaults, clearFault, getFaultWithEnvironmentData, hasFaultStream } = useAppStore(
+    const {
+        faults,
+        isLoadingFaults,
+        isConnected,
+        fetchFaults,
+        clearFault,
+        getFaultWithEnvironmentData,
+        hasFaultStream,
+    } = useAppStore(
         useShallow((state) => ({
             faults: state.faults,
             isLoadingFaults: state.isLoadingFaults,
@@ -490,11 +498,7 @@ export function FaultsDashboard() {
                     setLoadingDetails((prev) => new Set([...prev, faultCode]));
                     try {
                         const entityGroup = mapFaultEntityTypeToResourceType(fault.entity_type);
-                        const details = await getFaultWithEnvironmentData(
-                            entityGroup,
-                            fault.entity_id,
-                            faultCode
-                        );
+                        const details = await getFaultWithEnvironmentData(entityGroup, fault.entity_id, faultCode);
                         setFaultDetails((prev) => new Map(prev).set(faultCode, details as FaultResponse));
                     } catch (err) {
                         console.error('Failed to fetch fault details:', err);

src/components/EntityResourceTabs.tsx

@@ -321,11 +321,7 @@ export function FaultsPanel({ entityId, entityType = 'components' }: FaultsPanel
                             ? mapFaultEntityTypeToResourceType(fault.entity_type)
                             : entityType;
                         const detailEntityId = fault?.entity_id || entityId;
-                        const details = await getFaultWithEnvironmentData(
-                            detailEntityType,
-                            detailEntityId,
-                            faultCode
-                        );
+                        const details = await getFaultWithEnvironmentData(detailEntityType, detailEntityId, faultCode);
                         setFaultDetails((prev) => new Map(prev).set(faultCode, details as FaultResponse));
                     } catch (err) {
                         console.error('Failed to fetch fault details:', err);

src/components/FaultsDashboard.tsx

@@ -68,7 +68,15 @@ export function FunctionsPanel({ functionId, functionName, description, path, on
     const [faults, setFaults] = useState<Fault[]>([]);
     const [isLoading, setIsLoading] = useState(false);
 
-    const { selectEntity, getFunctionHosts, fetchEntityData, fetchEntityOperations, fetchConfigurations, listEntityFaults, storeConfigurations } = useAppStore(
+    const {
+        selectEntity,
+        getFunctionHosts,
+        fetchEntityData,
+        fetchEntityOperations,
+        fetchConfigurations,
+        listEntityFaults,
+        storeConfigurations,
+    } = useAppStore(
         useShallow((state) => ({
             selectEntity: state.selectEntity,
             getFunctionHosts: state.getFunctionHosts,
@@ -158,7 +166,7 @@ export function FunctionsPanel({ functionId, functionName, description, path, on
                             if (tab.id === 'hosts') count = hosts.length;
                             if (tab.id === 'data') count = topics.length;
                             if (tab.id === 'operations') count = operations.length;
-                            if (tab.id === 'configurations') count = (storeConfigurations.get(functionId)?.length || 0);
+                            if (tab.id === 'configurations') count = storeConfigurations.get(functionId)?.length || 0;
                             if (tab.id === 'faults') count = faults.length;
 
                             return (
@@ -236,7 +244,9 @@ export function FunctionsPanel({ functionId, functionName, description, path, on
                                 className="p-3 rounded-lg border hover:bg-accent/50 transition-colors text-left"
                             >
                                 <Settings className="w-4 h-4 text-violet-500 mb-1" />
-                                <div className="text-2xl font-semibold">{(storeConfigurations.get(functionId)?.length || 0)}</div>
+                                <div className="text-2xl font-semibold">
+                                    {storeConfigurations.get(functionId)?.length || 0}
+                                </div>
                                 <div className="text-xs text-muted-foreground">Configs</div>
                             </button>
                             <button

src/components/FaultsPanel.tsx

@@ -57,12 +57,7 @@ export function RosbagDownloadButton({ snapshot, variant = 'outline', size = 'sm
                 throw new Error('Invalid bulk_data_uri format');
             }
 
-            const result = await downloadBulkData(
-                parsed.entityType,
-                parsed.entityId,
-                parsed.category,
-                parsed.id
-            );
+            const result = await downloadBulkData(parsed.entityType, parsed.entityId, parsed.category, parsed.id);
 
             if (!result) {
                 throw new Error('Download failed');