Updates to ui, lightspark-sdk (#473)

* [nage] add pagination design for DataManagerTable, add temp security log table (#19556)

- adds custom DataManagerTable for nage with common props
- adds temporary security log table to test pagination
- adds customization to Dropdown to allow showing the menu above the button

![Screenshot 2025-07-31 at 4.24.28 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/7f329b0c-d223-4225-a112-da517dac8bbd.png)

![Screenshot 2025-07-30 at 6.01.52 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/59bbed82-711e-421b-a81d-a32123e02ab2.png)

The pagination has a few different possible states:

1. show first and 2nd page and last
![Screenshot 2025-07-31 at 3.13.09 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/0a92c43f-db47-4c17-8eb6-ecbbd3a25c53.png)

2. show current page if between those with ellipses
![Screenshot 2025-07-31 at 3.30.23 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/eebe6cba-428b-4627-aa81-1a0b56bb53b7.png)

3. only show ellipses if there are pages between
![Screenshot 2025-07-31 at 3.30.51 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/4f4b9388-f930-4549-83c7-d19b974c6b45.png)

Note:
Clicking on page numbers doesn't work if it's a later page that has not been queried yet. This is because we use cursor based pagination and trying to jump to a page is a limitation. We would have to query all pages in between which isn't scalable. For now just allowing clicking on previously seen pages instead
GitOrigin-RevId: 916311d5507ece64bedd26d3b39a2f0c527611d1

* [nage] add code section to DetailsPage (#19576)

![Screenshot 2025-08-01 at 3.06.14 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/41416683-5499-4670-b0f3-58816e463a01.png)

GitOrigin-RevId: db09e1902f935af2d462c5334d2d8f3a40b59433

* CI update lock file for PR

* Cleanup ls-sdk client.ts (#19540)

GitOrigin-RevId: bbecc81cf1cc398f1e168299866fb5e3e1b13941

* Regenerate js-sdk objects (#19649)

GitOrigin-RevId: 5702e553a68bc5691fc389404c3d8058b1f87ba9

* Create old-knives-wish.md

* Create smart-ways-fetch.md

---------

Co-authored-by: Brian Siao Tick Chong <bsiaotickchong@gmail.com>
Co-authored-by: Lightspark Eng <engineering@lightspark.com>
Co-authored-by: Jason Wang <jason@lightspark.com>

Author: 4 people

.changeset/old-knives-wish.md

@@ -0,0 +1,5 @@
+---
+"@lightsparkdev/ui": patch
+---
+
+Adding additional nage dashboard designs and components

.changeset/smart-ways-fetch.md

@@ -0,0 +1,5 @@
+---
+"@lightsparkdev/lightspark-sdk": patch
+---
+
+- Regenerated Graphql Objects and added new code field onto UmaCurrency query.

package.json

@@ -45,8 +45,10 @@
     "@changesets/cli": "^2.29.4",
     "@manypkg/cli": "^0.24.0",
     "@octokit/auth-action": "^4.0.1",
+    "@types/prismjs": "^1.26.0",
     "human-id": "^4.1.1",
     "octokit": "^4.0.2",
+    "prismjs": "^1.29.0",
     "ts-prune": "^0.10.3",
     "turbo": "^2.5.4"
   },

packages/lightspark-sdk/src/client.ts

@@ -791,7 +791,7 @@ class LightsparkClient {
    * @param withdrawalMode The strategy that should be used to withdraw the funds from this node.
    * @returns An estimated amount for the L1 withdrawal fees for the specified node, amount, and strategy.
    */
-  public async getWithrawalFeeEstimate(
+  public async getWithdrawalFeeEstimate(
     nodeId: string,
     amountSats: number,
     withdrawalMode: WithdrawalMode,
@@ -1820,8 +1820,14 @@ class LightsparkClient {
     });
   }
 
+  /**
+   * Looks up a UMA address to check if it exists.
+   *
+   * @param umaAddress The UMA address to look up.
+   * @returns True if the UMA address exists, false otherwise.
+   */
   public async lookupUmaAddress(umaAddress: string): Promise<boolean> {
-    return await this.executeRawQuery({
+    const result = await this.executeRawQuery({
       queryPayload: LookupUmaAddress,
       variables: { uma_address: umaAddress },
       constructObject: (responseJson: {
@@ -1830,6 +1836,7 @@ class LightsparkClient {
         return responseJson.lookup_uma_address;
       },
     });
+    return result ?? false;
   }
 }
 

packages/lightspark-sdk/src/objects/ChannelStatus.ts

@@ -22,8 +22,8 @@ export enum ChannelStatus {
    */
   UNBALANCED_FOR_SEND = "UNBALANCED_FOR_SEND",
   /**
-   * The channel is behaving properly, but its remote balance is much lower than its
-   * local balance so it is not balanced properly for receiving funds. *
+   * The channel is behaving properly, but its remote balance is much lower than its local balance
+   * so it is not balanced properly for receiving funds. *
    */
   UNBALANCED_FOR_RECEIVE = "UNBALANCED_FOR_RECEIVE",
   /**

packages/lightspark-sdk/src/objects/CurrencyUnit.ts

@@ -17,8 +17,9 @@ export enum CurrencyUnit {
    * commonly used in Lightning transactions. *
    */
   SATOSHI = "SATOSHI",
-  /** 0.001 Satoshi, or 10e-11 Bitcoin. We recommend using the Satoshi unit instead when
-   * possible. **/
+  /**
+   * 0.001 Satoshi, or 10e-11 Bitcoin. We recommend using the Satoshi unit instead when possible. *
+   */
   MILLISATOSHI = "MILLISATOSHI",
   /** United States Dollar. **/
   USD = "USD",

packages/lightspark-sdk/src/objects/Entity.ts

@@ -1444,7 +1444,7 @@ fragment EntityFragment on Entity {
             __typename
             uma_currency_amount_value: value
             uma_currency_amount_currency: currency {
-                id
+                code
             }
         }
         uma_invitation_cancelled_at: cancelled_at

packages/lightspark-sdk/src/objects/TransactionStatus.ts

@@ -16,8 +16,9 @@ export enum TransactionStatus {
   FAILED = "FAILED",
   /** Transaction has been initiated and is currently in-flight. **/
   PENDING = "PENDING",
-  /** For transaction type PAYMENT_REQUEST only. No payments have been made to a payment
-   * request. **/
+  /**
+   * For transaction type PAYMENT_REQUEST only. No payments have been made to a payment request. *
+   */
   NOT_STARTED = "NOT_STARTED",
   /** For transaction type PAYMENT_REQUEST only. A payment request has expired. **/
   EXPIRED = "EXPIRED",

packages/lightspark-sdk/src/objects/UmaCurrencyAmount.ts

@@ -1,21 +1,24 @@
 // Copyright ©, 2023-present, Lightspark Group, Inc. - All Rights Reserved
 
+import type UmaCurrency from "./UmaCurrency.js";
+import { UmaCurrencyFromJson, UmaCurrencyToJson } from "./UmaCurrency.js";
+
 interface UmaCurrencyAmount {
   value: number;
 
-  currencyId: string;
+  currency: UmaCurrency;
 }
 
 export const UmaCurrencyAmountFromJson = (obj: any): UmaCurrencyAmount => {
   return {
     value: obj["uma_currency_amount_value"],
-    currencyId: obj["uma_currency_amount_currency"].id,
+    currency: UmaCurrencyFromJson(obj["uma_currency_amount_currency"]),
   } as UmaCurrencyAmount;
 };
 export const UmaCurrencyAmountToJson = (obj: UmaCurrencyAmount): any => {
   return {
     uma_currency_amount_value: obj.value,
-    uma_currency_amount_currency: { id: obj.currencyId },
+    uma_currency_amount_currency: UmaCurrencyToJson(obj.currency),
   };
 };
 
@@ -24,7 +27,7 @@ fragment UmaCurrencyAmountFragment on UmaCurrencyAmount {
     __typename
     uma_currency_amount_value: value
     uma_currency_amount_currency: currency {
-        id
+        code
     }
 }`;
 

packages/lightspark-sdk/src/objects/UmaInvitation.ts

@@ -139,7 +139,7 @@ fragment UmaInvitationFragment on UmaInvitation {
         __typename
         uma_currency_amount_value: value
         uma_currency_amount_currency: currency {
-            id
+            code
         }
     }
     uma_invitation_cancelled_at: cancelled_at