(function UserI
}, [resetTranscript, history.reset])
const handleSubmit = useCallback(() => {
- if (chatPlanRequired) return
+ if (chatPlanRequired) {
+ useChatPlanModalStore.getState().open()
+ return
+ }
const currentFiles = filesRef.current
const currentEditor = editorRef.current
diff --git a/apps/sim/app/workspace/[workspaceId]/home/home.tsx b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
index 724943dfac0..1e3523389f6 100644
--- a/apps/sim/app/workspace/[workspaceId]/home/home.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/home/home.tsx
@@ -41,7 +41,6 @@ import { useMarkMothershipChatRead } from '@/hooks/queries/mothership-chats'
import { useOAuthReturnRouter } from '@/hooks/use-oauth-return'
import type { ChatContext } from '@/stores/panel'
import {
- ChatPlanNotice,
ChatSurfaceProvider,
CreditsChip,
MothershipChat,
@@ -443,7 +442,6 @@ function HomeContent({ chatId, userName, userId }: HomeProps) {
What should we get done{firstName ? `, ${firstName}` : ''}?
-
{
if ((!message.trim() && !fileAttachments?.length) || !scopeKey) return
- if (chatPlanRequired) return
+ if (chatPlanRequired) {
+ useChatPlanModalStore.getState().open()
+ return
+ }
const queueStore = useMothershipQueueStore.getState()
const activeChatKey = chatKeyRef.current
@@ -5302,7 +5306,10 @@ export function useChat(
const msg = id === undefined ? queue?.[0] : queue?.find((queued) => queued.id === id)
if (!msg || queueState.editing[chatKey] === msg.id) return
if (queuedMessageDispatchIds.has(msg.id)) return
- if (chatPlanRequired) return
+ if (chatPlanRequired) {
+ useChatPlanModalStore.getState().open()
+ return
+ }
/* Sent by hand, it still must not run a second turn: if the history shows it
accepted, it is already in the chat. A history that cannot be read does not
hold it back here; the user asked to send it, and the server deduplicates it
diff --git a/apps/sim/app/workspace/[workspaceId]/home/hooks/use-plan-upgrade-link.ts b/apps/sim/app/workspace/[workspaceId]/home/hooks/use-plan-upgrade-link.ts
new file mode 100644
index 00000000000..8bedaaa81a4
--- /dev/null
+++ b/apps/sim/app/workspace/[workspaceId]/home/hooks/use-plan-upgrade-link.ts
@@ -0,0 +1,80 @@
+'use client'
+
+import { getOrganizationSettingsHref } from '@/components/settings/navigation'
+import { useSettingsNavigationTarget } from '@/components/settings/settings-navigation-provider'
+import { useSession } from '@/lib/auth/client'
+import { CHAT_PLAN_REQUIRED_REASON } from '@/lib/billing/chat-plan'
+import {
+ buildHostedUpgradeUrl,
+ buildUpgradeHref,
+ HOSTED_BILLING_SETTINGS_URL,
+} from '@/lib/billing/upgrade-reasons'
+import type { UsageUpgradeTagPayload } from '@/lib/billing/usage-upgrade'
+import { canManageWorkspaceBilling } from '@/lib/billing/workspace-permissions'
+import { useDeploymentShape } from '@/lib/core/config/deployment-shape'
+import { useOptionalOrganizationContext } from '@/app/o/[organizationId]/providers/organization-provider'
+import { useOptionalWorkspaceHostContext } from '@/app/workspace/[workspaceId]/providers/workspace-host-provider'
+import { useSettingsNavigation } from '@/hooks/use-settings-navigation'
+
+interface PlanUpgradeLinkInput {
+ reason: string
+ action: UsageUpgradeTagPayload['action']
+}
+
+interface PlanUpgradeLink {
+ href: string
+ opensInNewTab: boolean
+ buttonLabel: string
+ /** Whether the viewer may change the plan or limit; when false, show `unavailableMessage`. */
+ canManageBilling: boolean
+ unavailableMessage: string
+}
+
+/**
+ * Where a usage-upgrade prompt sends the viewer, and whether they may go: the payer's plan or
+ * limit, or a free plan that does not include Chat. A workspace's plan links to its upgrade page;
+ * self-hosted plans and limits live on the hosted account.
+ */
+export function usePlanUpgradeLink(data: PlanUpgradeLinkInput): PlanUpgradeLink {
+ const { data: session } = useSession()
+ const hostContext = useOptionalWorkspaceHostContext()
+ const organizationContext = useOptionalOrganizationContext()
+ const { getSettingsHref } = useSettingsNavigation()
+ const { hosted } = useDeploymentShape()
+ const navigationTarget = useSettingsNavigationTarget()
+ const planRequired = data.reason === CHAT_PLAN_REQUIRED_REASON
+
+ // Self-hosted plan and limit both live on the hosted account, so local
+ // workspace billing roles say nothing about who may change them.
+ const href = hosted
+ ? organizationContext
+ ? getOrganizationSettingsHref(organizationContext.organization.id, 'billing')
+ : planRequired && hostContext
+ ? buildUpgradeHref(hostContext.workspace.id)
+ : getSettingsHref({ section: 'billing' })
+ : data.action === 'upgrade_plan'
+ ? buildHostedUpgradeUrl()
+ : HOSTED_BILLING_SETTINGS_URL
+ const canManageBilling =
+ !hosted ||
+ (organizationContext
+ ? organizationContext.viewer.isAdmin
+ : Boolean(hostContext && canManageWorkspaceBilling(hostContext, session?.user?.id)))
+ const action = planRequired
+ ? 'upgrade this workspace’s plan'
+ : 'manage this workspace’s usage limits'
+ const unavailableMessage =
+ organizationContext && !planRequired
+ ? 'Contact an organization admin to manage usage limits.'
+ : organizationContext || hostContext?.hostOrganizationId
+ ? `Contact an organization admin to ${action}.`
+ : `Only the workspace owner can ${action}.`
+
+ return {
+ href,
+ opensInNewTab: !hosted || navigationTarget === '_blank',
+ buttonLabel: data.action === 'upgrade_plan' ? 'Upgrade Plan' : 'Increase Limit',
+ canManageBilling,
+ unavailableMessage,
+ }
+}
diff --git a/apps/sim/lib/billing/chat-plan.ts b/apps/sim/lib/billing/chat-plan.ts
index 1e50f9634b6..2b87add362f 100644
--- a/apps/sim/lib/billing/chat-plan.ts
+++ b/apps/sim/lib/billing/chat-plan.ts
@@ -4,7 +4,8 @@ export const CHAT_PLAN_REQUIRED_REASON = 'plan_required' as const
/**
* The card for a payer whose plan does not include Chat. Sim writes it at run admission, before
* any worker run exists, so it never crosses the worker billing protocol: its reason widens only
- * the tag Sim renders, not the worker-shared card. The composer shows the same card before a send.
+ * the tag Sim renders, not the worker-shared card. A send the composer refuses opens a modal with
+ * the same message.
*/
export const CHAT_PLAN_REQUIRED_UPGRADE = {
reason: CHAT_PLAN_REQUIRED_REASON,
diff --git a/apps/sim/stores/modals/chat-plan/store.ts b/apps/sim/stores/modals/chat-plan/store.ts
new file mode 100644
index 00000000000..1008b2aa985
--- /dev/null
+++ b/apps/sim/stores/modals/chat-plan/store.ts
@@ -0,0 +1,24 @@
+import { create } from 'zustand'
+import { devtools } from 'zustand/middleware'
+
+interface ChatPlanModalState {
+ isOpen: boolean
+ open: () => void
+ close: () => void
+}
+
+/**
+ * Whether the Chat plan modal is showing. A send the payer's plan refuses opens it from wherever
+ * the send started (the composer, a queued message, a handoff from another surface), and the
+ * workspace shell renders the one modal.
+ */
+export const useChatPlanModalStore = create()(
+ devtools(
+ (set) => ({
+ isOpen: false,
+ open: () => set({ isOpen: true }),
+ close: () => set({ isOpen: false }),
+ }),
+ { name: 'chat-plan-modal-store' }
+ )
+)