datajunction-ui 0.0.143 → 0.0.144

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "datajunction-ui",
-  "version": "0.0.143",
+  "version": "0.0.144",
   "description": "DataJunction UI",
   "module": "src/index.tsx",
   "repository": {

package/src/app/pages/NamespacePage/__tests__/index.test.jsx

@@ -639,14 +639,14 @@ describe('NamespacePage', () => {
         git_branch: 'main',
         num_nodes: 10,
         invalid_node_count: 1,
-        last_deployed_at: '2024-10-18T12:00:00+00:00',
+        last_updated_at: '2024-10-18T12:00:00+00:00',
       },
       {
         namespace: 'default.feature-xyz',
         git_branch: 'feature-xyz',
         num_nodes: 5,
         invalid_node_count: 0,
-        last_deployed_at: null,
+        last_updated_at: null,
       },
     ];
 
@@ -797,7 +797,7 @@ describe('NamespacePage', () => {
   });
 
   describe('formatRelativeTime', () => {
-    it('shows last_deployed_at timestamp on branch cards', async () => {
+    it('shows last_updated_at timestamp on branch cards', async () => {
       mockDjClient.getNamespaceGitConfig.mockResolvedValue({
         github_repo_path: 'org/repo',
         git_branch: 'main',
@@ -811,7 +811,7 @@ describe('NamespacePage', () => {
           git_branch: 'main',
           num_nodes: 3,
           invalid_node_count: 0,
-          last_deployed_at: new Date(
+          last_updated_at: new Date(
             Date.now() - 2 * 24 * 60 * 60 * 1000,
           ).toISOString(),
         },

package/src/app/pages/NamespacePage/index.jsx

@@ -56,7 +56,7 @@ function DefaultBranchPreview({ groups, defaultBranchNs }) {
         margin: '20px',
       }}
     >
-      {filtered.map(({ type, nodes: typeNodes, hasMore }, idx) => {
+      {filtered.map(({ type, nodes: typeNodes, hasMore, totalCount }, idx) => {
         const shown = typeNodes;
         const isLeftCol = idx % 2 === 0;
         return (
@@ -100,7 +100,8 @@ function DefaultBranchPreview({ groups, defaultBranchNs }) {
                     borderRadius: '8px',
                   }}
                 >
-                  {typeNodes.length}
+                  {totalCount ??
+                    (hasMore ? `${MAX_PER_TYPE}+` : typeNodes.length)}
                 </span>
               </span>
               {hasMore && (
@@ -440,6 +441,8 @@ export function NamespacePage() {
           )
           .then(result => {
             const edges = result?.data?.findNodesPaginated?.edges ?? [];
+            const totalCount =
+              result?.data?.findNodesPaginated?.totalCount ?? null;
             const nodes = edges.map(e => ({
               ...e.node,
               status: e.node.current?.status,
@@ -449,9 +452,10 @@ export function NamespacePage() {
               type,
               nodes: nodes.slice(0, MAX_PER_TYPE),
               hasMore: nodes.length > MAX_PER_TYPE,
+              totalCount,
             };
           })
-          .catch(() => ({ type, nodes: [], hasMore: false })),
+          .catch(() => ({ type, nodes: [], hasMore: false, totalCount: null })),
       ),
     )
       .then(groups => setDefaultBranchGroups(groups))
@@ -1430,7 +1434,7 @@ export function NamespacePage() {
                                     {b.invalid_node_count} invalid
                                   </span>
                                 )}
-                                {b.last_deployed_at && (
+                                {b.last_updated_at && (
                                   <span
                                     style={{
                                       display: 'flex',
@@ -1438,9 +1442,9 @@ export function NamespacePage() {
                                       gap: '3px',
                                       color: '#94a3b8',
                                     }}
-                                    title={new Date(
-                                      b.last_deployed_at,
-                                    ).toLocaleString()}
+                                    title={`Last node update: ${new Date(
+                                      b.last_updated_at,
+                                    ).toLocaleString()}`}
                                   >
                                     <svg
                                       xmlns="http://www.w3.org/2000/svg"
@@ -1456,7 +1460,7 @@ export function NamespacePage() {
                                       <circle cx="12" cy="12" r="10" />
                                       <polyline points="12 6 12 12 16 14" />
                                     </svg>
-                                    {formatRelativeTime(b.last_deployed_at)}
+                                    {formatRelativeTime(b.last_updated_at)}
                                   </span>
                                 )}
                               </div>

package/src/app/services/DJService.js

@@ -60,6 +60,7 @@ export const DataJunctionAPI = {
             hasPrevPage
             startCursor
           }
+          totalCount
           edges {
             node {
               name