Visual redesign, message input, reversed messages, systemd service

- 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

components/StatusCard.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import { Cpu, Wifi, WifiOff } from "lucide-react";
 import { useHealth, useConfig } from "@/lib/hooks";
 
 export function StatusCard() {
@@ -9,38 +8,22 @@ export function StatusCard() {
 
   const online = health?.status === "ok";
   const model = config?.model || "—";
-  const provider = config?.provider || "custom";
 
   return (
-    <div className="glass p-4">
-      <div className="flex items-center justify-between mb-3">
-        <div className="flex items-center gap-2">
-          <Cpu size={18} style={{ color: "#f59e0b" }} />
-          <span className="font-semibold text-sm">Hermes</span>
-        </div>
-        <div className="flex items-center gap-1.5">
-          <div
-            className="w-2 h-2 rounded-full"
-            style={{
-              background: online ? "#22c55e" : "#ef4444",
-            }}
-          />
-          {online ? (
-            <Wifi size={14} style={{ color: "#22c55e" }} />
-          ) : (
-            <WifiOff size={14} style={{ color: "#ef4444" }} />
-          )}
+    <div className="card p-4 flex items-center justify-between">
+      <div>
+        <div className="text-[13px] font-mono" style={{ color: "var(--text-2)" }}>
+          {model}
         </div>
       </div>
-      <div className="grid grid-cols-2 gap-3 text-xs">
-        <div>
-          <div className="text-zinc-500">Model</div>
-          <div className="text-zinc-200 font-mono truncate">{model}</div>
-        </div>
-        <div>
-          <div className="text-zinc-500">Provider</div>
-          <div className="text-zinc-200 font-mono truncate">{provider}</div>
-        </div>
+      <div className="flex items-center gap-2">
+        <div
+          className="w-2 h-2 rounded-full"
+          style={{ background: online ? "#34c759" : "#ff3b30" }}
+        />
+        <span className="text-xs" style={{ color: online ? "#34c759" : "#ff3b30" }}>
+          {online ? "Online" : "Offline"}
+        </span>
       </div>
     </div>
   );