1- import { useEffect , useMemo , useState , type ReactNode , type ChangeEvent } from "react" ;
1+ import "react-reflex/styles.css " ;
22
3- import { DiscordChatCrate } from "../playground-ui/DiscordChatCrate" ;
4- import { useGoogleAnalytics } from "../playground-ui/GoogleAnalyticsHook" ;
5- import TabLabel from "../playground-ui/TabLabel" ;
6- import { Example } from "../spicedb-common/examples" ;
7- import { useDeveloperService } from "../spicedb-common/services/developerservice" ;
8- import { useZedTerminalService } from "../spicedb-common/services/zedterminalservice" ;
9- import { parseValidationYAML } from "../spicedb-common/validationfileformat" ;
103import { LinearProgress , Tab , Tabs } from "@material-ui/core" ;
114import AppBar from "@material-ui/core/AppBar" ;
12- import { Button } from "@/components/ui/button" ;
13- import { ButtonGroup } from "@/components/ui/button-group" ;
14- import TextField from "@material-ui/core/TextField" ;
155import { Theme , createStyles , darken , makeStyles } from "@material-ui/core/styles" ;
166import { alpha } from "@material-ui/core/styles/colorManipulator" ;
7+ import TextField from "@material-ui/core/TextField" ;
178import useMediaQuery from "@material-ui/core/useMediaQuery" ;
189import CheckCircleIcon from "@material-ui/icons/CheckCircle" ;
1910import CodeIcon from "@material-ui/icons/Code" ;
@@ -26,17 +17,25 @@ import HighlightOffIcon from "@material-ui/icons/HighlightOff";
2617import InsertDriveFileIcon from "@material-ui/icons/InsertDriveFile" ;
2718import RefreshIcon from "@material-ui/icons/Refresh" ;
2819import ShareIcon from "@material-ui/icons/Share" ;
29- import { Alert , AlertTitle } from "./ui/alert" ;
30- import { ToggleGroup , ToggleGroupItem } from "@/components/ui/toggle-group" ;
20+ import { useNavigate , useLocation } from "@tanstack/react-router" ;
3121import clsx from "clsx" ;
3222import { saveAs } from "file-saver" ;
3323import { fileDialog } from "file-select-dialog" ;
24+ import { CircleX , MessageCircleWarning } from "lucide-react" ;
25+ import { useEffect , useMemo , useState , type ReactNode , type ChangeEvent } from "react" ;
3426import { useCookies } from "react-cookie" ;
35- import "react-reflex/styles.css" ;
36- import { useNavigate , useLocation } from "@tanstack/react-router" ;
3727import sjcl from "sjcl" ;
28+ import { toast } from "sonner" ;
3829import { useKeyboardShortcuts } from "use-keyboard-shortcuts" ;
30+
31+ import { Button } from "@/components/ui/button" ;
32+ import { ButtonGroup } from "@/components/ui/button-group" ;
33+ import { ToggleGroup , ToggleGroupItem } from "@/components/ui/toggle-group" ;
34+
3935import DISCORD from "../assets/discord.svg?react" ;
36+ import { DiscordChatCrate } from "../playground-ui/DiscordChatCrate" ;
37+ import { useGoogleAnalytics } from "../playground-ui/GoogleAnalyticsHook" ;
38+ import TabLabel from "../playground-ui/TabLabel" ;
4039import { useLiveCheckService } from "../services/check" ;
4140import AppConfig from "../services/configservice" ;
4241import { RelationshipsEditorType , useCookieService } from "../services/cookieservice" ;
@@ -52,23 +51,27 @@ import { ProblemService, useProblemService } from "../services/problem";
5251import { Services } from "../services/services" ;
5352import { ValidationResult , ValidationStatus , useValidationService } from "../services/validation" ;
5453import { createValidationYAML , normalizeValidationYAML } from "../services/validationfileformat" ;
54+ import { Example } from "../spicedb-common/examples" ;
55+ import { useDeveloperService } from "../spicedb-common/services/developerservice" ;
56+ import { useZedTerminalService } from "../spicedb-common/services/zedterminalservice" ;
57+ import { parseValidationYAML } from "../spicedb-common/validationfileformat" ;
58+
5559import { DatastoreRelationshipEditor } from "./DatastoreRelationshipEditor" ;
5660import { EditorDisplay , EditorDisplayProps } from "./EditorDisplay" ;
5761import { ExamplesDropdown } from "./ExamplesDropdown" ;
5862import { GuidedTour , TourElementClass } from "./GuidedTour" ;
5963import { AT , ET , NS , VL } from "./KindIcons" ;
6064import { NormalLogo , SmallLogo } from "./Logos" ;
61- import { ShareLoader } from "./ShareLoader" ;
62- import { ValidateButton } from "./ValidationButton" ;
6365import { Panel , useSummaryStyles } from "./panels/base/common" ;
6466import { ReflexedPanelDisplay } from "./panels/base/reflexed" ;
6567import { ProblemsPanel , ProblemsSummary } from "./panels/problems" ;
6668import { TerminalPanel , TerminalSummary } from "./panels/terminal" ;
6769import { ValidationPanel , ValidationSummary } from "./panels/validation" ;
6870import { VisualizerPanel , VisualizerSummary } from "./panels/visualizer" ;
6971import { WatchesPanel , WatchesSummary } from "./panels/watches" ;
70- import { toast } from "sonner" ;
71- import { CircleX , MessageCircleWarning } from "lucide-react" ;
72+ import { ShareLoader } from "./ShareLoader" ;
73+ import { Alert , AlertTitle } from "./ui/alert" ;
74+ import { ValidateButton } from "./ValidationButton" ;
7275
7376const TOOLBAR_BREAKPOINT = 1550 ; // pixels
7477
0 commit comments