Build a real trading workspace page instead of an anchor jump

[Muyideen-js]

Problem

Every "open the workspace" affordance in the app is an anchor link that scrolls a few hundred
pixels down the same landing page. There is no workspace.

• frontend/index.html:123 -- <a href="#trade" class="button button-quiet">Open trading workspace</a>
• frontend/index.html:151 -- the CTA "Try the trading demo" also points at #trade
• frontend/markets.html and frontend/leaderboard.html -- the nav CTA is index.html#trade
• frontend/pages.js -- every market card's "Open market" link is index.html#trade, and it does
  not carry which market was clicked, so the destination is identical for all six cards

The result: a user who clicks "Open market" on the XLM market and one who clicks it on the
ledger-count market land in exactly the same place, looking at whatever market
state.selectedMarket happened to be. The "workspace" itself is a single panel
(#trade, frontend/index.html:94) with a title, a probability bar, and an amount box.

What to build

A dedicated frontend/workspace.html, addressable per market (workspace.html?market=3), that a
user can bookmark, share, and reload without losing context. It should carry the full activity for
that market, not a preview:

• Market header -- question, resolution criteria, close time, resolution status, and the
  on-chain market id, read from the contract (see the market-data issue).
• Order panel -- YES/NO selection, amount entry, live fee and estimated payout, and the
  contract minimum surfaced before submission rather than as error 10 afterwards.
• Pool state -- YES and NO pool totals with the implied probability derived from them, not a
  hardcoded percentage.
• Your position on this market -- current stake per side from get_bet / get_position, with
  the claim action once the market resolves.
• Activity feed -- recent bets on this market via get_market_bettors_page, which the contract
  already paginates.
• Transaction history -- this user's submitted transactions with explorer links, surviving a reload.

Acceptance criteria

• workspace.html?market=<id> loads that market's state directly, with no dependence on prior
  clicks on the landing page
• Deep links are shareable and survive a hard reload
• Market cards in markets.html and index.html link to the workspace for their market
• An unknown or malformed market query parameter renders a clear not-found state
• The landing page #trade panel either redirects to the workspace or is removed, so there is
  exactly one trading surface

Why this is critical

This is the core product surface. The app's primary call to action currently does nothing but
scroll, which is the largest gap between what the site advertises and what it does.

[Iker2522]

I'd like to take this issue on!

I can replace the landing page anchor jump with a dedicated, deep-linkable trading workspace page for SPulse-Org / SPulse.

I will create frontend/workspace.html addressable per market via URL parameters (workspace.html?market=). The workspace will fetch and display live on-chain contract data using get_market, get_config, and get_bet/get_position, including question headers, real YES/NO pool ratios, minimum stake limits, user positions, claim triggers, and paginated market activity feeds (get_market_bettors_page). I will also update all market cards and navigation buttons across index.html, markets.html, leaderboard.html, and pages.js to link directly to the new workspace route, while gracefully handling malformed or missing market parameters.

I will verify the page by testing direct deep links, page reloads, invalid market ID fallbacks, and end-to-end bet placement within the workspace. PR ready in 1 day. Closes #201.

[abojeEdwin]

Hi maintainer, i have a full understandiing of the fix needed for this issue and i can raise a PR fast. Kindly assign to me. Thank you

[ranjeet150]

Hello! I'd like to work on this issue.

I can tackle Build a real trading workspace page instead of an anchor jump. Proposed implementation roadmap:

• Analysis: Inspect current behavior and edge cases in SPulse-Org/SPulse
• Implementation: Build Build a real trading workspace page instead of an anchor jump with clean React/Next.js components, responsive styling, and proper loading/error boundaries.
• Testing: Add component unit tests and ensure zero TypeScript/ESLint warnings.
• PR: Atomic commit with clean git hygiene and passing CI

Ready to deliver a clean, tested PR within 12–24 hours. Please assign!