import React from "react";
import ReactDOM from "react-dom/client";
import { App } from "./App";
import "./grok/shell.css";
import "./grok/production.css";
import "./grok/conversation.css";
import "./grok/transcript-utility-parity.css";
import "./grok/host.css";
import { createRuntimeThemeInstaller, type ThemeDocument } from "./grok/runtime-theme-token-installer";

createRuntimeThemeInstaller(document as unknown as ThemeDocument, "dark");

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

if ("serviceWorker" in navigator) {
  navigator.serviceWorker.register("/sw.js").catch(() => undefined);
}