@termix-ssh/plugin-sdk 1.0.1 → 1.0.2

package/CHANGELOG.md

@@ -0,0 +1,54 @@
+# Changelog
+
+## 1.0.2
+
+### Added
+
+- `features` manifest field: up to 20 short lines about what the plugin does, shown on its page. `pluginFeatures()` reads them
+
+### Changed
+
+- `parseChangelog()` and `validateChangelog()` flag a `## Unreleased` section. Notes go under the version they ship in
+
+### Removed
+
+- `Changelog.unreleased`
+
+## 1.0.1
+
+### Added
+
+- Plugin API 1.1
+- `app.registerOnboardingStep()` adds a step to onboarding, with `OnboardingStepProps` and `OnboardingStepContribution`. Needs `engine.api` 1.1
+- `video` manifest field: a YouTube link shown at the top of the plugin's page, read with `youtubeVideoId()`
+- `@termix-ssh/plugin-sdk/changelog` parses and checks a plugin's `CHANGELOG.md`
+- `termix-plugin changelog` prints one version's notes from `CHANGELOG.md`
+- `termix-plugin dev` installs a plugin on a running server and reinstalls it on every change. Needs developer mode and an admin API key
+- `renderOnboardingStep()` and `registered.onboardingSteps()` in `renderWithApp()`
+- `AddButton`, `FormFooter`, `ListRow`, `ListRowAction`, `ListRowFolder`, `ListBadge` and `PanelList` in `@termix-ssh/plugin-sdk/ui`
+- `PanelSearch` takes `disabled`, `title`, `onEnter` and `inputRef`, and `SurfaceScope` takes `onClose`
+
+### Changed
+
+- Release notes moved from `CHANGELOG.json` to `CHANGELOG.md`, which `pack` now ships. `validate` flags a leftover `CHANGELOG.json`
+- `ConnectionScreen` dropped `errorMessage` and `retryLabel` and gained `onClose`. `ConnectionLogPanel` dropped `position`
+- Plugin tests run in worker threads, since forked workers crash now and then on Windows
+- The test setup stubs `ResizeObserver` for Radix controls under jsdom
+- `onboarding` is a reserved plugin id
+
+### Deprecated
+
+- The `onboarding.*` action slots. Use `registerOnboardingStep()`
+
+### Removed
+
+- `schema/changelog.schema.json`
+
+## 1.0.0
+
+### Added
+
+- Backend, frontend, database, manifest, capability and settings types for plugin API 1.0
+- Testing helpers and a Vitest preset for plugin tests
+- The `@termix-ssh/plugin-sdk/ui` component set
+- The `termix-plugin` CLI to build, validate, test, pack, sign and write migrations

package/README.md

@@ -48,7 +48,7 @@ in place of the flags. Reload the page to pick up frontend changes.
 
 ## Support
 
-To report a bug or request a feature, open a [support ticket](https://github.com/Termix-SSH/Support/issues/new/choose). You need to be logged in to GitHub. Please be as detailed as possible, preferably in English.
+Bugs and ideas for the SDK or the `termix-plugin` CLI go in the [Termix repo](https://github.com/Termix-SSH/Termix/issues/new/choose). You need to be logged in to GitHub. Please be as detailed as possible, preferably in English.
 
 For discussions and questions, join the [Discord](https://discord.gg/jVQGdvHDrf) server.
 

package/dist/changelog.d.ts

@@ -3,12 +3,7 @@
  *
  *   # Changelog
  *
- *   ## Unreleased
- *
- *   ### Added
- *   - Something merged but not shipped yet
- *
- *   ## 1.1.0 - 2026-10-06
+ *   ## 1.1.0
  *
  *   An optional summary paragraph.
  *
@@ -19,7 +14,8 @@
  *   - Something broken
  *
  * Releases are listed newest first, and the newest one has to be the
- * manifest version. The date is optional until the version ships.
+ * manifest version. Notes go straight under the version they ship in, there
+ * is no Unreleased section.
  */
 export declare const CHANGE_TYPES: readonly ["added", "changed", "fixed", "removed", "deprecated", "security"];
 export type ChangeType = (typeof CHANGE_TYPES)[number];
@@ -34,7 +30,6 @@ export interface ChangelogRelease {
     changes: ChangelogChange[];
 }
 export interface Changelog {
-    unreleased: ChangelogChange[];
     /** Newest first, as written. */
     releases: ChangelogRelease[];
 }

package/dist/changelog.js

@@ -3,12 +3,7 @@
  *
  *   # Changelog
  *
- *   ## Unreleased
- *
- *   ### Added
- *   - Something merged but not shipped yet
- *
- *   ## 1.1.0 - 2026-10-06
+ *   ## 1.1.0
  *
  *   An optional summary paragraph.
  *
@@ -19,7 +14,8 @@
  *   - Something broken
  *
  * Releases are listed newest first, and the newest one has to be the
- * manifest version. The date is optional until the version ships.
+ * manifest version. Notes go straight under the version they ship in, there
+ * is no Unreleased section.
  */
 import semver from "semver";
 export const CHANGE_TYPES = [
@@ -94,7 +90,7 @@ export function parseReleaseNotes(body, where = "release") {
 /** Parses a whole CHANGELOG.md. Problems are reported, never thrown. */
 export function parseChangelog(markdown) {
     const problems = [];
-    const changelog = { unreleased: [], releases: [] };
+    const changelog = { releases: [] };
     const lines = markdown.replace(/\r/g, "").split("\n");
     const blocks = [];
     let fence = false;
@@ -109,13 +105,9 @@ export function parseChangelog(markdown) {
         }
     });
     const seen = new Set();
-    blocks.forEach((block, i) => {
+    blocks.forEach((block) => {
         if (UNRELEASED_HEADING.test(block.heading)) {
-            if (i !== 0)
-                problems.push(`"## Unreleased" has to come first`);
-            const notes = parseReleaseNotes(block.body.join("\n"), "Unreleased");
-            problems.push(...notes.problems);
-            changelog.unreleased = notes.changes;
+            problems.push(`line ${block.line}: drop "## Unreleased", notes go under the version they ship in`);
             return;
         }
         const match = RELEASE_HEADING.exec(block.heading);

package/dist/host/{chunk-COGRSHKO.js → chunk-LKYAVM4T.js}

@@ -5037,7 +5037,7 @@ async function updateRole(roleId, roleData) {
   try {
     const response = await rbacApi.put(`/rbac/roles/${roleId}`, roleData);
     if (roleData.permissions) {
-      const { notifyPermissionsChanged } = await import("./use-permissions-SKWXHWDJ.js");
+      const { notifyPermissionsChanged } = await import("./use-permissions-5CZEA3P4.js");
       notifyPermissionsChanged();
     }
     return response.data;
@@ -5587,7 +5587,7 @@ function createRemoteOriginApiInstance(path) {
   });
   instance.interceptors.request.use(
     async (config) => {
-      const { getLinkedSession: getLinkedSession2 } = await import("./linked-server-BD573BEG.js");
+      const { getLinkedSession: getLinkedSession2 } = await import("./linked-server-DW5P3NLZ.js");
       const linked = await getLinkedSession2();
       config.baseURL = linked ? `${linked.serverUrl}${path}` : "http://no-server-configured";
       if (config.headers.set) {

package/dist/host/{chunk-7GL25GFS.js → chunk-SS43S6VI.js}

@@ -2,7 +2,7 @@ const __termixNoGlob = () => ({});
 import {
   hasPermission,
   usePermissions
-} from "./chunk-3KG44G55.js";
+} from "./chunk-XKMRKQFN.js";
 import {
   PRESETS,
   SYNC_CHANGED_EVENT,
@@ -38,7 +38,7 @@ import {
   usePluginStore,
   useTabTypes,
   websocketAuthProtocols
-} from "./chunk-COGRSHKO.js";
+} from "./chunk-LKYAVM4T.js";
 import {
   __export,
   define_import_meta_env_default
@@ -51082,7 +51082,7 @@ var en_default = {
     empty: "No cards. Use Add below to place cards."
   },
   auth: {
-    tagline: "Self-hosted SSH and remote desktop management",
+    tagline: "Self-hosted, plugin-based server management",
     loginTitle: "Welcome back",
     registerTitle: "Create Account",
     forgotPassword: "Forgot Password?",
@@ -51216,7 +51216,7 @@ var en_default = {
     title: "Dashboard",
     loading: "Loading dashboard...",
     github: "GitHub",
-    support: "Support",
+    reportBug: "Report a bug",
     discord: "Discord",
     docs: "Docs",
     donate: "Donate",
@@ -51732,10 +51732,6 @@ var en_default = {
         twoFaOn: "On",
         twoFaOff: "Off",
         versionLabel: "Version",
-        betaProgramTitle: "Beta Program",
-        betaProgramDescription: "Try upcoming features early with the weekly rolling :beta Docker tag. Unstable, not for production.",
-        betaProgramFeedback: "Found a bug? Report it here.",
-        betaProgramLearnMore: "Learn More",
         cliTitle: "Termix CLI",
         cliDescription: "Open terminals, run commands and move files from your own shell.",
         cliLearnMore: "Learn More",
@@ -51870,7 +51866,13 @@ var en_default = {
         linkedProfileDescription: "This device uses your account on the server and keeps a copy of your data, so it still works offline.",
         manageSync: "Manage sync",
         setUpSync: "Link to a server",
-        settingsTabsAndShortcuts: "Tabs and Shortcuts"
+        settingsTabsAndShortcuts: "Tabs and Shortcuts",
+        onBetaTitle: "You are on a beta",
+        onBetaDescription: "Thanks for testing. Tell us what breaks.",
+        tryBetaTitle: "Try new features early",
+        tryBetaDescription: "Join the beta program in Updates.",
+        sendBetaFeedback: "Send beta feedback",
+        openUpdates: "Updates"
       }
     }
   },
@@ -52152,8 +52154,9 @@ var en_default = {
       releaseNotes: "Release notes",
       noReleaseNotes: "No notes for this version.",
       viewRelease: "View on GitHub",
-      showAllReleases: "Show all {{count}}",
-      showFewerReleases: "Show fewer",
+      showOlderReleases: "Older releases ({{count}})",
+      hideOlderReleases: "Hide older releases",
+      showMoreChanges: "Show {{count}} more",
       videoTitle: "{{name}} video",
       changeTypes: {
         added: "Added",
@@ -52165,6 +52168,7 @@ var en_default = {
       },
       installedBadge: "Installed",
       incompatible: "Needs a newer Termix",
+      features: "Features",
       whatItCanDo: "What it can do",
       addsToTermix: "Adds to Termix",
       addsToTermixHint: "Uninstall and every one of these goes away.",
@@ -52209,7 +52213,23 @@ var en_default = {
       unverifiedHint: "Installed from a file. Termix did not check or sign it.",
       reportIssue: "Report an issue",
       reportTo: "Report to {{author}}",
-      openSettings: "Open its settings"
+      requestFeature: "Request a feature",
+      openSettings: "Open its settings",
+      beta: {
+        badge: "Beta",
+        badgeHint: "This is a beta version. It can have bugs.",
+        try: "Try beta {{version}}",
+        confirmTitle: "Use betas for {{name}}?",
+        confirmBody: "Betas get new features and fixes first, but they can have bugs. You can switch back to stable at any time.",
+        confirmInstall: "Install {{version}}",
+        confirmSwitch: "Use betas",
+        leftWhileOnBeta: "{{name}} stays on {{version}} until a stable release is newer.",
+        channel: "Beta versions",
+        channelHint: "Get new versions early. They can have bugs.",
+        waitingForStable: "Back on stable. Stays on {{version}} until a stable release is newer.",
+        versionLabel: "{{version}} (beta)",
+        sendFeedback: "Send beta feedback"
+      }
     }
   },
   settings: {
@@ -52248,7 +52268,39 @@ var en_default = {
     instanceSettings: "Server settings",
     nothingHere: "Nothing to set here.",
     searchPage: "Search this page",
-    noPageMatches: "Nothing on this page matches."
+    noPageMatches: "Nothing on this page matches.",
+    updates: {
+      title: "Updates",
+      betaProgram: "Beta program",
+      betaIntro: "Betas are early builds of the next Termix version. They come out on Tuesdays and Fridays when there is something new to try. They can have bugs, and your feedback is what makes the stable release better.",
+      termixBetas: "Termix betas",
+      termixBetasHint: "Tell me about new betas, not only stable releases.",
+      runningBetaBuild: "You are running a beta build. To leave, switch back to a stable image or installer.",
+      howToInstall: "How to get the beta",
+      desktopInstall: "Download the beta installer and install it over this one.",
+      downloadBeta: "Download {{version}}",
+      dockerInstall: "Change your image to the beta tag and restart the container:",
+      copy: "Copy",
+      copied: "Copied",
+      copyFailed: "Could not copy",
+      learnMore: "Learn more about betas",
+      feedback: "Feedback",
+      feedbackHint: "Found a bug or have an idea? It goes straight to the developers with your version filled in.",
+      sendFeedback: "Send beta feedback",
+      releases: "Releases",
+      thisVersion: "This version",
+      newestStable: "Newest stable",
+      newestBeta: "Newest beta",
+      noRelease: "None right now",
+      pluginBetas: "Plugin betas",
+      pluginBetasIntro: "Each plugin can use betas on its own. To try one, open it and press Try beta.",
+      openPlugins: "Open Plugins",
+      waitingForStable: "Back on stable. Stays on {{version}} until a stable release is newer.",
+      backToStable: "Back to stable",
+      allPluginsBeta: "Use betas for all plugins",
+      allPluginsStable: "All plugins back to stable",
+      saveFailed: "Could not save the change"
+    }
   },
   managerCard: {
     refresh: "Refresh",
@@ -52593,7 +52645,9 @@ i18n.use(localeBackend).use(Browser).use(initReactI18next).init({
     escapeValue: false
   },
   react: {
-    useSuspense: false
+    useSuspense: false,
+    // Repaint when a plugin enabled later loads its strings.
+    bindI18n: "languageChanged loaded"
   }
 });
 async function changeAppLanguage(language) {
@@ -53072,7 +53126,7 @@ function createPluginApi(pluginId) {
     get(target, property, receiver) {
       const value = Reflect.get(target, property, receiver);
       if (typeof value !== "function") return value;
-      if (property === "get" || property === "delete" || property === "head" || property === "options" || property === "post" || property === "put" || property === "patch") {
+      if (property === "get" || property === "delete" || property === "head" || property === "options" || property === "post" || property === "put" || property === "patch" || property === "postForm" || property === "putForm" || property === "patchForm") {
         return (url, ...rest) => value.call(
           target,
           `${prefix}${url.startsWith("/") ? url : `/${url}`}`,
@@ -53448,6 +53502,7 @@ async function getPlugins() {
   const response = await rbacApi.get("/plugins");
   return Array.isArray(response.data) ? response.data : [];
 }
+var PLUGINS_CHANGED_EVENT = "termix:plugins-changed";
 
 // src/ui/plugin-host/scope.tsx
 import {
@@ -53912,13 +53967,22 @@ var pluginHostBridge = {
     useEffect34(() => {
       let cancelled = false;
       if (scope === "host" && !Number.isFinite(numericHostId)) return;
-      SETTINGS_READERS[scope](pluginId, numericHostId).then((values) => {
+      const read = () => SETTINGS_READERS[scope](pluginId, numericHostId).then((values) => {
         if (!cancelled) setState({ values, loaded: true });
       }).catch(() => {
         if (!cancelled) setState((prev) => ({ ...prev, loaded: true }));
       });
+      void read();
+      const onChanged = (event) => {
+        const detail = event.detail;
+        if (detail?.pluginId !== pluginId || detail.scope !== scope) return;
+        if (scope === "host" && detail.hostId !== numericHostId) return;
+        void read();
+      };
+      window.addEventListener(PLUGIN_SETTINGS_CHANGED_EVENT, onChanged);
       return () => {
         cancelled = true;
+        window.removeEventListener(PLUGIN_SETTINGS_CHANGED_EVENT, onChanged);
       };
     }, [pluginId, scope, numericHostId]);
     const save = useCallback21(
@@ -54797,6 +54861,7 @@ export {
   isRedactedSecret,
   isFieldActive,
   getPlugins,
+  PLUGINS_CHANGED_EVENT,
   useAreaPreferences,
   getPanel,
   listPanels,

package/dist/host/{chunk-3KG44G55.js → chunk-XKMRKQFN.js}

@@ -21,7 +21,7 @@ var inFlight = null;
 function load() {
   if (cache) return Promise.resolve(cache);
   if (inFlight) return inFlight;
-  inFlight = import("./rbac-api-7GHDJLU4.js").then(({ getMyPermissions }) => getMyPermissions()).then((result) => {
+  inFlight = import("./rbac-api-JKISXZEP.js").then(({ getMyPermissions }) => getMyPermissions()).then((result) => {
     cache = {
       permissions: result.permissions ?? [],
       isAdmin: !!result.isAdmin

package/dist/host/{linked-server-BD573BEG.js → linked-server-DW5P3NLZ.js}

@@ -3,7 +3,7 @@ import {
   SYNC_CHANGED_EVENT,
   getLinkedSession,
   notifySyncChanged
-} from "./chunk-COGRSHKO.js";
+} from "./chunk-LKYAVM4T.js";
 import "./chunk-YC2MAKSP.js";
 export {
   SYNC_CHANGED_EVENT,

package/dist/host/{rbac-api-7GHDJLU4.js → rbac-api-JKISXZEP.js}

@@ -23,7 +23,7 @@ import {
   shareHost,
   updateHostAccess,
   updateRole
-} from "./chunk-COGRSHKO.js";
+} from "./chunk-LKYAVM4T.js";
 import "./chunk-YC2MAKSP.js";
 export {
   assignRoleToUser,

package/dist/host/testing-host.js

@@ -40,16 +40,16 @@ import {
   setShellCallbacks,
   setShellHosts,
   setShellLayoutProvider
-} from "./chunk-7GL25GFS.js";
+} from "./chunk-SS43S6VI.js";
 import {
   setPermissionsForTesting
-} from "./chunk-3KG44G55.js";
+} from "./chunk-XKMRKQFN.js";
 import {
   getTabType,
   listTabTypes,
   setFrontendState,
   setPluginSummaries
-} from "./chunk-COGRSHKO.js";
+} from "./chunk-LKYAVM4T.js";
 import "./chunk-YC2MAKSP.js";
 
 // src/ui/plugin-host/testing-host.tsx

package/dist/host/types/src/ui/api/plugins-api.d.ts

@@ -130,18 +130,24 @@ export interface PluginSummary {
     registryId?: string | null;
     autoUpdate?: boolean;
     pinnedVersion?: string | null;
+    channel?: PluginChannel;
     description?: string;
     author?: string;
     repository?: string;
     /** A YouTube video id from the manifest. Admins only. */
     videoId?: string;
+    /** What the plugin does, from the manifest. Admins only. */
+    features?: string[];
     signedBy?: string | null;
 }
 export declare function getPlugins(): Promise<PluginSummary[]>;
 /** Fired after any change to installed plugins; the loader resyncs on it. */
 export declare const PLUGINS_CHANGED_EVENT = "termix:plugins-changed";
+export type PluginChannel = "stable" | "beta";
 export interface RegistryPluginVersion {
     version: string;
+    /** A beta, offered only to plugins on the beta channel. */
+    prerelease?: boolean;
     compatible: boolean;
     capabilities: string[];
     publishedAt?: string;
@@ -158,8 +164,13 @@ export interface RegistryPluginEntry {
     repository?: string;
     icon?: string;
     videoId?: string;
+    features?: string[];
     versions: RegistryPluginVersion[];
+    /** Newest release on the plugin's channel. */
     latestVersion: string | null;
+    /** Newest beta, when one is newer than stable. */
+    latestBeta?: string | null;
+    channel?: PluginChannel;
     installed: boolean;
     installedVersion: string | null;
     updateAvailable: boolean;
@@ -254,9 +265,14 @@ export declare function retryPlugin(pluginId: string): Promise<void>;
 export declare function setPluginOptions(pluginId: string, options: {
     autoUpdate?: boolean;
     pinned?: boolean;
+    channel?: PluginChannel;
 }): Promise<{
     autoUpdate: boolean;
     pinnedVersion: string | null;
+    channel: PluginChannel;
+}>;
+export declare function setAllPluginChannels(channel: PluginChannel): Promise<{
+    changed: string[];
 }>;
 export declare function getPluginData(pluginId: string): Promise<PluginDataSummary>;
 export declare function getPluginChangelog(pluginId: string): Promise<ChangelogRelease[]>;
@@ -277,6 +293,7 @@ export interface PluginUploadPreview {
     version: string;
     description: string;
     author: string;
+    features?: string[];
     capabilities: string[];
     replaces: string | null;
 }

package/dist/host/types/src/ui/api/system-status-api.d.ts

@@ -29,6 +29,7 @@ export interface ReleasesRSSResponse {
 export declare function getReleasesRSS(perPage?: number): Promise<ReleasesRSSResponse>;
 export interface VersionInfo {
     status?: "up_to_date" | "requires_update" | "beta" | "unknown";
+    channel?: "stable" | "beta";
     /** Same value as remoteVersion; the endpoint sends both. */
     version?: string;
     localVersion?: string;
@@ -46,4 +47,27 @@ export interface VersionInfo {
 }
 export declare function releaseUrlFrom(info: VersionInfo | null | undefined): string;
 export declare function getVersionInfo(checkRemote?: boolean): Promise<VersionInfo>;
+export type UpdateChannel = "stable" | "beta";
+export interface UpdateChannelState {
+    channel: UpdateChannel;
+    /** The admin's choice; a beta build reports beta whatever it is. */
+    stored: UpdateChannel;
+    runningBeta: boolean;
+}
+export declare function getUpdateChannel(): Promise<UpdateChannelState>;
+export declare function setUpdateChannel(channel: UpdateChannel): Promise<UpdateChannelState>;
+export interface ReleaseInfo {
+    version: string;
+    tagName: string;
+    name: string;
+    url: string;
+    publishedAt: string;
+    prerelease: boolean;
+    notes: string;
+}
+export declare function getChannelReleases(): Promise<{
+    localVersion: string | null;
+    stable: ReleaseInfo | null;
+    beta: ReleaseInfo | null;
+}>;
 export declare function getDatabaseHealth(): Promise<Record<string, unknown>>;

package/dist/host/types/src/ui/hooks/use-installed-plugins.d.ts

@@ -0,0 +1,6 @@
+import { type PluginSummary } from "../api/plugins-api";
+/**
+ * Every installed plugin, read again whenever one is enabled, disabled,
+ * installed or removed, so what a plugin adds shows up without a reload.
+ */
+export declare function useInstalledPlugins(): PluginSummary[];

package/dist/host/types/src/ui/settings/settings-fields-util.d.ts

@@ -9,3 +9,13 @@ import type { PluginSettingsField } from "../api/plugins-api";
 export declare function isFieldShown(field: PluginSettingsField, values: Record<string, unknown>): boolean;
 /** Whether a plugin has any field the generic form would ever draw. */
 export declare function hasVisibleFields(fields: PluginSettingsField[]): boolean;
+/** Whether Settings lists a page for this plugin, by the same rule it uses. */
+export declare function hasSettingsPage(plugin: {
+    enabled: boolean;
+    contributes?: {
+        settings?: {
+            user?: PluginSettingsField[];
+            admin?: PluginSettingsField[];
+        };
+    } | null;
+}, isAdmin: boolean): boolean;

package/dist/host/ui.js

@@ -35,6 +35,7 @@ import {
   LoaderCircle,
   Overlay2,
   PANEL,
+  PLUGINS_CHANGED_EVENT,
   PROMPT_BUTTON,
   PROMPT_DESTRUCTIVE_BUTTON,
   PROMPT_PRIMARY_BUTTON,
@@ -136,8 +137,8 @@ import {
   useSurfaceKind,
   useTheme,
   verifySecondFactor
-} from "./chunk-7GL25GFS.js";
-import "./chunk-3KG44G55.js";
+} from "./chunk-SS43S6VI.js";
+import "./chunk-XKMRKQFN.js";
 import {
   TabProvider,
   buildOriginWsUrl,
@@ -176,7 +177,7 @@ import {
   useTabs,
   useTabsSafe,
   verifyPasswordResetCode
-} from "./chunk-COGRSHKO.js";
+} from "./chunk-LKYAVM4T.js";
 import "./chunk-YC2MAKSP.js";
 
 // src/ui/components/alert.tsx
@@ -1328,7 +1329,7 @@ function Select22({
         "aria-expanded": open,
         "aria-required": required,
         className: cn(
-          "border-input bg-background text-foreground flex h-9 w-full items-center justify-between gap-2 rounded-none border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+          "border-input bg-transparent dark:bg-input/30 dark:hover:bg-input/50 text-foreground flex h-9 w-full items-center justify-between gap-2 rounded-none border px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
           className
         ),
         onKeyDown: (event) => {
@@ -3216,7 +3217,7 @@ function ConnectionMark({
 }
 
 // src/ui/components/FullScreenAppWrapper.tsx
-import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useEffect as useEffect10, useState as useState13 } from "react";
 
 // src/ui/components/sidebar.tsx
 import { useTranslation as useTranslation8 } from "react-i18next";
@@ -3462,7 +3463,7 @@ function isInElectronWebView() {
 }
 
 // src/ui/auth/Auth.tsx
-import { useState as useState13, useEffect as useEffect10, useCallback as useCallback6, useRef as useRef4 } from "react";
+import { useState as useState12, useEffect as useEffect9, useCallback as useCallback6, useRef as useRef4 } from "react";
 import { toast as toast2 } from "sonner";
 import { useTranslation as useTranslation11 } from "react-i18next";
 
@@ -3492,9 +3493,33 @@ function PluginIcon({
 }
 
 // src/ui/settings/HostPluginSections.tsx
-import { useEffect as useEffect7, useMemo as useMemo4, useState as useState10 } from "react";
+import { useMemo as useMemo4 } from "react";
 import { useTranslation as useTranslation10 } from "react-i18next";
 
+// src/ui/hooks/use-installed-plugins.ts
+import { useEffect as useEffect7, useState as useState10 } from "react";
+function useInstalledPlugins() {
+  const [plugins, setPlugins] = useState10([]);
+  useEffect7(() => {
+    let cancelled = false;
+    let request = 0;
+    const load = () => {
+      const current = ++request;
+      void getPlugins().then((loaded) => {
+        if (!cancelled && current === request) setPlugins(loaded);
+      }).catch(() => {
+      });
+    };
+    load();
+    window.addEventListener(PLUGINS_CHANGED_EVENT, load);
+    return () => {
+      cancelled = true;
+      window.removeEventListener(PLUGINS_CHANGED_EVENT, load);
+    };
+  }, []);
+  return plugins;
+}
+
 // src/ui/settings/SettingsFields.tsx
 import { useTranslation as useTranslation9 } from "react-i18next";
 import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs23 } from "react/jsx-runtime";
@@ -3734,17 +3759,7 @@ function hasVisibleFields(fields) {
 // src/ui/settings/HostPluginSections.tsx
 import { jsx as jsx36, jsxs as jsxs24 } from "react/jsx-runtime";
 function usePluginHostSections() {
-  const [plugins, setPlugins] = useState10([]);
-  useEffect7(() => {
-    let cancelled = false;
-    void getPlugins().then((loaded) => {
-      if (!cancelled) setPlugins(loaded);
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, []);
+  const plugins = useInstalledPlugins();
   return useMemo4(
     () => plugins.filter((plugin) => {
       if (!plugin.enabled) return false;
@@ -3859,7 +3874,7 @@ function HostPluginSection({
 }
 
 // src/ui/sidebar/host-defaults/catalog.ts
-import { useEffect as useEffect8, useMemo as useMemo5, useState as useState11 } from "react";
+import { useMemo as useMemo5 } from "react";
 
 // src/types/host-defaults.ts
 var HOST_DEFAULTS_LEVELS = [
@@ -4446,9 +4461,9 @@ import {
   createContext as createContext4,
   useCallback as useCallback5,
   useContext as useContext4,
-  useEffect as useEffect9,
+  useEffect as useEffect8,
   useMemo as useMemo6,
-  useState as useState12
+  useState as useState11
 } from "react";
 import { jsx as jsx38 } from "react/jsx-runtime";
 var DEFAULT_APP_NAME = "Termix";
@@ -4609,7 +4624,7 @@ function PasswordInput2({
   disabled,
   id
 }) {
-  const [show, setShow] = useState13(false);
+  const [show, setShow] = useState12(false);
   return /* @__PURE__ */ jsxs26("div", { className: "relative", children: [
     /* @__PURE__ */ jsx40(
       Input,
@@ -4662,22 +4677,22 @@ function Auth({ onLogin }) {
   const { t: t2 } = useTranslation11();
   const branding = useBranding();
   const localDesktopAuth = isElectron() && !isInElectronWebView();
-  const [view, setView] = useState13("login");
-  const [loading, setLoading] = useState13(false);
-  const [username, setUsername] = useState13("");
-  const [password, setPassword] = useState13("");
-  const [confirmPassword, setConfirmPassword] = useState13("");
-  const [rememberMe, setRememberMe] = useState13(() => {
+  const [view, setView] = useState12("login");
+  const [loading, setLoading] = useState12(false);
+  const [username, setUsername] = useState12("");
+  const [password, setPassword] = useState12("");
+  const [confirmPassword, setConfirmPassword] = useState12("");
+  const [rememberMe, setRememberMe] = useState12(() => {
     try {
       return localStorage.getItem("rememberMe") === "true";
     } catch {
       return false;
     }
   });
-  const [pendingToken, setPendingToken] = useState13("");
-  const [secondFactors, setSecondFactors] = useState13([]);
-  const [activeFactorId, setActiveFactorId] = useState13("");
-  const [authPluginsLoading, setAuthPluginsLoading] = useState13(true);
+  const [pendingToken, setPendingToken] = useState12("");
+  const [secondFactors, setSecondFactors] = useState12([]);
+  const [activeFactorId, setActiveFactorId] = useState12("");
+  const [authPluginsLoading, setAuthPluginsLoading] = useState12(true);
   const retryAuthPlugins = async () => {
     setAuthPluginsLoading(true);
     try {
@@ -4694,12 +4709,12 @@ function Auth({ onLogin }) {
     labelKey: ui.titleKey
   }));
   const currentFactorId = activeFactorId || shownFactors[0]?.id || "";
-  const [resetStep, setResetStep] = useState13("email");
-  const [resetCode, setResetCode] = useState13("");
-  const [newPassword, setNewPassword] = useState13("");
-  const [confirmNewPassword, setConfirmNewPassword] = useState13("");
-  const [resetTempToken, setResetTempToken] = useState13("");
-  const [language2, setLanguage] = useState13(
+  const [resetStep, setResetStep] = useState12("email");
+  const [resetCode, setResetCode] = useState12("");
+  const [newPassword, setNewPassword] = useState12("");
+  const [confirmNewPassword, setConfirmNewPassword] = useState12("");
+  const [resetTempToken, setResetTempToken] = useState12("");
+  const [language2, setLanguage] = useState12(
     () => normalizeLanguageCode(localStorage.getItem("i18nextLng"))
   );
   function handleLanguageChange(code2) {
@@ -4707,11 +4722,11 @@ function Auth({ onLogin }) {
     void changeAppLanguage(language3).then((language4) => setLanguage(language4)).catch(() => {
     });
   }
-  const [registrationAllowed, setRegistrationAllowed] = useState13(true);
-  const [passwordLoginAllowed, setPasswordLoginAllowed] = useState13(true);
-  const [passwordResetAllowed, setPasswordResetAllowed] = useState13(true);
-  const [authMethods, setAuthMethods] = useState13([]);
-  const [authMethodsLoaded, setAuthMethodsLoaded] = useState13(false);
+  const [registrationAllowed, setRegistrationAllowed] = useState12(true);
+  const [passwordLoginAllowed, setPasswordLoginAllowed] = useState12(true);
+  const [passwordResetAllowed, setPasswordResetAllowed] = useState12(true);
+  const [authMethods, setAuthMethods] = useState12([]);
+  const [authMethodsLoaded, setAuthMethodsLoaded] = useState12(false);
   const inlineMethodIds = new Set(
     loginMethodUIs.filter((ui) => ui.placement === "inline").map((ui) => ui.id)
   );
@@ -4723,19 +4738,19 @@ function Auth({ onLogin }) {
   );
   const silentSigninHandledRef = useRef4(false);
   const proxySigninHandledRef = useRef4(false);
-  const [firstUser, setFirstUser] = useState13(false);
-  const [dbConnectionFailed, setDbConnectionFailed] = useState13(false);
-  const [dbHealthChecking, setDbHealthChecking] = useState13(
+  const [firstUser, setFirstUser] = useState12(false);
+  const [dbConnectionFailed, setDbConnectionFailed] = useState12(false);
+  const [dbHealthChecking, setDbHealthChecking] = useState12(
     () => !localDesktopAuth || !hasDesktopManualLogout()
   );
-  const [webviewAuthSuccess, setWebviewAuthSuccess] = useState13(false);
-  const [desktopManualLogoutActive, setDesktopManualLogoutActive] = useState13(
+  const [webviewAuthSuccess, setWebviewAuthSuccess] = useState12(false);
+  const [desktopManualLogoutActive, setDesktopManualLogoutActive] = useState12(
     () => localDesktopAuth && hasDesktopManualLogout()
   );
-  const [desktopAutoSessionDone, setDesktopAutoSessionDone] = useState13(!localDesktopAuth || hasDesktopManualLogout() ? true : null);
-  const [desktopAutoSessionRetries, setDesktopAutoSessionRetries] = useState13(0);
-  const [embeddedServerFailure, setEmbeddedServerFailure] = useState13(null);
-  useEffect10(() => {
+  const [desktopAutoSessionDone, setDesktopAutoSessionDone] = useState12(!localDesktopAuth || hasDesktopManualLogout() ? true : null);
+  const [desktopAutoSessionRetries, setDesktopAutoSessionRetries] = useState12(0);
+  const [embeddedServerFailure, setEmbeddedServerFailure] = useState12(null);
+  useEffect9(() => {
     if (proxySigninHandledRef.current || isElectron()) return;
     proxySigninHandledRef.current = true;
     requestTrustedProxyLogin().then((result) => {
@@ -4749,13 +4764,13 @@ function Auth({ onLogin }) {
     }).catch(() => {
     });
   }, [onLogin]);
-  useEffect10(() => {
+  useEffect9(() => {
     try {
       localStorage.setItem("rememberMe", rememberMe.toString());
     } catch {
     }
   }, [rememberMe]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!isInElectronWebView()) return;
     const handleExternalBrowserResult = (event) => {
       if (event.source !== window.parent) return;
@@ -4775,7 +4790,7 @@ function Auth({ onLogin }) {
     window.addEventListener("message", handleExternalBrowserResult);
     return () => window.removeEventListener("message", handleExternalBrowserResult);
   }, [t2]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (localDesktopAuth) {
       setAuthMethodsLoaded(true);
       return;
@@ -4789,7 +4804,7 @@ function Auth({ onLogin }) {
     }).finally(() => setAuthPluginsLoading(false));
     getLoginMethods().then((methods) => setAuthMethods(methods)).catch(() => setAuthMethods([])).finally(() => setAuthMethodsLoaded(true));
   }, [localDesktopAuth]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (desktopAutoSessionDone !== true) return;
     if (localDesktopAuth) {
       setDbHealthChecking(false);
@@ -4827,7 +4842,7 @@ function Auth({ onLogin }) {
       if (retryTimer) clearTimeout(retryTimer);
     };
   }, [desktopAutoSessionDone, localDesktopAuth]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (desktopAutoSessionDone !== null) return;
     if (embeddedServerFailure) return;
     let cancelled = false;
@@ -4875,13 +4890,13 @@ function Auth({ onLogin }) {
     embeddedServerFailure,
     onLogin
   ]);
-  useEffect10(() => {
+  useEffect9(() => {
     if (!authMethodsLoaded) return;
     if (!passwordLoginAllowed && externalMethods.length > 0 && view === "login") {
       setView("external");
     }
   }, [authMethodsLoaded, passwordLoginAllowed, externalMethods.length, view]);
-  useEffect10(() => {
+  useEffect9(() => {
     const urlParams = new URLSearchParams(window.location.search);
     const success = urlParams.get("success");
     const error = urlParams.get("error");
@@ -5292,7 +5307,7 @@ function Auth({ onLogin }) {
     }
     return null;
   }
-  useEffect10(() => {
+  useEffect9(() => {
     if (!authMethodsLoaded || silentSigninHandledRef.current) return;
     const autoStart = externalMethods.filter((method) => method.kind === "redirect").flatMap(
       (method) => method.instances.filter((instance) => instance.autoStart).map((instance) => ({ method, instance }))
@@ -5922,12 +5937,12 @@ var FullScreenAppWrapper = ({
   children
 }) => {
   const { t: t2 } = useTranslation12();
-  const [hostConfig, setHostConfig] = useState14(null);
-  const [loading, setLoading] = useState14(true);
-  const [isAuthenticated, setIsAuthenticated] = useState14(false);
-  const [authLoading, setAuthLoading] = useState14(true);
-  const [, setIsAdmin] = useState14(false);
-  useEffect11(() => {
+  const [hostConfig, setHostConfig] = useState13(null);
+  const [loading, setLoading] = useState13(true);
+  const [isAuthenticated, setIsAuthenticated] = useState13(false);
+  const [authLoading, setAuthLoading] = useState13(true);
+  const [, setIsAdmin] = useState13(false);
+  useEffect10(() => {
     const handleSessionExpired = () => {
       setIsAuthenticated(false);
       setIsAdmin(false);
@@ -5936,7 +5951,7 @@ var FullScreenAppWrapper = ({
     dbHealthMonitor.on("session-expired", handleSessionExpired);
     return () => dbHealthMonitor.off("session-expired", handleSessionExpired);
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     let cancelled = false;
     let retryTimer = null;
     const maxAttempts = 10;
@@ -5993,7 +6008,7 @@ var FullScreenAppWrapper = ({
       if (retryTimer) clearTimeout(retryTimer);
     };
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     const fetchHost = async () => {
       if (!hostId || !isAuthenticated) {
         setLoading(false);
@@ -6056,7 +6071,7 @@ var FullScreenAppWrapper = ({
 };
 
 // src/ui/ssh/dialogs/TOTPDialog.tsx
-import { useEffect as useEffect12, useState as useState15 } from "react";
+import { useEffect as useEffect11, useState as useState14 } from "react";
 import { useTranslation as useTranslation13 } from "react-i18next";
 import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 var CODE_INPUT = "rounded-none bg-muted/50 border-border text-center text-sm tracking-widest";
@@ -6070,13 +6085,14 @@ function TOTPDialog({
   backgroundColor
 }) {
   const { t: t2 } = useTranslation13();
-  const [pushSubmitted, setPushSubmitted] = useState15(false);
-  useEffect12(() => {
+  const [pushSubmitted, setPushSubmitted] = useState14(false);
+  useEffect11(() => {
     if (isOpen && !waiting) {
       setPushSubmitted(false);
     }
   }, [isOpen, waiting]);
   if (!isOpen) return null;
+  const isPassword = mode === "password";
   const isPush = mode === "push";
   const isMenu = mode === "menu";
   const isTotp = !isPush && !isMenu && mode !== "password";
@@ -6092,11 +6108,10 @@ function TOTPDialog({
     const input = e.currentTarget.elements.namedItem(
       "totpCode"
     );
-    if (input?.value.trim()) {
-      onSubmit(input.value.trim());
-    }
+    const value = isPassword ? input?.value : input?.value.trim();
+    if (value) onSubmit(value);
   };
-  const title = isPush ? t2("sshAuth.mfaPushRequired") : isMenu ? t2("sshAuth.mfaPromptRequired") : t2("sshAuth.totpRequired");
+  const title = isPush ? t2("sshAuth.mfaPushRequired") : isPassword ? t2("common.password") : isMenu ? t2("sshAuth.mfaPromptRequired") : t2("sshAuth.totpRequired");
   const label = prompt || (isTotp ? t2("sshAuth.totpCodeLabel") : void 0);
   const cancel = /* @__PURE__ */ jsx43("button", { type: "button", onClick: onCancel, className: PROMPT_BUTTON, children: t2("common.cancel") });
   return /* @__PURE__ */ jsx43(
@@ -6115,7 +6130,18 @@ function TOTPDialog({
         ] }),
         /* @__PURE__ */ jsx43("div", { className: "flex justify-end gap-2", children: cancel })
       ] }) : /* @__PURE__ */ jsxs28("form", { onSubmit: handleSubmit, className: "flex flex-col gap-3", children: [
-        isPush ? null : isMenu ? /* @__PURE__ */ jsx43(
+        isPush ? null : isPassword ? /* @__PURE__ */ jsx43(
+          Input,
+          {
+            id: "totpCode",
+            name: "totpCode",
+            type: "password",
+            autoComplete: "current-password",
+            autoFocus: true,
+            placeholder: t2("placeholders.enterPassword"),
+            className: "rounded-none bg-muted/50 border-border text-sm"
+          }
+        ) : isMenu ? /* @__PURE__ */ jsx43(
           Input,
           {
             id: "totpCode",
@@ -6151,7 +6177,7 @@ function TOTPDialog({
         ),
         /* @__PURE__ */ jsxs28("div", { className: "flex justify-end gap-2", children: [
           cancel,
-          /* @__PURE__ */ jsx43("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: isPush ? t2("sshAuth.mfaSendRequest") : t2("sshAuth.totpVerify") })
+          /* @__PURE__ */ jsx43("button", { type: "submit", className: PROMPT_PRIMARY_BUTTON, children: isPush ? t2("sshAuth.mfaSendRequest") : isPassword ? t2("common.connect") : t2("sshAuth.totpVerify") })
         ] })
       ] })
     }
@@ -6159,7 +6185,7 @@ function TOTPDialog({
 }
 
 // src/ui/ssh/dialogs/SSHAuthDialog.tsx
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 
 // src/ui/components/tabs.tsx
 import { jsx as jsx44 } from "react/jsx-runtime";
@@ -6257,7 +6283,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 import React10, { useRef as useRef5, forwardRef as forwardRef3, useImperativeHandle, useCallback as useCallback7 } from "react";
 
 // node_modules/@uiw/react-codemirror/esm/useCodeMirror.js
-import { useEffect as useEffect13, useLayoutEffect as useLayoutEffect2, useState as useState16 } from "react";
+import { useEffect as useEffect12, useLayoutEffect as useLayoutEffect2, useState as useState15 } from "react";
 
 // node_modules/@marijn/find-cluster-break/src/index.js
 var rangeFrom = [];
@@ -29312,13 +29338,13 @@ var TYPING_TIMOUT = 200;
 var emptyExtensions = [];
 function useCodeMirror(props) {
   var value = props.value, selection2 = props.selection, onChange = props.onChange, onStatistics = props.onStatistics, onCreateEditor = props.onCreateEditor, onUpdate = props.onUpdate, _props$extensions = props.extensions, extensions = _props$extensions === void 0 ? emptyExtensions : _props$extensions, autoFocus = props.autoFocus, _props$theme = props.theme, theme2 = _props$theme === void 0 ? "light" : _props$theme, _props$height = props.height, height = _props$height === void 0 ? null : _props$height, _props$minHeight = props.minHeight, minHeight = _props$minHeight === void 0 ? null : _props$minHeight, _props$maxHeight = props.maxHeight, maxHeight = _props$maxHeight === void 0 ? null : _props$maxHeight, _props$width = props.width, width = _props$width === void 0 ? null : _props$width, _props$minWidth = props.minWidth, minWidth = _props$minWidth === void 0 ? null : _props$minWidth, _props$maxWidth = props.maxWidth, maxWidth = _props$maxWidth === void 0 ? null : _props$maxWidth, _props$placeholder = props.placeholder, placeholderStr = _props$placeholder === void 0 ? "" : _props$placeholder, _props$editable = props.editable, editable2 = _props$editable === void 0 ? true : _props$editable, _props$readOnly = props.readOnly, readOnly2 = _props$readOnly === void 0 ? false : _props$readOnly, _props$indentWithTab = props.indentWithTab, defaultIndentWithTab = _props$indentWithTab === void 0 ? true : _props$indentWithTab, _props$basicSetup = props.basicSetup, defaultBasicSetup = _props$basicSetup === void 0 ? true : _props$basicSetup, root = props.root, initialState = props.initialState;
-  var _useState = useState16(), container = _useState[0], setContainer = _useState[1];
-  var _useState2 = useState16(), view = _useState2[0], setView = _useState2[1];
-  var _useState3 = useState16(), state = _useState3[0], setState = _useState3[1];
-  var typingLatch = useState16(() => ({
+  var _useState = useState15(), container = _useState[0], setContainer = _useState[1];
+  var _useState2 = useState15(), view = _useState2[0], setView = _useState2[1];
+  var _useState3 = useState15(), state = _useState3[0], setState = _useState3[1];
+  var typingLatch = useState15(() => ({
     current: null
   }))[0];
-  var pendingUpdate = useState16(() => ({
+  var pendingUpdate = useState15(() => ({
     current: null
   }))[0];
   var defaultThemeOption = getDimensionTheme(height, minHeight, maxHeight, width, minWidth, maxWidth);
@@ -29384,12 +29410,12 @@ function useCodeMirror(props) {
       }
     };
   }, [container, state]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (props.container) {
       setContainer(props.container);
     }
   }, [props.container]);
-  useEffect13(() => () => {
+  useEffect12(() => () => {
     if (view) {
       view.destroy();
       setView(void 0);
@@ -29399,19 +29425,19 @@ function useCodeMirror(props) {
       typingLatch.current = null;
     }
   }, [view]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (autoFocus && view) {
       view.focus();
     }
   }, [autoFocus, view]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (view) {
       view.dispatch({
         effects: StateEffect.reconfigure.of(getExtensions)
       });
     }
   }, [theme2, extensions, height, minHeight, maxHeight, width, minWidth, maxWidth, placeholderStr, editable2, readOnly2, defaultIndentWithTab, defaultBasicSetup, onChange, onUpdate]);
-  useEffect13(() => {
+  useEffect12(() => {
     if (value === void 0) {
       return;
     }
@@ -29509,11 +29535,11 @@ function SSHAuthDialog({
   backgroundColor
 }) {
   const { t: t2 } = useTranslation14();
-  const [authTab, setAuthTab] = useState17("password");
-  const [password, setPassword] = useState17("");
-  const [sshKey, setSshKey] = useState17("");
-  const [keyPassword, setKeyPassword] = useState17("");
-  const [loading, setLoading] = useState17(false);
+  const [authTab, setAuthTab] = useState16("password");
+  const [password, setPassword] = useState16("");
+  const [sshKey, setSshKey] = useState16("");
+  const [keyPassword, setKeyPassword] = useState16("");
+  const [loading, setLoading] = useState16(false);
   if (!isOpen) return null;
   const hostDisplay = hostInfo.name ? `${hostInfo.name} (${hostInfo.username}@${hostInfo.ip}:${hostInfo.port})` : `${hostInfo.username}@${hostInfo.ip}:${hostInfo.port}`;
   const getReasonMessage = () => {
@@ -29774,7 +29800,7 @@ function SSHAuthDialog({
 }
 
 // src/ui/ssh/dialogs/BrowserSignInDialog.tsx
-import { useState as useState18 } from "react";
+import { useState as useState17 } from "react";
 import { useTranslation as useTranslation15 } from "react-i18next";
 import { toast as toast3 } from "sonner";
 import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -29789,7 +29815,7 @@ function BrowserSignInDialog({
   backgroundColor
 }) {
   const { t: t2 } = useTranslation15();
-  const [copied, setCopied] = useState18(false);
+  const [copied, setCopied] = useState17(false);
   if (!isOpen) return null;
   const handleCopyUrl = async () => {
     const ok = await copyToClipboard(url);
@@ -29966,7 +29992,7 @@ function ManagerSearch({
 }
 
 // src/ui/hooks/use-adaptive-polling.ts
-import { useEffect as useEffect14, useRef as useRef6 } from "react";
+import { useEffect as useEffect13, useRef as useRef6 } from "react";
 function useAdaptivePolling(poll, policy, enabled = true, options = {}) {
   const pollRef = useRef6(poll);
   const errorRef = useRef6(options.onError);
@@ -29980,7 +30006,7 @@ function useAdaptivePolling(poll, policy, enabled = true, options = {}) {
     maxRequestDutyCycle
   } = policy;
   const runImmediately = options.runImmediately;
-  useEffect14(
+  useEffect13(
     () => runAdaptivePolling(
       () => pollRef.current(),
       {
@@ -30137,7 +30163,7 @@ function PassphraseDialog({
 }
 
 // src/ui/ssh/dialogs/HostKeyVerificationDialog.tsx
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { useTranslation as useTranslation18 } from "react-i18next";
 import { Fragment as Fragment7, jsx as jsx51, jsxs as jsxs35 } from "react/jsx-runtime";
 var formatFingerprint = (fp) => fp.match(/.{1,2}/g)?.join(":") || fp;
@@ -30180,8 +30206,8 @@ function HostKeyVerificationDialog({
   backgroundColor
 }) {
   const { t: t2 } = useTranslation18();
-  const [copiedFingerprint, setCopiedFingerprint] = useState19(false);
-  const [copiedOldFingerprint, setCopiedOldFingerprint] = useState19(false);
+  const [copiedFingerprint, setCopiedFingerprint] = useState18(false);
+  const [copiedOldFingerprint, setCopiedOldFingerprint] = useState18(false);
   if (!isOpen) return null;
   const copyFingerprint = (text, isOld = false) => {
     copyToClipboard(text);
@@ -30762,7 +30788,7 @@ function createQuickConnectHost(input) {
 }
 
 // src/ui/components/list-kit.tsx
-import { useState as useState20 } from "react";
+import { useState as useState19 } from "react";
 import { useTranslation as useTranslation19 } from "react-i18next";
 import { jsx as jsx53, jsxs as jsxs36 } from "react/jsx-runtime";
 var STRIPE = {
@@ -30928,7 +30954,7 @@ function ListRowFolder({
   className,
   children
 }) {
-  const [dragOver, setDragOver] = useState20(false);
+  const [dragOver, setDragOver] = useState19(false);
   const empty2 = count === 0;
   return /* @__PURE__ */ jsxs36("div", { className: cn("border-b border-border/40", className), children: [
     /* @__PURE__ */ jsxs36(
@@ -31195,7 +31221,7 @@ import {
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo7,
   useRef as useRef7,
-  useState as useState21
+  useState as useState20
 } from "react";
 import { jsx as jsx55 } from "react/jsx-runtime";
 var COLUMN_STEPS = {
@@ -31226,7 +31252,7 @@ function CardMasonry({
   children
 }) {
   const ref = useRef7(null);
-  const [width, setWidth] = useState21(0);
+  const [width, setWidth] = useState20(0);
   useLayoutEffect3(() => {
     const el = ref.current;
     if (!el) return;
@@ -31315,7 +31341,7 @@ function UsagePair({
 }
 
 // src/ui/components/form-fields.tsx
-import { useState as useState22 } from "react";
+import { useState as useState21 } from "react";
 import { useTranslation as useTranslation20 } from "react-i18next";
 import { jsx as jsx57, jsxs as jsxs39 } from "react/jsx-runtime";
 function Field2({
@@ -31658,7 +31684,7 @@ import {
   useContext as useContext5,
   useMemo as useMemo8,
   useRef as useRef8,
-  useState as useState23
+  useState as useState22
 } from "react";
 import { useConnectionRetry } from "@termix-ssh/plugin-sdk/frontend";
 import { jsx as jsx58, jsxs as jsxs40 } from "react/jsx-runtime";
@@ -31689,11 +31715,11 @@ function Gate({
   children
 }) {
   const { addLog, clearLogs } = useConnectionLog();
-  const [error, setError] = useState23(null);
-  const [unavailable, setUnavailable] = useState23(
+  const [error, setError] = useState22(null);
+  const [unavailable, setUnavailable] = useState22(
     null
   );
-  const [dropped, setDropped] = useState23(false);
+  const [dropped, setDropped] = useState22(false);
   const maxAttempts = retry?.maxAttempts ?? 8;
   const gateRef = useRef8(null);
   const write = useCallback8(

package/dist/host/{use-permissions-SKWXHWDJ.js → use-permissions-5CZEA3P4.js}

@@ -7,7 +7,7 @@ import {
   resetPermissionsCache,
   setPermissionsForTesting,
   usePermissions
-} from "./chunk-3KG44G55.js";
+} from "./chunk-XKMRKQFN.js";
 import "./chunk-YC2MAKSP.js";
 export {
   hasPermission,

package/dist/manifest.d.ts

@@ -27,6 +27,13 @@ export declare function isApiCompatible(range: string): boolean;
  * core (2.9.0-beta.1) counts as that release.
  */
 export declare function isTermixCompatible(range: string, coreVersion: string | null): boolean;
+export declare const MAX_FEATURES = 20;
+export declare const MAX_FEATURE_LENGTH = 160;
+/**
+ * The usable feature lines of a manifest or registry entry. Anything that is
+ * not a short non-empty string is dropped, so an index cannot flood the page.
+ */
+export declare function pluginFeatures(value: unknown): string[];
 /**
  * The video id of a YouTube link, or null for anything else. Only the id is
  * ever used, so a manifest can never point the embed at another site.
@@ -416,6 +423,8 @@ export interface PluginManifest {
     icon?: string;
     /** A YouTube link shown at the top of the plugin's page. */
     video?: string;
+    /** Short lines listing what the plugin does, shown on its page. */
+    features?: string[];
     engine: PluginEngine;
     /** Catalog capability ids. */
     capabilities: string[];

package/dist/manifest.js

@@ -47,6 +47,22 @@ const YOUTUBE_HOSTS = new Set([
     "youtube-nocookie.com",
     "www.youtube-nocookie.com",
 ]);
+export const MAX_FEATURES = 20;
+export const MAX_FEATURE_LENGTH = 160;
+/**
+ * The usable feature lines of a manifest or registry entry. Anything that is
+ * not a short non-empty string is dropped, so an index cannot flood the page.
+ */
+export function pluginFeatures(value) {
+    if (!Array.isArray(value))
+        return [];
+    return value
+        .filter((f) => typeof f === "string" &&
+        f.trim().length > 0 &&
+        f.length <= MAX_FEATURE_LENGTH)
+        .map((f) => f.trim())
+        .slice(0, MAX_FEATURES);
+}
 /**
  * The video id of a YouTube link, or null for anything else. Only the id is
  * ever used, so a manifest can never point the embed at another site.
@@ -190,6 +206,7 @@ const ALLOWED_TOP_LEVEL = new Set([
     "repository",
     "icon",
     "video",
+    "features",
     "dependencies",
     "optionalDependencies",
     "provides",
@@ -319,6 +336,7 @@ export function validateManifest(manifest) {
     if ("video" in m && youtubeVideoId(m.video) === null) {
         errors.push(`Field "video" must be a YouTube link such as https://www.youtube.com/watch?v=..., got: ${JSON.stringify(m.video)}`);
     }
+    validateFeatures(m.features, errors);
     for (const field of ["backend", "frontend", "locales"]) {
         if (field in m && requireString(m[field], field, errors)) {
             requireRelativePath(m[field], field, errors);
@@ -343,6 +361,24 @@ export function validateManifest(manifest) {
     validateContributes(m.contributes, typeof m.id === "string" ? m.id : undefined, errors);
     return errors;
 }
+function validateFeatures(features, errors) {
+    if (features === undefined)
+        return;
+    if (!Array.isArray(features)) {
+        errors.push('Field "features" must be an array of strings');
+        return;
+    }
+    if (features.length > MAX_FEATURES) {
+        errors.push(`Field "features" may list at most ${MAX_FEATURES} items`);
+    }
+    features.forEach((feature, i) => {
+        if (typeof feature !== "string" ||
+            feature.trim().length === 0 ||
+            feature.length > MAX_FEATURE_LENGTH) {
+            errors.push(`Field "features[${i}]" must be a non-empty string of at most ${MAX_FEATURE_LENGTH} characters`);
+        }
+    });
+}
 function validateAuthor(author, errors) {
     if (author === undefined)
         return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@termix-ssh/plugin-sdk",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "The contract between Termix core and a plugin: types, the capability catalog and the manifest schema.",
   "license": "Apache-2.0",
   "repository": {
@@ -14,7 +14,7 @@
     "node": ">=22"
   },
   "bin": {
-    "termix-plugin": "./cli/index.mjs"
+    "termix-plugin": "cli/index.mjs"
   },
   "exports": {
     "./backend": {
@@ -94,6 +94,7 @@
     "schema",
     "tsconfig.plugin.json",
     "README.md",
+    "CHANGELOG.md",
     "client.d.ts"
   ],
   "scripts": {

package/schema/manifest.schema.json

@@ -79,6 +79,12 @@
       "pattern": "^https://(www\\.|m\\.)?(youtube\\.com|youtu\\.be|youtube-nocookie\\.com)/",
       "description": "A YouTube link shown at the top of the plugin's page."
     },
+    "features": {
+      "type": "array",
+      "maxItems": 20,
+      "items": { "type": "string", "minLength": 1, "maxLength": 160 },
+      "description": "Short lines listing what the plugin does, shown on its page."
+    },
     "engine": {
       "type": "object",
       "additionalProperties": false,