From 879392ba072b4f412ec6c18aa5f6673a5e83f24c Mon Sep 17 00:00:00 2001
From: Darius Cepulis <dcepulis@mux.com>
Date: Fri, 27 Mar 2026 12:15:48 -0500
Subject: [PATCH] fix(site): add visible "Details" label to API reference table
 toggle columns (#1147)

Co-authored-by: Claude <noreply@anthropic.com>
---
 site/src/components/docs/api-reference/ApiCSSVarsTable.astro  | 2 +-
 .../src/components/docs/api-reference/ApiDataAttrsTable.astro | 2 +-
 site/src/components/docs/api-reference/ApiPropsTable.astro    | 2 +-
 site/src/components/docs/api-reference/ApiStateTable.astro    | 2 +-
 site/src/components/docs/api-reference/UtilParamsTable.astro  | 2 +-
 site/src/components/docs/api-reference/UtilReturnTable.astro  | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/site/src/components/docs/api-reference/ApiCSSVarsTable.astro b/site/src/components/docs/api-reference/ApiCSSVarsTable.astro
index b8ef5914..74b2ad4b 100644
--- a/site/src/components/docs/api-reference/ApiCSSVarsTable.astro
+++ b/site/src/components/docs/api-reference/ApiCSSVarsTable.astro
@@ -24,7 +24,7 @@ const vars = Object.entries(cssCustomProperties);
   <Thead>
     <Tr>
       <Th>Variable</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>
diff --git a/site/src/components/docs/api-reference/ApiDataAttrsTable.astro b/site/src/components/docs/api-reference/ApiDataAttrsTable.astro
index 82869533..ba714279 100644
--- a/site/src/components/docs/api-reference/ApiDataAttrsTable.astro
+++ b/site/src/components/docs/api-reference/ApiDataAttrsTable.astro
@@ -25,7 +25,7 @@ const attrs = Object.entries(dataAttributes);
     <Tr>
       <Th>Attribute</Th>
       <Th>Type</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>
diff --git a/site/src/components/docs/api-reference/ApiPropsTable.astro b/site/src/components/docs/api-reference/ApiPropsTable.astro
index e4137a73..6f34b7a5 100644
--- a/site/src/components/docs/api-reference/ApiPropsTable.astro
+++ b/site/src/components/docs/api-reference/ApiPropsTable.astro
@@ -27,7 +27,7 @@ const { props, componentName, showAttributeName } = Astro.props;
       <Th>Prop</Th>
       <Th>Type</Th>
       <Th>Default</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>
diff --git a/site/src/components/docs/api-reference/ApiStateTable.astro b/site/src/components/docs/api-reference/ApiStateTable.astro
index 42879db0..c7d8cdf7 100644
--- a/site/src/components/docs/api-reference/ApiStateTable.astro
+++ b/site/src/components/docs/api-reference/ApiStateTable.astro
@@ -25,7 +25,7 @@ const stateEntries = Object.entries(state);
     <Tr>
       <Th>Property</Th>
       <Th>Type</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>
diff --git a/site/src/components/docs/api-reference/UtilParamsTable.astro b/site/src/components/docs/api-reference/UtilParamsTable.astro
index 3d659e39..2dd41388 100644
--- a/site/src/components/docs/api-reference/UtilParamsTable.astro
+++ b/site/src/components/docs/api-reference/UtilParamsTable.astro
@@ -25,7 +25,7 @@ const { params, utilName } = Astro.props;
       <Th>Parameter</Th>
       <Th>Type</Th>
       <Th>Default</Th>
-      <Th />
+      <Th>Details</Th>
     </Tr>
   </Thead>
   <Tbody>
diff --git a/site/src/components/docs/api-reference/UtilReturnTable.astro b/site/src/components/docs/api-reference/UtilReturnTable.astro
index 747f2553..99268b02 100644
--- a/site/src/components/docs/api-reference/UtilReturnTable.astro
+++ b/site/src/components/docs/api-reference/UtilReturnTable.astro
@@ -38,7 +38,7 @@ const hasDetail = !hasFields && Boolean(returnValue.detailedType || returnValue.
         <Tr>
           <Th>Property</Th>
           <Th>Type</Th>
-          <Th />
+          <Th>Details</Th>
         </Tr>
       </Thead>
       <Tbody>
@@ -58,7 +58,7 @@ const hasDetail = !hasFields && Boolean(returnValue.detailedType || returnValue.
       <Thead>
         <Tr>
           <Th>Type</Th>
-          <Th />
+          <Th>Details</Th>
         </Tr>
       </Thead>
       <Tbody>