"use client";

import type { ReactNode } from "react";
import { useEffect, useState } from "react";
import { TooltipProvider } from "@/components/ui/tooltip";
import { IconRail } from "@/components/layout/icon-rail";
import { TopHeader } from "@/components/layout/top-header";
import { RightPanel } from "@/components/panels/right-panel";
import { Sidebar } from "@/components/sidebar/sidebar";
import { CommandPalette } from "@/components/ai/command-palette";
import { CreateObjectDialog } from "@/components/objects";
import { SearchDialog } from "@/components/search";

export function AppShell({ children }: { children: ReactNode }) {
  // Simplified AppShell without chat logic for now
  return (
    <TooltipProvider delayDuration={300}>
      <div className="flex h-[100dvh] w-full flex-col overflow-hidden bg-background">
        <TopHeader />
        <div className="flex min-h-0 flex-1 overflow-hidden">
          <IconRail />
          <div className="flex min-w-0 flex-1 flex-col overflow-hidden">
            <Sidebar />
            <main className="flex-1 overflow-auto">{children}</main>
          </div>
          <RightPanel />
        </div>
      </div>
      <CommandPalette />
    </TooltipProvider>
  );
}