feat: load plugin frontends at runtime and remove plugin ids from the shell

plugins/automations/src/frontend/AutomationsPanel.tsx

@@ -1,6 +1,6 @@
 import { getErrorMessage } from "@/lib/error-message.js";
 import { useCallback, useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from "@termix/plugin-sdk/frontend";
 import { toast } from "sonner";
 import {
   ArrowLeft,
@@ -35,7 +35,8 @@ import {
 import { NotificationChannelDialog } from "@/sidebar/NotificationChannelDialog";
 import { getSnippets } from "@/api/snippets-api";
 import { getSSHHosts } from "@/api/ssh-host-management-api";
-import { listFleets } from "@/api/fleets-api";
+import { invokeAction } from "@termix/plugin-sdk/frontend";
+
 import {
   AutomationEditor,
   emptyDraft,
@@ -70,6 +71,14 @@ function timeAgo(iso: string | null): string {
   return `${Math.floor(hr / 24)}d ago`;
 }
 
+/** Fleets from the fleets plugin, or none when it is not running. */
+async function listFleets(): Promise<{ id: number; name: string }[]> {
+  const result = await invokeAction("fleets.list");
+  return Array.isArray(result)
+    ? (result as { id: number; name: string }[])
+    : [];
+}
+
 export function AutomationsPanel({
   active = true,
   onEditingChange,