ConsolePanel

Bottom console with log levels, timestamps, clear action, and collapse.

bunx --bun shadcn@latest add https://shadcn-sandbox.vercel.app/r/console-panel.json

Preview

Console

10:00:01[next]Dev server ready on http://localhost:3000

10:00:02[compiler]Compiling / ...

10:00:03[compiler]Compiled successfully in 412ms

10:00:05[hmr]Fast Refresh had to perform a full reload.

10:00:08[runtime]TypeError: Cannot read properties of undefined (reading 'count')

import { ConsolePanel } from "@/components/sandbox/console-panel";

export function ConsoleDock() {
  return (
    <ConsolePanel
      messages={consoleMessages}
      onClear={clearConsole}
      collapsed={consoleCollapsed}
      onCollapsedChange={setConsoleCollapsed}
    />
  );
}