feat: finish the homepage plugin, move service links and canvas out of core (B19)

plugins/file-manager/src/frontend/homepage/FileManagerWidget.tsx

@@ -1,14 +1,12 @@
-import { useState, useEffect } from "react";
 import { FolderSearch } from "lucide-react";
 import { useTranslation } from "react-i18next";
+import { useHost } from "@termix/plugin-sdk/frontend";
+import { WidgetTitle } from "@termix/plugin-sdk/ui";
 import type {
   FileManagerWidgetConfig,
   WidgetComponentProps,
-} from "@/types/homepage-types";
-import { getSSHHosts } from "@/api/ssh-host-management-api";
-import type { SSHHostWithStatus } from "@/main-axios";
+} from "./homepage.js";
 import type { SSHHost } from "@/types/index";
-import { WidgetTitle } from "@/features/homepage/widgets/WidgetTitle";
 import { FileManager } from "../FileManager";
 
 export function FileManagerWidget({
@@ -16,36 +14,13 @@ export function FileManagerWidget({
   config,
 }: WidgetComponentProps<FileManagerWidgetConfig>) {
   const { t } = useTranslation();
-  const [host, setHost] = useState<SSHHostWithStatus | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    if (!config.hostId) {
-      setLoading(false);
-      return;
-    }
-    getSSHHosts()
-      .then((hosts) => {
-        const found = hosts.find((h) => h.id === config.hostId);
-        setHost(found ?? null);
-      })
-      .catch(() => {})
-      .finally(() => setLoading(false));
-  }, [config.hostId]);
+  const host = useHost(config.hostId || undefined);
 
   if (!config.hostId) {
     return (
       <div className="flex flex-col items-center justify-center w-full h-full gap-2 text-muted-foreground/60">
         <FolderSearch size={20} />
-        <span className="text-xs">{t("homepage.widgetNoHostSelected")}</span>
-      </div>
-    );
-  }
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center w-full h-full text-xs text-muted-foreground/60">
-        {t("homepage.loading")}
+        <span className="text-xs">{t("common.noHostConfigured")}</span>
       </div>
     );
   }
@@ -53,7 +28,7 @@ export function FileManagerWidget({
   if (!host) {
     return (
       <div className="flex items-center justify-center w-full h-full text-xs text-muted-foreground/60">
-        {t("homepage.widgetNoHostSelected")}
+        {t("common.noHostConfigured")}
       </div>
     );
   }