create lobbyside (#874)

apps/web/app/layout.tsx

@@ -11,6 +11,7 @@ import { Suspense } from "react"
 import { Toaster } from "@ui/components/sonner"
 import { NuqsAdapter } from "nuqs/adapters/next/app"
 import { ThemeProvider } from "@/lib/theme-provider"
+import Script from "next/script"
 
 const font = Space_Grotesk({
 	subsets: ["latin"],
@@ -69,6 +70,11 @@ export default function RootLayout({
 						</QueryProvider>
 					</AutumnProvider>
 				</ThemeProvider>
+				<Script
+					src="https://lobbyside.com/widget.js"
+					data-widget-id="e385c52f-4dd3-4fb2-81eb-da3a78059014"
+					strategy="lazyOnload"
+				/>
 			</body>
 		</html>
 	)

apps/web/components/memory-graph/memory-graph-wrapper.tsx

@@ -71,10 +71,12 @@ export function MemoryGraph({
 				maxNodes={maxNodes}
 				canvasRef={canvasRef}
 				totalCount={totalCount}
-				colors={{
-					bg: "transparent",
-					edgeDerives: "#9ca3af",
-				} as any}
+				colors={
+					{
+						bg: "transparent",
+						edgeDerives: "#9ca3af",
+					} as any
+				}
 				{...rest}
 			>
 				{children}

packages/memory-graph/src/components/memory-graph.tsx

@@ -197,7 +197,11 @@ export function MemoryGraph({
 				setViewportVersion((v) => v + 1)
 			}
 
-			const { hasMore: more, isLoadingMore: loading, onLoadMore: load } = loadMoreRef.current
+			const {
+				hasMore: more,
+				isLoadingMore: loading,
+				onLoadMore: load,
+			} = loadMoreRef.current
 			if (!more || loading || !load || !viewportRef.current) return
 
 			const vp = viewportRef.current
@@ -205,14 +209,17 @@ export function MemoryGraph({
 			if (currentNodes.length === 0) return
 
 			const topLeft = vp.screenToWorld(0, 0)
-			const bottomRight = vp.screenToWorld(containerSize.width, containerSize.height)
+			const bottomRight = vp.screenToWorld(
+				containerSize.width,
+				containerSize.height,
+			)
 			const viewW = bottomRight.x - topLeft.x
 			const viewH = bottomRight.y - topLeft.y
 
-			let minX = Infinity
-			let minY = Infinity
-			let maxX = -Infinity
-			let maxY = -Infinity
+			let minX = Number.POSITIVE_INFINITY
+			let minY = Number.POSITIVE_INFINITY
+			let maxX = Number.NEGATIVE_INFINITY
+			let maxY = Number.NEGATIVE_INFINITY
 			for (const n of currentNodes) {
 				if (n.x < minX) minX = n.x
 				if (n.y < minY) minY = n.y
@@ -613,7 +620,6 @@ export function MemoryGraph({
 				colors={colors}
 			/>
 
-
 			{!isLoading && !nodes.some((n) => n.type === "document") && children && (
 				<div style={emptyStateStyle}>{children}</div>
 			)}

packages/tools/test/claude-memory-real-example.ts

@@ -119,10 +119,16 @@ export async function realClaudeMemoryExample() {
 	const toolResults = []
 
 	if (responseData.content) {
-    const memoryToolCalls = responseData.content.filter(
-      (block: any): block is { type: 'tool_use'; id: string; name: 'memory'; input: { command: MemoryCommand; path: string } } =>
-        block.type === "tool_use" && block.name === "memory",
-    )
+		const memoryToolCalls = responseData.content.filter(
+			(
+				block: any,
+			): block is {
+				type: "tool_use"
+				id: string
+				name: "memory"
+				input: { command: MemoryCommand; path: string }
+			} => block.type === "tool_use" && block.name === "memory",
+		)
 
 		const results = await Promise.all(
 			memoryToolCalls.map((block: any) => {
@@ -196,10 +202,16 @@ export async function processClaudeResponse(
 	const toolResults = []
 
 	if (claudeResponseData.content) {
-    const memoryToolCalls = claudeResponseData.content.filter(
-      (block: any): block is { type: 'tool_use'; id: string; name: 'memory'; input: { command: MemoryCommand; path: string } } =>
-        block.type === "tool_use" && block.name === "memory",
-    )
+		const memoryToolCalls = claudeResponseData.content.filter(
+			(
+				block: any,
+			): block is {
+				type: "tool_use"
+				id: string
+				name: "memory"
+				input: { command: MemoryCommand; path: string }
+			} => block.type === "tool_use" && block.name === "memory",
+		)
 
 		const results = await Promise.all(
 			memoryToolCalls.map((block: any) =>