feat: implement Actions Gallery with character integration and triple LoRA chaining

- Added Actions gallery with CRUD and JSON sync
- Implemented Triple LoRA workflow (Character -> Outfit -> Action)
- Added character-integrated previews for Actions with style matching
- Implemented granular prompt selection and default persistence for Actions
- Added detailed development guide for extending gallery features
This commit is contained in:
Aodhan Collins
2026-02-19 20:06:57 +00:00
parent a4a21051a5
commit 467c90594c
11 changed files with 1350 additions and 114 deletions

View File

@@ -0,0 +1,80 @@
{% extends "layout.html" %}
{% block content %}
<div class="container">
<div class="d-flex justify-content-between align-items-center mb-4">
<h1>Edit Action: {{ action.name }}</h1>
<a href="{{ url_for('action_detail', slug=action.slug) }}" class="btn btn-outline-secondary">Cancel</a>
</div>
<form action="{{ url_for('edit_action', slug=action.slug) }}" method="post" id="main-form">
<div class="row">
<div class="col-md-8">
<!-- Basic Info -->
<div class="card mb-4">
<div class="card-header bg-dark text-white">Basic Information</div>
<div class="card-body">
<div class="mb-3">
<label for="action_name" class="form-label">Display Name</label>
<input type="text" class="form-control" id="action_name" name="action_name" value="{{ action.name }}" required>
</div>
<div class="mb-3">
<label for="action_id" class="form-label">Action ID</label>
<input type="text" class="form-control" id="action_id" name="action_id" value="{{ action.action_id }}">
</div>
<div class="mb-3">
<label for="tags" class="form-label">Tags (comma separated)</label>
<input type="text" class="form-control" id="tags" name="tags" value="{{ action.data.tags | join(', ') }}">
</div>
</div>
</div>
<!-- LoRA -->
<div class="card mb-4">
<div class="card-header bg-info text-white">LoRA Settings</div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<label for="lora_lora_name" class="form-label">LoRA Name</label>
<select class="form-select" id="lora_lora_name" name="lora_lora_name">
<option value="">None</option>
{% for lora in loras %}
<option value="{{ lora }}" {% if action.data.lora and action.data.lora.lora_name == lora %}selected{% endif %}>{{ lora }}</option>
{% endfor %}
</select>
</div>
<div class="col-md-4">
<label for="lora_lora_weight" class="form-label">Weight</label>
<input type="number" step="0.01" class="form-control" id="lora_lora_weight" name="lora_lora_weight" value="{{ action.data.lora.lora_weight if action.data.lora else 1.0 }}">
</div>
</div>
<div class="mt-3">
<label for="lora_lora_triggers" class="form-label">Triggers</label>
<input type="text" class="form-control" id="lora_lora_triggers" name="lora_lora_triggers" value="{{ action.data.lora.lora_triggers if action.data.lora else '' }}">
</div>
</div>
</div>
<!-- Action Details Section -->
{% set action_details = action.data.get('action', {}) %}
<div class="card mb-4">
<div class="card-header bg-light"><strong>Action Details</strong></div>
<div class="card-body">
{% for key, value in action_details.items() %}
<div class="mb-3">
<label for="action_{{ key }}" class="form-label text-capitalize">{{ key.replace('_', ' ') }}</label>
<input type="text" class="form-control" id="action_{{ key }}" name="action_{{ key }}" value="{{ value }}">
</div>
{% endfor %}
</div>
</div>
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
<a href="{{ url_for('action_detail', slug=action.slug) }}" class="btn btn-secondary">Cancel</a>
<button type="submit" class="btn btn-primary">Save Changes</button>
</div>
</div>
</div>
</form>
</div>
{% endblock %}