diff --git a/backend/src/__tests__/mocks/twitter-service.mock.ts b/backend/src/__tests__/mocks/twitter-service.mock.ts
index 5bf3544..e3ea987 100644
--- a/backend/src/__tests__/mocks/twitter-service.mock.ts
+++ b/backend/src/__tests__/mocks/twitter-service.mock.ts
@@ -1,4 +1,4 @@
-import { Tweet } from "agent-twitter-client";
+import { SearchMode, Tweet } from "agent-twitter-client";
 import { TwitterService } from "../../services/twitter/client";
 import { logger } from "../../utils/logger";
 
@@ -8,9 +8,9 @@ export class MockTwitterService extends TwitterService {
   private tweetIdCounter: bigint = BigInt(Date.now());
 
   constructor() {
-    // Pass empty config since we're mocking
+    // Pass config with the bot's username so mentions are found
     super({
-      username: "mock_user",
+      username: "curatedotfun",
       password: "mock_pass",
       email: "mock@example.com",
     });
@@ -21,6 +21,47 @@ export class MockTwitterService extends TwitterService {
       logout: async () => {},
       getCookies: async () => [],
       setCookies: async () => {},
+      fetchSearchTweets: async (query: string, count: number, mode: SearchMode) => {
+        // Filter tweets that match the query (mentions @curatedotfun)
+        const matchingTweets = this.mockTweets.filter(tweet => 
+          tweet.text?.includes("@curatedotfun")
+        );
+
+        // Sort by ID descending (newest first) to match Twitter search behavior
+        const sortedTweets = [...matchingTweets].sort((a, b) => {
+          const aId = BigInt(a.id);
+          const bId = BigInt(b.id);
+          return bId > aId ? 1 : bId < aId ? -1 : 0;
+        });
+
+        return {
+          tweets: sortedTweets.slice(0, count),
+        };
+      },
+      likeTweet: async (tweetId: string) => {
+        logger.info(`Mock: Liked tweet ${tweetId}`);
+        return true;
+      },
+      sendTweet: async (message: string, replyToId?: string) => {
+        const newTweet = this.addMockTweet({
+          text: message,
+          username: "curatedotfun",
+          inReplyToStatusId: replyToId,
+        });
+        return {
+          json: async () => ({
+            data: {
+              create_tweet: {
+                tweet_results: {
+                  result: {
+                    rest_id: newTweet.id,
+                  },
+                },
+              },
+            },
+          }),
+        } as Response;
+      },
     };
   }
 
@@ -31,7 +72,7 @@ export class MockTwitterService extends TwitterService {
 
   public addMockTweet(tweet: Partial<Tweet> & { inReplyToStatusId?: string }) {
     const fullTweet: Tweet = {
-      id: this.getNextTweetId(),
+      id: tweet.id || this.getNextTweetId(),
       text: tweet.text || "",
       username: tweet.username || "test_user",
       userId: tweet.userId || `mock-user-id-${tweet.username || "test_user"}`,
@@ -69,86 +110,12 @@ export class MockTwitterService extends TwitterService {
   async getUserIdByScreenName(screenName: string): Promise<string> {
     return this.mockUserIds.get(screenName) || `mock-user-id-${screenName}`;
   }
-
   async fetchAllNewMentions(): Promise<Tweet[]> {
-    // Get the last tweet ID we processed
-    const lastCheckedId = this.getLastCheckedTweetId();
-    
-    // If we have tweets and no last checked ID, set it to the newest tweet
-    if (this.mockTweets.length > 0 && !lastCheckedId) {
-      const newestTweet = this.mockTweets[this.mockTweets.length - 1];
-      await this.setLastCheckedTweetId(newestTweet.id);
-      return [newestTweet];
-    }
-
-    // Filter tweets newer than last checked ID
-    const newTweets = this.mockTweets.filter(tweet => {
-      if (!lastCheckedId) return true;
-      return BigInt(tweet.id) > BigInt(lastCheckedId);
-    });
-
-    // Update last checked ID if we found new tweets
-    if (newTweets.length > 0) {
-      const newestTweet = newTweets[newTweets.length - 1];
-      await this.setLastCheckedTweetId(newestTweet.id);
-    }
-
-    return newTweets;
+    // Let the parent TwitterService handle the processing logic
+    return super.fetchAllNewMentions();
   }
-
+  
   async getTweet(tweetId: string): Promise<Tweet | null> {
     return this.mockTweets.find((t) => t.id === tweetId) || null;
   }
-
-  async replyToTweet(tweetId: string, message: string): Promise<string | null> {
-    const replyTweet = await this.addMockTweet({
-      text: message,
-      username: "curatedotfun",
-      inReplyToStatusId: tweetId,
-    });
-    logger.info(`Mock: Replied to tweet ${tweetId} with "${message}"`);
-    return replyTweet.id;
-  }
-
-  async likeTweet(tweetId: string): Promise<void> {
-    logger.info(`Mock: Liked tweet ${tweetId}`);
-  }
-
-  // Helper methods for test scenarios
-  async simulateSubmission(contentUrl: string) {
-    // First create the content tweet
-    const contentTweet = await this.addMockTweet({
-      text: "Original content",
-      username: "content_creator",
-    });
-
-    // Then create the curator's submission as a reply
-    return this.addMockTweet({
-      text: `@curatedotfun !submit ${contentUrl}`,
-      username: "curator",
-      userId: "mock-user-id-curator",
-      timeParsed: new Date(),
-      inReplyToStatusId: contentTweet.id,
-    });
-  }
-
-  async simulateApprove(submissionTweetId: string, projectId: string) {
-    return this.addMockTweet({
-      text: `@curatedotfun !approve ${projectId}`,
-      username: "moderator",
-      userId: "mock-user-id-moderator",
-      timeParsed: new Date(),
-      inReplyToStatusId: submissionTweetId,
-    });
-  }
-
-  async simulateReject(submissionTweetId: string, projectId: string, reason: string) {
-    return this.addMockTweet({
-      text: `@curatedotfun !reject ${projectId} ${reason}`,
-      username: "moderator",
-      userId: "mock-user-id-moderator",
-      timeParsed: new Date(),
-      inReplyToStatusId: submissionTweetId,
-    });
-  }
 }
diff --git a/backend/src/routes/test.ts b/backend/src/routes/test.ts
index 518b384..981d9cd 100644
--- a/backend/src/routes/test.ts
+++ b/backend/src/routes/test.ts
@@ -1,24 +1,27 @@
+import { Tweet } from "agent-twitter-client";
 import { Elysia } from "elysia";
 import { MockTwitterService } from "../__tests__/mocks/twitter-service.mock";
-import { Tweet } from "agent-twitter-client";
 
 // Create a single mock instance to maintain state
 const mockTwitterService = new MockTwitterService();
 
 // Helper to create a tweet object
-const createTweet = (text: string, username: string): Tweet => ({
-  id: Date.now().toString(),
-  text,
-  username,
-  userId: `mock-user-id-${username}`,
-  timeParsed: new Date(),
-  hashtags: [],
-  mentions: [],
-  photos: [],
-  urls: [],
-  videos: [],
-  thread: [],
-});
+const createTweet = (id: string, text: string, username: string, inReplyToStatusId?: string, hashtags?: string[]): Tweet => {
+  return {
+    id,
+    text,
+    username,
+    userId: `mock-user-id-${username}`,
+    timeParsed: new Date(),
+    hashtags: hashtags ?? [],
+    mentions: [],
+    photos: [],
+    urls: [],
+    videos: [],
+    thread: [],
+    inReplyToStatusId,
+  };
+};
 
 export const testRoutes = new Elysia({ prefix: "/api/test" })
   .guard({
@@ -29,30 +32,15 @@ export const testRoutes = new Elysia({ prefix: "/api/test" })
       }
     },
   })
-  .get("/tweets", () => {
-    return mockTwitterService.fetchAllNewMentions();
-  })
   .post("/tweets", async ({ body }) => {
-    const { text, username } = body as { text: string; username: string };
-    const tweet = createTweet(text, username);
+    const { id, text, username, inReplyToStatusId, hashtags } = body as { id: string; text: string; username: string; inReplyToStatusId?: string; hashtags?: string[] };
+    const tweet = createTweet(id, text, username, inReplyToStatusId, hashtags);
     mockTwitterService.addMockTweet(tweet);
     return tweet;
   })
   .post("/reset", () => {
     mockTwitterService.clearMockTweets();
     return { success: true };
-  })
-  .post("/scenario/approve", async ({ body }) => {
-    const { projectId } = body as { projectId: string };
-    const tweet = createTweet(`@curatedotfun approve ${projectId}`, "curator");
-    mockTwitterService.addMockTweet(tweet);
-    return { success: true, tweet };
-  })
-  .post("/scenario/reject", async ({ body }) => {
-    const { projectId, reason } = body as { projectId: string; reason: string };
-    const tweet = createTweet(`@curatedotfun reject ${projectId} ${reason}`, "curator");
-    mockTwitterService.addMockTweet(tweet);
-    return { success: true, tweet };
   });
 
 // Export for use in tests and for replacing the real service
diff --git a/curate.config.test.json b/curate.config.test.json
index 81b7d58..22f409f 100644
--- a/curate.config.test.json
+++ b/curate.config.test.json
@@ -15,7 +15,7 @@
   },
   "feeds": [
     {
-      "id": "test-feed",
+      "id": "test",
       "name": "Test Feed",
       "description": "Main feed for testing basic functionality",
       "moderation": {
@@ -30,7 +30,9 @@
             {
               "plugin": "@curatedotfun/supabase",
               "config": {
-
+                "supabaseUrl": "{SUPABASE_URL}",
+                "supabaseKey": "{SUPABASE_SECRET_KEY}",
+                "tableName": "test"
               }
             }
           ]
@@ -38,7 +40,7 @@
       }
     },
     {
-      "id": "multi-approver",
+      "id": "multi",
       "name": "Multi-Approver Test",
       "description": "Testing multiple approver scenarios",
       "moderation": {
@@ -53,7 +55,7 @@
       }
     },
     {
-      "id": "edge-cases",
+      "id": "edge",
       "name": "Edge Cases",
       "description": "Testing edge cases and error scenarios",
       "moderation": {
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index e04842c..0d1716f 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -30,6 +30,14 @@ const Header = () => {
           >
             How It Works
           </button>
+          {process.env.NODE_ENV === "development" && (
+            <Link
+              to="/test"
+              className="text-gray-600 hover:text-black transition-colors"
+            >
+              Test Panel
+            </Link>
+          )}
         </div>
         <nav className="flex space-x-4 mx-4">
           <a
diff --git a/frontend/src/routes/test.tsx b/frontend/src/routes/test.tsx
index 03a7a8e..90671c5 100644
--- a/frontend/src/routes/test.tsx
+++ b/frontend/src/routes/test.tsx
@@ -1,103 +1,97 @@
 import { createFileRoute } from "@tanstack/react-router";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import Layout from "../components/Layout";
 
-interface Tweet {
-  id: string;
-  text: string;
-  username: string;
-  userId: string;
-  timeParsed: Date;
-  inReplyToStatusId?: string;
-}
-
 export const Route = createFileRoute("/test")({
   component: TestPage,
 });
 
 function TestPage() {
-  const [tweets, setTweets] = useState<Tweet[]>([]);
-  const [contentUrl, setContentUrl] = useState("https://example.com/content");
-  const [selectedFeed, setSelectedFeed] = useState("test-feed");
+  const [selectedFeed, setSelectedFeed] = useState("test");
   const [submissionTweetId, setSubmissionTweetId] = useState<string | null>(null);
+  const [tweetText, setTweetText] = useState("");
+  const [username, setUsername] = useState("curator");
 
-  const fetchTweets = async () => {
-    const response = await fetch("/api/test/tweets");
-    const data = await response.json();
-    setTweets(data);
-  };
-
-  useEffect(() => {
-    if (process.env.NODE_ENV === "development") {
-      fetchTweets();
-    }
-  }, []);
-
-  const handleSubmit = async () => {
-    await fetch("/api/test/tweets", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        text: "Original content",
-        username: "content_creator",
-      }),
-    });
-
-    const submissionResponse = await fetch("/api/test/tweets", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        text: `@curatedotfun !submit ${contentUrl} #${selectedFeed}`,
-        username: "curator",
-        inReplyToStatusId: tweets[tweets.length - 1]?.id,
-      }),
-    });
-
-    const submissionTweet = await submissionResponse.json();
-    setSubmissionTweetId(submissionTweet.id);
-    fetchTweets();
+  const prepareSubmit = () => {
+    setTweetText(`@curatedotfun !submit #${selectedFeed}`);
+    setUsername("curator");
   };
 
-  const handleApprove = async () => {
+  const prepareApprove = () => {
     if (!submissionTweetId) {
       alert("Please submit content first");
       return;
     }
-
-    await fetch("/api/test/tweets", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        text: `@curatedotfun !approve ${selectedFeed}`,
-        username: "moderator",
-        inReplyToStatusId: submissionTweetId,
-      }),
-    });
-    fetchTweets();
+    setTweetText(`!approve @curatedotfun #${selectedFeed}`);
+    setUsername("moderator");
   };
 
-  const handleReject = async () => {
+  const prepareReject = () => {
     if (!submissionTweetId) {
       alert("Please submit content first");
       return;
     }
+    setTweetText(`!reject @curatedotfun #${selectedFeed} spam`);
+    setUsername("moderator");
+  };
 
-    await fetch("/api/test/tweets", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        text: `@curatedotfun !reject ${selectedFeed} spam`,
-        username: "moderator",
-        inReplyToStatusId: submissionTweetId,
-      }),
-    });
-    fetchTweets();
+  const generateTweetId = () => {
+    return `${Date.now()}${Math.floor(Math.random() * 1000)}`;
   };
 
-  const handleReset = async () => {
-    await fetch("/api/test/reset", { method: "POST" });
-    setSubmissionTweetId(null);
-    fetchTweets();
+  const handleSubmitTweet = async () => {
+    const newTweetId = generateTweetId();
+
+    if (tweetText.includes("!submit")) {
+      // Create original content tweet first
+      const contentTweetId = generateTweetId();
+      await fetch("/api/test/tweets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          id: contentTweetId,
+          text: "Original content",
+          username: "content_creator",
+          userId: "content_creator_id",
+          timeParsed: new Date(),
+        }),
+      });
+
+      // Then create submission tweet
+      const submissionResponse = await fetch("/api/test/tweets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          id: newTweetId,
+          text: tweetText,
+          username,
+          userId: `${username}_id`,
+          timeParsed: new Date(),
+          inReplyToStatusId: contentTweetId,
+          hashtags: [selectedFeed],
+        }),
+      });
+
+      const submissionTweet = await submissionResponse.json();
+      setSubmissionTweetId(submissionTweet.id);
+    } else {
+      // For moderation tweets
+      await fetch("/api/test/tweets", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          id: newTweetId,
+          text: tweetText,
+          username,
+          userId: `${username}_id`,
+          timeParsed: new Date(),
+          inReplyToStatusId: submissionTweetId,
+          hashtags: [selectedFeed],
+        }),
+      });
+    }
+
+    setTweetText("");
   };
 
   if (process.env.NODE_ENV === "production") {
@@ -107,85 +101,82 @@ function TestPage() {
   return (
     <Layout>
       <div className="container mx-auto px-4 py-8">
-        <h1 className="text-2xl font-bold mb-6">Test Control Panel</h1>
+        <h1 className="heading-1 mb-6">Test Control Panel</h1>
 
         {/* Feed Selection */}
-        <div className="bg-white p-6 rounded-lg shadow-sm mb-6">
-          <h2 className="text-xl font-semibold mb-4">Test Feed Selection</h2>
+        <div className="card mb-6">
+          <h2 className="heading-2 mb-4">Test Feed Selection</h2>
           <select
             value={selectedFeed}
             onChange={(e) => setSelectedFeed(e.target.value)}
-            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
+            className="w-full px-3 py-2 border-2 border-black focus:outline-none transition-colors"
           >
-            <option value="test-feed">Test Feed (Basic)</option>
-            <option value="multi-approver">Multi-Approver Test</option>
-            <option value="edge-cases">Edge Cases</option>
+            <option value="test">Test Feed (Basic)</option>
+            <option value="multi">Multi-Approver Test</option>
+            <option value="edge">Edge Cases</option>
           </select>
         </div>
 
-        {/* Content URL */}
-        <div className="bg-white p-6 rounded-lg shadow-sm mb-6">
-          <h2 className="text-xl font-semibold mb-4">Content URL</h2>
-          <input
-            type="text"
-            value={contentUrl}
-            onChange={(e) => setContentUrl(e.target.value)}
-            className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"
-            placeholder="https://example.com/content"
-          />
-        </div>
-
         {/* Quick Actions */}
-        <div className="bg-white p-6 rounded-lg shadow-sm mb-6">
-          <h2 className="text-xl font-semibold mb-4">Quick Actions</h2>
-          <div className="space-x-4">
+        <div className="card mb-6">
+          <h2 className="heading-2 mb-4">Quick Actions</h2>
+          <div className="flex flex-wrap gap-4">
             <button
-              onClick={handleSubmit}
-              className="inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700"
+              onClick={prepareSubmit}
+              className="px-3 py-1.5 bg-blue-200 hover:bg-blue-300 text-black rounded-md border-2 border-black shadow-sharp hover:shadow-sharp-hover transition-all duration-200 translate-x-0 translate-y-0 hover:-translate-x-0.5 hover:-translate-y-0.5 text-sm font-medium"
             >
-              Submit Content
+              Submit
             </button>
             <button
-              onClick={handleApprove}
-              className="inline-flex justify-center rounded-md border border-transparent bg-green-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-green-700"
+              onClick={prepareApprove}
+              className="px-3 py-1.5 bg-green-200 hover:bg-green-300 text-black rounded-md border-2 border-black shadow-sharp hover:shadow-sharp-hover transition-all duration-200 translate-x-0 translate-y-0 hover:-translate-x-0.5 hover:-translate-y-0.5 text-sm font-medium"
               disabled={!submissionTweetId}
             >
-              Approve Submission
+              Approve
             </button>
             <button
-              onClick={handleReject}
-              className="inline-flex justify-center rounded-md border border-transparent bg-red-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-red-700"
+              onClick={prepareReject}
+              className="px-3 py-1.5 bg-red-200 hover:bg-red-300 text-black rounded-md border-2 border-black shadow-sharp hover:shadow-sharp-hover transition-all duration-200 translate-x-0 translate-y-0 hover:-translate-x-0.5 hover:-translate-y-0.5 text-sm font-medium"
               disabled={!submissionTweetId}
             >
-              Reject Submission
-            </button>
-            <button
-              onClick={handleReset}
-              className="inline-flex justify-center rounded-md border border-transparent bg-gray-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-gray-700"
-            >
-              Reset State
+              Reject
             </button>
           </div>
         </div>
 
-        {/* Current Tweets */}
-        <div className="bg-white p-6 rounded-lg shadow-sm">
-          <h2 className="text-xl font-semibold mb-4">Current Tweets</h2>
+        {/* Tweet Preview */}
+        <div className="card mb-6">
+          <h2 className="heading-2 mb-4">Tweet Preview</h2>
           <div className="space-y-4">
-            {tweets.map((tweet) => (
-              <div key={tweet.id} className="border rounded p-4">
-                <div className="font-medium">@{tweet.username}</div>
-                <div className="text-gray-600">{tweet.text}</div>
-                <div className="text-sm text-gray-500 mt-1">
-                  {new Date(tweet.timeParsed).toLocaleString()}
-                  {tweet.inReplyToStatusId && (
-                    <span className="ml-2">
-                      (Reply to: {tweet.inReplyToStatusId})
-                    </span>
-                  )}
-                </div>
-              </div>
-            ))}
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1">
+                Username
+              </label>
+              <input
+                type="text"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                className="w-full px-3 py-2 border-2 border-black focus:outline-none transition-colors"
+              />
+            </div>
+            <div>
+              <label className="block text-sm font-medium text-gray-700 mb-1">
+                Tweet Text
+              </label>
+              <textarea
+                value={tweetText}
+                onChange={(e) => setTweetText(e.target.value)}
+                className="w-full px-3 py-2 border-2 border-black focus:outline-none transition-colors"
+                rows={3}
+              />
+            </div>
+            <button
+              onClick={handleSubmitTweet}
+              disabled={!tweetText}
+              className="px-3 py-1.5 bg-blue-200 hover:bg-blue-300 text-black rounded-md border-2 border-black shadow-sharp hover:shadow-sharp-hover transition-all duration-200 translate-x-0 translate-y-0 hover:-translate-x-0.5 hover:-translate-y-0.5 text-sm font-medium"
+            >
+              Submit Tweet
+            </button>
           </div>
         </div>
       </div>