Desktop connection SaaS: config, billing, team support (#5768)

Co-authored-by: James Brunton <[email protected]>
Co-authored-by: James Brunton <[email protected]>

frontend/src/core/components/shared/CloudBadge.tsx

@@ -0,0 +1,11 @@
+interface CloudBadgeProps {
+  className?: string;
+}
+
+/**
+ * Stub component for cloud badge (desktop override provides real implementation)
+ * In web builds, this returns null since cloud routing is desktop-only
+ */
+export function CloudBadge(_props: CloudBadgeProps) {
+  return null; // Stub - does nothing in web builds
+}

frontend/src/core/components/shared/QuickAccessBar.tsx

@@ -27,6 +27,7 @@ import {
   getActiveNavButton,
 } from '@app/components/shared/quickAccessBar/QuickAccessBar';
 import { Z_INDEX_OVER_FULLSCREEN_SURFACE } from '@app/styles/zIndex';
+import { QuickAccessBarFooterExtensions } from '@app/components/quickAccessBar/QuickAccessBarFooterExtensions';
 
 const QuickAccessBar = forwardRef<HTMLDivElement>((_, ref) => {
   const { t } = useTranslation();
@@ -265,6 +266,8 @@ const QuickAccessBar = forwardRef<HTMLDivElement>((_, ref) => {
           {/* Spacer to push bottom buttons to bottom */}
           <div className="spacer" />
 
+          <QuickAccessBarFooterExtensions className="quick-access-footer" />
+
           {/* Bottom section */}
           <Stack gap="lg" align="stretch">
             {bottomButtons.map((buttonConfig, index) => {

frontend/src/core/components/shared/config/configSections/SaaSTeamsSection.tsx

@@ -0,0 +1,9 @@
+/**
+ * Core stub for SaaS Teams Section
+ * Desktop layer provides the real implementation
+ * This component only appears in SaaS mode
+ */
+export function SaaSTeamsSection() {
+  // Core stub - return null (no team management in web builds)
+  return null;
+}

frontend/src/core/components/shared/config/configSections/SaasPlanSection.tsx

@@ -0,0 +1,8 @@
+/**
+ * Core stub for SaasPlanSection
+ * This component returns null in non-desktop builds
+ * The desktop layer shadows this with the real implementation
+ */
+export function SaasPlanSection() {
+  return null;
+}

frontend/src/core/components/shared/modals/CreditExhaustedModal.tsx

@@ -0,0 +1,13 @@
+/**
+ * Core stub for Credit Exhausted Modal
+ * Desktop build overrides this with actual modal implementation
+ */
+
+interface CreditExhaustedModalProps {
+  opened: boolean;
+  onClose: () => void;
+}
+
+export function CreditExhaustedModal(_props: CreditExhaustedModalProps) {
+  return null;
+}

frontend/src/core/components/shared/modals/InsufficientCreditsModal.tsx

@@ -0,0 +1,15 @@
+/**
+ * Core stub for Insufficient Credits Modal
+ * Desktop build overrides this with actual modal implementation
+ */
+
+interface InsufficientCreditsModalProps {
+  opened: boolean;
+  onClose: () => void;
+  toolId?: string;
+  requiredCredits?: number;
+}
+
+export function InsufficientCreditsModal(_props: InsufficientCreditsModalProps) {
+  return null;
+}