From d665feffb305bd6cf775d47c47a200e6273c81bc Mon Sep 17 00:00:00 2001
From: Jordi Enric <jordi.err@gmail.com>
Date: Wed, 26 Aug 2026 15:09:29 +0200
Subject: [PATCH] feat(studio): add a How to call section to the worker
 overview

Surface the invocation snippets (curl/js/python) inline below the
instances section, so the overview shows how to reach the worker without
opening the header popover.
---
 .../WorkerDetail/WorkerOverviewTab.tsx        | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/apps/studio/components/interfaces/Workers/WorkerDetail/WorkerOverviewTab.tsx b/apps/studio/components/interfaces/Workers/WorkerDetail/WorkerOverviewTab.tsx
index 2144486362f..62a1a07a6b9 100644
--- a/apps/studio/components/interfaces/Workers/WorkerDetail/WorkerOverviewTab.tsx
+++ b/apps/studio/components/interfaces/Workers/WorkerDetail/WorkerOverviewTab.tsx
@@ -5,6 +5,7 @@ import { PageContainer } from 'ui-patterns/PageContainer'
 import {
   PageSection,
   PageSectionContent,
+  PageSectionDescription,
   PageSectionMeta,
   PageSectionSummary,
   PageSectionTitle,
@@ -12,6 +13,7 @@ import {
 
 import { WorkerCommandLine } from '../WorkerCommandLine'
 import type { Worker } from '../Workers.types'
+import { WorkerSnippetTabs } from '../WorkerSnippetTabs'
 import { CLI_NAME } from '@/lib/constants/workers'
 
 interface WorkerOverviewTabProps {
@@ -110,5 +112,28 @@ export const WorkerOverviewTab = ({ worker }: WorkerOverviewTabProps) => (
         )}
       </PageSectionContent>
     </PageSection>
+
+    <PageSection>
+      <PageSectionMeta>
+        <PageSectionSummary>
+          <PageSectionTitle>How to call</PageSectionTitle>
+          <PageSectionDescription>
+            Call the worker over its gateway URL. Pass your project API key as a bearer token.
+          </PageSectionDescription>
+        </PageSectionSummary>
+      </PageSectionMeta>
+      <PageSectionContent>
+        <WorkerSnippetTabs
+          input={{
+            name: worker.name,
+            runtime: worker.runtime,
+            size: worker.size,
+            access: worker.access,
+            instances: worker.declaredInstances,
+          }}
+          tabs={['curl', 'js', 'python']}
+        />
+      </PageSectionContent>
+    </PageSection>
   </PageContainer>
 )