diff --git a/ui/src/ui/app-render.ts b/ui/src/ui/app-render.ts
index 3e087d28e..15b0dbb33 100644
--- a/ui/src/ui/app-render.ts
+++ b/ui/src/ui/app-render.ts
@@ -1327,6 +1327,23 @@ export function renderApp(state: AppViewState) {
                   if (state.agentsPanel === "skills") {
                     void loadAgentSkills(state, agentId);
                   }
+                  if (state.agentsPanel === "tools" && state.agentToolsSubTab === "pipedream" && state.client) {
+                    const setPd = (
+                      fn: (prev: typeof state.agentPipedreamState) => typeof state.agentPipedreamState,
+                    ) => {
+                      state.agentPipedreamState = fn(state.agentPipedreamState);
+                    };
+                    state.agentPipedreamState = { loading: true };
+                    void loadAgentPipedreamState(state.client, agentId, setPd);
+                  }
+                  if (state.agentsPanel === "tools" && state.agentToolsSubTab === "zapier" && state.client) {
+                    const setZp = (
+                      fn: (prev: typeof state.agentZapierState) => typeof state.agentZapierState,
+                    ) => {
+                      state.agentZapierState = fn(state.agentZapierState);
+                    };
+                    void loadAgentZapierState(state.client, agentId, setZp);
+                  }
                 },
                 onSelectPanel: (panel) => {
                   state.agentsPanel = panel;
