v26.10.3 (#1692)

* feat: shell controller, TabStage, layout and theme plugins with repair view * feat: move the classic layout into its own bundled plugin * feat: move color themes into a bundled themes plugin * fix: plugin tests and type checks work with a linked sdk * fix: home tab, layout switch and missing layout fallbacks for looks * chore: add classic layout and themes to the readme * chore: drop example plugin links from the plugin guide * feat: plugin filters by type, paged browse, hide plugins needing newer termix * feat: move desktop, status, import, audit and branding features into plugins * feat: host lock api so a plugin can load hosts from a config file (#1581) * chore: add hosts config to the plugin table * feat: login policy hook for plugins and optional https redirect (#1584) * chore: add login security to the plugin table * feat: api key socket tickets so a master can open remote sessions (#1654) * feat: sync moves to a plugin, desktop gets multiple accounts (#1580, #1654) * chore: add sync to the plugin table * feat: move the sync screens and wizard out of core into the plugin (#1580) * fix: add a neutral linked desktop hook for plugins (#1580) * fix: show the linked account's name and admin flag in the app (#1580) * feat: ssh transport providers, core ssh relay and plugin folders api * feat: support FIDO2 security keys through ssh agent * feat: add companion panels beside host tabs * feat: mTLS client certificates for desktop server links * feat: native web view for plugins in the desktop app * fix: detect the desktop link window by Electron's default user agent Fixes #1675 * fix: changelog for desktop link fix * fix: keep text primary keys in the plugin data export * fix: ship sharp binaries for Windows arm64 builds * feat: client cert on the sync link types (sdk 1.0.18) * chore: update translations * feat: themed title bar for the desktop app (#1690) * chore: changelog for the themed title bar * fix: draw the title bar in the sidebar color * feat: per host layout for the terminal panel bar * chore: sdk 1.0.19 for the panel bar layout * chore: bundle all 43 plugins for 26.10.3 * chore: update translations --------- Co-authored-by: SirHephaistos <60616553+SirHephaistos@users.noreply.github.com> Co-authored-by: Giovanny Aranda <garanda21@gmail.com>
2026-11-06 02:25:24 +00:00 · 2026-10-20 16:03:29 -05:00
1 parent aff29a9581
commit a89ccc6b07
@@ -0,0 +1,94 @@
+import { useTranslation } from "react-i18next";
+import { toast } from "sonner";
+import { Select2 } from "@/components/select2";
+import {
+  chooseDefaultLook,
+  chooseLayout,
+  useLookState,
+} from "@/look/look-store";
+import { layoutLabel, useLayouts } from "@/look/layout-registry";
+import { themeLabel, useThemes } from "@/look/theme-registry";
+
+const selectClass =
+  "w-full px-2.5 py-1.5 text-xs bg-background border border-border text-foreground outline-none focus:ring-1 focus:ring-ring appearance-none pr-7";
+
+/**
+ * The layout picker, plus the default layout and theme for everyone when an
+ * admin is looking. Lists what the layout and theme registries hold, so
+ * plugin layouts and themes show up as soon as they are installed.
+ */
+export function LookSettings({ isAdmin }: { isAdmin: boolean }) {
+  const { t } = useTranslation();
+  const look = useLookState();
+  const layouts = useLayouts();
+  const themes = useThemes();
+  const response = look.response;
+
+  const failed = () => toast.error(t("looks.saveFailed"));
+
+  return (
+    <div className="flex flex-col gap-2">
+      <Select2
+        value={response?.layoutId ?? ""}
+        disabled={!response}
+        onChange={(e) =>
+          void chooseLayout(e.target.value || null).catch(failed)
+        }
+        className={selectClass}
+      >
+        <option value="">{t("looks.followDefault")}</option>
+        {layouts.map((layout) => (
+          <option key={layout.id} value={layout.id}>
+            {layoutLabel(layout, t)}
+          </option>
+        ))}
+      </Select2>
+      <p className="text-[11px] text-muted-foreground">
+        {t("looks.layoutHint")}
+      </p>
+
+      {isAdmin && response && (
+        <div className="flex flex-col gap-1.5 border border-border p-2">
+          <span className="text-[11px] font-medium text-foreground">
+            {t("looks.defaultsLabel")}
+          </span>
+          <p className="text-[11px] text-muted-foreground">
+            {t("looks.defaultsHint")}
+          </p>
+          <Select2
+            value={response.defaults.layout ?? ""}
+            onChange={(e) =>
+              void chooseDefaultLook({ layout: e.target.value || null })
+                .then(() => toast.success(t("looks.defaultSaved")))
+                .catch(failed)
+            }
+            className={selectClass}
+          >
+            <option value="">{t("looks.followDefault")}</option>
+            {layouts.map((layout) => (
+              <option key={layout.id} value={layout.id}>
+                {layoutLabel(layout, t)}
+              </option>
+            ))}
+          </Select2>
+          <Select2
+            value={response.defaults.theme ?? ""}
+            onChange={(e) =>
+              void chooseDefaultLook({ theme: e.target.value || null })
+                .then(() => toast.success(t("looks.defaultSaved")))
+                .catch(failed)
+            }
+            className={selectClass}
+          >
+            <option value="">{t("looks.followDefault")}</option>
+            {themes.map((theme) => (
+              <option key={theme.id} value={theme.id}>
+                {themeLabel(theme, t)}
+              </option>
+            ))}
+          </Select2>
+        </div>
+      )}
+    </div>
+  );
+}