@aigne/afs-ocap 1.12.0-beta.5

package/aup/stakes/default.json

@@ -0,0 +1,76 @@
+{
+  "id": "stakes-view",
+  "type": "view",
+  "props": {
+    "layout": {
+      "direction": "column",
+      "gap": "none"
+    },
+    "style": {
+      "flex": "1",
+      "overflow": "auto"
+    }
+  },
+  "children": [
+    {
+      "id": "stakes-title",
+      "type": "text",
+      "props": { "content": "Stakes", "level": 1 }
+    },
+    {
+      "id": "stakes-view-list",
+      "type": "afs-list",
+      "src": "${_parentPath}",
+      "props": {
+        "layout": "table",
+        "columns": [
+          {
+            "key": "content.address",
+            "label": "Address",
+            "mobileRole": "title",
+            "format": "did",
+            "width": "200px"
+          },
+          {
+            "key": "content.sender",
+            "label": "Sender",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.receiver",
+            "label": "Receiver",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.message",
+            "label": "Message",
+            "width": "200px"
+          },
+          {
+            "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
+      }
+    }
+  ]
+}

package/aup/stakes/item.json

@@ -0,0 +1,374 @@
+{
+  "id": "stake-detail",
+  "type": "view",
+  "props": {
+    "layout": { "direction": "column", "gap": "md" },
+    "animate": "slide-up",
+    "style": { "padding": "16px 24px" }
+  },
+  "children": [
+    {
+      "id": "sk-header",
+      "type": "view",
+      "props": {
+        "layout": { "direction": "row", "gap": "md", "crossAlign": "center" }
+      },
+      "children": [
+        {
+          "id": "sk-avatar",
+          "type": "media",
+          "props": {
+            "type": "avatar",
+            "variant": "did-motif",
+            "seed": "${content.address}",
+            "size": 56
+          }
+        },
+        {
+          "id": "sk-title-block",
+          "type": "view",
+          "props": { "layout": { "direction": "column", "gap": "xs", "crossAlign": "start" } },
+          "children": [
+            {
+              "id": "sk-title",
+              "type": "text",
+              "props": {
+                "content": "Stake",
+                "level": 2
+              }
+            },
+            {
+              "id": "sk-meta",
+              "type": "view",
+              "props": {
+                "layout": { "direction": "row", "gap": "sm", "crossAlign": "center" }
+              },
+              "children": [
+                {
+                  "id": "sk-addr",
+                  "type": "text",
+                  "props": {
+                    "content": "${content.address}",
+                    "scale": "sm",
+                    "format": "did"
+                  }
+                },
+                {
+                  "id": "sk-revocable-badge",
+                  "type": "text",
+                  "props": {
+                    "content": "${content.revocable|boolean:Revocable:Non-Revocable}",
+                    "variant": "badge",
+                    "intent": "${content.revocable|boolean:warning:info}"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "id": "sk-overview",
+      "type": "entity-overview",
+      "props": {
+        "layout": "row",
+        "data": "${content}",
+        "cards": [
+          {
+            "id": "sk-card-info",
+            "title": "Stake Info",
+            "fields": [
+              {
+                "key": "address",
+                "label": "Address",
+                "format": "did",
+                "tooltip": "Stake DID. Click to copy."
+              },
+              {
+                "key": "sender",
+                "label": "Sender",
+                "format": "did",
+                "navigateTo": "accounts/{value}",
+                "tooltip": "Account that created the stake."
+              },
+              {
+                "key": "receiver",
+                "label": "Receiver",
+                "format": "did",
+                "navigateTo": "accounts/{value}",
+                "tooltip": "Account that receives the stake."
+              },
+              {
+                "key": "revocable",
+                "label": "Revocable",
+                "format": "boolean:Yes:No",
+                "tooltip": "If true, the sender can revoke the stake after the waiting period."
+              },
+              {
+                "key": "message",
+                "label": "Message",
+                "hideWhenEmpty": true,
+                "tooltip": "Optional message attached when the stake was created."
+              },
+              {
+                "key": "firstSlasher",
+                "label": "Who Can Slash?",
+                "format": "did",
+                "navigateTo": "accounts/{value}",
+                "hideWhenEmpty": true,
+                "tooltip": "First account in the slashers list with permission to slash this stake."
+              }
+            ]
+          },
+          {
+            "id": "sk-card-lifecycle",
+            "title": "Lifecycle",
+            "fields": [
+              {
+                "key": "context.genesisTime",
+                "label": "Created",
+                "format": "datetime",
+                "interactive": true,
+                "tooltip": "Block timestamp when the stake was created. Click to switch between UTC, Local time, and Unix Timestamp."
+              },
+              {
+                "key": "context.renaissanceTime",
+                "label": "Updated",
+                "format": "datetime",
+                "interactive": true,
+                "hideWhenEmpty": true,
+                "tooltip": "Block timestamp of the most recent state change. Click to switch between UTC, Local time, and Unix Timestamp."
+              },
+              {
+                "key": "revokeWaitingPeriod",
+                "label": "Revoke Waiting Period",
+                "format": "duration",
+                "hideWhenEmpty": true,
+                "tooltip": "Time the sender must wait after issuing a revoke before funds are returned (in seconds on-chain; rendered as a human-readable duration)."
+              }
+            ]
+          }
+        ]
+      }
+    },
+    {
+      "id": "sk-tabs",
+      "type": "view",
+      "props": {
+        "mode": "tabs"
+      },
+      "children": [
+        {
+          "id": "sk-tab-txs",
+          "type": "view",
+          "props": {
+            "tabLabel": "Transactions",
+            "tabIcon": "file-text",
+            "layout": {
+              "direction": "column",
+              "gap": "none"
+            }
+          },
+          "children": [
+            {
+              "id": "sk-tx-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"
+                  },
+                  {
+                    "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": "sk-tab-tokens",
+          "type": "view",
+          "props": {
+            "tabLabel": "Tokens",
+            "tabIcon": "dollar-sign",
+            "layout": {
+              "direction": "column",
+              "gap": "none"
+            }
+          },
+          "children": [
+            {
+              "id": "sk-tokens-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/tokens",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.address",
+                    "label": "DID",
+                    "format": "did",
+                    "width": "180px",
+                    "navigateTo": "tokens/{value}"
+                  },
+                  {
+                    "key": "content.staked",
+                    "label": "Staked",
+                    "format": "bignum:@{content.decimal}",
+                    "width": "140px"
+                  },
+                  {
+                    "key": "content.revoked",
+                    "label": "Revoked",
+                    "format": "bignum:@{content.decimal}",
+                    "width": "140px"
+                  },
+                  {
+                    "key": "content.symbol",
+                    "label": "Symbol",
+                    "width": "80px"
+                  }
+                ],
+                "pageSize": 20,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": {
+                  "exclude": ".."
+                },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "sk-tab-assets",
+          "type": "view",
+          "props": {
+            "tabLabel": "Assets",
+            "tabIcon": "shopping-bag",
+            "layout": {
+              "direction": "column",
+              "gap": "none"
+            }
+          },
+          "children": [
+            {
+              "id": "sk-assets-list",
+              "type": "afs-list",
+              "src": "${_parentPath}/assets",
+              "props": {
+                "layout": "table",
+                "columns": [
+                  {
+                    "key": "content.address",
+                    "label": "Address",
+                    "format": "did",
+                    "width": "200px",
+                    "navigateTo": "assets/{value}"
+                  },
+                  {
+                    "key": "content.staked",
+                    "label": "Staked",
+                    "width": "80px"
+                  },
+                  {
+                    "key": "content.revoked",
+                    "label": "Revoked",
+                    "width": "80px"
+                  }
+                ],
+                "pageSize": 20,
+                "pagination": "manual",
+                "clickMode": "both",
+                "autoSelect": false,
+                "filter": {
+                  "exclude": ".."
+                },
+                "showBreadcrumb": false
+              }
+            }
+          ]
+        },
+        {
+          "id": "sk-tab-data",
+          "type": "view",
+          "props": {
+            "tabLabel": "Data",
+            "tabIcon": "hard-drive",
+            "layout": {
+              "direction": "column",
+              "gap": "none"
+            }
+          },
+          "children": [
+            {
+              "id": "sk-data-code",
+              "type": "text",
+              "props": {
+                "content": "${content|json:pretty}",
+                "format": "code",
+                "language": "json"
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}

package/aup/tokens/default.json

@@ -0,0 +1,76 @@
+{
+  "id": "tokens-view",
+  "type": "view",
+  "props": {
+    "layout": {
+      "direction": "column",
+      "gap": "none"
+    },
+    "style": {
+      "flex": "1",
+      "overflow": "auto"
+    }
+  },
+  "children": [
+    {
+      "id": "tokens-title",
+      "type": "text",
+      "props": { "content": "Tokens", "level": 1 }
+    },
+    {
+      "id": "tokens-view-list",
+      "type": "afs-list",
+      "src": "${_parentPath}",
+      "props": {
+        "layout": "table",
+        "columns": [
+          {
+            "key": "content.name",
+            "label": "Name",
+            "mobileRole": "title",
+            "width": "160px"
+          },
+          {
+            "key": "content.symbol",
+            "label": "Symbol",
+            "width": "100px"
+          },
+          {
+            "key": "content.address",
+            "label": "Address",
+            "format": "did",
+            "width": "180px"
+          },
+          {
+            "key": "content.totalSupply",
+            "label": "Supply",
+            "format": "bignum:@{content.decimal}",
+            "width": "140px",
+            "align": "right"
+          },
+          {
+            "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
+      }
+    }
+  ]
+}