@akta/dao-cli 0.1.0 → 0.1.1

package/README.md

@@ -130,7 +130,7 @@ bun install
 bun run src/index.ts
 ```
 
-Requires [akita-sdk](https://github.com/akita-protocol/akita-sc) built locally at `../../akita-sc/projects/akita-sdk`.
+Uses [`@akta/sdk`](https://www.npmjs.com/package/@akta/sdk) from npm — installed automatically with `bun install`.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akta/dao-cli",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Read-only CLI and TUI for querying Akita DAO state on Algorand",
   "type": "module",
   "bin": {

package/src/tui/app.ts

@@ -157,9 +157,10 @@ export async function startTUI(network: AkitaNetwork): Promise<void> {
         fixedRight = result.fixedRight;
       }
 
-      // JSON mode: re-render as JSON (flatten both panels)
+      // JSON mode: serialize structured data (or fall back to lines)
       if (state.jsonMode) {
-        const jsonStr = JSON.stringify(lines, jsonReplacer, 2);
+        const jsonData = (result as LoadResult).data ?? lines;
+        const jsonStr = JSON.stringify(jsonData, jsonReplacer, 2);
         lines = jsonStr.split("\n");
         fixedRight = undefined;
       }

package/src/tui/types.ts

@@ -65,6 +65,7 @@ export interface ViewContext {
 export interface LoadResult {
   lines: string[];
   fixedRight?: string[];
+  data?: unknown;
 }
 
 export interface View {

package/src/tui/views/dao.ts

@@ -15,10 +15,10 @@ import {
   colorState,
 } from "../../formatting";
 import { renderPanel, renderPanelGrid, splitWidth } from "../panels";
-import type { View, ViewContext } from "../types";
+import type { LoadResult, View, ViewContext } from "../types";
 
 export const daoView: View = {
-  async load(ctx: ViewContext): Promise<string[]> {
+  async load(ctx: ViewContext): Promise<LoadResult> {
     const { dao, network, width } = ctx;
     const state = await dao.getGlobalState();
     const ids = getNetworkAppIds(network);
@@ -53,75 +53,81 @@ export const daoView: View = {
       // Asset info fetch failed — skip supply charts
     }
 
-    if (width < 80) {
-      return renderSingleColumn(state, network, ids, width, aktaSupply, bonesSupply);
-    }
+    // Build structured data for JSON mode
+    const data = buildDaoData(state, network, ids, dao.appId, aktaSupply, bonesSupply);
 
-    const gridRows: string[][][] = [];
-
-    // Row 1: DAO info + Assets + Token Supply
-    const hasSupply = aktaSupply || bonesSupply;
-    const colCount = hasSupply ? 3 : 2;
-    const colWidths = splitWidth(width, colCount);
-
-    const infoContent = renderKV([
-      ["Network", network],
-      ["App ID", dao.appId.toString()],
-      ["Version", state.version ?? "-"],
-      ["State", state.state !== undefined ? colorState(daoStateLabel(state.state)) : "-"],
-      ["Wallet", state.wallet ? resolveAppName(state.wallet, network) : "-"],
-    ]);
-    const infoPanel = renderPanel(infoContent, { title: "Akita DAO", width: colWidths[0] });
-
-    const assetsContent = renderKV([
-      ["AKTA", state.akitaAssets?.akta?.toString() ?? ids.akta.toString()],
-      ["BONES", state.akitaAssets?.bones?.toString() ?? ids.bones.toString()],
-      ["Next Proposal", state.proposalId?.toString() ?? "-"],
-      ["Action Limit", state.proposalActionLimit?.toString() ?? "-"],
-      ["Min Rewards", state.minRewardsImpact?.toString() ?? "-"],
-    ]);
-    const assetsPanel = renderPanel(assetsContent, { title: "Assets", width: colWidths[1] });
-
-    if (hasSupply) {
-      const supplyW = colWidths[2];
-      const supplyContent = renderSupplyCharts(aktaSupply, bonesSupply, supplyW - 4);
-      const supplyPanel = renderPanel(supplyContent, { title: "Token Supply", width: supplyW });
-      gridRows.push([infoPanel, assetsPanel, supplyPanel]);
+    let lines: string[];
+    if (width < 80) {
+      lines = renderSingleColumn(state, network, ids, width, aktaSupply, bonesSupply);
     } else {
-      gridRows.push([infoPanel, assetsPanel]);
-    }
-
-    // Row 3: App IDs (40%) + Proposal Settings / Revenue Splits stacked (60%)
-    const appLines = renderAppTable(state, network);
-    const proposalLines = renderProposalSettings(state);
-
-    if (appLines.length > 0 || proposalLines.length > 0) {
-      // ~40/60 split
-      const appW = Math.floor((width - 2) * 0.4);
-      const rightPanelW = width - appW - 2;
-      const revLines = renderRevenueSplits(state, network, rightPanelW - 4);
-
-      const leftPanel = appLines.length > 0
-        ? renderPanel(appLines, { title: "App IDs", width: appW })
-        : renderPanel(["  No app ID data"], { title: "App IDs", width: appW });
-
-      // Stack Proposal Settings + Revenue Splits into one right column
-      const rightPanels: string[] = [];
-      if (proposalLines.length > 0) {
-        rightPanels.push(...renderPanel(proposalLines, { title: "Proposal Settings", width: rightPanelW }));
-      }
-      if (revLines.length > 0) {
-        if (rightPanels.length > 0) rightPanels.push("");
-        rightPanels.push(...renderPanel(revLines, { title: "Revenue Splits", width: rightPanelW }));
+      const gridRows: string[][][] = [];
+
+      // Row 1: DAO info + Assets + Token Supply
+      const hasSupply = aktaSupply || bonesSupply;
+      const colCount = hasSupply ? 3 : 2;
+      const colWidths = splitWidth(width, colCount);
+
+      const infoContent = renderKV([
+        ["Network", network],
+        ["App ID", dao.appId.toString()],
+        ["Version", state.version ?? "-"],
+        ["State", state.state !== undefined ? colorState(daoStateLabel(state.state)) : "-"],
+        ["Wallet", state.wallet ? resolveAppName(state.wallet, network) : "-"],
+      ]);
+      const infoPanel = renderPanel(infoContent, { title: "Akita DAO", width: colWidths[0] });
+
+      const assetsContent = renderKV([
+        ["AKTA", state.akitaAssets?.akta?.toString() ?? ids.akta.toString()],
+        ["BONES", state.akitaAssets?.bones?.toString() ?? ids.bones.toString()],
+        ["Next Proposal", state.proposalId?.toString() ?? "-"],
+        ["Action Limit", state.proposalActionLimit?.toString() ?? "-"],
+        ["Min Rewards", state.minRewardsImpact?.toString() ?? "-"],
+      ]);
+      const assetsPanel = renderPanel(assetsContent, { title: "Assets", width: colWidths[1] });
+
+      if (hasSupply) {
+        const supplyW = colWidths[2];
+        const supplyContent = renderSupplyCharts(aktaSupply, bonesSupply, supplyW - 4);
+        const supplyPanel = renderPanel(supplyContent, { title: "Token Supply", width: supplyW });
+        gridRows.push([infoPanel, assetsPanel, supplyPanel]);
+      } else {
+        gridRows.push([infoPanel, assetsPanel]);
       }
-      if (rightPanels.length === 0) {
-        rightPanels.push(...renderPanel(["  No proposal settings"], { title: "Proposal Settings", width: rightPanelW }));
+
+      // Row 3: App IDs (40%) + Proposal Settings / Revenue Splits stacked (60%)
+      const appLines = renderAppTable(state, network);
+      const proposalLines = renderProposalSettings(state);
+
+      if (appLines.length > 0 || proposalLines.length > 0) {
+        // ~40/60 split
+        const appW = Math.floor((width - 2) * 0.4);
+        const rightPanelW = width - appW - 2;
+        const revLines = renderRevenueSplits(state, network, rightPanelW - 4);
+
+        const leftPanel = appLines.length > 0
+          ? renderPanel(appLines, { title: "App IDs", width: appW })
+          : renderPanel(["  No app ID data"], { title: "App IDs", width: appW });
+
+        // Stack Proposal Settings + Revenue Splits into one right column
+        const rightPanels: string[] = [];
+        if (proposalLines.length > 0) {
+          rightPanels.push(...renderPanel(proposalLines, { title: "Proposal Settings", width: rightPanelW }));
+        }
+        if (revLines.length > 0) {
+          if (rightPanels.length > 0) rightPanels.push("");
+          rightPanels.push(...renderPanel(revLines, { title: "Revenue Splits", width: rightPanelW }));
+        }
+        if (rightPanels.length === 0) {
+          rightPanels.push(...renderPanel(["  No proposal settings"], { title: "Proposal Settings", width: rightPanelW }));
+        }
+
+        gridRows.push([leftPanel, rightPanels]);
       }
 
-      gridRows.push([leftPanel, rightPanels]);
+      lines = ["", ...renderPanelGrid(gridRows, { rowGap: 1 })];
     }
 
-    return ["", ...renderPanelGrid(gridRows, { rowGap: 1 })];
+    return { lines, data };
   },
 };
 
@@ -176,6 +182,83 @@ function renderSingleColumn(
   return lines;
 }
 
+// ── Structured data for JSON mode ───────────────────────────────
+
+function buildDaoData(
+  state: Partial<AkitaDaoGlobalState>,
+  network: AkitaNetwork,
+  ids: { akta: bigint; bones: bigint },
+  appId: bigint,
+  aktaSupply: SupplyInfo | null,
+  bonesSupply: SupplyInfo | null,
+) {
+  // App ID lists
+  const appSections: [string, Record<string, bigint> | undefined][] = [
+    ["core", state.akitaAppList as Record<string, bigint> | undefined],
+    ["social", state.akitaSocialAppList as Record<string, bigint> | undefined],
+    ["plugins", state.pluginAppList as Record<string, bigint> | undefined],
+    ["other", state.otherAppList as Record<string, bigint> | undefined],
+  ];
+  const apps: Record<string, Record<string, bigint>> = {};
+  for (const [category, list] of appSections) {
+    if (list) apps[category] = list;
+  }
+
+  // Proposal settings
+  const psEntries: [string, { fee: bigint; power: bigint; duration: bigint; participation: bigint; approval: bigint } | undefined][] = [
+    ["upgradeApp", state.upgradeAppProposalSettings],
+    ["addPlugin", state.addPluginProposalSettings],
+    ["removePlugin", state.removePluginProposalSettings],
+    ["removeExecutePlugin", state.removeExecutePluginProposalSettings],
+    ["addAllowances", state.addAllowancesProposalSettings],
+    ["removeAllowances", state.removeAllowancesProposalSettings],
+    ["newEscrow", state.newEscrowProposalSettings],
+    ["toggleEscrowLock", state.toggleEscrowLockProposalSettings],
+    ["updateFields", state.updateFieldsProposalSettings],
+  ];
+  const proposalSettings: Record<string, { fee: bigint; power: bigint; duration: bigint; participation: bigint; approval: bigint }> = {};
+  for (const [key, ps] of psEntries) {
+    if (ps) proposalSettings[key] = ps;
+  }
+
+  // Revenue splits
+  const revenueSplits = state.revenueSplits?.map(([[wallet, escrow], type, value]) => ({
+    wallet: wallet.toString(),
+    escrow: escrow || undefined,
+    type: type === 20 ? "percentage" : type === 30 ? "remainder" : `unknown(${type})`,
+    value,
+    percentage: type === 20
+      ? Number(value) / 1000
+      : type === 30
+        ? Number(100_000n - (state.revenueSplits ?? []).reduce((sum, [, t, v]) => t === 20 ? sum + v : sum, 0n)) / 1000
+        : undefined,
+  })) ?? [];
+
+  // Token supply
+  const tokenSupply: Record<string, { total: bigint; circulating: bigint; decimals: number }> = {};
+  if (aktaSupply) tokenSupply.akta = aktaSupply;
+  if (bonesSupply) tokenSupply.bones = bonesSupply;
+
+  return {
+    network,
+    appId,
+    version: state.version ?? null,
+    state: state.state !== undefined ? daoStateLabel(state.state) : null,
+    wallet: state.wallet ?? null,
+    assets: {
+      akta: state.akitaAssets?.akta ?? ids.akta,
+      bones: state.akitaAssets?.bones ?? ids.bones,
+      nextProposal: state.proposalId ?? null,
+      actionLimit: state.proposalActionLimit ?? null,
+      minRewardsImpact: state.minRewardsImpact ?? null,
+    },
+    tokenSupply,
+    apps,
+    proposalSettings,
+    revenueSplits,
+  };
+}
+
 // ── Helpers ────────────────────────────────────────────────────
 
 function renderAppTable(state: Partial<AkitaDaoGlobalState>, network: AkitaNetwork): string[] {

package/src/tui/views/fees.ts

@@ -8,7 +8,7 @@ import {
 } from "../../formatting";
 import { renderPanel, splitWidth } from "../panels";
 import { padEndVisible, visibleLength } from "../../output";
-import type { View, ViewContext } from "../types";
+import type { LoadResult, View, ViewContext } from "../types";
 
 const PERCENTAGE_RE = /Percentage|Tax/i;
 const FEE_RE = /Fee$/i;
@@ -24,60 +24,65 @@ function feeLabel(key: string): string {
 }
 
 export const feesView: View = {
-  async load(ctx: ViewContext): Promise<string[]> {
+  async load(ctx: ViewContext): Promise<LoadResult> {
     const { dao, width } = ctx;
     const state = await dao.getGlobalState();
 
     const groups = collectFeeGroups(state);
+    const rawGroups = collectRawFeeGroups(state);
 
     if (groups.length === 0) {
-      return [
-        "",
-        ...renderPanel(["  No fee data available."], { title: "Fees", width }),
-      ];
+      return {
+        lines: [
+          "",
+          ...renderPanel(["  No fee data available."], { title: "Fees", width }),
+        ],
+        data: {},
+      };
     }
 
+    let lines: string[];
     if (width < 80) {
-      return renderSingleColumn(groups, width);
-    }
-
-    const cols = 2;
-    const colGap = 2;
-    const panelGap = 1;
-    const [leftW, rightW] = splitWidth(width, cols, colGap);
-
-    // Compute max key width per grid column
-    const colKeyWidths: number[] = Array(cols).fill(0);
-    for (let i = 0; i < groups.length; i++) {
-      const col = i % cols;
-      for (const [key] of groups[i].pairs) {
-        colKeyWidths[col] = Math.max(colKeyWidths[col], key.length);
+      lines = renderSingleColumn(groups, width);
+    } else {
+      const cols = 2;
+      const colGap = 2;
+      const panelGap = 1;
+      const [leftW, rightW] = splitWidth(width, cols, colGap);
+
+      // Compute max key width per grid column
+      const colKeyWidths: number[] = Array(cols).fill(0);
+      for (let i = 0; i < groups.length; i++) {
+        const col = i % cols;
+        for (const [key] of groups[i].pairs) {
+          colKeyWidths[col] = Math.max(colKeyWidths[col], key.length);
+        }
       }
-    }
 
-    // Split groups into independent columns
-    const colWidths = [leftW, rightW];
-    const columns: string[][] = [[], []];
-    for (let i = 0; i < groups.length; i++) {
-      const col = i % cols;
-      if (columns[col].length > 0) {
-        for (let g = 0; g < panelGap; g++) columns[col].push("");
+      // Split groups into independent columns
+      const colWidths = [leftW, rightW];
+      const columns: string[][] = [[], []];
+      for (let i = 0; i < groups.length; i++) {
+        const col = i % cols;
+        if (columns[col].length > 0) {
+          for (let g = 0; g < panelGap; g++) columns[col].push("");
+        }
+        const content = renderFeeKV(groups[i].pairs, colKeyWidths[col]);
+        columns[col].push(...renderPanel(content, { title: groups[i].title, width: colWidths[col] }));
       }
-      const content = renderFeeKV(groups[i].pairs, colKeyWidths[col]);
-      columns[col].push(...renderPanel(content, { title: groups[i].title, width: colWidths[col] }));
-    }
 
-    // Merge columns side-by-side
-    const maxHeight = Math.max(columns[0].length, columns[1].length);
-    const gapStr = " ".repeat(colGap);
-    const lines: string[] = [""];
-    for (let i = 0; i < maxHeight; i++) {
-      const left = i < columns[0].length ? padEndVisible(columns[0][i], leftW) : " ".repeat(leftW);
-      const right = i < columns[1].length ? columns[1][i] : "";
-      lines.push(left + gapStr + right);
+      // Merge columns side-by-side
+      const maxHeight = Math.max(columns[0].length, columns[1].length);
+      const gapStr = " ".repeat(colGap);
+      lines = [""];
+      for (let i = 0; i < maxHeight; i++) {
+        const left = i < columns[0].length ? padEndVisible(columns[0][i], leftW) : " ".repeat(leftW);
+        const right = i < columns[1].length ? columns[1][i] : "";
+        lines.push(left + gapStr + right);
+      }
     }
 
-    return lines;
+    return { lines, data: rawGroups };
   },
 };
 
@@ -97,6 +102,23 @@ function renderFeeKV(pairs: [string, string][], keyWidth?: number): string[] {
   return pairs.map(([key, value]) => `  ${theme.label(key.padEnd(w))}  ${value}`);
 }
 
+function collectRawFeeGroups(state: Partial<AkitaDaoGlobalState>): Record<string, Record<string, bigint>> {
+  const feeGroups: [string, Record<string, bigint> | undefined][] = [
+    ["walletFees", state.walletFees as Record<string, bigint> | undefined],
+    ["socialFees", state.socialFees as Record<string, bigint> | undefined],
+    ["stakingFees", state.stakingFees as Record<string, bigint> | undefined],
+    ["subscriptionFees", state.subscriptionFees as Record<string, bigint> | undefined],
+    ["swapFees", state.swapFees as Record<string, bigint> | undefined],
+    ["nftFees", state.nftFees as Record<string, bigint> | undefined],
+  ];
+
+  const result: Record<string, Record<string, bigint>> = {};
+  for (const [name, fees] of feeGroups) {
+    if (fees) result[name] = fees;
+  }
+  return result;
+}
+
 function collectFeeGroups(state: Partial<AkitaDaoGlobalState>): KVGroup[] {
   const feeGroups: [string, Record<string, bigint> | undefined][] = [
     ["Wallet Fees", state.walletFees as Record<string, bigint> | undefined],

package/src/tui/views/proposals-list.ts

@@ -3,7 +3,9 @@ import theme from "../../theme";
 import {
   truncateAddress,
   formatTimestamp,
+  formatCID,
   proposalStatusLabel,
+  proposalActionLabel,
   colorStatus,
 } from "../../formatting";
 import { renderPanel } from "../panels";
@@ -112,10 +114,13 @@ export const proposalsListView: View = {
     if (_cursor >= _proposalIds.length) _cursor = 0;
 
     if (_cachedEntries.length === 0) {
-      return [
-        "",
-        ...renderPanel(["  No proposals found."], { title: "Proposals", width }),
-      ];
+      return {
+        lines: [
+          "",
+          ...renderPanel(["  No proposals found."], { title: "Proposals", width }),
+        ],
+        data: { proposals: [], selected: null },
+      };
     }
 
     // Fetch selected proposal detail (cached)
@@ -138,9 +143,15 @@ export const proposalsListView: View = {
       }
     }
 
+    // Build structured data for JSON mode
+    const data = buildProposalsData(_cachedEntries, detailData, selectedId);
+
     // Narrow: single column (list, then detail below)
     if (width < 80) {
-      return renderSingleColumn(_cachedEntries, detailData, selectedId, network, width);
+      return {
+        lines: renderSingleColumn(_cachedEntries, detailData, selectedId, network, width),
+        data,
+      };
     }
 
     // Wide: two-panel layout (left scrolls, right fixed)
@@ -159,10 +170,48 @@ export const proposalsListView: View = {
     return {
       lines: ["", ...listPanel],
       fixedRight: ["", ...detailLines],
+      data,
     };
   },
 };
 
+// ── Structured data for JSON mode ──────────────────────────────
+
+function buildProposalsData(
+  entries: ListEntry[],
+  detailData: ProposalData | null,
+  selectedId: bigint | undefined,
+) {
+  const proposals = entries.map((e) => ({
+    id: e.id,
+    status: proposalStatusLabel(e.status),
+    creator: e.creator,
+    votes: e.votes,
+    actionCount: e.actionCount,
+    created: e.created,
+  }));
+
+  let selected = null;
+  if (detailData && selectedId !== undefined) {
+    selected = {
+      id: selectedId,
+      status: proposalStatusLabel(detailData.status),
+      creator: detailData.creator,
+      cid: formatCID(detailData.cid),
+      created: detailData.created,
+      votingTs: detailData.votingTs,
+      votes: detailData.votes,
+      feesPaid: detailData.feesPaid,
+      actions: detailData.actions.map((a) => ({
+        ...a,
+        type: proposalActionLabel(a.type),
+      })),
+    };
+  }
+
+  return { proposals, selected };
+}
+
 // ── Left panel: compact proposals list ─────────────────────────
 
 function renderListPanel(entries: ListEntry[], width: number): string[] {
@@ -171,11 +220,12 @@ function renderListPanel(entries: ListEntry[], width: number): string[] {
     return [
       marker + e.id.toString(),
       colorStatus(proposalStatusLabel(e.status)),
+      truncateAddress(e.creator),
       e.actionCount.toString(),
     ];
   });
 
-  const content = renderColumns(["  ID", "Status", "Act"], rows);
+  const content = renderColumns(["  ID", "Status", "Proposer", "Actions"], rows);
   return renderPanel(content, { title: `Proposals (${entries.length})`, width });
 }
 

package/src/tui/views/wallet.ts

@@ -192,27 +192,152 @@ export const walletView: View = {
 
     const selectedAccount = accounts[_accountIdx];
 
+    const selectedAppId = selectedAccount.escrowName === ""
+      ? wallet.appId
+      : cache.escrows.find(([n]) => n === selectedAccount.escrowName)?.[1].id ?? 0n;
+
+    // Build structured data for JSON mode
+    const data = buildWalletData(cache, network, accounts, selectedAccount, selectedAppId, wallet.appId);
+
     if (width < 80) {
-      return renderSingleColumn(cache, network, accounts, selectedAccount, wallet.appId);
+      return {
+        lines: renderSingleColumn(cache, network, accounts, selectedAccount, wallet.appId),
+        data,
+      };
     }
 
     // Two-panel layout
     const [leftW, rightW] = splitWidth(width, 2);
 
-    const selectedAppId = selectedAccount.escrowName === ""
-      ? wallet.appId
-      : cache.escrows.find(([n]) => n === selectedAccount.escrowName)?.[1].id ?? 0n;
-
     const leftLines = renderLeftPanel(cache, network, accounts, leftW, wallet.appId);
     const rightLines = renderRightPanel(cache, network, selectedAccount, selectedAppId, rightW);
 
     return {
       lines: ["", ...leftLines],
       fixedRight: ["", ...rightLines],
+      data,
     };
   },
 };
 
+// ── Structured data for JSON mode ────────────────────────────────
+
+function buildWalletData(
+  cache: WalletCache,
+  network: AkitaNetwork,
+  accounts: { name: string; address: string; escrowName: string }[],
+  selectedAccount: { name: string; address: string; escrowName: string },
+  selectedAppId: bigint,
+  walletAppId: bigint,
+) {
+  const gs = cache.globalState;
+
+  const info = {
+    version: gs.version ?? null,
+    admin: gs.admin ?? null,
+    domain: typeof gs.domain === "string" && gs.domain ? gs.domain : null,
+    nickname: typeof gs.nickname === "string" && gs.nickname ? gs.nickname : null,
+    dao: gs.akitaDao ?? null,
+    factory: typeof gs.factoryApp === "bigint" && (gs.factoryApp as bigint) > 0n ? gs.factoryApp : null,
+    referrer: typeof gs.referrer === "string" && !isZeroAddress(gs.referrer) ? gs.referrer : null,
+  };
+
+  const mainAddr = accounts[0].address;
+  const accountsData = accounts.map((acct) => {
+    const bal = cache.balances.get(acct.address);
+    return {
+      name: acct.name,
+      appId: acct.escrowName === ""
+        ? walletAppId
+        : cache.escrows.find(([n]) => n === acct.escrowName)?.[1].id ?? null,
+      address: acct.address,
+      balances: bal ?? null,
+    };
+  });
+
+  const escrowsData = cache.escrows.map(([name, esc]) => ({
+    name,
+    appId: esc.id,
+    locked: esc.locked,
+  }));
+
+  // Selected account details
+  const escrowFilter = selectedAccount.escrowName;
+
+  const filteredPlugins = cache.plugins.filter(([key]) => {
+    const parsed = parsePluginKey(key);
+    return escrowFilter === "" ? parsed.escrow === "" : parsed.escrow === escrowFilter;
+  });
+
+  const plugins = filteredPlugins.map(([key, p]) => {
+    const { pluginId, caller } = parsePluginKey(key);
+    return {
+      key,
+      pluginId: pluginId ?? null,
+      pluginName: pluginId ? getAppName(pluginId, network) ?? null : null,
+      caller: caller || null,
+      admin: p.admin,
+      delegationType: delegationTypeLabel(p.delegationType),
+      coverFees: p.coverFees,
+      canReclaim: p.canReclaim,
+      useExecutionKey: p.useExecutionKey,
+      useRounds: p.useRounds,
+      cooldown: p.cooldown,
+      lastCalled: p.lastCalled,
+      start: p.start,
+      lastValid: p.lastValid,
+      methods: p.methods.map((m) => ({
+        name: resolveMethodSelector(m.name),
+        cooldown: m.cooldown,
+        lastCalled: m.lastCalled,
+      })),
+    };
+  });
+
+  const namedPlugins = cache.namedPlugins.map(([name, np]) => ({
+    name,
+    plugin: np.plugin,
+    caller: np.caller,
+    escrow: np.escrow || null,
+  }));
+
+  const filteredAllowances = cache.allowances.filter(([key]) => {
+    if (escrowFilter === "") return true;
+    return key.includes(escrowFilter);
+  });
+
+  const allowances = filteredAllowances.map(([key, a]) => ({
+    key,
+    type: a.type,
+    amount: a.amount ?? null,
+    spent: a.spent ?? null,
+    rate: a.rate ?? null,
+    max: a.max ?? null,
+    interval: a.interval ?? null,
+  }));
+
+  const executions = cache.executions.map(([key, e]) => ({
+    lease: key,
+    firstValid: e.firstValid,
+    lastValid: e.lastValid,
+  }));
+
+  return {
+    info,
+    accounts: accountsData,
+    escrows: escrowsData,
+    selectedAccount: {
+      name: selectedAccount.name,
+      appId: selectedAppId,
+      address: selectedAccount.address,
+      plugins,
+      namedPlugins,
+      allowances,
+      executions,
+    },
+  };
+}
+
 // ── Left panel: Wallet Info + Account List ─────────────────────
 
 function renderLeftPanel(