"use client";

import { useEffect } from "react";
import { SectionTabs } from "@/components/layout/SectionTabs";
import { useDocDoeMode } from "../mode-selection/useDocDoeMode";
import type { LearningPathVariant } from "./learnAnythingTypes";
import { LearnAnythingRoadmapBuilder } from "./LearnAnythingRoadmapBuilder";

export function LearnAnythingShell({
  initialQuery = "",
  variant = "general",
}: {
  initialQuery?: string;
  variant?: LearningPathVariant;
}) {
  const { setMode, setLastQuery } = useDocDoeMode();

  useEffect(() => {
    setMode(variant === "tuition" ? "tuition" : "learn-anything");
  }, [setMode, variant]);

  useEffect(() => {
    if (initialQuery.trim()) setLastQuery(initialQuery.trim());
  }, [initialQuery, setLastQuery]);

  return (
    <div className="min-h-screen bg-[#030303]">
      {/* Always show the way out — this page used to be a navigation trap. */}
      <SectionTabs current="learn-anything" />
      <LearnAnythingRoadmapBuilder initialQuery={initialQuery} />
    </div>
  );
}