fix: show go live as its own button on your profile

KNOWLEDGE_BASE.md

@@ -121,7 +121,7 @@ Share a stream you are running from the **…** menu on your own profile: **Go l
 
 **End stream** in the same menu stops it at once; otherwise it stops showing when the chosen time runs out, and the scheduler clears it within five minutes. Only the platform, the link, and the end time are stored, and they are included in your export.
 
-Sources: [go-live menu](resources/js/components/profile-actions-menu.tsx), [live avatar and card](resources/js/components/live-stream-card.tsx), [validation](app/Http/Requests/UpdateUserLiveRequest.php), [YouTube links](app/Services/LivePlatforms/YouTube.php), [Twitch links](app/Services/LivePlatforms/Twitch.php), [ending streams](app/Jobs/EndLiveStreams.php).
+Sources: [go-live button](resources/js/components/profile-live-button.tsx), [live avatar and card](resources/js/components/live-stream-card.tsx), [validation](app/Http/Requests/UpdateUserLiveRequest.php), [YouTube links](app/Services/LivePlatforms/YouTube.php), [Twitch links](app/Services/LivePlatforms/Twitch.php), [ending streams](app/Jobs/EndLiveStreams.php).
 
 ### Achievement badges and XP
 

resources/js/components/profile-live-button.tsx

@@ -0,0 +1,53 @@
+import { Radio, RadioOff } from 'lucide-react';
+import { useState } from 'react';
+import { endStream, GoLiveDialog } from '@/components/go-live-dialog';
+import { Button } from '@/components/ui/button';
+import type { User } from '@/types';
+
+/**
+ * Going live, or ending the stream, from your own profile, where other people's profiles have the mute and block menu.
+ */
+export function ProfileLiveButton({ user }: { user: Pick<User, 'live'> }) {
+    const [isGoingLive, setIsGoingLive] = useState(false);
+    const [isEnding, setIsEnding] = useState(false);
+
+    return (
+        <>
+            {user.live ? (
+                <Button
+                    type="button"
+                    variant="outline"
+                    size="icon"
+                    className="shrink-0"
+                    disabled={isEnding}
+                    onClick={() =>
+                        endStream({
+                            onStart: () => setIsEnding(true),
+                            onFinish: () => setIsEnding(false),
+                        })
+                    }
+                    aria-label="End stream"
+                    title="End stream"
+                    data-test="end-stream"
+                >
+                    <RadioOff />
+                </Button>
+            ) : (
+                <Button
+                    type="button"
+                    variant="outline"
+                    size="icon"
+                    className="shrink-0"
+                    onClick={() => setIsGoingLive(true)}
+                    aria-label="Go live"
+                    title="Go live"
+                    data-test="go-live"
+                >
+                    <Radio />
+                </Button>
+            )}
+
+            <GoLiveDialog open={isGoingLive} onOpenChange={setIsGoingLive} />
+        </>
+    );
+}

resources/js/pages/user/show.tsx

@@ -31,7 +31,7 @@ import {
 import { LocalTime } from '@/components/local-time';
 import { PageTabs } from '@/components/page-tabs';
 import { PinCommitButton } from '@/components/pin-commit-button';
-import { ProfileActionsMenu } from '@/components/profile-actions-menu';
+import { ProfileLiveButton } from '@/components/profile-live-button';
 import { ProfileReadme } from '@/components/profile-readme';
 import { ProfileShareButton } from '@/components/profile-share-button';
 import { Button } from '@/components/ui/button';
@@ -175,7 +175,7 @@ export default function Show({
                         />
                         {isCurrentUser ? (
                             <>
-                                <ProfileActionsMenu user={user} />
+                                <ProfileLiveButton user={user} />
                                 <EditProfileMenu />
                             </>
                         ) : (

tests/Unit/ProfileLiveButton.test.tsx

@@ -0,0 +1,25 @@
+/// <reference types="node" />
+import assert from 'node:assert/strict';
+import { renderToStaticMarkup } from 'react-dom/server';
+import { test } from 'vite-plus/test';
+import { ProfileLiveButton } from '../../resources/js/components/profile-live-button';
+
+test('offers going live straight from your own profile instead of a menu with one item', () => {
+    const html = renderToStaticMarkup(
+        <ProfileLiveButton user={{ live: null }} />,
+    );
+
+    assert.match(html, /<button[^>]*aria-label="Go live"/);
+    assert.doesNotMatch(html, /aria-haspopup|More options/);
+});
+
+test('offers ending the stream while you are live', () => {
+    const html = renderToStaticMarkup(
+        <ProfileLiveButton
+            user={{ live: { url: 'https://twitch.tv/me', thumbnail_url: '' } }}
+        />,
+    );
+
+    assert.match(html, /<button[^>]*aria-label="End stream"/);
+    assert.doesNotMatch(html, /aria-label="Go live"/);
+});