@vibesdotdev/account 0.0.0-stage → 1.0.0-rc.3

package/dist/svelte/billing.js

@@ -0,0 +1,276 @@
+import * as z from 'zod/v4';
+/** An amount from the service: a finite number, or 0 (the displayed value for an absent or malformed amount). */
+const amountSchema = z.number().catch(0);
+/** One pricing feature's value: a flag, a quantity, a label, or none. */
+const featureValueSchema = z.union([z.boolean(), z.number(), z.string(), z.null()]).optional().catch(undefined);
+const failingStatuses = new Set(['past_due', 'unpaid', 'incomplete', 'incomplete_expired']);
+export const ACCOUNT_BILLING_PRICING_FEATURES = [
+    { key: 'workbench', label: 'Workbench' },
+    { key: 'benchmarks', label: 'Benchmarks' },
+    { key: 'model-70b-access', label: '70B Model Access' },
+    { key: 'ai-agents', label: 'AI Agents' },
+    { key: 'ai-audio-generations', label: 'Audio Generations' },
+    { key: 'ai-image-generations', label: 'Image Generations' },
+    { key: 'ai-ocr-pages', label: 'OCR Pages' },
+    { key: 'ai-text-tokens', label: 'Text Tokens' },
+    { key: 'ai-agent-runs', label: 'Agent Runs' },
+    { key: 'ai-agent-callback', label: 'Agent Callbacks' },
+    { key: 'knowledge-queries', label: 'Knowledge Queries' },
+    { key: 'ai-knowledge-extract', label: 'Knowledge Extraction' },
+    { key: 'ai-benchmark-execute', label: 'Benchmark Executions' },
+    { key: 'knowledge-bases', label: 'Knowledge Bases' },
+    { key: 'knowledge-extraction', label: 'Knowledge Extraction' },
+    { key: 'knowledge-cloud-delivery', label: 'Knowledge Cloud Delivery' },
+    { key: 'manual-ingest', label: 'Manual Ingest' },
+    { key: 'web-crawl-pages-monthly', label: 'Web Crawl Pages/mo' },
+    { key: 'build-mode-access', label: 'Build Mode' },
+    { key: 'private-repos', label: 'Private Repositories' },
+    { key: 'private-packages', label: 'Private Packages' },
+    { key: 'registry-storage-gb', label: 'Registry Storage' },
+    { key: 'repo-storage-mb', label: 'Repository Storage' },
+    { key: 'collaborator-seats', label: 'Collaborator Seats' },
+    { key: 'custom-hostnames', label: 'Custom Hostnames' },
+    { key: 'custom-hostname-ssl', label: 'Auto SSL' },
+    { key: 'custom-hostname-rate-limit', label: 'Hostname Rate Limit' }
+];
+export function formatAccountBillingCurrency(cents, currency = 'USD') {
+    const value = amountSchema.parse(cents);
+    const currencyCode = /^[A-Za-z]{3}$/.test(currency) ? currency.toUpperCase() : 'USD';
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency: currencyCode
+    }).format(value / 100);
+}
+export function formatAccountBillingDate(date) {
+    if (!date)
+        return '-';
+    const parsed = new Date(date);
+    if (Number.isNaN(parsed.getTime()))
+        return '-';
+    return parsed.toLocaleDateString('en-US', {
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric'
+    });
+}
+export function formatAccountBillingStatus(status) {
+    return (status ?? 'unknown').replace(/_/g, ' ');
+}
+export function formatAccountBillingPricingPrice(cents, currency = 'USD') {
+    const value = amountSchema.parse(cents);
+    if (value === 0)
+        return 'Free';
+    return formatAccountBillingCurrency(value, currency).replace(/\.00$/, '');
+}
+export function formatAccountBillingFeatureValue(value) {
+    if (value === true)
+        return 'Included';
+    if (value === false || value === null || value === undefined)
+        return '-';
+    const count = z.number().safeParse(value);
+    if (count.success) {
+        if (count.data >= 1_000_000)
+            return `${Number(count.data / 1_000_000).toLocaleString('en-US')}M`;
+        if (count.data >= 1_000)
+            return `${Number(count.data / 1_000).toLocaleString('en-US')}K`;
+        return count.data.toLocaleString('en-US');
+    }
+    return String(value);
+}
+export function getAccountBillingPricingFeatureValue(features, key) {
+    const entry = Object.entries(features).find(([name]) => name === key);
+    return featureValueSchema.parse(entry?.[1]);
+}
+export function getAccountBillingPricingMinSeats(metadata) {
+    const seats = z.number().positive().safeParse(metadata?.minSeats);
+    return seats.success ? seats.data : null;
+}
+export function createAccountBillingPricingPlans(groups, period, options = {}) {
+    const popularTierSlug = options.popularTierSlug ?? 'pro';
+    return groups.map((group) => {
+        const yearlyAvailable = group.yearlyPriceCents > 0 && Boolean(group.yearlySlug);
+        const useYearly = period === 'yearly' && yearlyAvailable;
+        const billedPriceCents = useYearly ? group.yearlyPriceCents : group.monthlyPriceCents;
+        const monthlyEquivalentCents = useYearly && group.yearlyPriceCents > 0
+            ? Math.round(group.yearlyPriceCents / 12)
+            : group.monthlyPriceCents;
+        const planSlug = useYearly ? group.yearlySlug ?? null : group.monthlySlug ?? null;
+        const isCurrent = Boolean(options.currentPlanSlug) &&
+            (options.currentPlanSlug === group.slug ||
+                options.currentPlanSlug === group.monthlySlug ||
+                options.currentPlanSlug === group.yearlySlug);
+        return {
+            ...group,
+            period,
+            planSlug,
+            displayPriceCents: useYearly ? monthlyEquivalentCents : group.monthlyPriceCents,
+            billedPriceCents,
+            monthlyEquivalentCents,
+            isYearlySavings: useYearly && group.monthlyPriceCents > 0,
+            isPopular: group.slug === popularTierSlug,
+            isTeam: group.accountType === 'team',
+            minSeats: getAccountBillingPricingMinSeats(group.metadata),
+            isCurrent,
+            isFree: group.monthlyPriceCents === 0
+        };
+    });
+}
+export function getAccountBillingStatusBadgeClass(status) {
+    const normalized = status ?? 'unknown';
+    const classes = new Map(Object.entries({
+        active: 'border-emerald-200 bg-emerald-100 text-emerald-700 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300',
+        trialing: 'border-sky-200 bg-sky-100 text-sky-700 dark:border-sky-800 dark:bg-sky-950 dark:text-sky-300',
+        past_due: 'border-orange-200 bg-orange-100 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300',
+        unpaid: 'border-red-200 bg-red-100 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300',
+        incomplete: 'border-orange-200 bg-orange-100 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300',
+        incomplete_expired: 'border-red-200 bg-red-100 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300',
+        canceled: 'border-red-200 bg-red-100 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300',
+        expired: 'border-muted bg-muted text-muted-foreground',
+        paused: 'border-muted bg-muted text-muted-foreground'
+    }));
+    return classes.get(normalized) ?? 'border-muted bg-muted text-muted-foreground';
+}
+export function getAccountBillingInvoiceStatusBadgeClass(status) {
+    const normalized = status ?? 'unknown';
+    const classes = new Map(Object.entries({
+        paid: 'border-emerald-200 bg-emerald-100 text-emerald-700 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300',
+        open: 'border-amber-200 bg-amber-100 text-amber-700 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300',
+        past_due: 'border-orange-200 bg-orange-100 text-orange-700 dark:border-orange-800 dark:bg-orange-950 dark:text-orange-300',
+        draft: 'border-muted bg-muted text-muted-foreground',
+        void: 'border-muted bg-muted text-muted-foreground',
+        uncollectible: 'border-red-200 bg-red-100 text-red-700 dark:border-red-800 dark:bg-red-950 dark:text-red-300'
+    }));
+    return classes.get(normalized) ?? 'border-muted bg-muted text-muted-foreground';
+}
+export function getAccountBillingInvoiceDisplayNumber(invoice) {
+    return invoice.number ?? invoice.id.slice(0, 8);
+}
+export function getAccountBillingInvoiceDate(invoice) {
+    return invoice.issuedAt ?? invoice.createdAt ?? invoice.paidAt ?? invoice.dueAt ?? invoice.dueDate ?? null;
+}
+export function getAccountBillingInvoiceAmount(invoice) {
+    return (invoice.totalInMinorUnits ??
+        invoice.amount ??
+        invoice.amountPaidInMinorUnits ??
+        invoice.amountDueInMinorUnits ??
+        null);
+}
+export function getAccountBillingInvoiceUrl(invoice) {
+    return invoice.hostedInvoiceUrl ?? invoice.downloadUrl ?? invoice.pdfUrl ?? null;
+}
+export function isAccountOrgBillingCancelPending(subscription) {
+    return subscription?.status === 'active' && Boolean(subscription.canceledAt);
+}
+export function getAccountOrgBillingContactDisplay(contact) {
+    if (!contact)
+        return 'No billing contact selected';
+    return contact.displayName ?? contact.email ?? contact.billingEmail ?? 'No billing contact selected';
+}
+export function getAccountOrgBillingContactEmail(contact) {
+    if (!contact)
+        return '-';
+    return contact.billingEmail ?? contact.email ?? '-';
+}
+export function formatAccountOrgBillingContactSource(source) {
+    if (source === 'explicit')
+        return 'Selected billing contact';
+    if (source === 'creator')
+        return 'Falling back to organization creator';
+    if (source === 'email')
+        return 'Invoice email only';
+    return 'No fallback configured';
+}
+export function createAccountBillingInvoiceFromOrgInvoice(invoice) {
+    return {
+        id: invoice.id,
+        number: invoice.number ?? invoice.stripeInvoiceId ?? null,
+        status: invoice.status ?? null,
+        totalInMinorUnits: invoice.total,
+        currency: invoice.currency,
+        createdAt: invoice.created,
+        dueDate: invoice.dueDate ?? null,
+        paidAt: invoice.paidAt ?? null,
+        hostedInvoiceUrl: invoice.hostedInvoiceUrl ?? null,
+        pdfUrl: invoice.invoicePdf ?? null
+    };
+}
+export function createAccountBillingInvoicesFromOrgInvoices(invoices) {
+    return invoices.map((invoice) => createAccountBillingInvoiceFromOrgInvoice(invoice));
+}
+export function formatAccountBillingUsageValue(value) {
+    const safeValue = amountSchema.parse(value);
+    return safeValue.toLocaleString('en-US');
+}
+export function calculateAccountBillingUsagePercent(used, limit) {
+    if (!Number.isFinite(used) || !Number.isFinite(limit) || limit <= 0)
+        return 0;
+    return Math.max(0, Math.min(100, Math.round((used / limit) * 100)));
+}
+export function getAccountBillingUsageState(used, limit) {
+    if (!Number.isFinite(limit) || limit <= 0)
+        return 'unlimited';
+    const percent = calculateAccountBillingUsagePercent(used, limit);
+    if (percent >= 95)
+        return 'critical';
+    if (percent >= 80)
+        return 'warning';
+    return 'ok';
+}
+export function getAccountBillingUsageProgressClass(state) {
+    if (state === 'critical')
+        return '[&_[data-slot=progress-indicator]]:bg-red-500';
+    if (state === 'warning')
+        return '[&_[data-slot=progress-indicator]]:bg-amber-500';
+    return '[&_[data-slot=progress-indicator]]:bg-emerald-500';
+}
+export function createAccountBillingUsageMetrics(usage) {
+    if (!usage)
+        return [];
+    const metrics = [
+        {
+            key: 'image-generations',
+            label: 'Image Generations',
+            used: usage.imageGenerationsUsed,
+            limit: usage.imageGenerationsLimit,
+            unit: 'images'
+        },
+        {
+            key: 'text-tokens',
+            label: 'Text Tokens',
+            used: usage.textTokensUsed,
+            limit: usage.textTokensLimit,
+            unit: 'tokens'
+        },
+        {
+            key: 'agent-runs',
+            label: 'Agent Runs',
+            used: usage.agentRunsUsed,
+            limit: usage.agentRunsLimit,
+            unit: 'runs'
+        }
+    ];
+    return metrics.map((metric) => ({
+        ...metric,
+        percent: calculateAccountBillingUsagePercent(metric.used, metric.limit),
+        state: getAccountBillingUsageState(metric.used, metric.limit)
+    }));
+}
+export function deriveAccountBillingFailureBanner(subscription) {
+    if (!subscription)
+        return null;
+    const status = String(subscription.status);
+    if (subscription.paymentIntentStatus === 'requires_action') {
+        return {
+            testId: 'billing-banner-requires-action',
+            title: 'Confirm your payment',
+            body: `Your bank needs you to verify the last payment for your ${subscription.planName} plan. Complete the challenge to keep your plan active.`
+        };
+    }
+    if (!failingStatuses.has(status))
+        return null;
+    return {
+        testId: `billing-banner-${status}`,
+        title: 'Your last payment failed',
+        body: `Update your card to keep your ${subscription.planName} plan active.`
+    };
+}

package/dist/svelte/browser.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The page's `window` and `document`, or `undefined` on a server render. The one
+ * place the Svelte surface reads them, so browser-only work (cookies, styles,
+ * navigation) is a plain optional read rather than environment sniffing at each
+ * call.
+ */
+export declare function browserWindow(): Window | undefined;
+export declare function browserDocument(): Document | undefined;
+//# sourceMappingURL=browser.d.ts.map

package/dist/svelte/browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.d.ts","sourceRoot":"","sources":["../../src/svelte/browser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,MAAM,GAAG,SAAS,CAElD;AAED,wBAAgB,eAAe,IAAI,QAAQ,GAAG,SAAS,CAEtD"}

package/dist/svelte/browser.js

@@ -0,0 +1,12 @@
+/**
+ * The page's `window` and `document`, or `undefined` on a server render. The one
+ * place the Svelte surface reads them, so browser-only work (cookies, styles,
+ * navigation) is a plain optional read rather than environment sniffing at each
+ * call.
+ */
+export function browserWindow() {
+    return globalThis.window;
+}
+export function browserDocument() {
+    return globalThis.document;
+}

package/dist/svelte/command-palette-recent.d.ts

@@ -0,0 +1,5 @@
+import type { StorageAdapter } from '@vibesdotdev/command-palette/schemas';
+import type { UiPrefs } from './ui-prefs.ts';
+/** Call prefs.load() before reading a palette's stored history. */
+export declare function createCommandPaletteRecentAdapter(prefs: UiPrefs, storageKey: string): StorageAdapter;
+//# sourceMappingURL=command-palette-recent.d.ts.map

package/dist/svelte/command-palette-recent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-recent.d.ts","sourceRoot":"","sources":["../../src/svelte/command-palette-recent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAC3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,mEAAmE;AACnE,wBAAgB,iCAAiC,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,cAAc,CAQpG"}

package/dist/svelte/command-palette-recent.js

@@ -0,0 +1,10 @@
+/** Call prefs.load() before reading a palette's stored history. */
+export function createCommandPaletteRecentAdapter(prefs, storageKey) {
+    return {
+        get: () => prefs.peek('ui.command_palette_recent')[storageKey] ?? [],
+        set: (entries) => prefs.set('ui.command_palette_recent', {
+            ...prefs.peek('ui.command_palette_recent'),
+            [storageKey]: entries
+        }).then(() => undefined)
+    };
+}

package/dist/svelte/components/AccountAppearanceLink.svelte

@@ -0,0 +1,70 @@
+<script lang="ts">
+	import { settle } from '@vibesdotdev/kernel';
+	import { Icon } from '@vibesdotdev/kit/components/icon';
+	import { getRuntimeSvelteContext } from '@vibesdotdev/surface-sveltekit/svelte/state';
+	import { failureLabel, logOn } from '../runtime-log.js';
+	import { accountOriginFromThemeStylesheet, getAccountOrigin } from '../runtime';
+
+	type Props = {
+		/** Optional theme stylesheet URL from `data.themeStylesheetUrl` to derive account origin. */
+		themeStylesheetUrl?: string | null;
+		/** Optional explicit account origin override; takes precedence over the stylesheet URL. */
+		accountOrigin?: string | null;
+		/** Path on account-web to link to. Defaults to `/appearance`. */
+		path?: string;
+		/** Visible label. */
+		label?: string;
+		/** Optional icon (lucide:* identifier). */
+		icon?: string;
+		/** Optional class override on the anchor. */
+		class?: string;
+	};
+
+	let {
+		themeStylesheetUrl = null,
+		accountOrigin,
+		path = '/appearance',
+		label = 'Full appearance settings',
+		icon = 'lucide:palette',
+		class: className = ''
+	}: Props = $props();
+
+	const runtimeStore = getRuntimeSvelteContext();
+	let runtimeOrigin = $state<string | null>(null);
+
+	$effect(() => {
+		if (accountOrigin || themeStylesheetUrl) return;
+
+		let active = true;
+		void (async () => {
+			const resolved = await settle(async () => {
+				const runtime = await runtimeStore.load();
+				if (!active) return null;
+				return getAccountOrigin(runtime);
+			});
+			if (!active) return;
+			if (resolved.ok) {
+				runtimeOrigin = resolved.value;
+				return;
+			}
+			void logOn(runtimeStore, 'error', 'account.appearance-link', 'Account origin unavailable; using a relative settings link', {
+				failure: failureLabel(resolved.cause)
+			});
+		})();
+
+		return () => { active = false; };
+	});
+
+	const origin = $derived(
+		accountOrigin ?? accountOriginFromThemeStylesheet(themeStylesheetUrl) ?? runtimeOrigin ?? ''
+	);
+	const href = $derived(`${origin}${path.startsWith('/') ? '' : '/'}${path}`);
+</script>
+
+<a
+	{href}
+	class={`inline-flex items-center gap-2 text-sm text-foreground hover:text-primary ${className}`}
+>
+	<Icon {icon} class="h-4 w-4" />
+	<span>{label}</span>
+</a>

package/dist/svelte/components/AccountAppearanceLink.svelte.d.ts

@@ -0,0 +1,18 @@
+type Props = {
+    /** Optional theme stylesheet URL from `data.themeStylesheetUrl` to derive account origin. */
+    themeStylesheetUrl?: string | null;
+    /** Optional explicit account origin override; takes precedence over the stylesheet URL. */
+    accountOrigin?: string | null;
+    /** Path on account-web to link to. Defaults to `/appearance`. */
+    path?: string;
+    /** Visible label. */
+    label?: string;
+    /** Optional icon (lucide:* identifier). */
+    icon?: string;
+    /** Optional class override on the anchor. */
+    class?: string;
+};
+declare const AccountAppearanceLink: import("svelte").Component<Props, {}, "">;
+type AccountAppearanceLink = ReturnType<typeof AccountAppearanceLink>;
+export default AccountAppearanceLink;
+//# sourceMappingURL=AccountAppearanceLink.svelte.d.ts.map

package/dist/svelte/components/AccountAppearanceLink.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountAppearanceLink.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/AccountAppearanceLink.svelte.ts"],"names":[],"mappings":"AAUC,KAAK,KAAK,GAAG;IACZ,6FAA6F;IAC7F,kBAAkB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAyDH,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}