From 0ce167b705e913d65f92be6769e5539cf12807e2 Mon Sep 17 00:00:00 2001
From: Waleed Latif <walif6@gmail.com>
Date: Mon, 13 Jul 2026 19:18:51 -0700
Subject: [PATCH] fix(settings): restore header shell on workspace credit-usage
 page

---
 .../settings/billing/credit-usage/layout.tsx  | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 apps/sim/app/workspace/[workspaceId]/settings/billing/credit-usage/layout.tsx

diff --git a/apps/sim/app/workspace/[workspaceId]/settings/billing/credit-usage/layout.tsx b/apps/sim/app/workspace/[workspaceId]/settings/billing/credit-usage/layout.tsx
new file mode 100644
index 00000000000..c19caf648a1
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/settings/billing/credit-usage/layout.tsx
@@ -0,0 +1,19 @@
+import {
+  SettingsHeaderProvider,
+  SettingsHeaderShell,
+} from '@/app/workspace/[workspaceId]/settings/components/settings-header/settings-header'
+
+/**
+ * Credit usage is a static route outside `[section]`, so it does not inherit
+ * `SettingsSectionLayout`'s chrome. `CreditUsageView` and its loading fallback
+ * render through `SettingsPanel`, which only registers header config into the
+ * `SettingsHeaderProvider` context — without this shell the page has no header
+ * bar, title, or scroll region.
+ */
+export default function CreditUsageLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <SettingsHeaderProvider>
+      <SettingsHeaderShell>{children}</SettingsHeaderShell>
+    </SettingsHeaderProvider>
+  )
+}