homeio

1"use client";
2
3import { AppGridContent } from "@/modules/apps/components/app-grid-content";
4import { useAppGridController } from "@/modules/apps/components/app-grid-controller";
5import { AppGridContextMenu } from "@/modules/apps/components/app-grid-menu";
6import type { AppActionTarget } from "@/modules/apps/components/app-grid-presenters";
7import { UninstallAppDialog } from "@/modules/apps/components/uninstall-app-dialog";
8import { X } from "@/components/icons/platform-icons";
9export type { AppActionTarget } from "@/modules/apps/components/app-grid-presenters";
10
11type AppGridProps = {
12  iconSize?: "small" | "medium" | "large";
13  animationsEnabled?: boolean;
14  onOpenDashboard?: (target: AppActionTarget) => void;
15  onViewLogs?: (target: AppActionTarget) => void;
16  onOpenTerminal?: (target: AppActionTarget) => void;
17  onOpenSettings?: (target: AppActionTarget) => void;
18  onCopyUrl?: (target: AppActionTarget) => void;
19};
20
21export function AppGrid({
22  iconSize = "medium",
23  animationsEnabled = true,
24  onOpenDashboard,
25  onViewLogs,
26  onOpenTerminal,
27  onOpenSettings,
28  onCopyUrl,
29}: AppGridProps) {
30  const controller = useAppGridController({
31    onCopyUrl,
32    onOpenDashboard,
33    onOpenSettings,
34    onOpenTerminal,
35    onViewLogs,
36  });
37
38  return (
39    <section
40      className="flex-1 px-6 pt-4 pb-6 overflow-y-auto"
41      onClick={controller.closeContextMenu}
42    >
43      {controller.actionError ? (
44        <div className="mt-4 flex items-start justify-between gap-2 rounded-lg border border-status-red/30 bg-status-red/10 px-3 py-2 text-xs text-status-red">
45          <span>{controller.actionError}</span>
46          <button
47            onClick={controller.dismissActionError}
48            className="mt-0.5 shrink-0 opacity-60 hover:opacity-100 transition-opacity cursor-pointer"
49            aria-label="Dismiss error"
50          >
51            <X className="size-3" />
52          </button>
53        </div>
54      ) : null}
55      <AppGridContent
56        activeAppId={controller.activeAppId}
57        activeOperationsCount={controller.activeOperationsCount}
58        animationsEnabled={animationsEnabled}
59        apps={controller.apps}
60        iconSize={iconSize}
61        isAppsError={controller.isAppsError}
62        isAppsLoading={controller.isAppsLoading}
63        onAppContextMenu={controller.openContextMenu}
64        onOpenApp={(app) => {
65          void controller.openDashboardForApp(app);
66        }}
67        primaryOperation={controller.primaryOperation}
68      />
69
70      {controller.contextMenu ? (
71        <div
72          className="fixed inset-0 z-[219]"
73          onClick={controller.closeContextMenu}
74        />
75      ) : null}
76
77      {controller.contextMenu && controller.menuApp ? (
78        <AppGridContextMenu
79          app={controller.menuApp}
80          hasDashboardUrl={controller.menuHasDashboardUrl}
81          isBusy={controller.isMenuAppBusy}
82          x={controller.contextMenu.x}
83          y={controller.contextMenu.y}
84          onAction={(action) => {
85            void controller.handleMenuAction(action);
86          }}
87        />
88      ) : null}
89
90      <UninstallAppDialog
91        open={controller.uninstallDialogOpen}
92        appName={controller.uninstallDialogAppName}
93        isSubmitting={controller.uninstallDialogSubmitting}
94        error={controller.uninstallDialogError}
95        onOpenChange={controller.handleUninstallDialogOpenChange}
96        onConfirm={controller.confirmUninstall}
97      />
98    </section>
99  );
100}
101