fix(access): place raw API toggle beside title

changelog/unreleased/access-raw-api-toggle-placement.md

@@ -0,0 +1,7 @@
+### English
+
+- Access page: the Show raw API control sits beside the Native API title (not far right), and uses a secondary button when collapsed so it is easier to find.
+
+### 中文
+
+- Access 页：「展开原始 API」按钮紧挨「原生 API」标题（不再靠右），收起态使用 secondary 按钮样式，更容易发现。

frontend/src/components/access/RawApiPanel.tsx

@@ -42,14 +42,14 @@ export function RawApiPanel({
 
   return (
     <section className="space-y-3">
-      <div className="flex flex-wrap items-center justify-between gap-3">
-        <div className="min-w-0">
+      <div className="min-w-0 space-y-0.5">
+        <div className="flex flex-wrap items-center gap-2.5">
           <h3 className="text-body font-semibold">{t('accessTabApi')}</h3>
-          <p className="mt-0.5 text-caption leading-5 text-muted">{t('nativeApiHint')}</p>
+          <Button size="sm" variant={open ? 'ghost' : 'secondary'} onPress={() => onOpenChange(!open)}>
+            {open ? t('rawApiHide') : t('rawApiShow')}
+          </Button>
         </div>
-        <Button size="sm" variant={open ? 'secondary' : 'ghost'} onPress={() => onOpenChange(!open)}>
-          {open ? t('rawApiHide') : t('rawApiShow')}
-        </Button>
+        <p className="text-caption leading-5 text-muted">{t('nativeApiHint')}</p>
       </div>
 
       {open ? (