agent-zero/plugins/_model_config/webui/models-summary.html
frdel 93d1131ce1 Unify WebUI icons and fix message collapsing
Introduce the x-icon custom element and migrate first-party WebUI and bundled plugin markup while retaining legacy Material icon compatibility. Defer icon-font readiness until the splash-installed document is parsed so Firefox does not leave icons transparent. Centralize chat message collapse handling, avoid false Show More controls on short user messages, and align grouped-message pagination styling. Update DOX and add regression coverage for the icon and collapse behavior.
2026-07-31 13:32:41 +00:00

48 lines
1.3 KiB
HTML

<html>
<head>
<title>Models</title>
<script type="module">
import { store } from "/plugins/_model_config/webui/model-config-store.js";
</script>
</head>
<body>
<div x-data>
<template x-if="$store.modelConfig">
<div>
<div class="section-title">Models</div>
<div class="section-description">
Choose a global model preset. Project and agent-profile defaults are available in the full model settings.
</div>
<div class="settings-model-preset"
x-data="$store.modelConfig.createGlobalPresetSelector()"
x-init="await init($store.chats?.selected || '')">
<div x-show="loading" class="settings-model-loading">
<x-icon class="spinning" name="progress_activity"></x-icon>
Loading model preset...
</div>
<div x-show="!loading">
<x-component path="/plugins/_model_config/webui/preset-overview.html"></x-component>
</div>
</div>
</div>
</template>
</div>
<style>
.settings-model-preset {
margin-top: 1rem;
}
.settings-model-loading {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
min-height: 7rem;
color: var(--color-text-secondary);
}
</style>
</body>
</html>