@aigne/afs-ocap 1.12.0-beta.5

package/aup/accounts/item.json

@@ -0,0 +1,510 @@
+{
+  "id": "account-detail",
+  "type": "view",
+  "props": {
+    "layout": { "direction": "column", "gap": "md" },
+    "animate": "slide-up",
+    "style": { "padding": "16px 24px" }
+  },
+  "children": [
+    {
+      "id": "acc-header",
+      "type": "view",
+      "props": {
+        "layout": { "direction": "row", "gap": "md", "crossAlign": "center" }
+      },
+      "children": [
+        {
+          "id": "acc-avatar",
+          "type": "media",
+          "props": {
+            "type": "avatar",
+            "variant": "did-motif",
+            "seed": "${content.address}",
+            "size": 56
+          }
+        },
+        {
+          "id": "acc-title-block",
+          "type": "view",
+          "props": { "layout": { "direction": "column", "gap": "xs", "crossAlign": "start" } },
+          "children": [
+            {
+              "id": "acc-title",
+              "type": "text",
+              "props": {
+                "content": "${content.moniker|default:Account}",
+                "level": 2
+              }
+            },
+            {
+              "id": "acc-meta",
+              "type": "view",
+              "props": {
+                "layout": { "direction": "row", "gap": "sm", "crossAlign": "center" }
+              },
+              "children": [
+                {
+                  "id": "acc-addr",
+                  "type": "text",
+                  "props": {
+                    "content": "${content.address}",
+                    "scale": "sm",
+                    "format": "did"
+                  }
+                },
+                {
+                  "id": "acc-role",
+                  "type": "text",
+                  "props": {
+                    "content": "${content._roleLabel|default:Account}",
+                    "intent": "info",
+                    "variant": "badge"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "acc-overview",
+      "type": "entity-overview",
+      "props": {
+        "layout": "row",
+        "data": "${content}",
+        "cards": [
+          {
+            "id": "acc-card-info",
+            "title": "Account Info",
+            "fields": [
+              {
+                "key": "address",
+                "label": "Address",
+                "format": "did",
+                "tooltip": "OCAP DID. The leading byte encodes the role type (account / validator / app). Click to copy."
+              },
+              {
+                "key": "moniker",
+                "label": "Moniker",
+                "hideWhenEmpty": true,
+                "tooltip": "Optional human-readable nickname declared on-chain via the declare tx."
+              },
+              {
+                "key": "balance",
+                "label": "Balance",
+                "format": "bignum:18",
+                "symbol": "ABT",
+                "tooltip": "Native ABT balance. Token-specific balances appear under the Tokens tab."
+              },
+              {
+                "key": "nonce",
+                "label": "Nonce",
+                "tooltip": "Sender's per-account counter. Each tx the account submits increments this by one (replay protection)."
+              },
+              {
+                "key": "genesisTime",
+                "label": "Created",
+                "format": "datetime",
+                "interactive": true,
+                "tooltip": "Block timestamp when this account first declared itself on-chain. Click to switch between UTC, Local time, and Unix Timestamp."
+              },
+              {
+                "key": "renaissanceTime",
+                "label": "Updated",
+                "format": "datetime",
+                "interactive": true,
+                "tooltip": "Block timestamp of the most recent state change for this account. Click to switch between UTC, Local time, and Unix Timestamp."
+              }
+            ]
+          },
+          {
+            "id": "acc-card-migration",
+            "title": "Migration History",
+            "hideWhenEmpty": true,
+            "fields": [
+              {
+                "key": "migratedFromFirst",
+                "label": "Migrated From",
+                "format": "did",
+                "hideWhenEmpty": true
+              },
+              {
+                "key": "migratedToFirst",
+                "label": "Migrated To",
+                "format": "did",
+                "hideWhenEmpty": true
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "id": "acc-tabs",
+      "type": "view",
+      "props": {
+        "mode": "tabs",
+        "layout": { "direction": "column", "gap": "sm" }
+      },
+      "children": [
+        {
+          "id": "acc-tab-txs",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Transactions",
+            "tabIcon": "file-text",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-txs-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/transactions",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  { "key": "content.hash", "label": "Hash", "format": "did", "width": "180px" },
+                  {
+                    "key": "content._typeName",
+                    "label": "Type",
+                    "format": "colored-badge",
+                    "colorKey": "content._methodColor",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content.sender",
+                    "label": "From",
+                    "format": "did",
+                    "width": "150px"
+                  },
+                  {
+                    "label": "",
+                    "format": "direction-pill",
+                    "pillContextKey": "content._currentAccount",
+                    "pillSenderKey": "content.sender",
+                    "pillReceiverKey": "content.receiver",
+                    "width": "60px",
+                    "align": "center"
+                  },
+                  {
+                    "key": "content.receiver",
+                    "label": "To",
+                    "format": "did",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content.value",
+                    "label": "Value",
+                    "format": "bignum:@{content.decimal}",
+                    "symbol": "@{content.symbol}",
+                    "width": "150px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content._gasFeeRaw",
+                    "label": "Fee",
+                    "hideBelow": "tablet-wide",
+                    "format": "bignum:18",
+                    "symbol": "ABT",
+                    "strikethrough": "@{content._gasExempted}",
+                    "width": "120px",
+                    "align": "right"
+                  },
+                  {
+                    "key": "content.time",
+                    "label": "Time",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-assets",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Assets",
+            "tabIcon": "shopping-bag",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-assets-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/assets",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.address",
+                    "label": "Address",
+                    "format": "did",
+                    "width": "200px"
+                  },
+                  {
+                    "key": "content.moniker",
+                    "label": "Name",
+                    "width": "150px"
+                  },
+                  {
+                    "key": "content.owner",
+                    "label": "Owner",
+                    "format": "did",
+                    "width": "180px"
+                  },
+                  {
+                    "key": "content.genesisTime",
+                    "label": "Created",
+                    "format": "timeago",
+                    "width": "120px"
+                  },
+                  {
+                    "key": "content.renaissanceTime",
+                    "label": "Updated",
+                    "hideBelow": "tablet-wide",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-tokens",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Tokens",
+            "tabIcon": "dollar-sign",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-tokens-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/tokens",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.address",
+                    "label": "Token",
+                    "format": "did",
+                    "navigateTo": "tokens/{value}",
+                    "width": "200px"
+                  },
+                  {
+                    "key": "content.balance",
+                    "label": "Balance",
+                    "format": "bignum:@{content.decimal}",
+                    "symbol": "@{content.symbol}",
+                    "width": "180px",
+                    "align": "right"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-token-flows",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Token Flow",
+            "tabIcon": "corner-down-right",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-token-flows-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/token-flows",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.hash",
+                    "label": "Tx Hash",
+                    "format": "did",
+                    "navigateTo": "transactions/{value}",
+                    "width": "180px"
+                  },
+                  {
+                    "label": "",
+                    "format": "direction-pill",
+                    "pillContextKey": "content._currentAccount",
+                    "pillSenderKey": "content.from",
+                    "pillReceiverKey": "content.to",
+                    "width": "60px",
+                    "align": "center"
+                  },
+                  {
+                    "key": "content._counterparty",
+                    "label": "Counterparty",
+                    "format": "did",
+                    "navigateTo": "accounts/{value}",
+                    "width": "180px"
+                  },
+                  {
+                    "key": "content.value",
+                    "label": "Amount",
+                    "format": "bignum:18",
+                    "symbol": "ABT",
+                    "width": "180px",
+                    "align": "right"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-stakes-sent",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Sent Stakes",
+            "tabIcon": "arrow-up-right",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-stakes-sent-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/stakes/sent",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  { "key": "content.address", "label": "Stake", "format": "did", "width": "200px" },
+                  {
+                    "key": "content.receiver",
+                    "label": "Validator",
+                    "format": "did",
+                    "width": "200px"
+                  },
+                  {
+                    "key": "content.genesisTime",
+                    "label": "Created",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-stakes-received",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Received Stakes",
+            "tabIcon": "arrow-down",
+            "layout": { "direction": "column", "gap": "xs" }
+          },
+          "children": [
+            {
+              "id": "acc-tab-stakes-received-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/stakes/received",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  { "key": "content.address", "label": "Stake", "format": "did", "width": "200px" },
+                  {
+                    "key": "content.sender",
+                    "label": "From",
+                    "format": "did",
+                    "width": "200px"
+                  },
+                  {
+                    "key": "content.genesisTime",
+                    "label": "Created",
+                    "format": "timeago",
+                    "width": "120px"
+                  }
+                ],
+                "pageSize": 10,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": { "exclude": ".." },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "acc-tab-analytics",
+          "type": "view",
+          "props": {
+            "mode": "card",
+            "tabLabel": "Analytics",
+            "tabIcon": "bar-chart",
+            "layout": { "direction": "column", "gap": "md" }
+          },
+          "children": [
+            {
+              "id": "acc-analytics-tx-summary",
+              "type": "key-value-list",
+              "props": {
+                "fields": [
+                  { "key": "numTxs", "label": "Total Transactions", "format": "number" },
+                  { "key": "numAssets", "label": "Total Assets Owned", "format": "number" },
+                  { "key": "balance", "label": "Native Balance", "format": "bignum:18" }
+                ]
+              }
+            },
+            {
+              "id": "acc-analytics-note",
+              "type": "text",
+              "props": {
+                "content": "Per-account activity sparkline (recentNumTxs[]) lives on listTopAccounts and is not currently exposed for single-account drilldown. Tracked separately as Phase 1.5 work.",
+                "scale": "caption",
+                "intent": "muted"
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/aup/assets/default.json

@@ -0,0 +1,70 @@
+{
+  "id": "assets-view",
+  "type": "view",
+  "props": {
+    "layout": {
+      "direction": "column",
+      "gap": "none"
+    },
+    "style": {
+      "flex": "1",
+      "overflow": "auto"
+    }
+  },
+  "children": [
+    {
+      "id": "assets-title",
+      "type": "text",
+      "props": { "content": "Assets", "level": 1 }
+    },
+    {
+      "id": "assets-view-list",
+      "type": "afs-list",
+      "src": "${_parentPath}",
+      "props": {
+        "layout": "table",
+        "columns": [
+          {
+            "key": "content.address",
+            "label": "Address",
+            "mobileRole": "title",
+            "format": "did",
+            "width": "200px"
+          },
+          {
+            "key": "content.moniker",
+            "label": "Name",
+            "width": "150px"
+          },
+          {
+            "key": "content.owner",
+            "label": "Owner",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.genesisTime",
+            "label": "Created",
+            "format": "timeago",
+            "width": "120px"
+          },
+          {
+            "key": "content.renaissanceTime",
+            "label": "Updated",
+            "hideBelow": "tablet-wide",
+            "format": "timeago",
+            "width": "120px"
+          }
+        ],
+        "pageSize": 20,
+        "pagination": "manual",
+        "clickMode": "both",
+        "autoSelect": false,
+        "filter": {
+          "exclude": ".."
+        },
+        "showBreadcrumb": false
+      }
+    }
+  ]
+}