bolbol/hermes-hub
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: initialisation Hermes Hub — interface multi-univers securisee (FastAPI, proxy async, design tokens)

Browse Source
This commit is contained in:
bolbol
2026-08-19 20:46:08 +01:00
commit d107d40a30
59 changed files with 1538 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/@eaDir/base.html@SynoEAStream
BIN
View File
Binary file not shown.
app/templates/@eaDir/index.html@SynoEAStream
BIN
View File
Binary file not shown.
app/templates/base.html
+20
View File
@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="fr" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}{{ app_name }}{% endblock %}</title>
<!-- Design Tokens System (Substituable par Claude Design) -->
<link rel="stylesheet" href="/static/css/tokens.css">
<link rel="stylesheet" href="/static/css/style.css">
{% block extra_head %}{% endblock %}
</head>
<body>
{% block content %}{% endblock %}
<script src="/static/js/hub.js"></script>
{% block extra_scripts %}{% endblock %}
</body>
</html>
app/templates/index.html
+148
View File
@@ -0,0 +1,148 @@
{% extends "base.html" %}
{% block content %}
<div class="hub-shell">
<!-- Sidebar / Workspace Switcher -->
<aside class="hub-sidebar">
<div class="hub-brand">
<div class="hub-logo-icon">H</div>
<div class="hub-brand-text">Hermes Hub</div>
<div class="hub-brand-badge">v1.0</div>
</div>
<div class="hub-nav-section">Univers Hermes</div>
<ul class="hub-universes-list">
{% for u_id, u in universes.items() %}
<li>
<button
class="hub-universe-btn {% if loop.first %}active{% endif %}"
data-universe="{{ u.id }}"
data-name="{{ u.name }}"
data-scope="{{ u.scope }}"
data-tagline="{{ u.tagline }}"
style="--item-accent: var({{ u.accent_token }});"
>
<div class="hub-universe-avatar">
{{ u.name[:2].upper() }}
</div>
<div class="hub-universe-info">
<div class="hub-universe-name">{{ u.name }}</div>
<div class="hub-universe-tagline">{{ u.tagline }}</div>
</div>
<div id="status-dot-{{ u.id }}" class="hub-status-dot" title="Vérification du statut..."></div>
</button>
</li>
{% endfor %}
</ul>
<!-- Sidebar Tools Footer -->
<div class="hub-sidebar-footer">
<button id="btn-edit-persona" class="hub-tool-btn" type="button">
<span>⚙️</span>
<span>Personnalité & Ton</span>
</button>
<button id="btn-clone-universe" class="hub-tool-btn" type="button">
<span>🧬</span>
<span>Cloner ce profil</span>
</button>
</div>
</aside>
<!-- Main View Area -->
<main class="hub-main">
<!-- Universe Topbar -->
<header class="hub-topbar">
<div class="hub-topbar-left">
<h1 id="active-universe-name" class="hub-active-title">Tunisie Telecom</h1>
<span id="active-universe-scope" class="hub-scope-pill">Scope: tt</span>
<span id="active-universe-tagline" style="font-size: 0.8rem; color: var(--hub-text-muted);">Achats Zone Sud</span>
</div>
<div class="hub-topbar-right">
<span style="font-size: 0.75rem; color: var(--hub-text-muted);">Session sécurisée VPS ↔ NAS</span>
</div>
</header>
<!-- Canvas / Iframe Container -->
<div class="hub-canvas">
<!-- Loading Indicator -->
<div id="hub-loader" class="hub-loader-overlay">
<div class="hub-spinner"></div>
<p style="font-size: 0.85rem; color: var(--hub-text-secondary);">Connexion à l'instance Hermes...</p>
</div>
<!-- Isolated Workspace View -->
<iframe
id="workspace-iframe"
class="hub-workspace-iframe"
src="about:blank"
title="Hermes Workspace Frame"
></iframe>
</div>
</main>
</div>
<!-- Modal Edition Personnalité -->
<div id="persona-modal" class="hub-modal-backdrop">
<div class="hub-modal">
<div class="hub-modal-header">
<h3 id="persona-modal-title" style="font-size: 1.05rem; font-weight: 600;">Personnalité de l'Univers</h3>
<button class="hub-modal-close" style="background:none;border:none;color:var(--hub-text-muted);font-size:1.2rem;cursor:pointer;">&times;</button>
</div>
<div class="hub-modal-body">
<div class="hub-form-group">
<label class="hub-form-label">Nom d'affichage</label>
<input id="persona-name" class="hub-input" type="text">
</div>
<div class="hub-form-group">
<label class="hub-form-label">Slogan / Rôle</label>
<input id="persona-tagline" class="hub-input" type="text">
</div>
<div class="hub-form-group">
<label class="hub-form-label">Ton de conversation</label>
<input id="persona-tone" class="hub-input" type="text">
</div>
<div class="hub-form-group">
<label class="hub-form-label">Style de rédaction</label>
<input id="persona-style" class="hub-input" type="text">
</div>
<div class="hub-form-group">
<label class="hub-form-label">Principes directeurs (un par ligne)</label>
<textarea id="persona-principles" class="hub-textarea" rows="3"></textarea>
</div>
<div class="hub-form-group">
<label class="hub-form-label">System Prompt / Instructions spécifiques</label>
<textarea id="persona-prompt" class="hub-textarea" rows="4"></textarea>
</div>
</div>
<div class="hub-modal-footer">
<button class="hub-btn hub-btn-secondary hub-modal-close" type="button">Annuler</button>
<button id="btn-save-persona" class="hub-btn hub-btn-primary" type="button">Enregistrer</button>
</div>
</div>
</div>
<!-- Modal Clonage Profil -->
<div id="clone-modal" class="hub-modal-backdrop">
<div class="hub-modal" style="max-width: 440px;">
<div class="hub-modal-header">
<h3 style="font-size: 1.05rem; font-weight: 600;">Cloner le profil <span id="clone-source-name"></span></h3>
<button class="hub-modal-close" style="background:none;border:none;color:var(--hub-text-muted);font-size:1.2rem;cursor:pointer;">&times;</button>
</div>
<div class="hub-modal-body">
<p style="font-size: 0.825rem; color: var(--hub-text-secondary); line-height: 1.4;">
Le clonage crée une copie autonome des personas, règles et instructions sans impacter l'instance de production active.
</p>
<div class="hub-form-group">
<label class="hub-form-label">Nom du clone</label>
<input id="clone-name" class="hub-input" type="text" placeholder="Ex: TT - Variante Audit 2026">
</div>
</div>
<div class="hub-modal-footer">
<button class="hub-btn hub-btn-secondary hub-modal-close" type="button">Annuler</button>
<button id="btn-submit-clone" class="hub-btn hub-btn-primary" type="button">Créer le clone</button>
</div>
</div>
</div>
{% endblock %}