From 93f89546c095dd4965d6678edc7416555411085a Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Thu, 17 Sep 2026 20:16:41 -0700
Subject: [PATCH] refactor(web): own inline link styling in button variant

---
 apps/web/src/components/chat/V2LifecycleRow.tsx | 2 +-
 apps/web/src/components/ui/button.tsx           | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/chat/V2LifecycleRow.tsx b/apps/web/src/components/chat/V2LifecycleRow.tsx
index 5115133547a0..f47a63809e07 100644
--- a/apps/web/src/components/chat/V2LifecycleRow.tsx
+++ b/apps/web/src/components/chat/V2LifecycleRow.tsx
@@ -189,9 +189,9 @@ export function V2LifecycleRow(props: {
         label={<>Created thread{item.title ? ` · ${item.title}` : ""}</>}
         trailing={
           <InlineButton
+            variant="link"
             aria-label={`Open ${item.title ?? "created thread"}`}
             onClick={() => props.onOpenThread(item.targetThreadId)}
-            className="rounded-sm text-primary hover:underline"
           >
             Open chat
           </InlineButton>
diff --git a/apps/web/src/components/ui/button.tsx b/apps/web/src/components/ui/button.tsx
index 898e205d4843..2cecf0ac31d7 100644
--- a/apps/web/src/components/ui/button.tsx
+++ b/apps/web/src/components/ui/button.tsx
@@ -99,8 +99,9 @@ export { Button, buttonVariants };
 export function InlineButton({
   className,
   underline = false,
+  variant = "default",
   ...props
-}: React.ComponentProps<"button"> & { underline?: boolean }) {
+}: React.ComponentProps<"button"> & { underline?: boolean; variant?: "default" | "link" }) {
   return (
     <button
       type="button"
@@ -108,6 +109,7 @@ export function InlineButton({
       className={cn(
         "inline-flex shrink-0 cursor-pointer items-center gap-0.5 whitespace-nowrap focus-visible:outline-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-64",
         underline && "border-b border-transparent hover:border-current",
+        variant === "link" && "rounded-sm text-primary hover:underline",
         className,
       )}
       {...props}