mirror of
https://github.com/agent0ai/agent-zero.git
synced 2026-05-17 21:19:46 +00:00
79f948b076
Unify skill handling layer and raise the active skills cap to 20. The Skills UI now presents a simpler checklist-style flow for selecting active skills, with live chat activation and saved defaults using the same visible list. Skill contents can be opened in a read-only Ace viewer via the existing markdown modal.
71 lines
2.1 KiB
HTML
71 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<title>Document</title>
|
|
<script type="module">
|
|
import { store } from "/components/modals/markdown/markdown-store.js";
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div x-data>
|
|
<template x-if="$store.markdownModal">
|
|
<div x-create="$el.closest('.modal')?.querySelector('.modal-title') && ($el.closest('.modal').querySelector('.modal-title').textContent = $store.markdownModal.title)"
|
|
x-init="$store.markdownModal.onOpen()"
|
|
x-destroy="$store.markdownModal.cleanup()"
|
|
class="md-modal-root">
|
|
|
|
<div x-show="$store.markdownModal.error" class="md-modal-error">
|
|
<span class="material-symbols-outlined">error</span>
|
|
<span x-text="$store.markdownModal.error"></span>
|
|
</div>
|
|
|
|
<div class="md-modal-body msg-content"
|
|
x-show="!$store.markdownModal.error && !$store.markdownModal.isAce"
|
|
x-html="$store.markdownModal.renderedHtml">
|
|
</div>
|
|
|
|
<div id="markdown-ace-viewer-container"
|
|
class="md-modal-ace no-scrollbar"
|
|
x-show="!$store.markdownModal.error && $store.markdownModal.isAce">
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</div>
|
|
|
|
<div class="modal-footer" data-modal-footer>
|
|
<button class="btn btn-cancel" @click="window.closeModal?.()">Close</button>
|
|
</div>
|
|
|
|
<style>
|
|
.md-modal-root {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
}
|
|
|
|
.md-modal-body {
|
|
padding: 1.25rem 1.5rem;
|
|
overflow-y: auto;
|
|
max-height: 72vh;
|
|
}
|
|
|
|
.md-modal-ace {
|
|
width: 100%;
|
|
height: 72vh;
|
|
border-radius: 0.4rem;
|
|
overflow: auto;
|
|
}
|
|
|
|
.md-modal-root {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.md-modal-error {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
color: var(--color-error, #e74c3c);
|
|
padding: 1rem 1.5rem;
|
|
}
|
|
</style>
|
|
</body>
|
|
</html>
|