@nextclaw/ui 0.15.27 → 0.15.28

package/src/features/apps/components/app-packages-panel.tsx

@@ -299,34 +299,40 @@ function AppPackageLibrary({
       ).map((operation) => (
         <PendingInstallCard key={operation.id} operation={operation} />
       ))}
-      {packages.map((appPackage) => (
-        <AppPackageCard
-          key={appPackage.id}
-          appPackage={appPackage}
-          panelApps={panelApps.filter((entry) => entry.packageId === appPackage.id)}
-          isPending={isPending && mutationAppId === appPackage.id}
-          operation={operations.find((entry) =>
-            entry.appId === appPackage.id && (
-              isAppPackageOperationActive(entry.status) ||
-              entry.status === 'failed' ||
-              entry.status === 'interrupted'
-            ))}
-          onEnable={() => onMutate({ action: 'enable', appId: appPackage.id })}
-          onDisable={() => onMutate({ action: 'disable', appId: appPackage.id })}
-          onUpdate={() => onMutate({ action: 'update', appId: appPackage.id })}
-          onRollback={(version) => onMutate({
-            action: 'rollback',
-            appId: appPackage.id,
-            version,
-          })}
-          onUninstall={(purgeData) => onMutate({
-            action: 'uninstall',
-            appId: appPackage.id,
-            purgeData,
-          })}
-          onOpenPanelApp={onOpenPanelApp}
-        />
-      ))}
+      {packages.map((appPackage) => {
+        const latestOperation = operations.find((entry) => entry.appId === appPackage.id);
+        const visibleOperation = latestOperation && (
+          isAppPackageOperationActive(latestOperation.status) ||
+          latestOperation.status === 'failed' ||
+          latestOperation.status === 'interrupted'
+        )
+          ? latestOperation
+          : undefined;
+
+        return (
+          <AppPackageCard
+            key={appPackage.id}
+            appPackage={appPackage}
+            panelApps={panelApps.filter((entry) => entry.packageId === appPackage.id)}
+            isPending={isPending && mutationAppId === appPackage.id}
+            operation={visibleOperation}
+            onEnable={() => onMutate({ action: 'enable', appId: appPackage.id })}
+            onDisable={() => onMutate({ action: 'disable', appId: appPackage.id })}
+            onUpdate={() => onMutate({ action: 'update', appId: appPackage.id })}
+            onRollback={(version) => onMutate({
+              action: 'rollback',
+              appId: appPackage.id,
+              version,
+            })}
+            onUninstall={(purgeData) => onMutate({
+              action: 'uninstall',
+              appId: appPackage.id,
+              purgeData,
+            })}
+            onOpenPanelApp={onOpenPanelApp}
+          />
+        );
+      })}
     </div>
   );
 }

package/dist/assets/remote-BwVv_Qq-.js

@@ -1 +0,0 @@
-import{jt as e}from"./index-Ba_o5fu9.js";export{e as RemoteAccessPage};