+ 
+ {card.displayName}
+ {RARITY_LABELS[card.rarity]}
+ {card.shiny && Brillante}
+ {card.isFirstDiscovery && 1ère découverte}
+
+ );
+}
+
+function BoosterView() {
+ const mx = useMatrixClient();
+ const controller = useMemo
+ {card.displayName}
+ {RARITY_LABELS[card.rarity]}
+ {card.shiny && Brillante}
+ {card.isFirstDiscovery && 1ère découverte}
+
+ {error &&
+ );
+}
+
+function CollectionView() {
+ const mx = useMatrixClient();
+ const controller = useMemo{error}
}
+ {status && (
+
+
+ )}
+
+
+ {result && (
+ Booster quotidien
+
+ {status.available ? 'Disponible' : `Prochain dans ${formatResetCountdown(status.nextResetAt)}`}
+
+
+
+ )}
+
+ {result.cards.map((card) => (
+
+
+
+ );
+}
+
+function GraveyardView() {
+ const mx = useMatrixClient();
+ const controller = useMemo
+
+ {RARITIES.map((r) => (
+
+ ))}
+
+ {error && {error}
}
+ {loading && Chargement…
}
+ {page && !loading && (
+ <>
+ {page.cards.length === 0 ? (
+ Aucune carte. Ouvre un booster pour commencer ta collection.
+ ) : (
+
+ {page.cards.map((card) => (
+
+ )}
+
+
+ {pageNum} / {Math.max(1, Math.ceil(page.total / 24))}
+
+
+
+ )}
+
+ {error &&
+ );
+}
+
+export function BotsuTcgPage() {
+ const [tab, setTab] = useState<'booster' | 'collection' | 'graveyard'>('booster');
+
+ return (
+ {error}
}
+ {loading && Chargement…
}
+ {page && !loading && (
+ <>
+ {page.cards.length === 0 ? (
+ Le cimetière est vide. Aucune carte na été brûlée.
+ ) : (
+
+ {page.cards.map((card) => (
+
+ )}
+
+
+ {pageNum}
+
+
+
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/apps/client/src/botsu/tcg/tcg-controller.ts b/apps/client/src/botsu/tcg/tcg-controller.ts
new file mode 100644
index 0000000..f40f9f9
--- /dev/null
+++ b/apps/client/src/botsu/tcg/tcg-controller.ts
@@ -0,0 +1,149 @@
+/**
+ * Botsu Emoji TCG — client controller.
+ *
+ * Handles all TCG API calls from the client to the presence-api backend.
+ * Uses Matrix OpenID tokens for authentication (same pattern as cookie-controller).
+ */
+
+export type TcgRarity = 'common' | 'uncommon' | 'rare' | 'epic' | 'legendary';
+
+export type TcgCardSummary = {
+ instanceId: string;
+ combinationId: string;
+ emojiA: string;
+ emojiB: string;
+ displayName: string;
+ imageUrl: string;
+ rarity: TcgRarity;
+ shiny: boolean;
+ edition: number;
+ status: string;
+ acquiredAt: number;
+ acquisitionMethod: string;
+ isFirstDiscovery: boolean;
+ discoveredBy?: string;
+ discoveredByDisplayName?: string;
+ burnedAt?: number;
+ burnReason?: string;
+ previousOwnerId?: string;
+};
+
+export type TcgBoosterResult = {
+ boosterId: string;
+ boosterType: 'daily' | 'paid' | 'admin';
+ openedAt: number;
+ cards: TcgCardSummary[];
+};
+
+export type TcgDailyBoosterStatus = {
+ available: boolean;
+ nextResetAt: number;
+ lastOpenedAt?: number;
+};
+
+export type TcgCollectionPage = {
+ cards: TcgCardSummary[];
+ total: number;
+ page: number;
+ pageSize: number;
+ hasNext: boolean;
+};
+
+export type TcgBurnResult = {
+ burned: string[];
+ reward: number;
+ balance: number;
+};
+
+export type TcgCatalogStats = {
+ totalCombinations: number;
+ emojiKitchenRoot: string;
+};
+
+type TcgOpenIdToken = { access_token: string };
+
+const TCG_BASE = '/presence/tcg';
+
+const authHeaders = (token: TcgOpenIdToken, extra: Record
+
+ Emoji TCG
+Collectionne les combinaisons Emoji Kitchen. Ouvre un booster quotidien gratuit ou achète-en avec tes cookies.
+
+
+
+
+
+ {tab === 'booster' &&