Spaces:
Running
Running
File size: 1,986 Bytes
6918275 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <html>
<head>
<title>Project LLM</title>
<script type="module">
import { store } from "/components/projects/projects-store.js";
</script>
</head>
<body>
<div x-data>
<template x-if="$store.projects && $store.projects.selectedProject && $store.projects.selectedProject.llm">
<div class="project-llm-preset-row">
<div class="projects-form-group project-llm-preset-field">
<label class="projects-form-label">Model preset</label>
<div class="projects-input-with-button-wrapper project-llm-preset-controls">
<select class="projects-form-select"
x-model="$store.projects.selectedProject.llm.preset_key"
@change="$store.projects.applySelectedLlmPreset()">
<template x-for="preset in $store.projects.selectedProject.llm.global_presets" :key="$store.projects.getLlmPresetKey(preset)">
<option :value="$store.projects.getLlmPresetKey(preset)" x-text="preset.name"></option>
</template>
</select>
<button type="button" class="button icon-button project-llm-edit-presets"
@click="$store.projects.editSelectedProjectPresets()">
<x-icon class="icon" name="tune"></x-icon>
<span>Edit Presets</span>
</button>
</div>
</div>
</div>
</template>
</div>
</body>
<style>
.project-llm-preset-row {
max-width: 100%;
}
.project-llm-preset-field {
margin-bottom: 0;
}
.project-llm-preset-controls {
align-items: stretch;
}
.project-llm-preset-controls select {
min-width: 0;
}
.project-llm-edit-presets {
flex: 0 0 auto;
}
</style>
</html>
|