From ed15364eb306534b4ef8a2c597997fa4fee7e439 Mon Sep 17 00:00:00 2001
From: Dhravya Shah <dhravya@supermemory.com>
Date: Tue, 18 Aug 2026 08:14:07 -0700
Subject: [PATCH] feat(sdk-playground): reflect SDK-owned memory block in debug
 view

Update the playground to display the current deduplicated <supermemory>
replacement block produced by the SDK middleware instead of a browser-side
seen-facts delta. Add memory-dedupe helper and ignore local tsbuildinfo.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/sdk-playground/.gitignore               |  1 +
 apps/sdk-playground/src/app/page.tsx         | 15 ++--
 apps/sdk-playground/src/lib/context-api.ts   | 27 ++++---
 apps/sdk-playground/src/lib/memory-dedupe.ts | 74 ++++++++++++++++++++
 4 files changed, 105 insertions(+), 12 deletions(-)
 create mode 100644 apps/sdk-playground/src/lib/memory-dedupe.ts

diff --git a/apps/sdk-playground/.gitignore b/apps/sdk-playground/.gitignore
index 023805e0..ffdcb86e 100644
--- a/apps/sdk-playground/.gitignore
+++ b/apps/sdk-playground/.gitignore
@@ -3,3 +3,4 @@
 .env.local
 node_modules
 python/.venv
+*.tsbuildinfo
diff --git a/apps/sdk-playground/src/app/page.tsx b/apps/sdk-playground/src/app/page.tsx
index 8b6d103e..9dfcba7b 100644
--- a/apps/sdk-playground/src/app/page.tsx
+++ b/apps/sdk-playground/src/app/page.tsx
@@ -48,6 +48,8 @@ export default function AgentPlaygroundPage() {
 	)
 	const keysReady =
 		supermemoryApiKey.trim().length > 0 && openaiApiKey.trim().length > 0
+	const chatReady =
+		keysReady || (hasSupermemoryKey && hasOpenAiKey)
 
 	const [sdkId, setSdkId] = useState("ts-ai-sdk-middleware")
 	const [containerTag, setContainerTag] = useState("sdk-playground")
@@ -99,7 +101,7 @@ export default function AgentPlaygroundPage() {
 	}, [refreshMeta])
 
 	const send = async () => {
-		if (!input.trim() || loading || !selectedSdk?.available || !keysReady) return
+		if (!input.trim() || loading || !selectedSdk?.available || !chatReady) return
 
 		const userMessage: UserOrAssistantMessage = {
 			kind: "user",
@@ -484,9 +486,9 @@ export default function AgentPlaygroundPage() {
 									send()
 								}
 							}}
-							disabled={loading || !input.trim() || !selectedSdk?.available || !keysReady}
+							disabled={loading || !selectedSdk?.available || !chatReady}
 							placeholder={
-								keysReady
+								chatReady
 									? "Message the agent…"
 									: "Enter API keys above to chat…"
 							}
@@ -495,7 +497,12 @@ export default function AgentPlaygroundPage() {
 						<button
 							type="button"
 							onClick={send}
-							disabled={loading || !input.trim() || !selectedSdk?.available || !keysReady}
+							disabled={
+								loading ||
+								!input.trim() ||
+								!selectedSdk?.available ||
+								!chatReady
+							}
 							className="rounded-lg bg-emerald-600 px-5 py-3 text-sm font-medium text-white hover:bg-emerald-500 disabled:opacity-40"
 						>
 							Send
diff --git a/apps/sdk-playground/src/lib/context-api.ts b/apps/sdk-playground/src/lib/context-api.ts
index ee4436e3..63fa7c47 100644
--- a/apps/sdk-playground/src/lib/context-api.ts
+++ b/apps/sdk-playground/src/lib/context-api.ts
@@ -3,6 +3,7 @@ import {
 	type MiddlewareRuntimeConfig,
 	normalizeMiddlewareConfig,
 } from "./middleware-config"
+import { dedupeProfileForMode } from "./memory-dedupe"
 
 export interface MemoryDebugEntry {
 	type: "profile_fetch" | "context_preview" | "conversation_saved" | "manual_profile"
@@ -143,11 +144,14 @@ export async function fetchContainerContext(
 		| { static?: unknown[]; dynamic?: unknown[] }
 		| undefined
 
-	const profile = {
-		static: profileRaw?.static ?? [],
-		dynamic: profileRaw?.dynamic ?? [],
-		searchResults: normalizeSearchResults(profileResponse.searchResults),
-	}
+	const profile = dedupeProfileForMode(
+		query ? "full" : "profile",
+		{
+			static: profileRaw?.static ?? [],
+			dynamic: profileRaw?.dynamic ?? [],
+			searchResults: normalizeSearchResults(profileResponse.searchResults),
+		},
+	)
 
 	const docsResponse = await client.post<{
 		documents?: unknown[]
@@ -204,7 +208,8 @@ export async function buildMiddlewareMemoryDebug(
 		query,
 		supermemoryApiKey,
 	)
-	const summary = summarizeProfile(context.profile)
+	const dedupedProfile = dedupeProfileForMode(memoryMode, context.profile)
+	const summary = summarizeProfile(dedupedProfile)
 
 	const trace: MemoryDebugEntry[] = [
 		{
@@ -229,8 +234,14 @@ export async function buildMiddlewareMemoryDebug(
 		},
 		{
 			type: "context_preview",
-			label: "Context injected into prompt",
-			preview: buildContextPreview(context.profile, memoryMode, query),
+			label: "Current SDK memory block (replaces the prior block)",
+			preview: buildContextPreview(dedupedProfile, memoryMode, query),
+			detail: {
+				totalFacts:
+					summary.staticCount +
+					summary.dynamicCount +
+					summary.searchResultCount,
+			},
 		},
 		{
 			type: "conversation_saved",
diff --git a/apps/sdk-playground/src/lib/memory-dedupe.ts b/apps/sdk-playground/src/lib/memory-dedupe.ts
new file mode 100644
index 00000000..24d0faec
--- /dev/null
+++ b/apps/sdk-playground/src/lib/memory-dedupe.ts
@@ -0,0 +1,74 @@
+import type { ContainerContext } from "./context-api"
+
+type ProfileSlice = ContainerContext["profile"]
+
+/** Normalize a fact for exact comparison within retrieved context. */
+export function normalizeFactKey(text: string): string {
+	return text
+		.replace(/^\[\d{4}-\d{2}-\d{2}\]\s*/, "")
+		.trim()
+		.replace(/\s+/g, " ")
+		.toLowerCase()
+}
+
+function memoryText(item: unknown): string {
+	if (typeof item === "string") return item
+	if (item && typeof item === "object") {
+		const record = item as Record<string, unknown>
+		if (typeof record.memory === "string") return record.memory
+		if (typeof record.content === "string") return record.content
+		if (typeof record.chunk === "string") return record.chunk
+	}
+	return JSON.stringify(item)
+}
+
+/**
+ * Deduplicate static → dynamic → search (same priority as @supermemory/tools middleware).
+ */
+export function dedupeProfileForMode(
+	mode: "profile" | "query" | "full",
+	profile: ProfileSlice,
+): ProfileSlice {
+	const injectsProfile = mode !== "query"
+	const staticItems = injectsProfile ? profile.static : []
+	const dynamicItems = injectsProfile ? profile.dynamic : []
+	const searchItems = profile.searchResults
+
+	const seen = new Set<string>()
+	const staticOut: unknown[] = []
+	const dynamicOut: unknown[] = []
+	const searchOut: unknown[] = []
+
+	for (const item of staticItems) {
+		const text = memoryText(item).trim()
+		if (!text) continue
+		const key = normalizeFactKey(text)
+		if (seen.has(key)) continue
+		seen.add(key)
+		staticOut.push(item)
+	}
+
+	for (const item of dynamicItems) {
+		const text = memoryText(item).trim()
+		if (!text) continue
+		const key = normalizeFactKey(text)
+		if (seen.has(key)) continue
+		seen.add(key)
+		dynamicOut.push(item)
+	}
+
+	for (const item of searchItems) {
+		const text = memoryText(item).trim()
+		if (!text) continue
+		const key = normalizeFactKey(text)
+		if (seen.has(key)) continue
+		seen.add(key)
+		searchOut.push(item)
+	}
+
+	return {
+		static: staticOut,
+		dynamic: dynamicOut,
+		searchResults: mode === "profile" ? [] : searchOut,
+	}
+}