Initial commit: Pezkuwi SDK UI

Comprehensive web interface for interacting with Pezkuwi blockchain.

Features:
- Blockchain explorer
- Wallet management
- Staking interface
- Governance participation
- Developer tools

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

packages/page-staking2/src/useSessionInfo.ts

@@ -0,0 +1,37 @@
+// Copyright 2017-2026 @pezkuwi/app-staking authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Option, u32 } from '@pezkuwi/types';
+import type { PezpalletStakingActiveEraInfo } from '@pezkuwi/types/lookup';
+import type { BN } from '@pezkuwi/util';
+import type { SessionInfo } from './types.js';
+
+import { useMemo } from 'react';
+
+import { createNamedHook, useApi, useCall } from '@pezkuwi/react-hooks';
+
+const OPT_ACTIVEERA = {
+  transform: (activeEra: Option<PezpalletStakingActiveEraInfo>): BN | null =>
+    activeEra.isSome
+      ? activeEra.unwrap().index
+      : null
+};
+
+const OPT_CURRENTERA = {
+  transform: (currentEra: Option<u32>): BN | null =>
+    currentEra.unwrapOr(null)
+};
+
+function useSessionInfoImpl (): SessionInfo {
+  const { api } = useApi();
+  const activeEra = useCall(api.query.staking.activeEra, undefined, OPT_ACTIVEERA);
+  const currentEra = useCall(api.query.staking.currentEra, undefined, OPT_CURRENTERA);
+  const currentSession = useCall<u32>(api.query.session.currentIndex);
+
+  return useMemo(
+    () => ({ activeEra, currentEra, currentSession }),
+    [activeEra, currentEra, currentSession]
+  );
+}
+
+export default createNamedHook('useSessionInfo', useSessionInfoImpl);