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

src/ui/tests/plugin-host/fixtures/hook-plugin/manifest.json

@@ -0,0 +1,14 @@
+{
+  "id": "hook-fixture",
+  "name": "Hook fixture",
+  "version": "1.0.0",
+  "description": "Built by the CLI in a test to prove a bundle shares the shell's React.",
+  "author": { "name": "Termix" },
+  "license": "MIT",
+  "category": "Productivity",
+  "engine": { "termix": ">=2.9.0", "api": "1" },
+  "capabilities": ["ui:surface"],
+  "contributes": {
+    "panels": [{ "id": "hook-panel", "titleKey": "title" }]
+  }
+}

src/ui/tests/plugin-host/fixtures/hook-plugin/src/backend/index.ts

@@ -0,0 +1 @@
+export function activate(): void {}

src/ui/tests/plugin-host/fixtures/hook-plugin/src/frontend/index.tsx

@@ -0,0 +1,16 @@
+import { useState } from "react";
+import { useTranslation, type TermixApp } from "@termix/plugin-sdk/frontend";
+
+function Counter() {
+  const { t } = useTranslation();
+  const [count, setCount] = useState(0);
+  return (
+    <button type="button" onClick={() => setCount(count + 1)}>
+      {t("title")}: {count}
+    </button>
+  );
+}
+
+export function activate(app: TermixApp): void {
+  app.registerPanel("hook-panel", Counter);
+}