From 1a10a18276832e3ed7ee46ec3b7ade3b413e92aa Mon Sep 17 00:00:00 2001
From: Wibus Wu <62133302+wibus-wee@users.noreply.github.com>
Date: Tue, 15 Sep 2026 01:41:38 +0000
Subject: [PATCH 1/2] fix(components): make the share dialog title outrank its
 notice

The panel title sat at 15px while the public-link notice below it ran at
14px in full foreground, so the notice read as the primary line. Raise the
title to 16px foreground and drop the notice to muted, matching the other
hints on the screen.

Model: claude-opus-5[1m]
---
 .../src/components/sharing/session-share-dialog.tsx           | 2 +-
 .../src/components/sharing/session-share-manager.tsx          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/sharing/session-share-dialog.tsx b/packages/components/src/components/sharing/session-share-dialog.tsx
index 3e21d97e4..54e63bc4f 100644
--- a/packages/components/src/components/sharing/session-share-dialog.tsx
+++ b/packages/components/src/components/sharing/session-share-dialog.tsx
@@ -61,7 +61,7 @@ export function SessionShareDialogFrame({
         }}
       >
         <DialogHeader className="shrink-0 gap-0.5 px-5 pb-3 pt-4 text-left">
-          <DialogTitle className="pr-7 text-[0.9375rem] font-semibold leading-6">
+          <DialogTitle className="pr-7 text-base font-semibold leading-6 text-foreground">
             {t('sharing.manager.title', 'Share conversation')}
           </DialogTitle>
           <DialogDescription className="truncate text-xs text-muted-foreground">
diff --git a/packages/components/src/components/sharing/session-share-manager.tsx b/packages/components/src/components/sharing/session-share-manager.tsx
index f870cb4eb..f8f1d25ff 100644
--- a/packages/components/src/components/sharing/session-share-manager.tsx
+++ b/packages/components/src/components/sharing/session-share-manager.tsx
@@ -215,14 +215,14 @@ export function SessionShareManager(props: SessionShareManagerProps) {
     return (
       <div className="space-y-3 px-5 pb-5 pt-1">
         {active ? (
-          <div className="flex items-center gap-2 text-sm text-foreground">
+          <div className="flex items-center gap-2 text-sm text-muted-foreground">
             <Globe className="size-4 shrink-0 text-muted-foreground" aria-hidden />
             <span>
               {t('sharing.static.publicNotice', 'Anyone with the link can view this conversation.')}
             </span>
           </div>
         ) : (
-          <p className="text-sm leading-6 text-foreground">
+          <p className="text-sm leading-6 text-muted-foreground">
             {t('sharing.static.publicNotice', 'Anyone with the link can view this conversation.')}
           </p>
         )}

From 56843f66d24eb0532420e49fdaa63e6478630b66 Mon Sep 17 00:00:00 2001
From: Wibus Wu <62133302+wibus-wee@users.noreply.github.com>
Date: Tue, 15 Sep 2026 03:16:09 +0000
Subject: [PATCH 2/2] fix(components): let the conversation title head the
 share dialog

The conversation being shared was the faintest line in the panel: 12px
muted under a 15px "Share conversation" heading. Promote it to the
header line (16px semibold foreground, truncated) and demote the action
to a small muted label above it.

Model: claude-opus-5[1m]
---
 .../src/components/sharing/session-share-dialog.tsx  | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/components/src/components/sharing/session-share-dialog.tsx b/packages/components/src/components/sharing/session-share-dialog.tsx
index 54e63bc4f..1f62f7b6c 100644
--- a/packages/components/src/components/sharing/session-share-dialog.tsx
+++ b/packages/components/src/components/sharing/session-share-dialog.tsx
@@ -60,13 +60,15 @@ export function SessionShareDialogFrame({
             'calc(100dvh - var(--native-keyboard-height, 0px) - 2rem - var(--safe-area-top, 0px) - max(0px, var(--safe-area-bottom, 0px) - var(--native-keyboard-height, 0px)))',
         }}
       >
-        <DialogHeader className="shrink-0 gap-0.5 px-5 pb-3 pt-4 text-left">
-          <DialogTitle className="pr-7 text-base font-semibold leading-6 text-foreground">
+        {/* The conversation being shared is the subject, so it carries the header:
+            the action reads as a small label above it, not as the larger line. */}
+        <DialogHeader className="shrink-0 gap-0.5 px-5 pb-3 pr-11 pt-4 text-left">
+          <DialogDescription className="text-xs font-medium text-muted-foreground">
             {t('sharing.manager.title', 'Share conversation')}
-          </DialogTitle>
-          <DialogDescription className="truncate text-xs text-muted-foreground">
-            {title}
           </DialogDescription>
+          <DialogTitle className="truncate text-base font-semibold leading-6 text-foreground">
+            {title}
+          </DialogTitle>
         </DialogHeader>
         <div
           ref={body}