timings

Author: Thunkar

app/src/ipc/wallet-internal-interface.ts

@@ -90,7 +90,7 @@ export type InternalWalletInterface = Omit<Wallet, "getAccounts"> & {
   getInteractions(): Promise<WalletInteraction<WalletInteractionType>[]>;
   getExecutionTrace(
     interactionId: string
-  ): Promise<DecodedExecutionTrace | undefined>;
+  ): Promise<{ trace?: DecodedExecutionTrace; stats?: any } | undefined>;
   resolveAuthorization(response: AuthorizationResponse): void;
   onWalletUpdate(callback: OnWalletUpdateListener): void;
   onAuthorizationRequest(callback: OnAuthorizationRequestListener): void;
@@ -148,7 +148,10 @@ export const InternalWalletInterfaceSchema: ApiSchemaFor<InternalWalletInterface
     getExecutionTrace: z
       .function()
       .args(z.string())
-      .returns(DecodedExecutionTraceSchema.optional()),
+      .returns(z.object({
+        trace: DecodedExecutionTraceSchema.optional(),
+        stats: z.any().optional(),
+      }).optional()),
     // @ts-ignore
     resolveAuthorization: z.function().args(
       z.object({

app/src/ui/components/authorization/AuthorizeSimulateTxContent.tsx

@@ -20,10 +20,12 @@ export function AuthorizeSimulateTxContent({
     callAuthorizations?: ReadableCallAuthorization[];
     executionTrace?: DecodedExecutionTrace | any;
     isUtility?: boolean;
+    stats?: any;
   };
   const callAuthorizations = params.callAuthorizations || [];
   const executionTrace = params.executionTrace;
   const isUtility = params.isUtility || request.method === "simulateUtility";
+  const stats = params.stats;
 
   return (
     <>
@@ -43,6 +45,7 @@ export function AuthorizeSimulateTxContent({
           <ExecutionTraceDisplay
             trace={executionTrace}
             callAuthorizations={callAuthorizations}
+            stats={stats}
           />
         </Box>
       )}

app/src/ui/components/dialogs/ExecutionTraceDialog.tsx

@@ -12,12 +12,14 @@ interface ExecutionTraceDialogProps {
   open: boolean;
   onClose: () => void;
   trace: DecodedExecutionTrace | null;
+  stats?: any;
 }
 
 export function ExecutionTraceDialog({
   open,
   onClose,
   trace,
+  stats,
 }: ExecutionTraceDialogProps) {
   if (!trace) return null;
 
@@ -55,6 +57,7 @@ export function ExecutionTraceDialog({
         <ExecutionTraceDisplay
           trace={trace}
           accordionBgColor="background.default"
+          stats={stats}
         />
       </DialogContent>
       <DialogActions>

app/src/ui/components/sections/authorized-apps/components/AppAuthorizationCard.tsx

@@ -154,9 +154,9 @@ export function AppAuthorizationCard({
       setSelectedSimulationHash(payloadHash);
 
       // Payload hash IS the interaction ID for simulations
-      const trace = await walletAPI.getExecutionTrace(payloadHash);
-      if (trace) {
-        setExecutionTrace(trace);
+      const result = await walletAPI.getExecutionTrace(payloadHash);
+      if (result) {
+        setExecutionTrace(result);
         setTraceDialogOpen(true);
       } else {
         alert("Execution trace not found for this simulation");
@@ -454,7 +454,8 @@ export function AppAuthorizationCard({
       {executionTrace && (
         <ExecutionTraceDialog
           open={traceDialogOpen}
-          trace={executionTrace}
+          trace={executionTrace.trace}
+          stats={executionTrace.stats}
           onClose={() => {
             setTraceDialogOpen(false);
             setExecutionTrace(null);

app/src/ui/components/sections/interactions/index.tsx

@@ -106,6 +106,7 @@ export function InteractionsList({
   const { walletAPI } = useContext(WalletContext);
   const [selectedTrace, setSelectedTrace] =
     useState<DecodedExecutionTrace | null>(null);
+  const [selectedStats, setSelectedStats] = useState<any | null>(null);
   const [traceDialogOpen, setTraceDialogOpen] = useState(false);
 
   const handleInteractionClick = async (
@@ -118,9 +119,10 @@ export function InteractionsList({
       interaction.type === "simulateUtility"
     ) {
       try {
-        const trace = await walletAPI.getExecutionTrace(interaction.id);
-        if (trace) {
-          setSelectedTrace(trace);
+        const result = await walletAPI.getExecutionTrace(interaction.id);
+        if (result?.trace) {
+          setSelectedTrace(result.trace);
+          setSelectedStats(result.stats);
           setTraceDialogOpen(true);
         }
       } catch (error) {
@@ -320,6 +322,7 @@ export function InteractionsList({
         open={traceDialogOpen}
         onClose={() => setTraceDialogOpen(false)}
         trace={selectedTrace}
+        stats={selectedStats}
       />
     </Box>
   );