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

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';
@@ -173,7 +173,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"/);
+});