@rayadesu/dsh-billing 0.1.0-rc.8

package/packages/ui-billing/tests/balance-badge.client.spec.tsx

@@ -0,0 +1,267 @@
+// @vitest-environment jsdom
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { makeTranslate } from '@deepseek-ai/dsh-client-test-runtime'
+import type { DeepSeekBalance, DeepSeekSessionSpend, DeepSeekTodaySpend } from '@rayadesu/dsh-llm-billing/types'
+import { BalanceBadge, type BalanceBadgeProps } from '../src/client/BalanceBadge.tsx'
+import { zh } from '../src/client/locales.ts'
+
+afterEach(() => {
+  cleanup()
+})
+
+const t: BalanceBadgeProps['t'] = makeTranslate(zh)
+
+const SPEND: DeepSeekSessionSpend = {
+  total: 0.04,
+  models: [{
+    model: 'deepseek-v4-flash',
+    displayName: 'DeepSeek-V4-Flash',
+    cost: 0.04,
+    peakCost: 0.04,
+    offPeakCost: 0,
+    cacheHitInputTokens: 1000,
+    cacheMissInputTokens: 100000,
+    outputTokens: 20000,
+    cacheHitInputCost: 0.01,
+    cacheMissInputCost: 0.02,
+    outputCost: 0.01,
+  }],
+}
+
+const TODAY_SPEND: DeepSeekTodaySpend = {
+  total: 0.31,
+  models: [{
+    model: 'deepseek-v4-flash',
+    displayName: 'DeepSeek-V4-Flash',
+    cost: 0.31,
+    peakCost: 0.2,
+    offPeakCost: 0.11,
+    cacheHitInputTokens: 2000,
+    cacheMissInputTokens: 200000,
+    outputTokens: 30000,
+    cacheHitInputCost: 0.01,
+    cacheMissInputCost: 0.2,
+    outputCost: 0.1,
+  }],
+}
+
+function balance(over: Partial<DeepSeekBalance> = {}): DeepSeekBalance {
+  return {
+    isAvailable: true,
+    lines: [{ currency: 'CNY', total: '110.00', granted: '10.00', toppedUp: '100.00' }],
+    ...over,
+  }
+}
+
+function props(
+  getBalance: () => Promise<DeepSeekBalance>,
+  getSessionSpend: () => Promise<DeepSeekSessionSpend> = async () => SPEND,
+  getTodaySpend: () => Promise<DeepSeekTodaySpend> = async () => TODAY_SPEND,
+  useSession: (selector: (snapshot: { chat: { order: readonly string[] } }) => number) => number = () => 0,
+): BalanceBadgeProps {
+  return {
+    getBalance,
+    getSessionSpend,
+    getTodaySpend,
+    useSession,
+    sessionId: 'session-1',
+    t,
+  } as BalanceBadgeProps
+}
+
+describe('BalanceBadge', () => {
+  it('renders nothing while the first fetch is in flight', () => {
+    const { container } = render(<BalanceBadge {...props(() => new Promise(() => {}))} />)
+    expect(container.innerHTML).toBe('')
+  })
+
+  it('appears as soon as the balance settles, without waiting for the spends', async () => {
+    const getSessionSpend = vi.fn(() => new Promise<DeepSeekSessionSpend>(() => {}))
+    const getTodaySpend = vi.fn(() => new Promise<DeepSeekTodaySpend>(() => {}))
+    render(<BalanceBadge {...props(async () => balance(), getSessionSpend, getTodaySpend)} />)
+    // The balance landed; the badge renders even though both spends never settle.
+    expect(await screen.findByText('剩余额度：¥110.00')).toBeDefined()
+  })
+
+  it('shows the balance and this conversation spend on the trigger', async () => {
+    render(<BalanceBadge {...props(async () => balance())} />)
+    expect(await screen.findByText('剩余额度：¥110.00')).toBeDefined()
+    expect(screen.getByText('本轮对话花费：¥0.04')).toBeDefined()
+  })
+
+  it('keeps the spend line hidden while the conversation has no priced usage', async () => {
+    render(<BalanceBadge {...props(async () => balance(), async () => ({ total: 0, models: [] }))} />)
+    expect(await screen.findByText('剩余额度：¥110.00')).toBeDefined()
+    expect(screen.queryByText(/本轮对话花费/)).toBeNull()
+  })
+
+  it('opens the label box with the amount, the spend, today\'s spend, and the cache-hit/input/output breakdown', async () => {
+    render(<BalanceBadge {...props(async () => balance())} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByText('API 剩余金额：¥110.00')).toBeDefined()
+    expect(screen.getByText('本会话花费：¥0.04')).toBeDefined()
+    expect(screen.getByText('今日共花费：¥0.31')).toBeDefined()
+    expect(screen.getByText('DeepSeek-V4-Flash')).toBeDefined()
+    expect(screen.getByText('¥0.04')).toBeDefined()
+    expect(screen.getByText('缓存命中 ¥0.01 · 未命中输入 ¥0.02 · 输出 ¥0.01')).toBeDefined()
+  })
+
+  it('renders an info button with the spend disclaimer', async () => {
+    render(<BalanceBadge {...props(async () => balance())} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByRole('button', { name: zh['info.aria'] })).toBeDefined()
+  })
+
+  it('renders the unavailable word when the fetch rejects', async () => {
+    render(<BalanceBadge {...props(async () => { throw new Error('no key') })} />)
+    expect(await screen.findByText(zh['state.unavailable'])).toBeDefined()
+  })
+
+  it('keeps the last value visible while a refresh is in flight, then updates it', async () => {
+    const getBalance = vi.fn()
+      .mockResolvedValueOnce(balance())
+      .mockResolvedValueOnce(new Promise(resolve => setTimeout(() => { resolve(balance({
+        lines: [{ currency: 'CNY', total: '9.00', granted: '0.00', toppedUp: '9.00' }],
+      })) }, 20)))
+    render(<BalanceBadge {...props(getBalance)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    fireEvent.click(await screen.findByRole('button', { name: zh['action.refresh'] }))
+    // The previous value must stay on screen during the refetch.
+    expect(screen.getByText('剩余额度：¥110.00')).toBeDefined()
+    await waitFor(() => { expect(getBalance).toHaveBeenCalledTimes(2) })
+    await waitFor(() => { expect(screen.getByText('剩余额度：¥9.00')).toBeDefined() })
+  })
+
+  it('keeps both spend values when a refresh rejects', async () => {
+    const getSessionSpend = vi.fn()
+      .mockResolvedValueOnce(SPEND)
+      .mockRejectedValueOnce(new Error('boom'))
+    const getTodaySpend = vi.fn()
+      .mockResolvedValueOnce(TODAY_SPEND)
+      .mockRejectedValueOnce(new Error('boom'))
+    render(<BalanceBadge {...props(async () => balance(), getSessionSpend, getTodaySpend)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    fireEvent.click(await screen.findByRole('button', { name: zh['action.refresh'] }))
+    await waitFor(() => { expect(getSessionSpend).toHaveBeenCalledTimes(2) })
+    await waitFor(() => { expect(getTodaySpend).toHaveBeenCalledTimes(2) })
+    // A failed refetch keeps the previous values instead of blanking them.
+    expect(screen.getByText('本会话花费：¥0.04')).toBeDefined()
+    expect(screen.getByText('今日共花费：¥0.31')).toBeDefined()
+  })
+
+  it('recomputes only the spends when a new message lands, without refetching the balance', async () => {
+    let messageCount = 0
+    const getBalance = vi.fn(async () => balance())
+    const getSessionSpend = vi.fn(async () => SPEND)
+    const getTodaySpend = vi.fn(async () => TODAY_SPEND)
+    const { rerender } = render(
+      <BalanceBadge {...props(getBalance, getSessionSpend, getTodaySpend, () => messageCount)} />,
+    )
+    expect(await screen.findByText('剩余额度：¥110.00')).toBeDefined()
+    expect(getBalance).toHaveBeenCalledTimes(1)
+    const spendCallsBeforeMessage = getSessionSpend.mock.calls.length
+    const todayCallsBeforeMessage = getTodaySpend.mock.calls.length
+
+    // A new message lands: the in-window message count changes and the badge
+    // recomputes this session's spend and today's spend only — the balance
+    // stays untouched.
+    messageCount = 1
+    rerender(<BalanceBadge {...props(getBalance, getSessionSpend, getTodaySpend, () => messageCount)} />)
+    await waitFor(() => {
+      expect(getSessionSpend.mock.calls.length).toBeGreaterThan(spendCallsBeforeMessage)
+    })
+    await waitFor(() => {
+      expect(getTodaySpend.mock.calls.length).toBeGreaterThan(todayCallsBeforeMessage)
+    })
+    expect(getBalance).toHaveBeenCalledTimes(1)
+  })
+
+  it('keeps both spend values when a new-message recompute rejects', async () => {
+    let messageCount = 0
+    const getBalance = vi.fn(async () => balance())
+    const getSessionSpend = vi.fn(async () => SPEND)
+    const getTodaySpend = vi.fn(async () => TODAY_SPEND)
+    const { rerender } = render(
+      <BalanceBadge {...props(getBalance, getSessionSpend, getTodaySpend, () => messageCount)} />,
+    )
+    await screen.findByText('剩余额度：¥110.00')
+
+    // A new message lands but both recomputes reject: the previous values stay.
+    messageCount = 1
+    getSessionSpend.mockRejectedValueOnce(new Error('boom'))
+    getTodaySpend.mockRejectedValueOnce(new Error('boom'))
+    rerender(<BalanceBadge {...props(getBalance, getSessionSpend, getTodaySpend, () => messageCount)} />)
+    await waitFor(() => { expect(getTodaySpend.mock.calls.length).toBe(2) })
+    expect(screen.getByText('本轮对话花费：¥0.04')).toBeDefined()
+  })
+
+  it('prefixes USD with the dollar sign', async () => {
+    const usd = balance({ lines: [{ currency: 'USD', total: '5.00', granted: '0.00', toppedUp: '5.00' }] })
+    render(<BalanceBadge {...props(async () => usd)} />)
+    await waitFor(() => { expect(screen.getByText('剩余额度：$5.00')).toBeDefined() })
+  })
+
+  it('shows the no-usage word for a session without priced usage', async () => {
+    render(<BalanceBadge {...props(async () => balance(), async () => ({ total: 0, models: [] }))} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByText(`本会话花费：${zh['stat.none']}`)).toBeDefined()
+  })
+
+  it('shows the no-usage word for a day without priced usage across every session', async () => {
+    render(<BalanceBadge
+      {...props(async () => balance(), async () => SPEND, async () => ({ total: 0, models: [] }))}
+    />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByText(`今日共花费：${zh['stat.none']}`)).toBeDefined()
+  })
+
+  it('shows a placeholder for today\'s spend when it fails to load', async () => {
+    const getTodaySpend = vi.fn(async () => { throw new Error('boom') })
+    render(<BalanceBadge {...props(async () => balance(), async () => SPEND, getTodaySpend)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    // The balance and session spend resolved; today's spend has no value yet.
+    expect(await screen.findByText('本会话花费：¥0.04')).toBeDefined()
+    expect(screen.getByText('今日共花费：—')).toBeDefined()
+  })
+
+  it('shows the session spend as soon as it settles, without waiting for today\'s spend', async () => {
+    const getTodaySpend = vi.fn(() => new Promise<DeepSeekTodaySpend>(() => {}))
+    render(<BalanceBadge {...props(async () => balance(), async () => SPEND, getTodaySpend)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    // The session spend landed; today's spend never settles, so its line
+    // keeps the placeholder instead of blanking the other line.
+    expect(await screen.findByText('本会话花费：¥0.04')).toBeDefined()
+    expect(screen.getByText('今日共花费：—')).toBeDefined()
+  })
+
+  it('shows today\'s spend as soon as it settles, without waiting for the session spend', async () => {
+    const getSessionSpend = vi.fn(() => new Promise<DeepSeekSessionSpend>(() => {}))
+    render(<BalanceBadge {...props(async () => balance(), getSessionSpend, async () => TODAY_SPEND)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByText('今日共花费：¥0.31')).toBeDefined()
+    expect(screen.getByText('本会话花费：—')).toBeDefined()
+  })
+
+  it('trims trailing zeros in the spend amount', async () => {
+    const trimmed: DeepSeekSessionSpend = {
+      total: 0.3,
+      models: [{
+        model: 'deepseek-v4-flash',
+        displayName: 'DeepSeek-V4-Flash',
+        cost: 0.3,
+        peakCost: 0,
+        offPeakCost: 0.3,
+        cacheHitInputTokens: 0,
+        cacheMissInputTokens: 100000,
+        outputTokens: 20000,
+        cacheHitInputCost: 0,
+        cacheMissInputCost: 0.2,
+        outputCost: 0.1,
+      }],
+    }
+    render(<BalanceBadge {...props(async () => balance(), async () => trimmed)} />)
+    fireEvent.click(await screen.findByRole('button', { name: 'DeepSeek 额度：¥110.00' }))
+    expect(await screen.findByText('本会话花费：¥0.3')).toBeDefined()
+  })
+})

package/packages/ui-billing/tests/browser-plugin.client.spec.ts

@@ -0,0 +1,205 @@
+/**
+ * ui-billing plugin halves: the browser entry's dictionary and header-slot
+ * registrations against the real SlotRegistry (with fiber teardown proving
+ * removal — HMR safety), the inert node entry, and the invariant companion's
+ * ownership reservation.
+ */
+import { Context, Service } from '@deepseek-ai/cordis'
+import { describe, expect, it, vi } from 'vitest'
+import InvariantRegistry from '@deepseek-ai/dsh-invariants'
+import { SlotRegistry } from '@deepseek-ai/dsh-client-runtime/client'
+import type { SessionId } from '@deepseek-ai/dsh-client-runtime/client'
+import { apply as applyLocale, inject as localeInject } from '@deepseek-ai/dsh-client-locale/client'
+import { stubSettingsScope } from '@deepseek-ai/dsh-client-test-runtime'
+import { apply, inject } from '../src/client/index.ts'
+import { BalanceBadge } from '../src/client/BalanceBadge.tsx'
+import type { BalanceBadgeInjected } from '../src/client/BalanceBadge.tsx'
+import { apply as applyNode } from '../src/index.ts'
+import * as BillingInvariant from '../src/invariant.ts'
+import { en, NS, zh } from '../src/client/locales.ts'
+
+const BALANCE = {
+  isAvailable: true,
+  lines: [{ currency: 'CNY', total: '110.00', granted: '10.00', toppedUp: '100.00' }],
+}
+
+const SPEND = {
+  total: 0.31,
+  models: [{
+    model: 'deepseek-v4-flash',
+    displayName: 'DeepSeek-V4-Flash',
+    cost: 0.31,
+    peakCost: 0.31,
+    offPeakCost: 0,
+    cacheHitInputTokens: 1000,
+    cacheMissInputTokens: 100000,
+    outputTokens: 20000,
+    cacheHitInputCost: 0.01,
+    cacheMissInputCost: 0.20,
+    outputCost: 0.10,
+  }],
+}
+
+const TODAY_SPEND = {
+  total: 0.62,
+  models: [{
+    model: 'deepseek-v4-flash',
+    displayName: 'DeepSeek-V4-Flash',
+    cost: 0.62,
+    peakCost: 0.31,
+    offPeakCost: 0.31,
+    cacheHitInputTokens: 2000,
+    cacheMissInputTokens: 200000,
+    outputTokens: 40000,
+    cacheHitInputCost: 0.02,
+    cacheMissInputCost: 0.40,
+    outputCost: 0.20,
+  }],
+}
+
+type BalanceResult =
+  | { readonly ok: true; readonly value: typeof BALANCE }
+  | { readonly ok: false; readonly error: { readonly code: string; readonly message: string } }
+
+type SpendResult =
+  | { readonly ok: true; readonly value: typeof SPEND }
+  | { readonly ok: false; readonly error: { readonly code: string; readonly message: string } }
+
+type TodaySpendResult =
+  | { readonly ok: true; readonly value: typeof TODAY_SPEND }
+  | { readonly ok: false; readonly error: { readonly code: string; readonly message: string } }
+
+/** Slot ledger reader: entry ids currently registered in the header utilities list. */
+function headerEntryIds(ctx: Context): (string | undefined)[] {
+  return ctx.slots
+    .entries('conversation.session.header.utilities')
+    .map(entry => entry.options.id)
+}
+
+/** Boot the browser half over a real slot tree that declares the header list. */
+async function bench(): Promise<{
+  ctx: Context
+  fiber: ReturnType<Context['plugin']>
+  getBalance: ReturnType<typeof vi.fn>
+  getSessionSpend: ReturnType<typeof vi.fn>
+  getTodaySpend: ReturnType<typeof vi.fn>
+}> {
+  const ctx = new Context()
+  await ctx.plugin(SlotRegistry).await()
+  ctx.slots.register({
+    name: 'root',
+    children: {
+      'conversation.session.header.utilities': { kind: 'list', scope: 'session' },
+    },
+  } as never, () => null)
+  ctx.provide('sessions', {})
+  // The locale plugin binds a settings scope, which reads the connection handle
+  // and the forwarded-event port.
+  ctx.provide('connection', { api: { settings: {} }, isLoopback: false } as never)
+  ctx.provide('settingsScope', { bind: () => stubSettingsScope().scope } as never)
+  // The `remote` Service gives the associate mechanism a target; the generated
+  // namespace lives as the sibling `remote.billing` service.
+  class RemoteService extends Service {
+    constructor(serviceCtx: Context) {
+      super(serviceCtx, 'remote')
+    }
+    $mount = vi.fn().mockResolvedValue(async () => {})
+  }
+  new RemoteService(ctx)
+  const getBalance = vi.fn<() => Promise<BalanceResult>>()
+    .mockResolvedValue({ ok: true, value: BALANCE })
+  const getSessionSpend = vi.fn<(sessionId: SessionId) => Promise<SpendResult>>()
+    .mockResolvedValue({ ok: true, value: SPEND })
+  const getTodaySpend = vi.fn<() => Promise<TodaySpendResult>>()
+    .mockResolvedValue({ ok: true, value: TODAY_SPEND })
+  ctx.provide('remote.billing', { getBalance, getSessionSpend, getTodaySpend })
+  await ctx.plugin({ inject: localeInject, apply: applyLocale }).await()
+  const fiber = ctx.plugin({ inject: [...inject], apply })
+  await fiber.await()
+  return { ctx, fiber, getBalance, getSessionSpend, getTodaySpend }
+}
+
+describe('ui-billing browser half', () => {
+  it('declares the services it binds', () => {
+    expect(inject).toEqual(['slots', 'locale', 'remote'])
+  })
+
+  it('registers the header utility, and fiber teardown removes it (HMR safety)', async () => {
+    const { ctx, fiber } = await bench()
+    expect(headerEntryIds(ctx)).toContain('billing-balance')
+    const entry = ctx.slots.entries('conversation.session.header.utilities')[0]!
+    expect(entry.component).toBe(BalanceBadge)
+    expect(entry.locale).toBe(NS)
+    await fiber.dispose()
+    expect(headerEntryIds(ctx)).not.toContain('billing-balance')
+  })
+
+  it('injects a getBalance face that unwraps the Remote result and reports failures', async () => {
+    const { ctx, getBalance } = await bench()
+    const entry = ctx.slots.entries('conversation.session.header.utilities')[0]!
+    const injected = (entry.inject as unknown as () => BalanceBadgeInjected)()
+    await expect(injected.getBalance()).resolves.toEqual(BALANCE)
+    expect(getBalance).toHaveBeenCalledOnce()
+    getBalance.mockResolvedValueOnce({ ok: false, error: { code: 'internal', message: 'no key' } })
+    await expect(injected.getBalance()).rejects.toThrow('billing.getBalance failed: internal: no key')
+    await ctx.fiber.dispose()
+  })
+
+  it('injects a getSessionSpend face that forwards the session id, unwraps, and reports failures', async () => {
+    const { ctx, getSessionSpend } = await bench()
+    const entry = ctx.slots.entries('conversation.session.header.utilities')[0]!
+    const injected = (entry.inject as unknown as () => BalanceBadgeInjected)()
+    await expect(injected.getSessionSpend('session-1' as SessionId)).resolves.toEqual(SPEND)
+    expect(getSessionSpend).toHaveBeenCalledWith('session-1')
+    getSessionSpend.mockResolvedValueOnce({ ok: false, error: { code: 'not_found', message: 'unknown session' } })
+    await expect(injected.getSessionSpend('session-2' as SessionId))
+      .rejects.toThrow('billing.getSessionSpend failed: not_found: unknown session')
+    await ctx.fiber.dispose()
+  })
+
+  it('injects a getTodaySpend face that unwraps the Remote result and reports failures', async () => {
+    const { ctx, getTodaySpend } = await bench()
+    const entry = ctx.slots.entries('conversation.session.header.utilities')[0]!
+    const injected = (entry.inject as unknown as () => BalanceBadgeInjected)()
+    await expect(injected.getTodaySpend()).resolves.toEqual(TODAY_SPEND)
+    expect(getTodaySpend).toHaveBeenCalledOnce()
+    getTodaySpend.mockResolvedValueOnce({ ok: false, error: { code: 'internal', message: 'no key' } })
+    await expect(injected.getTodaySpend()).rejects.toThrow('billing.getTodaySpend failed: internal: no key')
+    await ctx.fiber.dispose()
+  })
+
+  it('registers both dictionaries under its own namespace and releases them with the fiber', async () => {
+    const { ctx, fiber } = await bench()
+    const translate = ctx.locale.bind(NS)
+    ctx.locale.setLocale('zh')
+    expect(translate('state.unavailable')).toBe(zh['state.unavailable'])
+    ctx.locale.setLocale('en')
+    expect(translate('state.unavailable')).toBe(en['state.unavailable'])
+    await fiber.dispose()
+    expect(translate('state.unavailable')).not.toBe(en['state.unavailable'])
+  })
+
+  it('keeps the English dictionary key-identical to the Chinese source of truth', () => {
+    expect(Object.keys(en).sort()).toEqual(Object.keys(zh).sort())
+  })
+})
+
+describe('ui-billing node half', () => {
+  it('contributes no host behavior', () => {
+    // The node half exists only so the plugin appears in the Loader tree.
+    expect(applyNode).not.toThrow()
+  })
+})
+
+describe('ui-billing invariant companion', () => {
+  it('reserves package ownership under its declared companion name', async () => {
+    const ctx = new Context()
+    await ctx.plugin(InvariantRegistry, { enabled: true })
+    const fiber = ctx.plugin(BillingInvariant)
+    await fiber.await()
+    expect(BillingInvariant.name).toBe('client-ui-billing-invariant')
+    expect(BillingInvariant.inject).toEqual(['invariants'])
+    expect(() => { (ctx.emit as (event: string) => void)('slots/changed') }).not.toThrow()
+    await fiber.dispose()
+  })
+})

package/packages/ui-billing/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "extends": "../../../tsconfig.base.client.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "outDir": "lib/types"
+  },
+  "include": [
+    "src"
+  ],
+  "references": [
+    {
+      "path": "../../../vendor/cordis"
+    },
+    {
+      "path": "../../llm/llm-billing"
+    },
+    {
+      "path": "../locale"
+    },
+    {
+      "path": "../runtime"
+    },
+    {
+      "path": "../ui-conversation"
+    },
+    {
+      "path": "../ui-primitives"
+    },
+    {
+      "path": "../ui-slots"
+    },
+    {
+      "path": "../../runtime-diagnostics/invariants"
+    }
+  ]
+}

package/packages/ui-billing/tsdown.config.ts

@@ -0,0 +1,3 @@
+import { clientBundle } from '../tsdown.client.ts'
+
+export default clientBundle('@rayadesu/dsh-client-ui-billing', ['lib/types/index.js', 'lib/types/invariant.js'])