Show published note content inline on Home screen

frontend/src/App.tsx

@@ -71,7 +71,7 @@ function Shell() {
         )}
         {screen === 'feed' && <FeedScreen onNavigate={setScreen} />}
         {screen === 'profiles' && <ProfilesScreen onCreateProfile={() => setCreateOpen(true)} />}
-        {screen === 'compose' && <ComposeScreen onNavigate={setScreen} />}
+        {screen === 'compose' && <ComposeScreen />}
         {screen === 'relays' && <RelaysScreen />}
         {screen === 'signer' && <SignerScreen />}
         {screen === 'settings' && <SettingsScreen />}

frontend/src/lib/types.ts

@@ -66,6 +66,8 @@ export interface PublishReport {
   event_id: string;
   succeeded: string[];
   failed: RelayFailure[];
+  /** The note content that was published. */
+  content?: string;
 }
 
 /** Per-relay outcome of publishing a profile's name as kind 0 metadata. */
@@ -145,6 +147,7 @@ export interface AppState {
     event_id: string;
     succeeded: string[];
     failed: RelayFailure[];
+    content: string;
   } | null;
 }
 

frontend/src/screens/ComposeScreen.tsx

@@ -9,7 +9,6 @@ import { Modal } from '../components/Modal';
 import { shortenNpub } from '../lib/format';
 import { extractImageUrls, extractLinkUrls } from '../lib/media';
 import type { LinkPreview } from '../lib/types';
-import type { Screen } from '../lib/navigation';
 import { useApp } from '../state/AppProvider';
 
 const SOFT_LIMIT = 10_000;
@@ -33,11 +32,7 @@ function buildContent(content: string, attachments: Attachment[]): string {
   return parts.join('\n');
 }
 
-interface ComposeScreenProps {
-  onNavigate?: (screen: Screen) => void;
-}
-
-export function ComposeScreen({ onNavigate }: ComposeScreenProps) {
+export function ComposeScreen() {
   const {
     state,
     publishNote,
@@ -369,12 +364,6 @@ export function ComposeScreen({ onNavigate }: ComposeScreenProps) {
                   {shortenNpub(lastReport.event_id, true)}
                 </span>
                 <CopyButton text={lastReport.event_id} label="event ID" />
-                {onNavigate && (
-                  <Button variant="ghost" size="sm" onClick={() => onNavigate('feed')}>
-                    <Icon name="list" size={16} />
-                    View in Feed
-                  </Button>
-                )}
                 {lastReport.failed.length > 0 && (
                   <details className="alert-details">
                     <summary>Relays that didn't accept it</summary>

frontend/src/screens/HomeScreen.tsx

@@ -184,7 +184,6 @@ export function HomeScreen({ onNavigate, onCreateProfile }: HomeScreenProps) {
             <PublicationResult
               lastPublish={lastPublish}
               onNavigateCompose={() => onNavigate('compose')}
-              onNavigateFeed={() => onNavigate('feed')}
             />
           </div>
         </section>
@@ -196,11 +195,9 @@ export function HomeScreen({ onNavigate, onCreateProfile }: HomeScreenProps) {
 function PublicationResult({
   lastPublish,
   onNavigateCompose,
-  onNavigateFeed,
 }: {
   lastPublish: ReturnType<typeof useApp>['lastPublish'];
   onNavigateCompose: () => void;
-  onNavigateFeed: () => void;
 }) {
   if (!lastPublish) {
     return (
@@ -231,19 +228,18 @@ function PublicationResult({
 
   if (report.failed.length === 0) {
     return (
-      <div className="publish-result success">
-        <Badge tone="success">
-          <Icon name="check" size={14} /> Published
-        </Badge>
-        <span className="mono" title={report.event_id}>
-          {shortenNpub(report.event_id, true)}
-        </span>
-        <CopyButton text={report.event_id} label="event ID" />
-        <Button variant="ghost" size="sm" onClick={onNavigateFeed}>
-          <Icon name="list" size={16} />
-          View in Feed
-        </Button>
-      </div>
+      <>
+        <div className="publish-result success">
+          <Badge tone="success">
+            <Icon name="check" size={14} /> Published
+          </Badge>
+          <span className="mono" title={report.event_id}>
+            {shortenNpub(report.event_id, true)}
+          </span>
+          <CopyButton text={report.event_id} label="event ID" />
+        </div>
+        {report.content && <p className="publish-preview">{report.content}</p>}
+      </>
     );
   }
 
@@ -257,10 +253,7 @@ function PublicationResult({
         </code>
       </Alert>
       <CopyButton text={report.event_id} label="event ID" />
-      <Button variant="ghost" size="sm" onClick={onNavigateFeed}>
-        <Icon name="list" size={16} />
-        View in Feed
-      </Button>
+      {report.content && <p className="publish-preview">{report.content}</p>}
       <details className="alert-details">
         <summary>Relay results</summary>
         <ul className="relay-result-list">

frontend/src/styles.css

@@ -1587,6 +1587,18 @@ select {
   flex-basis: 100%;
 }
 
+.publish-preview {
+  margin: 8px 0 0;
+  padding: 10px 12px;
+  background: var(--surface-2);
+  border-radius: var(--radius-sm);
+  font-size: 14px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-width: 65ch;
+}
+
 .relay-result-list {
   margin: 8px 0 0;
   padding-left: 18px;