"use client";

/**
 * Sidebar 页（路由骨架版）
 *
 * 对齐 Flutter `lib/ui/sidebar/sidebar_screen.dart` 的 `onBackPressed` 行为：
 * 顶部一个"返回 /chat"按钮。
 */

import { useRouter } from "next/navigation";

import { ROUTES } from "@/lib/routes";

export default function SidebarPage() {
  const router = useRouter();

  return (
    <main
      className="flex flex-1 flex-col items-center justify-center gap-xl p-lg"
      style={{
        minHeight: "100dvh",
        background: "var(--color-sidebar-background)",
        color: "var(--color-text-primary)",
      }}
    >
      <h1 className="text-3xl font-semibold">Sidebar</h1>
      <p
        className="max-w-md text-center text-sm"
        style={{ color: "var(--color-text-secondary)" }}
      >
        Sidebar placeholder · profile / settings coming soon.
      </p>
      <button
        type="button"
        onClick={() => router.push(ROUTES.chat)}
        className="rounded-md px-xl py-sm text-sm"
        style={{
          background: "var(--color-accent)",
          color: "var(--color-text-primary)",
        }}
      >
        Back to Chat
      </button>
    </main>
  );
}