Merge pull request #704 from aibtcdev/staging

Staging

Author: biwasxyz

.cursor/rules/style.mdc

@@ -41,8 +41,8 @@ These rules govern TailwindCSS styling across all TypeScript files in a Next.js
     <button
       className={
         variant === 'primary'
-          ? 'flex px-4 py-2 text-base font-inter font-bold bg-primary text-foreground rounded-lg hover:scale-105 hover:shadow-lg focus:ring-2 ring-primary motion-reduce:transition-none sm:px-6 sm:text-lg'
-          : 'flex px-4 py-2 text-base font-inter font-medium bg-transparent border border-secondary text-secondary rounded-lg hover:scale-105 focus:ring-2 ring-secondary motion-reduce:transition-none sm:px-6 sm:text-lg'
+          ? 'flex px-4 py-2 text-base font-inter font-bold bg-primary text-foreground rounded-sm hover:scale-105 hover:shadow-lg focus:ring-2 ring-primary motion-reduce:transition-none sm:px-6 sm:text-lg'
+          : 'flex px-4 py-2 text-base font-inter font-medium bg-transparent border border-secondary text-secondary rounded-sm hover:scale-105 focus:ring-2 ring-secondary motion-reduce:transition-none sm:px-6 sm:text-lg'
       }
       aria-label={variant === 'primary' ? 'Primary action' : 'Secondary action'}
     >
@@ -55,7 +55,7 @@ These rules govern TailwindCSS styling across all TypeScript files in a Next.js
   ```typescript
   // lib/utils/tailwind.ts
   export const cardStyles = {
-    default: 'grid p-4 text-base font-inter bg-background text-foreground rounded-xl shadow-sm hover:shadow-lg hover:translate-z-5 transition duration-300 ease-in-out motion-reduce:transition-none sm:p-6 sm:text-lg',
+    default: 'grid p-4 text-base font-inter bg-background text-foreground rounded-sm shadow-sm hover:shadow-lg hover:translate-z-5 transition duration-300 ease-in-out motion-reduce:transition-none sm:p-6 sm:text-lg',
   };
   ```
 
@@ -99,7 +99,7 @@ These rules govern TailwindCSS styling across all TypeScript files in a Next.js
   import { FC } from 'react';
   const Card: FC = () => (
     <div
-      className="p-4 bg-blue-500 text-lg flex rounded-lg transition"
+      className="p-4 bg-blue-500 text-lg flex rounded-sm transition"
       style={{ background: 'blue' }} // Uses custom CSS
     >
       Card Content

.cursor/rules/styles.mdc

@@ -36,12 +36,12 @@ The `styles` folder manages TypeScript-related configurations for TailwindCSS, i
   ```typescript
   // styles/tailwind.ts
   export const buttonStyles = {
-    primary: 'flex px-4 py-2 text-base font-inter font-bold bg-primary text-foreground rounded-lg hover:scale-105 hover:shadow-lg focus:ring-2 ring-primary motion-reduce:transition-none sm:px-6 sm:text-lg',
-    secondary: 'flex px-4 py-2 text-base font-inter font-medium bg-transparent border border-secondary text-secondary rounded-lg hover:scale-105 focus:ring-2 ring-secondary motion-reduce:transition-none sm:px-6 sm:text-lg',
+    primary: 'flex px-4 py-2 text-base font-inter font-bold bg-primary text-foreground rounded-sm hover:scale-105 hover:shadow-lg focus:ring-2 ring-primary motion-reduce:transition-none sm:px-6 sm:text-lg',
+    secondary: 'flex px-4 py-2 text-base font-inter font-medium bg-transparent border border-secondary text-secondary rounded-sm hover:scale-105 focus:ring-2 ring-secondary motion-reduce:transition-none sm:px-6 sm:text-lg',
   };
 
   export const cardStyles = {
-    default: 'grid p-4 text-base font-inter bg-background text-foreground rounded-xl shadow-sm hover:shadow-lg hover:translate-z-5 transition duration-300 ease-in-out motion-reduce:transition-none sm:p-6 sm:text-lg',
+    default: 'grid p-4 text-base font-inter bg-background text-foreground rounded-sm shadow-sm hover:shadow-lg hover:translate-z-5 transition duration-300 ease-in-out motion-reduce:transition-none sm:p-6 sm:text-lg',
   };
   ```
 
@@ -90,5 +90,5 @@ The `styles` folder manages TypeScript-related configurations for TailwindCSS, i
 
   ```typescript
   // styles/tailwind.ts
-  export const cardStyle = 'p-4 bg-primary text-lg flex rounded-lg transition'; // Incorrect class order, missing responsive variants, no accessibility focus
+  export const cardStyle = 'p-4 bg-primary text-lg flex rounded-sm transition'; // Incorrect class order, missing responsive variants, no accessibility focus
   ```

package-lock.json

@@ -60,7 +60,7 @@
     "cmdk": "^1.1.1",
     "cronstrue": "^2.61.0",
     "date-fns": "^4.1.0",
-    "framer-motion": "^11.18.2",
+    "framer-motion": "^12.23.24",
     "lucide-react": "^0.508.0",
     "next": "^15.3.3",
     "next-themes": "^0.4.6",

package.json

@@ -17,10 +17,10 @@ function AccountPageContent() {
   const { toast } = useToast();
   const searchParams = useSearchParams();
   const [isClient, setIsClient] = useState(false);
-  const [activeTab, setActiveTab] = useState("profile");
+  const [activeTab, setActiveTab] = useState("wallets");
 
-  // Get the tab parameter from URL, default to "profile"
-  const initialTab = searchParams.get("tab") || "profile";
+  // Get the tab parameter from URL, default to "wallets"
+  const initialTab = searchParams.get("tab") || "wallets";
 
   const { data: agents = [] } = useQuery({
     queryKey: ["agents", userId],
@@ -94,9 +94,9 @@ function AccountPageContent() {
         };
       default:
         return {
-          title: "Wallets",
-          description:
-            "View your connected wallet, agent account, and agent wallet information.",
+          // title: "Settings",
+          // description:
+          //   "View your connected wallet, agent account, and agent wallet information.",
         };
     }
   };

src/app/account/page.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { MissionContent } from "@/components/aidaos/MissionContent";
+import { fetchDAOByName } from "@/services/dao.service";
+import { Loader } from "@/components/reusables/Loader";
+
+export const runtime = "edge";
+
+export default function AIBTCCharterPage() {
+  const { data: dao, isLoading } = useQuery({
+    queryKey: ["dao", "AIBTC-BREW"],
+    queryFn: () => fetchDAOByName("AIBTC-BREW"),
+  });
+
+  if (isLoading) {
+    return (
+      <div className="flex justify-center items-center min-h-[400px] w-full">
+        <div className="text-center space-y-4">
+          <Loader />
+          <p className="text-zinc-400">Loading charter...</p>
+        </div>
+      </div>
+    );
+  }
+
+  if (!dao) {
+    return (
+      <div className="flex justify-center items-center min-h-[400px] w-full">
+        <div className="text-center space-y-4">
+          <h2 className="text-2xl font-semibold text-white">
+            Charter Not Found
+          </h2>
+          <p className="text-zinc-400">
+            Could not find the AIBTC Brew charter information.
+          </p>
+        </div>
+      </div>
+    );
+  }
+
+  return <MissionContent description={dao.description} />;
+}