hermes/hermes-os
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Visual redesign, message input, reversed messages, systemd service

Browse Source 
- New visual identity: solid dark cards, purple accent, iOS-like feel
- Session replay: newest messages first, message input with send button
- Chat proxy route for sending messages to sessions
- systemd user service with deploy script
- All pages restyled: Pulse, Memory, History, Skills, Cron, Soul, Config
This commit is contained in:
Hermes
2026-04-09 21:12:14 -05:00
parent 65f71fe995
commit 4f5fde34a3
17 changed files with 428 additions and 415 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MemoryEntry.tsx
+10 -22
View File
@@ -23,25 +23,19 @@ export function MemoryEntry({ content, onPatch, onDelete }: Props) {
if (editing) {
return (
<div className="glass p-3 space-y-2">
<div className="card p-3 space-y-2">
<textarea
value={editText}
onChange={(e) => setEditText(e.target.value)}
className="w-full bg-transparent text-sm text-zinc-200 resize-none outline-none min-h-[80px]"
className="w-full bg-transparent text-sm resize-none outline-none min-h-[80px]"
style={{ color: "var(--text-1)" }}
autoFocus
/>
<div className="flex gap-2 justify-end">
<button
onClick={() => { setEditing(false); setEditText(content); }}
className="p-1.5 rounded-lg text-zinc-500"
>
<button onClick={() => { setEditing(false); setEditText(content); }} className="p-1.5 rounded-lg" style={{ color: "var(--text-3)" }}>
<X size={16} />
</button>
<button
onClick={handleSave}
className="p-1.5 rounded-lg"
style={{ color: "#22c55e" }}
>
<button onClick={handleSave} className="p-1.5 rounded-lg" style={{ color: "#34c759" }}>
<Check size={16} />
</button>
</div>
@@ -50,30 +44,24 @@ export function MemoryEntry({ content, onPatch, onDelete }: Props) {
}
return (
<div className="glass p-4 group">
<p className="text-sm text-zinc-300 whitespace-pre-wrap leading-relaxed">
<div className="card p-4 group">
<p className="text-[13px] whitespace-pre-wrap leading-relaxed" style={{ color: "var(--text-1)" }}>
{content}
</p>
<div className="flex gap-2 justify-end mt-2 opacity-0 group-active:opacity-100 transition-opacity">
<button
onClick={() => setEditing(true)}
className="p-1.5 rounded-lg text-zinc-500 active:text-zinc-300"
>
<button onClick={() => setEditing(true)} className="p-1.5 rounded-lg" style={{ color: "var(--text-3)" }}>
<Pencil size={14} />
</button>
{confirmDelete ? (
<button
onClick={() => { onDelete(); setConfirmDelete(false); }}
className="px-2 py-1 rounded-lg text-xs font-medium"
style={{ background: "rgba(239,68,68,0.2)", color: "#ef4444" }}
style={{ background: "rgba(255,59,48,0.12)", color: "#ff3b30" }}
>
Confirm
</button>
) : (
<button
onClick={() => setConfirmDelete(true)}
className="p-1.5 rounded-lg text-zinc-500 active:text-red-400"
>
<button onClick={() => setConfirmDelete(true)} className="p-1.5 rounded-lg" style={{ color: "var(--text-3)" }}>
<Trash2 size={14} />
</button>
)}