/wbMonetize — Live Demo ()
This is what /wbMonetize actually does on wb-labs as the workspace stands today (2026-05-05). The matrix below mirrors the exhaustive simulation, but every cell is filled from the live state of the repo.
1. Live target
| Field | Live value |
|---|---|
| Tier system | tierEnforcement.js in wb-core — 3 tiers: free, pro, enterprise |
__WBC_DEV__ gating | 3-mode: dev (all unlocked), staging (tier-enforced), prod (tier-enforced + Stripe) |
| Currently gated features | ExportPanel (enterprise), AdvancedFilters (pro), BulkExport (pro) |
| Ungated features | BasicView, DataGrid, ThemeToggle |
| Stripe config | .env.STRIPE_KEY configured for staging, not yet for production |
2. What each argument resolves to today
| Argument | Live resolution |
|---|---|
/wbMonetize ExportPanel.vue -t="enterprise" | Already gated at enterprise. No-op with ℹ️ Already gated. |
/wbMonetize ThemeToggle.vue -t="pro" | Would wrap ThemeToggle with pro-tier gate. |
/wbMonetize AdvancedFilters.vue -r | Would strip the pro gate, making it free. |
/wbMonetize "make dark mode pro" | Fuzzy-matches → ThemeToggle.vue, wraps dark-mode branch. |
3. Pipelines on this exact workspace
/wbMonetize Live Execution Simulator
Gate dark mode to Pro tier
/wbMonetize core2/packages/wb-dataviewer/src/components/ThemeToggle.vue -t="pro" -s> /wbMonetize core2/packages/wb-dataviewer/src/components/ThemeToggle.vue -t="pro" -s[SYSTEM] Gating ThemeToggle.vue at Pro tier.
[AST] Parsed: 1 default export (ThemeToggle component).
[GATE]
import { withTierGate } from '@wbc-ui2/wb-core/tierEnforcement'
import { useStripeCheckout } from '@wbc-ui2/wb-core/billing'
export default withTierGate(ThemeToggle, {
tier: 'pro',
fallback: () => StripeUpgradeModal({ feature: 'Dark Mode' })
})
[OK] ThemeToggle is now Pro-gated with Stripe checkout.
💠 Pipeline Gate dark mode to Pro tier
💠 Pipeline Free up AdvancedFilters for engagement
💠 Pipeline Audit all gated features (dry-run)
4. What would refuse today
| Trigger | Live response |
|---|---|
/wbMonetize BasicView.vue -t="premium" | ❌ Tier 'premium' not found. Available: free, pro, enterprise. |
/wbMonetize ExportPanel.vue -r (enterprise feature) | Proceeds. [REMOVE] Stripping enterprise gate. (No confirmation for destructive action — use -d first.) |
/wbMonetize src/WBC.js -t="pro" | ⚠️ WBC.js is a core runtime file, not a feature component. Gating it would break all consumers. Confirm intent? |
The pattern: /wbMonetize is the per-feature application of the tier system. tierEnforcement.js defines the tiers; /wbMonetize connects individual components to those tiers. The __WBC_DEV__ mode determines runtime behavior — in dev mode, all gates pass regardless of tier assignment.