feat: add Hermes UI components, presets, and config panels (Phase 8)

- Add 7 provider presets (OpenRouter, Anthropic, OpenAI, Google, DeepSeek, Together, Nous)
- Create HermesFormFields + useHermesFormState for provider form integration
- Create Model/Agent/Env config panels with save/load functionality
- Create HermesHealthBanner for config warnings
- Add hermes icon (violet winged H) to icon system
- Integrate into App.tsx: 3 new view types (hermesModel/hermesAgent/hermesEnv),
  sidebar buttons (Brain/Bot/KeyRound), health banner, session support
- Integrate into ProviderForm: presets, form state, key validation, rendering
- Integrate into AddProviderDialog: universal tab exclusion, providerKey, base_url extraction
- Add i18n keys for all Hermes UI (zh/en/ja)
This commit is contained in:
Jason
2026-04-15 21:02:46 +08:00
parent a0b585992a
commit 240969d8c7
23 changed files with 1512 additions and 54 deletions
@@ -41,7 +41,8 @@ export function AddProviderDialog({
}: AddProviderDialogProps) {
const { t } = useTranslation();
// OpenCode and OpenClaw don't support universal providers
const showUniversalTab = appId !== "opencode" && appId !== "openclaw";
const showUniversalTab =
appId !== "opencode" && appId !== "openclaw" && appId !== "hermes";
const [activeTab, setActiveTab] = useState<"app-specific" | "universal">(
"app-specific",
);
@@ -106,7 +107,7 @@ export function AddProviderDialog({
// OpenCode/OpenClaw: pass providerKey for ID generation
if (
(appId === "opencode" || appId === "openclaw") &&
(appId === "opencode" || appId === "openclaw" || appId === "hermes") &&
values.providerKey
) {
providerData.providerKey = values.providerKey;
@@ -203,6 +204,10 @@ export function AddProviderDialog({
if (parsedConfig.baseUrl) {
addUrl(parsedConfig.baseUrl as string);
}
} else if (appId === "hermes") {
if (parsedConfig.base_url) {
addUrl(parsedConfig.base_url as string);
}
}
const urls = Array.from(urlSet);