036dee3ef1
- ChatPanel: 380px right-side drawer with transition-[width] and hidden md:flex - Two-column skeleton: 160px conversation list + flex thread area with ChatInput - Layout: import ChatPanel, MessageSquare, useChatPanel; add chat toggle button - Layout: useEffect closes PropertiesPanel when chatOpen becomes true - Layout: ChatPanel rendered before PropertiesPanel in flex row - main.tsx: ChatPanelProvider wrapping app inside PanelProvider
70 lines
2.4 KiB
TypeScript
70 lines
2.4 KiB
TypeScript
import * as React from "react";
|
|
import { StrictMode } from "react";
|
|
import * as ReactDOM from "react-dom";
|
|
import { createRoot } from "react-dom/client";
|
|
import { BrowserRouter } from "@/lib/router";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { App } from "./App";
|
|
import { CompanyProvider } from "./context/CompanyContext";
|
|
import { LiveUpdatesProvider } from "./context/LiveUpdatesProvider";
|
|
import { BreadcrumbProvider } from "./context/BreadcrumbContext";
|
|
import { PanelProvider } from "./context/PanelContext";
|
|
import { ChatPanelProvider } from "./context/ChatPanelContext";
|
|
import { SidebarProvider } from "./context/SidebarContext";
|
|
import { DialogProvider } from "./context/DialogContext";
|
|
import { ToastProvider } from "./context/ToastContext";
|
|
import { ThemeProvider } from "./context/ThemeContext";
|
|
import { TooltipProvider } from "@/components/ui/tooltip";
|
|
import { initPluginBridge } from "./plugins/bridge-init";
|
|
import { PluginLauncherProvider } from "./plugins/launchers";
|
|
import "@mdxeditor/editor/style.css";
|
|
import "./index.css";
|
|
|
|
initPluginBridge(React, ReactDOM);
|
|
|
|
if ("serviceWorker" in navigator) {
|
|
window.addEventListener("load", () => {
|
|
navigator.serviceWorker.register("/sw.js");
|
|
});
|
|
}
|
|
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
staleTime: 30_000,
|
|
refetchOnWindowFocus: true,
|
|
},
|
|
},
|
|
});
|
|
|
|
createRoot(document.getElementById("root")!).render(
|
|
<StrictMode>
|
|
<QueryClientProvider client={queryClient}>
|
|
<ThemeProvider>
|
|
<BrowserRouter>
|
|
<CompanyProvider>
|
|
<ToastProvider>
|
|
<LiveUpdatesProvider>
|
|
<TooltipProvider>
|
|
<BreadcrumbProvider>
|
|
<SidebarProvider>
|
|
<PanelProvider>
|
|
<ChatPanelProvider>
|
|
<PluginLauncherProvider>
|
|
<DialogProvider>
|
|
<App />
|
|
</DialogProvider>
|
|
</PluginLauncherProvider>
|
|
</ChatPanelProvider>
|
|
</PanelProvider>
|
|
</SidebarProvider>
|
|
</BreadcrumbProvider>
|
|
</TooltipProvider>
|
|
</LiveUpdatesProvider>
|
|
</ToastProvider>
|
|
</CompanyProvider>
|
|
</BrowserRouter>
|
|
</ThemeProvider>
|
|
</QueryClientProvider>
|
|
</StrictMode>
|
|
);
|