From abd4b3015d18e9524d2a6eb602c4e2c4a767ed75 Mon Sep 17 00:00:00 2001
From: kurihada <kurihada@qq.com>
Date: Tue, 24 Mar 2026 18:00:20 +0800
Subject: [PATCH] fix(docs): clean up review-surface story actions

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
---
 apps/docs/src/components/data-table.stories.tsx    | 3 +--
 apps/docs/src/components/dropdown-menu.stories.tsx | 4 ++--
 apps/docs/src/components/form.stories.tsx          | 5 +----
 apps/docs/src/components/popover.stories.tsx       | 6 +++---
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/docs/src/components/data-table.stories.tsx b/apps/docs/src/components/data-table.stories.tsx
index 57eaba7..deaa55d 100644
--- a/apps/docs/src/components/data-table.stories.tsx
+++ b/apps/docs/src/components/data-table.stories.tsx
@@ -414,9 +414,8 @@ function DataTablePlayground() {
                 </SelectContent>
               </Select>
               <Button
-                className="border-[var(--color-border-strong)] bg-[var(--color-background)] text-[var(--color-foreground)] hover:bg-[var(--color-surface)]"
                 size="sm"
-                variant="secondary"
+                variant="ghost"
                 onClick={resetView}
               >
                 Reset view
diff --git a/apps/docs/src/components/dropdown-menu.stories.tsx b/apps/docs/src/components/dropdown-menu.stories.tsx
index dfa4f1a..a4c3d85 100644
--- a/apps/docs/src/components/dropdown-menu.stories.tsx
+++ b/apps/docs/src/components/dropdown-menu.stories.tsx
@@ -69,7 +69,7 @@ function ReleaseMenu({ triggerLabel = "Open menu" }: ReleaseMenuProps) {
   return (
     <DropdownMenu>
       <DropdownMenuTrigger asChild>
-        <Button variant="secondary">{triggerLabel}</Button>
+        <Button variant="ghost">{triggerLabel}</Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent>
         <DropdownMenuLabel>Launch actions</DropdownMenuLabel>
@@ -251,7 +251,7 @@ export const ContextPanels: Story = {
         <div className="mt-6">
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
-              <Button variant="secondary">Open row menu</Button>
+              <Button variant="ghost">Open row menu</Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent size="xl">
               <DropdownMenuLabel inset>Task 17A · routing</DropdownMenuLabel>
diff --git a/apps/docs/src/components/form.stories.tsx b/apps/docs/src/components/form.stories.tsx
index e542475..194be59 100644
--- a/apps/docs/src/components/form.stories.tsx
+++ b/apps/docs/src/components/form.stories.tsx
@@ -173,10 +173,7 @@ function LaunchSettingsForm() {
           >
             Reset
           </Button>
-          <Button
-            className="bg-[var(--color-foreground)] text-[var(--color-background)] hover:bg-[color-mix(in_oklch,var(--color-foreground)_88%,white_12%)]"
-            type="submit"
-          >
+          <Button type="submit">
             Save settings
           </Button>
         </div>
diff --git a/apps/docs/src/components/popover.stories.tsx b/apps/docs/src/components/popover.stories.tsx
index 6106499..f5f8713 100644
--- a/apps/docs/src/components/popover.stories.tsx
+++ b/apps/docs/src/components/popover.stories.tsx
@@ -41,9 +41,9 @@ function SummaryPopover({
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button variant="secondary">{triggerLabel}</Button>
+        <Button variant="ghost">{triggerLabel}</Button>
       </PopoverTrigger>
-      <PopoverContent className="grid gap-3" side={side} size={contentSize}>
+      <PopoverContent aria-label="Release health" className="grid gap-3" side={side} size={contentSize}>
         <p className="text-sm font-medium">Release health</p>
         <p className="text-sm leading-6 text-[var(--color-muted-foreground)]">
           12 checks passed, 2 reviewers pending, and rollout is limited to 10% of
@@ -127,7 +127,7 @@ function InlineComposerPopover() {
   return (
     <Popover>
       <PopoverTrigger asChild>
-        <Button variant="secondary">Assign reviewer</Button>
+        <Button variant="ghost">Assign reviewer</Button>
       </PopoverTrigger>
       <PopoverContent side="bottom" size="md" className="grid gap-4">
         <div className="space-y-1">