fix(billing): close the Chat plan popup when its shell unmounts and name the organization's plan on organization routes (#9614)

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/chat-plan-modal/chat-plan-modal.tsx

@@ -1,5 +1,6 @@
 'use client'
 
+import { useEffect } from 'react'
 import {
   ChipModal,
   ChipModalBody,
@@ -15,12 +16,15 @@ import { useChatPlanModalStore } from '@/stores/modals/chat-plan/store'
 
 /**
  * Answers a send the workspace's plan refuses: Chat is on paid plans, with the way to upgrade
- * for a viewer who may, and who to ask for one who may not. Render it once per workspace shell.
+ * for a viewer who may, and who to ask for one who may not. Render it once per workspace shell;
+ * leaving the shell closes it, so a refusal never reopens in the next workspace or organization.
  */
 export function ChatPlanModal() {
   const isOpen = useChatPlanModalStore((state) => state.isOpen)
   const close = useChatPlanModalStore((state) => state.close)
 
+  useEffect(() => close, [close])
+
   return (
     <ChipModal
       open={isOpen}

apps/sim/app/workspace/[workspaceId]/home/hooks/use-plan-upgrade-link.ts

@@ -63,12 +63,13 @@ export function usePlanUpgradeLink(data: PlanUpgradeLinkInput): PlanUpgradeLink
   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}.`
+  const unavailableMessage = organizationContext
+    ? planRequired
+      ? 'Contact an organization admin to upgrade this organization’s plan.'
+      : 'Contact an organization admin to manage usage limits.'
+    : hostContext?.hostOrganizationId
+      ? `Contact an organization admin to ${action}.`
+      : `Only the workspace owner can ${action}.`
 
   return {
     href,