feat: convert file manager into a plugin

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

@@ -0,0 +1,72 @@
+import { useState, useEffect } from "react";
+import { FolderSearch } from "lucide-react";
+import { useTranslation } from "react-i18next";
+import type {
+  FileManagerWidgetConfig,
+  WidgetComponentProps,
+} from "@/types/homepage-types";
+import { getSSHHosts } from "@/api/ssh-host-management-api";
+import type { SSHHostWithStatus } from "@/main-axios";
+import type { SSHHost } from "@/types/index";
+import { WidgetTitle } from "@/features/homepage/widgets/WidgetTitle";
+import { FileManager } from "../FileManager";
+
+export function FileManagerWidget({
+  widget,
+  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]);
+
+  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")}
+      </div>
+    );
+  }
+
+  if (!host) {
+    return (
+      <div className="flex items-center justify-center w-full h-full text-xs text-muted-foreground/60">
+        {t("homepage.widgetNoHostSelected")}
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col w-full h-full overflow-hidden">
+      <WidgetTitle title={widget.title} icon={<FolderSearch size={11} />} />
+      <div
+        className="flex-1 overflow-hidden"
+        onMouseDown={(e) => e.stopPropagation()}
+      >
+        <FileManager initialHost={host as unknown as SSHHost} />
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,18 @@
+import type {
+  FileManagerWidgetConfig,
+  WidgetEditFormProps,
+} from "@/types/homepage-types";
+import { SingleHostEditForm } from "@/features/homepage/dialogs/SingleHostEditForm";
+
+export function FileManagerWidgetEditForm({
+  config,
+  onChange,
+}: WidgetEditFormProps<FileManagerWidgetConfig>) {
+  return (
+    <SingleHostEditForm
+      hostId={config.hostId}
+      onChange={(hostId) => onChange({ ...config, hostId })}
+      filter={(h) => !!(h.enableSsh && h.enableFileManager)}
+    />
+  );
+}