improvement(settings): drop the section header from self hosting

One row does not need a section label, and removing it takes the divider with
it. The body is now the Chat keys row and its managed-keys link, nothing else.

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/settings/components/self-host/self-host.test.tsx

@@ -12,6 +12,18 @@ describe('SelfHost settings section', () => {
     expect(markup).toContain('href="https://www.sim.ai/selfhost/settings/chat-keys"')
   })
 
+  /**
+   * The body is the Chat keys row and nothing else — no section label, and so
+   * none of `SettingsSection`'s label/divider chrome above it.
+   */
+  it('renders the Chat keys row with no section header', () => {
+    const markup = renderToStaticMarkup(<SelfHost />)
+
+    expect(markup.indexOf('Chat keys')).toBeLessThan(markup.indexOf('Managed keys'))
+    expect(markup).not.toContain('<section')
+    expect(markup).not.toContain('bg-[var(--border)]')
+  })
+
   /**
    * The section is deliberately only the managed link — no status readouts,
    * capability inventories, or environment-variable listings.

apps/sim/app/workspace/[workspaceId]/settings/components/self-host/self-host.tsx

@@ -3,27 +3,24 @@
 import { ChipLink } from '@sim/emcn'
 import { SITE_URL } from '@/lib/core/utils/urls'
 import { SettingsPanel } from '@/app/workspace/[workspaceId]/settings/components/settings-panel'
-import { SettingsSection } from '@/app/workspace/[workspaceId]/settings/components/settings-section/settings-section'
 
 /** Chat keys are issued by the managed service, not by this deployment. */
 const CHAT_KEYS_HREF = `${SITE_URL}/selfhost/settings/chat-keys`
 
 export function SelfHost() {
   return (
     <SettingsPanel>
-      <SettingsSection label='Chat keys'>
-        <div className='flex items-center justify-between px-2'>
-          <div className='flex flex-col justify-center gap-[1px]'>
-            <span className='text-[var(--text-body)] text-sm'>Managed on sim.ai</span>
-            <span className='text-[var(--text-muted)] text-caption'>
-              Manage the model-provider keys that power Chat on this deployment.
-            </span>
-          </div>
-          <ChipLink href={CHAT_KEYS_HREF} target='_blank' rel='noopener noreferrer'>
-            Manage keys
-          </ChipLink>
+      <div className='flex items-center justify-between px-2'>
+        <div className='flex flex-col justify-center gap-[1px]'>
+          <span className='text-[var(--text-body)] text-sm'>Chat keys</span>
+          <span className='text-[var(--text-muted)] text-caption'>
+            Model-provider keys that power Chat on this deployment.
+          </span>
         </div>
-      </SettingsSection>
+        <ChipLink href={CHAT_KEYS_HREF} target='_blank' rel='noopener noreferrer'>
+          Managed keys
+        </ChipLink>
+      </div>
     </SettingsPanel>
   )
 }