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

@@ -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

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>

apps/docs/src/components/form.stories.tsx

@@ -173,10 +173,7 @@ function LaunchSettingsForm() {
           >
             Reset
           </Button>
-          <Button
+          <Button type="submit">
-            className="bg-[var(--color-foreground)] text-[var(--color-background)] hover:bg-[color-mix(in_oklch,var(--color-foreground)_88%,white_12%)]"
-            type="submit"
-          >
             Save settings
           </Button>
         </div>

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">