feat(core-api): add host assets endpoint and refresh dashboard stats

- getHostAssets: list distinct asset hosts with service counts and
  discovery time, sortable by value/count/createdAt
- statistic: drop inventory-changes endpoint, enrich top technologies
  with icon URLs via TechnologyForwarderService
- console: rework dashboard widgets (recent assets, inventory changes,
  top technologies), sync orval-generated hooks and msw handlers

Author: l1ttps

.open-api/open-api.json

@@ -5,7 +5,7 @@ import {
   CardTitle,
 } from '@/components/ui/card';
 import { useWorkspaceState } from '@/hooks/useWorkspaceSelector';
-import { useStatisticControllerGetInventoryChanges } from '@/services/apis/gen/queries';
+import { useAssetsControllerGetHostAssets } from '@/services/apis/gen/queries';
 import { ChevronRight, Clock } from 'lucide-react';
 import { useNavigate } from '@tanstack/react-router';
 import dayjs from 'dayjs';
@@ -18,21 +18,29 @@ const RecentAssets = () => {
   const {
     state: { selectedWorkspaceId },
   } = useWorkspaceState();
-  const { data, isLoading, error } = useStatisticControllerGetInventoryChanges({
-    query: {
-      queryKey: ['inventory-changes', selectedWorkspaceId],
+  const { data, isLoading, error } = useAssetsControllerGetHostAssets(
+    {
+      page: 1,
+      limit: 10,
+      sortBy: 'createdAt',
+      sortOrder: 'DESC',
     },
-  });
+    {
+      query: {
+        queryKey: ['recent-hosts', selectedWorkspaceId],
+      },
+    },
+  );
 
-  const recentAssets = data?.recentAssets ?? [];
+  const recentHosts = data?.data ?? [];
 
   if (isLoading) {
     return (
       <Card className="h-full">
         <CardHeader>
           <CardTitle className="flex items-center gap-2">
             <Clock className="h-5 w-5 text-primary" />
-            Recent Assets
+            Recent Hosts
           </CardTitle>
         </CardHeader>
         <CardContent className="flex h-full items-center justify-center text-sm text-muted-foreground">
@@ -48,7 +56,7 @@ const RecentAssets = () => {
         <CardHeader>
           <CardTitle className="flex items-center gap-2">
             <Clock className="h-5 w-5 text-primary" />
-            Recent Assets
+            Recent Hosts
           </CardTitle>
         </CardHeader>
         <CardContent className="flex h-full items-center justify-center text-sm text-red-600">
@@ -63,34 +71,35 @@ const RecentAssets = () => {
       <CardHeader>
         <CardTitle className="flex items-center gap-2">
           <Clock className="h-5 w-5 text-primary" />
-          Recent Assets
+          Recent Hosts
         </CardTitle>
       </CardHeader>
       <CardContent className="min-h-0 flex-1">
-        {recentAssets.length === 0 ? (
+        {recentHosts.length === 0 ? (
           <div className="flex h-full items-center justify-center text-sm text-muted-foreground">
-            No new assets discovered
+            No new hosts discovered
           </div>
         ) : (
           <div className="min-h-0 h-full space-y-0.5 overflow-y-auto pr-1">
-            {recentAssets.map((asset) => (
+            {recentHosts.map((host) => (
               <button
-                key={asset.id}
+                key={host.id}
                 className="group flex w-full items-center justify-between gap-2 rounded-md px-2 py-1.5 text-left transition-colors hover:bg-muted/50"
                 onClick={() =>
                   navigate({
                     to: '/assets',
                     search: {
                       tab: 'host',
                       page: 1,
-                      hosts: asset.value,
+                      pageSize: 1,
+                      filter: host.host,
                     },
                   })
                 }
               >
-                <span className="truncate text-sm">{asset.value}</span>
+                <span className="truncate text-sm">{host.host}</span>
                 <span className="flex shrink-0 items-center gap-1 text-xs text-muted-foreground">
-                  {dayjs(asset.createdAt).fromNow()}
+                  {dayjs(host.createdAt).fromNow()}
                   <ChevronRight className="h-3.5 w-3.5 opacity-0 transition-opacity group-hover:opacity-100" />
                 </span>
               </button>

console/src/pages/dashboard/components/inventory-changes.tsx

@@ -1,7 +1,7 @@
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import { useWorkspaceState } from '@/hooks/useWorkspaceSelector';
 import { useStatisticControllerGetTopTechnologies } from '@/services/apis/gen/queries';
-import { ChevronRight, Layers } from 'lucide-react';
+import { ChevronRight, Layers, Boxes } from 'lucide-react';
 import { useNavigate } from '@tanstack/react-router';
 
 const TopTechnologies = () => {
@@ -77,14 +77,29 @@ const TopTechnologies = () => {
                     search: {
                       tab: 'technology',
                       page: 1,
-                      techs: item.name,
+                      pageSize: 1,
+                      filter: item.name,
                     },
                   })
                 }
               >
-                <div className="flex items-center justify-between text-sm">
-                  <span className="truncate pr-2 font-medium">{item.name}</span>
-                  <span className="flex items-center gap-1 font-mono text-muted-foreground">
+                <div className="flex items-center justify-between gap-2 text-sm">
+                  <span className="flex min-w-0 items-center gap-2">
+                    {item.iconUrl ? (
+                      <img
+                        src={item.iconUrl}
+                        alt={item.name}
+                        className="size-4 shrink-0"
+                        onError={(e) => {
+                          e.currentTarget.style.display = 'none';
+                        }}
+                      />
+                    ) : (
+                      <Boxes className="size-4 shrink-0 text-muted-foreground" />
+                    )}
+                    <span className="truncate font-medium">{item.name}</span>
+                  </span>
+                  <span className="flex shrink-0 items-center gap-1 font-mono text-muted-foreground">
                     {item.count}
                     <ChevronRight className="h-3.5 w-3.5 opacity-0 transition-opacity group-hover:opacity-100" />
                   </span>

console/src/pages/dashboard/components/recent-assets.tsx

@@ -5,7 +5,6 @@ import { useStatisticControllerGetAssetLocations } from '@/services/apis/gen/que
 import { useState } from 'react';
 import CreateWorkspace from '../workspaces/create-workspace';
 import { AssetTrends } from './components/asset-trends';
-import InventoryChanges from './components/inventory-changes';
 import IpLocationsCard from './components/ip-locations-card';
 import IssuesTimeline from './components/issues-timeline';
 import RecentAssets from './components/recent-assets';
@@ -73,8 +72,7 @@ export default function Dashboard() {
               <RecentAssets />
             </div>
           </div>
-          <div className="grid grid-cols-1 xl:grid-cols-3 gap-4">
-            <InventoryChanges />
+          <div className="grid grid-cols-1 xl:grid-cols-2 gap-4">
             <TopPorts />
             <TopTechnologies />
           </div>