feat: v0.10.0 — right Jobs & Market pane (contracts accept/dispatch, market buy/sell/refuel with live previews); catalog + economy constants exposed in /api/state; shared applySnapshot for instant action feedback

app/page.tsx

@@ -2,22 +2,22 @@
 
 import dynamic from 'next/dynamic';
 import LeftPane from '@/components/LeftPane';
+import RightPane from '@/components/RightPane';
 import { useGameState } from '@/lib/useGameState';
 
 const Map = dynamic(() => import('@/components/Map'), { ssr: false });
 
 export default function Home() {
   // Single polling source for the whole shell (v0.9.0): one /api/state loop, snapshot passed
-  // down as props so later panes can share it without extra poll loops.
-  const { state, loading, error, refresh } = useGameState(1000);
+  // down as props so later panes can share it without extra poll loops. applySnapshot (v0.10.0)
+  // lets a pane push an action endpoint's full response snapshot in immediately.
+  const { state, loading, error, refresh, applySnapshot } = useGameState(1000);
 
   return (
     <div className="app-shell">
       <LeftPane state={state} loading={loading} error={error} onRefresh={refresh} />
       <Map />
-      <aside data-testid="right-pane" className="pane right-pane">
-        <h2 className="pane-title">Jobs &amp; Market</h2>
-      </aside>
+      <RightPane state={state} loading={loading} applySnapshot={applySnapshot} />
     </div>
   );
 }