agent inbox

README.md

@@ -13,7 +13,7 @@ A set of tools for AI developers to build on top of [XMTP](https://xmtp.org)
 ### Plugins
 
 - [`xmtp`](/packages/xmtp/): An xmtp node js wrapper for AI agents.
-- [`xmtp-web`](/packages/xmtp-web/): A js wrapper for AI agents.
+- [`xmtp-e2ee`](/packages/xmtp-e2ee/): A js wrapper for AI agents.
 
 ### Other
 

package.json

@@ -9,14 +9,14 @@
     "shared/*"
   ],
   "scripts": {
-    "agent": "yarn build:xmtp-web && cd packages/client && yarn dev",
+    "agent": "yarn build:xmtp-e2ee && cd packages/client && yarn dev",
     "build": "yarn build:message-kit && yarn build:packages && yarn build:templates",
     "build:client": "turbo run build --filter=./packages/client --force",
     "build:message-kit": "turbo run build --filter=./packages/message-kit --force",
     "build:packages": "turbo run build --filter='./packages/*' --filter='!./packages/message-kit'",
     "build:templates": "turbo run build --filter='./templates/*'",
     "build:xmtp": "turbo run build --filter=./packages/xmtp --force",
-    "build:xmtp-web": "turbo run build --filter=./packages/xmtp-web --force",
+    "build:xmtp-e2ee": "turbo run build --filter=./packages/xmtp-e2ee --force",
     "bump": "node scripts/update-version.js -t patch",
     "changeset": "yarn copy && changeset add --type patch",
     "clean": "turbo run clean && rm -rf node_modules && rm -rf .turbo && rm -rf packages/message-kit/dist && rm -rf packages/message-kit/.turbo && rm -rf packages/docs/dist && yarn cache clean",

packages/client/package.json

@@ -17,7 +17,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "viem": "^2.21.45",
-    "xmtp-web": "workspace:*"
+    "xmtp-e2ee": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "^20",

packages/client/src/app/globals.css

@@ -1,13 +1,14 @@
 :root {
-  --background: #000000;
-  --foreground: #ffffff;
-  --accent: #fa6977;
+  --background: #ffffff;
+  --foreground: #000000;
+  --accent: #ef4444;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #000000;
-    --foreground: #ffffff;
+    --background: #ffffff;
+    --accent: #ef4444;
+    --foreground: #000000;
   }
 }
 
@@ -28,123 +29,3 @@ body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-
-.container {
-  width: 100vw;
-  height: 100vh;
-  background-color: var(--background);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-family: var(--font-geist-sans);
-}
-
-.wrapper {
-  width: 100%;
-  max-width: 56rem;
-  margin: 0 auto;
-  padding: 0 1rem;
-}
-
-.title {
-  font-size: 2.25rem;
-  font-weight: bold;
-  text-align: center;
-  margin-bottom: 2rem;
-  font-family: var(--font-geist-sans);
-}
-
-.form-container {
-  background-color: #111111;
-  border-radius: 0.5rem;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
-  padding: 1.5rem;
-}
-
-.form-group {
-  margin-bottom: 1rem;
-}
-
-.label {
-  display: block;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: #ffffff;
-  margin-bottom: 0.5rem;
-}
-
-.input,
-.select {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid #333333;
-  background-color: #000000;
-  color: #ffffff;
-  border-radius: 0.375rem;
-  margin-top: 0.25rem;
-}
-
-.submit-button {
-  width: 100%;
-  background-color: var(--accent);
-  color: white;
-  padding: 0.5rem 1rem;
-  border-radius: 0.375rem;
-  border: none;
-  cursor: pointer;
-}
-
-.submit-button:hover {
-  background-color: #e55967;
-}
-
-.url-container {
-  margin-top: 1.5rem;
-}
-
-.url-group {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.copy-button {
-  padding: 0.5rem 1rem;
-  background-color: #111111;
-  color: #ffffff;
-  border-radius: 0.375rem;
-  border: none;
-  cursor: pointer;
-  margin-top: 0.25rem;
-}
-
-.copy-button:hover {
-  background-color: #222222;
-}
-
-/* For any monospace text, like the generated URL */
-.url-container .input {
-  font-family: var(--font-geist-mono);
-}
-
-.powered-by {
-  text-align: center;
-  align-items: center;
-  font-family: var(--font-geist-sans);
-  color: #ffffff;
-}
-
-.powered-by a {
-  color: var(--accent);
-  text-decoration: none;
-  font-weight: 500;
-}
-
-.powered-by a:hover {
-  text-decoration: underline;
-}
-
-.nextjs-toast,
-nextjs-portal,
-.nextjs-static-indicator-toast-wrapper {
-  display: none !important;
-}

packages/client/src/app/layout.tsx

@@ -1,4 +1,3 @@
-import Head from "next/head";
 import "./globals.css";
 
 export default function RootLayout({

packages/client/src/app/page.tsx

@@ -82,7 +82,14 @@ function ChatContent({ user }: { user: UserInfo }): JSX.Element {
   }, [isSDKLoaded]);
 
   return (
-    <div style={{ height: "100vh", width: "100%" }}>
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100vh",
+        width: "100%",
+      }}>
       <Chat user={user} />
     </div>
   );