Markdown rendering for skills, refresh button on replay

- react-markdown + remark-gfm for proper skill SKILL.md rendering
- Prose styles matching dark theme (tables, code blocks, blockquotes)
- Strips YAML frontmatter before rendering
- Refresh button in session replay header
This commit is contained in:
Hermes
2026-04-09 21:25:10 -05:00
parent 4ab41d0e38
commit e24c179e89
6 changed files with 1539 additions and 12 deletions
+9 -1
View File
@@ -1,7 +1,7 @@
"use client";
import { use, useState, useRef } from "react";
import { ArrowLeft, Send, Loader2, Eye } from "lucide-react";
import { ArrowLeft, Send, Loader2, Eye, RefreshCw } from "lucide-react";
import Link from "next/link";
import { useSession, useMessages } from "@/lib/hooks";
import { timeAgo, formatTokens, platformBadgeClass } from "@/lib/utils";
@@ -96,6 +96,14 @@ export default function SessionReplayPage({ params }: { params: Promise<{ id: st
</div>
)}
</div>
{/* Refresh */}
<button
onClick={() => { qc.invalidateQueries({ queryKey: ["messages", id] }); qc.invalidateQueries({ queryKey: ["session", id] }); }}
className="p-1.5 rounded-lg active:bg-white/[0.04]"
style={{ color: "var(--text-2)" }}
>
<RefreshCw size={16} />
</button>
{/* Verbosity toggle */}
<div className="relative">
<button