From 1484907d21edf9839c11685b12bf50ef18d22d8e Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 27 Dec 2025 03:00:07 +0000
Subject: [PATCH] fix: Always enable party mode button with helpful
 configuration message

Remove the disabled state from the party mode button so users can always
click it. When no backend URL is configured (NEXT_PUBLIC_WS_URL not set),
the drawer now shows a helpful message explaining how to configure it
instead of leaving the button disabled with no feedback.
---
 .../components/board-page/share-button.tsx    | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/packages/web/app/components/board-page/share-button.tsx b/packages/web/app/components/board-page/share-button.tsx
index efbb5e11..a9d33b52 100644
--- a/packages/web/app/components/board-page/share-button.tsx
+++ b/packages/web/app/components/board-page/share-button.tsx
@@ -82,7 +82,6 @@ export const ShareBoardButton = () => {
           type="default"
           onClick={showDrawer}
           icon={!isConnected && isConnecting ? <LoadingOutlined /> : <TeamOutlined />}
-          disabled={!isBackendMode && !clientId}
         />
       </Badge>
       <Drawer
@@ -122,6 +121,29 @@ export const ShareBoardButton = () => {
           {/* Backend Mode Content */}
           {!isControllerMode && (
             <>
+              {/* No backend configured */}
+              {!isBackendMode && (
+                <Flex
+                  vertical
+                  align="center"
+                  gap="middle"
+                  style={{
+                    padding: '24px',
+                    background: themeTokens.colors.warningBg,
+                    border: `1px solid ${themeTokens.colors.warning}`,
+                    borderRadius: themeTokens.borderRadius.md,
+                  }}
+                >
+                  <Text strong style={{ color: themeTokens.colors.warning }}>
+                    Party Mode Not Configured
+                  </Text>
+                  <Text type="secondary" style={{ textAlign: 'center' }}>
+                    Set the NEXT_PUBLIC_WS_URL environment variable to your backend WebSocket URL and redeploy to
+                    enable Party Mode.
+                  </Text>
+                </Flex>
+              )}
+
               {/* Connecting */}
               {isConnecting && (
                 <Flex vertical align="center" gap="middle" style={{ padding: '24px' }}>