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

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

@@ -1,18 +1,39 @@
+import { useHosts, useTranslation } from "@termix/plugin-sdk/frontend";
+import { Select2 } from "@termix/plugin-sdk/ui";
 import type {
   FileManagerWidgetConfig,
   WidgetEditFormProps,
-} from "@/types/homepage-types";
-import { SingleHostEditForm } from "@/features/homepage/dialogs/SingleHostEditForm";
+} from "./homepage.js";
 
 export function FileManagerWidgetEditForm({
   config,
   onChange,
 }: WidgetEditFormProps<FileManagerWidgetConfig>) {
+  const { t } = useTranslation();
+  const { hosts } = useHosts();
+  const options = hosts.filter(
+    (host) => host.enableSsh !== false && host.enableFileManager !== false,
+  );
+
   return (
-    <SingleHostEditForm
-      hostId={config.hostId}
-      onChange={(hostId) => onChange({ ...config, hostId })}
-      filter={(h) => !!(h.enableSsh && h.enableFileManager)}
-    />
+    <div className="flex flex-col gap-1">
+      <label className="text-xs font-medium text-muted-foreground">
+        {t("common.host")}
+      </label>
+      <Select2
+        value={config.hostId || ""}
+        onChange={(e) =>
+          onChange({ ...config, hostId: Number(e.target.value) })
+        }
+        className="h-8 text-xs border border-border bg-background px-2"
+      >
+        <option value="">{t("common.selectHost")}</option>
+        {options.map((host) => (
+          <option key={host.id} value={host.id}>
+            {host.name || host.ip}
+          </option>
+        ))}
+      </Select2>
+    </div>
   );
 }