diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/api.svelte.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/api.svelte.ts
index ecc2301730..fe0d2cf519 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/api.svelte.ts
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/api.svelte.ts
@@ -1,5 +1,5 @@
 import type { WebSocketMessageValue } from '$features/websockets/models';
-import type { BillingPlan, ChangePlanRequest, ChangePlanResult } from '$lib/generated/api';
+import type { BillingPlan, ChangePlanRequest, ChangePlanResult, StringValueFromBody } from '$lib/generated/api';
 import type { QueryClient } from '@tanstack/svelte-query';
 
 import { accessToken } from '$features/auth/index.svelte';
@@ -26,6 +26,7 @@ export async function invalidateOrganizationQueries(queryClient: QueryClient, me
 export const queryKeys = {
     adminSearch: (params: GetAdminSearchOrganizationsParams) => [...queryKeys.list(params.mode), 'admin', { ...params }] as const,
     changePlan: (id: string | undefined) => [...queryKeys.type, id, 'change-plan'] as const,
+    data: (id: string | undefined) => [...queryKeys.type, id, 'data'] as const,
     deleteOrganization: (ids: string[] | undefined) => [...queryKeys.ids(ids), 'delete'] as const,
     icon: (id: string | undefined) => [...queryKeys.id(id, undefined), 'icon'] as const,
     id: (id: string | undefined, mode: 'stats' | undefined) => (mode ? ([...queryKeys.type, id, { mode }] as const) : ([...queryKeys.type, id] as const)),
@@ -54,6 +55,11 @@ export interface ChangePlanMutationRequest {
     };
 }
 
+export interface DeleteOrganizationDataParams {
+    key: string;
+    organizationId: string;
+}
+
 export interface DeleteOrganizationRequest {
     route: {
         ids: string[];
@@ -142,6 +148,12 @@ export interface PatchOrganizationRequest {
     };
 }
 
+export interface PostOrganizationDataParams {
+    key: string;
+    organizationId: string;
+    value: string;
+}
+
 export interface PostSetBonusOrganizationParams {
     bonusEvents: number;
     expires?: Date;
@@ -225,6 +237,35 @@ export function deleteOrganization(request: DeleteOrganizationRequest) {
     }));
 }
 
+export function deleteOrganizationData() {
+    const queryClient = useQueryClient();
+
+    return createMutation<boolean, ProblemDetails, DeleteOrganizationDataParams>(() => ({
+        enabled: () => !!accessToken.current,
+        mutationFn: async ({ key, organizationId }: DeleteOrganizationDataParams) => {
+            const client = useFetchClient();
+            const response = await client.delete(`organizations/${organizationId}/data/${encodeURIComponent(key)}`);
+            return response.ok;
+        },
+        mutationKey: queryKeys.data(undefined),
+        onError: (_, { organizationId }) => {
+            queryClient.invalidateQueries({ queryKey: queryKeys.id(organizationId, undefined) });
+        },
+        onSuccess: (_, { key, organizationId }) => {
+            updateOrganizationQueryData(queryClient, organizationId, (organization) => {
+                if (!organization.data) {
+                    return organization;
+                }
+
+                const data = { ...organization.data };
+                delete data[key];
+
+                return { ...organization, data };
+            });
+        }
+    }));
+}
+
 export function deleteOrganizationIcon(request: OrganizationIconRequest) {
     const queryClient = useQueryClient();
 
@@ -462,6 +503,32 @@ export function postOrganization() {
     }));
 }
 
+export function postOrganizationData() {
+    const queryClient = useQueryClient();
+
+    return createMutation<boolean, ProblemDetails, PostOrganizationDataParams>(() => ({
+        enabled: () => !!accessToken.current,
+        mutationFn: async ({ key, organizationId, value }: PostOrganizationDataParams) => {
+            const client = useFetchClient();
+            const response = await client.post(`organizations/${organizationId}/data/${encodeURIComponent(key)}`, <StringValueFromBody>{ value });
+            return response.ok;
+        },
+        mutationKey: queryKeys.data(undefined),
+        onError: (_, { organizationId }) => {
+            queryClient.invalidateQueries({ queryKey: queryKeys.id(organizationId, undefined) });
+        },
+        onSuccess: (_, { key, organizationId, value }) => {
+            updateOrganizationQueryData(queryClient, organizationId, (organization) => ({
+                ...organization,
+                data: {
+                    ...(organization.data ?? {}),
+                    [key]: value
+                }
+            }));
+        }
+    }));
+}
+
 export function postSetBonusOrganization() {
     const queryClient = useQueryClient();
 
@@ -579,17 +646,23 @@ export function uploadOrganizationIcon(request: OrganizationIconRequest) {
 }
 
 function updateOrganizationCache(queryClient: QueryClient, id: string | undefined, organization: ViewOrganization) {
-    queryClient.setQueryData(queryKeys.id(id, 'stats'), organization);
-    queryClient.setQueryData(queryKeys.id(id, undefined), organization);
+    updateOrganizationQueryData(queryClient, id, () => organization);
+}
+
+function updateOrganizationQueryData(queryClient: QueryClient, id: string | undefined, updater: (organization: ViewOrganization) => ViewOrganization) {
+    for (const mode of [undefined, 'stats'] as const) {
+        queryClient.setQueryData<undefined | ViewOrganization>(queryKeys.id(id, mode), (organization) => (organization ? updater(organization) : organization));
+    }
+
     queryClient.setQueriesData<FetchClientResponse<ViewOrganization[]> | undefined>({ queryKey: queryKeys.type }, (response) => {
-        if (!Array.isArray(response?.data) || !response.data.some((existingOrganization) => existingOrganization.id === organization.id)) {
+        if (!Array.isArray(response?.data) || !response.data.some((organization) => organization.id === id)) {
             return response;
         }
 
         return {
             ...response,
-            data: response.data.map((existingOrganization) => {
-                return existingOrganization.id === organization.id ? organization : existingOrganization;
+            data: response.data.map((organization) => {
+                return organization.id === id ? updater(organization) : organization;
             })
         };
     });
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.test.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.test.ts
new file mode 100644
index 0000000000..e858598cd0
--- /dev/null
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.test.ts
@@ -0,0 +1,95 @@
+import { describe, expect, it } from 'vitest';
+
+import {
+    getOrganizationBillingInformation,
+    getOrganizationBillingInformationChanges,
+    normalizeOrganizationBillingInformationValue,
+    organizationBillingInformationDataKeys
+} from './billing-information';
+
+describe('getOrganizationBillingInformation', () => {
+    it('returns billing information from known organization data keys', () => {
+        // Arrange
+        const organization = {
+            data: {
+                [organizationBillingInformationDataKeys.address]: '123 Main Street',
+                [organizationBillingInformationDataKeys.name]: 'Acme, Inc.',
+                [organizationBillingInformationDataKeys.vatId]: 'DE123456789',
+                [organizationBillingInformationDataKeys.vatNumber]: '123456789'
+            }
+        };
+
+        // Act
+        const billingInformation = getOrganizationBillingInformation(organization);
+
+        // Assert
+        expect(billingInformation).toEqual({
+            address: '123 Main Street',
+            name: 'Acme, Inc.',
+            vatId: 'DE123456789',
+            vatNumber: '123456789'
+        });
+    });
+
+    it('defaults missing or non-string billing information values to empty strings', () => {
+        // Arrange
+        const organization = {
+            data: {
+                [organizationBillingInformationDataKeys.address]: ['invalid'],
+                [organizationBillingInformationDataKeys.name]: null,
+                [organizationBillingInformationDataKeys.vatId]: undefined,
+                [organizationBillingInformationDataKeys.vatNumber]: 42
+            }
+        };
+
+        // Act
+        const billingInformation = getOrganizationBillingInformation(organization);
+
+        // Assert
+        expect(billingInformation).toEqual({
+            address: '',
+            name: '',
+            vatId: '',
+            vatNumber: ''
+        });
+    });
+});
+
+describe('normalizeOrganizationBillingInformationValue', () => {
+    it('trims non-empty values and removes blank values', () => {
+        // Arrange
+        const value = '  DE123456789  ';
+        const blankValue = '   ';
+
+        // Act
+        const normalizedValue = normalizeOrganizationBillingInformationValue(value);
+        const normalizedBlankValue = normalizeOrganizationBillingInformationValue(blankValue);
+
+        // Assert
+        expect(normalizedValue).toBe('DE123456789');
+        expect(normalizedBlankValue).toBeNull();
+    });
+});
+
+describe('getOrganizationBillingInformationChanges', () => {
+    it('returns only normalized values that changed', () => {
+        const current = {
+            address: '123 Main Street',
+            name: 'Acme, Inc.',
+            vatId: 'DE123456789',
+            vatNumber: ''
+        };
+
+        const changes = getOrganizationBillingInformationChanges(current, {
+            ...current,
+            name: '  Acme, Inc.  ',
+            vatId: '  ',
+            vatNumber: '  123456789  '
+        });
+
+        expect(changes).toEqual([
+            { key: organizationBillingInformationDataKeys.vatId, value: null },
+            { key: organizationBillingInformationDataKeys.vatNumber, value: '123456789' }
+        ]);
+    });
+});
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.ts
new file mode 100644
index 0000000000..3d44e25af8
--- /dev/null
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/billing-information.ts
@@ -0,0 +1,52 @@
+import type { ViewOrganization } from './models';
+
+export const organizationBillingInformationDataKeys = {
+    address: 'billing_address',
+    name: 'billing_name',
+    vatId: 'billing_vat_id',
+    vatNumber: 'billing_vat_number'
+} as const;
+
+export interface OrganizationBillingInformation {
+    address: string;
+    name: string;
+    vatId: string;
+    vatNumber: string;
+}
+
+export interface OrganizationBillingInformationChange {
+    key: (typeof organizationBillingInformationDataKeys)[keyof typeof organizationBillingInformationDataKeys];
+    value: null | string;
+}
+
+export function getOrganizationBillingInformation(organization?: null | Pick<ViewOrganization, 'data'>): OrganizationBillingInformation {
+    const data = organization?.data;
+
+    return {
+        address: getOrganizationBillingInformationValue(data?.[organizationBillingInformationDataKeys.address]),
+        name: getOrganizationBillingInformationValue(data?.[organizationBillingInformationDataKeys.name]),
+        vatId: getOrganizationBillingInformationValue(data?.[organizationBillingInformationDataKeys.vatId]),
+        vatNumber: getOrganizationBillingInformationValue(data?.[organizationBillingInformationDataKeys.vatNumber])
+    };
+}
+
+export function getOrganizationBillingInformationChanges(
+    current: OrganizationBillingInformation,
+    next: OrganizationBillingInformation
+): OrganizationBillingInformationChange[] {
+    return (Object.keys(organizationBillingInformationDataKeys) as (keyof OrganizationBillingInformation)[]).flatMap((field) => {
+        const currentValue = normalizeOrganizationBillingInformationValue(current[field]);
+        const nextValue = normalizeOrganizationBillingInformationValue(next[field]);
+
+        return currentValue === nextValue ? [] : [{ key: organizationBillingInformationDataKeys[field], value: nextValue }];
+    });
+}
+
+export function normalizeOrganizationBillingInformationValue(value: string): null | string {
+    const trimmedValue = value.trim();
+    return trimmedValue || null;
+}
+
+function getOrganizationBillingInformationValue(value: unknown): string {
+    return typeof value === 'string' ? value : '';
+}
diff --git a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/schemas.ts b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/schemas.ts
index c380dca5e7..0ac5691083 100644
--- a/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/schemas.ts
+++ b/src/Exceptionless.Web/ClientApp/src/lib/features/organizations/schemas.ts
@@ -4,6 +4,14 @@ import { SuspensionCode } from './models';
 
 export { type NewOrganizationFormData, NewOrganizationSchema } from '$generated/schemas';
 
+export const OrganizationBillingInformationSchema = object({
+    address: string(),
+    name: string(),
+    vatId: string(),
+    vatNumber: string()
+});
+export type OrganizationBillingInformationFormData = Infer<typeof OrganizationBillingInformationSchema>;
+
 export const SetBonusOrganizationSchema = object({
     bonusEvents: number().int('Bonus events must be a whole number'),
     expires: date().optional()
diff --git a/src/Exceptionless.Web/ClientApp/src/routes/(app)/organization/[organizationId]/billing/+page.svelte b/src/Exceptionless.Web/ClientApp/src/routes/(app)/organization/[organizationId]/billing/+page.svelte
index da1aa1f9f0..711a3d057e 100644
--- a/src/Exceptionless.Web/ClientApp/src/routes/(app)/organization/[organizationId]/billing/+page.svelte
+++ b/src/Exceptionless.Web/ClientApp/src/routes/(app)/organization/[organizationId]/billing/+page.svelte
@@ -1,26 +1,37 @@
 <script lang="ts">
     import { resolve } from '$app/paths';
+    import { page } from '$app/state';
     import ErrorMessage from '$comp/error-message.svelte';
     import DateTime from '$comp/formatters/date-time.svelte';
-    import { A } from '$comp/typography';
+    import { A, Muted } from '$comp/typography';
     import { Button } from '$comp/ui/button';
     import * as DropdownMenu from '$comp/ui/dropdown-menu';
+    import * as Field from '$comp/ui/field';
+    import { Input } from '$comp/ui/input';
     import { Skeleton } from '$comp/ui/skeleton';
     import * as Table from '$comp/ui/table';
+    import { Textarea } from '$comp/ui/textarea';
     import { env } from '$env/dynamic/public';
     import { ChangePlanDialog } from '$features/billing';
-    import { getInvoicesQuery, getOrganizationQuery } from '$features/organizations/api.svelte';
-    import { organization } from '$features/organizations/context.svelte';
+    import { deleteOrganizationData, getInvoicesQuery, getOrganizationQuery, postOrganizationData } from '$features/organizations/api.svelte';
+    import { getOrganizationBillingInformation, getOrganizationBillingInformationChanges } from '$features/organizations/billing-information';
+    import { type OrganizationBillingInformationFormData, OrganizationBillingInformationSchema } from '$features/organizations/schemas';
+    import { ariaInvalid, getFormErrorMessages, getProblemMessage, mapFieldErrors } from '$features/shared/validation';
     import GlobalUser from '$features/users/components/global-user.svelte';
     import CreditCard from '@lucide/svelte/icons/credit-card';
     import File from '@lucide/svelte/icons/file';
     import MoreHorizontal from '@lucide/svelte/icons/more-horizontal';
+    import { createForm } from '@tanstack/svelte-form';
     import { queryParamsState } from 'kit-query-params';
+    import { onDestroy } from 'svelte';
+    import { toast } from 'svelte-sonner';
+    import { debounce } from 'throttle-debounce';
 
+    const organizationId = $derived(page.params.organizationId || '');
     const organizationQuery = getOrganizationQuery({
         route: {
             get id() {
-                return organization.current;
+                return organizationId;
             }
         }
     });
@@ -28,12 +39,16 @@
     const invoicesQuery = getInvoicesQuery({
         route: {
             get organizationId() {
-                return organization.current!;
+                return organizationId;
             }
         }
     });
 
+    const updateOrganizationData = postOrganizationData();
+    const removeOrganizationData = deleteOrganizationData();
+
     const canChangePlan = $derived(organizationQuery.isSuccess && !!env.PUBLIC_STRIPE_PUBLISHABLE_KEY);
+    const billingInformation = $derived(getOrganizationBillingInformation(organizationQuery.data));
 
     const params = queryParamsState({
         default: { changePlan: false },
@@ -42,6 +57,79 @@
     });
 
     let changePlanDialogOpen = $state(!!params.changePlan);
+    let initializedOrganizationId = $state<string>();
+    let toastId = $state<number | string>();
+
+    const form = createForm(() => ({
+        defaultValues: { ...billingInformation } as OrganizationBillingInformationFormData,
+        validators: {
+            onSubmit: OrganizationBillingInformationSchema,
+            onSubmitAsync: async ({ value }) => {
+                const targetOrganizationId = organizationId;
+                if (!targetOrganizationId) {
+                    return { form: 'Organization ID is required.' };
+                }
+
+                const changes = getOrganizationBillingInformationChanges(getOrganizationBillingInformation(organizationQuery.data), value);
+                if (changes.length === 0) {
+                    return null;
+                }
+
+                toast.dismiss(toastId);
+
+                try {
+                    const results = await Promise.allSettled(
+                        changes.map((change) => {
+                            if (change.value) {
+                                return updateOrganizationData.mutateAsync({ key: change.key, organizationId: targetOrganizationId, value: change.value });
+                            }
+
+                            return removeOrganizationData.mutateAsync({ key: change.key, organizationId: targetOrganizationId });
+                        })
+                    );
+
+                    const failedResult = results.find((result) => result.status === 'rejected');
+                    if (failedResult) {
+                        throw failedResult.reason;
+                    }
+
+                    if (targetOrganizationId === organizationId) {
+                        toastId = toast.success('Successfully updated billing information.');
+                    }
+
+                    return null;
+                } catch (error: unknown) {
+                    const message = getProblemMessage(error, 'Please try again.');
+                    if (targetOrganizationId === organizationId) {
+                        toastId = toast.error(`Error saving billing information. ${message}`);
+                    }
+
+                    return { form: `Error saving billing information. ${message}` };
+                } finally {
+                    const hasNewChanges = getOrganizationBillingInformationChanges(value, form.state.values).length > 0;
+                    if (targetOrganizationId === organizationId && hasNewChanges) {
+                        debouncedFormSubmit(targetOrganizationId);
+                    }
+                }
+            }
+        }
+    }));
+
+    const debouncedFormSubmit = debounce(1000, (targetOrganizationId: string) => {
+        if (targetOrganizationId === organizationId) {
+            void form.handleSubmit();
+        }
+    });
+
+    $effect(() => {
+        if (organizationQuery.isSuccess && initializedOrganizationId !== organizationId) {
+            debouncedFormSubmit.cancel();
+            form.reset(getOrganizationBillingInformation(organizationQuery.data));
+            initializedOrganizationId = organizationId;
+        }
+    });
+
+    onDestroy(() => debouncedFormSubmit.cancel());
 
     function handleChangePlan() {
         changePlanDialogOpen = true;
@@ -62,16 +150,122 @@
     }
 </script>
 
-<div class="space-y-6">
+<div class="flex flex-col gap-6">
+    <Muted>Billing information and invoices</Muted>
+
     {#if organizationQuery.isLoading}
-        <div class="space-y-4">
+        <div class="flex flex-col gap-4">
             <Skeleton class="h-12 w-3/4" />
             <Skeleton class="h-50 w-full" />
         </div>
     {:else if organizationQuery.error}
         <ErrorMessage message="Unable to load organization data." />
     {:else}
-        <div class="space-y-6">
+        <div class="flex flex-col gap-6">
+            <form
+                onsubmit={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    void form.handleSubmit();
+                }}
+            >
+                <form.Subscribe selector={(state) => state.errors}>
+                    {#snippet children(errors)}
+                        <ErrorMessage message={getFormErrorMessages(errors)}></ErrorMessage>
+                    {/snippet}
+                </form.Subscribe>
+
+                <Field.Group class="grid gap-5 md:grid-cols-2">
+                    <form.Field name="name">
+                        {#snippet children(field)}
+                            <Field.Field data-invalid={ariaInvalid(field)}>
+                                <Field.Label for={field.name}>Billing name</Field.Label>
+                                <Input
+                                    id={field.name}
+                                    name={field.name}
+                                    type="text"
+                                    placeholder="Acme, Inc."
+                                    value={field.state.value}
+                                    onblur={field.handleBlur}
+                                    oninput={(e) => {
+                                        field.handleChange(e.currentTarget.value);
+                                        debouncedFormSubmit(organizationId);
+                                    }}
+                                    aria-invalid={ariaInvalid(field)}
+                                />
+                                <Field.Error errors={mapFieldErrors(field.state.meta.errors)} />
+                            </Field.Field>
+                        {/snippet}
+                    </form.Field>
+
+                    <form.Field name="vatId">
+                        {#snippet children(field)}
+                            <Field.Field data-invalid={ariaInvalid(field)}>
+                                <Field.Label for={field.name}>VAT ID</Field.Label>
+                                <Input
+                                    id={field.name}
+                                    name={field.name}
+                                    type="text"
+                                    placeholder="DE123456789"
+                                    value={field.state.value}
+                                    onblur={field.handleBlur}
+                                    oninput={(e) => {
+                                        field.handleChange(e.currentTarget.value);
+                                        debouncedFormSubmit(organizationId);
+                                    }}
+                                    aria-invalid={ariaInvalid(field)}
+                                />
+                                <Field.Error errors={mapFieldErrors(field.state.meta.errors)} />
+                            </Field.Field>
+                        {/snippet}
+                    </form.Field>
+
+                    <form.Field name="address">
+                        {#snippet children(field)}
+                            <Field.Field data-invalid={ariaInvalid(field)} class="md:col-span-2">
+                                <Field.Label for={field.name}>Billing address</Field.Label>
+                                <Textarea
+                                    id={field.name}
+                                    name={field.name}
+                                    rows={4}
+                                    placeholder="123 Main Street&#10;Anytown, ST 12345&#10;United States"
+                                    value={field.state.value}
+                                    onblur={field.handleBlur}
+                                    oninput={(e) => {
+                                        field.handleChange(e.currentTarget.value);
+                                        debouncedFormSubmit(organizationId);
+                                    }}
+                                    aria-invalid={ariaInvalid(field)}
+                                />
+                                <Field.Error errors={mapFieldErrors(field.state.meta.errors)} />
+                            </Field.Field>
+                        {/snippet}
+                    </form.Field>
+
+                    <form.Field name="vatNumber">
+                        {#snippet children(field)}
+                            <Field.Field data-invalid={ariaInvalid(field)}>
+                                <Field.Label for={field.name}>VAT number</Field.Label>
+                                <Input
+                                    id={field.name}
+                                    name={field.name}
+                                    type="text"
+                                    placeholder="123456789"
+                                    value={field.state.value}
+                                    onblur={field.handleBlur}
+                                    oninput={(e) => {
+                                        field.handleChange(e.currentTarget.value);
+                                        debouncedFormSubmit(organizationId);
+                                    }}
+                                    aria-invalid={ariaInvalid(field)}
+                                />
+                                <Field.Error errors={mapFieldErrors(field.state.meta.errors)} />
+                            </Field.Field>
+                        {/snippet}
+                    </form.Field>
+                </Field.Group>
+            </form>
+
             <p>
                 You are currently on the
                 {#if canChangePlan}
@@ -87,7 +281,7 @@
             </p>
 
             {#if invoicesQuery.isLoading}
-                <div class="space-y-2">
+                <div class="flex flex-col gap-2">
                     <Skeleton class="h-8 w-full" />
                     <Skeleton class="h-8 w-full" />
                     <Skeleton class="h-8 w-full" />
@@ -129,16 +323,18 @@
                                                     {/snippet}
                                                 </DropdownMenu.Trigger>
                                                 <DropdownMenu.Content align="end">
-                                                    <DropdownMenu.Item onclick={() => handleOpenInvoice(invoice.id)}>
-                                                        <File class="mr-2 size-4" />
-                                                        View Payment
-                                                    </DropdownMenu.Item>
-                                                    <GlobalUser>
-                                                        <DropdownMenu.Item onclick={() => handleViewStripeInvoice(invoice.id)}>
-                                                            <CreditCard class="mr-2 size-4" />
-                                                            View Stripe Invoice
+                                                    <DropdownMenu.Group>
+                                                        <DropdownMenu.Item onclick={() => handleOpenInvoice(invoice.id)}>
+                                                            <File class="mr-2 size-4" />
+                                                            View Payment
                                                         </DropdownMenu.Item>
-                                                    </GlobalUser>
+                                                        <GlobalUser>
+                                                            <DropdownMenu.Item onclick={() => handleViewStripeInvoice(invoice.id)}>
+                                                                <CreditCard class="mr-2 size-4" />
+                                                                View Stripe Invoice
+                                                            </DropdownMenu.Item>
+                                                        </GlobalUser>
+                                                    </DropdownMenu.Group>
                                                 </DropdownMenu.Content>
                                             </DropdownMenu.Root>
                                         </Table.Cell>