@gearbox-protocol/ui-kit 3.6.0-next.1 → 3.6.0-next.3

package/dist/esm/locale/en.json.js

@@ -59,7 +59,11 @@ const e = {
   "components.poolAssetsTable.asset": "Asset",
   "components.poolAssetsTable.rate": "Effective rate",
   "components.poolAssetsTable.limits": "Limits Usage",
-  "components.poolAssetsTable.usage": "{amount} of {total}"
+  "components.poolAssetsTable.usage": "{amount} of {total}",
+  "components.poolAssetsTable.head.name": "Credit Manager",
+  "components.poolAssetsTable.head.currentDebt": "Current Debt",
+  "components.poolAssetsTable.head.assets": "Asset LT",
+  "components.poolCreditManagersTable.assets": "{amount} assets"
 };
 export {
   e as default

package/dist/types/components/composites/pool-table/pool-table-backend-contract.types.d.ts

@@ -3,9 +3,9 @@
  * ==================================
  *
  * Self-contained type definitions for the pool-list endpoint response.
- * The client maps pool / APY / points fields into the `PoolTable` component from
- * `@gearbox-protocol/ui-kit` and resolves token metadata (icons, decimals, titles)
- * locally (e.g. SDK + `tokensList` on each row).
+ * Consumers (`@gearbox-protocol/ui-kit`, `charts`, `client-v3`) map these fields
+ * into the `PoolTable` component and resolve token metadata (icons, decimals, titles)
+ * locally (e.g. SDK + `tokensList` on each row in the app layer).
  *
  * Copy this file into your backend repo — it has **zero npm dependencies**.
  *
@@ -19,6 +19,72 @@
  *   The client converts them back via `BigInt(value)`.
  * - `Address` → `0x`-prefixed hex string, lower-case preferred.
  *
+ * ## Unit conventions (critical — do not mix)
+ *
+ * - **`depositAPY`**, **`PoolApyDTO.totalAPY`**, **`PoolBaseApyDTO.apy`**, **`PoolExtraRewardApyDTO.apy`**:
+ *   **percent** (e.g. `5.2` means 5.2%).
+ * - **`borrowAPY`**: **basis points** (`10_000` = 100%). The Borrow APY column uses the same
+ *   formatter as elsewhere in the app.
+ * - **`utilization`**: **percent** in the `0–100` range (not 0–1).
+ * - **`expectedLiquidity`**, **`totalBorrowed`**, **`userBalance`**: raw amounts in **underlying /
+ *   pool token units** (see field docs). Serialize as decimal strings in JSON.
+ * - **`*InUSD` fields**: plain `number` (USD).
+ *
+ * ## Mapping guide — gearbox-backend PR #84 → this contract
+ *
+ * The PR introduces `PoolOpportunity`, `MarketInfo`, `MarketMetrics`, `YieldBreakdown`, and
+ * discriminated `Incentive` (tokens | points). **The HTTP response shape stays
+ * {@link PoolTableListResponse}** so existing frontends do not need rewrites. On the server,
+ * **project** PR #84 types into the DTOs below.
+ *
+ * ### `PoolTableRowDTO` from `PoolOpportunity` + optional wallet snapshot
+ *
+ * - **`pool`**: Build {@link PoolDTO} from `MarketInfo` + latest `MarketMetrics` (and
+ *   `PoolOpportunity.collaterals` for addresses). See {@link PoolDTO} block comments.
+ * - **`apy`**: Build {@link PoolApyDTO} from `PoolOpportunity.yield` (`YieldBreakdown`) and
+ *   token incentives inside `yield.incentives`. See {@link PoolApyDTO}.
+ * - **`points`**: Map each **active** points incentive to {@link PoolApyPointDTO}.
+ *   Source: `yield.incentives` where `incentive.type === "points"` (or your PR #84 equivalent).
+ *   Use `[]` or omit when none.
+ * - **`chainId`**: Same as `MarketInfo.chainId` / row pool identity (required for table context).
+ * - **`href`**: Optional deep link; app may still build locally.
+ *
+ * ### `PoolDTO` from `MarketInfo` + `MarketMetrics` + `PoolOpportunity`
+ *
+ * | Contract field | Suggested PR #84 source |
+ * | --- | --- |
+ * | `address` | `MarketInfo.address` (pool contract) |
+ * | `underlyingToken` | `MarketInfo.underlyingAsset` |
+ * | `name` | `MarketInfo.name` |
+ * | `version` | `MarketInfo.version` (semver-like int as in PR) |
+ * | `network` | Derive human label from `chainId` (e.g. "Arbitrum") — **not** necessarily in PR types |
+ * | `chainId` | `MarketInfo.chainId` |
+ * | `marketConfigurator` | `MarketInfo.marketConfiguratorAddress` |
+ * | `expectedLiquidity` | `MarketMetrics.expected` (underlying units → bigint / JSON string) |
+ * | `expectedLiquidityInUSD` | `MarketMetrics.expectedUSD` |
+ * | `totalBorrowed` | `MarketMetrics.borrowed` |
+ * | `totalBorrowedInUSD` | `MarketMetrics.borrowedUSD` |
+ * | `utilization` | e.g. `(borrowed / expected) * 100` when `expected > 0`, else `0` — **percent 0–100** |
+ * | `depositAPY` | **Percent**: if PR stores annualized rate as fraction (e.g. `0.052`), multiply by `100`. If already percent, pass through. Align with `YieldBreakdown.base` / supply side. |
+ * | `borrowAPY` | **Basis points**: if PR `MarketMetrics.baseInterestRate` is a fraction, use `* 10_000`. If already bps, pass through. |
+ * | `collateralTokens` | `PoolOpportunity.collaterals.map(c => c.token.address)` (or active subset you expose) |
+ * | `userBalanceInUSD` | From `UserPoolPosition` / wallet-aware layer when `wallet` query present |
+ * | `userBalance` | Same — position size in pool/deposit token units |
+ * | `poolTokenSymbol` | Diesel / pool share symbol if distinct from underlying (app-specific) |
+ * | `hasPoints` | `true` if any points incentive is active, e.g. `yield.incentives.some(i => i.type === "points" && i.isActive)` |
+ *
+ * ### `PoolApyDTO` from `YieldBreakdown` + incentives
+ *
+ * - **`totalAPY`**: `YieldBreakdown.totalApy` (must be **percent**, consistent with UI).
+ * - **`baseAPY`**: At minimum `[{ type: "supplyAPY", apy: YieldBreakdown.base }]`. Add `{ type: "tokenYield", apy }` entries if your model splits organic yield further.
+ * - **`extraAPY`**: For each **token** incentive in `YieldBreakdown.incentives` with `type === "tokens"`, map to {@link PoolExtraRewardApyDTO} (see that interface).
+ * - **`externalAPY`**: Optional — only if you expose an external protocol boost; shape is {@link PoolExternalApyDTO}.
+ * - **`apy7DAgo`**: Optional — requires a **stored snapshot** (e.g. `MarketDetailResponse.metrics7DAgo` in PR #84). Build {@link PoolApy7DaysAgoDTO} the same way as current `apy` for that snapshot. Omit if unavailable.
+ *
+ * ### `PoolApyPointDTO` from points `Incentive`
+ *
+ * Map each points program to one row. Align with UI `PoolAPYPointsTip`: `amount`, `name`, `tokenTitle`, `fullTip`, `reward.*`.
+ *
  * @packageDocumentation
  */
 type Address = `0x${string}`;
@@ -29,11 +95,24 @@ type Address = `0x${string}`;
  *   "rows": [ … ]
  * }
  * ```
+ *
+ * **PR #84:** Keep this envelope. Populate `rows` by mapping each internal `PoolOpportunity`
+ * (plus metrics and optional user position) into {@link PoolTableRowDTO} — do not replace
+ * with a raw `PoolOpportunity[]` at the root if you want zero frontend changes.
  */
 export interface PoolTableListResponse {
     /** One entry per pool visible in the table. */
     rows: PoolTableRowDTO[];
 }
+/**
+ * One table row. Apps pass this (with `tokensList` filled client-side) into `PoolTable`.
+ *
+ * **PR #84 assembly:**
+ * - **`pool`**: {@link PoolDTO} from `MarketInfo` + `MarketMetrics` + collateral list on `PoolOpportunity`.
+ * - **`apy`**: {@link PoolApyDTO} from `PoolOpportunity.yield` (`YieldBreakdown`); split token vs points as documented on {@link PoolApyDTO} and {@link PoolApyPointDTO}.
+ * - **`points`**: derived from **points** incentives only (not duplicated inside `apy.extraAPY`).
+ * - **`chainId`**: must match the pool’s chain.
+ */
 export interface PoolTableRowDTO {
     pool: PoolDTO;
     /** Supply / deposit APY breakdown (column + tooltip). */
@@ -44,55 +123,102 @@ export interface PoolTableRowDTO {
     /** Deep-link to pool detail page (client can also build this locally). */
     href?: string;
 }
+/**
+ * Flat pool fields for columns (supply, borrowed, utilization, borrow APY, collateral icons, etc.).
+ *
+ * **PR #84:** Compose from `MarketInfo` + `MarketMetrics` + `PoolOpportunity.collaterals`.
+ * See the file-level mapping table for field-by-field sources.
+ */
 export interface PoolDTO {
+    /** **PR #84:** `MarketInfo.address`. */
     address: Address;
+    /** **PR #84:** `MarketInfo.underlyingAsset`. */
     underlyingToken: Address;
-    /** Display name, e.g. "USDC v3". */
+    /** Display name, e.g. "USDC v3". **PR #84:** `MarketInfo.name`. */
     name?: string;
-    /** Semver-like integer: 300 = v3, 310 = v3.1, etc. */
+    /** Semver-like integer: 300 = v3, 310 = v3.1, etc. **PR #84:** `MarketInfo.version`. */
     version?: number;
-    /** Human-readable network label, e.g. "Mainnet", "Arbitrum". */
+    /** Human-readable network label, e.g. "Mainnet", "Arbitrum". Derive from `chainId` if not in PR types. */
     network?: string;
+    /** **PR #84:** `MarketInfo.chainId`. */
     chainId?: number;
-    /** Market configurator address (rendered as curator badge). */
+    /** Market configurator address (curator badge). **PR #84:** `MarketInfo.marketConfiguratorAddress`. */
     marketConfigurator?: Address;
-    /** Total supplied liquidity in underlying token (bigint → string in JSON). */
+    /**
+     * Total supplied liquidity in underlying token (bigint → string in JSON).
+     * **PR #84:** `MarketMetrics.expected` in underlying units.
+     */
     expectedLiquidity?: bigint;
-    /** Same value converted to USD. */
+    /** Same value converted to USD. **PR #84:** `MarketMetrics.expectedUSD`. */
     expectedLiquidityInUSD?: number;
-    /** Total borrowed in underlying token (bigint → string in JSON). */
+    /**
+     * Total borrowed in underlying token (bigint → string in JSON).
+     * **PR #84:** `MarketMetrics.borrowed`.
+     */
     totalBorrowed?: bigint;
-    /** Same value converted to USD. */
+    /** Same value converted to USD. **PR #84:** `MarketMetrics.borrowedUSD`. */
     totalBorrowedInUSD?: number;
-    /** Utilization ratio, 0–100 (percent). */
+    /**
+     * Utilization ratio, 0–100 (percent).
+     * **PR #84:** e.g. `(borrowed / expected) * 100` with safe zero handling.
+     */
     utilization?: number;
-    /** Base deposit APY, already in **percent** (e.g. `5.2` = 5.2%). */
+    /**
+     * Base deposit APY, already in **percent** (e.g. `5.2` = 5.2%).
+     * **PR #84:** Align with supply-side APY; convert from fractional rate if needed (`* 100`).
+     */
     depositAPY?: number;
     /**
      * Borrow rate for the "Borrow APY" column.
      * Unit: **basis points** (10 000 = 100%).
+     * **PR #84:** Map from `MarketMetrics.baseInterestRate`; convert fraction → bps (`* 10_000`) if applicable.
      */
     borrowAPY?: number;
     /**
      * Active collateral token addresses for the "Collateral" column.
      * Token symbols/decimals for display are resolved on the client (no server-side
      * token dictionary in this response).
+     * **PR #84:** `PoolOpportunity.collaterals.map(c => c.token.address)` (or your filtered list).
      */
     collateralTokens?: Address[];
-    /** User's pool position value in USD ("Your Balance" column). */
+    /**
+     * User's pool position value in USD ("Your Balance" column).
+     * **PR #84:** When wallet is requested, from `UserPoolPosition` / similar (e.g. `depositSizeUsd`).
+     */
     userBalanceInUSD?: number;
-    /** User's position amount in pool/deposit token (bigint → string). */
+    /**
+     * User's position amount in pool/deposit token (bigint → string).
+     * **PR #84:** e.g. `UserPoolPosition.depositSize` in token units.
+     */
     userBalance?: bigint;
     /** Pool deposit token symbol, e.g. `"edgeUSDC"`. */
     poolTokenSymbol?: string;
-    /** `true` when the pool has active points/rewards (shows indicator icon). */
+    /**
+     * `true` when the pool has active points/rewards (shows indicator icon).
+     * **PR #84:** e.g. any active `type === "points"` incentive in `yield.incentives`.
+     */
     hasPoints?: boolean;
 }
+/**
+ * Supply APY breakdown for {@link CompoundAPY} / tooltip. All APY numbers here are **percent**.
+ *
+ * **PR #84:** Build from `PoolOpportunity.yield` (`YieldBreakdown`):
+ * - `totalAPY` ← `totalApy`
+ * - `baseAPY` ← at least one `supplyAPY` row from `base`; add `tokenYield` rows if split
+ * - `extraAPY` ← token incentives only (see {@link PoolExtraRewardApyDTO})
+ * - `apy7DAgo` ← optional second snapshot if you persist `metrics7DAgo` / historical yield
+ */
 export interface PoolApyDTO {
-    /** Total combined supply APY in percent (`8.33` = 8.33%). */
+    /** Total combined supply APY in percent (`8.33` = 8.33%). **PR #84:** `YieldBreakdown.totalApy`. */
     totalAPY: number;
+    /** **PR #84:** From `YieldBreakdown.base` (+ optional extra base rows). */
     baseAPY: PoolBaseApyDTO[];
+    /**
+     * Token reward APY lines (not points — points go to {@link PoolTableRowDTO.points}).
+     * **PR #84:** `yield.incentives` filtered to `type === "tokens"`.
+     */
     extraAPY: PoolExtraRewardApyDTO[];
+    /** Optional external boost (e.g. third-party protocol). */
     externalAPY?: PoolExternalApyDTO;
     /** Snapshot from 7 days ago (for 1D / 7D comparison in tooltip). */
     apy7DAgo?: PoolApy7DaysAgoDTO;
@@ -102,6 +228,14 @@ export interface PoolBaseApyDTO {
     /** Already in percent. */
     apy: number;
 }
+/**
+ * One line in "extra APY" (liquidity mining, etc.). **Percent** for `apy`.
+ *
+ * **PR #84 (token incentive):**
+ * - `apy` ← `TokenReward.apy` (or incentive-level APY if that’s where you store it)
+ * - `rewardToken` ← `TokenReward.rewardToken.address` (hex string)
+ * - `rewardTokenSymbol` ← `TokenReward.rewardToken.symbol`
+ */
 export interface PoolExtraRewardApyDTO {
     /** Extra reward APY in percent. */
     apy: number;
@@ -116,12 +250,29 @@ export interface PoolExternalApyDTO {
     /** Source name, e.g. "Curve". */
     name: string;
 }
+/**
+ * Historical snapshot for tooltip 1D / 7D columns. Same units as {@link PoolApyDTO}.
+ *
+ * **PR #84:** Fill from your stored 7d metrics / APY snapshot when available; omit otherwise.
+ */
 export interface PoolApy7DaysAgoDTO {
     totalAPY?: number;
     baseAPY?: PoolBaseApyDTO[];
     extraAPY?: PoolExtraRewardApyDTO[];
     externalAPY?: PoolExternalApyDTO;
 }
+/**
+ * One points program row for the APY tooltip. Matches UI `PoolAPYPointsTip` shape.
+ *
+ * **PR #84:** Map from a **points** `Incentive` / `PointsIncentive` (discriminated union):
+ * - `amount` — formatted string for display, e.g. `"2.5x"` from `PointsReward.multiplier`
+ * - `name` — `PointsReward.name` or program title
+ * - `tokenTitle` — optional; helps icon copy (e.g. underlying symbol)
+ * - `fullTip` — **pre-formatted** human-readable tooltip body (UI-ready)
+ * - `reward.duration` — human string (e.g. from `startsAt` / `endsAt`) or omit
+ * - `reward.condition` — e.g. `"deposit" | "cross-chain-deposit" | "holding"` if your model has it
+ * - `reward.name` / `reward.type` — for points icon / labeling in the UI
+ */
 export interface PoolApyPointDTO {
     /** Formatted amount string, e.g. "2.5x". */
     amount: string;

package/dist/types/components/index.d.ts

@@ -78,11 +78,12 @@ export * from './not-found';
 export * from './options-list';
 export * from './overflow';
 export * from './overflow-container';
-export * from './PoolsAssetsTable';
 export * from './page-title';
 export * from './percent-indicator';
 export * from './points-icon';
 export * from './pool-apy-tooltip';
+export * from './pool-assets-table';
+export * from './pool-credit-managers-table';
 export * from './pool-indicator-icon';
 export * from './pool-points-indicator';
 export * from './progress';

package/dist/types/components/pool-apy-tooltip/pool-apy-tooltip.d.ts

@@ -18,7 +18,8 @@ interface ExternalAPYData {
     totalValue: number;
     apy: number;
     name: string;
-    tooltip: LocaleKeys;
+    /** When omitted, the block renders a plain name + APY line (no i18n id). */
+    tooltip?: LocaleKeys;
 }
 interface APY7DAgoData {
     totalAPY?: number;

package/dist/types/components/pool-assets-table/index.d.ts

@@ -0,0 +1,7 @@
+export type * from './pool-assets-table';
+export * from './pool-assets-table';
+export type * from './pool-assets-table-head';
+export * from './pool-assets-table-head';
+export type * from './pool-assets-table-row';
+export * from './pool-assets-table-row';
+export type * from './types';

package/dist/types/components/pool-assets-table/pool-assets-table-head.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { PoolAssetsTableSort } from './types';
+export interface PoolAssetsTableHeadProps {
+    readonly sort: PoolAssetsTableSort;
+}
+export declare function PoolAssetsTableHead({ sort, }: PoolAssetsTableHeadProps): React.ReactElement;

package/dist/types/components/pool-assets-table/pool-assets-table-row.d.ts

@@ -0,0 +1,11 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolAssetsTableQuotaRow } from './types';
+export interface PoolAssetsTableRowProps {
+    readonly poolName: string;
+    readonly token: TokenData;
+    readonly currentQuota: PoolAssetsTableQuotaRow;
+    readonly underlyingToken: TokenData;
+    readonly last: boolean;
+}
+export declare function PoolAssetsTableRow({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsTableRowProps): React.ReactElement;

package/dist/types/components/{PoolsAssetsTable/index.d.ts → pool-assets-table/pool-assets-table.d.ts}

@@ -2,12 +2,11 @@ import { TokenData } from '@gearbox-protocol/sdk/common-utils';
 import { default as React } from 'react';
 import { Address } from 'viem';
 import { PoolAssetsTableQuotaRow, PoolAssetsTableSort } from './types';
-export type { PoolAssetsFilterState, PoolAssetsSortFields, PoolAssetsTableQuotaRow, PoolAssetsTableSort, } from './types';
-export interface PoolAssetsTableViewProps {
+export interface PoolAssetsTableProps {
     readonly list: ReadonlyArray<PoolAssetsTableQuotaRow>;
     readonly poolName: string;
     readonly sort: PoolAssetsTableSort;
     readonly tokensList: Record<Address, TokenData>;
     readonly underlyingToken: TokenData;
 }
-export declare function PoolAssetsTableView({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableViewProps): React.ReactElement | null;
+export declare function PoolAssetsTable({ list, poolName, sort, tokensList, underlyingToken, }: PoolAssetsTableProps): React.ReactElement | null;

package/dist/types/components/{PoolsAssetsTable → pool-assets-table}/types.d.ts

@@ -1,6 +1,7 @@
 import { Address } from 'viem';
 import { SortField, SortSetterFunction } from '../../hooks';
 export type PoolAssetsSortFields = "name" | "rate" | "usage";
+/** Sort controller passed to `PoolAssetsTable` */
 export interface PoolAssetsTableSort {
     readonly state: SortField<PoolAssetsSortFields> | null;
     readonly set: SortSetterFunction<PoolAssetsSortFields>;
@@ -8,7 +9,7 @@ export interface PoolAssetsTableSort {
 export interface PoolAssetsFilterState {
     readonly sort: PoolAssetsTableSort;
 }
-/** Quota fields used by PoolAssetsLine (compatible with sdk QuotaInfo) */
+/** Quota fields for one asset row (compatible with sdk QuotaInfo) */
 export interface PoolAssetsTableQuotaRow {
     readonly token: Address;
     readonly limit: bigint;

package/dist/types/components/pool-credit-managers-table/index.d.ts

@@ -0,0 +1,8 @@
+export type * from './pool-credit-managers-table';
+export * from './pool-credit-managers-table';
+export * from './pool-credit-managers-table.test-ids';
+export type * from './pool-credit-managers-table-head';
+export * from './pool-credit-managers-table-head';
+export type * from './pool-credit-managers-table-row';
+export * from './pool-credit-managers-table-row';
+export type * from './types';

package/dist/types/components/pool-credit-managers-table/pool-credit-managers-table-head.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { PoolCreditManagersTableSort } from './types';
+export interface PoolCreditManagersTableHeadProps {
+    readonly sort: PoolCreditManagersTableSort;
+}
+export declare function PoolCreditManagersTableHead({ sort, }: PoolCreditManagersTableHeadProps): React.ReactElement;

package/dist/types/components/pool-credit-managers-table/pool-credit-managers-table-row.d.ts

@@ -0,0 +1,11 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolCreditManagerRow } from './types';
+export interface PoolCreditManagersTableRowProps {
+    readonly creditManager: PoolCreditManagerRow;
+    readonly last: boolean;
+    readonly onClick: () => void;
+    readonly totalDebtMoney: bigint;
+    readonly underlyingToken: TokenData | undefined;
+}
+export declare function PoolCreditManagersTableRow({ creditManager, last, onClick, totalDebtMoney, underlyingToken, }: PoolCreditManagersTableRowProps): React.ReactElement | null;

package/dist/types/components/pool-credit-managers-table/pool-credit-managers-table.d.ts

@@ -0,0 +1,10 @@
+import { TokenData } from '@gearbox-protocol/sdk/common-utils';
+import { default as React } from 'react';
+import { PoolCreditManagerRow, PoolCreditManagersTableRowDto, PoolCreditManagersTableSort } from './types';
+export interface PoolCreditManagersTableProps<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
+    readonly handleSelectCM: (cm: TRow) => () => void;
+    readonly rows: ReadonlyArray<PoolCreditManagersTableRowDto<TRow>>;
+    readonly sort: PoolCreditManagersTableSort;
+    readonly underlyingToken: TokenData | undefined;
+}
+export declare function PoolCreditManagersTable<TRow extends PoolCreditManagerRow = PoolCreditManagerRow>({ handleSelectCM, rows, sort, underlyingToken, }: PoolCreditManagersTableProps<TRow>): React.ReactElement | null;

package/dist/types/components/pool-credit-managers-table/pool-credit-managers-table.test-ids.d.ts

@@ -0,0 +1,4 @@
+/** `data-testid` values for `PoolCreditManagersTable` */
+export declare const poolCreditManagersTableTestIds: {
+    readonly creditManagerLine: "pool-credit-managers-line";
+};

package/dist/types/components/pool-credit-managers-table/types.d.ts

@@ -0,0 +1,24 @@
+import { Address } from 'viem';
+import { SortField, SortSetterFunction } from '../../hooks';
+export type PoolCreditManagersSortFields = "name" | "currentDebt" | "assets";
+/** Sort controller passed to `PoolCreditManagersTable` */
+export interface PoolCreditManagersTableSort {
+    readonly state: SortField<PoolCreditManagersSortFields> | null;
+    readonly set: SortSetterFunction<PoolCreditManagersSortFields>;
+}
+export interface PoolCreditManagersFilterState {
+    readonly sort: PoolCreditManagersTableSort;
+}
+/** One credit manager row (compatible with CreditManagerData_Legacy) */
+export interface PoolCreditManagerRow {
+    readonly address: Address;
+    readonly name: string;
+    readonly totalDebt: bigint;
+    readonly collateralTokens: readonly unknown[];
+    readonly underlyingToken: Address;
+}
+/** Row data + computed USD total for the table body */
+export interface PoolCreditManagersTableRowDto<TRow extends PoolCreditManagerRow = PoolCreditManagerRow> {
+    readonly creditManager: TRow;
+    readonly totalDebtMoney: bigint;
+}

package/dist/types/index.d.ts

@@ -77,11 +77,12 @@ export * from './components/not-found';
 export * from './components/options-list';
 export * from './components/overflow';
 export * from './components/overflow-container';
-export * from './components/PoolsAssetsTable';
 export * from './components/page-title';
 export * from './components/percent-indicator';
 export * from './components/points-icon';
 export * from './components/pool-apy-tooltip';
+export * from './components/pool-assets-table';
+export * from './components/pool-credit-managers-table';
 export * from './components/pool-indicator-icon';
 export * from './components/pool-points-indicator';
 export * from './components/progress';

package/dist/types/locale/en.json.d.ts

@@ -74,7 +74,12 @@ declare const _default: {
   "components.poolAssetsTable.asset": "Asset",
   "components.poolAssetsTable.rate": "Effective rate",
   "components.poolAssetsTable.limits": "Limits Usage",
-  "components.poolAssetsTable.usage": "{amount} of {total}"
+  "components.poolAssetsTable.usage": "{amount} of {total}",
+  "components.poolAssetsTable.head.name": "Credit Manager",
+  "components.poolAssetsTable.head.currentDebt": "Current Debt",
+  "components.poolAssetsTable.head.assets": "Asset LT",
+
+  "components.poolCreditManagersTable.assets": "{amount} assets"
 }
 ;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/ui-kit",
-  "version": "3.6.0-next.1",
+  "version": "3.6.0-next.3",
   "description": "Internal UI components",
   "repository": "https://github.com/gearbox-protocol/ui-kit",
   "license": "MIT",

package/dist/cjs/components/PoolsAssetsTable/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");require("@gearbox-protocol/sdk/common-utils");require("@gearbox-protocol/sdk");const b=require("../../hooks/use-media-query.cjs"),o=require("../table/grid-table.cjs"),d=require("./PoolAssetsLine.cjs"),T=require("./TableHead.cjs");function p({list:r,poolName:t,sort:i,tokensList:n,underlyingToken:a}){const l=b.useIsMobile(),u=l?"1fr":"1fr 180px 1fr";return e.jsxs(o.GridTable,{cols:u,gap:0,size:"lg",wrapperClassName:"overflow-visible",children:[!l&&e.jsx(o.GridTableHeader,{children:e.jsx(T.TableHead,{sort:i})}),e.jsx(o.GridTableBody,{children:r.map((s,c)=>e.jsx(d.PoolAssetsLine,{poolName:t,currentQuota:s,token:n[s.token],underlyingToken:a,last:c===r.length-1},s.token))})]})}exports.PoolAssetsTableView=p;

package/dist/esm/components/PoolsAssetsTable/index.js

@@ -1,43 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "react";
-import "@gearbox-protocol/sdk/common-utils";
-import "@gearbox-protocol/sdk";
-import { useIsMobile as p } from "../../hooks/use-media-query.js";
-import { GridTable as d, GridTableHeader as f, GridTableBody as c } from "../table/grid-table.js";
-import { PoolAssetsLine as b } from "./PoolAssetsLine.js";
-import { TableHead as g } from "./TableHead.js";
-function v({
-  list: e,
-  poolName: l,
-  sort: s,
-  tokensList: t,
-  underlyingToken: m
-}) {
-  const i = p();
-  return /* @__PURE__ */ n(
-    d,
-    {
-      cols: i ? "1fr" : "1fr 180px 1fr",
-      gap: 0,
-      size: "lg",
-      wrapperClassName: "overflow-visible",
-      children: [
-        !i && /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(g, { sort: s }) }),
-        /* @__PURE__ */ r(c, { children: e.map((o, a) => /* @__PURE__ */ r(
-          b,
-          {
-            poolName: l,
-            currentQuota: o,
-            token: t[o.token],
-            underlyingToken: m,
-            last: a === e.length - 1
-          },
-          o.token
-        )) })
-      ]
-    }
-  );
-}
-export {
-  v as PoolAssetsTableView
-};

package/dist/types/components/PoolsAssetsTable/PoolAssetsLine.d.ts

@@ -1,12 +0,0 @@
-import { TokenData } from '@gearbox-protocol/sdk/common-utils';
-import { default as React } from 'react';
-import { PoolAssetsTableQuotaRow } from './types';
-interface PoolAssetsLineProps {
-    poolName: string;
-    token: TokenData;
-    currentQuota: PoolAssetsTableQuotaRow;
-    underlyingToken: TokenData;
-    last: boolean;
-}
-export declare function PoolAssetsLine({ poolName, token, currentQuota, underlyingToken, last, }: PoolAssetsLineProps): React.ReactElement;
-export {};

package/dist/types/components/PoolsAssetsTable/TableHead.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { PoolAssetsTableSort } from './types';
-interface TableHeadProps {
-    sort: PoolAssetsTableSort;
-}
-export declare function TableHead({ sort }: TableHeadProps): React.ReactElement;
-export {};