Merge branch 'main' into fix/153-table-display-remotemd

Signed-off-by: Jenks <me@jenksguo.com>

Author: web3jenks

CLAUDE.md

@@ -89,8 +89,7 @@ docs/                    # Main documentation content (MDX files)
 ├── stakers/            # Staker documentation
 │   ├── btc_stakers/    # BTC staking guides
 │   │   ├── native_staking/   # Direct staking
-│   │   ├── liquid_staking/   # LST protocols
-│   │   └── campaigns/        # Staking campaigns
+│   │   └── liquid_staking/   # LST protocols
 │   └── baby_stakers/   # BABY token staking
 ├── developers/         # Developer documentation
 │   ├── bitcoin_staking/      # Bitcoin staking integration
@@ -379,7 +378,7 @@ The site is organized into distinct sections for different audiences:
   - BTC staking program details, vigilante services
 
 - **Stakers** (`/stakers/`) - User guides for all staking options
-  - BTC Stakers: Native staking, liquid staking (LSTs), staking campaigns
+  - BTC Stakers: Native staking, liquid staking (LSTs)
   - BABY Stakers: BABY token staking guides
 
 - **Developers** (`/developers/`) - Technical integration guides

docs/developers/babylon_genesis_chain/chain_information.mdx

@@ -44,7 +44,6 @@ import TabItem from '@theme/TabItem';
 |----------|-------|
 | Chain ID | `edge-devnet-1` |
 | Chain Name | `Babylon Edge Devnet` |
-| EVM Chain ID | `6901` |
 | Binary Name | `babylond` |
 | Version | `v0.6.0` |
 | Genesis Date | `2024-10-15` |

docs/guides/overview/babylon_genesis/networks/mainnet.mdx

@@ -21,7 +21,7 @@ Built on the Cosmos SDK framework, Babylon Genesis introduces three key innovati
 - **Advanced PoS Security**: Protects against long-range attacks by anchoring states to Bitcoin's ledger.
 
 ### 3. Control Plane for the BSN Ecosystem
-- **Orchestrating Security & Liquidity**: Babylon Genesis will coordinate both economic security and liquidity for all connected Bitcoin Secured Networks, supporting robust EVM primitives and cross-network incentives via the BABY token.
+- **Orchestrating Security & Liquidity**: Babylon Genesis will coordinate both economic security and liquidity for all connected Bitcoin Secured Networks, enabling cross-network incentives via the BABY token.
 
 BABY is the native token of Babylon Genesis, used for staking, governance, and transaction fees—and also for distributing ecosystem rewards and incentives to attract growth and developers.
 
@@ -32,7 +32,6 @@ Babylon Genesis's mainnet ecosystem is rapidly expanding. Some notable activitie
 - **BTC Staking**: Over 57,000 BTC (≈$6.1 billion value at the time) have already been staked by early adopters, making Bitcoin a top-10 staking asset globally, with huge growth potential ahead.
 - **Bitcoin-Backed Security**: Finality Providers use staked BTC to secure Babylon Genesis and demonstrate advanced security that can be exported to other networks in future phases.
 - **Active Governance**: The BABY token enables decentralized protocol governance, giving the community a direct role in protocol evolution.
-- **EVM-Compatible dApps**: Babylon's EVM layer is currently under development and is planned for a future release. Once available, developers will be able to deploy DeFi primitives—such as liquid staking tokens (LSTs), decentralized exchanges, and lending protocols—anchored by Bitcoin-level security. Please refer to the [Babylon roadmap](https://docs.babylonchain.io/roadmap) for updates on EVM compatibility.
 - **Cross-chain Integrations**: Upcoming partnerships and technical integrations will onboard new L1s, rollups, and DeFi protocols as part of the expanding Bitcoin Secured Network.
 
 > Ancient Babylon was a vibrant center for trade, culture, and innovation, uniting economies through a central marketplace. Babylon Genesis aims to do the same for web3: unlocking Bitcoin's security, liquidity, and community for a decentralized future.

docs/stakers/btc_stakers/campaigns/_category_.json

@@ -56,6 +56,7 @@
   },
   "devDependencies": {
     "@docusaurus/tsconfig": "3.7.0",
+    "@playwright/test": "^1.58.2",
     "@styled-icons/bootstrap": "^10.47.0",
     "@styled-icons/boxicons-logos": "^10.47.0",
     "@swc/core": "^1.3.42",

docs/stakers/btc_stakers/campaigns/pioneer_nfts.mdx

@@ -38,7 +38,6 @@ interface ChatSession {
 }
 
 const STORAGE_KEY = 'babylon_ai_chat_sessions';
-const OLD_STORAGE_KEY = 'babylon_ai_chat_history'; // For migration
 const CONSENT_KEY = 'babylon_ai_chat_consent';
 
 const PRIVACY_CONSENT_TEXT =
@@ -77,38 +76,23 @@ export default function ChatWidget() {
     return false;
   });
 
-  // State for sessions
+  // State for sessions (with two-calendar-month expiry to match backend retention policy)
   const [sessions, setSessions] = useState<ChatSession[]>(() => {
     if (typeof window !== 'undefined') {
-      // Try new format first
       const savedSessions = localStorage.getItem(STORAGE_KEY);
       if (savedSessions) {
         try {
-          return JSON.parse(savedSessions);
+          const parsed: ChatSession[] = JSON.parse(savedSessions);
+          // Prune sessions older than two calendar months
+          const cutoff = new Date();
+          cutoff.setMonth(cutoff.getMonth() - 2);
+          const cutoffTs = cutoff.getTime();
+          const fresh = parsed.filter(s => s.timestamp >= cutoffTs);
+          if (fresh.length > 0) return fresh;
         } catch (e) {
           console.error('Failed to parse sessions', e);
         }
       }
-
-      // Migration: Check for old format
-      const oldHistory = localStorage.getItem(OLD_STORAGE_KEY);
-      if (oldHistory) {
-        try {
-          const messages = JSON.parse(oldHistory);
-          if (Array.isArray(messages) && messages.length > 0) {
-             const migratedSession: ChatSession = {
-               id: Date.now().toString(),
-               thread_uuid: generateUUID(), // Best effort migration
-               title: 'Previous Chat',
-               messages: messages,
-               timestamp: Date.now()
-             };
-             return [migratedSession];
-          }
-        } catch (e) {
-          console.error('Failed to migrate old history', e);
-        }
-      }
     }
     // Default initial session
     return [{
@@ -141,8 +125,10 @@ export default function ChatWidget() {
   const [editTitle, setEditTitle] = useState('');
   const [tokenLimits, setTokenLimits] = useState<TokenLimits | null>(null);
   const [inputError, setInputError] = useState<string | null>(null);
+  const pendingQueryRef = useRef<string | null>(null);
   const messagesEndRef = useRef<HTMLDivElement>(null);
   const abortControllerRef = useRef<AbortController | null>(null);
+  const handleSubmitRef = useRef<(e?: React.FormEvent, directQuestion?: string) => Promise<void>>();
 
   // Default fallback limits if API fails
   const DEFAULT_INPUT_LIMIT = 1000;
@@ -265,7 +251,7 @@ export default function ChatWidget() {
     if (value.trim()) {
       const estimatedTokens = estimateTokens(value);
       if (estimatedTokens > maxTokens) {
-        setInputError(`Message too long (~${estimatedTokens}/${maxTokens} tokens).Please shorten your question.`);
+        setInputError(`Message too long (~${estimatedTokens}/${maxTokens} tokens). Please shorten your question.`);
       } else if (estimatedTokens > maxTokens * 0.8) {
         setInputError(`Approaching limit (~${estimatedTokens}/${maxTokens} tokens)`);
       } else {
@@ -290,12 +276,10 @@ export default function ChatWidget() {
     scrollToBottom();
   }, [messages, isOpen, isExpanded, currentSessionId]);
 
-  // Persist sessions
+  // Persist sessions (expired sessions pruned on load)
   useEffect(() => {
     if (typeof window !== 'undefined') {
       localStorage.setItem(STORAGE_KEY, JSON.stringify(sessions));
-      // Clean up old key if exists
-      localStorage.removeItem(OLD_STORAGE_KEY);
     }
   }, [sessions]);
 
@@ -346,6 +330,42 @@ export default function ChatWidget() {
     };
   }, []);
 
+  // Keep handleSubmitRef in sync with latest handleSubmit
+  useEffect(() => {
+    handleSubmitRef.current = handleSubmit;
+  });
+
+  // Listen for AI query events (from PageActionsDropdown, TextSelectionToolbar, HeroSearch)
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const handleAIQuery = (e: Event) => {
+      const customEvent = e as CustomEvent;
+      const question = customEvent.detail?.question;
+      if (!question) return;
+
+      pendingQueryRef.current = question;
+      openedFromHeaderRef.current = true;
+      setIsOpen(true);
+      setIsExpanded(true);
+      setHasUserToggledExpand(true);
+    };
+
+    window.addEventListener('babylon-ai-query', handleAIQuery);
+    return () => window.removeEventListener('babylon-ai-query', handleAIQuery);
+  }, []);
+
+  // Auto-submit pending query once the widget is open, consented, and not loading.
+  // Uses a ref (not state) to avoid re-render cleanup killing the submission.
+  useEffect(() => {
+    if (!isOpen || !hasConsented || isLoading) return;
+    const query = pendingQueryRef.current;
+    if (!query) return;
+
+    pendingQueryRef.current = null;
+    handleSubmitRef.current?.(undefined, query);
+  }, [isOpen, hasConsented, isLoading]);
+
   const createNewSession = () => {
     if (sessions.length >= 15) {
       alert("Maximum chat limit (15) reached. Please delete an old chat to start a new one.");
@@ -402,14 +422,15 @@ export default function ChatWidget() {
     }));
   };
 
-  const handleSubmit = async (e?: React.FormEvent) => {
+  const handleSubmit = async (e?: React.FormEvent, directQuestion?: string) => {
     e?.preventDefault();
-    if (!input.trim() || isLoading || isInputTooLong) return;
+    const queryText = directQuestion || input;
+    if (!queryText.trim() || isLoading || (!directQuestion && isInputTooLong)) return;
 
     const userMessage: Message = {
       id: Date.now().toString(),
       role: 'user',
-      content: input.trim()
+      content: queryText.trim()
     };
 
     // Create placeholder for AI response immediately