@termix-ssh/plugin-sdk 1.0.15 → 1.0.17

package/dist/host/{chunk-V44FCJBQ.js → chunk-J2AILBXM.js}

@@ -3,14 +3,16 @@ import {
   hasPermission,
   resetPermissionsCache,
   usePermissions
-} from "./chunk-57DJU2ZA.js";
+} from "./chunk-2MU6WNSX.js";
 import {
+  ArrowDownToLine,
+  ArrowLeftToLine,
+  ArrowRightToLine,
   Button,
   Check,
   Checkbox,
   CheckboxIndicator,
   CircleSlash,
-  Cloud,
   Columns2,
   DefaultsOnly,
   DocsLink,
@@ -27,6 +29,7 @@ import {
   OPEN_PLUGIN_SETTINGS_EVENT,
   PLUGINS_CHANGED_EVENT,
   PLUGIN_SETTINGS_CHANGED_EVENT,
+  PanelRight,
   Plug,
   PluginIcon,
   Puzzle,
@@ -80,7 +83,7 @@ import {
   withIconBoundary,
   withPluginContext,
   withPluginScope
-} from "./chunk-2IV3VX7F.js";
+} from "./chunk-LQKK2JJA.js";
 import {
   SYNC_CHANGED_EVENT,
   TRUST_TOKEN_KEY,
@@ -118,7 +121,6 @@ import {
   logActivity,
   manifestDeclares,
   markUserAuthenticated,
-  notifySyncChanged,
   parseCustomKeybindings,
   patchOpenTab,
   pluginStepKey,
@@ -130,7 +132,7 @@ import {
   usePluginStore,
   useTabTypes,
   websocketAuthProtocols
-} from "./chunk-3L45NNT5.js";
+} from "./chunk-7LEJ3HYF.js";
 import {
   define_import_meta_env_default,
   init_define_import_meta_env
@@ -1122,13 +1124,6 @@ var en_default = {
     pluginsLoadFailed: "The plugin list could not be loaded. You can choose plugins later from the Plugins tab.",
     securityTitle: "Secure your account",
     securityIntro: "Add a passkey or an authenticator app to your account. You can also do this later in Settings, under Security.",
-    desktopTitle: "How do you want to use Termix?",
-    desktopBody: "You can change this any time from Sync in the sidebar.",
-    desktopLocalTitle: "On this device only",
-    desktopLocalBody: "Everything is stored here. Nothing to set up.",
-    desktopLinkTitle: "With my Termix server",
-    desktopLinkBody: "Sign in to your server to use the same hosts and settings on every device.",
-    desktopLinked: "Linked to {{server}}",
     pluginsDocsLink: "Read about each one"
   },
   desktopUpdates: {
@@ -1149,6 +1144,11 @@ var en_default = {
     ready: "Termix {{version}} is ready to install",
     readyHint: "It installs the next time Termix restarts."
   },
+  companion: {
+    close: "Close panel",
+    moveSide: "Move panel",
+    resize: "Resize panel"
+  },
   nav: {
     home: "Home",
     terminal: "Terminal",
@@ -1159,7 +1159,6 @@ var en_default = {
     hosts: "Hosts",
     credentials: "Credentials",
     connections: "Connections",
-    sync: "Sync",
     reconnectDisconnectedTerminals: "Reconnect all disconnected terminals",
     reconnectingTerminals_one: "Reconnecting {{count}} terminal",
     reconnectingTerminals_other: "Reconnecting {{count}} terminals",
@@ -2058,6 +2057,14 @@ var en_default = {
         title: "Set sign in rules",
         consequence: "It can sign people out when idle, limit session length, turn off remember me and require a second factor."
       },
+      "ssh:transport": {
+        title: "Choose how hosts are reached",
+        consequence: "It can carry the SSH connection to a host over its own route, so it sees everything sent to and from those hosts, passwords included."
+      },
+      "sync:provide": {
+        title: "Run sync",
+        consequence: "It can answer all sync requests, so it sees the data that devices and servers sync."
+      },
       "system:tls": {
         title: "Manage certificates",
         consequence: "It can replace the certificate Termix serves over HTTPS and answer domain checks from certificate authorities."
@@ -2526,87 +2533,6 @@ var en_default = {
     noData: "No data",
     filter: "Filter..."
   },
-  sync: {
-    minutesAgo_one: "{{count}} minute ago",
-    minutesAgo_other: "{{count}} minutes ago",
-    hoursAgo_one: "{{count}} hour ago",
-    hoursAgo_other: "{{count}} hours ago",
-    pending_one: "{{count}} change waiting to sync",
-    pending_other: "{{count}} changes waiting to sync",
-    proxy: {
-      headersTitle: "Extra headers",
-      headersHint: "Sent with every request to the server, for example a Cloudflare Access service token.",
-      headerName: "Header name",
-      headerValue: "Value",
-      savedValue: "Saved, type to change",
-      addHeader: "Add header",
-      removeHeader: "Remove header",
-      basicAuthTitle: "Username and password",
-      basicAuthHint: "For a proxy that asks for a username and password before Termix.",
-      username: "Username",
-      password: "Password",
-      allowInvalidCertificate: "Trust a self-signed certificate",
-      allowInvalidCertificateHint: "Only for your own server, when its certificate is not from a known authority."
-    },
-    problems: {
-      invalidUrl: "That does not look like a web address.",
-      unreachable: "Could not reach the server. Check the address and that the server is running.",
-      unreachableWithReason: "Could not reach the server: {{reason}}",
-      tlsUntrusted: "The server certificate is not trusted. If this is your own server with a self-signed certificate, turn on the option below.",
-      basicAuthRequired: "Something in front of the server asks for a username and password. Enter them below.",
-      proxyLogin: "A login page or proxy answered instead of Termix. Add the headers it needs below, or check the address.",
-      notTermix: "There is no Termix server at that address. If it runs under a path, include it, like https://example.com/termix.",
-      versionMismatch: "That server runs an older Termix. Update it to 2.9 or newer to link.",
-      differentAccount: "You signed in to a different account. Sign in to the account this device is linked to, or unlink first."
-    },
-    wizard: {
-      title: "Link to a Termix server",
-      reloginTitle: "Sign in again",
-      savedServers: "Recent servers",
-      removeServer: "Remove from the list",
-      serverDescription: "Enter the address you use to open Termix in your browser.",
-      signinDescription: "Sign in to {{url}}",
-      chooseDescription: "This device already has data. What should happen to it?",
-      finishingDescription: "Linking this device.",
-      serverUrl: "Server address",
-      serverUrlHint: "For example https://termix.example.com",
-      showProxySettings: "Reverse proxy settings",
-      hideProxySettings: "Hide reverse proxy settings",
-      continue: "Continue",
-      back: "Back",
-      mergeTitle: "Add it to my account",
-      mergeBody_one: "The item on this device is added to your account. Items your account already has stay as they are on the server.",
-      mergeBody_other: "The {{count}} items on this device are added to your account. Items your account already has stay as they are on the server.",
-      replaceTitle: "Replace it with my account",
-      replaceBody_one: "The item on this device is removed, and this device takes everything from your account. Hosts kept on this device only stay.",
-      replaceBody_other: "The {{count}} items on this device are removed, and this device takes everything from your account. Hosts kept on this device only stay.",
-      link: "Link",
-      linking: "Linking and running the first sync...",
-      linked: "Linked. Your data is syncing now.",
-      signedInAgain: "Signed in. Sync is running again."
-    },
-    entities: {
-      hosts: "Hosts",
-      sshCredentials: "Credentials",
-      sshFolders: "Folders",
-      userPreferences: "Preferences",
-      pluginUserSettings: "Plugin settings",
-      sharedHosts: "Hosts shared with you",
-      sharedCredentials: "Credentials shared with you",
-      vaultProfiles: "Vault profiles",
-      snippetFolders: "Snippet folders",
-      snippets: "Snippets",
-      dashboardServiceLinks: "Service links",
-      homepageItems: "Homepage items",
-      networkTopology: "Network map",
-      workspaces: "Workspaces",
-      hostDefaults: "Host defaults",
-      hostDefaultsAdmin: "Server host defaults",
-      aiProviders: "AI providers",
-      homepageLayouts: "Homepage layouts",
-      accountProfile: "Account profile"
-    }
-  },
   hostDefaults: {
     source: {
       folder: "Folder {{name}}",
@@ -2667,8 +2593,8 @@ var localeLoaders = Object.fromEntries(
   Object.entries(LOCALE_FILES).map(([code, file]) => [
     code,
     () => {
-      const load = translatedFiles[`../locales/translated/${file}.json`];
-      return load ? load() : Promise.reject(new Error(`no ${file}`));
+      const load2 = translatedFiles[`../locales/translated/${file}.json`];
+      return load2 ? load2() : Promise.reject(new Error(`no ${file}`));
     }
   ])
 );
@@ -2771,130 +2697,6 @@ function consumeLoginLanguage() {
 }
 var i18n_default = i18n;
 
-// src/ui/api/sync-api.ts
-init_define_import_meta_env();
-async function getSyncStatus() {
-  return (await authApi.get("/sync/link/status")).data;
-}
-async function probeServer(target) {
-  return (await authApi.post("/sync/link/probe", target)).data;
-}
-async function getLinkPreview() {
-  return (await authApi.get("/sync/link/preview")).data?.counts ?? {};
-}
-async function completeLink(input) {
-  return (await authApi.post("/sync/link/complete", input)).data;
-}
-async function reloginLink(token) {
-  return (await authApi.post("/sync/link/relogin", { token })).data;
-}
-async function unlinkServer(keepData) {
-  return (await authApi.post("/sync/link/unlink", { keepData })).data;
-}
-async function syncNow() {
-  return (await authApi.post("/sync/link/sync", {}, { timeout: 3e5 })).data;
-}
-async function updateSyncSettings(settings) {
-  return (await authApi.put("/sync/link/settings", settings)).data;
-}
-async function getSyncConflicts() {
-  return (await authApi.get("/sync/link/conflicts")).data?.conflicts ?? [];
-}
-async function settleSyncConflict(id, keep) {
-  await authApi.post(`/sync/link/conflicts/${id}`, { keep });
-}
-async function getSyncErrors() {
-  return (await authApi.get("/sync/link/errors")).data?.errors ?? [];
-}
-async function retrySyncErrors() {
-  return (await authApi.post("/sync/link/errors/retry", {}, { timeout: 3e5 })).data;
-}
-
-// src/ui/lib/sync-status.ts
-init_define_import_meta_env();
-var IDLE_MS = 15e3;
-var BUSY_MS = 2e3;
-var snapshot = null;
-var timer = null;
-var lastSyncAt;
-var listeners = /* @__PURE__ */ new Set();
-function emit() {
-  for (const listener of listeners) listener();
-}
-function announce() {
-  notifySyncChanged();
-  window.dispatchEvent(new CustomEvent("hosts:refresh"));
-  window.dispatchEvent(new CustomEvent("termix:hosts-changed"));
-  window.dispatchEvent(new CustomEvent("termix:credentials-changed"));
-  window.dispatchEvent(new CustomEvent("termix:plugins-changed"));
-}
-async function poll() {
-  timer = null;
-  try {
-    const next = await getSyncStatus();
-    const syncedAt = next.lastSyncAt ?? null;
-    if (lastSyncAt !== void 0 && syncedAt !== lastSyncAt) announce();
-    if (snapshot && snapshot.linked !== next.linked) notifySyncChanged();
-    lastSyncAt = syncedAt;
-    snapshot = next;
-    emit();
-  } catch {
-  }
-  schedule();
-}
-function schedule(delay) {
-  if (listeners.size === 0 || timer) return;
-  const busy = snapshot?.status === "syncing" || !!snapshot?.pending;
-  timer = setTimeout(() => void poll(), delay ?? (busy ? BUSY_MS : IDLE_MS));
-}
-function subscribeSyncStatus(listener) {
-  listeners.add(listener);
-  if (isElectron() && listeners.size === 1 && !timer) void poll();
-  return () => {
-    listeners.delete(listener);
-    if (listeners.size === 0 && timer) {
-      clearTimeout(timer);
-      timer = null;
-    }
-  };
-}
-function getSyncStatusSnapshot() {
-  return snapshot;
-}
-function setSyncStatus(next) {
-  snapshot = next;
-  if (lastSyncAt !== void 0 && (next.lastSyncAt ?? null) !== lastSyncAt) {
-    announce();
-  }
-  lastSyncAt = next.lastSyncAt ?? null;
-  emit();
-  if (timer) clearTimeout(timer);
-  timer = null;
-  schedule(BUSY_MS);
-}
-function refreshSyncStatus() {
-  if (timer) clearTimeout(timer);
-  timer = null;
-  void poll();
-}
-
-// src/ui/hooks/use-sync-status.ts
-init_define_import_meta_env();
-import { useSyncExternalStore } from "react";
-function useSyncStatus() {
-  return useSyncExternalStore(
-    subscribeSyncStatus,
-    getSyncStatusSnapshot,
-    () => null
-  );
-}
-function useSyncAttentionCount() {
-  const status = useSyncStatus();
-  if (!status?.linked) return null;
-  const count = (status.conflicts ?? 0) + (status.errors ?? 0) + (status.status === "signed_out" ? 1 : 0);
-  return count || null;
-}
-
 // src/ui/shell/panel-registry.ts
 init_define_import_meta_env();
 var registry = createRegistry();
@@ -2906,7 +2708,7 @@ var resetPanels = registry.reset;
 
 // src/ui/sidebar/rail-items.ts
 init_define_import_meta_env();
-import { useMemo, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useMemo, useSyncExternalStore } from "react";
 var RAIL_GROUP_ORDER = ["objects", "tools", "system"];
 var RAIL_ITEMS = [
   {
@@ -2939,15 +2741,6 @@ var RAIL_ITEMS = [
     mobilePrimary: true,
     group: "tools"
   },
-  {
-    id: "sync",
-    icon: Cloud,
-    labelKey: "nav.sync",
-    electronOnly: true,
-    placement: "footer",
-    group: "system",
-    useBadge: useSyncAttentionCount
-  },
   {
     id: "plugins",
     icon: Puzzle,
@@ -3006,7 +2799,7 @@ function permittedRailItems(items, permissions) {
   );
 }
 function useRailItems() {
-  const items = useSyncExternalStore2(
+  const items = useSyncExternalStore(
     registeredRailItems.subscribe,
     railItemsSnapshot,
     railItemsSnapshot
@@ -3371,12 +3164,12 @@ var resetDashboardCards = registry3.reset;
 init_define_import_meta_env();
 var points = /* @__PURE__ */ new Map();
 function point(id) {
-  let registry5 = points.get(id);
-  if (!registry5) {
-    registry5 = createRegistry();
-    points.set(id, registry5);
+  let registry6 = points.get(id);
+  if (!registry6) {
+    registry6 = createRegistry();
+    points.set(id, registry6);
   }
-  return registry5;
+  return registry6;
 }
 function registerExtension(pointId, extension) {
   return point(pointId).register(extension);
@@ -3417,21 +3210,21 @@ init_define_import_meta_env();
 var actions3 = /* @__PURE__ */ new Map();
 var slots = /* @__PURE__ */ new Map();
 var contributions = /* @__PURE__ */ new Map();
-var listeners2 = /* @__PURE__ */ new Set();
+var listeners = /* @__PURE__ */ new Set();
 var snapshots = /* @__PURE__ */ new Map();
 var EMPTY = [];
-function emit2() {
+function emit() {
   snapshots.clear();
-  for (const listener of listeners2) listener();
+  for (const listener of listeners) listener();
 }
 function registerAction(id, handler, options = {}) {
   const action = { id, handler, ...options };
   actions3.set(id, action);
-  emit2();
+  emit();
   return () => {
     if (actions3.get(id) === action) {
       actions3.delete(id);
-      emit2();
+      emit();
     }
   };
 }
@@ -3451,11 +3244,11 @@ async function invokeAction(id, ...args) {
 }
 function declareActionSlot(slot) {
   slots.set(slot.id, slot);
-  emit2();
+  emit();
   return () => {
     if (slots.get(slot.id) === slot) {
       slots.delete(slot.id);
-      emit2();
+      emit();
     }
   };
 }
@@ -3476,7 +3269,7 @@ function registerSlotContribution(slotId, contribution) {
   }
   const stored = { ...contribution, kind };
   forSlot.set(contribution.actionId, stored);
-  emit2();
+  emit();
   return () => {
     if (contributions.get(slotId)?.get(contribution.actionId) === stored) {
       unregisterSlotContribution(slotId, contribution.actionId);
@@ -3487,7 +3280,7 @@ function unregisterSlotContribution(slotId, actionId) {
   const forSlot = contributions.get(slotId);
   if (!forSlot?.delete(actionId)) return;
   if (forSlot.size === 0) contributions.delete(slotId);
-  emit2();
+  emit();
 }
 function getSlotContributions(slotId) {
   const cached = snapshots.get(slotId);
@@ -3504,9 +3297,9 @@ function getSlotContributions(slotId) {
   return sorted;
 }
 function subscribeToActionRegistry(listener) {
-  listeners2.add(listener);
+  listeners.add(listener);
   return () => {
-    listeners2.delete(listener);
+    listeners.delete(listener);
   };
 }
 function resetActionRegistry() {
@@ -3514,7 +3307,7 @@ function resetActionRegistry() {
   slots.clear();
   contributions.clear();
   snapshots.clear();
-  emit2();
+  emit();
 }
 
 // src/ui/lib/plugin-transport.ts
@@ -3612,14 +3405,14 @@ async function pluginWsUrl(pluginId, path2, options = {}) {
 init_define_import_meta_env();
 import {
   createElement,
-  useSyncExternalStore as useSyncExternalStore3
+  useSyncExternalStore as useSyncExternalStore2
 } from "react";
 var components = /* @__PURE__ */ new Map();
-var listeners3 = /* @__PURE__ */ new Set();
+var listeners2 = /* @__PURE__ */ new Set();
 var version = 0;
 function notify() {
   version += 1;
-  for (const listener of listeners3) listener();
+  for (const listener of listeners2) listener();
 }
 function registerPluginComponent(id, component) {
   components.set(id, component);
@@ -3632,11 +3425,11 @@ function registerPluginComponent(id, component) {
   };
 }
 function subscribe(listener) {
-  listeners3.add(listener);
-  return () => listeners3.delete(listener);
+  listeners2.add(listener);
+  return () => listeners2.delete(listener);
 }
 function usePluginComponent(id) {
-  useSyncExternalStore3(subscribe, () => version);
+  useSyncExternalStore2(subscribe, () => version);
   return components.get(id);
 }
 function PluginComponent({
@@ -3730,7 +3523,7 @@ import { createContext, useContext, useEffect as useEffect3, useState as useStat
 
 // src/ui/look/theme-registry.ts
 init_define_import_meta_env();
-import { useSyncExternalStore as useSyncExternalStore4 } from "react";
+import { useSyncExternalStore as useSyncExternalStore3 } from "react";
 var SYSTEM_THEME = "system";
 var BUILTIN_THEMES = [
   {
@@ -3749,23 +3542,23 @@ var BUILTIN_THEMES = [
 var builtins = new Map(BUILTIN_THEMES.map((theme) => [theme.id, theme]));
 var pluginThemes = /* @__PURE__ */ new Map();
 var pluginThemesKnown = false;
-var listeners4 = /* @__PURE__ */ new Set();
-var snapshot2 = null;
-function emit3() {
-  snapshot2 = null;
-  for (const listener of listeners4) listener();
+var listeners3 = /* @__PURE__ */ new Set();
+var snapshot = null;
+function emit2() {
+  snapshot = null;
+  for (const listener of listeners3) listener();
 }
 function listThemes() {
-  if (!snapshot2) {
+  if (!snapshot) {
     const replaced = BUILTIN_THEMES.map(
       (theme) => pluginThemes.get(theme.id) ?? theme
     );
     const extra = [...pluginThemes.values()].filter(
       (theme) => !builtins.has(theme.id)
     );
-    snapshot2 = [...replaced, ...extra];
+    snapshot = [...replaced, ...extra];
   }
-  return snapshot2;
+  return snapshot;
 }
 function getTheme(id) {
   return pluginThemes.get(id) ?? builtins.get(id);
@@ -3780,16 +3573,16 @@ function setPluginThemes(themes) {
   });
   if (same && !first) return;
   pluginThemes = next;
-  emit3();
+  emit2();
 }
 function subscribeThemes(listener) {
-  listeners4.add(listener);
+  listeners3.add(listener);
   return () => {
-    listeners4.delete(listener);
+    listeners3.delete(listener);
   };
 }
 function useThemes() {
-  return useSyncExternalStore4(subscribeThemes, listThemes, listThemes);
+  return useSyncExternalStore3(subscribeThemes, listThemes, listThemes);
 }
 function themeMode(id) {
   if (id === SYSTEM_THEME) {
@@ -3973,9 +3766,9 @@ function useSshAuthProviders() {
 
 // src/ui/hooks/use-action-slot.ts
 init_define_import_meta_env();
-import { useMemo as useMemo3, useSyncExternalStore as useSyncExternalStore5 } from "react";
+import { useMemo as useMemo3, useSyncExternalStore as useSyncExternalStore4 } from "react";
 function useActionSlot(slotId, context) {
-  const contributions2 = useSyncExternalStore5(
+  const contributions2 = useSyncExternalStore4(
     subscribeToActionRegistry,
     () => getSlotContributions(slotId),
     () => getSlotContributions(slotId)
@@ -4964,28 +4757,28 @@ function restoreSplitTabs(persisted, tabs, openedAt = Date.now()) {
 
 // src/ui/shell/split/split-drag.ts
 init_define_import_meta_env();
-import { useSyncExternalStore as useSyncExternalStore6 } from "react";
+import { useSyncExternalStore as useSyncExternalStore5 } from "react";
 var state = null;
 var hitTest = null;
 var dropHandler = null;
-var listeners5 = /* @__PURE__ */ new Set();
-function emit4() {
-  for (const listener of listeners5) listener();
+var listeners4 = /* @__PURE__ */ new Set();
+function emit3() {
+  for (const listener of listeners4) listener();
 }
 function beginSplitDrag(source, x, y) {
   state = { source, x, y, hover: hitTest?.(x, y, source) ?? null };
-  emit4();
+  emit3();
 }
 function moveSplitDrag(x, y) {
   if (!state) return;
   state = { ...state, x, y, hover: hitTest?.(x, y, state.source) ?? null };
-  emit4();
+  emit3();
 }
 function endSplitDrag(commit) {
   const ended = state;
   if (!ended) return;
   state = null;
-  emit4();
+  emit3();
   if (commit && ended.hover) dropHandler?.(ended.source, ended.hover);
 }
 function isSplitDragging() {
@@ -5004,11 +4797,11 @@ function setSplitDropHandler(next) {
   };
 }
 function subscribe2(listener) {
-  listeners5.add(listener);
-  return () => listeners5.delete(listener);
+  listeners4.add(listener);
+  return () => listeners4.delete(listener);
 }
 function useSplitDrag() {
-  return useSyncExternalStore6(
+  return useSyncExternalStore5(
     subscribe2,
     () => state,
     () => null
@@ -5047,18 +4840,18 @@ function dropTargetRect(rect, target) {
 
 // src/ui/shell/split/split-targets.ts
 init_define_import_meta_env();
-import { useSyncExternalStore as useSyncExternalStore7 } from "react";
+import { useSyncExternalStore as useSyncExternalStore6 } from "react";
 var EMPTY2 = { splits: [], canStartSplit: false };
-var snapshot3 = EMPTY2;
+var snapshot2 = EMPTY2;
 var snapshotKey = "";
 var opener = null;
-var listeners6 = /* @__PURE__ */ new Set();
+var listeners5 = /* @__PURE__ */ new Set();
 function publishSplitTargets(next) {
   const key = JSON.stringify(next);
   if (key === snapshotKey) return;
   snapshotKey = key;
-  snapshot3 = next;
-  for (const listener of listeners6) listener();
+  snapshot2 = next;
+  for (const listener of listeners5) listener();
 }
 function setSplitOpener(next) {
   opener = next;
@@ -5074,13 +4867,13 @@ function openInSplit(target, open) {
   else open();
 }
 function subscribe3(listener) {
-  listeners6.add(listener);
-  return () => listeners6.delete(listener);
+  listeners5.add(listener);
+  return () => listeners5.delete(listener);
 }
 function useSplitTargets() {
-  return useSyncExternalStore7(
+  return useSyncExternalStore6(
     subscribe3,
-    () => snapshot3,
+    () => snapshot2,
     () => EMPTY2
   );
 }
@@ -5122,25 +4915,25 @@ function buildLayoutTabSnapshots(tabs, genSlotId = createId) {
   }));
   return { snapshots: snapshots2, slotIdByTabId };
 }
-function snapshotData(snapshot4) {
-  if (snapshot4.data) return snapshot4.data;
+function snapshotData(snapshot3) {
+  if (snapshot3.data) return snapshot3.data;
   const legacy = {};
-  if (snapshot4.fleetId !== void 0) legacy.fleetId = snapshot4.fleetId;
-  if (snapshot4.initialFilePath)
-    legacy.initialFilePath = snapshot4.initialFilePath;
-  if (snapshot4.initialPath) legacy.initialPath = snapshot4.initialPath;
+  if (snapshot3.fleetId !== void 0) legacy.fleetId = snapshot3.fleetId;
+  if (snapshot3.initialFilePath)
+    legacy.initialFilePath = snapshot3.initialFilePath;
+  if (snapshot3.initialPath) legacy.initialPath = snapshot3.initialPath;
   return Object.keys(legacy).length > 0 ? legacy : void 0;
 }
-function resolveLayoutTabTarget(snapshot4, allHosts) {
+function resolveLayoutTabTarget(snapshot3, allHosts) {
   let host;
-  if (snapshot4.hostSyncId) {
-    host = allHosts.find((h) => h.syncId === snapshot4.hostSyncId);
+  if (snapshot3.hostSyncId) {
+    host = allHosts.find((h) => h.syncId === snapshot3.hostSyncId);
     if (!host) return { kind: "skip" };
   }
-  if (opensAsSingleton(snapshot4.type, !!host)) {
+  if (opensAsSingleton(snapshot3.type, !!host)) {
     return { kind: "singleton", host };
   }
-  if (!host && isUnregisteredPluginTabType(snapshot4.type)) {
+  if (!host && isUnregisteredPluginTabType(snapshot3.type)) {
     return { kind: "singleton" };
   }
   return host ? { kind: "host", host } : { kind: "skip" };
@@ -5420,11 +5213,11 @@ function createTabStageStore() {
   const paneEls = /* @__PURE__ */ new Map();
   const listeners9 = /* @__PURE__ */ new Set();
   let normalView = null;
-  let version3 = 0;
+  let version4 = 0;
   let order2 = [];
   let lastAnimatedTabId = null;
   const bump = () => {
-    version3 += 1;
+    version4 += 1;
     for (const listener of listeners9) listener();
   };
   function getNode(tabId, ownBackground) {
@@ -5532,7 +5325,7 @@ function createTabStageStore() {
         listeners9.delete(listener);
       };
     },
-    version: () => version3
+    version: () => version4
   };
 }
 
@@ -6908,7 +6701,7 @@ function useSplit({
   useEffect9(() => {
     if (!focusedPaneId || !focusedPaneTabId) return;
     let attempts = 0;
-    let timer2;
+    let timer;
     const attempt = () => {
       const focused = document.activeElement;
       const paneEl = paneEls.get(focusedPaneId);
@@ -6924,12 +6717,12 @@ function useSplit({
         handle.focus();
         return;
       }
-      if (attempts++ < 10) timer2 = setTimeout(attempt, 100);
+      if (attempts++ < 10) timer = setTimeout(attempt, 100);
     };
     const frame = requestAnimationFrame(attempt);
     return () => {
       cancelAnimationFrame(frame);
-      if (timer2) clearTimeout(timer2);
+      if (timer) clearTimeout(timer);
     };
   }, [focusedPaneId, focusedPaneTabId]);
   useEffect9(() => {
@@ -7047,34 +6840,34 @@ function useWorkspaceLayout(tabsState, regions) {
     try {
       const slotIdToNewTabId = /* @__PURE__ */ new Map();
       const skippedTabs = [];
-      for (const snapshot4 of payload.tabs) {
-        const target = resolveLayoutTabTarget(snapshot4, hostsRef.current);
+      for (const snapshot3 of payload.tabs) {
+        const target = resolveLayoutTabTarget(snapshot3, hostsRef.current);
         if (target.kind === "skip") {
-          skippedTabs.push(snapshot4.hostNameSnapshot || snapshot4.label);
+          skippedTabs.push(snapshot3.hostNameSnapshot || snapshot3.label);
           continue;
         }
         if (target.kind === "singleton") {
           const newTabId = tabsState.openSingletonTab(
-            snapshot4.type,
+            snapshot3.type,
             void 0,
             target.host,
-            snapshotData(snapshot4)
+            snapshotData(snapshot3)
           );
-          slotIdToNewTabId.set(snapshot4.slotId, newTabId ?? snapshot4.type);
+          slotIdToNewTabId.set(snapshot3.slotId, newTabId ?? snapshot3.type);
           continue;
         }
         if (target.kind === "host") {
           const newTabId = tabsState.openTab(
             target.host,
-            snapshot4.type,
+            snapshot3.type,
             {
               instanceId: createId(),
               restoredSessionId: null,
-              savedLabel: snapshot4.customLabel ?? snapshot4.label
+              savedLabel: snapshot3.customLabel ?? snapshot3.label
             },
-            { data: snapshotData(snapshot4) }
+            { data: snapshotData(snapshot3) }
           );
-          slotIdToNewTabId.set(snapshot4.slotId, newTabId);
+          slotIdToNewTabId.set(snapshot3.slotId, newTabId);
         }
       }
       const splitIdBySlotId = /* @__PURE__ */ new Map();
@@ -7161,7 +6954,7 @@ function useShellKeybindings({
   toggleFullscreenRef.current = toggleFullscreen;
   useEffect11(() => {
     let cancelled = false;
-    const load = () => {
+    const load2 = () => {
       getUserPreferences().then((prefs) => {
         if (cancelled) return;
         globalKeybindingsRef.current = parseCustomKeybindings(
@@ -7170,11 +6963,11 @@ function useShellKeybindings({
       }).catch(() => {
       });
     };
-    load();
-    window.addEventListener("customKeybindingsChanged", load);
+    load2();
+    window.addEventListener("customKeybindingsChanged", load2);
     return () => {
       cancelled = true;
-      window.removeEventListener("customKeybindingsChanged", load);
+      window.removeEventListener("customKeybindingsChanged", load2);
     };
   }, []);
   useEffect11(() => {
@@ -7539,19 +7332,19 @@ function useShellLifecycle({
 
 // src/ui/shell/controller/shell-store.ts
 init_define_import_meta_env();
-import { useSyncExternalStore as useSyncExternalStore8 } from "react";
+import { useSyncExternalStore as useSyncExternalStore7 } from "react";
 var current = null;
-var listeners7 = /* @__PURE__ */ new Set();
+var listeners6 = /* @__PURE__ */ new Set();
 function publishShellController(next) {
   if (next === current) return;
   current = next;
-  for (const listener of listeners7) listener();
+  for (const listener of listeners6) listener();
 }
 function useShellSnapshot() {
-  return useSyncExternalStore8(
+  return useSyncExternalStore7(
     (listener) => {
-      listeners7.add(listener);
-      return () => listeners7.delete(listener);
+      listeners6.add(listener);
+      return () => listeners6.delete(listener);
     },
     () => current,
     () => current
@@ -7622,7 +7415,6 @@ function ShellControllerProvider({
   });
   openSingletonRef.current = tabsState.openSingletonTab;
   const { tabs, activeTabId } = tabsState;
-  useSyncStatus();
   const palette = {
     isOpen: paletteOpen,
     open: () => setPaletteOpen(true),
@@ -7821,25 +7613,25 @@ function computeAdaptivePollDelay(policy, state2, random = Math.random) {
   const jitter = base * jitterRatio * (random() * 2 - 1);
   return Math.max(min, Math.min(max, Math.round(base + jitter)));
 }
-function runAdaptivePolling(poll2, policy, options = {}) {
+function runAdaptivePolling(poll, policy, options = {}) {
   const enabled = options.enabled ?? (() => true);
   const visible = options.visible ?? (() => typeof document === "undefined" || document.visibilityState !== "hidden");
   const state2 = {
     stablePolls: 0,
     consecutiveFailures: 0
   };
-  let timer2 = null;
+  let timer = null;
   let stopped = false;
   let inFlight = false;
   const clearTimer = () => {
-    if (!timer2) return;
-    clearTimeout(timer2);
-    timer2 = null;
+    if (!timer) return;
+    clearTimeout(timer);
+    timer = null;
   };
-  const schedule2 = () => {
+  const schedule = () => {
     clearTimer();
     if (stopped || !enabled() || !visible()) return;
-    timer2 = setTimeout(
+    timer = setTimeout(
       () => void tick(),
       Math.min(
         policy.maxIntervalMs,
@@ -7854,7 +7646,7 @@ function runAdaptivePolling(poll2, policy, options = {}) {
     inFlight = true;
     const startedAt = Date.now();
     try {
-      const changed = await poll2();
+      const changed = await poll();
       state2.consecutiveFailures = 0;
       state2.stablePolls = changed === false ? state2.stablePolls + 1 : 0;
     } catch (error) {
@@ -7864,7 +7656,7 @@ function runAdaptivePolling(poll2, policy, options = {}) {
     } finally {
       state2.lastPollDurationMs = Date.now() - startedAt;
       inFlight = false;
-      schedule2();
+      schedule();
     }
   };
   const onVisibility = () => {
@@ -7880,7 +7672,7 @@ function runAdaptivePolling(poll2, policy, options = {}) {
     document.addEventListener("visibilitychange", onVisibility);
   }
   if (options.runImmediately ?? true) void tick();
-  else schedule2();
+  else schedule();
   return () => {
     stopped = true;
     clearTimer();
@@ -7906,7 +7698,7 @@ import {
   useCallback as useCallback7,
   useRef as useRef7,
   useMemo as useMemo6,
-  useSyncExternalStore as useSyncExternalStore9,
+  useSyncExternalStore as useSyncExternalStore8,
   useState as useState13
 } from "react";
 
@@ -8018,7 +7810,7 @@ function ServerStatusProvider({
     storeRef.current = new ServerStatusStore();
   }
   const store = storeRef.current;
-  const [version3, setVersion] = useState13(0);
+  const [version4, setVersion] = useState13(0);
   const mountedRef = useRef7(true);
   const refreshInFlightRef = useRef7(null);
   useEffect14(() => store.subscribeAll(() => setVersion((v) => v + 1)), [store]);
@@ -8101,7 +7893,7 @@ function ServerStatusProvider({
     }),
     // version refreshes the statuses/initialLoadComplete snapshots
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [version3, refreshStatuses, getStatus]
+    [version4, refreshStatuses, getStatus]
   );
   return /* @__PURE__ */ jsx8(StatusStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx8(ServerStatusContext.Provider, { value: contextValue, children }) });
 }
@@ -8123,7 +7915,7 @@ function useServerStatus() {
 }
 function useHostStatus(hostId, statusCheckEnabled = true) {
   const store = useStatusStore();
-  const status = useSyncExternalStore9(
+  const status = useSyncExternalStore8(
     (onChange) => store.subscribeHost(hostId, onChange),
     () => store.getStatus(hostId),
     () => store.getStatus(hostId)
@@ -8132,7 +7924,7 @@ function useHostStatus(hostId, statusCheckEnabled = true) {
 }
 function useServerStatusMeta() {
   const store = useStatusStore();
-  useSyncExternalStore9(
+  useSyncExternalStore8(
     (onChange) => store.subscribeMeta(onChange),
     () => store.getMetaSnapshot(),
     () => store.getMetaSnapshot()
@@ -8142,7 +7934,7 @@ function useServerStatusMeta() {
 var noStatus = () => "unknown";
 function useOptionalHostStatusEntry(hostId) {
   const store = useContext4(StatusStoreContext);
-  const status = useSyncExternalStore9(
+  const status = useSyncExternalStore8(
     (onChange) => store && hostId !== void 0 ? store.subscribeHost(hostId, onChange) : () => {
     },
     () => store && hostId !== void 0 ? store.getStatus(hostId) : "unknown",
@@ -8394,7 +8186,7 @@ var pluginHostBridge = {
         window.removeEventListener(PLUGIN_SETTINGS_CHANGED_EVENT, onChanged);
       };
     }, [pluginId, scope, numericHostId]);
-    const save = useCallback8(
+    const save2 = useCallback8(
       async (values) => {
         const saved = await SETTINGS_WRITERS[scope](
           pluginId,
@@ -8405,7 +8197,7 @@ var pluginHostBridge = {
       },
       [pluginId, scope, numericHostId]
     );
-    return useMemo8(() => ({ ...state2, save }), [state2, save]);
+    return useMemo8(() => ({ ...state2, save: save2 }), [state2, save2]);
   },
   useHost(hostId) {
     const pluginId = usePluginScope();
@@ -8578,7 +8370,7 @@ function onRemoteServerChange(listener) {
 
 // src/ui/look/layout-registry.ts
 init_define_import_meta_env();
-import { useSyncExternalStore as useSyncExternalStore10 } from "react";
+import { useSyncExternalStore as useSyncExternalStore9 } from "react";
 var descriptorSnapshot = [];
 var descriptorListeners = /* @__PURE__ */ new Set();
 var registered = createRegistry();
@@ -8604,7 +8396,7 @@ function subscribeDescriptors(listener) {
   };
 }
 function useLayouts() {
-  return useSyncExternalStore10(subscribeDescriptors, listLayouts, listLayouts);
+  return useSyncExternalStore9(subscribeDescriptors, listLayouts, listLayouts);
 }
 function layoutLabel(layout, t) {
   if (!layout.pluginId) return layout.label;
@@ -8615,6 +8407,86 @@ function layoutLabel(layout, t) {
 
 // src/ui/plugin-host/app.ts
 init_define_import_meta_env();
+import { useEffect as useEffect16 } from "react";
+
+// src/ui/shell/companions.ts
+init_define_import_meta_env();
+import { useSyncExternalStore as useSyncExternalStore10 } from "react";
+var registry5 = createRegistry(byOrderThenId);
+var registerCompanionDef = registry5.register;
+var getCompanionDef = registry5.get;
+var listCompanionDefs = registry5.list;
+var useCompanionDefs = registry5.useList;
+var resetCompanions = registry5.reset;
+function companionApplies(def, tab) {
+  if (!tab.host) return false;
+  if (def.tabTypes?.length && !def.tabTypes.includes(tab.type)) return false;
+  return def.when ? def.when(tab, tab.host) : true;
+}
+var STORAGE_KEY = "termix:companions";
+var EMPTY3 = { openId: null, seen: false };
+var states = /* @__PURE__ */ new Map();
+var listeners7 = /* @__PURE__ */ new Set();
+var version2 = 0;
+function load() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return;
+    const parsed = JSON.parse(raw);
+    states = new Map(Object.entries(parsed));
+  } catch {
+  }
+}
+function save() {
+  try {
+    const entries = [...states.entries()].slice(-200);
+    localStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(Object.fromEntries(entries))
+    );
+  } catch {
+  }
+}
+load();
+function companionKey(tab) {
+  return tab.instanceId ?? tab.id;
+}
+function getCompanionState(key) {
+  return states.get(key) ?? EMPTY3;
+}
+function patchCompanionState(key, patch) {
+  const next = { ...getCompanionState(key), ...patch };
+  states = new Map(states);
+  states.delete(key);
+  states.set(key, next);
+  version2 += 1;
+  save();
+  for (const listener of listeners7) listener();
+}
+function subscribe4(listener) {
+  listeners7.add(listener);
+  return () => listeners7.delete(listener);
+}
+function useCompanionState(key) {
+  useSyncExternalStore10(
+    subscribe4,
+    () => version2,
+    () => version2
+  );
+  return getCompanionState(key);
+}
+function toggleCompanion(tab, id) {
+  const key = companionKey(tab);
+  const current2 = getCompanionState(key);
+  const target = id ?? current2.openId ?? listCompanionDefs().find((def) => companionApplies(def, tab))?.id ?? null;
+  if (!target) return;
+  patchCompanionState(key, {
+    seen: true,
+    openId: current2.openId === target ? null : target
+  });
+}
+
+// src/ui/plugin-host/app.ts
 var ONBOARDING_ID = /^[a-z0-9][a-z0-9-]{0,63}$/;
 function createDocsApi(manifest) {
   const url = pluginDocsUrl(manifest?.docs);
@@ -8709,6 +8581,40 @@ function createPluginApp(pluginId, manifest, contributes, options = {}) {
         })
       );
     },
+    registerCompanion(id, component, options2 = {}) {
+      const useDefaults = options2.useDefaults;
+      const Defaults = useDefaults ? scoped(function CompanionDefaultsReader({
+        onValue
+      }) {
+        const value = useDefaults();
+        const { open, side, size, edgeButton } = value;
+        useEffect16(() => {
+          onValue({ open, side, size, edgeButton });
+        }, [onValue, open, side, size, edgeButton]);
+        return null;
+      }) : void 0;
+      return track(
+        registerCompanionDef({
+          id: `${pluginId}.${id}`,
+          pluginId,
+          component: scoped(
+            component
+          ),
+          icon: withIconBoundary(pluginId, options2.icon),
+          titleKey: options2.titleKey ? key(options2.titleKey) : void 0,
+          order: options2.order,
+          tabTypes: options2.tabTypes,
+          when: options2.when,
+          Defaults
+        })
+      );
+    },
+    toggleCompanion(tab, id) {
+      toggleCompanion(
+        tab,
+        id ? `${pluginId}.${id}` : void 0
+      );
+    },
     registerTab(type, component, options2 = {}) {
       requireDeclared("tab", type, "tab type");
       return track(
@@ -8960,8 +8866,8 @@ function createPluginApp(pluginId, manifest, contributes, options = {}) {
     },
     registerOnboardingStep(step) {
       requireStepId(step.id, "onboarding step");
-      const version3 = step.version ?? 1;
-      if (!Number.isInteger(version3) || version3 < 1) {
+      const version4 = step.version ?? 1;
+      if (!Number.isInteger(version4) || version4 < 1) {
         throw new Error(
           `${pluginId}: onboarding step "${step.id}" needs a whole version of 1 or more`
         );
@@ -8971,7 +8877,7 @@ function createPluginApp(pluginId, manifest, contributes, options = {}) {
         onboardingSteps.register({
           id: pluginStepKey(pluginId, step.id),
           pluginId,
-          version: version3,
+          version: version4,
           titleKey: key(step.titleKey),
           descriptionKey: step.descriptionKey ? key(step.descriptionKey) : void 0,
           icon: step.icon ? withIconBoundary(pluginId, step.icon) : void 0,
@@ -9111,24 +9017,24 @@ function createPluginApp(pluginId, manifest, contributes, options = {}) {
 
 // src/ui/hooks/use-installed-plugins.ts
 init_define_import_meta_env();
-import { useEffect as useEffect16, useState as useState15 } from "react";
+import { useEffect as useEffect17, useState as useState15 } from "react";
 function useInstalledPlugins() {
   const [plugins, setPlugins] = useState15([]);
-  useEffect16(() => {
+  useEffect17(() => {
     let cancelled = false;
     let request = 0;
-    const load = () => {
+    const load2 = () => {
       const current2 = ++request;
       void getPlugins().then((loaded) => {
         if (!cancelled && current2 === request) setPlugins(loaded);
       }).catch(() => {
       });
     };
-    load();
-    window.addEventListener(PLUGINS_CHANGED_EVENT, load);
+    load2();
+    window.addEventListener(PLUGINS_CHANGED_EVENT, load2);
     return () => {
       cancelled = true;
-      window.removeEventListener(PLUGINS_CHANGED_EVENT, load);
+      window.removeEventListener(PLUGINS_CHANGED_EVENT, load2);
     };
   }, []);
   return plugins;
@@ -9549,10 +9455,10 @@ function ComponentSlot({
 // src/ui/shell/tab-handles.ts
 init_define_import_meta_env();
 import { useSyncExternalStore as useSyncExternalStore11 } from "react";
-var version2 = 0;
+var version3 = 0;
 var listeners8 = /* @__PURE__ */ new Set();
 var callbacks = /* @__PURE__ */ new WeakMap();
-function subscribe4(listener) {
+function subscribe5(listener) {
   listeners8.add(listener);
   return () => listeners8.delete(listener);
 }
@@ -9563,7 +9469,7 @@ function trackTabHandle(ref) {
     callback = (value) => {
       if (ref.current === value) return;
       ref.current = value;
-      version2 += 1;
+      version3 += 1;
       for (const listener of listeners8) listener();
     };
     callbacks.set(ref, callback);
@@ -9572,9 +9478,9 @@ function trackTabHandle(ref) {
 }
 function useTabHandlesVersion() {
   return useSyncExternalStore11(
-    subscribe4,
-    () => version2,
-    () => version2
+    subscribe5,
+    () => version3,
+    () => version3
   );
 }
 
@@ -10018,8 +9924,8 @@ function runAdaptiveBackgroundTask(kind, action, task, options = {}) {
 
 // src/ui/shell/tabUtils.tsx
 init_define_import_meta_env();
-import { lazy, memo, Suspense } from "react";
-import { useTranslation as useTranslation8 } from "react-i18next";
+import { lazy, memo as memo2, Suspense } from "react";
+import { useTranslation as useTranslation9 } from "react-i18next";
 
 // src/ui/lib/host-to-ssh-host.ts
 init_define_import_meta_env();
@@ -10057,10 +9963,258 @@ function hostToSSHHost(h) {
   };
 }
 
+// src/ui/shell/CompanionFrame.tsx
+init_define_import_meta_env();
+import {
+  memo,
+  useCallback as useCallback9,
+  useEffect as useEffect18,
+  useMemo as useMemo10,
+  useRef as useRef8,
+  useState as useState16
+} from "react";
+import { useTranslation as useTranslation8 } from "react-i18next";
+import { Fragment as Fragment3, jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+var DEFAULT_SIDE_SIZE = 360;
+var DEFAULT_BOTTOM_SIZE = 280;
+var MIN_SIZE = 200;
+function DefaultsReader({
+  def,
+  onValue
+}) {
+  const Reader = def.Defaults;
+  const report = useCallback9(
+    (value) => onValue(def.id, value),
+    [def.id, onValue]
+  );
+  return Reader ? /* @__PURE__ */ jsx13(Reader, { onValue: report }) : null;
+}
+function sideIcon(side) {
+  if (side === "left") return ArrowLeftToLine;
+  if (side === "bottom") return ArrowDownToLine;
+  return ArrowRightToLine;
+}
+var CompanionFrame = memo(function CompanionFrame2({
+  tab,
+  isVisible,
+  children
+}) {
+  const defs = useCompanionDefs();
+  const applicable = useMemo10(
+    () => defs.filter((def) => companionApplies(def, tab)),
+    // tab.host and tab.type decide it
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [defs, tab.type, tab.host]
+  );
+  if (applicable.length === 0) return /* @__PURE__ */ jsx13(Fragment3, { children });
+  return /* @__PURE__ */ jsx13(CompanionLayout, { tab, defs: applicable, isVisible, children });
+});
+function CompanionLayout({
+  tab,
+  defs,
+  isVisible,
+  children
+}) {
+  const { t } = useTranslation8();
+  const isMobile = useIsMobile();
+  const key = companionKey(tab);
+  const state2 = useCompanionState(key);
+  const [defaults3, setDefaults] = useState16(
+    {}
+  );
+  const [dragging, setDragging] = useState16(false);
+  const [mounted, setMounted] = useState16(/* @__PURE__ */ new Set());
+  const rootRef = useRef8(null);
+  const onDefaults = useCallback9((id, value) => {
+    setDefaults((prev) => {
+      const old = prev[id];
+      if (old && old.open === value.open && old.side === value.side && old.size === value.size && old.edgeButton === value.edgeButton) {
+        return prev;
+      }
+      return { ...prev, [id]: value };
+    });
+  }, []);
+  useEffect18(() => {
+    if (state2.seen || !isVisible) return;
+    const ready = defs.every(
+      (def) => !def.Defaults || defaults3[def.id] !== void 0
+    );
+    if (!ready) return;
+    const auto = defs.find((def) => defaults3[def.id]?.open);
+    patchCompanionState(key, { seen: true, openId: auto?.id ?? null });
+  }, [state2.seen, isVisible, defs, defaults3, key]);
+  const active = defs.find((def) => def.id === state2.openId) ?? null;
+  useEffect18(() => {
+    if (!active) return;
+    setMounted(
+      (prev) => prev.has(active.id) ? prev : new Set(prev).add(active.id)
+    );
+  }, [active]);
+  const activeDefaults = active ? defaults3[active.id] : void 0;
+  const side = isMobile ? "bottom" : state2.side ?? activeDefaults?.side ?? "right";
+  const baseSize = state2.size ?? activeDefaults?.size ?? (side === "bottom" ? DEFAULT_BOTTOM_SIZE : DEFAULT_SIDE_SIZE);
+  const setSide = useCallback9(
+    (next) => patchCompanionState(key, { side: next }),
+    [key]
+  );
+  const close = useCallback9(
+    () => patchCompanionState(key, { openId: null }),
+    [key]
+  );
+  const startResize = (event) => {
+    event.preventDefault();
+    const root = rootRef.current;
+    if (!root) return;
+    const rect = root.getBoundingClientRect();
+    const total = side === "bottom" ? rect.height : rect.width;
+    const max = Math.max(MIN_SIZE, total - MIN_SIZE);
+    setDragging(true);
+    const move = (e) => {
+      const raw = side === "right" ? rect.right - e.clientX : side === "left" ? e.clientX - rect.left : rect.bottom - e.clientY;
+      patchCompanionState(key, {
+        size: Math.round(Math.min(max, Math.max(MIN_SIZE, raw)))
+      });
+    };
+    const up = () => {
+      setDragging(false);
+      window.removeEventListener("mousemove", move);
+      window.removeEventListener("mouseup", up);
+    };
+    window.addEventListener("mousemove", move);
+    window.addEventListener("mouseup", up);
+  };
+  const getHandle = useCallback9(
+    () => tab.terminalRef?.current ?? null,
+    [tab.terminalRef]
+  );
+  const sshHost = useMemo10(
+    () => tab.host ? hostToSSHHost(tab.host) : void 0,
+    [tab.host]
+  );
+  const showEdge = defs.filter((def) => defaults3[def.id]?.edgeButton !== false);
+  const vertical = side === "bottom";
+  const clamped = vertical ? Math.min(baseSize, 2e3) : baseSize;
+  const paneStyle = isMobile ? { height: "55%" } : vertical ? { height: clamped } : { width: clamped };
+  const SideIcon = sideIcon(side);
+  return /* @__PURE__ */ jsxs6("div", { className: "flex h-full w-full min-h-0 min-w-0", children: [
+    defs.map(
+      (def) => def.Defaults ? /* @__PURE__ */ jsx13(DefaultsReader, { def, onValue: onDefaults }, def.id) : null
+    ),
+    /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        ref: rootRef,
+        className: cn(
+          "relative flex flex-1 min-h-0 min-w-0",
+          vertical ? "flex-col" : side === "left" ? "flex-row-reverse" : "flex-row"
+        ),
+        children: [
+          /* @__PURE__ */ jsx13("div", { className: "relative flex-1 min-h-0 min-w-0", children }),
+          defs.map((def) => {
+            if (!mounted.has(def.id)) return null;
+            const open = active?.id === def.id;
+            const Component = def.component;
+            const Icon = def.icon;
+            return /* @__PURE__ */ jsxs6(
+              "div",
+              {
+                className: cn(
+                  "relative flex-shrink-0 flex-col min-h-0 min-w-0 bg-background border-border",
+                  open ? "flex" : "hidden",
+                  vertical ? "border-t" : side === "left" ? "border-r" : "border-l",
+                  isMobile && "absolute inset-x-0 bottom-0 z-20 shadow-lg"
+                ),
+                style: paneStyle,
+                children: [
+                  !isMobile && /* @__PURE__ */ jsx13(
+                    "div",
+                    {
+                      role: "separator",
+                      "aria-label": t("companion.resize"),
+                      onMouseDown: startResize,
+                      className: cn(
+                        "absolute z-10",
+                        vertical ? "inset-x-0 -top-1 h-2 cursor-row-resize" : side === "left" ? "inset-y-0 -right-1 w-2 cursor-col-resize" : "inset-y-0 -left-1 w-2 cursor-col-resize",
+                        dragging && "bg-primary/30"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-1.5 h-8 px-2 border-b border-border flex-shrink-0", children: [
+                    Icon && /* @__PURE__ */ jsx13(Icon, { className: "size-3.5 text-muted-foreground" }),
+                    /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium truncate flex-1", children: def.titleKey ? t(def.titleKey) : def.id }),
+                    !isMobile && /* @__PURE__ */ jsx13(
+                      "button",
+                      {
+                        type: "button",
+                        className: "p-1 text-muted-foreground hover:text-foreground",
+                        title: t("companion.moveSide"),
+                        onClick: () => setSide(
+                          side === "right" ? "bottom" : side === "bottom" ? "left" : "right"
+                        ),
+                        children: /* @__PURE__ */ jsx13(SideIcon, { className: "size-3.5" })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx13(
+                      "button",
+                      {
+                        type: "button",
+                        className: "p-1 text-muted-foreground hover:text-foreground",
+                        title: t("companion.close"),
+                        onClick: close,
+                        children: /* @__PURE__ */ jsx13(X, { className: "size-3.5" })
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx13("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden", children: /* @__PURE__ */ jsx13(
+                    Component,
+                    {
+                      tab,
+                      host: tab.host,
+                      sshHost,
+                      getHandle,
+                      side,
+                      isVisible: isVisible && open,
+                      close,
+                      setSide
+                    }
+                  ) })
+                ]
+              },
+              def.id
+            );
+          })
+        ]
+      }
+    ),
+    showEdge.length > 0 && !isMobile && /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-shrink-0 w-6 items-center gap-1 pt-1 border-l border-border bg-background", children: showEdge.map((def) => {
+      const Icon = def.icon ?? PanelRight;
+      const open = active?.id === def.id;
+      return /* @__PURE__ */ jsx13(
+        "button",
+        {
+          type: "button",
+          title: def.titleKey ? t(def.titleKey) : def.id,
+          "aria-pressed": open,
+          onClick: () => patchCompanionState(key, {
+            seen: true,
+            openId: open ? null : def.id
+          }),
+          className: cn(
+            "p-1 text-muted-foreground hover:text-foreground",
+            open && "text-foreground bg-accent"
+          ),
+          children: /* @__PURE__ */ jsx13(Icon, { className: "size-3.5" })
+        },
+        def.id
+      );
+    }) })
+  ] });
+}
+
 // src/ui/shell/tabUtils.tsx
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var PluginsTab = lazy(
-  () => import("./PluginsTab-S33WIIGC.js").then((m) => ({ default: m.PluginsTab }))
+  () => import("./PluginsTab-YAGYRBIE.js").then((m) => ({ default: m.PluginsTab }))
 );
 function preloadTabSurface(type) {
   const loader = getTabType(type)?.preload;
@@ -10073,37 +10227,37 @@ function EmptyState({
   icon: Icon,
   messageKey
 }) {
-  const { t } = useTranslation8();
-  return /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center justify-center flex-1 gap-3 p-6 text-center", children: [
-    /* @__PURE__ */ jsx13("div", { className: "size-10 rounded-full bg-muted/40 flex items-center justify-center", children: /* @__PURE__ */ jsx13(Icon, { className: "size-5 text-muted-foreground/30" }) }),
-    /* @__PURE__ */ jsx13("span", { className: "text-sm font-semibold text-muted-foreground/60", children: t(messageKey) })
+  const { t } = useTranslation9();
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-center justify-center flex-1 gap-3 p-6 text-center", children: [
+    /* @__PURE__ */ jsx14("div", { className: "size-10 rounded-full bg-muted/40 flex items-center justify-center", children: /* @__PURE__ */ jsx14(Icon, { className: "size-5 text-muted-foreground/30" }) }),
+    /* @__PURE__ */ jsx14("span", { className: "text-sm font-semibold text-muted-foreground/60", children: t(messageKey) })
   ] });
 }
 function TabChunkFallback() {
-  return /* @__PURE__ */ jsx13("div", { className: "flex h-full w-full items-center justify-center bg-background", children: /* @__PURE__ */ jsx13("div", { className: "size-5 rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground/70 animate-spin" }) });
+  return /* @__PURE__ */ jsx14("div", { className: "flex h-full w-full items-center justify-center bg-background", children: /* @__PURE__ */ jsx14("div", { className: "size-5 rounded-full border-2 border-muted-foreground/30 border-t-muted-foreground/70 animate-spin" }) });
 }
 function withTabSuspense(node) {
-  return /* @__PURE__ */ jsx13(Suspense, { fallback: /* @__PURE__ */ jsx13(TabChunkFallback, {}), children: node });
+  return /* @__PURE__ */ jsx14(Suspense, { fallback: /* @__PURE__ */ jsx14(TabChunkFallback, {}), children: node });
 }
 function PanelTabFrame({ children }) {
-  return /* @__PURE__ */ jsx13("div", { className: "flex h-full w-full justify-center overflow-y-auto bg-background", children: /* @__PURE__ */ jsx13("div", { className: "flex flex-col flex-1 min-h-0 w-full max-w-5xl", children }) });
+  return /* @__PURE__ */ jsx14("div", { className: "flex h-full w-full justify-center overflow-y-auto bg-background", children: /* @__PURE__ */ jsx14("div", { className: "flex flex-col flex-1 min-h-0 w-full max-w-5xl", children }) });
 }
 function tabIcon(type) {
   switch (type) {
     case "user-profile":
     case "admin-settings":
-      return /* @__PURE__ */ jsx13(Settings, { className: "size-3.5" });
+      return /* @__PURE__ */ jsx14(Settings, { className: "size-3.5" });
     case "split-screen":
-      return /* @__PURE__ */ jsx13(LayoutPanelLeft, { className: "size-3.5" });
+      return /* @__PURE__ */ jsx14(LayoutPanelLeft, { className: "size-3.5" });
     case "plugins":
-      return /* @__PURE__ */ jsx13(Puzzle, { className: "size-3.5" });
+      return /* @__PURE__ */ jsx14(Puzzle, { className: "size-3.5" });
     default: {
       const Icon = getTabType(type)?.icon;
-      return Icon ? /* @__PURE__ */ jsx13(Icon, { className: "size-3.5" }) : null;
+      return Icon ? /* @__PURE__ */ jsx14(Icon, { className: "size-3.5" }) : null;
     }
   }
 }
-var RegisteredTab = memo(function RegisteredTab2({
+var RegisteredTab = memo2(function RegisteredTab2({
   def,
   tab,
   isVisible,
@@ -10113,7 +10267,7 @@ var RegisteredTab = memo(function RegisteredTab2({
 }) {
   const { host, label } = tab;
   if (def.requiresHost && !host) {
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       EmptyState,
       {
         icon: Server,
@@ -10122,7 +10276,7 @@ var RegisteredTab = memo(function RegisteredTab2({
     );
   }
   const Component = def.component;
-  const content = /* @__PURE__ */ jsx13(
+  const content = /* @__PURE__ */ jsx14(
     Component,
     {
       tab,
@@ -10139,10 +10293,10 @@ var RegisteredTab = memo(function RegisteredTab2({
     }
   );
   return withTabSuspense(
-    def.panelFrame ? /* @__PURE__ */ jsx13(PanelTabFrame, { children: content }) : content
+    /* @__PURE__ */ jsx14(CompanionFrame, { tab, isVisible, children: def.panelFrame ? /* @__PURE__ */ jsx14(PanelTabFrame, { children: content }) : content })
   );
 });
-var PanelAsTab = memo(function PanelAsTab2({
+var PanelAsTab = memo2(function PanelAsTab2({
   panel,
   isVisible,
   targetTab,
@@ -10150,7 +10304,7 @@ var PanelAsTab = memo(function PanelAsTab2({
 }) {
   const Panel = panel.component;
   return withTabSuspense(
-    /* @__PURE__ */ jsx13(PanelTabFrame, { children: /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(PanelTabFrame, { children: /* @__PURE__ */ jsx14(
       Panel,
       {
         targetTab,
@@ -10175,7 +10329,7 @@ function renderTabContent(tab, context) {
     case "split-screen":
       return null;
     case "plugins":
-      return withTabSuspense(/* @__PURE__ */ jsx13(PluginsTab, {}));
+      return withTabSuspense(/* @__PURE__ */ jsx14(PluginsTab, {}));
     case "user-profile":
     case "admin-settings":
       return null;
@@ -10185,7 +10339,7 @@ function renderTabContent(tab, context) {
       if (!def) {
         const panel = getPanel(tab.type);
         if (panel) {
-          return /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             PanelAsTab,
             {
               panel,
@@ -10195,9 +10349,9 @@ function renderTabContent(tab, context) {
             }
           );
         }
-        return /* @__PURE__ */ jsx13(PluginViewPlaceholder, { kind: "tab", viewId: tab.type });
+        return /* @__PURE__ */ jsx14(PluginViewPlaceholder, { kind: "tab", viewId: tab.type });
       }
-      return /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsx14(
         RegisteredTab,
         {
           def,
@@ -10265,20 +10419,6 @@ export {
   changeAppLanguage,
   rememberLoginLanguage,
   i18n_default,
-  probeServer,
-  getLinkPreview,
-  completeLink,
-  reloginLink,
-  unlinkServer,
-  syncNow,
-  updateSyncSettings,
-  getSyncConflicts,
-  settleSyncConflict,
-  getSyncErrors,
-  retrySyncErrors,
-  setSyncStatus,
-  refreshSyncStatus,
-  useSyncStatus,
   getPanel,
   listPanels,
   usePanels,