Refactor OrgHomePage by removing unused components and functions, streamlining imports, and enhancing code clarity.

Author: tlgimenes

apps/mesh/src/web/routes/orgs/home/page.tsx

@@ -5,7 +5,6 @@
  * Supports graph view toggle in header.
  */
 
-import { createToolCaller } from "@/tools/client";
 import { ChatProvider, useChat } from "@/web/components/chat/chat-context";
 import { ChatInput } from "@/web/components/chat/chat-input";
 import { DecoChatSkeleton } from "@/web/components/chat/deco-chat-skeleton";
@@ -20,16 +19,13 @@ import {
 import { NoLlmBindingEmptyState } from "@/web/components/chat/no-llm-binding-empty-state";
 import { ThreadHistoryPopover } from "@/web/components/chat/thread-history-popover";
 import { ErrorBoundary } from "@/web/components/error-boundary";
-import { IntegrationIcon } from "@/web/components/integration-icon.tsx";
-import type { MonitoringLogsWithGatewayResponse } from "@/web/components/monitoring/index";
 import { useConnections } from "@/web/hooks/collections/use-connection";
 import { useGateways } from "@/web/hooks/collections/use-gateway";
 import { useBindingConnections } from "@/web/hooks/use-binding";
 import { useThreads } from "@/web/hooks/use-chat-store";
 import { useInvalidateCollectionsOnToolCall } from "@/web/hooks/use-invalidate-collections-on-tool-call";
 import { useLocalStorage } from "@/web/hooks/use-local-storage";
 import { usePersistedChat } from "@/web/hooks/use-persisted-chat";
-import { useToolCall } from "@/web/hooks/use-tool-call";
 import { authClient } from "@/web/lib/auth-client";
 import { LOCALSTORAGE_KEYS } from "@/web/lib/localstorage-keys";
 import { useProjectContext } from "@/web/providers/project-context-provider";
@@ -38,7 +34,6 @@ import { ViewModeToggle } from "@deco/ui/components/view-mode-toggle.tsx";
 import type { Metadata } from "@deco/ui/types/chat-metadata.ts";
 import { useNavigate, useRouterState } from "@tanstack/react-router";
 import {
-  CpuChip02,
   GitBranch01,
   Loading01,
   MessageChatSquare,
@@ -103,62 +98,6 @@ function useStoredSelection<TState, TItem>(
 
 type HomeViewMode = "chat" | "graph";
 
-// ---------- Date Range Helper ----------
-
-function getLast24HoursDateRange() {
-  const now = Date.now();
-  const fiveMinutes = 5 * 60 * 1000;
-  const roundedNow = Math.floor(now / fiveMinutes) * fiveMinutes;
-  const endDate = new Date(roundedNow);
-  const startDate = new Date(roundedNow - 24 * 60 * 60 * 1000);
-  return {
-    startDate: startDate.toISOString(),
-    endDate: endDate.toISOString(),
-  };
-}
-
-function aggregateGatewayToolCalls(
-  logs: Array<{ gatewayId?: string | null }>,
-): Map<string, number> {
-  const counts = new Map<string, number>();
-  for (const log of logs) {
-    if (!log.gatewayId) continue;
-    counts.set(log.gatewayId, (counts.get(log.gatewayId) ?? 0) + 1);
-  }
-  return counts;
-}
-
-// ---------- Hub Cards Grid ----------
-
-const MAX_HUB_CARDS = 6;
-
-interface HubCardProps {
-  icon: string | null | undefined;
-  title: string;
-  onClick: () => void;
-}
-
-function HubCard({ icon, title, onClick }: HubCardProps) {
-  return (
-    <button
-      type="button"
-      onClick={onClick}
-      className="flex items-center gap-2 p-3 rounded-xl border border-border hover:bg-accent/50 transition-colors text-left cursor-pointer"
-    >
-      <IntegrationIcon
-        icon={icon}
-        name={title}
-        size="sm"
-        fallbackIcon={<CpuChip02 size={16} />}
-        className="shrink-0"
-      />
-      <span className="text-sm font-medium text-foreground truncate">
-        {title}
-      </span>
-    </button>
-  );
-}
-
 // ---------- Main Content ----------
 
 function HomeContent() {
@@ -509,11 +448,6 @@ function HomeContent() {
                 </ChatInput>
               </div>
 
-              {/* Hub Cards Grid - sorted by tool calls */}
-              <TopHubsGrid
-                gateways={gateways}
-                onSelectGateway={handleGatewayChange}
-              />
             </div>
           </div>
         )}
@@ -522,59 +456,6 @@ function HomeContent() {
   );
 }
 
-// ---------- Top Hubs Grid Component ----------
-
-function TopHubsGrid({
-  gateways,
-  onSelectGateway,
-}: {
-  gateways: ReturnType<typeof useGateways>;
-  onSelectGateway: (gatewayId: string) => void;
-}) {
-  const { locator } = useProjectContext();
-  const toolCaller = createToolCaller();
-  const dateRange = getLast24HoursDateRange();
-
-  const { data: logsData } = useToolCall<
-    { startDate: string; endDate: string; limit: number; offset: number },
-    MonitoringLogsWithGatewayResponse
-  >({
-    toolCaller,
-    toolName: "MONITORING_LOGS_LIST",
-    toolInputParams: { ...dateRange, limit: 1000, offset: 0 },
-    scope: locator,
-    staleTime: 30_000,
-  });
-
-  const logs = logsData?.logs ?? [];
-  const toolCallCounts = aggregateGatewayToolCalls(logs);
-
-  // Sort gateways by tool call count (descending), take max 6
-  const sortedGateways = [...gateways]
-    .sort((a, b) => {
-      const countA = toolCallCounts.get(a.id) ?? 0;
-      const countB = toolCallCounts.get(b.id) ?? 0;
-      return countB - countA;
-    })
-    .slice(0, MAX_HUB_CARDS);
-
-  if (sortedGateways.length === 0) return null;
-
-  return (
-    <div className="w-full">
-      <div className="grid grid-cols-3 gap-2">
-        {sortedGateways.map((gateway) => (
-          <HubCard
-            key={gateway.id}
-            icon={gateway.icon}
-            title={gateway.title}
-            onClick={() => onSelectGateway(gateway.id)}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
 
 export default function OrgHomePage() {
   // Force remount on navigation to reset chat view