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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user